@burdenoff/microfe-vibecontrols 2026.601.4 → 2026.601.6

package/dist/pages/TargetsPage.js

@@ -67,10 +67,10 @@ function Qe() {
 		},
 		skip: !f,
 		fetchPolicy: "cache-first"
-	}), { agents: Jt, refetch: Yt } = ue(), [Xt] = e({
+	}), { agents: Jt, refetch: Y } = ue(), [Yt] = e({
 		refetchQueries: ["VibeControlsInitialData", "ListTargets"],
 		awaitRefetchQueries: !0
-	}), { setDraftTagIds: Zt, flushTags: Qt } = pe("VIBECONTROLS_TARGET"), [$t] = ae(), [en] = re(), [tn] = ne(), [Y] = t(), [nn] = ee(), [rn] = ie(), [an] = n({ fetchPolicy: "network-only" }), X = o(() => (qt?.targets?.items ?? []).map((e) => ({
+	}), { setDraftTagIds: Xt, flushTags: Zt } = pe("VIBECONTROLS_TARGET"), [Qt] = ae(), [$t] = re(), [en] = ne(), [X] = t(), [tn] = ee(), [nn] = ie(), [rn] = n({ fetchPolicy: "network-only" }), Z = o(() => (qt?.targets?.items ?? []).map((e) => ({
 		id: e.id,
 		type: e.type || "DIRECT",
 		name: e.name,
@@ -89,28 +89,28 @@ function Qe() {
 			version: e.version,
 			isActive: e.isActive
 		}))
-	})), [qt]), Z = o(() => Jt.map((e) => ({
+	})), [qt]), Q = o(() => Jt.map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive,
 		tunnelUrl: e.tunnelUrl ?? null,
 		agentApiKey: null
-	})), [Jt]), Q = o(() => {
-		let e = X;
+	})), [Jt]), $ = o(() => {
+		let e = Z;
 		if (h) {
 			let t = h.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.host?.toLowerCase().includes(t) || e.label?.toLowerCase().includes(t));
 		}
 		return g && (e = e.filter((e) => e.agents.some((e) => e.id === g))), _ !== "all" && (e = e.filter((e) => e.type === _)), v !== "all" && (e = e.filter((e) => e.status === v)), e;
 	}, [
-		X,
+		Z,
 		h,
 		g,
 		_,
 		v
 	]);
 	Te(() => {
-		if (!m || !Q.find((e) => e.id === m)) return;
+		if (!m || !$.find((e) => e.id === m)) return;
 		let e = window.setTimeout(() => {
 			document.getElementById(`target-row-${m}`)?.scrollIntoView({
 				behavior: "smooth",
@@ -118,12 +118,12 @@ function Qe() {
 			});
 		}, 150);
 		return () => window.clearTimeout(e);
-	}, [Q, m]);
-	let on = X.filter((e) => e.status === "connected").length, sn = Q.length > 0 && Q.every((e) => S.has(e.id)), cn = S.size > 0;
+	}, [$, m]);
+	let an = Z.filter((e) => e.status === "connected").length, on = $.length > 0 && $.every((e) => S.has(e.id)), sn = S.size > 0;
 	Te(() => {
 		if (!mt || !O) return;
 		let e = !1, t = () => {
-			an({ variables: {
+			rn({ variables: {
 				targetId: O.id,
 				jobId: mt
 			} }).then((t) => {
@@ -136,7 +136,7 @@ function Qe() {
 					steps: n.steps ?? [],
 					result: n.result ?? void 0,
 					error: n.error ?? void 0
-				}), (n.status === "completed" || n.status === "failed") && n.status === "completed" && J());
+				}), (n.status === "completed" || n.status === "failed") && n.status === "completed" && (J(), Y()));
 			}).catch(() => {});
 		};
 		t();
@@ -147,12 +147,13 @@ function Qe() {
 	}, [
 		mt,
 		O,
-		an,
+		rn,
+		Y,
 		J
 	]);
-	let ln = a(async () => {
+	let cn = a(async () => {
 		if (!(!B || !f) && !(z !== "DIRECT" && (!H || !U || !W))) try {
-			let e = await Xt({ variables: {
+			let e = await Yt({ variables: {
 				workspaceId: f,
 				input: {
 					type: z,
@@ -181,7 +182,7 @@ function Qe() {
 				return;
 			}
 			let t = e.data?.createTarget?.id;
-			y(!1), Mt(""), Ft(""), Rt(""), Vt(""), Ut(""), Gt(""), Kt(""), t && await Qt(t), J(), Yt();
+			y(!1), Mt(""), Ft(""), Rt(""), Vt(""), Ut(""), Gt(""), Kt(""), t && await Zt(t), J(), Y();
 		} catch (e) {
 			if (r(e)) {
 				y(!1), i(), E("target");
@@ -207,23 +208,28 @@ function Qe() {
 		V,
 		z,
 		f,
-		Xt,
-		Qt,
+		Yt,
+		Zt,
+		Y,
 		J
-	]), un = a(async (e) => {
-		let t = (await en({ variables: { id: e } })).data?.testTarget;
+	]), ln = a(async (e) => {
+		let t = (await $t({ variables: { id: e } })).data?.testTarget;
 		t && (T({
 			id: e,
 			success: t.success,
 			message: t.message || ""
-		}), setTimeout(() => T(null), 5e3), J());
-	}, [en, J]), [dn, fn] = s(/* @__PURE__ */ new Set()), pn = a(async (e) => {
-		fn((t) => {
+		}), setTimeout(() => T(null), 5e3), J(), Y());
+	}, [
+		$t,
+		Y,
+		J
+	]), [un, dn] = s(/* @__PURE__ */ new Set()), fn = a(async (e) => {
+		dn((t) => {
 			let n = new Set(t);
 			return n.add(e), n;
 		});
 		try {
-			let t = await tn({ variables: { targetId: e } });
+			let t = await en({ variables: { targetId: e } });
 			if (t.error && r(t.error)) {
 				i(), E("environment");
 				return;
@@ -237,49 +243,55 @@ function Qe() {
 			}
 			throw e;
 		} finally {
-			fn((t) => {
+			dn((t) => {
 				if (!t.has(e)) return t;
 				let n = new Set(t);
 				return n.delete(e), n;
 			});
 		}
-	}, [tn, p]), mn = a(async () => {
+	}, [en, p]), pn = a(async () => {
 		if (b) {
 			try {
-				await Y({ variables: { id: b } }), be() && xe("success");
+				await X({ variables: { id: b } }), be() && xe("success");
 			} catch (e) {
 				throw be() && xe("error"), e;
 			}
 			x(null), C((e) => {
 				let t = new Set(e);
 				return t.delete(b), t;
-			}), J();
+			}), J(), Y();
 		}
 	}, [
 		b,
+		X,
 		Y,
 		J
-	]), hn = a(async () => {
+	]), mn = a(async () => {
 		let e = Array.from(S);
-		await Promise.all(e.map((e) => Y({ variables: { id: e } }))), C(/* @__PURE__ */ new Set()), ut(!1), J();
+		await Promise.all(e.map((e) => X({ variables: { id: e } }))), C(/* @__PURE__ */ new Set()), ut(!1), J(), Y();
 	}, [
 		S,
+		X,
 		Y,
 		J
-	]), gn = a(async (e) => {
+	]), hn = a(async (e) => {
 		ft(e), pt(null), ht(null);
-		let t = Z.find((e) => e.isActive);
+		let t = Q.find((e) => e.isActive);
 		if (!t) return;
-		let n = (await nn({ variables: {
+		let n = (await tn({ variables: {
 			targetId: e.id,
 			sourceAgentId: t.id
 		} })).data?.installAgentOnTarget;
 		n?.jobId && ht(n.jobId);
-	}, [nn, Z]), _n = a(async (e) => {
-		await rn({ variables: { targetId: e.id } }), J();
-	}, [rn, J]), vn = a((e) => {
+	}, [tn, Q]), gn = a(async (e) => {
+		await nn({ variables: { targetId: e.id } }), J(), Y();
+	}, [
+		nn,
+		Y,
+		J
+	]), _n = a((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);
-	}, []), yn = a(async () => {
+	}, []), vn = a(async () => {
 		if (A) {
 			if (!P.trim()) {
 				N("Name is required");
@@ -287,7 +299,7 @@ function Qe() {
 			}
 			gt(!0), N(null);
 			try {
-				let e = await $t({ variables: {
+				let e = await Qt({ variables: {
 					id: A.id,
 					input: {
 						name: P.trim(),
@@ -304,7 +316,7 @@ function Qe() {
 					N(e.error.message || "Failed to update target");
 					return;
 				}
-				j(null), J();
+				j(null), J(), Y();
 			} catch (e) {
 				N(e instanceof Error ? e.message : "Failed to update target");
 			} finally {
@@ -322,27 +334,28 @@ function Qe() {
 		I,
 		L,
 		R,
-		$t,
+		Qt,
+		Y,
 		J
-	]), bn = a(() => {
+	]), yn = a(() => {
 		ft(null), pt(null), ht(null);
-	}, []), xn = a(() => {
-		C(sn ? (e) => {
+	}, []), bn = a(() => {
+		C(on ? (e) => {
 			let t = new Set(e);
-			return Q.forEach((e) => t.delete(e.id)), t;
+			return $.forEach((e) => t.delete(e.id)), t;
 		} : (e) => {
 			let t = new Set(e);
-			return Q.forEach((e) => t.add(e.id)), t;
+			return $.forEach((e) => t.add(e.id)), t;
 		});
-	}, [sn, Q]), Sn = a((e) => {
+	}, [on, $]), xn = a((e) => {
 		C((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Cn = {
-		total: X.length,
-		connected: on
-	}, wn = o(() => [
+	}, []), Sn = {
+		total: Z.length,
+		connected: an
+	}, Cn = o(() => [
 		{
 			value: "all",
 			label: D("targets.filterTypeAll", "All Types")
@@ -355,7 +368,7 @@ function Qe() {
 			value: "SSH",
 			label: "SSH"
 		}
-	], [D]), Tn = o(() => [
+	], [D]), wn = o(() => [
 		{
 			value: "all",
 			label: D("targets.filterStatusAll", "All Statuses")
@@ -372,7 +385,7 @@ function Qe() {
 			value: "unknown",
 			label: D("targets.unknown", "Unknown")
 		}
-	], [D]), $ = h || g || _ !== "all" || v !== "all";
+	], [D]), Tn = h || g || _ !== "all" || v !== "all";
 	return et ? /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ u("p", {
@@ -392,7 +405,7 @@ function Qe() {
 			}),
 			/* @__PURE__ */ u(de, {
 				title: D("nav.targets", "Targets"),
-				description: `${Cn.connected} of ${Cn.total} targets online`,
+				description: `${Sn.connected} of ${Sn.total} targets online`,
 				actions: /* @__PURE__ */ d("div", {
 					className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
 					children: [/* @__PURE__ */ u("button", {
@@ -410,7 +423,7 @@ function Qe() {
 					})]
 				})
 			}),
-			Z.length === 0 && !q && /* @__PURE__ */ u(_e, {
+			Q.length === 0 && !q && /* @__PURE__ */ u(_e, {
 				variant: "full",
 				dismissKey: "vibecontrols-targets-setup-banner"
 			}),
@@ -445,19 +458,19 @@ function Qe() {
 						/* @__PURE__ */ u(ge, {
 							label: D("sessions.filterType", "Type"),
 							value: _,
-							options: wn,
+							options: Cn,
 							onChange: it
 						}),
 						/* @__PURE__ */ u(ge, {
 							label: D("sessions.filterStatus", "Status"),
 							value: v,
-							options: Tn,
+							options: wn,
 							onChange: at
 						}),
 						/* @__PURE__ */ u(ye, {
 							value: g ?? "",
 							onChange: (e) => rt(e || null),
-							options: Z.map((e) => ({
+							options: Q.map((e) => ({
 								value: e.id,
 								label: e.name
 							})),
@@ -469,19 +482,19 @@ function Qe() {
 					]
 				})]
 			}),
-			Q.length > 0 && /* @__PURE__ */ u("div", {
+			$.length > 0 && /* @__PURE__ */ u("div", {
 				className: "flex items-center gap-2 flex-wrap",
 				children: /* @__PURE__ */ u("div", {
 					className: "ml-auto flex items-center gap-2",
 					children: /* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: xn,
+						onClick: bn,
 						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__ */ u(ke, { className: "size-3.5" }), sn ? D("targets.deselectAll", "Deselect All") : D("targets.selectAll", "Select All")]
+						children: [/* @__PURE__ */ u(ke, { className: "size-3.5" }), on ? D("targets.deselectAll", "Deselect All") : D("targets.selectAll", "Select All")]
 					})
 				})
 			}),
-			cn && /* @__PURE__ */ d("div", {
+			sn && /* @__PURE__ */ d("div", {
 				className: "flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-2 bg-action-primary-bg/10 border border-action-primary-bg/20 rounded-lg",
 				children: [/* @__PURE__ */ d("span", {
 					className: "text-sm font-medium text-text-primary",
@@ -516,9 +529,9 @@ function Qe() {
 					})]
 				})]
 			}),
-			$ ? /* @__PURE__ */ d("p", {
+			Tn ? /* @__PURE__ */ d("p", {
 				className: "text-sm text-text-secondary",
-				children: [D("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String(Q.length)).replace("{{total}}", String(X.length)), q && /* @__PURE__ */ d("span", {
+				children: [D("targets.showingResults", "Showing {{filtered}} of {{total}} targets").replace("{{filtered}}", String($.length)).replace("{{total}}", String(Z.length)), q && /* @__PURE__ */ d("span", {
 					className: "ml-2 text-text-muted",
 					children: [
 						"(",
@@ -527,35 +540,35 @@ function Qe() {
 					]
 				})]
 			}) : null,
-			q && X.length === 0 ? /* @__PURE__ */ u(Ce, {
+			q && Z.length === 0 ? /* @__PURE__ */ u(Ce, {
 				variant: "rows",
 				count: 6
-			}) : Q.length > 0 ? /* @__PURE__ */ u(He, {
+			}) : $.length > 0 ? /* @__PURE__ */ u(He, {
 				mode: "wait",
 				children: ot === "grid" ? /* @__PURE__ */ u(We, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: Q.map((e) => /* @__PURE__ */ u(Ue, {
+					children: $.map((e) => /* @__PURE__ */ u(Ue, {
 						className: "h-full",
 						children: /* @__PURE__ */ u(we, {
 							target: e,
-							onTest: (e) => void un(e),
-							onTerminal: (e) => void pn(e),
+							onTest: (e) => void ln(e),
+							onTerminal: (e) => void fn(e),
 							onOpenDetail: (e) => p(`/targets/${e}`),
-							onEdit: (e) => vn(e),
-							onInstallAgent: (e) => void gn(e),
-							onUninstallAgent: (e) => void _n(e),
+							onEdit: (e) => _n(e),
+							onInstallAgent: (e) => void hn(e),
+							onUninstallAgent: (e) => void gn(e),
 							onDelete: (e) => x(e),
 							selected: S.has(e.id),
-							onToggleSelect: () => Sn(e.id),
+							onToggleSelect: () => xn(e.id),
 							highlighted: m === e.id,
-							isStartingTerminal: dn.has(e.id)
+							isStartingTerminal: un.has(e.id)
 						})
 					}, e.id))
 				}, "grid-view") : /* @__PURE__ */ u(We, {
 					stagger: .04,
 					className: "space-y-2",
-					children: Q.map((e) => {
+					children: $.map((e) => {
 						let t = Ze(e), n = m === e.id;
 						return /* @__PURE__ */ u(Ue, {
 							variant: "fadeRight",
@@ -568,7 +581,7 @@ function Qe() {
 										"aria-label": "control",
 										type: "checkbox",
 										checked: S.has(e.id),
-										onChange: () => Sn(e.id),
+										onChange: () => xn(e.id),
 										className: "rounded border-border-default mt-1"
 									}), /* @__PURE__ */ d("div", {
 										className: "flex min-w-0 flex-1 flex-wrap items-start gap-2",
@@ -635,39 +648,39 @@ function Qe() {
 									children: [
 										/* @__PURE__ */ u("button", {
 											type: "button",
-											onClick: () => void un(e.id),
+											onClick: () => void ln(e.id),
 											title: D("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: D("targets.test", "Test")
 										}),
 										/* @__PURE__ */ u("button", {
 											type: "button",
-											onClick: () => void pn(e.id),
-											disabled: dn.has(e.id),
+											onClick: () => void fn(e.id),
+											disabled: un.has(e.id),
 											title: D("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__ */ d(l, { children: [/* @__PURE__ */ u(Me, {
+											children: un.has(e.id) ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(Me, {
 												size: 12,
 												className: "animate-spin"
 											}), D("targets.starting", "Starting…")] }) : D("targets.terminal", "Terminal")
 										}),
 										/* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => vn(e),
+											onClick: () => _n(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__ */ u(Ne, { size: 14 }), "Edit"]
 										}),
 										e.type !== "DIRECT" && !t && /* @__PURE__ */ u("button", {
 											type: "button",
-											onClick: () => void gn(e),
+											onClick: () => void hn(e),
 											title: D("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: D("targets.installAgent", "Install Agent")
 										}),
 										e.type !== "DIRECT" && t && /* @__PURE__ */ u("button", {
 											type: "button",
-											onClick: () => void _n(e),
+											onClick: () => void gn(e),
 											title: D("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: D("targets.uninstall", "Uninstall")
@@ -688,9 +701,9 @@ function Qe() {
 				}, "list-view")
 			}) : /* @__PURE__ */ u(me, {
 				icon: /* @__PURE__ */ u(Ie, { className: "size-8 text-text-secondary" }),
-				title: $ ? D("targets.emptyNoTargetsFound", "No targets found") : D("targets.emptyNoTargetsConfigured", "No targets configured"),
-				description: $ ? D("targets.emptyAdjustSearch", "Try adjusting your search or filters") : D("targets.emptyDescription", "Add a target to start managing servers, workstations, and environments."),
-				action: $ ? void 0 : /* @__PURE__ */ d("div", {
+				title: Tn ? D("targets.emptyNoTargetsFound", "No targets found") : D("targets.emptyNoTargetsConfigured", "No targets configured"),
+				description: Tn ? D("targets.emptyAdjustSearch", "Try adjusting your search or filters") : D("targets.emptyDescription", "Add a target to start managing servers, workstations, and environments."),
+				action: Tn ? void 0 : /* @__PURE__ */ d("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ d("button", {
 						type: "button",
@@ -781,7 +794,7 @@ function Qe() {
 											children: [/* @__PURE__ */ u("option", {
 												value: "",
 												children: D("targets.selectAgentConnectFrom", "Select an agent to connect from")
-											}), Z.map((e) => /* @__PURE__ */ u("option", {
+											}), Q.map((e) => /* @__PURE__ */ u("option", {
 												value: e.id,
 												children: e.name
 											}, e.id))]
@@ -900,7 +913,7 @@ function Qe() {
 								children: D("targets.tags", "Tags")
 							}), /* @__PURE__ */ u(fe, {
 								entityType: "VIBECONTROLS_TARGET",
-								onDraftChange: Zt
+								onDraftChange: Xt
 							})]
 						}),
 						/* @__PURE__ */ d("div", {
@@ -912,7 +925,7 @@ function Qe() {
 								children: D("common.cancel", "Cancel")
 							}), /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: () => void ln(),
+								onClick: () => void cn(),
 								className: "px-4 py-2 text-sm rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
 								children: D("targets.addTarget", "Add Target")
 							})]
@@ -1100,7 +1113,7 @@ function Qe() {
 								children: "Cancel"
 							}), /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: () => void yn(),
+								onClick: () => void vn(),
 								disabled: M,
 								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"
@@ -1112,7 +1125,7 @@ function Qe() {
 			/* @__PURE__ */ u(oe, {
 				isOpen: !!b,
 				onClose: () => x(null),
-				onConfirm: () => void mn(),
+				onConfirm: () => void pn(),
 				title: D("targets.deleteTarget", "Delete Target"),
 				message: D("targets.deleteTargetMessage", "This will remove the target and its connection from the agent. Active terminals will be disconnected."),
 				confirmLabel: D("common.delete", "Delete"),
@@ -1121,7 +1134,7 @@ function Qe() {
 			/* @__PURE__ */ u(oe, {
 				isOpen: lt,
 				onClose: () => ut(!1),
-				onConfirm: () => void hn(),
+				onConfirm: () => void mn(),
 				title: D("targets.deleteSelectedTargets", "Delete Selected Targets"),
 				message: `${D("targets.confirmDeleteSelectedPrefix", "Are you sure you want to delete")} ${S.size} ${D("nav.targets", "target")}${S.size === 1 ? "" : "s"}? ${D("targets.confirmDeleteSelectedSuffix", "This action cannot be undone.")}`,
 				confirmLabel: D("targets.deleteAll", "Delete All"),
@@ -1143,7 +1156,7 @@ function Qe() {
 								]
 							}), k?.status !== "running" && /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: bn,
+								onClick: yn,
 								className: "p-1 rounded hover:bg-bg-sunken",
 								children: /* @__PURE__ */ u(c, { size: 16 })
 							})]
@@ -1199,7 +1212,7 @@ function Qe() {
 						}),
 						/* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: bn,
+							onClick: yn,
 							disabled: k?.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: !k || k.status === "running" ? D("targets.installing", "Installing...") : D("common.close", "Close")