@burdenoff/microfe-vibecontrols 2026.528.2 → 2026.528.4

package/dist/pages/TargetsPage.js

@@ -55,17 +55,17 @@ var Ye = {
 function $e(e) {
 	return e.agents.length > 0;
 }
-function u() {
-	let { t: u } = Oe(), { workspaceId: d } = ue(), f = de(), { hasPermission: et, isLoading: tt } = Ue(), [nt] = He(), p = nt.get("selectedTargetId"), [m, rt] = a(""), [h, it] = a(null), [g, at] = a("all"), [_, ot] = a("all"), [st, ct] = a("grid"), [lt, v] = a(!1), [y, b] = a(null), [ut, dt] = a(!1), [x, S] = a(/* @__PURE__ */ new Set()), [C, w] = a(null), [ft, T] = a(!1), E = r((e, t) => {
-		let n = u(e);
+function et() {
+	let { t: et } = Oe(), { workspaceId: u } = ue(), d = de(), { hasPermission: tt, isLoading: nt } = Ue(), [rt] = He(), f = rt.get("selectedTargetId"), [p, it] = a(""), [m, at] = a(null), [h, ot] = a("all"), [g, st] = a("all"), [ct, lt] = a("grid"), [ut, _] = a(!1), [v, y] = a(null), [dt, ft] = a(!1), [b, x] = a(/* @__PURE__ */ new Set()), [S, C] = a(null), [pt, w] = a(!1), T = r((e, t) => {
+		let n = et(e);
 		return n === e ? t : n;
-	}, [u]), [D, pt] = a(null), [O, mt] = a(null), [ht, k] = a(null), [A, j] = a(null), [M, gt] = a(!1), [_t, N] = a(null), [P, vt] = a(""), [yt, bt] = a(""), [xt, St] = a(""), [Ct, wt] = a(22), [Tt, Et] = a(""), [F, Dt] = a("key"), [I, Ot] = a(""), [L, kt] = a(""), [R, At] = a(""), [z, jt] = a("DIRECT"), [B, Mt] = a(""), [V, Nt] = a(""), [H, Pt] = a(""), [U, Ft] = a(""), [It, Lt] = a(22), [W, Rt] = a(""), [G, zt] = a("key"), [Bt, Vt] = a(""), [Ht, Ut] = a(""), [Wt, Gt] = a(""), [K, Kt] = a(""), { data: qt, loading: q, refetch: J } = ae({
+	}, [et]), [E, mt] = a(null), [D, ht] = a(null), [gt, _t] = a(null), [O, k] = a(null), [A, vt] = a(!1), [yt, j] = a(null), [M, bt] = a(""), [N, xt] = a(""), [St, Ct] = a(""), [wt, Tt] = a(22), [P, Et] = a(""), [F, Dt] = a("key"), [I, Ot] = a(""), [L, kt] = a(""), [R, At] = a(""), [z, jt] = a("DIRECT"), [B, Mt] = a(""), [V, Nt] = a(""), [H, Pt] = a(""), [U, Ft] = a(""), [It, Lt] = a(22), [W, Rt] = a(""), [G, zt] = a("key"), [Bt, Vt] = a(""), [Ht, Ut] = a(""), [Wt, Gt] = a(""), [K, Kt] = a(""), { data: qt, loading: q, refetch: J } = ae({
 		variables: {
-			workspaceId: d || "",
+			workspaceId: u || "",
 			limit: 50,
 			offset: 0
 		},
-		skip: !d,
+		skip: !u,
 		fetchPolicy: "cache-first"
 	}), { agents: Jt, refetch: Yt } = fe(), [Xt] = te({
 		refetchQueries: ["VibeControlsInitialData", "ListTargets"],
@@ -97,39 +97,39 @@ function u() {
 		agentApiKey: null
 	})), [Jt]), Q = i(() => {
 		let e = X;
-		if (m) {
-			let t = m.toLowerCase();
+		if (p) {
+			let t = p.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 m && (e = e.filter((e) => e.agents.some((e) => e.id === m))), h !== "all" && (e = e.filter((e) => e.type === h)), g !== "all" && (e = e.filter((e) => e.status === g)), e;
 	}, [
 		X,
+		p,
 		m,
 		h,
-		g,
-		_
+		g
 	]);
 	De(() => {
-		if (!p || !Q.find((e) => e.id === p)) return;
+		if (!f || !Q.find((e) => e.id === f)) return;
 		let e = window.setTimeout(() => {
-			document.getElementById(`target-row-${p}`)?.scrollIntoView({
+			document.getElementById(`target-row-${f}`)?.scrollIntoView({
 				behavior: "smooth",
 				block: "center"
 			});
 		}, 150);
 		return () => window.clearTimeout(e);
-	}, [Q, p]);
-	let on = X.filter((e) => e.status === "connected").length, sn = Q.length > 0 && Q.every((e) => x.has(e.id)), cn = x.size > 0;
+	}, [Q, f]);
+	let on = X.filter((e) => e.status === "connected").length, sn = Q.length > 0 && Q.every((e) => b.has(e.id)), cn = b.size > 0;
 	De(() => {
-		if (!ht || !D) return;
+		if (!gt || !E) return;
 		let e = !1, t = () => {
 			an({ variables: {
-				targetId: D.id,
-				jobId: ht
+				targetId: E.id,
+				jobId: gt
 			} }).then((t) => {
 				if (e) return;
 				let n = t.data?.installAgentJobStatus;
-				n && (n.steps ||= [], mt({
+				n && (n.steps ||= [], ht({
 					id: n.jobId,
 					status: n.status,
 					currentStep: n.currentStep ?? 0,
@@ -145,15 +145,15 @@ function u() {
 			e = !0, clearInterval(n);
 		};
 	}, [
-		ht,
-		D,
+		gt,
+		E,
 		an,
 		J
 	]);
 	let ln = r(async () => {
-		if (!(!B || !d) && !(z !== "DIRECT" && (!H || !U || !W))) try {
+		if (!(!B || !u) && !(z !== "DIRECT" && (!H || !U || !W))) try {
 			let e = await Xt({ variables: {
-				workspaceId: d,
+				workspaceId: u,
 				input: {
 					type: z,
 					name: B,
@@ -170,28 +170,28 @@ function u() {
 			} });
 			if (e.error) {
 				if (n(e.error)) {
-					v(!1), T(!0);
+					_(!1), w(!0);
 					return;
 				}
-				w({
+				C({
 					id: "create",
 					success: !1,
 					message: e.error.message || "Failed to create target"
-				}), setTimeout(() => w(null), 5e3);
+				}), setTimeout(() => C(null), 5e3);
 				return;
 			}
 			let t = e.data?.createTarget?.id;
-			v(!1), Mt(""), Ft(""), Rt(""), Vt(""), Ut(""), Gt(""), Kt(""), t && await Qt(t), J(), Yt();
+			_(!1), Mt(""), Ft(""), Rt(""), Vt(""), Ut(""), Gt(""), Kt(""), t && await Qt(t), J(), Yt();
 		} catch (e) {
 			if (n(e)) {
-				v(!1), ee(), T(!0);
+				_(!1), ee(), w(!0);
 				return;
 			}
-			w({
+			C({
 				id: "create",
 				success: !1,
 				message: e instanceof Error ? e.message : "Failed to create target"
-			}), setTimeout(() => w(null), 5e3);
+			}), setTimeout(() => C(null), 5e3);
 		}
 	}, [
 		B,
@@ -206,183 +206,193 @@ function u() {
 		K,
 		V,
 		z,
-		d,
+		u,
 		Xt,
 		Qt,
 		J
 	]), un = r(async (e) => {
 		let t = (await en({ variables: { id: e } })).data?.testTarget;
-		t && (w({
+		t && (C({
 			id: e,
 			success: t.success,
 			message: t.message || ""
-		}), setTimeout(() => w(null), 5e3), J());
-	}, [en, J]), dn = r(async (e) => {
+		}), setTimeout(() => C(null), 5e3), J());
+	}, [en, J]), [dn, fn] = a(/* @__PURE__ */ new Set()), pn = r(async (e) => {
+		fn((t) => {
+			let n = new Set(t);
+			return n.add(e), n;
+		});
 		try {
 			let t = await tn({ variables: { targetId: e } });
 			if (t.error && n(t.error)) {
-				ee(), T(!0);
+				ee(), w(!0);
 				return;
 			}
 			let te = t.data?.startTerminal;
-			te?.sessionId && f(`/sessions/${te.sessionId}`);
+			te?.sessionId && d(`/sessions/${te.sessionId}`);
 		} catch (e) {
 			if (n(e)) {
-				ee(), T(!0);
+				ee(), w(!0);
 				return;
 			}
 			throw e;
+		} finally {
+			fn((t) => {
+				if (!t.has(e)) return t;
+				let n = new Set(t);
+				return n.delete(e), n;
+			});
 		}
-	}, [tn, f]), fn = r(async () => {
-		if (y) {
+	}, [tn, d]), mn = r(async () => {
+		if (v) {
 			try {
-				await Y({ variables: { id: y } }), ge() && _e("success");
+				await Y({ variables: { id: v } }), ge() && _e("success");
 			} catch (e) {
 				throw ge() && _e("error"), e;
 			}
-			b(null), S((e) => {
+			y(null), x((e) => {
 				let t = new Set(e);
-				return t.delete(y), t;
+				return t.delete(v), t;
 			}), J();
 		}
 	}, [
-		y,
+		v,
 		Y,
 		J
-	]), pn = r(async () => {
-		let e = Array.from(x);
-		await Promise.all(e.map((e) => Y({ variables: { id: e } }))), S(/* @__PURE__ */ new Set()), dt(!1), J();
+	]), hn = r(async () => {
+		let e = Array.from(b);
+		await Promise.all(e.map((e) => Y({ variables: { id: e } }))), x(/* @__PURE__ */ new Set()), ft(!1), J();
 	}, [
-		x,
+		b,
 		Y,
 		J
-	]), mn = r(async (e) => {
-		pt(e), mt(null), k(null);
+	]), gn = r(async (e) => {
+		mt(e), ht(null), _t(null);
 		let t = Z.find((e) => e.isActive);
 		if (!t) return;
 		let n = (await nn({ variables: {
 			targetId: e.id,
 			sourceAgentId: t.id
 		} })).data?.installAgentOnTarget;
-		n?.jobId && k(n.jobId);
-	}, [nn, Z]), hn = r(async (e) => {
+		n?.jobId && _t(n.jobId);
+	}, [nn, Z]), _n = r(async (e) => {
 		await rn({ variables: { targetId: e.id } }), J();
-	}, [rn, J]), gn = r((e) => {
-		j(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(", ")), N(null);
-	}, []), _n = r(async () => {
-		if (A) {
-			if (!P.trim()) {
-				N("Name is required");
+	}, [rn, J]), vn = r((e) => {
+		k(e), bt(e.name), xt(e.label ?? ""), Ct(e.host ?? ""), Tt(e.port ?? 22), Et(e.username ?? ""), Dt("key"), Ot(""), kt(""), At(e.tags.join(", ")), j(null);
+	}, []), yn = r(async () => {
+		if (O) {
+			if (!M.trim()) {
+				j("Name is required");
 				return;
 			}
-			gt(!0), N(null);
+			vt(!0), j(null);
 			try {
 				let e = await $t({ variables: {
-					id: A.id,
+					id: O.id,
 					input: {
-						name: P.trim(),
-						label: yt.trim() || null,
-						host: xt.trim() || void 0,
-						port: Ct || void 0,
-						username: Tt.trim() || void 0,
-						password: A.type === "SSH" && F === "password" && I ? I : void 0,
-						privateKeyPath: A.type === "SSH" && F === "key" && L ? L : void 0,
+						name: M.trim(),
+						label: N.trim() || null,
+						host: St.trim() || void 0,
+						port: wt || void 0,
+						username: P.trim() || void 0,
+						password: O.type === "SSH" && F === "password" && I ? I : void 0,
+						privateKeyPath: O.type === "SSH" && F === "key" && L ? L : void 0,
 						tags: R ? R.split(",").map((e) => e.trim()).filter(Boolean) : []
 					}
 				} });
 				if (e.error) {
-					N(e.error.message || "Failed to update target");
+					j(e.error.message || "Failed to update target");
 					return;
 				}
-				j(null), J();
+				k(null), J();
 			} catch (e) {
-				N(e instanceof Error ? e.message : "Failed to update target");
+				j(e instanceof Error ? e.message : "Failed to update target");
 			} finally {
-				gt(!1);
+				vt(!1);
 			}
 		}
 	}, [
-		A,
+		O,
+		M,
+		N,
+		St,
+		wt,
 		P,
-		yt,
-		xt,
-		Ct,
-		Tt,
 		F,
 		I,
 		L,
 		R,
 		$t,
 		J
-	]), vn = r(() => {
-		pt(null), mt(null), k(null);
-	}, []), yn = r(() => {
-		S(sn ? (e) => {
+	]), bn = r(() => {
+		mt(null), ht(null), _t(null);
+	}, []), xn = r(() => {
+		x(sn ? (e) => {
 			let t = new Set(e);
 			return Q.forEach((e) => t.delete(e.id)), t;
 		} : (e) => {
 			let t = new Set(e);
 			return Q.forEach((e) => t.add(e.id)), t;
 		});
-	}, [sn, Q]), bn = r((e) => {
-		S((t) => {
+	}, [sn, Q]), Sn = r((e) => {
+		x((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), xn = {
+	}, []), Cn = {
 		total: X.length,
 		connected: on
-	}, Sn = i(() => [
+	}, wn = i(() => [
 		{
 			value: "all",
-			label: E("targets.filterTypeAll", "All Types")
+			label: T("targets.filterTypeAll", "All Types")
 		},
 		{
 			value: "DIRECT",
-			label: E("targets.typeDirect", "Direct")
+			label: T("targets.typeDirect", "Direct")
 		},
 		{
 			value: "SSH",
 			label: "SSH"
 		}
-	], [E]), Cn = i(() => [
+	], [T]), Tn = i(() => [
 		{
 			value: "all",
-			label: E("targets.filterStatusAll", "All Statuses")
+			label: T("targets.filterStatusAll", "All Statuses")
 		},
 		{
 			value: "connected",
-			label: E("targets.connected", "Connected")
+			label: T("targets.connected", "Connected")
 		},
 		{
 			value: "disconnected",
-			label: E("targets.disconnected", "Disconnected")
+			label: T("targets.disconnected", "Disconnected")
 		},
 		{
 			value: "unknown",
-			label: E("targets.unknown", "Unknown")
+			label: T("targets.unknown", "Unknown")
 		}
-	], [E]), $ = m || h || g !== "all" || _ !== "all";
-	return tt ? /* @__PURE__ */ c("div", {
+	], [T]), $ = p || m || h !== "all" || g !== "all";
+	return nt ? /* @__PURE__ */ c("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ c("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions…"
 		})
-	}) : et(we.TARGET_LIST) ? /* @__PURE__ */ l(qe, {
+	}) : tt(we.TARGET_LIST) ? /* @__PURE__ */ l(qe, {
 		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 max-w-md ${C.success ? "bg-status-success-bg text-status-success-text" : "bg-status-error-bg text-status-error-text"}`,
+			S && /* @__PURE__ */ l("div", {
+				className: `fixed top-4 right-4 z-[10000] rounded-md px-4 py-3 shadow-lg text-sm max-w-md ${S.success ? "bg-status-success-bg text-status-success-text" : "bg-status-error-bg text-status-error-text"}`,
 				children: [
-					C.success ? E("targets.connectionSuccessful", "Connection successful") : C.id === "create" ? E("targets.createFailed", "Failed to create target") : E("targets.connectionFailed", "Connection failed"),
+					S.success ? T("targets.connectionSuccessful", "Connection successful") : S.id === "create" ? T("targets.createFailed", "Failed to create target") : T("targets.connectionFailed", "Connection failed"),
 					": ",
-					C.message
+					S.message
 				]
 			}),
 			/* @__PURE__ */ c(pe, {
-				title: E("nav.targets", "Targets"),
-				description: `${xn.connected} of ${xn.total} targets online`,
+				title: T("nav.targets", "Targets"),
+				description: `${Cn.connected} of ${Cn.total} targets online`,
 				actions: /* @__PURE__ */ l("div", {
 					className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
 					children: [/* @__PURE__ */ c("button", {
@@ -390,13 +400,13 @@ function u() {
 						onClick: () => void J(),
 						disabled: q,
 						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: E("targets.refreshTitle", "Refresh targets"),
+						title: T("targets.refreshTitle", "Refresh targets"),
 						children: /* @__PURE__ */ c(Le, { className: `size-4 ${q ? "animate-spin" : ""}` })
 					}), /* @__PURE__ */ l("button", {
 						type: "button",
-						onClick: () => v(!0),
+						onClick: () => _(!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(Ie, { className: "size-4" }), E("targets.addTarget", "Add Target")]
+						children: [/* @__PURE__ */ c(Ie, { className: "size-4" }), T("targets.addTarget", "Add Target")]
 					})]
 				})
 			}),
@@ -409,23 +419,23 @@ function u() {
 				children: [/* @__PURE__ */ l("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ c(ye, {
-						value: m,
-						onChange: rt,
-						placeholder: E("targets.searchPlaceholder", "Search targets..."),
+						value: p,
+						onChange: it,
+						placeholder: T("targets.searchPlaceholder", "Search targets..."),
 						className: "flex-1 sm:w-64 sm:flex-none"
 					}), /* @__PURE__ */ l("div", {
 						className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
 						children: [/* @__PURE__ */ c("button", {
 							type: "button",
-							onClick: () => ct("grid"),
-							className: `p-1.5 sm:p-2 rounded ${st === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-							title: E("targets.gridViewTitle", "Grid view"),
+							onClick: () => lt("grid"),
+							className: `p-1.5 sm:p-2 rounded ${ct === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							title: T("targets.gridViewTitle", "Grid view"),
 							children: /* @__PURE__ */ c(Me, { className: "size-4 text-text-secondary" })
 						}), /* @__PURE__ */ c("button", {
 							type: "button",
-							onClick: () => ct("list"),
-							className: `p-1.5 sm:p-2 rounded ${st === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-							title: E("targets.listViewTitle", "List view"),
+							onClick: () => lt("list"),
+							className: `p-1.5 sm:p-2 rounded ${ct === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							title: T("targets.listViewTitle", "List view"),
 							children: /* @__PURE__ */ c(Ne, { className: "size-4 text-text-secondary" })
 						})]
 					})]
@@ -433,25 +443,25 @@ function u() {
 					className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 					children: [
 						/* @__PURE__ */ c(be, {
-							label: E("sessions.filterType", "Type"),
-							value: g,
-							options: Sn,
-							onChange: at
+							label: T("sessions.filterType", "Type"),
+							value: h,
+							options: wn,
+							onChange: ot
 						}),
 						/* @__PURE__ */ c(be, {
-							label: E("sessions.filterStatus", "Status"),
-							value: _,
-							options: Cn,
-							onChange: ot
+							label: T("sessions.filterStatus", "Status"),
+							value: g,
+							options: Tn,
+							onChange: st
 						}),
 						/* @__PURE__ */ c(Ce, {
-							value: h ?? "",
-							onChange: (e) => it(e || null),
+							value: m ?? "",
+							onChange: (e) => at(e || null),
 							options: Z.map((e) => ({
 								value: e.id,
 								label: e.name
 							})),
-							placeholder: E("targets.allAgents", "All agents"),
+							placeholder: T("targets.allAgents", "All agents"),
 							className: "w-full sm:min-w-[180px] sm:w-auto",
 							dropdownAlign: "left",
 							clearable: !0
@@ -465,9 +475,9 @@ function u() {
 					className: "ml-auto flex items-center gap-2",
 					children: /* @__PURE__ */ l("button", {
 						type: "button",
-						onClick: yn,
+						onClick: xn,
 						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(je, { className: "size-3.5" }), sn ? E("targets.deselectAll", "Deselect All") : E("targets.selectAll", "Select All")]
+						children: [/* @__PURE__ */ c(je, { className: "size-3.5" }), sn ? T("targets.deselectAll", "Deselect All") : T("targets.selectAll", "Select All")]
 					})
 				})
 			}),
@@ -476,43 +486,43 @@ function u() {
 				children: [/* @__PURE__ */ l("span", {
 					className: "text-sm font-medium text-text-primary",
 					children: [
-						x.size,
+						b.size,
 						" ",
-						E("nav.targets", "target"),
-						x.size === 1 ? "" : "s",
+						T("nav.targets", "target"),
+						b.size === 1 ? "" : "s",
 						" ",
-						E("sessions.selected", "selected")
+						T("sessions.selected", "selected")
 					]
 				}), /* @__PURE__ */ l("div", {
 					className: "flex items-center gap-1.5 sm:ml-auto",
 					children: [/* @__PURE__ */ l("button", {
 						type: "button",
-						onClick: () => dt(!0),
+						onClick: () => ft(!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(ze, { className: "size-3" }),
 							" ",
-							E("common.delete", "Delete")
+							T("common.delete", "Delete")
 						]
 					}), /* @__PURE__ */ l("button", {
 						type: "button",
-						onClick: () => S(/* @__PURE__ */ new Set()),
+						onClick: () => x(/* @__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(Ve, { className: "size-3" }),
 							" ",
-							E("sessions.deselect", "Deselect")
+							T("sessions.deselect", "Deselect")
 						]
 					})]
 				})]
 			}),
 			$ ? /* @__PURE__ */ l("p", {
 				className: "text-sm text-text-secondary",
-				children: [E("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String(Q.length)).replace("{{total}}", String(X.length)), q && /* @__PURE__ */ l("span", {
+				children: [T("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String(Q.length)).replace("{{total}}", String(X.length)), q && /* @__PURE__ */ l("span", {
 					className: "ml-2 text-text-muted",
 					children: [
 						"(",
-						E("sessions.refreshing", "refreshing..."),
+						T("sessions.refreshing", "refreshing..."),
 						")"
 					]
 				})]
@@ -522,7 +532,7 @@ function u() {
 				count: 6
 			}) : Q.length > 0 ? /* @__PURE__ */ c(We, {
 				mode: "wait",
-				children: st === "grid" ? /* @__PURE__ */ c(Ke, {
+				children: ct === "grid" ? /* @__PURE__ */ c(Ke, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 					children: Q.map((e) => /* @__PURE__ */ c(Ge, {
@@ -530,22 +540,23 @@ function u() {
 						children: /* @__PURE__ */ c(Ee, {
 							target: e,
 							onTest: (e) => void un(e),
-							onTerminal: (e) => void dn(e),
-							onOpenDetail: (e) => f(`/targets/${e}`),
-							onEdit: (e) => gn(e),
-							onInstallAgent: (e) => void mn(e),
-							onUninstallAgent: (e) => void hn(e),
-							onDelete: (e) => b(e),
-							selected: x.has(e.id),
-							onToggleSelect: () => bn(e.id),
-							highlighted: p === e.id
+							onTerminal: (e) => void pn(e),
+							onOpenDetail: (e) => d(`/targets/${e}`),
+							onEdit: (e) => vn(e),
+							onInstallAgent: (e) => void gn(e),
+							onUninstallAgent: (e) => void _n(e),
+							onDelete: (e) => y(e),
+							selected: b.has(e.id),
+							onToggleSelect: () => Sn(e.id),
+							highlighted: f === e.id,
+							isStartingTerminal: dn.has(e.id)
 						})
 					}, e.id))
 				}, "grid-view") : /* @__PURE__ */ c(Ke, {
 					stagger: .04,
 					className: "space-y-2",
 					children: Q.map((e) => {
-						let t = $e(e), n = p === e.id;
+						let t = $e(e), n = f === e.id;
 						return /* @__PURE__ */ c(Ge, {
 							variant: "fadeRight",
 							children: /* @__PURE__ */ l("div", {
@@ -556,8 +567,8 @@ function u() {
 									children: [/* @__PURE__ */ c("input", {
 										"aria-label": "control",
 										type: "checkbox",
-										checked: x.has(e.id),
-										onChange: () => bn(e.id),
+										checked: b.has(e.id),
+										onChange: () => Sn(e.id),
 										className: "rounded border-border-default mt-1"
 									}), /* @__PURE__ */ l("div", {
 										className: "flex min-w-0 flex-1 flex-wrap items-start gap-2",
@@ -568,7 +579,7 @@ function u() {
 											}),
 											/* @__PURE__ */ c("span", {
 												className: `inline-flex items-center px-2 py-0.5 text-xs font-semibold rounded ${Qe[e.status]}`,
-												children: E(`targets.status.${e.status}`, Xe[e.status].label)
+												children: T(`targets.status.${e.status}`, Xe[e.status].label)
 											}),
 											/* @__PURE__ */ l("div", {
 												className: "min-w-0 basis-full",
@@ -586,7 +597,7 @@ function u() {
 															}),
 															t && /* @__PURE__ */ l("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(Ae, { size: 10 }), E("targets.agentInstalled", "Agent Installed")]
+																children: [/* @__PURE__ */ c(Ae, { size: 10 }), T("targets.agentInstalled", "Agent Installed")]
 															})
 														]
 													}),
@@ -602,7 +613,7 @@ function u() {
 														}), e.agents.length > 0 && /* @__PURE__ */ l("span", {
 															className: "text-text-tertiary",
 															children: [
-																E("targets.via", "via"),
+																T("targets.via", "via"),
 																" ",
 																e.agents[0].name
 															]
@@ -625,45 +636,49 @@ function u() {
 										/* @__PURE__ */ c("button", {
 											type: "button",
 											onClick: () => void un(e.id),
-											title: E("targets.testConnectivity", "Test connectivity"),
+											title: T("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: E("targets.test", "Test")
+											children: T("targets.test", "Test")
 										}),
 										/* @__PURE__ */ c("button", {
 											type: "button",
-											onClick: () => void dn(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: E("targets.terminal", "Terminal")
+											onClick: () => void pn(e.id),
+											disabled: dn.has(e.id),
+											title: T("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 disabled:opacity-60 disabled:cursor-not-allowed",
+											children: dn.has(e.id) ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(Pe, {
+												size: 12,
+												className: "animate-spin"
+											}), T("targets.starting", "Starting…")] }) : T("targets.terminal", "Terminal")
 										}),
 										/* @__PURE__ */ l("button", {
 											type: "button",
-											onClick: () => gn(e),
+											onClick: () => vn(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(Fe, { size: 14 }), "Edit"]
 										}),
 										e.type !== "DIRECT" && !t && /* @__PURE__ */ c("button", {
 											type: "button",
-											onClick: () => void mn(e),
-											title: E("targets.installAgent", "Install agent"),
+											onClick: () => void gn(e),
+											title: T("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: E("targets.installAgent", "Install Agent")
+											children: T("targets.installAgent", "Install Agent")
 										}),
 										e.type !== "DIRECT" && t && /* @__PURE__ */ c("button", {
 											type: "button",
-											onClick: () => void hn(e),
-											title: E("targets.uninstallAgent", "Uninstall agent"),
+											onClick: () => void _n(e),
+											title: T("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: E("targets.uninstall", "Uninstall")
+											children: T("targets.uninstall", "Uninstall")
 										}),
 										/* @__PURE__ */ c("div", { className: "hidden flex-1 sm:block" }),
 										/* @__PURE__ */ l("button", {
 											type: "button",
-											onClick: () => b(e.id),
-											title: E("targets.deleteTarget", "Delete target"),
+											onClick: () => y(e.id),
+											title: T("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 }), E("common.delete", "Delete")]
+											children: [/* @__PURE__ */ c(o, { size: 14 }), T("common.delete", "Delete")]
 										})
 									]
 								})]
@@ -673,28 +688,28 @@ function u() {
 				}, "list-view")
 			}) : /* @__PURE__ */ c(ve, {
 				icon: /* @__PURE__ */ c(Re, { className: "size-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."),
+				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", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ l("button", {
 						type: "button",
-						onClick: () => v(!0),
+						onClick: () => _(!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(Ie, { className: "size-4" }), E("targets.addTarget", "Add Target")]
+						children: [/* @__PURE__ */ c(Ie, { className: "size-4" }), T("targets.addTarget", "Add Target")]
 					}), /* @__PURE__ */ c(Se, { prompt: "What is a Target in VibeControls and how do I create one?" })]
 				})
 			}),
-			lt && /* @__PURE__ */ l("div", {
+			ut && /* @__PURE__ */ l("div", {
 				className: "fixed inset-0 z-50 flex items-start justify-center pt-16 overflow-y-auto",
 				children: [/* @__PURE__ */ c("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(!1));
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _(!1));
 					},
 					className: "fixed inset-0 bg-bg-overlay backdrop-blur-sm",
-					onClick: () => v(!1)
+					onClick: () => _(!1)
 				}), /* @__PURE__ */ l("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(),
@@ -703,10 +718,10 @@ function u() {
 							className: "flex items-start justify-between gap-3",
 							children: [/* @__PURE__ */ c("h2", {
 								className: "text-lg font-semibold",
-								children: E("targets.addTarget", "Add Target")
+								children: T("targets.addTarget", "Add Target")
 							}), /* @__PURE__ */ c("button", {
 								type: "button",
-								onClick: () => v(!1),
+								onClick: () => _(!1),
 								className: "p-1 rounded-lg hover:bg-bg-sunken transition-colors",
 								children: /* @__PURE__ */ c(o, { size: 18 })
 							})]
@@ -717,7 +732,7 @@ function u() {
 								/* @__PURE__ */ l("div", { children: [
 									/* @__PURE__ */ c("label", {
 										className: "text-sm font-medium block mb-1.5",
-										children: E("targets.targetType", "Target Type")
+										children: T("targets.targetType", "Target Type")
 									}),
 									/* @__PURE__ */ c("div", {
 										className: "grid grid-cols-2 gap-2",
@@ -730,34 +745,34 @@ function u() {
 									}),
 									/* @__PURE__ */ c("p", {
 										className: "text-xs text-text-tertiary mt-1",
-										children: z === "DIRECT" ? E("targets.targetTypeDirectHint", "A local machine where you will install the agent manually.") : E("targets.targetTypeSshHint", "A remote server accessible via SSH.")
+										children: z === "DIRECT" ? T("targets.targetTypeDirectHint", "A local machine where you will install the agent manually.") : T("targets.targetTypeSshHint", "A remote server accessible via SSH.")
 									})
 								] }),
 								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 									className: "text-sm font-medium",
-									children: E("webhooks.name", "Name")
+									children: T("webhooks.name", "Name")
 								}), /* @__PURE__ */ c("input", {
 									"aria-label": "control",
 									value: B,
 									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: z === "DIRECT" ? E("targets.namePlaceholderDirect", "My Laptop") : E("targets.namePlaceholderServer", "Production Server")
+									placeholder: z === "DIRECT" ? T("targets.namePlaceholderDirect", "My Laptop") : T("targets.namePlaceholderServer", "Production Server")
 								})] }),
 								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 									className: "text-sm font-medium",
-									children: E("targets.descriptionOptional", "Description (optional)")
+									children: T("targets.descriptionOptional", "Description (optional)")
 								}), /* @__PURE__ */ c("input", {
 									"aria-label": "control",
 									value: V,
 									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: E("targets.descriptionPlaceholder", "Brief description of this target")
+									placeholder: T("targets.descriptionPlaceholder", "Brief description of this target")
 								})] }),
 								z !== "DIRECT" && /* @__PURE__ */ l(s, { children: [
 									/* @__PURE__ */ l("div", { children: [
 										/* @__PURE__ */ c("label", {
 											className: "text-sm font-medium",
-											children: E("targets.sourceAgent", "Source Agent")
+											children: T("targets.sourceAgent", "Source Agent")
 										}),
 										/* @__PURE__ */ l("select", {
 											value: H,
@@ -765,7 +780,7 @@ function u() {
 											className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm",
 											children: [/* @__PURE__ */ c("option", {
 												value: "",
-												children: E("targets.selectAgentConnectFrom", "Select an agent to connect from")
+												children: T("targets.selectAgentConnectFrom", "Select an agent to connect from")
 											}), Z.map((e) => /* @__PURE__ */ c("option", {
 												value: e.id,
 												children: e.name
@@ -774,11 +789,11 @@ function u() {
 										/* @__PURE__ */ l("p", {
 											className: "text-xs text-text-tertiary mt-0.5",
 											children: [
-												E("targets.agentConnectionHintPrefix", "The agent that will establish the"),
+												T("targets.agentConnectionHintPrefix", "The agent that will establish the"),
 												" ",
 												z,
 												" ",
-												E("targets.agentConnectionHintSuffix", "connection to this target.")
+												T("targets.agentConnectionHintSuffix", "connection to this target.")
 											]
 										})
 									] }),
@@ -786,16 +801,16 @@ function u() {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
 										children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 											className: "text-sm font-medium",
-											children: E("targets.host", "Host")
+											children: T("targets.host", "Host")
 										}), /* @__PURE__ */ c("input", {
 											"aria-label": "control",
 											value: U,
 											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: E("targets.hostPlaceholder", "192.168.1.100")
+											placeholder: T("targets.hostPlaceholder", "192.168.1.100")
 										})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 											className: "text-sm font-medium",
-											children: E("tunnels.port", "Port")
+											children: T("tunnels.port", "Port")
 										}), /* @__PURE__ */ c("input", {
 											"aria-label": "control",
 											type: "number",
@@ -806,17 +821,17 @@ function u() {
 									}),
 									/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 										className: "text-sm font-medium",
-										children: E("targets.username", "Username")
+										children: T("targets.username", "Username")
 									}), /* @__PURE__ */ c("input", {
 										"aria-label": "control",
 										value: W,
 										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: E("targets.usernamePlaceholder", "root")
+										placeholder: T("targets.usernamePlaceholder", "root")
 									})] }),
 									z === "SSH" && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 										className: "text-sm font-medium",
-										children: E("targets.authentication", "Authentication")
+										children: T("targets.authentication", "Authentication")
 									}), /* @__PURE__ */ l("div", {
 										className: "flex gap-4 mt-1",
 										children: [/* @__PURE__ */ l("label", {
@@ -826,7 +841,7 @@ function u() {
 												type: "radio",
 												checked: G === "password",
 												onChange: () => zt("password")
-											}), E("targets.password", "Password")]
+											}), T("targets.password", "Password")]
 										}), /* @__PURE__ */ l("label", {
 											className: "flex items-center gap-2 cursor-pointer text-sm",
 											children: [/* @__PURE__ */ c("input", {
@@ -834,11 +849,11 @@ function u() {
 												type: "radio",
 												checked: G === "key",
 												onChange: () => zt("key")
-											}), E("targets.privateKey", "Private Key")]
+											}), T("targets.privateKey", "Private Key")]
 										})]
 									})] }), G === "password" ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 										className: "text-sm font-medium",
-										children: E("targets.password", "Password")
+										children: T("targets.password", "Password")
 									}), /* @__PURE__ */ c("input", {
 										"aria-label": "control",
 										type: "password",
@@ -847,34 +862,34 @@ function u() {
 										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: E("targets.privateKeyPath", "Private Key Path")
+										children: T("targets.privateKeyPath", "Private Key Path")
 									}), /* @__PURE__ */ c("input", {
 										"aria-label": "control",
 										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: E("targets.privateKeyPathPlaceholder", "~/.ssh/id_rsa")
+										placeholder: T("targets.privateKeyPathPlaceholder", "~/.ssh/id_rsa")
 									})] })] })
 								] }),
 								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 									className: "text-sm font-medium",
-									children: E("targets.labelOptional", "Label (optional)")
+									children: T("targets.labelOptional", "Label (optional)")
 								}), /* @__PURE__ */ c("input", {
 									"aria-label": "control",
 									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: E("targets.labelPlaceholder", "web-server-01")
+									placeholder: T("targets.labelPlaceholder", "web-server-01")
 								})] }),
 								/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 									className: "text-sm font-medium",
-									children: E("targets.tagsCommaSeparated", "Tags (comma-separated)")
+									children: T("targets.tagsCommaSeparated", "Tags (comma-separated)")
 								}), /* @__PURE__ */ c("input", {
 									"aria-label": "control",
 									value: K,
 									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: E("targets.tagsPlaceholder", "production, web")
+									placeholder: T("targets.tagsPlaceholder", "production, web")
 								})] })
 							]
 						}),
@@ -882,7 +897,7 @@ function u() {
 							className: "border-t border-border-default pt-3",
 							children: [/* @__PURE__ */ c("h3", {
 								className: "text-sm font-medium text-text-secondary mb-2",
-								children: E("targets.tags", "Tags")
+								children: T("targets.tags", "Tags")
 							}), /* @__PURE__ */ c(me, {
 								entityType: "VIBECONTROLS_TARGET",
 								onDraftChange: Zt
@@ -892,29 +907,29 @@ function u() {
 							className: "flex justify-end gap-2 pt-2 border-t border-border-default",
 							children: [/* @__PURE__ */ c("button", {
 								type: "button",
-								onClick: () => v(!1),
+								onClick: () => _(!1),
 								className: "px-4 py-2 text-sm rounded-md border border-border-default hover:bg-bg-sunken transition-colors",
-								children: E("common.cancel", "Cancel")
+								children: T("common.cancel", "Cancel")
 							}), /* @__PURE__ */ c("button", {
 								type: "button",
 								onClick: () => void ln(),
 								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: E("targets.addTarget", "Add Target")
+								children: T("targets.addTarget", "Add Target")
 							})]
 						})
 					]
 				})]
 			}),
-			A && /* @__PURE__ */ l("div", {
+			O && /* @__PURE__ */ l("div", {
 				className: "fixed inset-0 z-50 flex items-start justify-center pt-16 overflow-y-auto",
 				children: [/* @__PURE__ */ c("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), !M && j(null));
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), !A && k(null));
 					},
 					className: "fixed inset-0 bg-bg-overlay backdrop-blur-sm",
-					onClick: () => !M && j(null)
+					onClick: () => !A && k(null)
 				}), /* @__PURE__ */ l("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(),
@@ -926,18 +941,18 @@ function u() {
 								children: "Edit Target"
 							}), /* @__PURE__ */ c("p", {
 								className: "text-sm text-text-secondary mt-0.5",
-								children: A.name
+								children: O.name
 							})] }), /* @__PURE__ */ c("button", {
 								type: "button",
-								onClick: () => j(null),
-								disabled: M,
+								onClick: () => k(null),
+								disabled: A,
 								className: "p-1 rounded-lg hover:bg-bg-sunken transition-colors disabled:opacity-50",
 								children: /* @__PURE__ */ c(o, { size: 18 })
 							})]
 						}),
-						_t && /* @__PURE__ */ c("div", {
+						yt && /* @__PURE__ */ c("div", {
 							className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
-							children: _t
+							children: yt
 						}),
 						/* @__PURE__ */ l("div", {
 							className: "space-y-4",
@@ -949,8 +964,8 @@ function u() {
 								}), /* @__PURE__ */ c("input", {
 									id: "targetspage-67",
 									"aria-label": "Production Server",
-									value: P,
-									onChange: (e) => vt(e.target.value),
+									value: M,
+									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: "Production Server"
 								})] }),
@@ -961,12 +976,12 @@ function u() {
 								}), /* @__PURE__ */ c("input", {
 									id: "targetspage-66",
 									"aria-label": "web-server-01",
-									value: yt,
-									onChange: (e) => bt(e.target.value),
+									value: N,
+									onChange: (e) => xt(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"
 								})] }),
-								A.type !== "DIRECT" && /* @__PURE__ */ l(s, { children: [
+								O.type !== "DIRECT" && /* @__PURE__ */ l(s, { children: [
 									/* @__PURE__ */ l("div", {
 										className: "grid grid-cols-2 gap-3",
 										children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
@@ -976,8 +991,8 @@ function u() {
 										}), /* @__PURE__ */ c("input", {
 											id: "targetspage-65",
 											"aria-label": "192.168.1.100",
-											value: xt,
-											onChange: (e) => St(e.target.value),
+											value: St,
+											onChange: (e) => Ct(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", {
@@ -988,8 +1003,8 @@ function u() {
 											id: "targetspage-64",
 											"aria-label": "control",
 											type: "number",
-											value: Ct,
-											onChange: (e) => wt(Number(e.target.value)),
+											value: wt,
+											onChange: (e) => Tt(Number(e.target.value)),
 											className: "w-full mt-1 px-3 py-2 rounded-lg border border-border-default bg-bg-elevated text-sm"
 										})] })]
 									}),
@@ -1000,12 +1015,12 @@ function u() {
 									}), /* @__PURE__ */ c("input", {
 										id: "targetspage-63",
 										"aria-label": "root",
-										value: Tt,
+										value: P,
 										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"
 									})] }),
-									A.type === "SSH" && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", { children: [
+									O.type === "SSH" && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", { children: [
 										/* @__PURE__ */ c("label", {
 											htmlFor: "targetspage-62",
 											className: "text-sm font-medium",
@@ -1079,40 +1094,40 @@ function u() {
 							className: "flex justify-end gap-2 pt-2 border-t border-border-default",
 							children: [/* @__PURE__ */ c("button", {
 								type: "button",
-								onClick: () => j(null),
-								disabled: M,
+								onClick: () => k(null),
+								disabled: A,
 								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", {
 								type: "button",
-								onClick: () => void _n(),
-								disabled: M,
+								onClick: () => void yn(),
+								disabled: A,
 								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: M ? "Saving..." : "Save Changes"
+								children: A ? "Saving..." : "Save Changes"
 							})]
 						})
 					]
 				})]
 			}),
 			/* @__PURE__ */ c(e, {
-				isOpen: !!y,
-				onClose: () => b(null),
-				onConfirm: () => void fn(),
-				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"),
+				isOpen: !!v,
+				onClose: () => y(null),
+				onConfirm: () => void mn(),
+				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"),
 				variant: "danger"
 			}),
 			/* @__PURE__ */ c(e, {
-				isOpen: ut,
-				onClose: () => dt(!1),
-				onConfirm: () => void pn(),
-				title: E("targets.deleteSelectedTargets", "Delete Selected Targets"),
-				message: `${E("targets.confirmDeleteSelectedPrefix", "Are you sure you want to delete")} ${x.size} ${E("nav.targets", "target")}${x.size === 1 ? "" : "s"}? ${E("targets.confirmDeleteSelectedSuffix", "This action cannot be undone.")}`,
-				confirmLabel: E("targets.deleteAll", "Delete All"),
+				isOpen: dt,
+				onClose: () => ft(!1),
+				onConfirm: () => void hn(),
+				title: T("targets.deleteSelectedTargets", "Delete Selected Targets"),
+				message: `${T("targets.confirmDeleteSelectedPrefix", "Are you sure you want to delete")} ${b.size} ${T("nav.targets", "target")}${b.size === 1 ? "" : "s"}? ${T("targets.confirmDeleteSelectedSuffix", "This action cannot be undone.")}`,
+				confirmLabel: T("targets.deleteAll", "Delete All"),
 				variant: "danger"
 			}),
-			D && /* @__PURE__ */ c("div", {
+			E && /* @__PURE__ */ c("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50",
 				children: /* @__PURE__ */ l("div", {
 					className: "bg-bg-elevated rounded-xl shadow-xl max-w-md w-full mx-4 p-6",
@@ -1122,20 +1137,20 @@ function u() {
 							children: [/* @__PURE__ */ l("h2", {
 								className: "text-lg font-semibold break-words",
 								children: [
-									E("targets.installingAgentOn", "Installing Agent on"),
+									T("targets.installingAgentOn", "Installing Agent on"),
 									" ",
-									D.name
+									E.name
 								]
-							}), O?.status !== "running" && /* @__PURE__ */ c("button", {
+							}), D?.status !== "running" && /* @__PURE__ */ c("button", {
 								type: "button",
-								onClick: vn,
+								onClick: bn,
 								className: "p-1 rounded hover:bg-bg-sunken",
 								children: /* @__PURE__ */ c(o, { size: 16 })
 							})]
 						}),
 						/* @__PURE__ */ c("div", {
 							className: "space-y-2 mt-4",
-							children: O && O.steps ? O.steps.map((e, t) => /* @__PURE__ */ l("div", {
+							children: D && D.steps ? D.steps.map((e, t) => /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-3",
 								children: [
 									e.status === "running" && /* @__PURE__ */ c(Pe, {
@@ -1157,7 +1172,7 @@ function u() {
 									e.status === "pending" && /* @__PURE__ */ c("div", { className: "size-4 rounded-full border-2 border-border-default" }),
 									/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("div", {
 										className: "text-sm font-medium",
-										children: E(`targets.installStep.${e.name}`, Ye[e.name] ?? e.name)
+										children: T(`targets.installStep.${e.name}`, Ye[e.name] ?? e.name)
 									}), e.message && /* @__PURE__ */ c("div", {
 										className: "text-xs text-text-tertiary",
 										children: e.message
@@ -1170,33 +1185,33 @@ function u() {
 									size: 16
 								}), /* @__PURE__ */ c("span", {
 									className: "text-sm",
-									children: E("targets.startingInstallJob", "Starting install job...")
+									children: T("targets.startingInstallJob", "Starting install job...")
 								})]
 							})
 						}),
-						O?.status === "completed" && /* @__PURE__ */ c("div", {
+						D?.status === "completed" && /* @__PURE__ */ c("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: E("targets.agentInstalledSuccess", "Agent installed successfully!")
+							children: T("targets.agentInstalledSuccess", "Agent installed successfully!")
 						}),
-						O?.status === "failed" && /* @__PURE__ */ c("div", {
+						D?.status === "failed" && /* @__PURE__ */ c("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: O.error ?? E("targets.installationFailed", "Installation failed.")
+							children: D.error ?? T("targets.installationFailed", "Installation failed.")
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							onClick: vn,
-							disabled: O?.status === "running",
+							onClick: bn,
+							disabled: D?.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: !O || O.status === "running" ? E("targets.installing", "Installing...") : E("common.close", "Close")
+							children: !D || D.status === "running" ? T("targets.installing", "Installing...") : T("common.close", "Close")
 						})
 					]
 				})
 			}),
 			/* @__PURE__ */ c(e, {
-				isOpen: ft,
-				onClose: () => T(!1),
+				isOpen: pt,
+				onClose: () => w(!1),
 				onConfirm: () => {
-					T(!1), f("/billing");
+					w(!1), d("/billing");
 				},
 				title: t("environment").title,
 				message: t("environment").message,
@@ -1220,6 +1235,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as TargetsPage };
+export { et as TargetsPage };
 
 //# sourceMappingURL=TargetsPage.js.map