@burdenoff/microfe-vibecontrols 2026.709.2 → 2026.710.1

package/dist/pages/AgentsPage.js

@@ -19,70 +19,70 @@ 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 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 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 { VIBE_PERMISSIONS as c } from "../constants/permissions.js";
+import { PageSkeleton as Oe } from "../components/shared/PageSkeleton.js";
+import { notify as l } from "../lib/toast.js";
+import { AgentCard as ke } from "../components/agents/AgentCard.js";
+import { AgentList as Ae } from "../components/agents/AgentList.js";
+import { AgentForm as je } from "../components/agents/AgentForm.js";
 import "../components/agents/index.js";
-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 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";
+import { deriveAgentStatus as Me } from "../utils/agentStatus.js";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as Ne, useState as p } from "react";
+import { Bot as Pe, CheckSquare as Fe, Grid as Ie, List as Le, Plus as m, RefreshCw as Re, Trash2 as ze, XSquare as Be } from "lucide-react";
+import { useSearchParams as Ve } from "react-router-dom";
+import { usePermissions as He } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as Ue } from "framer-motion";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as We, Input as Ge, PagePurpose as Ke, ResponsiveDialog as qe, ResponsiveDialogContent as Je, ResponsiveDialogDescription as Ye, ResponsiveDialogFooter as Xe, ResponsiveDialogHeader as Ze, ResponsiveDialogTitle as Qe } from "@burdenoff/fe-libs/ui";
+import { useEventBus as $e } from "@burdenoff/fe-libs/shared/events";
+import { AccessDenied as et, PermissionButton as tt } from "@burdenoff/fe-libs/shared/components";
+import { MotionItem as nt, MotionList as rt, MotionPage as _ } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/AgentsPage.tsx
-function at() {
-	let { onAgentSelect: at, workspaceId: _ } = pe(), v = me(), y = et(), { hasPermission: ot, isLoading: st, permissions: ct } = Ue(), b = le(), lt = [
+function it() {
+	let { onAgentSelect: it, workspaceId: v } = pe(), y = me(), b = $e(), { hasPermission: at, isLoading: ot, permissions: st } = He(), x = le(), ct = [
 		{
 			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")
 		}
-	], ut = [
+	], lt = [
 		{
 			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")
 		}
-	], 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(() => {
+	], ut = at(c.AGENT_LIST), [S, dt] = p(""), [C, ft] = p("all"), [w, pt] = p("all"), [T, mt] = p("all"), [E, ht] = p("grid"), [gt, D] = p(!1), [_t, vt] = p(!1), [O, yt] = Ve();
+	d(() => {
 		if (O.get("create") === "true") {
 			D(!0);
 			let e = new URLSearchParams(O);
 			e.delete("create"), yt(e, { replace: !0 });
 		}
 	}, [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 [k, A] = p(null), [j, bt] = p(!1), M = s((e) => e.connectingAgents), xt = s((e) => e.markAgentConnecting), N = s((e) => e.clearAgentConnecting), St = f(() => new Set(Object.keys(M)), [M]), Ct = Ne(/* @__PURE__ */ new Map());
+	d(() => {
 		let e = Ct.current;
 		for (let t of Object.keys(M)) {
 			if (e.has(t)) continue;
@@ -97,74 +97,74 @@ function at() {
 			e.clear();
 		};
 	}, [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({
+	let [P, F] = p(null), [wt, I] = p(!1), Tt = Ne(null), L = Ee({ hint: x("agentsPage.tunnelUrlHint", "Leave empty to clear. Agents with auto-tunnel report this automatically on startup.") }), [R, z] = p(/* @__PURE__ */ new Set()), [B, Et] = p(!1), [Dt, V] = p(!1), [H, U] = p(null), [Ot] = n({ refetchQueries: ["ListAgents"] }), { setDraftTagIds: kt, flushTags: At } = be("VIBECONTROLS_AGENT"), [jt] = e({ refetchQueries: ["ListAgents"] }), [Mt] = t({ refetchQueries: ["ListAgents"] }), [Nt] = i({ refetchQueries: ["ListAgents"] }), [Pt] = ie({ refetchQueries: ["ListAgents"] }), [Ft] = ae({ refetchQueries: ["ListAgents"] }), [It] = re({ refetchQueries: ["ListAgents"] }), { refetch: Lt } = he(), { data: Rt, loading: zt, refetch: Bt } = ne({
 		variables: {
-			workspaceId: _ ?? "",
+			workspaceId: v ?? "",
 			limit: 50,
 			offset: 0
 		},
-		skip: !_,
+		skip: !v,
 		fetchPolicy: "cache-and-network"
-	}), Bt = Lt?.targets?.items ?? [], Vt = Bt.length > 0, [Ht] = oe({ refetchQueries: ["ListAgents"] }), [Ut] = ee({ refetchQueries: ["ListAgents"] }), [Wt] = r({
+	}), Vt = Rt?.targets?.items ?? [], Ht = Vt.length > 0, [Ut] = oe({ refetchQueries: ["ListAgents"] }), [Wt] = ee({ refetchQueries: ["ListAgents"] }), [Gt] = r({
 		refetchQueries: ["VibeControlsInitialData", "ListTargets"],
 		awaitRefetchQueries: !0
-	}), Gt = l(async (e) => {
-		if (!_ || !e.trim()) return null;
+	}), Kt = u(async (e) => {
+		if (!v || !e.trim()) return null;
 		try {
-			let t = await Wt({ variables: {
-				workspaceId: _,
+			let t = await Gt({ variables: {
+				workspaceId: v,
 				input: {
 					type: "DIRECT",
 					name: e.trim()
 				}
 			} });
-			if (t.error && a(t.error)) throw o(), W("target"), t.error;
+			if (t.error && a(t.error)) throw o(), U("target"), t.error;
 			let n = t.data?.createTarget;
-			return n ? (It(), zt(), {
+			return n ? (Lt(), Bt(), {
 				id: n.id,
 				name: n.name,
 				type: n.type ?? "DIRECT",
 				status: n.status ?? "unknown"
 			}) : null;
 		} catch (e) {
-			if (a(e)) throw o(), W("target"), e;
+			if (a(e)) throw o(), U("target"), e;
 			return null;
 		}
 	}, [
-		Wt,
-		It,
-		zt,
-		_
-	]), { data: Kt, loading: G, error: qt, refetch: K } = te({
+		Gt,
+		Lt,
+		Bt,
+		v
+	]), { data: qt, loading: W, error: Jt, refetch: G } = te({
 		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: !_
-	}), [Jt, Yt] = f(!1);
-	u(() => {
-		let e = window.setTimeout(() => Yt(!0), 0);
+		skip: !v
+	}), [Yt, Xt] = p(!1);
+	d(() => {
+		let e = window.setTimeout(() => Xt(!0), 0);
 		return () => window.clearTimeout(e);
 	}, []);
-	let q = ce({
+	let K = ce({
 		fetchPolicy: "cache-and-network",
 		nextFetchPolicy: "cache-first",
 		notifyOnNetworkStatusChange: !0,
-		skip: !_ || !Jt,
+		skip: !v || !Yt,
 		pollInterval: 6e4
-	}), [Xt] = se({ fetchPolicy: "network-only" }), Zt = q.data === void 0, J = d(() => {
-		let e = /* @__PURE__ */ new Map(), t = q.data?.vibecontrolsAgentHealthProbes ?? [];
+	}), [Zt] = se({ fetchPolicy: "network-only" }), Qt = K.data === void 0, q = f(() => {
+		let e = /* @__PURE__ */ new Map(), t = K.data?.vibecontrolsAgentHealthProbes ?? [];
 		for (let n of t) e.set(n.agentId, {
 			agentId: n.agentId,
 			healthy: n.healthy,
 			errorMessage: n.errorMessage
 		});
 		return e;
-	}, [q.data]), Y = d(() => (Kt?.vibecontrolsAgents ?? []).map((e) => ({
+	}, [K.data]), J = f(() => (qt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		workspaceId: e.workspaceId,
 		name: e.name,
@@ -173,12 +173,12 @@ function at() {
 		architecture: e.architecture,
 		version: e.version,
 		isActive: e.isActive,
-		status: St.has(e.id) ? "CONNECTING" : Ne({
+		status: St.has(e.id) ? "CONNECTING" : Me({
 			id: e.id,
 			isActive: e.isActive,
 			metadata: e.metadata
-		}, J, { probesLoading: Zt }),
-		healthError: J.get(e.id)?.errorMessage ?? (e.lastGatewayAuthPushStatus === "failed" ? e.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
+		}, q, { probesLoading: Qt }),
+		healthError: q.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 at() {
 			} : null
 		}))
 	})), [
-		Kt?.vibecontrolsAgents,
-		J,
-		Zt,
+		qt?.vibecontrolsAgents,
+		q,
+		Qt,
 		St
 	]);
-	u(() => {
+	d(() => {
 		let e = Object.keys(M);
 		if (e.length === 0) return;
 		let t = Date.now(), n = Infinity;
 		for (let r of e) {
 			let e = M[r];
-			e !== void 0 && (J.get(r)?.healthy === !0 && t >= e ? N(r) : e < n && (n = e));
+			e !== void 0 && (q.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 && J.get(t)?.healthy === !0 && Date.now() >= n && N(t);
+				n !== void 0 && q.get(t)?.healthy === !0 && Date.now() >= n && N(t);
 			}
 		}, r);
 		return () => clearTimeout(i);
 	}, [
-		J,
+		q,
 		M,
 		N
 	]);
-	let X = d(() => Y.filter((e) => {
-		if (x) {
-			let t = x.toLowerCase();
+	let Y = f(() => J.filter((e) => {
+		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));
 	}), [
-		Y,
-		x,
-		w
-	]), Qt = (e) => {
-		v(`/agents/${e.id}`), at?.({
+		J,
+		S,
+		T
+	]), X = (e) => {
+		y(`/agents/${e.id}`), it?.({
 			id: e.id,
 			name: e.name,
 			type: e.platform || "unknown",
 			status: e.status || (e.isActive ? "ACTIVE" : "OFFLINE")
 		});
 	}, Z = () => {
-		D(!0), y.emitCustom("vibecontrols.agent.register_clicked", { workspaceId: _ ?? void 0 });
+		D(!0), b.emitCustom("vibecontrols.agent.register_clicked", { workspaceId: v ?? void 0 });
 	}, $t = async (e) => {
 		try {
 			vt(!0);
 			let t = e.tunnelUrl?.trim(), n = e.agentApiKey?.trim();
 			if (t && n) {
-				let r = await At({ variables: { input: {
+				let r = await jt({ variables: { input: {
 					tunnelUrl: t,
 					apiKey: n,
 					...e.name ? { name: e.name } : {},
@@ -261,16 +261,16 @@ function at() {
 				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 kt(i.agent.id), y.emitCustom("vibecontrols.agent.registered", {
-					workspaceId: _ ?? void 0,
+				if (i.agent?.id) return await At(i.agent.id), b.emitCustom("vibecontrols.agent.registered", {
+					workspaceId: v ?? void 0,
 					agentId: i.agent.id
-				}), y.emitCustom("vibecontrols.agent.gateway_auth_setup", {
-					workspaceId: _ ?? void 0,
+				}), b.emitCustom("vibecontrols.agent.gateway_auth_setup", {
+					workspaceId: v ?? void 0,
 					agentId: i.agent.id
 				}), { id: i.agent.id };
 				throw Error("Agent onboarding returned no agent record.");
 			}
-			let r = await Dt({ variables: { input: {
+			let r = await Ot({ variables: { input: {
 				name: e.name,
 				hostname: e.hostname,
 				platform: e.platform,
@@ -280,14 +280,14 @@ function at() {
 				...e.tunnelUrl ? { tunnelUrl: e.tunnelUrl } : {},
 				...e.tunnelStatus ? { tunnelStatus: e.tunnelStatus } : {}
 			} } }), i = r.data?.createVibecontrolsAgent;
-			if (i?.id) return await kt(i.id), y.emitCustom("vibecontrols.agent.registered", {
-				workspaceId: _ ?? void 0,
+			if (i?.id) return await At(i.id), b.emitCustom("vibecontrols.agent.registered", {
+				workspaceId: v ?? 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(), W("agent"), D(!1), y.emitCustom("vibecontrols.quota.agent_limit_hit", { workspaceId: _ ?? void 0 });
+				o(), U("agent"), D(!1), b.emitCustom("vibecontrols.quota.agent_limit_hit", { workspaceId: v ?? void 0 });
 				return;
 			}
 			throw console.error("Failed to create agent:", e), e;
@@ -296,35 +296,35 @@ function at() {
 		}
 	}, en = async (e) => {
 		try {
-			let t = (await Nt({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
+			let t = (await Pt({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
 			if (!t?.success) {
 				if (/not yet configured|awaiting[-\s_]config/i.test(t?.error ?? "")) {
-					let t = (await Ft({ variables: { input: { agentId: e.id } } })).data?.setupAgentGatewayAuth;
+					let t = (await It({ 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 Nt({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
+					let i = (await Pt({ 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,
+					b.emitCustom("vibecontrols.agent.gateway_auth_setup", {
+						workspaceId: v ?? void 0,
 						agentId: e.id
-					}), await jt({ variables: { id: e.id } }), c.success(`Agent "${e.name}" re-credentialed and started.`);
+					}), await Mt({ variables: { id: e.id } }), l.success(`Agent "${e.name}" re-credentialed and started.`);
 					return;
 				}
 				throw Error(t?.error || "Failed to start agent");
 			}
-			await jt({ variables: { id: e.id } }), c.success(`Agent "${e.name}" started`);
+			await Mt({ variables: { id: e.id } }), l.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");
+			console.error("Failed to start agent:", e), l.error(e instanceof Error ? e.message : "Failed to start agent");
 		}
 	}, tn = async (e) => {
 		try {
-			let t = (await Pt({ variables: { agentId: e.id } })).data?.stopVibecontrolsAgent;
+			let t = (await Ft({ variables: { agentId: e.id } })).data?.stopVibecontrolsAgent;
 			if (!t?.success) throw Error(t?.error || "Failed to stop agent");
-			await Mt({ variables: { id: e.id } }), c.success(`Agent "${e.name}" stopped`);
+			await Nt({ variables: { id: e.id } }), l.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");
+			console.error("Failed to stop agent:", e), l.error(e instanceof Error ? e.message : "Failed to stop agent");
 		}
 	}, nn = (e) => {
 		F(e);
@@ -333,16 +333,16 @@ function at() {
 		let e = P;
 		I(!0);
 		try {
-			await Mt({
+			await Nt({
 				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"), I(!1), F(null), await K();
+			console.error("Failed to deactivate agent:", e), l.error(e instanceof Error ? e.message : "Failed to disconnect agent"), I(!1), F(null), await G();
 			return;
 		}
 		try {
-			await Ht({
+			await Ut({
 				variables: {
 					id: e.id,
 					input: {
@@ -351,20 +351,20 @@ function at() {
 					}
 				},
 				refetchQueries: []
-			}), c.success(`Agent "${e.name}" disconnected`);
+			}), l.success(`Agent "${e.name}" disconnected`);
 		} 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.");
+			console.error("Failed to clear tunnel fields:", e), l.error("Agent marked offline, but failed to clear connection fields — clear them manually in Settings.");
 		}
-		I(!1), F(null), await K();
+		I(!1), F(null), await G();
 	}, an = (e) => {
-		v(`/agents/${e.id}`);
+		y(`/agents/${e.id}`);
 	}, on = (e) => {
 		A(e);
 	}, sn = async () => {
 		if (!k) return;
 		let e = k.id, t = Tt.current?.value?.trim() || "";
 		try {
-			bt(!0), await Ht({
+			bt(!0), await Ut({
 				variables: {
 					id: e,
 					input: {
@@ -379,236 +379,240 @@ function at() {
 		} finally {
 			bt(!1);
 		}
-	}, cn = l((e) => {
+	}, cn = u((e) => {
 		z((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), ln = l(() => {
-		z(new Set(X.map((e) => e.id)));
-	}, [X]), Q = l(() => {
+	}, []), ln = u(() => {
+		z(new Set(Y.map((e) => e.id)));
+	}, [Y]), Q = u(() => {
 		z(/* @__PURE__ */ new Set());
-	}, []), $ = X.length > 0 && R.size === X.length, un = R.size > 0, dn = l(async () => {
+	}, []), $ = Y.length > 0 && R.size === Y.length, un = R.size > 0, dn = u(async () => {
 		if (R.size !== 0) {
-			V(!0);
+			Et(!0);
 			try {
-				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());
+				let e = await Promise.allSettled(Array.from(R).map((e) => Wt({ variables: { id: e } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.filter((e) => e.status === "rejected").length;
+				n > 0 ? l.error(`Removed ${t}, failed to remove ${n} agent${n === 1 ? "" : "s"}`) : l.success(`Removed ${t} agent${t === 1 ? "" : "s"}`), z(/* @__PURE__ */ new Set());
 			} catch (e) {
-				c.error(e instanceof Error ? e.message : "Failed to remove agents");
+				l.error(e instanceof Error ? e.message : "Failed to remove agents");
 			} finally {
-				V(!1), H(!1);
+				Et(!1), V(!1);
 			}
 		}
-	}, [R, Ut]), fn = {
-		total: Y.length,
-		active: Y.filter((e) => e.status === "ACTIVE").length,
-		offline: Y.filter((e) => e.status !== "ACTIVE").length
+	}, [R, Wt]), fn = {
+		total: J.length,
+		active: J.filter((e) => e.status === "ACTIVE").length,
+		offline: J.filter((e) => e.status !== "ACTIVE").length
 	};
-	return st ? /* @__PURE__ */ m(g, {
+	return ot ? /* @__PURE__ */ h(_, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
-		children: /* @__PURE__ */ m(_e, { message: b("agentsPage.loadingPermissions", "Loading permissions...") })
-	}) : ct && ct.permissionStrings?.length > 0 && !dt ? /* @__PURE__ */ m(g, {
+		children: /* @__PURE__ */ h(_e, { message: x("agentsPage.loadingPermissions", "Loading permissions...") })
+	}) : st && st.permissionStrings?.length > 0 && !ut ? /* @__PURE__ */ h(_, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
-		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.")
+		children: /* @__PURE__ */ h(et, {
+			title: x("agentsPage.accessDeniedTitle", "Access Denied"),
+			description: x("agentsPage.accessDeniedDescription", "You don't have permission to view agents. Contact your workspace administrator for access.")
 		})
-	}) : qt && Y.length === 0 ? /* @__PURE__ */ m(g, {
+	}) : Jt && J.length === 0 ? /* @__PURE__ */ h(_, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
-		children: /* @__PURE__ */ m(ve, {
-			title: b("agentsPage.failedLoad", "Failed to load agents"),
-			message: qt.message,
-			onRetry: () => K()
+		children: /* @__PURE__ */ h(ve, {
+			title: x("agentsPage.failedLoad", "Failed to load agents"),
+			message: Jt.message,
+			onRetry: () => G()
 		})
-	}) : /* @__PURE__ */ h(g, {
+	}) : /* @__PURE__ */ g(_, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
 		children: [
-			/* @__PURE__ */ m(ge, {
-				title: b("agentsPage.title", "Agents"),
-				description: b("agentsPage.descriptionOnline", "{{active}} of {{total}} agents online", {
+			/* @__PURE__ */ h(ge, {
+				title: x("agentsPage.title", "Agents"),
+				description: x("agentsPage.descriptionOnline", "{{active}} of {{total}} agents online", {
 					active: fn.active,
 					total: fn.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", {
 						type: "button",
 						onClick: () => {
-							K(), Xt();
+							G(), Zt();
 						},
-						disabled: G || q.loading,
+						disabled: W || K.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(ze, {
+						"aria-label": x("agentsPage.refreshTitle", "Refresh agents"),
+						title: x("agentsPage.refreshTitle", "Refresh agents"),
+						children: /* @__PURE__ */ h(Re, {
 							"aria-hidden": "true",
-							className: `size-4 ${G || q.loading ? "animate-spin" : ""}`
+							className: `size-4 ${W || K.loading ? "animate-spin" : ""}`
 						})
-					}), Vt ? /* @__PURE__ */ m(nt, {
-						permission: Oe.AGENT_CREATE,
+					}), Ht ? /* @__PURE__ */ h(tt, {
+						permission: c.AGENT_CREATE,
 						deniedBehavior: "disable",
-						deniedTooltip: b("agentsPage.deniedCreateTooltip", "You don't have permission to create agents"),
-						children: /* @__PURE__ */ h("button", {
+						deniedTooltip: x("agentsPage.deniedCreateTooltip", "You don't have permission to create agents"),
+						children: /* @__PURE__ */ g("button", {
 							type: "button",
 							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")]
+							children: [/* @__PURE__ */ h(m, { className: "size-4" }), x("agentsPage.addAgent", "Add Agent")]
 						})
-					}) : /* @__PURE__ */ h("button", {
+					}) : /* @__PURE__ */ g("button", {
 						type: "button",
 						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")]
+						children: [/* @__PURE__ */ h(m, { className: "size-4" }), x("agentsPage.addAgent", "Add Agent")]
 					})]
 				})
 			}),
-			/* @__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.")
+			/* @__PURE__ */ h(Ke, {
+				icon: /* @__PURE__ */ h(Pe, { className: "size-4" }),
+				children: x("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.")
 			}),
-			Y.length === 0 && !G && /* @__PURE__ */ m(we, {
+			J.length === 0 && !W && /* @__PURE__ */ h(we, {
 				variant: "full",
 				dismissKey: "vibecontrols-agents-setup-banner"
 			}),
-			Y.length > 0 && /* @__PURE__ */ m(we, {
+			J.length > 0 && /* @__PURE__ */ h(we, {
 				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(Se, {
-						value: x,
-						onChange: ft,
-						placeholder: b("agentsPage.searchPlaceholder", "Search agents..."),
+					children: [/* @__PURE__ */ h(Se, {
+						value: S,
+						onChange: dt,
+						placeholder: x("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-button p-1 flex-shrink-0 border border-border-subtle",
-						children: [/* @__PURE__ */ m("button", {
+						children: [/* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								E("grid"), z(/* @__PURE__ */ new Set());
+								ht("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(Le, {
+							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 ${E === "grid" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
+							"aria-label": x("agentsPage.gridViewTitle", "Grid view"),
+							"aria-pressed": E === "grid",
+							title: x("agentsPage.gridViewTitle", "Grid view"),
+							children: /* @__PURE__ */ h(Ie, {
 								"aria-hidden": "true",
 								className: "size-4 text-text-secondary"
 							})
-						}), /* @__PURE__ */ m("button", {
+						}), /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								E("list"), z(/* @__PURE__ */ new Set());
+								ht("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(Re, {
+							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 ${E === "list" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
+							"aria-label": x("agentsPage.listViewTitle", "List view"),
+							"aria-pressed": E === "list",
+							title: x("agentsPage.listViewTitle", "List view"),
+							children: /* @__PURE__ */ h(Le, {
 								"aria-hidden": "true",
 								className: "size-4 text-text-secondary"
 							})
 						})]
 					})]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 					children: [
-						/* @__PURE__ */ m(Ce, {
-							label: b("agentsPage.filterStatus", "Status"),
-							value: S,
+						/* @__PURE__ */ h(Ce, {
+							label: x("agentsPage.filterStatus", "Status"),
+							value: C,
+							options: ct,
+							onChange: ft
+						}),
+						/* @__PURE__ */ h(Ce, {
+							label: x("agentsPage.filterPlatform", "Platform"),
+							value: w,
 							options: lt,
 							onChange: pt
 						}),
-						/* @__PURE__ */ m(Ce, {
-							label: b("agentsPage.filterPlatform", "Platform"),
-							value: C,
-							options: ut,
+						/* @__PURE__ */ h(De, {
+							label: x("agentsPage.filterTag", "Tag"),
+							value: T,
 							onChange: mt
-						}),
-						/* @__PURE__ */ m(De, {
-							label: b("agentsPage.filterTag", "Tag"),
-							value: w,
-							onChange: ht
 						})
 					]
 				})]
 			}),
-			T === "grid" && X.length > 0 && /* @__PURE__ */ m("div", {
+			E === "grid" && Y.length > 0 && /* @__PURE__ */ h("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ h("button", {
+				children: /* @__PURE__ */ g("button", {
 					type: "button",
 					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(Ie, {
+					children: [/* @__PURE__ */ h(Fe, {
 						"aria-hidden": "true",
 						className: "size-3.5"
-					}), $ ? b("agentsPage.deselectAll", "Deselect All") : b("agentsPage.selectAll", "Select All")]
+					}), $ ? x("agentsPage.deselectAll", "Deselect All") : x("agentsPage.selectAll", "Select All")]
 				})
 			}),
-			un && /* @__PURE__ */ h("div", {
+			un && /* @__PURE__ */ g("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", {
+				children: [/* @__PURE__ */ h("span", {
 					className: "text-sm font-medium text-text-primary",
-					children: b("agentsPage.selectedCount", "{{count}} agents selected", { count: R.size })
-				}), /* @__PURE__ */ h("div", {
+					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__ */ h("button", {
-						type: "button",
-						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(Be, {
-								"aria-hidden": "true",
-								className: "size-3"
-							}),
-							" ",
-							b("agentsPage.remove", "Remove")
-						]
-					}), /* @__PURE__ */ h("button", {
+					children: [/* @__PURE__ */ h(tt, {
+						permission: c.AGENT_DELETE,
+						deniedBehavior: "hide",
+						children: /* @__PURE__ */ g("button", {
+							type: "button",
+							onClick: () => V(!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__ */ h(ze, {
+									"aria-hidden": "true",
+									className: "size-3"
+								}),
+								" ",
+								x("agentsPage.remove", "Remove")
+							]
+						})
+					}), /* @__PURE__ */ g("button", {
 						type: "button",
 						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(Ve, {
+							/* @__PURE__ */ h(Be, {
 								"aria-hidden": "true",
 								className: "size-3"
 							}),
 							" ",
-							b("agentsPage.deselect", "Deselect")
+							x("agentsPage.deselect", "Deselect")
 						]
 					})]
 				})]
 			}),
-			x || S !== "all" || C !== "all" ? /* @__PURE__ */ h("p", {
+			S || C !== "all" || w !== "all" ? /* @__PURE__ */ g("p", {
 				className: "text-sm text-text-secondary",
-				children: [b("agentsPage.showingResults", "Showing {{filtered}} of {{total}} agents", {
-					filtered: X.length,
-					total: Y.length
-				}), G && /* @__PURE__ */ m("span", {
+				children: [x("agentsPage.showingResults", "Showing {{filtered}} of {{total}} agents", {
+					filtered: Y.length,
+					total: J.length
+				}), W && /* @__PURE__ */ h("span", {
 					className: "ml-2 text-text-muted",
-					children: b("agentsPage.refreshing", "(refreshing...)")
+					children: x("agentsPage.refreshing", "(refreshing...)")
 				})]
 			}) : null,
-			G && Y.length === 0 ? /* @__PURE__ */ m(ke, {
+			W && J.length === 0 ? /* @__PURE__ */ h(Oe, {
 				variant: "rows",
 				count: 6
-			}) : X.length > 0 ? /* @__PURE__ */ m(We, {
+			}) : Y.length > 0 ? /* @__PURE__ */ h(Ue, {
 				mode: "wait",
-				children: T === "grid" ? /* @__PURE__ */ m(it, {
+				children: E === "grid" ? /* @__PURE__ */ h(rt, {
 					"data-tour": "agents-page-grid-header",
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: X.map((e) => /* @__PURE__ */ m(rt, {
+					children: Y.map((e) => /* @__PURE__ */ h(nt, {
 						className: "h-full",
-						children: /* @__PURE__ */ m(Ae, {
+						children: /* @__PURE__ */ h(ke, {
 							agent: e,
-							onSelect: Qt,
+							onSelect: X,
 							onStart: en,
 							onStop: tn,
 							onDisconnect: nn,
@@ -619,13 +623,13 @@ function at() {
 							healthErrorMessage: e.healthError ?? null
 						})
 					}, e.id))
-				}, "grid-view") : /* @__PURE__ */ m(it, {
+				}, "grid-view") : /* @__PURE__ */ h(rt, {
 					stagger: .04,
-					children: /* @__PURE__ */ m(rt, {
+					children: /* @__PURE__ */ h(nt, {
 						variant: "fadeRight",
-						children: /* @__PURE__ */ m(je, {
-							agents: X,
-							onSelect: Qt,
+						children: /* @__PURE__ */ h(Ae, {
+							agents: Y,
+							onSelect: X,
 							onStart: en,
 							onStop: tn,
 							onDisconnect: nn,
@@ -637,139 +641,139 @@ function at() {
 						})
 					})
 				}, "list-view")
-			}) : /* @__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."),
-				action: !x && S === "all" && C === "all" ? /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ h(xe, {
+				icon: /* @__PURE__ */ h(Pe, { className: "size-8 text-text-secondary" }),
+				illustration: S || C !== "all" || w !== "all" ? "empty-search" : "empty-agents",
+				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__ */ h("button", {
+						/* @__PURE__ */ g("button", {
 							type: "button",
 							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")]
+							children: [/* @__PURE__ */ h(m, { className: "size-4" }), x("agentsPage.addAgent", "Add Agent")]
 						}),
-						/* @__PURE__ */ m("button", {
+						/* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => v("/getting-started"),
+							onClick: () => y("/getting-started"),
 							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")
+							children: x("agentsPage.setupGuide", "Setup guide")
 						}),
-						/* @__PURE__ */ m(Te, { prompt: "What is an Agent in VibeControls and how do I add one?" })
+						/* @__PURE__ */ h(Te, { prompt: "What is an Agent in VibeControls and how do I add one?" })
 					]
 				}) : void 0
 			}),
-			gt && /* @__PURE__ */ m(Me, {
+			gt && /* @__PURE__ */ h(je, {
 				onSubmit: $t,
 				onCancel: () => D(!1),
 				isLoading: _t,
 				onNavigate: (e) => {
-					D(!1), v(e);
+					D(!1), y(e);
 				},
-				targets: Bt.map((e) => ({
+				targets: Vt.map((e) => ({
 					id: e.id,
 					name: e.name,
 					type: e.type || "DIRECT",
 					status: e.status
 				})),
-				targetsLoading: Rt,
-				onCreateTarget: Gt,
-				extraSection: /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+				targetsLoading: zt,
+				onCreateTarget: Kt,
+				extraSection: /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 					className: "text-sm font-medium text-text-secondary mb-2",
-					children: b("agents.tags", "Tags")
-				}), /* @__PURE__ */ m(ye, {
+					children: x("agents.tags", "Tags")
+				}), /* @__PURE__ */ h(ye, {
 					entityType: "VIBECONTROLS_AGENT",
-					onDraftChange: Ot
+					onDraftChange: kt
 				})] })
 			}),
-			/* @__PURE__ */ m(ue, {
+			/* @__PURE__ */ h(ue, {
 				isOpen: P !== null,
 				onClose: () => {
 					wt || F(null);
 				},
 				onConfirm: rn,
-				title: b("agentsPage.disconnectTitle", "Disconnect Agent"),
-				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"),
+				title: x("agentsPage.disconnectTitle", "Disconnect Agent"),
+				message: P ? Me(P) === "OFFLINE" ? x("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 }) : x("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: x("agentsPage.disconnectConfirm", "Disconnect"),
 				variant: "danger",
 				isLoading: wt
 			}),
-			/* @__PURE__ */ m(Je, {
+			/* @__PURE__ */ h(qe, {
 				open: k !== null,
 				onOpenChange: (e) => {
 					e || A(null);
 				},
-				children: k ? /* @__PURE__ */ h(Ye, {
+				children: k ? /* @__PURE__ */ g(Je, {
 					className: "sm:max-w-md",
 					children: [
-						/* @__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", {
+						/* @__PURE__ */ g(Ze, { children: [/* @__PURE__ */ h(Qe, { children: x("agentsPage.editTunnelTitle", "Edit Tunnel") }), /* @__PURE__ */ h(Ye, { children: x("agentsPage.editTunnelDescription", "Configure the cloudflared tunnel URL and API key for {{name}}.", { name: k.name }) })] }),
+						/* @__PURE__ */ g("div", {
 							className: "py-4",
 							children: [
-								/* @__PURE__ */ m("label", {
+								/* @__PURE__ */ h("label", {
 									htmlFor: L.id,
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
-									children: b("agentsPage.tunnelUrlLabel", "Tunnel URL")
+									children: x("agentsPage.tunnelUrlLabel", "Tunnel URL")
 								}),
-								/* @__PURE__ */ m(Ke, {
+								/* @__PURE__ */ h(Ge, {
 									...L.inputProps,
 									ref: Tt,
 									type: "url",
 									defaultValue: k.tunnelUrl || "",
-									placeholder: b("agentsPage.tunnelUrlPlaceholder", "https://example.trycloudflare.com"),
+									placeholder: x("agentsPage.tunnelUrlPlaceholder", "https://example.trycloudflare.com"),
 									className: "text-base md:text-sm"
 								}),
-								/* @__PURE__ */ m("p", {
+								/* @__PURE__ */ h("p", {
 									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.")
+									children: x("agentsPage.tunnelUrlHint", "Leave empty to clear. Agents with auto-tunnel report this automatically on startup.")
 								})
 							]
 						}),
-						/* @__PURE__ */ h(Ze, { children: [/* @__PURE__ */ m(Ge, {
+						/* @__PURE__ */ g(Xe, { children: [/* @__PURE__ */ h(We, {
 							type: "button",
 							variant: "outline",
 							onClick: () => A(null),
 							className: "max-md:min-h-11",
-							children: b("agentsPage.cancel", "Cancel")
-						}), /* @__PURE__ */ m(Ge, {
+							children: x("agentsPage.cancel", "Cancel")
+						}), /* @__PURE__ */ h(We, {
 							type: "button",
 							onClick: sn,
 							disabled: j,
 							"aria-busy": j,
 							className: "max-md:min-h-11",
-							children: j ? b("agentsPage.saving", "Saving...") : b("agentsPage.save", "Save")
+							children: j ? x("agentsPage.saving", "Saving...") : x("agentsPage.save", "Save")
 						})] })
 					]
 				}) : null
 			}),
-			/* @__PURE__ */ m(ue, {
-				isOpen: Et,
+			/* @__PURE__ */ h(ue, {
+				isOpen: Dt,
 				onClose: () => {
-					B || H(!1);
+					B || V(!1);
 				},
 				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: R.size }),
-				confirmLabel: b("agentsPage.remove", "Remove"),
+				title: x("agentsPage.bulkDeleteTitle", "Remove agents"),
+				message: x("agentsPage.bulkDeleteConfirm", "Are you sure you want to remove {{count}} agent(s)? This cannot be undone.", { count: R.size }),
+				confirmLabel: x("agentsPage.remove", "Remove"),
 				variant: "danger",
 				isLoading: B
 			}),
-			/* @__PURE__ */ m(de, {
-				isOpen: U !== null,
-				onClose: () => W(null),
+			/* @__PURE__ */ h(de, {
+				isOpen: H !== null,
+				onClose: () => U(null),
 				onConfirm: () => {
-					W(null), v("/billing/plans");
+					U(null), y("/billing/plans");
 				},
-				title: fe(U ?? "generic").title,
-				message: fe(U ?? "generic").message
+				title: fe(H ?? "generic").title,
+				message: fe(H ?? "generic").message
 			})
 		]
 	});
 }
 //#endregion
-export { at as AgentsPage };
+export { it as AgentsPage };
 
 //# sourceMappingURL=AgentsPage.js.map