@burdenoff/microfe-vibecontrols 2026.601.4 → 2026.601.6

package/dist/pages/AgentDetailsPage.js

@@ -342,11 +342,11 @@ function Ft() {
 		Hn,
 		P
 	]);
-	let [U, Wn] = m([]), [Gn, Kn] = m([]), [qn, Jn] = m(!0), [W, G] = m(null), [Yn, K] = m(null), [Xn, Zn] = m(!1), [Qn, $n] = m(!1), [er, tr] = m(!1), [nr, rr] = m(!1), [ir, ar] = m("plugin"), or = p(null), [q, sr] = m("installed"), [J, cr] = m(""), [Y, lr] = m([]), [ur, dr] = m(!1), [fr, pr] = m(null), [mr, hr] = m(null), [gr] = e(), [_r] = ee(), [vr] = o(), [yr] = c(), X = d(async () => {
+	let [U, Wn] = m([]), [Gn, Kn] = m([]), [qn, Jn] = m(!0), [W, G] = m(null), [Yn, K] = m(null), [Xn, Zn] = m(!1), [Qn, $n] = m(!1), [er, tr] = m(!1), [nr, rr] = m(!1), [ir, ar] = m(!1), [or, sr] = m("plugin"), cr = p(null), [q, lr] = m("installed"), [J, ur] = m(""), [Y, dr] = m([]), [fr, pr] = m(!1), [mr, hr] = m(null), [gr, _r] = m(null), [vr] = e(), [yr] = ee(), [br] = o(), [xr] = c(), X = d(async () => {
 		if (F?.id) {
 			Jn(!0), K(null);
 			try {
-				let { data: e } = await gr({ variables: {
+				let { data: e } = await vr({ variables: {
 					agentId: F.id,
 					profile: z
 				} }), t = e?.agentPlugins;
@@ -386,23 +386,23 @@ function Ft() {
 		}
 	}, [
 		F?.id,
-		gr,
+		vr,
 		z
 	]);
 	f(() => {
 		if (!F?.id) return;
 		let e = `${F.id}:${z}`;
-		or.current !== e && (or.current = e, X());
+		cr.current !== e && (cr.current = e, X());
 	}, [
 		F?.id,
 		z,
 		X
 	]);
-	let br = d(async (e) => {
+	let Sr = d(async (e) => {
 		if (F?.id) {
 			G(e);
 			try {
-				let { data: t } = await _r({ variables: {
+				let { data: t } = await yr({ variables: {
 					agentId: F.id,
 					packageName: e
 				} });
@@ -410,7 +410,7 @@ function Ft() {
 				else throw Error(t?.installAgentPlugin?.error || C("agentDetails.installFailed", "Install failed"));
 			} catch (e) {
 				if (ue(e)) {
-					de(), ar("plugin"), rr(!0);
+					de(), sr("plugin"), ar(!0);
 					return;
 				}
 				K(e instanceof Error ? e.message : C("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => K(null), 5e3);
@@ -420,14 +420,14 @@ function Ft() {
 		}
 	}, [
 		F?.id,
-		_r,
+		yr,
 		X,
 		C
-	]), xr = d(async (e) => {
+	]), Cr = d(async (e) => {
 		if (F?.id && window.confirm(C("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: e }))) {
 			G(e);
 			try {
-				let { data: t } = await vr({ variables: {
+				let { data: t } = await br({ variables: {
 					agentId: F.id,
 					packageName: e
 				} });
@@ -441,17 +441,17 @@ function Ft() {
 		}
 	}, [
 		F?.id,
-		vr,
+		br,
 		X,
 		C
-	]), Sr = d(async (e) => {
+	]), wr = d(async (e) => {
 		if (!F?.id) return;
 		let t = window.prompt(C("agentDetails.updatePluginPrompt", "Update {{packageName}} to which version? Leave blank for latest.", { packageName: e }));
 		if (t === null) return;
 		let n = t.trim() || void 0;
 		G(e);
 		try {
-			let { data: t } = await yr({ variables: {
+			let { data: t } = await xr({ variables: {
 				agentId: F.id,
 				packageName: e,
 				version: n ?? null
@@ -465,11 +465,11 @@ function Ft() {
 		}
 	}, [
 		F?.id,
-		yr,
+		xr,
 		X,
 		C
-	]), Z = F?.sessions || [], Q = F?.vibes || [], Cr = d(async () => {
-		dr(!0), pr(null);
+	]), Z = F?.sessions || [], Q = F?.vibes || [], Tr = d(async () => {
+		pr(!0), hr(null);
 		try {
 			let e = await (await fetch(typeof window < "u" && window.__BURDENOFF_GLOBAL_GATEWAY__ || "/global/graphql", {
 				method: "POST",
@@ -478,29 +478,29 @@ function Ft() {
 				body: JSON.stringify({ query: "query MyStorePlugins {\n              myEntitlements {\n                id\n                productId\n                licenseKey\n                product {\n                  id\n                  name\n                  slug\n                  icon\n                  description\n                  manifest\n                }\n              }\n            }" })
 			})).json();
 			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load store plugins");
-			lr((e.data?.myEntitlements ?? []).filter((e) => {
+			dr((e.data?.myEntitlements ?? []).filter((e) => {
 				let t = e.product?.manifest;
 				if (!t) return !1;
 				let n = t.itemType?.toLowerCase();
 				return n === "vibemodule" || n === "plugin";
 			}));
 		} catch (e) {
-			pr(e instanceof Error ? e.message : "Failed to load store plugins");
+			hr(e instanceof Error ? e.message : "Failed to load store plugins");
 		} finally {
-			dr(!1);
+			pr(!1);
 		}
 	}, []);
 	f(() => {
-		q === "store" && Y.length === 0 && !ur && Cr();
+		q === "store" && Y.length === 0 && !fr && Tr();
 	}, [
 		q,
 		Y.length,
-		ur,
-		Cr
+		fr,
+		Tr
 	]);
-	let wr = d(async (e, t) => {
+	let Er = d(async (e, t) => {
 		if (F?.id) {
-			hr(e);
+			_r(e);
 			try {
 				let n = await (await fetch(typeof window < "u" && window.__BURDENOFF_WSPACE_GATEWAY__ || "/workspaces/graphql", {
 					method: "POST",
@@ -518,28 +518,28 @@ function Ft() {
 				if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Install failed");
 				let r = n.data?.installStorePluginOnAgent;
 				if (!r?.success) throw Error(r?.error ?? "Install failed");
-				await X(), sr("installed");
+				await X(), lr("installed");
 			} catch (e) {
-				pr(e instanceof Error ? e.message : "Install failed");
+				hr(e instanceof Error ? e.message : "Install failed");
 			} finally {
-				hr(null);
+				_r(null);
 			}
 		}
 	}, [F?.id, X]);
 	f(() => {
 		if (typeof window > "u" || !F?.id) return;
 		let e = new URLSearchParams(window.location.search), t = e.get("install"), n = e.get("licenseKey");
-		if (t && t !== mr) {
-			sr("store"), wr(t, n);
+		if (t && t !== gr) {
+			lr("store"), Er(t, n);
 			let e = new URL(window.location.href);
 			e.searchParams.delete("install"), e.searchParams.delete("licenseKey"), window.history.replaceState({}, "", e.toString());
 		}
 	}, [
 		F?.id,
-		wr,
-		mr
+		Er,
+		gr
 	]);
-	let Tr = d(async () => {
+	let Dr = d(async () => {
 		if (!F?.id) return null;
 		if (O) return O;
 		xn(!0), Cn(null);
@@ -578,7 +578,7 @@ function Ft() {
 	});
 	let $ = () => {
 		S("/agents");
-	}, Er = async (e) => {
+	}, Or = async (e) => {
 		if (!(!F?.id || w)) {
 			Wt(e), Kt(null);
 			try {
@@ -592,11 +592,11 @@ function Ft() {
 				Wt(null);
 			}
 		}
-	}, Dr = () => void Er("start"), Or = () => void Er("stop"), kr = async () => {
+	}, kr = () => void Or("start"), Ar = () => void Or("stop"), jr = async () => {
 		await Promise.all([P(), I.refetch()]).catch(() => {}), S("/agents");
-	}, Ar = () => {
+	}, Mr = () => {
 		T(null), Yt(!0);
-	}, jr = async () => {
+	}, Nr = async () => {
 		if (!F?.id) return;
 		let e = an.trim();
 		if (!e || e === F.name) {
@@ -616,9 +616,9 @@ function Ft() {
 		} finally {
 			sn(!1);
 		}
-	}, Mr = () => {
+	}, Pr = () => {
 		rn(!1), on(""), ln(null);
-	}, Nr = async () => {
+	}, Fr = async () => {
 		if (!F?.id) return;
 		let e = dn.current?.value?.trim(), t = fn.current?.value?.trim(), n = pn.current?.value?.trim(), r = mn.current?.value?.trim();
 		if (!e) {
@@ -648,36 +648,37 @@ function Ft() {
 		} finally {
 			Qt(!1);
 		}
-	}, Pr = async () => {
-		let e = await Tr();
+	}, Ir = async () => {
+		let e = await Dr();
 		if (e) try {
 			await xe(e), be() && Se("API key copied"), vn(!0), setTimeout(() => vn(!1), 2e3);
 		} catch {
 			console.error("Failed to copy API key");
 		}
-	}, Fr = async () => {
-		hn || await Tr(), gn((e) => !e);
-	}, Ir = () => {
-		F?.id && ($n(!1), Zn(!0));
 	}, Lr = async () => {
+		hn || await Dr(), gn((e) => !e);
+	}, Rr = () => {
+		F?.id && ($n(!1), tr(!1), Zn(!0));
+	}, zr = async () => {
 		if (F?.id) {
-			tr(!0);
+			rr(!0);
 			try {
 				await Bt({ variables: {
 					id: F.id,
-					uninstallFromTarget: Qn
+					uninstallFromTarget: Qn,
+					deleteTarget: er
 				} }), Zn(!1), $();
 			} catch (e) {
 				console.error("Failed to remove agent:", e);
 			} finally {
-				tr(!1);
+				rr(!1);
 			}
 		}
-	}, Rr = (e) => {
+	}, Br = (e) => {
 		S(`/sessions/${e}`);
-	}, zr = () => {
+	}, Vr = () => {
 		j(null), A(!0);
-	}, Br = async () => {
+	}, Hr = async () => {
 		let e = N.current?.value?.trim(), t = Dn.current?.value, n = On.current?.value?.trim() || void 0, r = kn.current?.value?.trim() || void 0;
 		if (!e) {
 			j(C("vibeDetails.sessionNameRequired", "Session name is required"));
@@ -703,16 +704,16 @@ function Ft() {
 			} } }), A(!1), N.current && (N.current.value = ""), Dn.current && (Dn.current.selectedIndex = 0), On.current && (On.current.value = ""), kn.current && (kn.current.value = ""), E(C("sessions.createdSuccess", "Session created successfully")), setTimeout(() => E(null), 3e3);
 		} catch (e) {
 			if (ue(e)) {
-				A(!1), de(), ar("session"), rr(!0);
+				A(!1), de(), sr("session"), ar(!0);
 				return;
 			}
 			j(e instanceof Error ? e.message : C("sessions.failedCreate", "Failed to create session"));
 		} finally {
 			En(!1);
 		}
-	}, Vr = (e) => {
+	}, Ur = (e) => {
 		S(`/vibes/${e}`);
-	}, Hr = (e) => {
+	}, Wr = (e) => {
 		if (!e) return C("health.never", "Never");
 		let t = Date.now() - new Date(e).getTime();
 		return t < 6e4 ? C("health.justNow", "Just now") : t < 36e5 ? C("agentDetails.minutesAgo", "{{count}}m ago", { count: Math.floor(t / 6e4) }) : t < 864e5 ? C("agentDetails.hoursAgo", "{{count}}h ago", { count: Math.floor(t / 36e5) }) : new Date(e).toLocaleDateString();
@@ -758,7 +759,7 @@ function Ft() {
 			})
 		})]
 	});
-	let Ur = [
+	let Gr = [
 		{
 			id: "overview",
 			label: C("nav.overview", "Overview"),
@@ -822,7 +823,7 @@ function Ft() {
 			label: C("agentDetails.maintenance.tab", "Maintenance"),
 			icon: Ct
 		}
-	], Wr = Z.filter((e) => e.status === "RUNNING").length;
+	], Kr = Z.filter((e) => e.status === "RUNNING").length;
 	return F?.tunnelUrl, /* @__PURE__ */ x(jt, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
@@ -871,14 +872,14 @@ function Ft() {
 						}),
 						In ? /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: Dr,
+							onClick: kr,
 							disabled: w !== null,
 							"aria-busy": w === "start",
 							className: "flex items-center gap-2 px-3 py-2 bg-status-success-bg text-status-success-text rounded-md hover:opacity-80 transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
 							children: [w === "start" ? /* @__PURE__ */ b(g, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(ct, { className: "size-4" }), w === "start" ? C("agentDetails.starting", "Starting…") : C("agentDetails.start", "Start")]
 						}) : /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: Or,
+							onClick: Ar,
 							disabled: w !== null,
 							"aria-busy": w === "stop",
 							className: "flex items-center gap-2 px-3 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
@@ -886,7 +887,7 @@ function Ft() {
 						}),
 						R === "DEGRADED" && /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: Dr,
+							onClick: kr,
 							disabled: w !== null,
 							"aria-busy": w === "start",
 							className: "flex items-center gap-2 px-3 py-2 bg-status-warning-bg text-status-warning-text rounded-md hover:opacity-80 transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
@@ -900,13 +901,13 @@ function Ft() {
 						}),
 						/* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: Ar,
+							onClick: Mr,
 							className: "flex items-center gap-2 px-3 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
 							children: [/* @__PURE__ */ b(ht, { className: "size-4" }), C("agentDetails.configure", "Configure")]
 						}),
 						/* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: Ir,
+							onClick: Rr,
 							className: "flex items-center gap-2 px-3 py-2 bg-status-error-bg text-status-error-text rounded-md hover:opacity-80 transition-colors",
 							children: [/* @__PURE__ */ b(bt, { className: "size-4" }), C("sessions.remove", "Remove")]
 						})
@@ -922,7 +923,7 @@ function Ft() {
 						value: an,
 						onChange: (e) => on(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && !D ? jr() : e.key === "Escape" && Mr();
+							e.key === "Enter" && !D ? Nr() : e.key === "Escape" && Pr();
 						},
 						disabled: D,
 						maxLength: 120,
@@ -933,7 +934,7 @@ function Ft() {
 					}),
 					/* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: () => void jr(),
+						onClick: () => void Nr(),
 						disabled: !an.trim() || an.trim() === F.name || D,
 						className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
 						"data-testid": "agent-details-rename-save",
@@ -941,7 +942,7 @@ function Ft() {
 					}),
 					/* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: Mr,
+						onClick: Pr,
 						disabled: D,
 						className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary disabled:opacity-60",
 						"data-testid": "agent-details-rename-cancel",
@@ -1069,7 +1070,7 @@ function Ft() {
 							}), /* @__PURE__ */ x("p", {
 								className: "font-semibold text-text-primary",
 								children: [
-									Wr,
+									Kr,
 									" ",
 									C("health.active", "active")
 								]
@@ -1084,7 +1085,7 @@ function Ft() {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
 					"aria-label": C("agentDetails.tabsAriaLabel", "Agent tabs"),
 					children: [
-						Ur.map((e) => {
+						Gr.map((e) => {
 							let t = e.icon, n = H === e.id;
 							return /* @__PURE__ */ x("button", {
 								type: "button",
@@ -1308,21 +1309,21 @@ function Ft() {
 											children: C("health.lastHeartbeat", "Last Heartbeat")
 										}), /* @__PURE__ */ b("p", {
 											className: "font-medium text-text-primary",
-											children: Hr(F.lastHeartbeat)
+											children: Wr(F.lastHeartbeat)
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-text-secondary",
 											children: C("vibeDetails.created", "Created")
 										}), /* @__PURE__ */ b("p", {
 											className: "font-medium text-text-primary",
-											children: Hr(F.createdAt)
+											children: Wr(F.createdAt)
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-text-secondary",
 											children: C("vibeDetails.updated", "Updated")
 										}), /* @__PURE__ */ b("p", {
 											className: "font-medium text-text-primary",
-											children: Hr(F.updatedAt)
+											children: Wr(F.updatedAt)
 										})] })
 									]
 								})
@@ -1384,7 +1385,7 @@ function Ft() {
 										}),
 										/* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => void Fr(),
+											onClick: () => void Lr(),
 											disabled: bn,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0 disabled:opacity-50",
 											title: hn ? C("agentDetails.hideApiKey", "Hide API key") : C("agentDetails.showApiKey", "Show API key"),
@@ -1392,7 +1393,7 @@ function Ft() {
 										}),
 										/* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: Pr,
+											onClick: Ir,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
 											title: C("agentDetails.copyApiKey", "Copy API key"),
 											children: _n ? /* @__PURE__ */ b(Ke, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ b(Xe, { className: "size-4 text-text-secondary" })
@@ -1497,13 +1498,13 @@ function Ft() {
 												"aria-label": "control",
 												type: "text",
 												value: J,
-												onChange: (e) => cr(e.target.value),
+												onChange: (e) => ur(e.target.value),
 												placeholder: C("agentDetails.searchPluginsPlaceholder", "Search plugins by name, package, description, or tag..."),
 												className: "w-full pl-9 pr-8 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-1 focus:ring-action-primary-bg focus:border-action-primary-bg"
 											}),
 											J && /* @__PURE__ */ b("button", {
 												type: "button",
-												onClick: () => cr(""),
+												onClick: () => ur(""),
 												className: "absolute right-2 top-1/2 -translate-y-1/2 p-0.5 text-text-muted hover:text-text-secondary rounded",
 												children: /* @__PURE__ */ b(_, { className: "size-3.5" })
 											})
@@ -1515,7 +1516,7 @@ function Ft() {
 											let t = q === e.id, n = e.icon;
 											return /* @__PURE__ */ x("button", {
 												type: "button",
-												onClick: () => sr(e.id),
+												onClick: () => lr(e.id),
 												className: `flex shrink-0 items-center gap-1.5 px-3 py-2 text-xs sm:text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${t ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 												children: [
 													/* @__PURE__ */ b(n, { className: "size-3.5" }),
@@ -1633,14 +1634,14 @@ function Ft() {
 												children: [
 													e.hasUI && /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => sr("ui-plugins"),
+														onClick: () => lr("ui-plugins"),
 														className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs text-action-primary-bg bg-action-primary-bg/10 rounded-md hover:bg-action-primary-bg/20 transition-colors border border-action-primary-bg/20",
 														title: `Open ${e.pluginName} UI`,
 														children: [/* @__PURE__ */ b(st, { className: "size-3" }), "Open UI"]
 													}),
 													!e.isCore && /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => Sr(e.packageName),
+														onClick: () => wr(e.packageName),
 														disabled: W === e.packageName,
 														className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-text-primary bg-bg-secondary border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
 														title: C("agentDetails.updatePlugin", "Update plugin (latest or a specific version)"),
@@ -1648,7 +1649,7 @@ function Ft() {
 													}),
 													!e.isCore && /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => xr(e.packageName),
+														onClick: () => Cr(e.packageName),
 														disabled: W === e.packageName,
 														className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-status-error-text bg-status-error-bg/15 border border-status-error-border/40 rounded-md hover:bg-status-error-bg/25 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
 														children: [W === e.packageName ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(bt, { className: "size-3" }), C("sessions.remove", "Remove")]
@@ -1682,7 +1683,7 @@ function Ft() {
 												]
 											}), /* @__PURE__ */ x("button", {
 												type: "button",
-												onClick: () => br(e.packageName),
+												onClick: () => Sr(e.packageName),
 												disabled: W === e.packageName,
 												className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0 sm:ml-3",
 												children: [W === e.packageName ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b($e, { className: "size-3" }), "Install"]
@@ -1692,13 +1693,13 @@ function Ft() {
 										className: "text-sm text-text-muted",
 										children: J ? "No available plugins match your search." : Gn.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
 									}) }),
-									q === "store" && /* @__PURE__ */ x(y, { children: [fr && /* @__PURE__ */ x("div", {
+									q === "store" && /* @__PURE__ */ x(y, { children: [mr && /* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
 										children: [/* @__PURE__ */ b(_, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ b("span", {
 											className: "flex-1",
-											children: fr
+											children: mr
 										})]
-									}), ur ? /* @__PURE__ */ b("p", {
+									}), fr ? /* @__PURE__ */ b("p", {
 										className: "text-sm text-text-muted",
 										children: "Loading purchased plugins…"
 									}) : Y.length === 0 ? /* @__PURE__ */ x("div", {
@@ -1751,10 +1752,10 @@ function Ft() {
 													})]
 												}), /* @__PURE__ */ b("button", {
 													type: "button",
-													onClick: () => void wr(e.productId, e.licenseKey),
-													disabled: r || mr === e.productId || !n,
+													onClick: () => void Er(e.productId, e.licenseKey),
+													disabled: r || gr === e.productId || !n,
 													className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold rounded-md bg-action-primary-bg text-action-primary-text hover:opacity-90 disabled:opacity-60 flex-shrink-0",
-													children: r ? "Installed" : mr === e.productId ? "Installing…" : "Install"
+													children: r ? "Installed" : gr === e.productId ? "Installing…" : "Install"
 												})]
 											}, e.id);
 										})
@@ -1818,7 +1819,7 @@ function Ft() {
 								deniedTooltip: "You don't have permission to create sessions",
 								children: /* @__PURE__ */ x("button", {
 									"data-testid": "create-session-btn",
-									onClick: zr,
+									onClick: Vr,
 									className: "inline-flex items-center gap-2 px-3 py-1.5 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed",
 									children: [/* @__PURE__ */ b(lt, { className: "w-4 h-4" }), C("sessions.createSession", "Create Session")]
 								})
@@ -1829,9 +1830,9 @@ function Ft() {
 								role: "button",
 								tabIndex: 0,
 								onKeyDown: (t) => {
-									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Rr(e.id));
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Br(e.id));
 								},
-								onClick: () => Rr(e.id),
+								onClick: () => Br(e.id),
 								className: "p-4 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 cursor-pointer hover:bg-bg-sunken/50 transition-colors",
 								children: [/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-3 min-w-0",
@@ -1855,7 +1856,7 @@ function Ft() {
 								deniedTooltip: "You don't have permission to create sessions",
 								children: /* @__PURE__ */ x("button", {
 									"data-testid": "create-session-empty-btn",
-									onClick: zr,
+									onClick: Vr,
 									className: "inline-flex items-center gap-2 px-3 py-1.5 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed",
 									children: [/* @__PURE__ */ b(lt, { className: "w-4 h-4" }), C("sessions.createSession", "Create Session")]
 								})
@@ -1945,9 +1946,9 @@ function Ft() {
 								role: "button",
 								tabIndex: 0,
 								onKeyDown: (t) => {
-									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Vr(e.id));
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Ur(e.id));
 								},
-								onClick: () => Vr(e.id),
+								onClick: () => Ur(e.id),
 								className: "p-4 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 cursor-pointer hover:bg-bg-sunken/50 transition-colors",
 								children: [/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-3 min-w-0",
@@ -2073,7 +2074,7 @@ function Ft() {
 						children: /* @__PURE__ */ b(De, {
 							agentId: F.id,
 							agentVersion: F.version,
-							onAfterDestructiveNuke: kr
+							onAfterDestructiveNuke: jr
 						})
 					}, "maintenance"),
 					B && (() => {
@@ -2266,7 +2267,7 @@ function Ft() {
 								children: C("common.cancel", "Cancel")
 							}), /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: Nr,
+								onClick: Fr,
 								disabled: Zt,
 								className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
 								children: Zt ? C("agentDetails.saving", "Saving...") : C("agentDetails.saveConfiguration", "Save Configuration")
@@ -2372,7 +2373,7 @@ function Ft() {
 								children: C("common.cancel", "Cancel")
 							}), /* @__PURE__ */ b("button", {
 								"data-testid": "create-session-submit",
-								onClick: Br,
+								onClick: Hr,
 								disabled: M,
 								className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
 								children: M ? C("sessions.creating", "Creating...") : C("sessions.createSession", "Create Session")
@@ -2382,40 +2383,60 @@ function Ft() {
 				})
 			}),
 			/* @__PURE__ */ b(ce, {
-				isOpen: nr,
-				onClose: () => rr(!1),
+				isOpen: ir,
+				onClose: () => ar(!1),
 				onConfirm: () => {
-					rr(!1), S("/billing/plans");
+					ar(!1), S("/billing/plans");
 				},
-				title: le(ir).title,
-				message: le(ir).message
+				title: le(or).title,
+				message: le(or).message
 			}),
 			/* @__PURE__ */ b(se, {
 				isOpen: Xn,
 				onClose: () => {
-					er || Zn(!1);
+					nr || Zn(!1);
 				},
-				onConfirm: Lr,
+				onConfirm: zr,
 				title: C("agentDetails.removeAgentTitle", "Remove agent"),
 				message: C("agentDetails.removeAgentMessage", "Remove “{{name}}” from this workspace.", { name: F.name }),
 				confirmLabel: C("sessions.remove", "Remove"),
 				variant: "danger",
-				isLoading: er,
-				children: /* @__PURE__ */ x("label", {
-					className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
-					children: [/* @__PURE__ */ b(Ot, {
-						checked: Qn,
-						disabled: er,
-						onCheckedChange: (e) => $n(e === !0),
-						className: "mt-0.5"
-					}), /* @__PURE__ */ x("span", {
-						className: "min-w-0",
-						children: [/* @__PURE__ */ b("span", {
-							className: "block text-sm font-medium text-text-primary",
-							children: C("agentDetails.uninstallFromTarget", "Uninstall agent from the target")
-						}), /* @__PURE__ */ b("span", {
-							className: "block text-xs text-text-secondary mt-0.5",
-							children: C("agentDetails.uninstallFromTargetDesc", "Also wipe all agent state + VibeControls plugins and uninstall the agent from the host machine. This cannot be undone.")
+				isLoading: nr,
+				children: /* @__PURE__ */ x("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ x("label", {
+						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
+						children: [/* @__PURE__ */ b(Ot, {
+							checked: Qn,
+							disabled: nr,
+							onCheckedChange: (e) => $n(e === !0),
+							className: "mt-0.5"
+						}), /* @__PURE__ */ x("span", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ b("span", {
+								className: "block text-sm font-medium text-text-primary",
+								children: C("agentDetails.uninstallFromTarget", "Uninstall agent from the target")
+							}), /* @__PURE__ */ b("span", {
+								className: "block text-xs text-text-secondary mt-0.5",
+								children: C("agentDetails.uninstallFromTargetDesc", "Also wipe all agent state + VibeControls plugins and uninstall the agent from the host machine. This cannot be undone.")
+							})]
+						})]
+					}), /* @__PURE__ */ x("label", {
+						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
+						children: [/* @__PURE__ */ b(Ot, {
+							checked: er,
+							disabled: nr,
+							onCheckedChange: (e) => tr(e === !0),
+							className: "mt-0.5"
+						}), /* @__PURE__ */ x("span", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ b("span", {
+								className: "block text-sm font-medium text-text-primary",
+								children: C("agentDetails.deleteTarget", "Delete the mapped target")
+							}), /* @__PURE__ */ b("span", {
+								className: "block text-xs text-text-secondary mt-0.5",
+								children: C("agentDetails.deleteTargetDesc", "Also delete the target this agent is mapped to. Any other agents on the same target are removed too. This cannot be undone.")
+							})]
 						})]
 					})]
 				})