@burdenoff/microfe-vibecontrols 2026.709.2 → 2026.710.1

package/dist/pages/TargetsPage.js

@@ -1,7 +1,7 @@
-import { useCreateTargetMutation as e, useDeleteTargetMutation as t, useGetInstallAgentJobStatusLazyQuery as n, useInstallAgentOnTargetMutation as r, useListTargetsQuery as ee, useStartTerminalMutation as i, useTestTargetMutation as a, useUninstallAgentFromTargetMutation as te, useUpdateTargetMutation as o } from "../generated/wspace-operations.js";
-import { useTr as ne } from "../shared/hooks/useTr.js";
-import { ConfirmDialog as re } from "../components/shared/ConfirmDialog.js";
-import { getQuotaDialogContent as ie, isQuotaExhaustedError as ae, markQuotaHandledLocally as oe } from "../utils/quotaUtils.js";
+import { useCreateTargetMutation as e, useDeleteTargetMutation as t, useGetInstallAgentJobStatusLazyQuery as n, useInstallAgentOnTargetMutation as r, useListTargetsQuery as ee, useStartTerminalMutation as i, useTestTargetMutation as te, useUninstallAgentFromTargetMutation as ne, useUpdateTargetMutation as re } from "../generated/wspace-operations.js";
+import { useTr as ie } from "../shared/hooks/useTr.js";
+import { ConfirmDialog as ae } from "../components/shared/ConfirmDialog.js";
+import { getQuotaDialogContent as oe, isQuotaExhaustedError as a, markQuotaHandledLocally as o } from "../utils/quotaUtils.js";
 import { useVibeControls as se, useVibeNavigate as ce } from "../providers/VibeControlsProvider.js";
 import le from "../hooks/useCachedInitialData.js";
 import { PageHeader as ue } from "../components/shared/PageHeader.js";
@@ -19,18 +19,19 @@ import { ActionMenu as xe } from "../components/shared/ActionMenu.js";
 import { useField as Se } from "../shared/hooks/useField.js";
 import "../components/shared/index.js";
 import { isNative as Ce, nativeNotify as we } from "../utils/nativeBridge.js";
-import { VIBE_PERMISSIONS as Te } from "../constants/permissions.js";
-import { PageSkeleton as Ee } from "../components/shared/PageSkeleton.js";
-import { notify as De } from "../lib/toast.js";
-import { TargetCard as Oe } from "../components/targets/TargetCard.js";
+import { VIBE_PERMISSIONS as s } from "../constants/permissions.js";
+import { PageSkeleton as Te } from "../components/shared/PageSkeleton.js";
+import { notify as Ee } from "../lib/toast.js";
+import { TargetCard as De } from "../components/targets/TargetCard.js";
 import "../components/targets/index.js";
-import { useCallback as s, useEffect as ke, useId as Ae, useMemo as c, useState as l } from "react";
-import { Check as je, CheckCircle as Me, CheckSquare as Ne, Grid as Pe, List as Fe, Loader2 as Ie, Pencil as Le, Plus as Re, RefreshCw as ze, Server as Be, Trash2 as Ve, XCircle as He, XSquare as Ue } from "lucide-react";
-import { useSearchParams as We } from "react-router-dom";
-import { usePermissions as Ge } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as Ke } from "framer-motion";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Button as p, Checkbox as qe, Input as m, 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 { useCallback as c, useEffect as Oe, useId as ke, useMemo as l, useState as u } from "react";
+import { Check as Ae, CheckCircle as je, CheckSquare as Me, Grid as Ne, List as Pe, Loader2 as Fe, Pencil as Ie, Plus as Le, RefreshCw as Re, Server as ze, Trash2 as Be, XCircle 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 { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m, Checkbox as Ke, Input as h, 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 { PermissionButton as et } from "@burdenoff/fe-libs/shared/components";
 import { MotionItem as tt, MotionList as nt, MotionPage as rt } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/TargetsPage.tsx
 function it(e) {
@@ -61,50 +62,50 @@ var at = {
 function lt(e) {
 	return e.agents.length > 0;
 }
-function h({ label: e, value: t, onChange: n, type: r = "text", placeholder: ee, hint: i, requiredField: a = !1, autoComplete: te }) {
-	let o = Se({ hint: i ?? null });
-	return /* @__PURE__ */ f("div", { children: [
-		/* @__PURE__ */ d("label", {
-			htmlFor: o.id,
+function g({ label: e, value: t, onChange: n, type: r = "text", placeholder: ee, hint: i, requiredField: te = !1, autoComplete: ne }) {
+	let re = Se({ hint: i ?? null });
+	return /* @__PURE__ */ p("div", { children: [
+		/* @__PURE__ */ f("label", {
+			htmlFor: re.id,
 			className: "mb-1.5 block text-sm font-medium text-text-primary",
 			children: e
 		}),
-		/* @__PURE__ */ d(m, {
-			...o.inputProps,
+		/* @__PURE__ */ f(h, {
+			...re.inputProps,
 			type: r,
 			value: t,
 			onChange: (e) => n(e.target.value),
 			placeholder: ee,
-			"aria-required": a || void 0,
-			autoComplete: te,
+			"aria-required": te || void 0,
+			autoComplete: ne,
 			className: "text-base md:text-sm"
 		}),
-		i ? /* @__PURE__ */ d("p", {
-			id: o.hintId,
+		i ? /* @__PURE__ */ f("p", {
+			id: re.hintId,
 			className: "mt-1.5 text-xs text-text-muted",
 			children: i
 		}) : null
 	] });
 }
-function ut({ legend: e, name: t, value: n, onChange: r, passwordLabel: ee, keyLabel: i, hint: a }) {
-	return /* @__PURE__ */ f("fieldset", { children: [
-		/* @__PURE__ */ d("legend", {
+function ut({ legend: e, name: t, value: n, onChange: r, passwordLabel: ee, keyLabel: i, hint: te }) {
+	return /* @__PURE__ */ p("fieldset", { children: [
+		/* @__PURE__ */ f("legend", {
 			className: "text-sm font-medium text-text-primary",
 			children: e
 		}),
-		/* @__PURE__ */ f("div", {
+		/* @__PURE__ */ p("div", {
 			className: "mt-1.5 flex flex-wrap gap-x-4 gap-y-2",
-			children: [/* @__PURE__ */ f("label", {
+			children: [/* @__PURE__ */ p("label", {
 				className: "flex min-h-9 cursor-pointer items-center gap-2 text-sm text-text-primary",
-				children: [/* @__PURE__ */ d("input", {
+				children: [/* @__PURE__ */ f("input", {
 					type: "radio",
 					name: t,
 					checked: n === "password",
 					onChange: () => r("password")
 				}), ee]
-			}), /* @__PURE__ */ f("label", {
+			}), /* @__PURE__ */ p("label", {
 				className: "flex min-h-9 cursor-pointer items-center gap-2 text-sm text-text-primary",
-				children: [/* @__PURE__ */ d("input", {
+				children: [/* @__PURE__ */ f("input", {
 					type: "radio",
 					name: t,
 					checked: n === "key",
@@ -112,25 +113,25 @@ function ut({ legend: e, name: t, value: n, onChange: r, passwordLabel: ee, keyL
 				}), i]
 			})]
 		}),
-		a ? /* @__PURE__ */ d("p", {
+		te ? /* @__PURE__ */ f("p", {
 			className: "mt-1 text-xs text-text-muted",
-			children: a
+			children: te
 		}) : null
 	] });
 }
-function g() {
-	let m = ne(), { workspaceId: g } = se(), _ = ce(), { hasPermission: dt, isLoading: ft } = Ge(), [pt] = We(), v = pt.get("selectedTargetId"), mt = Ae(), [y, ht] = l(""), [b, gt] = l(null), [x, _t] = l("all"), [S, vt] = l("all"), [C, yt] = l("grid"), [bt, w] = l(!1), [T, E] = l(null), [xt, St] = l(!1), [D, O] = l(/* @__PURE__ */ new Set()), [Ct, k] = l(null), [A, wt] = l(null), [j, Tt] = l(null), [Et, Dt] = l(null), [M, N] = l(null), [P, Ot] = l(!1), [kt, F] = l(null), [At, jt] = l(""), [Mt, Nt] = l(""), [Pt, Ft] = l(""), [It, Lt] = l(22), [Rt, zt] = l(""), [I, Bt] = l("key"), [Vt, Ht] = l(""), [L, Ut] = l(""), [R, Wt] = l(""), [z, Gt] = l("DIRECT"), [B, Kt] = l(""), [V, qt] = l(""), [H, Jt] = l(""), [U, Yt] = l(""), [Xt, Zt] = l(22), [W, Qt] = l(""), [G, $t] = l("key"), [en, tn] = l(""), [nn, rn] = l(""), [an, on] = l(""), [K, sn] = l(""), { data: cn, loading: q, refetch: J } = ee({
+function _() {
+	let h = ie(), { workspaceId: _ } = se(), v = ce(), { hasPermission: dt, isLoading: ft } = We(), [pt] = Ue(), y = pt.get("selectedTargetId"), mt = ke(), [b, ht] = u(""), [x, gt] = u(null), [S, _t] = u("all"), [C, vt] = u("all"), [w, yt] = u("grid"), [bt, T] = u(!1), [E, D] = u(null), [xt, St] = u(!1), [O, k] = u(/* @__PURE__ */ new Set()), [Ct, A] = u(null), [j, wt] = u(null), [M, Tt] = u(null), [Et, Dt] = u(null), [N, Ot] = u(null), [P, kt] = u(!1), [At, F] = u(null), [I, jt] = u(""), [Mt, Nt] = u(""), [Pt, Ft] = u(""), [It, Lt] = u(22), [Rt, zt] = u(""), [L, Bt] = u("key"), [R, Vt] = u(""), [z, Ht] = u(""), [B, Ut] = u(""), [V, Wt] = u("DIRECT"), [H, Gt] = u(""), [U, Kt] = u(""), [W, qt] = u(""), [Jt, Yt] = u(""), [Xt, Zt] = u(22), [Qt, $t] = u(""), [G, en] = u("key"), [tn, nn] = u(""), [rn, an] = u(""), [on, sn] = u(""), [cn, ln] = u(""), { data: un, loading: K, refetch: q } = ee({
 		variables: {
-			workspaceId: g || "",
+			workspaceId: _ || "",
 			limit: 50,
 			offset: 0
 		},
-		skip: !g,
+		skip: !_,
 		fetchPolicy: "cache-first"
-	}), { agents: ln, refetch: Y } = le(), [un] = e({
+	}), { agents: dn, refetch: J } = le(), [fn] = e({
 		refetchQueries: ["VibeControlsInitialData", "ListTargets"],
 		awaitRefetchQueries: !0
-	}), { setDraftTagIds: dn, flushTags: fn } = me("VIBECONTROLS_TARGET"), [pn] = o(), [mn] = a(), [hn] = i(), [gn] = t(), [_n] = r(), [vn] = te(), [yn] = n({ fetchPolicy: "network-only" }), X = c(() => (cn?.targets?.items ?? []).map((e) => ({
+	}), { setDraftTagIds: pn, flushTags: mn } = me("VIBECONTROLS_TARGET"), [hn] = re(), [gn] = te(), [_n] = i(), [vn] = t(), [yn] = r(), [bn] = ne(), [xn] = n({ fetchPolicy: "network-only" }), Y = l(() => (un?.targets?.items ?? []).map((e) => ({
 		id: e.id,
 		type: e.type || "DIRECT",
 		name: e.name,
@@ -149,42 +150,42 @@ function g() {
 			version: e.version,
 			isActive: e.isActive
 		}))
-	})), [cn]), Z = c(() => ln.map((e) => ({
+	})), [un]), X = l(() => dn.map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive,
 		tunnelUrl: e.tunnelUrl ?? null,
 		agentApiKey: null
-	})), [ln]), Q = c(() => {
-		let e = X;
-		if (y) {
-			let t = y.toLowerCase();
+	})), [dn]), Z = l(() => {
+		let e = Y;
+		if (b) {
+			let t = b.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.host?.toLowerCase().includes(t) || e.label?.toLowerCase().includes(t));
 		}
-		return b && (e = e.filter((e) => e.agents.some((e) => e.id === b))), x !== "all" && (e = e.filter((e) => e.type === x)), S !== "all" && (e = e.filter((e) => e.status === S)), e;
+		return x && (e = e.filter((e) => e.agents.some((e) => e.id === x))), S !== "all" && (e = e.filter((e) => e.type === S)), C !== "all" && (e = e.filter((e) => e.status === C)), e;
 	}, [
-		X,
-		y,
+		Y,
 		b,
 		x,
-		S
+		S,
+		C
 	]);
-	ke(() => {
-		if (!v || !Q.find((e) => e.id === v)) return;
+	Oe(() => {
+		if (!y || !Z.find((e) => e.id === y)) return;
 		let e = window.setTimeout(() => {
-			document.getElementById(`target-row-${v}`)?.scrollIntoView({
+			document.getElementById(`target-row-${y}`)?.scrollIntoView({
 				behavior: "smooth",
 				block: "center"
 			});
 		}, 150);
 		return () => window.clearTimeout(e);
-	}, [Q, v]);
-	let bn = X.filter((e) => e.status === "connected").length, xn = Q.length > 0 && Q.every((e) => D.has(e.id)), Sn = D.size > 0;
-	ke(() => {
-		if (!Et || !A) return;
+	}, [Z, y]);
+	let Sn = Y.filter((e) => e.status === "connected").length, Cn = Z.length > 0 && Z.every((e) => O.has(e.id)), wn = O.size > 0;
+	Oe(() => {
+		if (!Et || !j) return;
 		let e = !1, t = () => {
-			yn({ variables: {
-				targetId: A.id,
+			xn({ variables: {
+				targetId: j.id,
 				jobId: Et
 			} }).then((t) => {
 				if (e) return;
@@ -196,7 +197,7 @@ function g() {
 					steps: n.steps ?? [],
 					result: n.result ?? void 0,
 					error: n.error ?? void 0
-				}), (n.status === "completed" || n.status === "failed") && n.status === "completed" && (J(), Y()));
+				}), (n.status === "completed" || n.status === "failed") && n.status === "completed" && (q(), J()));
 			}).catch(() => {});
 		};
 		t();
@@ -206,339 +207,339 @@ function g() {
 		};
 	}, [
 		Et,
-		A,
-		yn,
-		Y,
-		J
+		j,
+		xn,
+		J,
+		q
 	]);
-	let Cn = s(async () => {
-		if (!(!B || !g) && !(z !== "DIRECT" && (!H || !U || !W))) try {
-			let e = await un({ variables: {
-				workspaceId: g,
+	let Tn = c(async () => {
+		if (!(!H || !_) && !(V !== "DIRECT" && (!W || !Jt || !Qt))) try {
+			let e = await fn({ variables: {
+				workspaceId: _,
 				input: {
-					type: z,
-					name: B,
-					sourceAgentId: z === "DIRECT" ? void 0 : H,
-					host: z === "DIRECT" ? void 0 : U,
-					port: z === "DIRECT" ? void 0 : Xt,
-					username: z === "DIRECT" ? void 0 : W,
-					password: z === "SSH" && G === "password" ? en : void 0,
-					privateKeyPath: z === "SSH" && G === "key" ? nn : void 0,
-					label: an || void 0,
-					tags: K ? K.split(",").map((e) => e.trim()) : void 0,
-					metadata: V ? { description: V } : void 0
+					type: V,
+					name: H,
+					sourceAgentId: V === "DIRECT" ? void 0 : W,
+					host: V === "DIRECT" ? void 0 : Jt,
+					port: V === "DIRECT" ? void 0 : Xt,
+					username: V === "DIRECT" ? void 0 : Qt,
+					password: V === "SSH" && G === "password" ? tn : void 0,
+					privateKeyPath: V === "SSH" && G === "key" ? rn : void 0,
+					label: on || void 0,
+					tags: cn ? cn.split(",").map((e) => e.trim()) : void 0,
+					metadata: U ? { description: U } : void 0
 				}
 			} });
 			if (e.error) {
-				if (ae(e.error)) {
-					w(!1), oe(), k("target");
+				if (a(e.error)) {
+					T(!1), o(), A("target");
 					return;
 				}
-				De.error(m("targets.createFailed", "Failed to create target"), e.error.message || void 0);
+				Ee.error(h("targets.createFailed", "Failed to create target"), e.error.message || void 0);
 				return;
 			}
 			let t = e.data?.createTarget?.id;
-			w(!1), Kt(""), Yt(""), Qt(""), tn(""), rn(""), on(""), sn(""), t && await fn(t), J(), Y();
+			T(!1), Gt(""), Yt(""), $t(""), nn(""), an(""), sn(""), ln(""), t && await mn(t), q(), J();
 		} catch (e) {
-			if (ae(e)) {
-				w(!1), oe(), k("target");
+			if (a(e)) {
+				T(!1), o(), A("target");
 				return;
 			}
-			De.error(m("targets.createFailed", "Failed to create target"), e instanceof Error ? e.message : void 0);
+			Ee.error(h("targets.createFailed", "Failed to create target"), e instanceof Error ? e.message : void 0);
 		}
 	}, [
-		B,
 		H,
-		U,
-		Xt,
 		W,
+		Jt,
+		Xt,
+		Qt,
 		G,
-		en,
-		nn,
-		an,
-		K,
+		tn,
+		rn,
+		on,
+		cn,
+		U,
 		V,
-		z,
-		g,
-		un,
+		_,
 		fn,
-		Y,
+		mn,
 		J,
-		m
-	]), wn = s(async (e) => {
-		let t = (await mn({ variables: { id: e } })).data?.testTarget;
-		t && (t.success ? De.success(m("targets.connectionSuccessful", "Connection successful"), t.message || void 0) : De.error(m("targets.connectionFailed", "Connection failed"), t.message || void 0), J(), Y());
+		q,
+		h
+	]), En = c(async (e) => {
+		let t = (await gn({ variables: { id: e } })).data?.testTarget;
+		t && (t.success ? Ee.success(h("targets.connectionSuccessful", "Connection successful"), t.message || void 0) : Ee.error(h("targets.connectionFailed", "Connection failed"), t.message || void 0), q(), J());
 	}, [
-		mn,
-		Y,
+		gn,
 		J,
-		m
-	]), [Tn, En] = l(/* @__PURE__ */ new Set()), Dn = s(async (e) => {
-		En((t) => {
+		q,
+		h
+	]), [Q, Dn] = u(/* @__PURE__ */ new Set()), On = c(async (e) => {
+		Dn((t) => {
 			let n = new Set(t);
 			return n.add(e), n;
 		});
 		try {
-			let t = await hn({ variables: { targetId: e } });
-			if (t.error && ae(t.error)) {
-				oe(), k("environment");
+			let t = await _n({ variables: { targetId: e } });
+			if (t.error && a(t.error)) {
+				o(), A("environment");
 				return;
 			}
 			let n = t.data?.startTerminal;
-			n?.sessionId && _(`/sessions/${n.sessionId}`);
+			n?.sessionId && v(`/sessions/${n.sessionId}`);
 		} catch (e) {
-			if (ae(e)) {
-				oe(), k("environment");
+			if (a(e)) {
+				o(), A("environment");
 				return;
 			}
 			throw e;
 		} finally {
-			En((t) => {
+			Dn((t) => {
 				if (!t.has(e)) return t;
 				let n = new Set(t);
 				return n.delete(e), n;
 			});
 		}
-	}, [hn, _]), On = s(async () => {
-		if (T) {
+	}, [_n, v]), kn = c(async () => {
+		if (E) {
 			try {
-				await gn({ variables: { id: T } }), Ce() && we("success");
+				await vn({ variables: { id: E } }), Ce() && we("success");
 			} catch (e) {
 				throw Ce() && we("error"), e;
 			}
-			E(null), O((e) => {
+			D(null), k((e) => {
 				let t = new Set(e);
-				return t.delete(T), t;
-			}), J(), Y();
+				return t.delete(E), t;
+			}), q(), J();
 		}
 	}, [
-		T,
-		gn,
-		Y,
-		J
-	]), kn = s(async () => {
-		let e = Array.from(D);
-		await Promise.all(e.map((e) => gn({ variables: { id: e } }))), O(/* @__PURE__ */ new Set()), St(!1), J(), Y();
+		E,
+		vn,
+		J,
+		q
+	]), An = c(async () => {
+		let e = Array.from(O);
+		await Promise.all(e.map((e) => vn({ variables: { id: e } }))), k(/* @__PURE__ */ new Set()), St(!1), q(), J();
 	}, [
-		D,
-		gn,
-		Y,
-		J
-	]), An = s(async (e) => {
+		O,
+		vn,
+		J,
+		q
+	]), jn = c(async (e) => {
 		wt(e), Tt(null), Dt(null);
-		let t = Z.find((e) => e.isActive);
+		let t = X.find((e) => e.isActive);
 		if (!t) return;
-		let n = (await _n({ variables: {
+		let n = (await yn({ variables: {
 			targetId: e.id,
 			sourceAgentId: t.id
 		} })).data?.installAgentOnTarget;
 		n?.jobId && Dt(n.jobId);
-	}, [_n, Z]), jn = s(async (e) => {
-		await vn({ variables: { targetId: e.id } }), J(), Y();
+	}, [yn, X]), Mn = c(async (e) => {
+		await bn({ variables: { targetId: e.id } }), q(), J();
 	}, [
-		vn,
-		Y,
-		J
-	]), Mn = s((e) => {
-		N(e), jt(e.name), Nt(e.label ?? ""), Ft(e.host ?? ""), Lt(e.port ?? 22), zt(e.username ?? ""), Bt("key"), Ht(""), Ut(""), Wt(e.tags.join(", ")), F(null);
-	}, []), Nn = s(async () => {
-		if (M) {
-			if (!At.trim()) {
+		bn,
+		J,
+		q
+	]), Nn = c((e) => {
+		Ot(e), jt(e.name), Nt(e.label ?? ""), Ft(e.host ?? ""), Lt(e.port ?? 22), zt(e.username ?? ""), Bt("key"), Vt(""), Ht(""), Ut(e.tags.join(", ")), F(null);
+	}, []), Pn = c(async () => {
+		if (N) {
+			if (!I.trim()) {
 				F("Name is required");
 				return;
 			}
-			Ot(!0), F(null);
+			kt(!0), F(null);
 			try {
-				let e = await pn({ variables: {
-					id: M.id,
+				let e = await hn({ variables: {
+					id: N.id,
 					input: {
-						name: At.trim(),
+						name: I.trim(),
 						label: Mt.trim() || null,
 						host: Pt.trim() || void 0,
 						port: It || void 0,
 						username: Rt.trim() || void 0,
-						password: M.type === "SSH" && I === "password" && Vt ? Vt : void 0,
-						privateKeyPath: M.type === "SSH" && I === "key" && L ? L : void 0,
-						tags: R ? R.split(",").map((e) => e.trim()).filter(Boolean) : []
+						password: N.type === "SSH" && L === "password" && R ? R : void 0,
+						privateKeyPath: N.type === "SSH" && L === "key" && z ? z : void 0,
+						tags: B ? B.split(",").map((e) => e.trim()).filter(Boolean) : []
 					}
 				} });
 				if (e.error) {
 					F(e.error.message || "Failed to update target");
 					return;
 				}
-				N(null), J(), Y();
+				Ot(null), q(), J();
 			} catch (e) {
 				F(e instanceof Error ? e.message : "Failed to update target");
 			} finally {
-				Ot(!1);
+				kt(!1);
 			}
 		}
 	}, [
-		M,
-		At,
+		N,
+		I,
 		Mt,
 		Pt,
 		It,
 		Rt,
-		I,
-		Vt,
 		L,
 		R,
-		pn,
-		Y,
-		J
-	]), Pn = s(() => {
+		z,
+		B,
+		hn,
+		J,
+		q
+	]), Fn = c(() => {
 		wt(null), Tt(null), Dt(null);
-	}, []), Fn = s(() => {
-		O(xn ? (e) => {
+	}, []), In = c(() => {
+		k(Cn ? (e) => {
 			let t = new Set(e);
-			return Q.forEach((e) => t.delete(e.id)), t;
+			return Z.forEach((e) => t.delete(e.id)), t;
 		} : (e) => {
 			let t = new Set(e);
-			return Q.forEach((e) => t.add(e.id)), t;
+			return Z.forEach((e) => t.add(e.id)), t;
 		});
-	}, [xn, Q]), In = s((e) => {
-		O((t) => {
+	}, [Cn, Z]), Ln = c((e) => {
+		k((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ln = {
-		total: X.length,
-		connected: bn
-	}, Rn = c(() => [
+	}, []), Rn = {
+		total: Y.length,
+		connected: Sn
+	}, zn = l(() => [
 		{
 			value: "all",
-			label: m("targets.filterTypeAll", "All Types")
+			label: h("targets.filterTypeAll", "All Types")
 		},
 		{
 			value: "DIRECT",
-			label: m("targets.typeDirect", "Direct")
+			label: h("targets.typeDirect", "Direct")
 		},
 		{
 			value: "SSH",
 			label: "SSH"
 		}
-	], [m]), zn = c(() => [
+	], [h]), Bn = l(() => [
 		{
 			value: "all",
-			label: m("targets.filterStatusAll", "All Statuses")
+			label: h("targets.filterStatusAll", "All Statuses")
 		},
 		{
 			value: "connected",
-			label: m("targets.connected", "Connected")
+			label: h("targets.connected", "Connected")
 		},
 		{
 			value: "disconnected",
-			label: m("targets.disconnected", "Disconnected")
+			label: h("targets.disconnected", "Disconnected")
 		},
 		{
 			value: "unknown",
-			label: m("targets.unknown", "Unknown")
+			label: h("targets.unknown", "Unknown")
 		}
-	], [m]), $ = y || b || x !== "all" || S !== "all", Bn = `${m("targets.agentConnectionHintPrefix", "The agent that will establish the")} ${z} ${m("targets.agentConnectionHintSuffix", "connection to this target.")}`, Vn = Se({ hint: Bn }), Hn = `${mt}-add-type-label`;
-	return ft ? /* @__PURE__ */ d(de, { message: m("targets.loadingPermissions", "Loading permissions…") }) : dt(Te.TARGET_LIST) ? /* @__PURE__ */ f(rt, {
+	], [h]), $ = b || x || S !== "all" || C !== "all", Vn = `${h("targets.agentConnectionHintPrefix", "The agent that will establish the")} ${V} ${h("targets.agentConnectionHintSuffix", "connection to this target.")}`, Hn = Se({ hint: Vn }), Un = `${mt}-add-type-label`;
+	return ft ? /* @__PURE__ */ f(de, { message: h("targets.loadingPermissions", "Loading permissions…") }) : dt(s.TARGET_LIST) ? /* @__PURE__ */ p(rt, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
 		children: [
-			/* @__PURE__ */ d(ue, {
-				title: m("nav.targets", "Targets"),
-				description: m("targets.onlineSummary", "{{connected}} of {{total}} targets online", {
-					connected: Ln.connected,
-					total: Ln.total
+			/* @__PURE__ */ f(ue, {
+				title: h("nav.targets", "Targets"),
+				description: h("targets.onlineSummary", "{{connected}} of {{total}} targets online", {
+					connected: Rn.connected,
+					total: Rn.total
 				}),
-				actions: /* @__PURE__ */ f("div", {
+				actions: /* @__PURE__ */ p("div", {
 					className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
-					children: [/* @__PURE__ */ d(p, {
+					children: [/* @__PURE__ */ f(m, {
 						type: "button",
 						variant: "ghost",
 						size: "icon",
-						onClick: () => void J(),
-						disabled: q,
-						"aria-label": m("targets.refreshTitle", "Refresh targets"),
-						title: m("targets.refreshTitle", "Refresh targets"),
+						onClick: () => void q(),
+						disabled: K,
+						"aria-label": h("targets.refreshTitle", "Refresh targets"),
+						title: h("targets.refreshTitle", "Refresh targets"),
 						className: "max-md:min-h-11 max-md:min-w-11",
-						children: /* @__PURE__ */ d(ze, {
-							className: `size-4 ${q ? "animate-spin" : ""}`,
+						children: /* @__PURE__ */ f(Re, {
+							className: `size-4 ${K ? "animate-spin" : ""}`,
 							"aria-hidden": "true"
 						})
-					}), /* @__PURE__ */ f(p, {
+					}), /* @__PURE__ */ p(m, {
 						type: "button",
-						onClick: () => w(!0),
+						onClick: () => T(!0),
 						className: "max-md:min-h-11",
-						children: [/* @__PURE__ */ d(Re, {
+						children: [/* @__PURE__ */ f(Le, {
 							className: "size-4",
 							"aria-hidden": "true"
-						}), m("targets.addTarget", "Add Target")]
+						}), h("targets.addTarget", "Add Target")]
 					})]
 				})
 			}),
-			/* @__PURE__ */ d(Je, {
-				icon: /* @__PURE__ */ d(Be, { className: "size-4" }),
-				children: m("targets.purpose", "A target is a machine your agents can reach and run work on — your laptop, a remote SSH host, or a cloud box. Add a target here so that when you start a session it has somewhere concrete to execute. Targets keep your hosts, their connection details and online status in one list, separate from the agents that drive them.")
+			/* @__PURE__ */ f(qe, {
+				icon: /* @__PURE__ */ f(ze, { className: "size-4" }),
+				children: h("targets.purpose", "A target is a machine your agents can reach and run work on — your laptop, a remote SSH host, or a cloud box. Add a target here so that when you start a session it has somewhere concrete to execute. Targets keep your hosts, their connection details and online status in one list, separate from the agents that drive them.")
 			}),
-			Z.length === 0 && !q && /* @__PURE__ */ d(ve, {
+			X.length === 0 && !K && /* @__PURE__ */ f(ve, {
 				variant: "full",
 				dismissKey: "vibecontrols-targets-setup-banner"
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ d(ge, {
-						value: y,
+					children: [/* @__PURE__ */ f(ge, {
+						value: b,
 						onChange: ht,
-						placeholder: m("targets.searchPlaceholder", "Search targets..."),
+						placeholder: h("targets.searchPlaceholder", "Search targets..."),
 						className: "flex-1 min-w-0 sm:w-64 sm:flex-none"
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ p("div", {
 						role: "group",
-						"aria-label": m("targets.viewMode", "View mode"),
+						"aria-label": h("targets.viewMode", "View mode"),
 						className: "flex items-center gap-1 bg-bg-sunken rounded-button p-1 flex-shrink-0 border border-border-subtle",
-						children: [/* @__PURE__ */ d("button", {
+						children: [/* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: () => yt("grid"),
-							"aria-pressed": C === "grid",
-							"aria-label": m("targets.gridViewTitle", "Grid view"),
-							title: m("targets.gridViewTitle", "Grid view"),
-							className: `flex size-8 max-md:size-9 items-center justify-center rounded transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${C === "grid" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
-							children: /* @__PURE__ */ d(Pe, {
+							"aria-pressed": w === "grid",
+							"aria-label": h("targets.gridViewTitle", "Grid view"),
+							title: h("targets.gridViewTitle", "Grid view"),
+							className: `flex size-8 max-md:size-9 items-center justify-center rounded transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${w === "grid" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
+							children: /* @__PURE__ */ f(Ne, {
 								className: "size-4 text-text-secondary",
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ d("button", {
+						}), /* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: () => yt("list"),
-							"aria-pressed": C === "list",
-							"aria-label": m("targets.listViewTitle", "List view"),
-							title: m("targets.listViewTitle", "List view"),
-							className: `flex size-8 max-md:size-9 items-center justify-center rounded transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${C === "list" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
-							children: /* @__PURE__ */ d(Fe, {
+							"aria-pressed": w === "list",
+							"aria-label": h("targets.listViewTitle", "List view"),
+							title: h("targets.listViewTitle", "List view"),
+							className: `flex size-8 max-md:size-9 items-center justify-center rounded transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${w === "list" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
+							children: /* @__PURE__ */ f(Pe, {
 								className: "size-4 text-text-secondary",
 								"aria-hidden": "true"
 							})
 						})]
 					})]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 					children: [
-						/* @__PURE__ */ d(_e, {
-							label: m("sessions.filterType", "Type"),
-							value: x,
-							options: Rn,
-							onChange: _t
-						}),
-						/* @__PURE__ */ d(_e, {
-							label: m("sessions.filterStatus", "Status"),
+						/* @__PURE__ */ f(_e, {
+							label: h("sessions.filterType", "Type"),
 							value: S,
 							options: zn,
+							onChange: _t
+						}),
+						/* @__PURE__ */ f(_e, {
+							label: h("sessions.filterStatus", "Status"),
+							value: C,
+							options: Bn,
 							onChange: vt
 						}),
-						/* @__PURE__ */ d(be, {
-							value: b ?? "",
+						/* @__PURE__ */ f(be, {
+							value: x ?? "",
 							onChange: (e) => gt(e || null),
-							options: Z.map((e) => ({
+							options: X.map((e) => ({
 								value: e.id,
 								label: e.name
 							})),
-							placeholder: m("targets.allAgents", "All agents"),
+							placeholder: h("targets.allAgents", "All agents"),
 							className: "w-full sm:min-w-[180px] sm:w-auto",
 							dropdownAlign: "left",
 							clearable: !0
@@ -546,193 +547,197 @@ function g() {
 					]
 				})]
 			}),
-			Q.length > 0 && /* @__PURE__ */ d("div", {
+			Z.length > 0 && /* @__PURE__ */ f("div", {
 				className: "flex items-center gap-2 flex-wrap",
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "ml-auto flex items-center gap-2",
-					children: /* @__PURE__ */ f("button", {
+					children: /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: Fn,
+						onClick: In,
 						className: "flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors rounded-button focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-						children: [/* @__PURE__ */ d(Ne, {
+						children: [/* @__PURE__ */ f(Me, {
 							className: "size-3.5",
 							"aria-hidden": "true"
-						}), xn ? m("targets.deselectAll", "Deselect All") : m("targets.selectAll", "Select All")]
+						}), Cn ? h("targets.deselectAll", "Deselect All") : h("targets.selectAll", "Select All")]
 					})
 				})
 			}),
-			Sn && /* @__PURE__ */ f("div", {
+			wn && /* @__PURE__ */ p("div", {
 				className: "flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-2 border border-action-primary-bg bg-action-primary-bg/5 rounded-card",
-				children: [/* @__PURE__ */ f("span", {
+				children: [/* @__PURE__ */ p("span", {
 					className: "text-sm font-medium text-text-primary",
 					children: [
-						D.size,
+						O.size,
 						" ",
-						m("nav.targets", "target"),
-						D.size === 1 ? "" : "s",
+						h("nav.targets", "target"),
+						O.size === 1 ? "" : "s",
 						" ",
-						m("sessions.selected", "selected")
+						h("sessions.selected", "selected")
 					]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "flex items-center gap-1.5 sm:ml-auto",
-					children: [/* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: () => St(!0),
-						className: "flex min-h-9 items-center gap-1.5 px-3 py-1.5 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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-						children: [
-							/* @__PURE__ */ d(Ve, {
-								className: "size-3",
-								"aria-hidden": "true"
-							}),
-							" ",
-							m("common.delete", "Delete")
-						]
-					}), /* @__PURE__ */ f("button", {
+					children: [/* @__PURE__ */ f(et, {
+						permission: s.TARGET_DELETE,
+						deniedBehavior: "hide",
+						children: /* @__PURE__ */ p("button", {
+							type: "button",
+							onClick: () => St(!0),
+							className: "flex min-h-9 items-center gap-1.5 px-3 py-1.5 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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+							children: [
+								/* @__PURE__ */ f(Be, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}),
+								" ",
+								h("common.delete", "Delete")
+							]
+						})
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => O(/* @__PURE__ */ new Set()),
+						onClick: () => k(/* @__PURE__ */ new Set()),
 						className: "flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors rounded-button focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 						children: [
-							/* @__PURE__ */ d(Ue, {
+							/* @__PURE__ */ f(He, {
 								className: "size-3",
 								"aria-hidden": "true"
 							}),
 							" ",
-							m("sessions.deselect", "Deselect")
+							h("sessions.deselect", "Deselect")
 						]
 					})]
 				})]
 			}),
-			$ ? /* @__PURE__ */ f("p", {
+			$ ? /* @__PURE__ */ p("p", {
 				className: "text-sm text-text-secondary",
 				role: "status",
-				children: [m("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String(Q.length)).replace("{{total}}", String(X.length)), q && /* @__PURE__ */ f("span", {
+				children: [h("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String(Z.length)).replace("{{total}}", String(Y.length)), K && /* @__PURE__ */ p("span", {
 					className: "ml-2 text-text-muted",
 					children: [
 						"(",
-						m("sessions.refreshing", "refreshing..."),
+						h("sessions.refreshing", "refreshing..."),
 						")"
 					]
 				})]
 			}) : null,
-			q && X.length === 0 ? /* @__PURE__ */ d(Ee, {
+			K && Y.length === 0 ? /* @__PURE__ */ f(Te, {
 				variant: "rows",
 				count: 6
-			}) : Q.length > 0 ? /* @__PURE__ */ d(Ke, {
+			}) : Z.length > 0 ? /* @__PURE__ */ f(Ge, {
 				mode: "wait",
-				children: C === "grid" ? /* @__PURE__ */ d(nt, {
+				children: w === "grid" ? /* @__PURE__ */ f(nt, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: Q.map((e) => /* @__PURE__ */ d(tt, {
+					children: Z.map((e) => /* @__PURE__ */ f(tt, {
 						className: "h-full",
-						children: /* @__PURE__ */ d(Oe, {
+						children: /* @__PURE__ */ f(De, {
 							target: e,
-							onTest: (e) => void wn(e),
-							onTerminal: (e) => void Dn(e),
-							onOpenDetail: (e) => _(`/targets/${e}`),
-							onEdit: (e) => Mn(e),
-							onInstallAgent: (e) => void An(e),
-							onUninstallAgent: (e) => void jn(e),
-							onDelete: (e) => E(e),
-							selected: D.has(e.id),
-							onToggleSelect: () => In(e.id),
-							highlighted: v === e.id,
-							isStartingTerminal: Tn.has(e.id)
+							onTest: (e) => void En(e),
+							onTerminal: (e) => void On(e),
+							onOpenDetail: (e) => v(`/targets/${e}`),
+							onEdit: (e) => Nn(e),
+							onInstallAgent: (e) => void jn(e),
+							onUninstallAgent: (e) => void Mn(e),
+							onDelete: (e) => D(e),
+							selected: O.has(e.id),
+							onToggleSelect: () => Ln(e.id),
+							highlighted: y === e.id,
+							isStartingTerminal: Q.has(e.id)
 						})
 					}, e.id))
-				}, "grid-view") : /* @__PURE__ */ d(nt, {
+				}, "grid-view") : /* @__PURE__ */ f(nt, {
 					stagger: .04,
 					className: "space-y-2",
-					children: Q.map((e) => {
-						let t = lt(e), n = v === e.id, r = [
+					children: Z.map((e) => {
+						let t = lt(e), n = y === e.id, r = [
 							{
 								key: "edit",
-								label: m("common.edit", "Edit"),
-								icon: Le,
-								onSelect: () => Mn(e)
+								label: h("common.edit", "Edit"),
+								icon: Ie,
+								onSelect: () => Nn(e)
 							},
-							...e.type !== "DIRECT" && t ? [{
+							...e.type !== "DIRECT" && t && dt(s.TARGET_UPDATE) ? [{
 								key: "uninstall",
-								label: m("targets.uninstall", "Uninstall"),
-								icon: He,
+								label: h("targets.uninstall", "Uninstall"),
+								icon: Ve,
 								variant: "danger",
-								onSelect: () => void jn(e)
+								onSelect: () => void Mn(e)
 							}] : [],
-							{
+							...dt(s.TARGET_DELETE) ? [{
 								key: "delete",
-								label: m("common.delete", "Delete"),
-								icon: Ve,
+								label: h("common.delete", "Delete"),
+								icon: Be,
 								variant: "danger",
 								separatorBefore: !0,
-								onSelect: () => E(e.id)
-							}
+								onSelect: () => D(e.id)
+							}] : []
 						];
-						return /* @__PURE__ */ d(tt, {
+						return /* @__PURE__ */ f(tt, {
 							variant: "fadeRight",
-							children: /* @__PURE__ */ f("div", {
+							children: /* @__PURE__ */ p("div", {
 								id: `target-row-${e.id}`,
 								className: `p-4 rounded-card border transition-colors ${n ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default hover:bg-bg-sunken/30"}`,
-								children: [/* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ p("div", {
 									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ d(qe, {
-										checked: D.has(e.id),
-										onCheckedChange: () => In(e.id),
-										"aria-label": m("targets.selectTarget", "Select {{name}}", { name: e.name }),
+									children: [/* @__PURE__ */ f(Ke, {
+										checked: O.has(e.id),
+										onCheckedChange: () => Ln(e.id),
+										"aria-label": h("targets.selectTarget", "Select {{name}}", { name: e.name }),
 										className: "mt-1"
-									}), /* @__PURE__ */ f("div", {
+									}), /* @__PURE__ */ p("div", {
 										className: "flex min-w-0 flex-1 flex-wrap items-start gap-2",
 										children: [
-											/* @__PURE__ */ d("span", {
+											/* @__PURE__ */ f("span", {
 												className: `inline-flex items-center px-2 py-0.5 text-xs font-semibold rounded ${st[e.type]}`,
 												children: e.type
 											}),
-											/* @__PURE__ */ d("span", {
+											/* @__PURE__ */ f("span", {
 												className: `inline-flex items-center px-2 py-0.5 text-xs font-semibold rounded ${ct[e.status]}`,
-												children: m(`targets.status.${e.status}`, ot[e.status].label)
+												children: h(`targets.status.${e.status}`, ot[e.status].label)
 											}),
-											/* @__PURE__ */ f("div", {
+											/* @__PURE__ */ p("div", {
 												className: "min-w-0 basis-full",
 												children: [
-													/* @__PURE__ */ f("div", {
+													/* @__PURE__ */ p("div", {
 														className: "flex items-center gap-2 flex-wrap",
 														children: [
-															/* @__PURE__ */ d("span", {
+															/* @__PURE__ */ f("span", {
 																className: "font-medium text-text-primary",
 																children: e.name
 															}),
-															e.label && /* @__PURE__ */ d("span", {
+															e.label && /* @__PURE__ */ f("span", {
 																className: "text-text-secondary text-sm",
 																children: e.label
 															}),
-															t && /* @__PURE__ */ f("span", {
+															t && /* @__PURE__ */ p("span", {
 																className: "inline-flex items-center gap-1 rounded-full border border-status-success-border px-2 py-0.5 text-xs bg-status-success-bg-subtle text-status-success-text",
-																children: [/* @__PURE__ */ d(Me, {
+																children: [/* @__PURE__ */ f(je, {
 																	className: "size-2.5",
 																	"aria-hidden": "true"
-																}), m("targets.agentInstalled", "Agent Installed")]
+																}), h("targets.agentInstalled", "Agent Installed")]
 															})
 														]
 													}),
-													/* @__PURE__ */ f("div", {
+													/* @__PURE__ */ p("div", {
 														className: "mt-1 flex flex-wrap items-center gap-2 text-sm text-text-secondary sm:gap-3",
-														children: [e.host && /* @__PURE__ */ f("code", {
+														children: [e.host && /* @__PURE__ */ p("code", {
 															className: "text-xs break-words",
 															children: [
 																e.username ? `${e.username}@` : "",
 																e.host,
 																e.port ? `:${e.port}` : ""
 															]
-														}), e.agents.length > 0 && /* @__PURE__ */ f("span", {
+														}), e.agents.length > 0 && /* @__PURE__ */ p("span", {
 															className: "text-text-muted",
 															children: [
-																m("targets.via", "via"),
+																h("targets.via", "via"),
 																" ",
 																e.agents[0].name
 															]
 														})]
 													}),
-													e.tags.length > 0 && /* @__PURE__ */ d("div", {
+													e.tags.length > 0 && /* @__PURE__ */ f("div", {
 														className: "mt-1.5 flex flex-wrap gap-1",
-														children: e.tags.map((e) => /* @__PURE__ */ d("span", {
+														children: e.tags.map((e) => /* @__PURE__ */ f("span", {
 															className: "px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
 															children: e
 														}, e))
@@ -741,39 +746,39 @@ function g() {
 											})
 										]
 									})]
-								}), /* @__PURE__ */ f("div", {
+								}), /* @__PURE__ */ p("div", {
 									className: "mt-3 flex flex-wrap items-center gap-2 pl-0 sm:pl-7",
 									children: [
-										/* @__PURE__ */ d("button", {
+										/* @__PURE__ */ f("button", {
 											type: "button",
-											onClick: () => void wn(e.id),
-											title: m("targets.testConnectivity", "Test connectivity"),
+											onClick: () => void En(e.id),
+											title: h("targets.testConnectivity", "Test connectivity"),
 											className: "flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-button border border-border-default bg-bg-surface hover:bg-bg-sunken transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-											children: m("targets.test", "Test")
+											children: h("targets.test", "Test")
 										}),
-										/* @__PURE__ */ d("button", {
+										/* @__PURE__ */ f("button", {
 											type: "button",
-											onClick: () => void Dn(e.id),
-											disabled: Tn.has(e.id),
-											"aria-busy": Tn.has(e.id),
-											title: m("targets.openTerminal", "Open terminal"),
+											onClick: () => void On(e.id),
+											disabled: Q.has(e.id),
+											"aria-busy": Q.has(e.id),
+											title: h("targets.openTerminal", "Open terminal"),
 											className: "flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-button border border-border-default bg-bg-surface hover:bg-bg-sunken transition-colors disabled:opacity-60 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-											children: Tn.has(e.id) ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Ie, {
+											children: Q.has(e.id) ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(Fe, {
 												className: "size-3 animate-spin",
 												"aria-hidden": "true"
-											}), m("targets.starting", "Starting…")] }) : m("targets.terminal", "Terminal")
+											}), h("targets.starting", "Starting…")] }) : h("targets.terminal", "Terminal")
 										}),
-										e.type !== "DIRECT" && !t && /* @__PURE__ */ d("button", {
+										e.type !== "DIRECT" && !t && /* @__PURE__ */ f("button", {
 											type: "button",
-											onClick: () => void An(e),
-											title: m("targets.installAgent", "Install agent"),
+											onClick: () => void jn(e),
+											title: h("targets.installAgent", "Install agent"),
 											className: "flex min-h-9 items-center gap-1.5 rounded-button px-3 py-1.5 text-xs font-medium bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-											children: m("targets.installAgent", "Install Agent")
+											children: h("targets.installAgent", "Install Agent")
 										}),
-										/* @__PURE__ */ d("div", { className: "hidden flex-1 sm:block" }),
-										/* @__PURE__ */ d(xe, {
-											ariaLabel: m("targets.targetActions", "Target actions"),
-											title: m("targets.targetActions", "Target actions"),
+										/* @__PURE__ */ f("div", { className: "hidden flex-1 sm:block" }),
+										/* @__PURE__ */ f(xe, {
+											ariaLabel: h("targets.targetActions", "Target actions"),
+											title: h("targets.targetActions", "Target actions"),
 											align: "end",
 											items: r
 										})
@@ -783,406 +788,406 @@ function g() {
 						}, e.id);
 					})
 				}, "list-view")
-			}) : /* @__PURE__ */ d(he, {
-				icon: /* @__PURE__ */ d(Be, {
+			}) : /* @__PURE__ */ f(he, {
+				icon: /* @__PURE__ */ f(ze, {
 					className: "size-8 text-text-secondary",
 					"aria-hidden": "true"
 				}),
 				illustration: $ ? "empty-search" : "empty-generic",
-				title: $ ? m("targets.emptyNoTargetsFound", "No targets found") : m("targets.emptyNoTargetsConfigured", "No targets configured"),
-				description: $ ? m("targets.emptyAdjustSearch", "Try adjusting your search or filters") : m("targets.emptyDescription", "Add a target to start managing servers, workstations, and environments."),
-				action: $ ? void 0 : /* @__PURE__ */ f("div", {
+				title: $ ? h("targets.emptyNoTargetsFound", "No targets found") : h("targets.emptyNoTargetsConfigured", "No targets configured"),
+				description: $ ? h("targets.emptyAdjustSearch", "Try adjusting your search or filters") : h("targets.emptyDescription", "Add a target to start managing servers, workstations, and environments."),
+				action: $ ? void 0 : /* @__PURE__ */ p("div", {
 					className: "flex flex-wrap items-center justify-center gap-2",
-					children: [/* @__PURE__ */ f(p, {
+					children: [/* @__PURE__ */ p(m, {
 						type: "button",
-						onClick: () => w(!0),
+						onClick: () => T(!0),
 						className: "max-md:min-h-11",
-						children: [/* @__PURE__ */ d(Re, {
+						children: [/* @__PURE__ */ f(Le, {
 							className: "size-4",
 							"aria-hidden": "true"
-						}), m("targets.addTarget", "Add Target")]
-					}), /* @__PURE__ */ d(ye, { prompt: "What is a Target in VibeControls and how do I create one?" })]
+						}), h("targets.addTarget", "Add Target")]
+					}), /* @__PURE__ */ f(ye, { prompt: "What is a Target in VibeControls and how do I create one?" })]
 				})
 			}),
-			/* @__PURE__ */ d(Ye, {
+			/* @__PURE__ */ f(Je, {
 				open: bt,
 				onOpenChange: (e) => {
-					e || w(!1);
+					e || T(!1);
 				},
-				children: /* @__PURE__ */ f(Xe, {
+				children: /* @__PURE__ */ p(Ye, {
 					className: "sm:max-w-lg",
 					children: [
-						/* @__PURE__ */ f($e, { children: [/* @__PURE__ */ d(et, { children: m("targets.addTarget", "Add Target") }), /* @__PURE__ */ d(Ze, { children: m("targets.addTargetBody", "Register a machine or server you want to manage.") })] }),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p(Qe, { children: [/* @__PURE__ */ f($e, { children: h("targets.addTarget", "Add Target") }), /* @__PURE__ */ f(Xe, { children: h("targets.addTargetBody", "Register a machine or server you want to manage.") })] }),
+						/* @__PURE__ */ p("div", {
 							className: "max-h-[min(60vh,34rem)] space-y-4 overflow-y-auto px-0.5 py-1",
 							children: [
-								/* @__PURE__ */ f("div", { children: [
-									/* @__PURE__ */ d("span", {
-										id: Hn,
+								/* @__PURE__ */ p("div", { children: [
+									/* @__PURE__ */ f("span", {
+										id: Un,
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
-										children: m("targets.targetType", "Target Type")
+										children: h("targets.targetType", "Target Type")
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ f("div", {
 										role: "group",
-										"aria-labelledby": Hn,
+										"aria-labelledby": Un,
 										className: "grid grid-cols-2 gap-2",
-										children: ["DIRECT", "SSH"].map((e) => /* @__PURE__ */ d("button", {
+										children: ["DIRECT", "SSH"].map((e) => /* @__PURE__ */ f("button", {
 											type: "button",
-											onClick: () => Gt(e),
-											"aria-pressed": z === e,
-											className: `min-h-9 px-3 py-2 text-sm font-medium rounded-button border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${z === e ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-default hover:bg-bg-sunken text-text-secondary"}`,
+											onClick: () => Wt(e),
+											"aria-pressed": V === e,
+											className: `min-h-9 px-3 py-2 text-sm font-medium rounded-button border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${V === e ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-default hover:bg-bg-sunken text-text-secondary"}`,
 											children: e
 										}, e))
 									}),
-									/* @__PURE__ */ d("p", {
+									/* @__PURE__ */ f("p", {
 										className: "mt-1 text-xs text-text-muted",
-										children: z === "DIRECT" ? m("targets.targetTypeDirectHint", "A local machine where you will install the agent manually.") : m("targets.targetTypeSshHint", "A remote server accessible via SSH.")
+										children: V === "DIRECT" ? h("targets.targetTypeDirectHint", "A local machine where you will install the agent manually.") : h("targets.targetTypeSshHint", "A remote server accessible via SSH.")
 									})
 								] }),
-								/* @__PURE__ */ d(h, {
-									label: m("webhooks.name", "Name"),
-									value: B,
-									onChange: Kt,
+								/* @__PURE__ */ f(g, {
+									label: h("webhooks.name", "Name"),
+									value: H,
+									onChange: Gt,
 									requiredField: !0,
-									placeholder: z === "DIRECT" ? m("targets.namePlaceholderDirect", "My Laptop") : m("targets.namePlaceholderServer", "Production Server")
+									placeholder: V === "DIRECT" ? h("targets.namePlaceholderDirect", "My Laptop") : h("targets.namePlaceholderServer", "Production Server")
 								}),
-								/* @__PURE__ */ d(h, {
-									label: m("targets.descriptionOptional", "Description (optional)"),
-									value: V,
-									onChange: qt,
-									placeholder: m("targets.descriptionPlaceholder", "Brief description of this target")
+								/* @__PURE__ */ f(g, {
+									label: h("targets.descriptionOptional", "Description (optional)"),
+									value: U,
+									onChange: Kt,
+									placeholder: h("targets.descriptionPlaceholder", "Brief description of this target")
 								}),
-								z !== "DIRECT" && /* @__PURE__ */ f(u, { children: [
-									/* @__PURE__ */ f("div", { children: [
-										/* @__PURE__ */ d("label", {
-											htmlFor: Vn.id,
+								V !== "DIRECT" && /* @__PURE__ */ p(d, { children: [
+									/* @__PURE__ */ p("div", { children: [
+										/* @__PURE__ */ f("label", {
+											htmlFor: Hn.id,
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
-											children: m("targets.sourceAgent", "Source Agent")
+											children: h("targets.sourceAgent", "Source Agent")
 										}),
-										/* @__PURE__ */ f("select", {
-											...Vn.inputProps,
-											value: H,
-											onChange: (e) => Jt(e.target.value),
+										/* @__PURE__ */ p("select", {
+											...Hn.inputProps,
+											value: W,
+											onChange: (e) => qt(e.target.value),
 											"aria-required": "true",
 											className: "w-full rounded-input border border-border-default bg-bg-elevated px-3 py-2 text-base md:text-sm",
-											children: [/* @__PURE__ */ d("option", {
+											children: [/* @__PURE__ */ f("option", {
 												value: "",
-												children: m("targets.selectAgentConnectFrom", "Select an agent to connect from")
-											}), Z.map((e) => /* @__PURE__ */ d("option", {
+												children: h("targets.selectAgentConnectFrom", "Select an agent to connect from")
+											}), X.map((e) => /* @__PURE__ */ f("option", {
 												value: e.id,
 												children: e.name
 											}, e.id))]
 										}),
-										/* @__PURE__ */ d("p", {
-											id: Vn.hintId,
+										/* @__PURE__ */ f("p", {
+											id: Hn.hintId,
 											className: "mt-1.5 text-xs text-text-muted",
-											children: Bn
+											children: Vn
 										})
 									] }),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ p("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-										children: [/* @__PURE__ */ d(h, {
-											label: m("targets.host", "Host"),
-											value: U,
+										children: [/* @__PURE__ */ f(g, {
+											label: h("targets.host", "Host"),
+											value: Jt,
 											onChange: Yt,
 											requiredField: !0,
-											placeholder: m("targets.hostPlaceholder", "192.168.1.100")
-										}), /* @__PURE__ */ d(h, {
-											label: m("tunnels.port", "Port"),
+											placeholder: h("targets.hostPlaceholder", "192.168.1.100")
+										}), /* @__PURE__ */ f(g, {
+											label: h("tunnels.port", "Port"),
 											value: Xt,
 											onChange: (e) => Zt(Number(e)),
 											type: "number"
 										})]
 									}),
-									/* @__PURE__ */ d(h, {
-										label: m("targets.username", "Username"),
-										value: W,
-										onChange: Qt,
+									/* @__PURE__ */ f(g, {
+										label: h("targets.username", "Username"),
+										value: Qt,
+										onChange: $t,
 										requiredField: !0,
-										placeholder: m("targets.usernamePlaceholder", "root")
+										placeholder: h("targets.usernamePlaceholder", "root")
 									}),
-									z === "SSH" && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(ut, {
-										legend: m("targets.authentication", "Authentication"),
+									V === "SSH" && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(ut, {
+										legend: h("targets.authentication", "Authentication"),
 										name: `${mt}-add-auth`,
 										value: G,
-										onChange: $t,
-										passwordLabel: m("targets.password", "Password"),
-										keyLabel: m("targets.privateKey", "Private Key")
-									}), G === "password" ? /* @__PURE__ */ d(h, {
-										label: m("targets.password", "Password"),
-										value: en,
-										onChange: tn,
+										onChange: en,
+										passwordLabel: h("targets.password", "Password"),
+										keyLabel: h("targets.privateKey", "Private Key")
+									}), G === "password" ? /* @__PURE__ */ f(g, {
+										label: h("targets.password", "Password"),
+										value: tn,
+										onChange: nn,
 										type: "password",
 										autoComplete: "new-password"
-									}) : /* @__PURE__ */ d(h, {
-										label: m("targets.privateKeyPath", "Private Key Path"),
-										value: nn,
-										onChange: rn,
-										placeholder: m("targets.privateKeyPathPlaceholder", "~/.ssh/id_rsa")
+									}) : /* @__PURE__ */ f(g, {
+										label: h("targets.privateKeyPath", "Private Key Path"),
+										value: rn,
+										onChange: an,
+										placeholder: h("targets.privateKeyPathPlaceholder", "~/.ssh/id_rsa")
 									})] })
 								] }),
-								/* @__PURE__ */ d(h, {
-									label: m("targets.labelOptional", "Label (optional)"),
-									value: an,
-									onChange: on,
-									placeholder: m("targets.labelPlaceholder", "web-server-01")
-								}),
-								/* @__PURE__ */ d(h, {
-									label: m("targets.tagsCommaSeparated", "Tags (comma-separated)"),
-									value: K,
+								/* @__PURE__ */ f(g, {
+									label: h("targets.labelOptional", "Label (optional)"),
+									value: on,
 									onChange: sn,
-									placeholder: m("targets.tagsPlaceholder", "production, web")
+									placeholder: h("targets.labelPlaceholder", "web-server-01")
+								}),
+								/* @__PURE__ */ f(g, {
+									label: h("targets.tagsCommaSeparated", "Tags (comma-separated)"),
+									value: cn,
+									onChange: ln,
+									placeholder: h("targets.tagsPlaceholder", "production, web")
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ p("div", {
 									className: "border-t border-border-default pt-3",
-									children: [/* @__PURE__ */ d("h3", {
+									children: [/* @__PURE__ */ f("h3", {
 										className: "text-sm font-medium text-text-secondary mb-2",
-										children: m("targets.tags", "Tags")
-									}), /* @__PURE__ */ d(pe, {
+										children: h("targets.tags", "Tags")
+									}), /* @__PURE__ */ f(pe, {
 										entityType: "VIBECONTROLS_TARGET",
-										onDraftChange: dn
+										onDraftChange: pn
 									})]
 								})
 							]
 						}),
-						/* @__PURE__ */ f(Qe, { children: [/* @__PURE__ */ d(p, {
+						/* @__PURE__ */ p(Ze, { children: [/* @__PURE__ */ f(m, {
 							type: "button",
 							variant: "outline",
-							onClick: () => w(!1),
+							onClick: () => T(!1),
 							className: "max-md:min-h-11",
-							children: m("common.cancel", "Cancel")
-						}), /* @__PURE__ */ d(p, {
+							children: h("common.cancel", "Cancel")
+						}), /* @__PURE__ */ f(m, {
 							type: "button",
-							onClick: () => void Cn(),
+							onClick: () => void Tn(),
 							className: "max-md:min-h-11",
-							children: m("targets.addTarget", "Add Target")
+							children: h("targets.addTarget", "Add Target")
 						})] })
 					]
 				})
 			}),
-			/* @__PURE__ */ d(Ye, {
-				open: M !== null,
+			/* @__PURE__ */ f(Je, {
+				open: N !== null,
 				onOpenChange: (e) => {
-					!e && !P && N(null);
+					!e && !P && Ot(null);
 				},
-				children: /* @__PURE__ */ d(Xe, {
+				children: /* @__PURE__ */ f(Ye, {
 					className: "sm:max-w-lg",
-					children: M && /* @__PURE__ */ f(u, { children: [
-						/* @__PURE__ */ f($e, { children: [/* @__PURE__ */ d(et, { children: m("targets.editTarget", "Edit Target") }), /* @__PURE__ */ d(Ze, { children: M.name })] }),
-						/* @__PURE__ */ f("div", {
+					children: N && /* @__PURE__ */ p(d, { children: [
+						/* @__PURE__ */ p(Qe, { children: [/* @__PURE__ */ f($e, { children: h("targets.editTarget", "Edit Target") }), /* @__PURE__ */ f(Xe, { children: N.name })] }),
+						/* @__PURE__ */ p("div", {
 							className: "max-h-[min(60vh,34rem)] space-y-4 overflow-y-auto px-0.5 py-1",
 							children: [
-								kt && /* @__PURE__ */ d("div", {
+								At && /* @__PURE__ */ f("div", {
 									role: "alert",
 									className: "rounded-card border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
-									children: kt
+									children: At
 								}),
-								/* @__PURE__ */ d(h, {
-									label: m("webhooks.name", "Name"),
-									value: At,
+								/* @__PURE__ */ f(g, {
+									label: h("webhooks.name", "Name"),
+									value: I,
 									onChange: jt,
 									requiredField: !0,
-									placeholder: m("targets.namePlaceholderServer", "Production Server")
+									placeholder: h("targets.namePlaceholderServer", "Production Server")
 								}),
-								/* @__PURE__ */ d(h, {
-									label: m("targets.labelOptional", "Label (optional)"),
+								/* @__PURE__ */ f(g, {
+									label: h("targets.labelOptional", "Label (optional)"),
 									value: Mt,
 									onChange: Nt,
-									placeholder: m("targets.labelPlaceholder", "web-server-01")
+									placeholder: h("targets.labelPlaceholder", "web-server-01")
 								}),
-								M.type !== "DIRECT" && /* @__PURE__ */ f(u, { children: [
-									/* @__PURE__ */ f("div", {
+								N.type !== "DIRECT" && /* @__PURE__ */ p(d, { children: [
+									/* @__PURE__ */ p("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-										children: [/* @__PURE__ */ d(h, {
-											label: m("targets.host", "Host"),
+										children: [/* @__PURE__ */ f(g, {
+											label: h("targets.host", "Host"),
 											value: Pt,
 											onChange: Ft,
-											placeholder: m("targets.hostPlaceholder", "192.168.1.100")
-										}), /* @__PURE__ */ d(h, {
-											label: m("tunnels.port", "Port"),
+											placeholder: h("targets.hostPlaceholder", "192.168.1.100")
+										}), /* @__PURE__ */ f(g, {
+											label: h("tunnels.port", "Port"),
 											value: It,
 											onChange: (e) => Lt(Number(e)),
 											type: "number"
 										})]
 									}),
-									/* @__PURE__ */ d(h, {
-										label: m("targets.username", "Username"),
+									/* @__PURE__ */ f(g, {
+										label: h("targets.username", "Username"),
 										value: Rt,
 										onChange: zt,
-										placeholder: m("targets.usernamePlaceholder", "root")
+										placeholder: h("targets.usernamePlaceholder", "root")
 									}),
-									M.type === "SSH" && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(ut, {
-										legend: m("targets.updateCredentialsOptional", "Update credentials (optional)"),
+									N.type === "SSH" && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(ut, {
+										legend: h("targets.updateCredentialsOptional", "Update credentials (optional)"),
 										name: `${mt}-edit-auth`,
-										value: I,
+										value: L,
 										onChange: Bt,
-										passwordLabel: m("targets.password", "Password"),
-										keyLabel: m("targets.privateKey", "Private Key"),
-										hint: m("targets.keepCredentialsHint", "Leave blank to keep existing credentials.")
-									}), I === "password" ? /* @__PURE__ */ d(h, {
-										label: m("targets.newPassword", "New Password"),
-										value: Vt,
-										onChange: Ht,
+										passwordLabel: h("targets.password", "Password"),
+										keyLabel: h("targets.privateKey", "Private Key"),
+										hint: h("targets.keepCredentialsHint", "Leave blank to keep existing credentials.")
+									}), L === "password" ? /* @__PURE__ */ f(g, {
+										label: h("targets.newPassword", "New Password"),
+										value: R,
+										onChange: Vt,
 										type: "password",
 										autoComplete: "new-password",
-										placeholder: m("targets.keepCurrentPlaceholder", "Leave blank to keep current")
-									}) : /* @__PURE__ */ d(h, {
-										label: m("targets.newPrivateKeyPath", "New Private Key Path"),
-										value: L,
-										onChange: Ut,
-										placeholder: m("targets.keepCurrentKeyPlaceholder", "Leave blank to keep current (~/.ssh/id_rsa)")
+										placeholder: h("targets.keepCurrentPlaceholder", "Leave blank to keep current")
+									}) : /* @__PURE__ */ f(g, {
+										label: h("targets.newPrivateKeyPath", "New Private Key Path"),
+										value: z,
+										onChange: Ht,
+										placeholder: h("targets.keepCurrentKeyPlaceholder", "Leave blank to keep current (~/.ssh/id_rsa)")
 									})] })
 								] }),
-								/* @__PURE__ */ d(h, {
-									label: m("targets.tagsCommaSeparated", "Tags (comma-separated)"),
-									value: R,
-									onChange: Wt,
-									placeholder: m("targets.tagsPlaceholder", "production, web")
+								/* @__PURE__ */ f(g, {
+									label: h("targets.tagsCommaSeparated", "Tags (comma-separated)"),
+									value: B,
+									onChange: Ut,
+									placeholder: h("targets.tagsPlaceholder", "production, web")
 								})
 							]
 						}),
-						/* @__PURE__ */ f(Qe, { children: [/* @__PURE__ */ d(p, {
+						/* @__PURE__ */ p(Ze, { children: [/* @__PURE__ */ f(m, {
 							type: "button",
 							variant: "outline",
-							onClick: () => N(null),
+							onClick: () => Ot(null),
 							disabled: P,
 							className: "max-md:min-h-11",
-							children: m("common.cancel", "Cancel")
-						}), /* @__PURE__ */ d(p, {
+							children: h("common.cancel", "Cancel")
+						}), /* @__PURE__ */ f(m, {
 							type: "button",
-							onClick: () => void Nn(),
+							onClick: () => void Pn(),
 							disabled: P,
 							"aria-busy": P,
 							className: "max-md:min-h-11",
-							children: P ? m("common.saving", "Saving...") : m("targets.saveChanges", "Save Changes")
+							children: P ? h("common.saving", "Saving...") : h("targets.saveChanges", "Save Changes")
 						})] })
 					] })
 				})
 			}),
-			/* @__PURE__ */ d(re, {
-				isOpen: !!T,
-				onClose: () => E(null),
-				onConfirm: () => void On(),
-				title: m("targets.deleteTarget", "Delete Target"),
-				message: m("targets.deleteTargetMessage", "This will remove the target and its connection from the agent. Active terminals will be disconnected."),
-				confirmLabel: m("common.delete", "Delete"),
+			/* @__PURE__ */ f(ae, {
+				isOpen: !!E,
+				onClose: () => D(null),
+				onConfirm: () => void kn(),
+				title: h("targets.deleteTarget", "Delete Target"),
+				message: h("targets.deleteTargetMessage", "This will remove the target and its connection from the agent. Active terminals will be disconnected."),
+				confirmLabel: h("common.delete", "Delete"),
 				variant: "danger"
 			}),
-			/* @__PURE__ */ d(re, {
+			/* @__PURE__ */ f(ae, {
 				isOpen: xt,
 				onClose: () => St(!1),
-				onConfirm: () => void kn(),
-				title: m("targets.deleteSelectedTargets", "Delete Selected Targets"),
-				message: `${m("targets.confirmDeleteSelectedPrefix", "Are you sure you want to delete")} ${D.size} ${m("nav.targets", "target")}${D.size === 1 ? "" : "s"}? ${m("targets.confirmDeleteSelectedSuffix", "This action cannot be undone.")}`,
-				confirmLabel: m("targets.deleteAll", "Delete All"),
+				onConfirm: () => void An(),
+				title: h("targets.deleteSelectedTargets", "Delete Selected Targets"),
+				message: `${h("targets.confirmDeleteSelectedPrefix", "Are you sure you want to delete")} ${O.size} ${h("nav.targets", "target")}${O.size === 1 ? "" : "s"}? ${h("targets.confirmDeleteSelectedSuffix", "This action cannot be undone.")}`,
+				confirmLabel: h("targets.deleteAll", "Delete All"),
 				variant: "danger"
 			}),
-			/* @__PURE__ */ d(Ye, {
-				open: A !== null,
+			/* @__PURE__ */ f(Je, {
+				open: j !== null,
 				onOpenChange: (e) => {
-					!e && j?.status !== "running" && Pn();
+					!e && M?.status !== "running" && Fn();
 				},
-				children: /* @__PURE__ */ d(Xe, {
+				children: /* @__PURE__ */ f(Ye, {
 					className: "sm:max-w-md",
-					showCloseButton: j?.status !== "running",
-					children: A && /* @__PURE__ */ f(u, { children: [
-						/* @__PURE__ */ f($e, { children: [/* @__PURE__ */ f(et, {
+					showCloseButton: M?.status !== "running",
+					children: j && /* @__PURE__ */ p(d, { children: [
+						/* @__PURE__ */ p(Qe, { children: [/* @__PURE__ */ p($e, {
 							className: "break-words",
 							children: [
-								m("targets.installingAgentOn", "Installing Agent on"),
+								h("targets.installingAgentOn", "Installing Agent on"),
 								" ",
-								A.name
+								j.name
 							]
-						}), /* @__PURE__ */ d(Ze, { children: m("targets.installProgressBody", "Installation progress for this target.") })] }),
-						/* @__PURE__ */ d("div", {
+						}), /* @__PURE__ */ f(Xe, { children: h("targets.installProgressBody", "Installation progress for this target.") })] }),
+						/* @__PURE__ */ f("div", {
 							className: "space-y-2",
 							role: "status",
-							children: j && j.steps ? j.steps.map((e, t) => /* @__PURE__ */ f("div", {
+							children: M && M.steps ? M.steps.map((e, t) => /* @__PURE__ */ p("div", {
 								className: "flex items-center gap-3",
 								children: [
-									e.status === "running" && /* @__PURE__ */ d(Ie, {
+									e.status === "running" && /* @__PURE__ */ f(Fe, {
 										className: "size-4 animate-spin text-text-secondary",
 										"aria-hidden": "true"
 									}),
-									e.status === "completed" && /* @__PURE__ */ d(Me, {
+									e.status === "completed" && /* @__PURE__ */ f(je, {
 										className: "size-4 text-status-success-text",
 										"aria-hidden": "true"
 									}),
-									e.status === "failed" && /* @__PURE__ */ d(He, {
+									e.status === "failed" && /* @__PURE__ */ f(Ve, {
 										className: "size-4 text-status-error-text",
 										"aria-hidden": "true"
 									}),
-									e.status === "skipped" && /* @__PURE__ */ d(je, {
+									e.status === "skipped" && /* @__PURE__ */ f(Ae, {
 										className: "size-4 text-text-muted",
 										"aria-hidden": "true"
 									}),
-									e.status === "pending" && /* @__PURE__ */ d("div", {
+									e.status === "pending" && /* @__PURE__ */ f("div", {
 										className: "size-4 rounded-full border-2 border-border-default",
 										"aria-hidden": "true"
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ p("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ d("div", {
+										children: [/* @__PURE__ */ f("div", {
 											className: "text-sm font-medium text-text-primary",
-											children: m(`targets.installStep.${e.name}`, at[e.name] ?? e.name)
-										}), e.message && /* @__PURE__ */ d("div", {
+											children: h(`targets.installStep.${e.name}`, at[e.name] ?? e.name)
+										}), e.message && /* @__PURE__ */ f("div", {
 											className: "text-xs text-text-muted break-words",
 											children: e.message
 										})]
 									})
 								]
-							}, t)) : /* @__PURE__ */ f("div", {
+							}, t)) : /* @__PURE__ */ p("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ d(Ie, {
+								children: [/* @__PURE__ */ f(Fe, {
 									className: "size-4 animate-spin text-text-secondary",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ d("span", {
+								}), /* @__PURE__ */ f("span", {
 									className: "text-sm text-text-primary",
-									children: m("targets.startingInstallJob", "Starting install job...")
+									children: h("targets.startingInstallJob", "Starting install job...")
 								})]
 							})
 						}),
-						j?.status === "completed" && /* @__PURE__ */ d("div", {
+						M?.status === "completed" && /* @__PURE__ */ f("div", {
 							role: "status",
 							className: "rounded-card border border-status-success-border bg-status-success-bg-subtle p-3 text-sm text-status-success-text",
-							children: m("targets.agentInstalledSuccess", "Agent installed successfully!")
+							children: h("targets.agentInstalledSuccess", "Agent installed successfully!")
 						}),
-						j?.status === "failed" && /* @__PURE__ */ d("div", {
+						M?.status === "failed" && /* @__PURE__ */ f("div", {
 							role: "alert",
 							className: "rounded-card border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
-							children: j.error ?? m("targets.installationFailed", "Installation failed.")
+							children: M.error ?? h("targets.installationFailed", "Installation failed.")
 						}),
-						/* @__PURE__ */ d(Qe, { children: /* @__PURE__ */ d(p, {
+						/* @__PURE__ */ f(Ze, { children: /* @__PURE__ */ f(m, {
 							type: "button",
 							variant: "outline",
-							onClick: Pn,
-							disabled: j?.status === "running",
-							"aria-busy": j?.status === "running",
+							onClick: Fn,
+							disabled: M?.status === "running",
+							"aria-busy": M?.status === "running",
 							className: "w-full max-md:min-h-11",
-							children: !j || j.status === "running" ? m("targets.installing", "Installing...") : m("common.close", "Close")
+							children: !M || M.status === "running" ? h("targets.installing", "Installing...") : h("common.close", "Close")
 						}) })
 					] })
 				})
 			}),
-			/* @__PURE__ */ d(re, {
+			/* @__PURE__ */ f(ae, {
 				isOpen: Ct !== null,
-				onClose: () => k(null),
+				onClose: () => A(null),
 				onConfirm: () => {
-					k(null), _("/billing/plans");
+					A(null), v("/billing/plans");
 				},
-				title: ie(Ct ?? "generic").title,
-				message: ie(Ct ?? "generic").message,
-				confirmLabel: m("targets.viewBilling", "View Billing"),
-				cancelLabel: m("common.dismiss", "Dismiss"),
+				title: oe(Ct ?? "generic").title,
+				message: oe(Ct ?? "generic").message,
+				confirmLabel: h("targets.viewBilling", "View Billing"),
+				cancelLabel: h("common.dismiss", "Dismiss"),
 				variant: "warning"
 			})
 		]
-	}) : /* @__PURE__ */ d(fe, {
-		title: m("common.accessDeniedTitle", "Access Denied"),
-		message: m("targets.accessDeniedBody", "You don't have permission to access this page.")
+	}) : /* @__PURE__ */ f(fe, {
+		title: h("common.accessDeniedTitle", "Access Denied"),
+		message: h("targets.accessDeniedBody", "You don't have permission to access this page.")
 	});
 }
 //#endregion
-export { g as TargetsPage };
+export { _ as TargetsPage };
 
 //# sourceMappingURL=TargetsPage.js.map