@burdenoff/microfe-vibecontrols 2026.520.1 → 2026.520.2

package/dist/pages/TargetsPage.js

@@ -3,32 +3,34 @@ import { useVibeControls as oe, useVibeNavigate as se } from "../providers/VibeC
 import ce from "../hooks/useCachedInitialData.js";
 import { PageHeader as le } from "../components/shared/PageHeader.js";
 import { LoadingState as ue } from "../components/shared/LoadingState.js";
-import { ConfirmDialog as de } from "../components/shared/ConfirmDialog.js";
-import { getQuotaDialogContent as fe, isQuotaExhaustedError as pe } from "../utils/quotaUtils.js";
-import { isNative as me, nativeNotify as he } from "../utils/nativeBridge.js";
-import { EmptyState as ge } from "../components/shared/EmptyState.js";
-import { SearchInput as _e } from "../components/shared/SearchInput.js";
-import { FilterDropdown as ve } from "../components/shared/FilterDropdown.js";
-import { AgentSetupBanner as ye } from "../components/shared/AgentSetupBanner.js";
-import { GetHelpButton as be } from "../components/shared/GetHelpButton.js";
-import { SearchableSelect as xe } from "../components/shared/SearchableSelect.js";
+import { ConfirmDialog as r } from "../components/shared/ConfirmDialog.js";
+import { getQuotaDialogContent as de, isQuotaExhaustedError as fe } from "../utils/quotaUtils.js";
+import { EntityTagPicker as pe } from "../components/shared/EntityTagPicker.js";
+import { useDraftEntityTags as me } from "../hooks/useDraftEntityTags.js";
+import { isNative as he, nativeNotify as ge } from "../utils/nativeBridge.js";
+import { EmptyState as _e } from "../components/shared/EmptyState.js";
+import { SearchInput as ve } from "../components/shared/SearchInput.js";
+import { FilterDropdown as ye } from "../components/shared/FilterDropdown.js";
+import { AgentSetupBanner as be } from "../components/shared/AgentSetupBanner.js";
+import { GetHelpButton as xe } from "../components/shared/GetHelpButton.js";
+import { SearchableSelect as Se } from "../components/shared/SearchableSelect.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as Se } from "../constants/permissions.js";
-import { TargetCard as Ce } from "../components/targets/TargetCard.js";
+import { VIBE_PERMISSIONS as Ce } from "../constants/permissions.js";
+import { TargetCard as we } from "../components/targets/TargetCard.js";
 import "../components/targets/index.js";
-import { useCallback as r, useEffect as we, useMemo as i, useState as a } from "react";
-import { useI18n as Te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Check as Ee, CheckCircle as De, CheckSquare as Oe, Grid as ke, List as Ae, Loader2 as je, Pencil as Me, Plus as Ne, RefreshCw as Pe, Server as Fe, Trash2 as Ie, X as o, XCircle as Le, XSquare as Re } from "lucide-react";
-import { useSearchParams as ze } from "react-router-dom";
-import { usePermissions as Be } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as Ve } from "framer-motion";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { MotionItem as He, MotionList as Ue, MotionPage as We } from "@burdenoff/fe-libs/shared/motion";
+import { useCallback as i, useEffect as Te, useMemo as a, useState as o } from "react";
+import { useI18n as Ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Check as De, CheckCircle as Oe, CheckSquare as ke, Grid as Ae, List as je, Loader2 as Me, Pencil as Ne, Plus as Pe, RefreshCw as Fe, Server as Ie, Trash2 as Le, X as s, XCircle as Re, XSquare as ze } from "lucide-react";
+import { useSearchParams as Be } from "react-router-dom";
+import { usePermissions as Ve } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as He } from "framer-motion";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { MotionItem as Ue, MotionList as We, MotionPage as Ge } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/TargetsPage.tsx
-function Ge(e) {
+function Ke(e) {
 	return e === "connected" ? "connected" : e === "disconnected" ? "disconnected" : "unknown";
 }
-var Ke = {
+var qe = {
 	connect: "Connecting to server",
 	detect_os: "Detecting OS",
 	install_bun: "Installing Bun runtime",
@@ -38,37 +40,37 @@ var Ke = {
 	verify: "Verifying health",
 	retrieve: "Retrieving agent details",
 	register: "Registering with backend"
-}, qe = {
+}, Je = {
 	connected: { label: "Connected" },
 	disconnected: { label: "Disconnected" },
 	unknown: { label: "Unknown" }
-}, Je = {
+}, Ye = {
 	DIRECT: "bg-action-primary-bg/10 text-action-primary-bg",
 	SSH: "bg-status-success-bg-subtle text-status-success-text"
-}, Ye = {
+}, Xe = {
 	connected: "bg-status-success-bg-subtle text-status-success-text",
 	disconnected: "bg-status-error-bg-subtle text-status-error-text",
 	unknown: "bg-bg-sunken text-text-secondary"
 };
-function Xe(e) {
+function Ze(e) {
 	return e.agents.length > 0;
 }
-function u() {
-	let { t: u } = Te(), { workspaceId: d } = oe(), f = se(), { hasPermission: Ze, isLoading: Qe } = Be(), [$e] = ze(), p = $e.get("selectedTargetId"), [m, et] = a(""), [h, tt] = a(null), [g, nt] = a("all"), [_, rt] = a("all"), [it, at] = a("grid"), [ot, v] = a(!1), [y, b] = a(null), [st, ct] = a(!1), [x, S] = a(/* @__PURE__ */ new Set()), [C, lt] = a(null), [ut, w] = a(!1), T = r((e, t) => {
-		let n = u(e);
+function d() {
+	let { t: d } = Ee(), { workspaceId: f } = oe(), p = se(), { hasPermission: Qe, isLoading: $e } = Ve(), [et] = Be(), m = et.get("selectedTargetId"), [h, tt] = o(""), [g, nt] = o(null), [_, rt] = o("all"), [v, it] = o("all"), [at, ot] = o("grid"), [st, y] = o(!1), [b, x] = o(null), [ct, lt] = o(!1), [S, C] = o(/* @__PURE__ */ new Set()), [w, ut] = o(null), [dt, T] = o(!1), E = i((e, t) => {
+		let n = d(e);
 		return n === e ? t : n;
-	}, [u]), [E, dt] = a(null), [D, ft] = a(null), [pt, O] = a(null), [k, A] = a(null), [j, mt] = a(!1), [ht, M] = a(null), [N, gt] = a(""), [_t, vt] = a(""), [yt, bt] = a(""), [xt, St] = a(22), [Ct, wt] = a(""), [P, Tt] = a("key"), [F, Et] = a(""), [I, Dt] = a(""), [L, Ot] = a(""), [R, kt] = a("DIRECT"), [z, At] = a(""), [B, jt] = a(""), [V, Mt] = a(""), [H, Nt] = a(""), [Pt, Ft] = a(22), [U, It] = a(""), [W, Lt] = a("key"), [Rt, zt] = a(""), [Bt, Vt] = a(""), [Ht, Ut] = a(""), [G, Wt] = a(""), { data: Gt, loading: K, refetch: q } = te({
+	}, [d]), [D, ft] = o(null), [O, pt] = o(null), [mt, ht] = o(null), [k, A] = o(null), [j, gt] = o(!1), [_t, M] = o(null), [N, vt] = o(""), [yt, bt] = o(""), [xt, St] = o(""), [Ct, wt] = o(22), [Tt, Et] = o(""), [P, Dt] = o("key"), [F, Ot] = o(""), [I, kt] = o(""), [L, At] = o(""), [R, jt] = o("DIRECT"), [z, Mt] = o(""), [B, Nt] = o(""), [V, Pt] = o(""), [H, Ft] = o(""), [It, Lt] = o(22), [U, Rt] = o(""), [W, zt] = o("key"), [Bt, Vt] = o(""), [Ht, Ut] = o(""), [Wt, Gt] = o(""), [G, Kt] = o(""), { data: qt, loading: K, refetch: q } = te({
 		variables: {
-			workspaceId: d || "",
+			workspaceId: f || "",
 			limit: 50,
 			offset: 0
 		},
-		skip: !d,
+		skip: !f,
 		fetchPolicy: "cache-first"
-	}), { agents: Kt, refetch: qt } = ce(), [Jt] = e({
+	}), { agents: Jt, refetch: Yt } = ce(), [Xt] = e({
 		refetchQueries: ["VibeControlsInitialData", "ListTargets"],
 		awaitRefetchQueries: !0
-	}), [Yt] = ae(), [Xt] = re(), [Zt] = ne(), [J] = t(), [Qt] = ee(), [$t] = ie(), [en] = n({ fetchPolicy: "network-only" }), Y = i(() => (Gt?.targets?.items ?? []).map((e) => ({
+	}), { setDraftTagIds: Zt, flushTags: Qt } = me("VIBECONTROLS_TARGET"), [$t] = ae(), [en] = re(), [tn] = ne(), [J] = t(), [nn] = ee(), [rn] = ie(), [an] = n({ fetchPolicy: "network-only" }), Y = a(() => (qt?.targets?.items ?? []).map((e) => ({
 		id: e.id,
 		type: e.type || "DIRECT",
 		name: e.name,
@@ -76,7 +78,7 @@ function u() {
 		host: e.host || null,
 		port: e.port || null,
 		username: e.username || null,
-		status: Ge(e.status),
+		status: Ke(e.status),
 		connectionId: e.connectionId || null,
 		tags: e.tags,
 		metadata: e.metadata ?? null,
@@ -87,47 +89,47 @@ function u() {
 			version: e.version,
 			isActive: e.isActive
 		}))
-	})), [Gt]), X = i(() => Kt.map((e) => ({
+	})), [qt]), X = a(() => Jt.map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive,
 		tunnelUrl: e.tunnelUrl ?? null,
 		agentApiKey: null
-	})), [Kt]), Z = i(() => {
+	})), [Jt]), Z = a(() => {
 		let e = Y;
-		if (m) {
-			let t = m.toLowerCase();
+		if (h) {
+			let t = h.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.host?.toLowerCase().includes(t) || e.label?.toLowerCase().includes(t));
 		}
-		return h && (e = e.filter((e) => e.agents.some((e) => e.id === h))), g !== "all" && (e = e.filter((e) => e.type === g)), _ !== "all" && (e = e.filter((e) => e.status === _)), e;
+		return g && (e = e.filter((e) => e.agents.some((e) => e.id === g))), _ !== "all" && (e = e.filter((e) => e.type === _)), v !== "all" && (e = e.filter((e) => e.status === v)), e;
 	}, [
 		Y,
-		m,
 		h,
 		g,
-		_
+		_,
+		v
 	]);
-	we(() => {
-		if (!p || !Z.find((e) => e.id === p)) return;
+	Te(() => {
+		if (!m || !Z.find((e) => e.id === m)) return;
 		let e = window.setTimeout(() => {
-			document.getElementById(`target-row-${p}`)?.scrollIntoView({
+			document.getElementById(`target-row-${m}`)?.scrollIntoView({
 				behavior: "smooth",
 				block: "center"
 			});
 		}, 150);
 		return () => window.clearTimeout(e);
-	}, [Z, p]);
-	let tn = Y.filter((e) => e.status === "connected").length, Q = Z.length > 0 && Z.every((e) => x.has(e.id)), nn = x.size > 0;
-	we(() => {
-		if (!pt || !E) return;
+	}, [Z, m]);
+	let on = Y.filter((e) => e.status === "connected").length, Q = Z.length > 0 && Z.every((e) => S.has(e.id)), sn = S.size > 0;
+	Te(() => {
+		if (!mt || !D) return;
 		let e = !1, t = () => {
-			en({ variables: {
-				targetId: E.id,
-				jobId: pt
+			an({ variables: {
+				targetId: D.id,
+				jobId: mt
 			} }).then((t) => {
 				if (e) return;
 				let n = t.data?.installAgentJobStatus;
-				n && (n.steps ||= [], ft({
+				n && (n.steps ||= [], pt({
 					id: n.jobId,
 					status: n.status,
 					currentStep: n.currentStep ?? 0,
@@ -143,32 +145,33 @@ function u() {
 			e = !0, clearInterval(n);
 		};
 	}, [
-		pt,
-		E,
-		en,
+		mt,
+		D,
+		an,
 		q
 	]);
-	let rn = r(async () => {
-		if (!(!z || !d) && !(R !== "DIRECT" && (!V || !H || !U))) try {
-			await Jt({ variables: {
-				workspaceId: d,
+	let cn = i(async () => {
+		if (!(!z || !f) && !(R !== "DIRECT" && (!V || !H || !U))) try {
+			let e = (await Xt({ variables: {
+				workspaceId: f,
 				input: {
 					type: R,
 					name: z,
 					sourceAgentId: R === "DIRECT" ? void 0 : V,
 					host: R === "DIRECT" ? void 0 : H,
-					port: R === "DIRECT" ? void 0 : Pt,
+					port: R === "DIRECT" ? void 0 : It,
 					username: R === "DIRECT" ? void 0 : U,
-					password: R === "SSH" && W === "password" ? Rt : void 0,
-					privateKeyPath: R === "SSH" && W === "key" ? Bt : void 0,
-					label: Ht || void 0,
+					password: R === "SSH" && W === "password" ? Bt : void 0,
+					privateKeyPath: R === "SSH" && W === "key" ? Ht : void 0,
+					label: Wt || void 0,
 					tags: G ? G.split(",").map((e) => e.trim()) : void 0,
 					metadata: B ? { description: B } : void 0
 				}
-			} }), v(!1), At(""), Nt(""), It(""), zt(""), Vt(""), Ut(""), Wt(""), q(), qt();
+			} })).data?.createTarget?.id;
+			e && await Qt(e), y(!1), Mt(""), Ft(""), Rt(""), Vt(""), Ut(""), Gt(""), Kt(""), q(), Yt();
 		} catch (e) {
-			if (pe(e)) {
-				v(!1), w(!0);
+			if (fe(e)) {
+				y(!1), T(!0);
 				return;
 			}
 			throw e;
@@ -177,93 +180,94 @@ function u() {
 		z,
 		V,
 		H,
-		Pt,
+		It,
 		U,
 		W,
-		Rt,
 		Bt,
 		Ht,
+		Wt,
 		G,
 		B,
 		R,
-		d,
-		Jt,
+		f,
+		Xt,
+		Qt,
 		q
-	]), an = r(async (e) => {
-		let t = (await Xt({ variables: { id: e } })).data?.testTarget;
-		t && (lt({
+	]), ln = i(async (e) => {
+		let t = (await en({ variables: { id: e } })).data?.testTarget;
+		t && (ut({
 			id: e,
 			success: t.success,
 			message: t.message || ""
-		}), setTimeout(() => lt(null), 5e3), q());
-	}, [Xt, q]), on = r(async (e) => {
+		}), setTimeout(() => ut(null), 5e3), q());
+	}, [en, q]), un = i(async (e) => {
 		try {
-			let t = await Zt({ variables: { targetId: e } });
-			if (t.error && pe(t.error)) {
-				w(!0);
+			let t = await tn({ variables: { targetId: e } });
+			if (t.error && fe(t.error)) {
+				T(!0);
 				return;
 			}
 			let n = t.data?.startTerminal;
-			n?.sessionId && f(`/sessions/${n.sessionId}`);
+			n?.sessionId && p(`/sessions/${n.sessionId}`);
 		} catch (e) {
-			if (pe(e)) {
-				w(!0);
+			if (fe(e)) {
+				T(!0);
 				return;
 			}
 			throw e;
 		}
-	}, [Zt, f]), sn = r(async () => {
-		if (y) {
+	}, [tn, p]), dn = i(async () => {
+		if (b) {
 			try {
-				await J({ variables: { id: y } }), me() && he("success");
+				await J({ variables: { id: b } }), he() && ge("success");
 			} catch (e) {
-				throw me() && he("error"), e;
+				throw he() && ge("error"), e;
 			}
-			b(null), S((e) => {
+			x(null), C((e) => {
 				let t = new Set(e);
-				return t.delete(y), t;
+				return t.delete(b), t;
 			}), q();
 		}
 	}, [
-		y,
+		b,
 		J,
 		q
-	]), cn = r(async () => {
-		let e = Array.from(x);
-		await Promise.all(e.map((e) => J({ variables: { id: e } }))), S(/* @__PURE__ */ new Set()), ct(!1), q();
+	]), fn = i(async () => {
+		let e = Array.from(S);
+		await Promise.all(e.map((e) => J({ variables: { id: e } }))), C(/* @__PURE__ */ new Set()), lt(!1), q();
 	}, [
-		x,
+		S,
 		J,
 		q
-	]), ln = r(async (e) => {
-		dt(e), ft(null), O(null);
+	]), pn = i(async (e) => {
+		ft(e), pt(null), ht(null);
 		let t = X.find((e) => e.isActive);
 		if (!t) return;
-		let n = (await Qt({ variables: {
+		let n = (await nn({ variables: {
 			targetId: e.id,
 			sourceAgentId: t.id
 		} })).data?.installAgentOnTarget;
-		n?.jobId && O(n.jobId);
-	}, [Qt, X]), un = r(async (e) => {
-		await $t({ variables: { targetId: e.id } }), q();
-	}, [$t, q]), dn = r((e) => {
-		A(e), gt(e.name), vt(e.label ?? ""), bt(e.host ?? ""), St(e.port ?? 22), wt(e.username ?? ""), Tt("key"), Et(""), Dt(""), Ot(e.tags.join(", ")), M(null);
-	}, []), fn = r(async () => {
+		n?.jobId && ht(n.jobId);
+	}, [nn, X]), mn = i(async (e) => {
+		await rn({ variables: { targetId: e.id } }), q();
+	}, [rn, q]), hn = i((e) => {
+		A(e), vt(e.name), bt(e.label ?? ""), St(e.host ?? ""), wt(e.port ?? 22), Et(e.username ?? ""), Dt("key"), Ot(""), kt(""), At(e.tags.join(", ")), M(null);
+	}, []), gn = i(async () => {
 		if (k) {
 			if (!N.trim()) {
 				M("Name is required");
 				return;
 			}
-			mt(!0), M(null);
+			gt(!0), M(null);
 			try {
-				await Yt({ variables: {
+				await $t({ variables: {
 					id: k.id,
 					input: {
 						name: N.trim(),
-						label: _t.trim() || null,
-						host: yt.trim() || void 0,
-						port: xt || void 0,
-						username: Ct.trim() || void 0,
+						label: yt.trim() || null,
+						host: xt.trim() || void 0,
+						port: Ct || void 0,
+						username: Tt.trim() || void 0,
 						password: k.type === "SSH" && P === "password" && F ? F : void 0,
 						privateKeyPath: k.type === "SSH" && P === "key" && I ? I : void 0,
 						tags: L ? L.split(",").map((e) => e.trim()).filter(Boolean) : []
@@ -272,162 +276,162 @@ function u() {
 			} catch (e) {
 				M(e instanceof Error ? e.message : "Failed to update target");
 			} finally {
-				mt(!1);
+				gt(!1);
 			}
 		}
 	}, [
 		k,
 		N,
-		_t,
 		yt,
 		xt,
 		Ct,
+		Tt,
 		P,
 		F,
 		I,
 		L,
-		Yt,
+		$t,
 		q
-	]), pn = r(() => {
-		dt(null), ft(null), O(null);
-	}, []), mn = r(() => {
-		S(Q ? (e) => {
+	]), _n = i(() => {
+		ft(null), pt(null), ht(null);
+	}, []), vn = i(() => {
+		C(Q ? (e) => {
 			let t = new Set(e);
 			return Z.forEach((e) => t.delete(e.id)), t;
 		} : (e) => {
 			let t = new Set(e);
 			return Z.forEach((e) => t.add(e.id)), t;
 		});
-	}, [Q, Z]), hn = r((e) => {
-		S((t) => {
+	}, [Q, Z]), yn = i((e) => {
+		C((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), gn = {
+	}, []), bn = {
 		total: Y.length,
-		connected: tn
-	}, _n = i(() => [
+		connected: on
+	}, xn = a(() => [
 		{
 			value: "all",
-			label: T("targets.filterTypeAll", "All Types")
+			label: E("targets.filterTypeAll", "All Types")
 		},
 		{
 			value: "DIRECT",
-			label: T("targets.typeDirect", "Direct")
+			label: E("targets.typeDirect", "Direct")
 		},
 		{
 			value: "SSH",
 			label: "SSH"
 		}
-	], [T]), vn = i(() => [
+	], [E]), Sn = a(() => [
 		{
 			value: "all",
-			label: T("targets.filterStatusAll", "All Statuses")
+			label: E("targets.filterStatusAll", "All Statuses")
 		},
 		{
 			value: "connected",
-			label: T("targets.connected", "Connected")
+			label: E("targets.connected", "Connected")
 		},
 		{
 			value: "disconnected",
-			label: T("targets.disconnected", "Disconnected")
+			label: E("targets.disconnected", "Disconnected")
 		},
 		{
 			value: "unknown",
-			label: T("targets.unknown", "Unknown")
+			label: E("targets.unknown", "Unknown")
 		}
-	], [T]), $ = m || h || g !== "all" || _ !== "all";
-	return Qe ? /* @__PURE__ */ c("div", {
+	], [E]), $ = h || g || _ !== "all" || v !== "all";
+	return $e ? /* @__PURE__ */ l("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ c("p", {
+		children: /* @__PURE__ */ l("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions..."
 		})
-	}) : Ze(Se.TARGET_LIST) ? K && Y.length === 0 ? /* @__PURE__ */ l(We, {
+	}) : Qe(Ce.TARGET_LIST) ? K && Y.length === 0 ? /* @__PURE__ */ u(Ge, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ c(le, {
-			title: T("nav.targets", "Targets"),
-			description: T("targets.description", "Manage your servers, workstations, and environments.")
-		}), /* @__PURE__ */ c(ue, { message: T("targets.loading", "Loading targets...") })]
-	}) : /* @__PURE__ */ l(We, {
+		children: [/* @__PURE__ */ l(le, {
+			title: E("nav.targets", "Targets"),
+			description: E("targets.description", "Manage your servers, workstations, and environments.")
+		}), /* @__PURE__ */ l(ue, { message: E("targets.loading", "Loading targets...") })]
+	}) : /* @__PURE__ */ u(Ge, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			C && /* @__PURE__ */ l("div", {
-				className: `fixed top-4 right-4 z-[10000] rounded-md px-4 py-3 shadow-lg text-sm ${C.success ? "bg-status-success-bg text-status-success-text" : "bg-status-error-bg text-status-error-text"}`,
+			w && /* @__PURE__ */ u("div", {
+				className: `fixed top-4 right-4 z-[10000] rounded-md px-4 py-3 shadow-lg text-sm ${w.success ? "bg-status-success-bg text-status-success-text" : "bg-status-error-bg text-status-error-text"}`,
 				children: [
-					C.success ? T("targets.connectionSuccessful", "Connection successful") : T("targets.connectionFailed", "Connection failed"),
+					w.success ? E("targets.connectionSuccessful", "Connection successful") : E("targets.connectionFailed", "Connection failed"),
 					": ",
-					C.message
+					w.message
 				]
 			}),
-			/* @__PURE__ */ c(le, {
-				title: T("nav.targets", "Targets"),
-				description: `${gn.connected} of ${gn.total} targets online`,
-				actions: /* @__PURE__ */ l("div", {
+			/* @__PURE__ */ l(le, {
+				title: E("nav.targets", "Targets"),
+				description: `${bn.connected} of ${bn.total} targets online`,
+				actions: /* @__PURE__ */ u("div", {
 					className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
-					children: [/* @__PURE__ */ c("button", {
+					children: [/* @__PURE__ */ l("button", {
 						onClick: () => void q(),
 						disabled: K,
 						className: "flex items-center justify-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-						title: T("targets.refreshTitle", "Refresh targets"),
-						children: /* @__PURE__ */ c(Pe, { className: `w-4 h-4 ${K ? "animate-spin" : ""}` })
-					}), /* @__PURE__ */ l("button", {
-						onClick: () => v(!0),
+						title: E("targets.refreshTitle", "Refresh targets"),
+						children: /* @__PURE__ */ l(Fe, { className: `w-4 h-4 ${K ? "animate-spin" : ""}` })
+					}), /* @__PURE__ */ u("button", {
+						onClick: () => y(!0),
 						className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-						children: [/* @__PURE__ */ c(Ne, { className: "w-4 h-4" }), T("targets.addTarget", "Add Target")]
+						children: [/* @__PURE__ */ l(Pe, { className: "w-4 h-4" }), E("targets.addTarget", "Add Target")]
 					})]
 				})
 			}),
-			X.length === 0 && !K && /* @__PURE__ */ c(ye, {
+			X.length === 0 && !K && /* @__PURE__ */ l(be, {
 				variant: "full",
 				dismissKey: "vibecontrols-targets-setup-banner"
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ c(_e, {
-						value: m,
-						onChange: et,
-						placeholder: T("targets.searchPlaceholder", "Search targets..."),
+					children: [/* @__PURE__ */ l(ve, {
+						value: h,
+						onChange: tt,
+						placeholder: E("targets.searchPlaceholder", "Search targets..."),
 						className: "flex-1 sm:w-64 sm:flex-none"
-					}), /* @__PURE__ */ l("div", {
+					}), /* @__PURE__ */ u("div", {
 						className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
-						children: [/* @__PURE__ */ c("button", {
-							onClick: () => at("grid"),
-							className: `p-1.5 sm:p-2 rounded ${it === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-							title: T("targets.gridViewTitle", "Grid view"),
-							children: /* @__PURE__ */ c(ke, { className: "w-4 h-4 text-text-secondary" })
-						}), /* @__PURE__ */ c("button", {
-							onClick: () => at("list"),
-							className: `p-1.5 sm:p-2 rounded ${it === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-							title: T("targets.listViewTitle", "List view"),
-							children: /* @__PURE__ */ c(Ae, { className: "w-4 h-4 text-text-secondary" })
+						children: [/* @__PURE__ */ l("button", {
+							onClick: () => ot("grid"),
+							className: `p-1.5 sm:p-2 rounded ${at === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							title: E("targets.gridViewTitle", "Grid view"),
+							children: /* @__PURE__ */ l(Ae, { className: "w-4 h-4 text-text-secondary" })
+						}), /* @__PURE__ */ l("button", {
+							onClick: () => ot("list"),
+							className: `p-1.5 sm:p-2 rounded ${at === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							title: E("targets.listViewTitle", "List view"),
+							children: /* @__PURE__ */ l(je, { className: "w-4 h-4 text-text-secondary" })
 						})]
 					})]
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ u("div", {
 					className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 					children: [
-						/* @__PURE__ */ c(ve, {
-							label: T("sessions.filterType", "Type"),
-							value: g,
-							options: _n,
-							onChange: nt
-						}),
-						/* @__PURE__ */ c(ve, {
-							label: T("sessions.filterStatus", "Status"),
+						/* @__PURE__ */ l(ye, {
+							label: E("sessions.filterType", "Type"),
 							value: _,
-							options: vn,
+							options: xn,
 							onChange: rt
 						}),
-						/* @__PURE__ */ c(xe, {
-							value: h ?? "",
-							onChange: (e) => tt(e || null),
+						/* @__PURE__ */ l(ye, {
+							label: E("sessions.filterStatus", "Status"),
+							value: v,
+							options: Sn,
+							onChange: it
+						}),
+						/* @__PURE__ */ l(Se, {
+							value: g ?? "",
+							onChange: (e) => nt(e || null),
 							options: X.map((e) => ({
 								value: e.id,
 								label: e.name
 							})),
-							placeholder: T("targets.allAgents", "All agents"),
+							placeholder: E("targets.allAgents", "All agents"),
 							className: "w-full sm:min-w-[180px] sm:w-auto",
 							dropdownAlign: "left",
 							clearable: !0
@@ -435,148 +439,148 @@ function u() {
 					]
 				})]
 			}),
-			Z.length > 0 && /* @__PURE__ */ c("div", {
+			Z.length > 0 && /* @__PURE__ */ l("div", {
 				className: "flex items-center gap-2 flex-wrap",
-				children: /* @__PURE__ */ c("div", {
+				children: /* @__PURE__ */ l("div", {
 					className: "ml-auto flex items-center gap-2",
-					children: /* @__PURE__ */ l("button", {
-						onClick: mn,
+					children: /* @__PURE__ */ u("button", {
+						onClick: vn,
 						className: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
-						children: [/* @__PURE__ */ c(Oe, { className: "w-3.5 h-3.5" }), Q ? T("targets.deselectAll", "Deselect All") : T("targets.selectAll", "Select All")]
+						children: [/* @__PURE__ */ l(ke, { className: "w-3.5 h-3.5" }), Q ? E("targets.deselectAll", "Deselect All") : E("targets.selectAll", "Select All")]
 					})
 				})
 			}),
-			nn && /* @__PURE__ */ l("div", {
+			sn && /* @__PURE__ */ u("div", {
 				className: "flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-2 bg-action-primary-bg/10 border border-action-primary-bg/20 rounded-lg",
-				children: [/* @__PURE__ */ l("span", {
+				children: [/* @__PURE__ */ u("span", {
 					className: "text-sm font-medium text-text-primary",
 					children: [
-						x.size,
+						S.size,
 						" ",
-						T("nav.targets", "target"),
-						x.size === 1 ? "" : "s",
+						E("nav.targets", "target"),
+						S.size === 1 ? "" : "s",
 						" ",
-						T("sessions.selected", "selected")
+						E("sessions.selected", "selected")
 					]
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ u("div", {
 					className: "flex items-center gap-1.5 sm:ml-auto",
-					children: [/* @__PURE__ */ l("button", {
-						onClick: () => ct(!0),
+					children: [/* @__PURE__ */ u("button", {
+						onClick: () => lt(!0),
 						className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-status-error-text bg-status-error-bg border border-status-error-text/20 rounded-md hover:bg-status-error-bg/80 transition-colors",
 						children: [
-							/* @__PURE__ */ c(Ie, { className: "w-3 h-3" }),
+							/* @__PURE__ */ l(Le, { className: "w-3 h-3" }),
 							" ",
-							T("common.delete", "Delete")
+							E("common.delete", "Delete")
 						]
-					}), /* @__PURE__ */ l("button", {
-						onClick: () => S(/* @__PURE__ */ new Set()),
+					}), /* @__PURE__ */ u("button", {
+						onClick: () => C(/* @__PURE__ */ new Set()),
 						className: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
 						children: [
-							/* @__PURE__ */ c(Re, { className: "w-3 h-3" }),
+							/* @__PURE__ */ l(ze, { className: "w-3 h-3" }),
 							" ",
-							T("sessions.deselect", "Deselect")
+							E("sessions.deselect", "Deselect")
 						]
 					})]
 				})]
 			}),
-			$ ? /* @__PURE__ */ l("p", {
+			$ ? /* @__PURE__ */ u("p", {
 				className: "text-sm text-text-secondary",
-				children: [T("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String(Z.length)).replace("{{total}}", String(Y.length)), K && /* @__PURE__ */ l("span", {
+				children: [E("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String(Z.length)).replace("{{total}}", String(Y.length)), K && /* @__PURE__ */ u("span", {
 					className: "ml-2 text-text-muted",
 					children: [
 						"(",
-						T("sessions.refreshing", "refreshing..."),
+						E("sessions.refreshing", "refreshing..."),
 						")"
 					]
 				})]
 			}) : null,
-			Z.length > 0 ? /* @__PURE__ */ c(Ve, {
+			Z.length > 0 ? /* @__PURE__ */ l(He, {
 				mode: "wait",
-				children: it === "grid" ? /* @__PURE__ */ c(Ue, {
+				children: at === "grid" ? /* @__PURE__ */ l(We, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: Z.map((e) => /* @__PURE__ */ c(He, { children: /* @__PURE__ */ c(Ce, {
+					children: Z.map((e) => /* @__PURE__ */ l(Ue, { children: /* @__PURE__ */ l(we, {
 						target: e,
-						onTest: (e) => void an(e),
-						onTerminal: (e) => void on(e),
-						onOpenDetail: (e) => f(`/targets/${e}`),
-						onEdit: (e) => dn(e),
-						onInstallAgent: (e) => void ln(e),
-						onUninstallAgent: (e) => void un(e),
-						onDelete: (e) => b(e),
-						selected: x.has(e.id),
-						onToggleSelect: () => hn(e.id),
-						highlighted: p === e.id
+						onTest: (e) => void ln(e),
+						onTerminal: (e) => void un(e),
+						onOpenDetail: (e) => p(`/targets/${e}`),
+						onEdit: (e) => hn(e),
+						onInstallAgent: (e) => void pn(e),
+						onUninstallAgent: (e) => void mn(e),
+						onDelete: (e) => x(e),
+						selected: S.has(e.id),
+						onToggleSelect: () => yn(e.id),
+						highlighted: m === e.id
 					}) }, e.id))
-				}, "grid-view") : /* @__PURE__ */ c(Ue, {
+				}, "grid-view") : /* @__PURE__ */ l(We, {
 					stagger: .04,
 					className: "space-y-2",
 					children: Z.map((e) => {
-						let t = Xe(e), n = p === e.id;
-						return /* @__PURE__ */ c(He, {
+						let t = Ze(e), n = m === e.id;
+						return /* @__PURE__ */ l(Ue, {
 							variant: "fadeRight",
-							children: /* @__PURE__ */ l("div", {
+							children: /* @__PURE__ */ u("div", {
 								id: `target-row-${e.id}`,
 								className: `p-4 rounded-lg border transition-colors ${n ? "border-action-primary-bg bg-action-primary-bg/5 shadow-sm" : "border-border-default hover:bg-bg-sunken/30"}`,
-								children: [/* @__PURE__ */ l("div", {
+								children: [/* @__PURE__ */ u("div", {
 									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ c("input", {
+									children: [/* @__PURE__ */ l("input", {
 										type: "checkbox",
-										checked: x.has(e.id),
-										onChange: () => hn(e.id),
+										checked: S.has(e.id),
+										onChange: () => yn(e.id),
 										className: "rounded border-border-default mt-1"
-									}), /* @__PURE__ */ l("div", {
+									}), /* @__PURE__ */ u("div", {
 										className: "flex min-w-0 flex-1 flex-wrap items-start gap-2",
 										children: [
-											/* @__PURE__ */ c("span", {
-												className: `inline-flex items-center px-2 py-0.5 text-xs font-semibold rounded ${Je[e.type]}`,
+											/* @__PURE__ */ l("span", {
+												className: `inline-flex items-center px-2 py-0.5 text-xs font-semibold rounded ${Ye[e.type]}`,
 												children: e.type
 											}),
-											/* @__PURE__ */ c("span", {
-												className: `inline-flex items-center px-2 py-0.5 text-xs font-semibold rounded ${Ye[e.status]}`,
-												children: T(`targets.status.${e.status}`, qe[e.status].label)
+											/* @__PURE__ */ l("span", {
+												className: `inline-flex items-center px-2 py-0.5 text-xs font-semibold rounded ${Xe[e.status]}`,
+												children: E(`targets.status.${e.status}`, Je[e.status].label)
 											}),
-											/* @__PURE__ */ l("div", {
+											/* @__PURE__ */ u("div", {
 												className: "min-w-0 basis-full",
 												children: [
-													/* @__PURE__ */ l("div", {
+													/* @__PURE__ */ u("div", {
 														className: "flex items-center gap-2 flex-wrap",
 														children: [
-															/* @__PURE__ */ c("span", {
+															/* @__PURE__ */ l("span", {
 																className: "font-medium",
 																children: e.name
 															}),
-															e.label && /* @__PURE__ */ c("span", {
+															e.label && /* @__PURE__ */ l("span", {
 																className: "text-text-secondary text-sm",
 																children: e.label
 															}),
-															t && /* @__PURE__ */ l("span", {
+															t && /* @__PURE__ */ u("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__ */ c(De, { size: 10 }), T("targets.agentInstalled", "Agent Installed")]
+																children: [/* @__PURE__ */ l(Oe, { size: 10 }), E("targets.agentInstalled", "Agent Installed")]
 															})
 														]
 													}),
-													/* @__PURE__ */ l("div", {
+													/* @__PURE__ */ u("div", {
 														className: "mt-1 flex flex-wrap items-center gap-2 text-sm text-text-secondary sm:gap-3",
-														children: [e.host && /* @__PURE__ */ l("code", {
+														children: [e.host && /* @__PURE__ */ u("code", {
 															className: "text-xs",
 															children: [
 																e.username ? `${e.username}@` : "",
 																e.host,
 																e.port ? `:${e.port}` : ""
 															]
-														}), e.agents.length > 0 && /* @__PURE__ */ l("span", {
+														}), e.agents.length > 0 && /* @__PURE__ */ u("span", {
 															className: "text-text-tertiary",
 															children: [
-																T("targets.via", "via"),
+																E("targets.via", "via"),
 																" ",
 																e.agents[0].name
 															]
 														})]
 													}),
-													e.tags.length > 0 && /* @__PURE__ */ c("div", {
+													e.tags.length > 0 && /* @__PURE__ */ l("div", {
 														className: "mt-1.5 flex flex-wrap gap-1",
-														children: e.tags.map((e) => /* @__PURE__ */ c("span", {
+														children: e.tags.map((e) => /* @__PURE__ */ l("span", {
 															className: "px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
 															children: e
 														}, e))
@@ -585,45 +589,45 @@ function u() {
 											})
 										]
 									})]
-								}), /* @__PURE__ */ l("div", {
+								}), /* @__PURE__ */ u("div", {
 									className: "mt-3 flex flex-wrap items-center gap-2 pl-0 sm:pl-7",
 									children: [
-										/* @__PURE__ */ c("button", {
-											onClick: () => void an(e.id),
-											title: T("targets.testConnectivity", "Test connectivity"),
+										/* @__PURE__ */ l("button", {
+											onClick: () => void ln(e.id),
+											title: E("targets.testConnectivity", "Test connectivity"),
 											className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md border border-border-default bg-bg-surface hover:bg-bg-sunken transition-colors",
-											children: T("targets.test", "Test")
+											children: E("targets.test", "Test")
 										}),
-										/* @__PURE__ */ c("button", {
-											onClick: () => void on(e.id),
-											title: T("targets.openTerminal", "Open terminal"),
+										/* @__PURE__ */ l("button", {
+											onClick: () => void un(e.id),
+											title: E("targets.openTerminal", "Open terminal"),
 											className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md border border-border-default bg-bg-surface hover:bg-bg-sunken transition-colors",
-											children: T("targets.terminal", "Terminal")
+											children: E("targets.terminal", "Terminal")
 										}),
-										/* @__PURE__ */ l("button", {
-											onClick: () => dn(e),
+										/* @__PURE__ */ u("button", {
+											onClick: () => hn(e),
 											title: "Edit target configuration",
 											className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md border border-border-default bg-bg-surface hover:bg-bg-sunken transition-colors",
-											children: [/* @__PURE__ */ c(Me, { size: 14 }), "Edit"]
+											children: [/* @__PURE__ */ l(Ne, { size: 14 }), "Edit"]
 										}),
-										e.type !== "DIRECT" && !t && /* @__PURE__ */ c("button", {
-											onClick: () => void ln(e),
-											title: T("targets.installAgent", "Install agent"),
+										e.type !== "DIRECT" && !t && /* @__PURE__ */ l("button", {
+											onClick: () => void pn(e),
+											title: E("targets.installAgent", "Install agent"),
 											className: "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
-											children: T("targets.installAgent", "Install Agent")
+											children: E("targets.installAgent", "Install Agent")
 										}),
-										e.type !== "DIRECT" && t && /* @__PURE__ */ c("button", {
-											onClick: () => void un(e),
-											title: T("targets.uninstallAgent", "Uninstall agent"),
+										e.type !== "DIRECT" && t && /* @__PURE__ */ l("button", {
+											onClick: () => void mn(e),
+											title: E("targets.uninstallAgent", "Uninstall agent"),
 											className: "flex items-center gap-1.5 rounded-md border border-status-error-text/20 px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg/80 transition-colors",
-											children: T("targets.uninstall", "Uninstall")
+											children: E("targets.uninstall", "Uninstall")
 										}),
-										/* @__PURE__ */ c("div", { className: "hidden flex-1 sm:block" }),
-										/* @__PURE__ */ l("button", {
-											onClick: () => b(e.id),
-											title: T("targets.deleteTarget", "Delete target"),
+										/* @__PURE__ */ l("div", { className: "hidden flex-1 sm:block" }),
+										/* @__PURE__ */ u("button", {
+											onClick: () => x(e.id),
+											title: E("targets.deleteTarget", "Delete target"),
 											className: "flex items-center gap-1.5 rounded-md border border-status-error-border px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg/80 transition-colors",
-											children: [/* @__PURE__ */ c(o, { size: 14 }), T("common.delete", "Delete")]
+											children: [/* @__PURE__ */ l(s, { size: 14 }), E("common.delete", "Delete")]
 										})
 									]
 								})]
@@ -631,354 +635,364 @@ function u() {
 						}, e.id);
 					})
 				}, "list-view")
-			}) : /* @__PURE__ */ c(ge, {
-				icon: /* @__PURE__ */ c(Fe, { className: "w-8 h-8 text-text-secondary" }),
-				title: $ ? T("targets.emptyNoTargetsFound", "No targets found") : T("targets.emptyNoTargetsConfigured", "No targets configured"),
-				description: $ ? T("targets.emptyAdjustSearch", "Try adjusting your search or filters") : T("targets.emptyDescription", "Add a target to start managing servers, workstations, and environments."),
-				action: $ ? void 0 : /* @__PURE__ */ l("div", {
+			}) : /* @__PURE__ */ l(_e, {
+				icon: /* @__PURE__ */ l(Ie, { className: "w-8 h-8 text-text-secondary" }),
+				title: $ ? E("targets.emptyNoTargetsFound", "No targets found") : E("targets.emptyNoTargetsConfigured", "No targets configured"),
+				description: $ ? E("targets.emptyAdjustSearch", "Try adjusting your search or filters") : E("targets.emptyDescription", "Add a target to start managing servers, workstations, and environments."),
+				action: $ ? void 0 : /* @__PURE__ */ u("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ l("button", {
-						onClick: () => v(!0),
+					children: [/* @__PURE__ */ u("button", {
+						onClick: () => y(!0),
 						className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-						children: [/* @__PURE__ */ c(Ne, { className: "w-4 h-4" }), T("targets.addTarget", "Add Target")]
-					}), /* @__PURE__ */ c(be, { prompt: "What is a Target in VibeControls and how do I create one?" })]
+						children: [/* @__PURE__ */ l(Pe, { className: "w-4 h-4" }), E("targets.addTarget", "Add Target")]
+					}), /* @__PURE__ */ l(xe, { prompt: "What is a Target in VibeControls and how do I create one?" })]
 				})
 			}),
-			ot && /* @__PURE__ */ l("div", {
+			st && /* @__PURE__ */ u("div", {
 				className: "fixed inset-0 z-50 flex items-start justify-center pt-16 overflow-y-auto",
-				children: [/* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "fixed inset-0 bg-bg-overlay backdrop-blur-sm",
-					onClick: () => v(!1)
-				}), /* @__PURE__ */ l("div", {
+					onClick: () => y(!1)
+				}), /* @__PURE__ */ u("div", {
 					className: "relative bg-bg-elevated rounded-xl shadow-2xl border border-border-default max-w-lg w-full mx-4 p-6 space-y-4 mb-8",
 					onClick: (e) => e.stopPropagation(),
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex items-start justify-between gap-3",
-							children: [/* @__PURE__ */ c("h2", {
+							children: [/* @__PURE__ */ l("h2", {
 								className: "text-lg font-semibold",
-								children: T("targets.addTarget", "Add Target")
-							}), /* @__PURE__ */ c("button", {
-								onClick: () => v(!1),
+								children: E("targets.addTarget", "Add Target")
+							}), /* @__PURE__ */ l("button", {
+								onClick: () => y(!1),
 								className: "p-1 rounded-lg hover:bg-bg-sunken transition-colors",
-								children: /* @__PURE__ */ c(o, { size: 18 })
+								children: /* @__PURE__ */ l(s, { size: 18 })
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ l("div", { children: [
-									/* @__PURE__ */ c("label", {
+								/* @__PURE__ */ u("div", { children: [
+									/* @__PURE__ */ l("label", {
 										className: "text-sm font-medium block mb-1.5",
-										children: T("targets.targetType", "Target Type")
+										children: E("targets.targetType", "Target Type")
 									}),
-									/* @__PURE__ */ c("div", {
+									/* @__PURE__ */ l("div", {
 										className: "grid grid-cols-2 gap-2",
-										children: ["DIRECT", "SSH"].map((e) => /* @__PURE__ */ c("button", {
-											onClick: () => kt(e),
+										children: ["DIRECT", "SSH"].map((e) => /* @__PURE__ */ l("button", {
+											onClick: () => jt(e),
 											className: `px-3 py-2 text-sm font-medium rounded-lg border transition-colors ${R === 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__ */ c("p", {
+									/* @__PURE__ */ l("p", {
 										className: "text-xs text-text-tertiary mt-1",
-										children: R === "DIRECT" ? T("targets.targetTypeDirectHint", "A local machine where you will install the agent manually.") : T("targets.targetTypeSshHint", "A remote server accessible via SSH.")
+										children: R === "DIRECT" ? E("targets.targetTypeDirectHint", "A local machine where you will install the agent manually.") : E("targets.targetTypeSshHint", "A remote server accessible via SSH.")
 									})
 								] }),
-								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 									className: "text-sm font-medium",
-									children: T("webhooks.name", "Name")
-								}), /* @__PURE__ */ c("input", {
+									children: E("webhooks.name", "Name")
+								}), /* @__PURE__ */ l("input", {
 									value: z,
-									onChange: (e) => At(e.target.value),
+									onChange: (e) => Mt(e.target.value),
 									className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
-									placeholder: R === "DIRECT" ? T("targets.namePlaceholderDirect", "My Laptop") : T("targets.namePlaceholderServer", "Production Server")
+									placeholder: R === "DIRECT" ? E("targets.namePlaceholderDirect", "My Laptop") : E("targets.namePlaceholderServer", "Production Server")
 								})] }),
-								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 									className: "text-sm font-medium",
-									children: T("targets.descriptionOptional", "Description (optional)")
-								}), /* @__PURE__ */ c("input", {
+									children: E("targets.descriptionOptional", "Description (optional)")
+								}), /* @__PURE__ */ l("input", {
 									value: B,
-									onChange: (e) => jt(e.target.value),
+									onChange: (e) => Nt(e.target.value),
 									className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
-									placeholder: T("targets.descriptionPlaceholder", "Brief description of this target")
+									placeholder: E("targets.descriptionPlaceholder", "Brief description of this target")
 								})] }),
-								R !== "DIRECT" && /* @__PURE__ */ l(s, { children: [
-									/* @__PURE__ */ l("div", { children: [
-										/* @__PURE__ */ c("label", {
+								R !== "DIRECT" && /* @__PURE__ */ u(c, { children: [
+									/* @__PURE__ */ u("div", { children: [
+										/* @__PURE__ */ l("label", {
 											className: "text-sm font-medium",
-											children: T("targets.sourceAgent", "Source Agent")
+											children: E("targets.sourceAgent", "Source Agent")
 										}),
-										/* @__PURE__ */ l("select", {
+										/* @__PURE__ */ u("select", {
 											value: V,
-											onChange: (e) => Mt(e.target.value),
+											onChange: (e) => Pt(e.target.value),
 											className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
-											children: [/* @__PURE__ */ c("option", {
+											children: [/* @__PURE__ */ l("option", {
 												value: "",
-												children: T("targets.selectAgentConnectFrom", "Select an agent to connect from")
-											}), X.map((e) => /* @__PURE__ */ c("option", {
+												children: E("targets.selectAgentConnectFrom", "Select an agent to connect from")
+											}), X.map((e) => /* @__PURE__ */ l("option", {
 												value: e.id,
 												children: e.name
 											}, e.id))]
 										}),
-										/* @__PURE__ */ l("p", {
+										/* @__PURE__ */ u("p", {
 											className: "text-xs text-text-tertiary mt-0.5",
 											children: [
-												T("targets.agentConnectionHintPrefix", "The agent that will establish the"),
+												E("targets.agentConnectionHintPrefix", "The agent that will establish the"),
 												" ",
 												R,
 												" ",
-												T("targets.agentConnectionHintSuffix", "connection to this target.")
+												E("targets.agentConnectionHintSuffix", "connection to this target.")
 											]
 										})
 									] }),
-									/* @__PURE__ */ l("div", {
+									/* @__PURE__ */ u("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-										children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+										children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "text-sm font-medium",
-											children: T("targets.host", "Host")
-										}), /* @__PURE__ */ c("input", {
+											children: E("targets.host", "Host")
+										}), /* @__PURE__ */ l("input", {
 											value: H,
-											onChange: (e) => Nt(e.target.value),
+											onChange: (e) => Ft(e.target.value),
 											className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
-											placeholder: T("targets.hostPlaceholder", "192.168.1.100")
-										})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+											placeholder: E("targets.hostPlaceholder", "192.168.1.100")
+										})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "text-sm font-medium",
-											children: T("tunnels.port", "Port")
-										}), /* @__PURE__ */ c("input", {
+											children: E("tunnels.port", "Port")
+										}), /* @__PURE__ */ l("input", {
 											type: "number",
-											value: Pt,
-											onChange: (e) => Ft(Number(e.target.value)),
+											value: It,
+											onChange: (e) => Lt(Number(e.target.value)),
 											className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm"
 										})] })]
 									}),
-									/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+									/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 										className: "text-sm font-medium",
-										children: T("targets.username", "Username")
-									}), /* @__PURE__ */ c("input", {
+										children: E("targets.username", "Username")
+									}), /* @__PURE__ */ l("input", {
 										value: U,
-										onChange: (e) => It(e.target.value),
+										onChange: (e) => Rt(e.target.value),
 										className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
-										placeholder: T("targets.usernamePlaceholder", "root")
+										placeholder: E("targets.usernamePlaceholder", "root")
 									})] }),
-									R === "SSH" && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+									R === "SSH" && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 										className: "text-sm font-medium",
-										children: T("targets.authentication", "Authentication")
-									}), /* @__PURE__ */ l("div", {
+										children: E("targets.authentication", "Authentication")
+									}), /* @__PURE__ */ u("div", {
 										className: "flex gap-4 mt-1",
-										children: [/* @__PURE__ */ l("label", {
+										children: [/* @__PURE__ */ u("label", {
 											className: "flex items-center gap-2 cursor-pointer text-sm",
-											children: [/* @__PURE__ */ c("input", {
+											children: [/* @__PURE__ */ l("input", {
 												type: "radio",
 												checked: W === "password",
-												onChange: () => Lt("password")
-											}), T("targets.password", "Password")]
-										}), /* @__PURE__ */ l("label", {
+												onChange: () => zt("password")
+											}), E("targets.password", "Password")]
+										}), /* @__PURE__ */ u("label", {
 											className: "flex items-center gap-2 cursor-pointer text-sm",
-											children: [/* @__PURE__ */ c("input", {
+											children: [/* @__PURE__ */ l("input", {
 												type: "radio",
 												checked: W === "key",
-												onChange: () => Lt("key")
-											}), T("targets.privateKey", "Private Key")]
+												onChange: () => zt("key")
+											}), E("targets.privateKey", "Private Key")]
 										})]
-									})] }), W === "password" ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+									})] }), W === "password" ? /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 										className: "text-sm font-medium",
-										children: T("targets.password", "Password")
-									}), /* @__PURE__ */ c("input", {
+										children: E("targets.password", "Password")
+									}), /* @__PURE__ */ l("input", {
 										type: "password",
-										value: Rt,
-										onChange: (e) => zt(e.target.value),
-										className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm"
-									})] }) : /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-										className: "text-sm font-medium",
-										children: T("targets.privateKeyPath", "Private Key Path")
-									}), /* @__PURE__ */ c("input", {
 										value: Bt,
 										onChange: (e) => Vt(e.target.value),
+										className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm"
+									})] }) : /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										className: "text-sm font-medium",
+										children: E("targets.privateKeyPath", "Private Key Path")
+									}), /* @__PURE__ */ l("input", {
+										value: Ht,
+										onChange: (e) => Ut(e.target.value),
 										className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
-										placeholder: T("targets.privateKeyPathPlaceholder", "~/.ssh/id_rsa")
+										placeholder: E("targets.privateKeyPathPlaceholder", "~/.ssh/id_rsa")
 									})] })] })
 								] }),
-								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 									className: "text-sm font-medium",
-									children: T("targets.labelOptional", "Label (optional)")
-								}), /* @__PURE__ */ c("input", {
-									value: Ht,
-									onChange: (e) => Ut(e.target.value),
+									children: E("targets.labelOptional", "Label (optional)")
+								}), /* @__PURE__ */ l("input", {
+									value: Wt,
+									onChange: (e) => Gt(e.target.value),
 									className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
-									placeholder: T("targets.labelPlaceholder", "web-server-01")
+									placeholder: E("targets.labelPlaceholder", "web-server-01")
 								})] }),
-								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 									className: "text-sm font-medium",
-									children: T("targets.tagsCommaSeparated", "Tags (comma-separated)")
-								}), /* @__PURE__ */ c("input", {
+									children: E("targets.tagsCommaSeparated", "Tags (comma-separated)")
+								}), /* @__PURE__ */ l("input", {
 									value: G,
-									onChange: (e) => Wt(e.target.value),
+									onChange: (e) => Kt(e.target.value),
 									className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
-									placeholder: T("targets.tagsPlaceholder", "production, web")
+									placeholder: E("targets.tagsPlaceholder", "production, web")
 								})] })
 							]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
+							className: "border-t border-border-default pt-3",
+							children: [/* @__PURE__ */ l("h3", {
+								className: "text-sm font-medium text-text-secondary mb-2",
+								children: E("targets.tags", "Tags")
+							}), /* @__PURE__ */ l(pe, {
+								entityType: "VIBECONTROLS_TARGET",
+								onDraftChange: Zt
+							})]
+						}),
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-end gap-2 pt-2 border-t border-border-default",
-							children: [/* @__PURE__ */ c("button", {
-								onClick: () => v(!1),
+							children: [/* @__PURE__ */ l("button", {
+								onClick: () => y(!1),
 								className: "px-4 py-2 text-sm rounded-md border border-border-default hover:bg-bg-sunken transition-colors",
-								children: T("common.cancel", "Cancel")
-							}), /* @__PURE__ */ c("button", {
-								onClick: () => void rn(),
+								children: E("common.cancel", "Cancel")
+							}), /* @__PURE__ */ l("button", {
+								onClick: () => void cn(),
 								className: "px-4 py-2 text-sm rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
-								children: T("targets.addTarget", "Add Target")
+								children: E("targets.addTarget", "Add Target")
 							})]
 						})
 					]
 				})]
 			}),
-			k && /* @__PURE__ */ l("div", {
+			k && /* @__PURE__ */ u("div", {
 				className: "fixed inset-0 z-50 flex items-start justify-center pt-16 overflow-y-auto",
-				children: [/* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "fixed inset-0 bg-bg-overlay backdrop-blur-sm",
 					onClick: () => !j && A(null)
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ u("div", {
 					className: "relative bg-bg-elevated rounded-xl shadow-2xl border border-border-default max-w-lg w-full mx-4 p-6 space-y-4 mb-8",
 					onClick: (e) => e.stopPropagation(),
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex items-start justify-between gap-3",
-							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h2", {
+							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
 								className: "text-lg font-semibold",
 								children: "Edit Target"
-							}), /* @__PURE__ */ c("p", {
+							}), /* @__PURE__ */ l("p", {
 								className: "text-sm text-text-secondary mt-0.5",
 								children: k.name
-							})] }), /* @__PURE__ */ c("button", {
+							})] }), /* @__PURE__ */ l("button", {
 								onClick: () => A(null),
 								disabled: j,
 								className: "p-1 rounded-lg hover:bg-bg-sunken transition-colors disabled:opacity-50",
-								children: /* @__PURE__ */ c(o, { size: 18 })
+								children: /* @__PURE__ */ l(s, { size: 18 })
 							})]
 						}),
-						ht && /* @__PURE__ */ c("div", {
+						_t && /* @__PURE__ */ l("div", {
 							className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
-							children: ht
+							children: _t
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 									className: "text-sm font-medium",
 									children: "Name"
-								}), /* @__PURE__ */ c("input", {
+								}), /* @__PURE__ */ l("input", {
 									value: N,
-									onChange: (e) => gt(e.target.value),
+									onChange: (e) => vt(e.target.value),
 									className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
 									placeholder: "Production Server"
 								})] }),
-								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 									className: "text-sm font-medium",
 									children: "Label (optional)"
-								}), /* @__PURE__ */ c("input", {
-									value: _t,
-									onChange: (e) => vt(e.target.value),
+								}), /* @__PURE__ */ l("input", {
+									value: yt,
+									onChange: (e) => bt(e.target.value),
 									className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
 									placeholder: "web-server-01"
 								})] }),
-								k.type !== "DIRECT" && /* @__PURE__ */ l(s, { children: [
-									/* @__PURE__ */ l("div", {
+								k.type !== "DIRECT" && /* @__PURE__ */ u(c, { children: [
+									/* @__PURE__ */ u("div", {
 										className: "grid grid-cols-2 gap-3",
-										children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+										children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "text-sm font-medium",
 											children: "Host"
-										}), /* @__PURE__ */ c("input", {
-											value: yt,
-											onChange: (e) => bt(e.target.value),
+										}), /* @__PURE__ */ l("input", {
+											value: xt,
+											onChange: (e) => St(e.target.value),
 											className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
 											placeholder: "192.168.1.100"
-										})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+										})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "text-sm font-medium",
 											children: "Port"
-										}), /* @__PURE__ */ c("input", {
+										}), /* @__PURE__ */ l("input", {
 											type: "number",
-											value: xt,
-											onChange: (e) => St(Number(e.target.value)),
+											value: Ct,
+											onChange: (e) => wt(Number(e.target.value)),
 											className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm"
 										})] })]
 									}),
-									/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+									/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 										className: "text-sm font-medium",
 										children: "Username"
-									}), /* @__PURE__ */ c("input", {
-										value: Ct,
-										onChange: (e) => wt(e.target.value),
+									}), /* @__PURE__ */ l("input", {
+										value: Tt,
+										onChange: (e) => Et(e.target.value),
 										className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
 										placeholder: "root"
 									})] }),
-									k.type === "SSH" && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", { children: [
-										/* @__PURE__ */ c("label", {
+									k.type === "SSH" && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", { children: [
+										/* @__PURE__ */ l("label", {
 											className: "text-sm font-medium",
 											children: "Update credentials (optional)"
 										}),
-										/* @__PURE__ */ l("div", {
+										/* @__PURE__ */ u("div", {
 											className: "flex gap-4 mt-1",
-											children: [/* @__PURE__ */ l("label", {
+											children: [/* @__PURE__ */ u("label", {
 												className: "flex items-center gap-2 cursor-pointer text-sm",
-												children: [/* @__PURE__ */ c("input", {
+												children: [/* @__PURE__ */ l("input", {
 													type: "radio",
 													checked: P === "password",
-													onChange: () => Tt("password")
+													onChange: () => Dt("password")
 												}), "Password"]
-											}), /* @__PURE__ */ l("label", {
+											}), /* @__PURE__ */ u("label", {
 												className: "flex items-center gap-2 cursor-pointer text-sm",
-												children: [/* @__PURE__ */ c("input", {
+												children: [/* @__PURE__ */ l("input", {
 													type: "radio",
 													checked: P === "key",
-													onChange: () => Tt("key")
+													onChange: () => Dt("key")
 												}), "Private Key"]
 											})]
 										}),
-										/* @__PURE__ */ c("p", {
+										/* @__PURE__ */ l("p", {
 											className: "text-xs text-text-tertiary mt-0.5",
 											children: "Leave blank to keep existing credentials."
 										})
-									] }), P === "password" ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+									] }), P === "password" ? /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 										className: "text-sm font-medium",
 										children: "New Password"
-									}), /* @__PURE__ */ c("input", {
+									}), /* @__PURE__ */ l("input", {
 										type: "password",
 										value: F,
-										onChange: (e) => Et(e.target.value),
+										onChange: (e) => Ot(e.target.value),
 										className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
 										placeholder: "Leave blank to keep current"
-									})] }) : /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+									})] }) : /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 										className: "text-sm font-medium",
 										children: "New Private Key Path"
-									}), /* @__PURE__ */ c("input", {
+									}), /* @__PURE__ */ l("input", {
 										value: I,
-										onChange: (e) => Dt(e.target.value),
+										onChange: (e) => kt(e.target.value),
 										className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
 										placeholder: "Leave blank to keep current (~/.ssh/id_rsa)"
 									})] })] })
 								] }),
-								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 									className: "text-sm font-medium",
 									children: "Tags (comma-separated)"
-								}), /* @__PURE__ */ c("input", {
+								}), /* @__PURE__ */ l("input", {
 									value: L,
-									onChange: (e) => Ot(e.target.value),
+									onChange: (e) => At(e.target.value),
 									className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
 									placeholder: "production, web"
 								})] })
 							]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-end gap-2 pt-2 border-t border-border-default",
-							children: [/* @__PURE__ */ c("button", {
+							children: [/* @__PURE__ */ l("button", {
 								onClick: () => A(null),
 								disabled: j,
 								className: "px-4 py-2 text-sm rounded-lg border border-border-default hover:bg-bg-sunken transition-colors disabled:opacity-50",
 								children: "Cancel"
-							}), /* @__PURE__ */ c("button", {
-								onClick: () => void fn(),
+							}), /* @__PURE__ */ l("button", {
+								onClick: () => void gn(),
 								disabled: j,
 								className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover disabled:opacity-50",
 								children: j ? "Saving..." : "Save Changes"
@@ -987,123 +1001,123 @@ function u() {
 					]
 				})]
 			}),
-			/* @__PURE__ */ c(de, {
-				isOpen: !!y,
-				onClose: () => b(null),
-				onConfirm: () => void sn(),
-				title: T("targets.deleteTarget", "Delete Target"),
-				message: T("targets.deleteTargetMessage", "This will remove the target and its connection from the agent. Active terminals will be disconnected."),
-				confirmLabel: T("common.delete", "Delete"),
+			/* @__PURE__ */ l(r, {
+				isOpen: !!b,
+				onClose: () => x(null),
+				onConfirm: () => void dn(),
+				title: E("targets.deleteTarget", "Delete Target"),
+				message: E("targets.deleteTargetMessage", "This will remove the target and its connection from the agent. Active terminals will be disconnected."),
+				confirmLabel: E("common.delete", "Delete"),
 				variant: "danger"
 			}),
-			/* @__PURE__ */ c(de, {
-				isOpen: st,
-				onClose: () => ct(!1),
-				onConfirm: () => void cn(),
-				title: T("targets.deleteSelectedTargets", "Delete Selected Targets"),
-				message: `${T("targets.confirmDeleteSelectedPrefix", "Are you sure you want to delete")} ${x.size} ${T("nav.targets", "target")}${x.size === 1 ? "" : "s"}? ${T("targets.confirmDeleteSelectedSuffix", "This action cannot be undone.")}`,
-				confirmLabel: T("targets.deleteAll", "Delete All"),
+			/* @__PURE__ */ l(r, {
+				isOpen: ct,
+				onClose: () => lt(!1),
+				onConfirm: () => void fn(),
+				title: E("targets.deleteSelectedTargets", "Delete Selected Targets"),
+				message: `${E("targets.confirmDeleteSelectedPrefix", "Are you sure you want to delete")} ${S.size} ${E("nav.targets", "target")}${S.size === 1 ? "" : "s"}? ${E("targets.confirmDeleteSelectedSuffix", "This action cannot be undone.")}`,
+				confirmLabel: E("targets.deleteAll", "Delete All"),
 				variant: "danger"
 			}),
-			E && /* @__PURE__ */ c("div", {
+			D && /* @__PURE__ */ l("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50",
-				children: /* @__PURE__ */ l("div", {
+				children: /* @__PURE__ */ u("div", {
 					className: "bg-bg-elevated rounded-xl shadow-xl max-w-md w-full mx-4 p-6",
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex items-start justify-between gap-3",
-							children: [/* @__PURE__ */ l("h2", {
+							children: [/* @__PURE__ */ u("h2", {
 								className: "text-lg font-semibold break-words",
 								children: [
-									T("targets.installingAgentOn", "Installing Agent on"),
+									E("targets.installingAgentOn", "Installing Agent on"),
 									" ",
-									E.name
+									D.name
 								]
-							}), D?.status !== "running" && /* @__PURE__ */ c("button", {
-								onClick: pn,
+							}), O?.status !== "running" && /* @__PURE__ */ l("button", {
+								onClick: _n,
 								className: "p-1 rounded hover:bg-bg-sunken",
-								children: /* @__PURE__ */ c(o, { size: 16 })
+								children: /* @__PURE__ */ l(s, { size: 16 })
 							})]
 						}),
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ l("div", {
 							className: "space-y-2 mt-4",
-							children: D && D.steps ? D.steps.map((e, t) => /* @__PURE__ */ l("div", {
+							children: O && O.steps ? O.steps.map((e, t) => /* @__PURE__ */ u("div", {
 								className: "flex items-center gap-3",
 								children: [
-									e.status === "running" && /* @__PURE__ */ c(je, {
+									e.status === "running" && /* @__PURE__ */ l(Me, {
 										className: "animate-spin text-action-primary-bg",
 										size: 16
 									}),
-									e.status === "completed" && /* @__PURE__ */ c(De, {
+									e.status === "completed" && /* @__PURE__ */ l(Oe, {
 										className: "text-status-success-text",
 										size: 16
 									}),
-									e.status === "failed" && /* @__PURE__ */ c(Le, {
+									e.status === "failed" && /* @__PURE__ */ l(Re, {
 										className: "text-status-error-text",
 										size: 16
 									}),
-									e.status === "skipped" && /* @__PURE__ */ c(Ee, {
+									e.status === "skipped" && /* @__PURE__ */ l(De, {
 										className: "text-text-tertiary",
 										size: 16
 									}),
-									e.status === "pending" && /* @__PURE__ */ c("div", { className: "w-4 h-4 rounded-full border-2 border-border-default" }),
-									/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("div", {
+									e.status === "pending" && /* @__PURE__ */ l("div", { className: "w-4 h-4 rounded-full border-2 border-border-default" }),
+									/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
 										className: "text-sm font-medium",
-										children: T(`targets.installStep.${e.name}`, Ke[e.name] ?? e.name)
-									}), e.message && /* @__PURE__ */ c("div", {
+										children: E(`targets.installStep.${e.name}`, qe[e.name] ?? e.name)
+									}), e.message && /* @__PURE__ */ l("div", {
 										className: "text-xs text-text-tertiary",
 										children: e.message
 									})] })
 								]
-							}, t)) : /* @__PURE__ */ l("div", {
+							}, t)) : /* @__PURE__ */ u("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ c(je, {
+								children: [/* @__PURE__ */ l(Me, {
 									className: "animate-spin text-action-primary-bg",
 									size: 16
-								}), /* @__PURE__ */ c("span", {
+								}), /* @__PURE__ */ l("span", {
 									className: "text-sm",
-									children: T("targets.startingInstallJob", "Starting install job...")
+									children: E("targets.startingInstallJob", "Starting install job...")
 								})]
 							})
 						}),
-						D?.status === "completed" && /* @__PURE__ */ c("div", {
+						O?.status === "completed" && /* @__PURE__ */ l("div", {
 							className: "mt-4 rounded-lg border border-status-success-border bg-status-success-bg-subtle p-3 text-sm text-status-success-text",
-							children: T("targets.agentInstalledSuccess", "Agent installed successfully!")
+							children: E("targets.agentInstalledSuccess", "Agent installed successfully!")
 						}),
-						D?.status === "failed" && /* @__PURE__ */ c("div", {
+						O?.status === "failed" && /* @__PURE__ */ l("div", {
 							className: "mt-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
-							children: D.error ?? T("targets.installationFailed", "Installation failed.")
+							children: O.error ?? E("targets.installationFailed", "Installation failed.")
 						}),
-						/* @__PURE__ */ c("button", {
-							onClick: pn,
-							disabled: D?.status === "running",
+						/* @__PURE__ */ l("button", {
+							onClick: _n,
+							disabled: O?.status === "running",
 							className: "mt-4 w-full px-4 py-2 rounded-md border border-border-default hover:bg-bg-sunken transition-colors disabled:opacity-50 disabled:cursor-not-allowed text-sm font-medium",
-							children: !D || D.status === "running" ? T("targets.installing", "Installing...") : T("common.close", "Close")
+							children: !O || O.status === "running" ? E("targets.installing", "Installing...") : E("common.close", "Close")
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ c(de, {
-				isOpen: ut,
-				onClose: () => w(!1),
+			/* @__PURE__ */ l(r, {
+				isOpen: dt,
+				onClose: () => T(!1),
 				onConfirm: () => {
-					w(!1), f("/billing");
+					T(!1), p("/billing");
 				},
-				title: fe("environment").title,
-				message: fe("environment").message,
+				title: de("environment").title,
+				message: de("environment").message,
 				confirmLabel: "View Billing",
 				cancelLabel: "Dismiss",
 				variant: "warning"
 			})
 		]
-	}) : /* @__PURE__ */ c("div", {
+	}) : /* @__PURE__ */ l("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ u("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ c("h2", {
+			children: [/* @__PURE__ */ l("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: "Access Denied"
-			}), /* @__PURE__ */ c("p", {
+			}), /* @__PURE__ */ l("p", {
 				className: "text-sm text-text-secondary",
 				children: "You don't have permission to access this page."
 			})]
@@ -1111,6 +1125,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as TargetsPage };
+export { d as TargetsPage };
 
 //# sourceMappingURL=TargetsPage.js.map