@burdenoff/microfe-vibecontrols 2026.625.2 → 2026.625.3

package/dist/pages/TargetsPage.js

@@ -119,7 +119,7 @@ function lt({ legend: e, name: t, value: n, onChange: r, passwordLabel: ee, keyL
 	] });
 }
 function g() {
-	let m = ne(), { workspaceId: g } = se(), _ = ce(), { hasPermission: ut, isLoading: dt } = Ge(), [ft] = We(), v = ft.get("selectedTargetId"), pt = Ae(), [y, mt] = l(""), [b, ht] = l(null), [x, gt] = l("all"), [S, _t] = l("all"), [C, vt] = l("grid"), [yt, w] = l(!1), [T, E] = l(null), [bt, xt] = l(!1), [D, O] = l(/* @__PURE__ */ new Set()), [St, k] = l(null), [A, Ct] = l(null), [j, wt] = l(null), [Tt, Et] = l(null), [M, N] = l(null), [P, Dt] = l(!1), [Ot, F] = l(null), [kt, At] = l(""), [jt, Mt] = l(""), [Nt, Pt] = l(""), [Ft, It] = l(22), [Lt, Rt] = l(""), [I, zt] = l("key"), [L, Bt] = l(""), [R, Vt] = l(""), [z, Ht] = l(""), [B, Ut] = l("DIRECT"), [V, Wt] = l(""), [H, Gt] = l(""), [U, Kt] = l(""), [W, qt] = l(""), [Jt, Yt] = l(22), [G, Xt] = l(""), [K, Zt] = l("key"), [Qt, $t] = l(""), [en, tn] = l(""), [nn, rn] = l(""), [q, an] = l(""), { data: on, loading: J, refetch: Y } = ee({
+	let m = ne(), { workspaceId: g } = se(), _ = ce(), { hasPermission: ut, isLoading: dt } = Ge(), [ft] = We(), v = ft.get("selectedTargetId"), pt = Ae(), [y, mt] = l(""), [b, ht] = l(null), [x, gt] = l("all"), [S, _t] = l("all"), [C, vt] = l("grid"), [yt, w] = l(!1), [T, E] = l(null), [bt, xt] = l(!1), [D, O] = l(/* @__PURE__ */ new Set()), [St, k] = l(null), [A, Ct] = l(null), [j, wt] = l(null), [Tt, Et] = l(null), [M, N] = l(null), [P, Dt] = l(!1), [Ot, F] = l(null), [kt, At] = l(""), [jt, Mt] = l(""), [Nt, Pt] = l(""), [Ft, It] = l(22), [Lt, Rt] = l(""), [I, zt] = l("key"), [Bt, Vt] = l(""), [L, Ht] = l(""), [R, Ut] = l(""), [z, Wt] = l("DIRECT"), [B, Gt] = l(""), [V, Kt] = l(""), [H, qt] = l(""), [U, Jt] = l(""), [Yt, Xt] = l(22), [W, Zt] = l(""), [G, Qt] = l("key"), [$t, en] = l(""), [tn, nn] = l(""), [rn, an] = l(""), [K, on] = l(""), { data: sn, loading: q, refetch: J } = ee({
 		variables: {
 			workspaceId: g || "",
 			limit: 50,
@@ -127,10 +127,10 @@ function g() {
 		},
 		skip: !g,
 		fetchPolicy: "cache-first"
-	}), { agents: sn, refetch: X } = le(), [cn] = e({
+	}), { agents: cn, refetch: Y } = le(), [ln] = e({
 		refetchQueries: ["VibeControlsInitialData", "ListTargets"],
 		awaitRefetchQueries: !0
-	}), { setDraftTagIds: ln, flushTags: un } = me("VIBECONTROLS_TARGET"), [dn] = o(), [fn] = a(), [pn] = i(), [mn] = t(), [hn] = r(), [gn] = te(), [_n] = n({ fetchPolicy: "network-only" }), Z = c(() => (on?.targets?.items ?? []).map((e) => ({
+	}), { setDraftTagIds: un, flushTags: dn } = me("VIBECONTROLS_TARGET"), [fn] = o(), [pn] = a(), [mn] = i(), [hn] = t(), [gn] = r(), [_n] = te(), [vn] = n({ fetchPolicy: "network-only" }), X = c(() => (sn?.targets?.items ?? []).map((e) => ({
 		id: e.id,
 		type: e.type || "DIRECT",
 		name: e.name,
@@ -149,28 +149,28 @@ function g() {
 			version: e.version,
 			isActive: e.isActive
 		}))
-	})), [on]), Q = c(() => sn.map((e) => ({
+	})), [sn]), Z = c(() => cn.map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive,
 		tunnelUrl: e.tunnelUrl ?? null,
 		agentApiKey: null
-	})), [sn]), $ = c(() => {
-		let e = Z;
+	})), [cn]), Q = c(() => {
+		let e = X;
 		if (y) {
 			let t = y.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.host?.toLowerCase().includes(t) || e.label?.toLowerCase().includes(t));
 		}
 		return b && (e = e.filter((e) => e.agents.some((e) => e.id === b))), x !== "all" && (e = e.filter((e) => e.type === x)), S !== "all" && (e = e.filter((e) => e.status === S)), e;
 	}, [
-		Z,
+		X,
 		y,
 		b,
 		x,
 		S
 	]);
 	ke(() => {
-		if (!v || !$.find((e) => e.id === v)) return;
+		if (!v || !Q.find((e) => e.id === v)) return;
 		let e = window.setTimeout(() => {
 			document.getElementById(`target-row-${v}`)?.scrollIntoView({
 				behavior: "smooth",
@@ -178,12 +178,12 @@ function g() {
 			});
 		}, 150);
 		return () => window.clearTimeout(e);
-	}, [$, v]);
-	let vn = Z.filter((e) => e.status === "connected").length, yn = $.length > 0 && $.every((e) => D.has(e.id)), bn = D.size > 0;
+	}, [Q, v]);
+	let yn = X.filter((e) => e.status === "connected").length, bn = Q.length > 0 && Q.every((e) => D.has(e.id)), xn = D.size > 0;
 	ke(() => {
 		if (!Tt || !A) return;
 		let e = !1, t = () => {
-			_n({ variables: {
+			vn({ variables: {
 				targetId: A.id,
 				jobId: Tt
 			} }).then((t) => {
@@ -196,7 +196,7 @@ function g() {
 					steps: n.steps ?? [],
 					result: n.result ?? void 0,
 					error: n.error ?? void 0
-				}), (n.status === "completed" || n.status === "failed") && n.status === "completed" && (Y(), X()));
+				}), (n.status === "completed" || n.status === "failed") && n.status === "completed" && (J(), Y()));
 			}).catch(() => {});
 		};
 		t();
@@ -207,26 +207,26 @@ function g() {
 	}, [
 		Tt,
 		A,
-		_n,
-		X,
-		Y
+		vn,
+		Y,
+		J
 	]);
-	let xn = s(async () => {
-		if (!(!V || !g) && !(B !== "DIRECT" && (!U || !W || !G))) try {
-			let e = await cn({ variables: {
+	let Sn = s(async () => {
+		if (!(!B || !g) && !(z !== "DIRECT" && (!H || !U || !W))) try {
+			let e = await ln({ variables: {
 				workspaceId: g,
 				input: {
-					type: B,
-					name: V,
-					sourceAgentId: B === "DIRECT" ? void 0 : U,
-					host: B === "DIRECT" ? void 0 : W,
-					port: B === "DIRECT" ? void 0 : Jt,
-					username: B === "DIRECT" ? void 0 : G,
-					password: B === "SSH" && K === "password" ? Qt : void 0,
-					privateKeyPath: B === "SSH" && K === "key" ? en : void 0,
-					label: nn || void 0,
-					tags: q ? q.split(",").map((e) => e.trim()) : void 0,
-					metadata: H ? { description: H } : void 0
+					type: z,
+					name: B,
+					sourceAgentId: z === "DIRECT" ? void 0 : H,
+					host: z === "DIRECT" ? void 0 : U,
+					port: z === "DIRECT" ? void 0 : Yt,
+					username: z === "DIRECT" ? void 0 : W,
+					password: z === "SSH" && G === "password" ? $t : void 0,
+					privateKeyPath: z === "SSH" && G === "key" ? tn : void 0,
+					label: rn || void 0,
+					tags: K ? K.split(",").map((e) => e.trim()) : void 0,
+					metadata: V ? { description: V } : void 0
 				}
 			} });
 			if (e.error) {
@@ -238,7 +238,7 @@ function g() {
 				return;
 			}
 			let t = e.data?.createTarget?.id;
-			w(!1), Wt(""), qt(""), Xt(""), $t(""), tn(""), rn(""), an(""), t && await un(t), Y(), X();
+			w(!1), Gt(""), Jt(""), Zt(""), en(""), nn(""), an(""), on(""), t && await dn(t), J(), Y();
 		} catch (e) {
 			if (ae(e)) {
 				w(!1), oe(), k("target");
@@ -247,39 +247,39 @@ function g() {
 			De.error(m("targets.createFailed", "Failed to create target"), e instanceof Error ? e.message : void 0);
 		}
 	}, [
-		V,
+		B,
+		H,
 		U,
+		Yt,
 		W,
-		Jt,
 		G,
+		$t,
+		tn,
+		rn,
 		K,
-		Qt,
-		en,
-		nn,
-		q,
-		H,
-		B,
+		V,
+		z,
 		g,
-		cn,
-		un,
-		X,
+		ln,
+		dn,
 		Y,
+		J,
 		m
-	]), Sn = s(async (e) => {
-		let t = (await fn({ variables: { id: e } })).data?.testTarget;
-		t && (t.success ? De.success(m("targets.connectionSuccessful", "Connection successful"), t.message || void 0) : De.error(m("targets.connectionFailed", "Connection failed"), t.message || void 0), Y(), X());
+	]), Cn = s(async (e) => {
+		let t = (await pn({ variables: { id: e } })).data?.testTarget;
+		t && (t.success ? De.success(m("targets.connectionSuccessful", "Connection successful"), t.message || void 0) : De.error(m("targets.connectionFailed", "Connection failed"), t.message || void 0), J(), Y());
 	}, [
-		fn,
-		X,
+		pn,
 		Y,
+		J,
 		m
-	]), [Cn, wn] = l(/* @__PURE__ */ new Set()), Tn = s(async (e) => {
-		wn((t) => {
+	]), [wn, Tn] = l(/* @__PURE__ */ new Set()), En = s(async (e) => {
+		Tn((t) => {
 			let n = new Set(t);
 			return n.add(e), n;
 		});
 		try {
-			let t = await pn({ variables: { targetId: e } });
+			let t = await mn({ variables: { targetId: e } });
 			if (t.error && ae(t.error)) {
 				oe(), k("environment");
 				return;
@@ -293,55 +293,55 @@ function g() {
 			}
 			throw e;
 		} finally {
-			wn((t) => {
+			Tn((t) => {
 				if (!t.has(e)) return t;
 				let n = new Set(t);
 				return n.delete(e), n;
 			});
 		}
-	}, [pn, _]), En = s(async () => {
+	}, [mn, _]), Dn = s(async () => {
 		if (T) {
 			try {
-				await mn({ variables: { id: T } }), Ce() && we("success");
+				await hn({ variables: { id: T } }), Ce() && we("success");
 			} catch (e) {
 				throw Ce() && we("error"), e;
 			}
 			E(null), O((e) => {
 				let t = new Set(e);
 				return t.delete(T), t;
-			}), Y(), X();
+			}), J(), Y();
 		}
 	}, [
 		T,
-		mn,
-		X,
-		Y
-	]), Dn = s(async () => {
+		hn,
+		Y,
+		J
+	]), On = s(async () => {
 		let e = Array.from(D);
-		await Promise.all(e.map((e) => mn({ variables: { id: e } }))), O(/* @__PURE__ */ new Set()), xt(!1), Y(), X();
+		await Promise.all(e.map((e) => hn({ variables: { id: e } }))), O(/* @__PURE__ */ new Set()), xt(!1), J(), Y();
 	}, [
 		D,
-		mn,
-		X,
-		Y
-	]), On = s(async (e) => {
+		hn,
+		Y,
+		J
+	]), kn = s(async (e) => {
 		Ct(e), wt(null), Et(null);
-		let t = Q.find((e) => e.isActive);
+		let t = Z.find((e) => e.isActive);
 		if (!t) return;
-		let n = (await hn({ variables: {
+		let n = (await gn({ variables: {
 			targetId: e.id,
 			sourceAgentId: t.id
 		} })).data?.installAgentOnTarget;
 		n?.jobId && Et(n.jobId);
-	}, [hn, Q]), kn = s(async (e) => {
-		await gn({ variables: { targetId: e.id } }), Y(), X();
+	}, [gn, Z]), An = s(async (e) => {
+		await _n({ variables: { targetId: e.id } }), J(), Y();
 	}, [
-		gn,
-		X,
-		Y
-	]), An = s((e) => {
-		N(e), At(e.name), Mt(e.label ?? ""), Pt(e.host ?? ""), It(e.port ?? 22), Rt(e.username ?? ""), zt("key"), Bt(""), Vt(""), Ht(e.tags.join(", ")), F(null);
-	}, []), jn = s(async () => {
+		_n,
+		Y,
+		J
+	]), jn = s((e) => {
+		N(e), At(e.name), Mt(e.label ?? ""), Pt(e.host ?? ""), It(e.port ?? 22), Rt(e.username ?? ""), zt("key"), Vt(""), Ht(""), Ut(e.tags.join(", ")), F(null);
+	}, []), Mn = s(async () => {
 		if (M) {
 			if (!kt.trim()) {
 				F("Name is required");
@@ -349,7 +349,7 @@ function g() {
 			}
 			Dt(!0), F(null);
 			try {
-				let e = await dn({ variables: {
+				let e = await fn({ variables: {
 					id: M.id,
 					input: {
 						name: kt.trim(),
@@ -357,16 +357,16 @@ function g() {
 						host: Nt.trim() || void 0,
 						port: Ft || void 0,
 						username: Lt.trim() || void 0,
-						password: M.type === "SSH" && I === "password" && L ? L : void 0,
-						privateKeyPath: M.type === "SSH" && I === "key" && R ? R : void 0,
-						tags: z ? z.split(",").map((e) => e.trim()).filter(Boolean) : []
+						password: M.type === "SSH" && I === "password" && Bt ? Bt : void 0,
+						privateKeyPath: M.type === "SSH" && I === "key" && L ? L : void 0,
+						tags: R ? R.split(",").map((e) => e.trim()).filter(Boolean) : []
 					}
 				} });
 				if (e.error) {
 					F(e.error.message || "Failed to update target");
 					return;
 				}
-				N(null), Y(), X();
+				N(null), J(), Y();
 			} catch (e) {
 				F(e instanceof Error ? e.message : "Failed to update target");
 			} finally {
@@ -381,31 +381,31 @@ function g() {
 		Ft,
 		Lt,
 		I,
+		Bt,
 		L,
 		R,
-		z,
-		dn,
-		X,
-		Y
-	]), Mn = s(() => {
+		fn,
+		Y,
+		J
+	]), Nn = s(() => {
 		Ct(null), wt(null), Et(null);
-	}, []), Nn = s(() => {
-		O(yn ? (e) => {
+	}, []), Pn = s(() => {
+		O(bn ? (e) => {
 			let t = new Set(e);
-			return $.forEach((e) => t.delete(e.id)), t;
+			return Q.forEach((e) => t.delete(e.id)), t;
 		} : (e) => {
 			let t = new Set(e);
-			return $.forEach((e) => t.add(e.id)), t;
+			return Q.forEach((e) => t.add(e.id)), t;
 		});
-	}, [yn, $]), Pn = s((e) => {
+	}, [bn, Q]), Fn = s((e) => {
 		O((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Fn = {
-		total: Z.length,
-		connected: vn
-	}, In = c(() => [
+	}, []), In = {
+		total: X.length,
+		connected: yn
+	}, Ln = c(() => [
 		{
 			value: "all",
 			label: m("targets.filterTypeAll", "All Types")
@@ -418,7 +418,7 @@ function g() {
 			value: "SSH",
 			label: "SSH"
 		}
-	], [m]), Ln = c(() => [
+	], [m]), Rn = c(() => [
 		{
 			value: "all",
 			label: m("targets.filterStatusAll", "All Statuses")
@@ -435,15 +435,15 @@ function g() {
 			value: "unknown",
 			label: m("targets.unknown", "Unknown")
 		}
-	], [m]), Rn = y || b || x !== "all" || S !== "all", zn = `${m("targets.agentConnectionHintPrefix", "The agent that will establish the")} ${B} ${m("targets.agentConnectionHintSuffix", "connection to this target.")}`, Bn = Se({ hint: zn }), Vn = `${pt}-add-type-label`;
+	], [m]), $ = y || b || x !== "all" || S !== "all", zn = `${m("targets.agentConnectionHintPrefix", "The agent that will establish the")} ${z} ${m("targets.agentConnectionHintSuffix", "connection to this target.")}`, Bn = Se({ hint: zn }), Vn = `${pt}-add-type-label`;
 	return dt ? /* @__PURE__ */ d(de, { message: m("targets.loadingPermissions", "Loading permissions…") }) : ut(Te.TARGET_LIST) ? /* @__PURE__ */ f(nt, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
 		children: [
 			/* @__PURE__ */ d(ue, {
 				title: m("nav.targets", "Targets"),
 				description: m("targets.onlineSummary", "{{connected}} of {{total}} targets online", {
-					connected: Fn.connected,
-					total: Fn.total
+					connected: In.connected,
+					total: In.total
 				}),
 				actions: /* @__PURE__ */ f("div", {
 					className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
@@ -451,13 +451,13 @@ function g() {
 						type: "button",
 						variant: "ghost",
 						size: "icon",
-						onClick: () => void Y(),
-						disabled: J,
+						onClick: () => void J(),
+						disabled: q,
 						"aria-label": m("targets.refreshTitle", "Refresh targets"),
 						title: m("targets.refreshTitle", "Refresh targets"),
 						className: "max-md:min-h-11 max-md:min-w-11",
 						children: /* @__PURE__ */ d(ze, {
-							className: `size-4 ${J ? "animate-spin" : ""}`,
+							className: `size-4 ${q ? "animate-spin" : ""}`,
 							"aria-hidden": "true"
 						})
 					}), /* @__PURE__ */ f(p, {
@@ -471,7 +471,7 @@ function g() {
 					})]
 				})
 			}),
-			Q.length === 0 && !J && /* @__PURE__ */ d(ve, {
+			Z.length === 0 && !q && /* @__PURE__ */ d(ve, {
 				variant: "full",
 				dismissKey: "vibecontrols-targets-setup-banner"
 			}),
@@ -518,19 +518,19 @@ function g() {
 						/* @__PURE__ */ d(_e, {
 							label: m("sessions.filterType", "Type"),
 							value: x,
-							options: In,
+							options: Ln,
 							onChange: gt
 						}),
 						/* @__PURE__ */ d(_e, {
 							label: m("sessions.filterStatus", "Status"),
 							value: S,
-							options: Ln,
+							options: Rn,
 							onChange: _t
 						}),
 						/* @__PURE__ */ d(be, {
 							value: b ?? "",
 							onChange: (e) => ht(e || null),
-							options: Q.map((e) => ({
+							options: Z.map((e) => ({
 								value: e.id,
 								label: e.name
 							})),
@@ -542,22 +542,22 @@ function g() {
 					]
 				})]
 			}),
-			$.length > 0 && /* @__PURE__ */ d("div", {
+			Q.length > 0 && /* @__PURE__ */ d("div", {
 				className: "flex items-center gap-2 flex-wrap",
 				children: /* @__PURE__ */ d("div", {
 					className: "ml-auto flex items-center gap-2",
 					children: /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: Nn,
+						onClick: Pn,
 						className: "flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors rounded-button focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 						children: [/* @__PURE__ */ d(Ne, {
 							className: "size-3.5",
 							"aria-hidden": "true"
-						}), yn ? m("targets.deselectAll", "Deselect All") : m("targets.selectAll", "Select All")]
+						}), bn ? m("targets.deselectAll", "Deselect All") : m("targets.selectAll", "Select All")]
 					})
 				})
 			}),
-			bn && /* @__PURE__ */ f("div", {
+			xn && /* @__PURE__ */ f("div", {
 				className: "flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-2 border border-action-primary-bg bg-action-primary-bg/5 rounded-card",
 				children: [/* @__PURE__ */ f("span", {
 					className: "text-sm font-medium text-text-primary",
@@ -598,10 +598,10 @@ function g() {
 					})]
 				})]
 			}),
-			Rn ? /* @__PURE__ */ f("p", {
+			$ ? /* @__PURE__ */ f("p", {
 				className: "text-sm text-text-secondary",
 				role: "status",
-				children: [m("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String($.length)).replace("{{total}}", String(Z.length)), J && /* @__PURE__ */ f("span", {
+				children: [m("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String(Q.length)).replace("{{total}}", String(X.length)), q && /* @__PURE__ */ f("span", {
 					className: "ml-2 text-text-muted",
 					children: [
 						"(",
@@ -610,48 +610,48 @@ function g() {
 					]
 				})]
 			}) : null,
-			J && Z.length === 0 ? /* @__PURE__ */ d(Ee, {
+			q && X.length === 0 ? /* @__PURE__ */ d(Ee, {
 				variant: "rows",
 				count: 6
-			}) : $.length > 0 ? /* @__PURE__ */ d(Ke, {
+			}) : Q.length > 0 ? /* @__PURE__ */ d(Ke, {
 				mode: "wait",
 				children: C === "grid" ? /* @__PURE__ */ d(tt, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: $.map((e) => /* @__PURE__ */ d(et, {
+					children: Q.map((e) => /* @__PURE__ */ d(et, {
 						className: "h-full",
 						children: /* @__PURE__ */ d(Oe, {
 							target: e,
-							onTest: (e) => void Sn(e),
-							onTerminal: (e) => void Tn(e),
+							onTest: (e) => void Cn(e),
+							onTerminal: (e) => void En(e),
 							onOpenDetail: (e) => _(`/targets/${e}`),
-							onEdit: (e) => An(e),
-							onInstallAgent: (e) => void On(e),
-							onUninstallAgent: (e) => void kn(e),
+							onEdit: (e) => jn(e),
+							onInstallAgent: (e) => void kn(e),
+							onUninstallAgent: (e) => void An(e),
 							onDelete: (e) => E(e),
 							selected: D.has(e.id),
-							onToggleSelect: () => Pn(e.id),
+							onToggleSelect: () => Fn(e.id),
 							highlighted: v === e.id,
-							isStartingTerminal: Cn.has(e.id)
+							isStartingTerminal: wn.has(e.id)
 						})
 					}, e.id))
 				}, "grid-view") : /* @__PURE__ */ d(tt, {
 					stagger: .04,
 					className: "space-y-2",
-					children: $.map((e) => {
+					children: Q.map((e) => {
 						let t = ct(e), n = v === e.id, r = [
 							{
 								key: "edit",
 								label: m("common.edit", "Edit"),
 								icon: Le,
-								onSelect: () => An(e)
+								onSelect: () => jn(e)
 							},
 							...e.type !== "DIRECT" && t ? [{
 								key: "uninstall",
 								label: m("targets.uninstall", "Uninstall"),
 								icon: He,
 								variant: "danger",
-								onSelect: () => void kn(e)
+								onSelect: () => void An(e)
 							}] : [],
 							{
 								key: "delete",
@@ -671,7 +671,7 @@ function g() {
 									className: "flex items-start gap-3",
 									children: [/* @__PURE__ */ d(qe, {
 										checked: D.has(e.id),
-										onCheckedChange: () => Pn(e.id),
+										onCheckedChange: () => Fn(e.id),
 										"aria-label": m("targets.selectTarget", "Select {{name}}", { name: e.name }),
 										className: "mt-1"
 									}), /* @__PURE__ */ f("div", {
@@ -742,26 +742,26 @@ function g() {
 									children: [
 										/* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => void Sn(e.id),
+											onClick: () => void Cn(e.id),
 											title: m("targets.testConnectivity", "Test connectivity"),
 											className: "flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-button border border-border-default bg-bg-surface hover:bg-bg-sunken transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 											children: m("targets.test", "Test")
 										}),
 										/* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => void Tn(e.id),
-											disabled: Cn.has(e.id),
-											"aria-busy": Cn.has(e.id),
+											onClick: () => void En(e.id),
+											disabled: wn.has(e.id),
+											"aria-busy": wn.has(e.id),
 											title: m("targets.openTerminal", "Open terminal"),
 											className: "flex min-h-9 items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-button border border-border-default bg-bg-surface hover:bg-bg-sunken transition-colors disabled:opacity-60 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-											children: Cn.has(e.id) ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Ie, {
+											children: wn.has(e.id) ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Ie, {
 												className: "size-3 animate-spin",
 												"aria-hidden": "true"
 											}), m("targets.starting", "Starting…")] }) : m("targets.terminal", "Terminal")
 										}),
 										e.type !== "DIRECT" && !t && /* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => void On(e),
+											onClick: () => void kn(e),
 											title: m("targets.installAgent", "Install agent"),
 											className: "flex min-h-9 items-center gap-1.5 rounded-button px-3 py-1.5 text-xs font-medium bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 											children: m("targets.installAgent", "Install Agent")
@@ -784,9 +784,10 @@ function g() {
 					className: "size-8 text-text-secondary",
 					"aria-hidden": "true"
 				}),
-				title: Rn ? m("targets.emptyNoTargetsFound", "No targets found") : m("targets.emptyNoTargetsConfigured", "No targets configured"),
-				description: Rn ? m("targets.emptyAdjustSearch", "Try adjusting your search or filters") : m("targets.emptyDescription", "Add a target to start managing servers, workstations, and environments."),
-				action: Rn ? void 0 : /* @__PURE__ */ f("div", {
+				illustration: $ ? "empty-search" : "empty-generic",
+				title: $ ? m("targets.emptyNoTargetsFound", "No targets found") : m("targets.emptyNoTargetsConfigured", "No targets configured"),
+				description: $ ? m("targets.emptyAdjustSearch", "Try adjusting your search or filters") : m("targets.emptyDescription", "Add a target to start managing servers, workstations, and environments."),
+				action: $ ? void 0 : /* @__PURE__ */ f("div", {
 					className: "flex flex-wrap items-center justify-center gap-2",
 					children: [/* @__PURE__ */ f(p, {
 						type: "button",
@@ -823,31 +824,31 @@ function g() {
 										className: "grid grid-cols-2 gap-2",
 										children: ["DIRECT", "SSH"].map((e) => /* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => Ut(e),
-											"aria-pressed": B === e,
-											className: `min-h-9 px-3 py-2 text-sm font-medium rounded-button border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${B === e ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-default hover:bg-bg-sunken text-text-secondary"}`,
+											onClick: () => Wt(e),
+											"aria-pressed": z === e,
+											className: `min-h-9 px-3 py-2 text-sm font-medium rounded-button border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${z === e ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-default hover:bg-bg-sunken text-text-secondary"}`,
 											children: e
 										}, e))
 									}),
 									/* @__PURE__ */ d("p", {
 										className: "mt-1 text-xs text-text-muted",
-										children: B === "DIRECT" ? m("targets.targetTypeDirectHint", "A local machine where you will install the agent manually.") : m("targets.targetTypeSshHint", "A remote server accessible via SSH.")
+										children: z === "DIRECT" ? m("targets.targetTypeDirectHint", "A local machine where you will install the agent manually.") : m("targets.targetTypeSshHint", "A remote server accessible via SSH.")
 									})
 								] }),
 								/* @__PURE__ */ d(h, {
 									label: m("webhooks.name", "Name"),
-									value: V,
-									onChange: Wt,
+									value: B,
+									onChange: Gt,
 									requiredField: !0,
-									placeholder: B === "DIRECT" ? m("targets.namePlaceholderDirect", "My Laptop") : m("targets.namePlaceholderServer", "Production Server")
+									placeholder: z === "DIRECT" ? m("targets.namePlaceholderDirect", "My Laptop") : m("targets.namePlaceholderServer", "Production Server")
 								}),
 								/* @__PURE__ */ d(h, {
 									label: m("targets.descriptionOptional", "Description (optional)"),
-									value: H,
-									onChange: Gt,
+									value: V,
+									onChange: Kt,
 									placeholder: m("targets.descriptionPlaceholder", "Brief description of this target")
 								}),
-								B !== "DIRECT" && /* @__PURE__ */ f(u, { children: [
+								z !== "DIRECT" && /* @__PURE__ */ f(u, { children: [
 									/* @__PURE__ */ f("div", { children: [
 										/* @__PURE__ */ d("label", {
 											htmlFor: Bn.id,
@@ -856,14 +857,14 @@ function g() {
 										}),
 										/* @__PURE__ */ f("select", {
 											...Bn.inputProps,
-											value: U,
-											onChange: (e) => Kt(e.target.value),
+											value: H,
+											onChange: (e) => qt(e.target.value),
 											"aria-required": "true",
 											className: "w-full rounded-input border border-border-default bg-bg-elevated px-3 py-2 text-base md:text-sm",
 											children: [/* @__PURE__ */ d("option", {
 												value: "",
 												children: m("targets.selectAgentConnectFrom", "Select an agent to connect from")
-											}), Q.map((e) => /* @__PURE__ */ d("option", {
+											}), Z.map((e) => /* @__PURE__ */ d("option", {
 												value: e.id,
 												children: e.name
 											}, e.id))]
@@ -878,54 +879,54 @@ function g() {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
 										children: [/* @__PURE__ */ d(h, {
 											label: m("targets.host", "Host"),
-											value: W,
-											onChange: qt,
+											value: U,
+											onChange: Jt,
 											requiredField: !0,
 											placeholder: m("targets.hostPlaceholder", "192.168.1.100")
 										}), /* @__PURE__ */ d(h, {
 											label: m("tunnels.port", "Port"),
-											value: Jt,
-											onChange: (e) => Yt(Number(e)),
+											value: Yt,
+											onChange: (e) => Xt(Number(e)),
 											type: "number"
 										})]
 									}),
 									/* @__PURE__ */ d(h, {
 										label: m("targets.username", "Username"),
-										value: G,
-										onChange: Xt,
+										value: W,
+										onChange: Zt,
 										requiredField: !0,
 										placeholder: m("targets.usernamePlaceholder", "root")
 									}),
-									B === "SSH" && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(lt, {
+									z === "SSH" && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(lt, {
 										legend: m("targets.authentication", "Authentication"),
 										name: `${pt}-add-auth`,
-										value: K,
-										onChange: Zt,
+										value: G,
+										onChange: Qt,
 										passwordLabel: m("targets.password", "Password"),
 										keyLabel: m("targets.privateKey", "Private Key")
-									}), K === "password" ? /* @__PURE__ */ d(h, {
+									}), G === "password" ? /* @__PURE__ */ d(h, {
 										label: m("targets.password", "Password"),
-										value: Qt,
-										onChange: $t,
+										value: $t,
+										onChange: en,
 										type: "password",
 										autoComplete: "new-password"
 									}) : /* @__PURE__ */ d(h, {
 										label: m("targets.privateKeyPath", "Private Key Path"),
-										value: en,
-										onChange: tn,
+										value: tn,
+										onChange: nn,
 										placeholder: m("targets.privateKeyPathPlaceholder", "~/.ssh/id_rsa")
 									})] })
 								] }),
 								/* @__PURE__ */ d(h, {
 									label: m("targets.labelOptional", "Label (optional)"),
-									value: nn,
-									onChange: rn,
+									value: rn,
+									onChange: an,
 									placeholder: m("targets.labelPlaceholder", "web-server-01")
 								}),
 								/* @__PURE__ */ d(h, {
 									label: m("targets.tagsCommaSeparated", "Tags (comma-separated)"),
-									value: q,
-									onChange: an,
+									value: K,
+									onChange: on,
 									placeholder: m("targets.tagsPlaceholder", "production, web")
 								}),
 								/* @__PURE__ */ f("div", {
@@ -935,7 +936,7 @@ function g() {
 										children: m("targets.tags", "Tags")
 									}), /* @__PURE__ */ d(pe, {
 										entityType: "VIBECONTROLS_TARGET",
-										onDraftChange: ln
+										onDraftChange: un
 									})]
 								})
 							]
@@ -948,7 +949,7 @@ function g() {
 							children: m("common.cancel", "Cancel")
 						}), /* @__PURE__ */ d(p, {
 							type: "button",
-							onClick: () => void xn(),
+							onClick: () => void Sn(),
 							className: "max-md:min-h-11",
 							children: m("targets.addTarget", "Add Target")
 						})] })
@@ -1016,22 +1017,22 @@ function g() {
 										hint: m("targets.keepCredentialsHint", "Leave blank to keep existing credentials.")
 									}), I === "password" ? /* @__PURE__ */ d(h, {
 										label: m("targets.newPassword", "New Password"),
-										value: L,
-										onChange: Bt,
+										value: Bt,
+										onChange: Vt,
 										type: "password",
 										autoComplete: "new-password",
 										placeholder: m("targets.keepCurrentPlaceholder", "Leave blank to keep current")
 									}) : /* @__PURE__ */ d(h, {
 										label: m("targets.newPrivateKeyPath", "New Private Key Path"),
-										value: R,
-										onChange: Vt,
+										value: L,
+										onChange: Ht,
 										placeholder: m("targets.keepCurrentKeyPlaceholder", "Leave blank to keep current (~/.ssh/id_rsa)")
 									})] })
 								] }),
 								/* @__PURE__ */ d(h, {
 									label: m("targets.tagsCommaSeparated", "Tags (comma-separated)"),
-									value: z,
-									onChange: Ht,
+									value: R,
+									onChange: Ut,
 									placeholder: m("targets.tagsPlaceholder", "production, web")
 								})
 							]
@@ -1045,7 +1046,7 @@ function g() {
 							children: m("common.cancel", "Cancel")
 						}), /* @__PURE__ */ d(p, {
 							type: "button",
-							onClick: () => void jn(),
+							onClick: () => void Mn(),
 							disabled: P,
 							"aria-busy": P,
 							className: "max-md:min-h-11",
@@ -1057,7 +1058,7 @@ function g() {
 			/* @__PURE__ */ d(re, {
 				isOpen: !!T,
 				onClose: () => E(null),
-				onConfirm: () => void En(),
+				onConfirm: () => void Dn(),
 				title: m("targets.deleteTarget", "Delete Target"),
 				message: m("targets.deleteTargetMessage", "This will remove the target and its connection from the agent. Active terminals will be disconnected."),
 				confirmLabel: m("common.delete", "Delete"),
@@ -1066,7 +1067,7 @@ function g() {
 			/* @__PURE__ */ d(re, {
 				isOpen: bt,
 				onClose: () => xt(!1),
-				onConfirm: () => void Dn(),
+				onConfirm: () => void On(),
 				title: m("targets.deleteSelectedTargets", "Delete Selected Targets"),
 				message: `${m("targets.confirmDeleteSelectedPrefix", "Are you sure you want to delete")} ${D.size} ${m("nav.targets", "target")}${D.size === 1 ? "" : "s"}? ${m("targets.confirmDeleteSelectedSuffix", "This action cannot be undone.")}`,
 				confirmLabel: m("targets.deleteAll", "Delete All"),
@@ -1075,7 +1076,7 @@ function g() {
 			/* @__PURE__ */ d(Je, {
 				open: A !== null,
 				onOpenChange: (e) => {
-					!e && j?.status !== "running" && Mn();
+					!e && j?.status !== "running" && Nn();
 				},
 				children: /* @__PURE__ */ d(Ye, {
 					className: "sm:max-w-md",
@@ -1150,7 +1151,7 @@ function g() {
 						/* @__PURE__ */ d(Ze, { children: /* @__PURE__ */ d(p, {
 							type: "button",
 							variant: "outline",
-							onClick: Mn,
+							onClick: Nn,
 							disabled: j?.status === "running",
 							"aria-busy": j?.status === "running",
 							className: "w-full max-md:min-h-11",