@burdenoff/microfe-adaptercloud 2026.802.2 → 2026.825.1

package/dist/adaptercloud/pages/topology/TopologyPage.js

@@ -5,21 +5,22 @@ import { StatusBadge as i } from "../../components/StatusBadge.js";
 import { DataState as a } from "../../components/DataState.js";
 import { TopologyGraph as o } from "../../components/viz/TopologyGraph.js";
 import "../../components/viz/index.js";
-import { useResources as s, useTopology as ee } from "../../hooks/useAdapterCloudApi.js";
-import { useCallback as c, useMemo as l, useState as u } from "react";
-import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowRight as d, Boxes as f, GitBranch as p, Layers as m, RefreshCw as h, Search as g, Waypoints as _, X as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { GlassCard as x } from "@burdenoff/fe-libs/ui";
+import { useTopology as s, useTopologyResources as c } from "../../hooks/useAdapterCloudApi.js";
+import { countTransitiveDependents as l } from "./topologyImpact.js";
+import { useCallback as u, useMemo as d, useState as f } from "react";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowRight as m, Boxes as h, GitBranch as g, Layers as _, RefreshCw as v, Search as y, Waypoints as b, X as x } from "lucide-react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { GlassCard as w } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/topology/TopologyPage.tsx
-var S = [
+var T = [
 	"DEPENDS_ON",
 	"CONNECTS_TO",
 	"ROUTES_TO",
 	"REPLICATES_TO",
 	"CONTAINS"
 ];
-function C(e, t) {
+function ee(e, t) {
 	let n = e.toLowerCase();
 	if (/^(gke|k8s|kubernetes|eks|aks)\./.test(n)) return "Kubernetes";
 	if (/^(iot|edge)\./.test(n)) return "Edge / IoT";
@@ -36,352 +37,348 @@ function C(e, t) {
 	}
 	return "Other";
 }
-function w() {
-	let { navigateTo: w } = e(), { t: T } = te(), E = c((e, t) => {
-		let n = T(e);
+function E() {
+	let { navigateTo: E } = e(), { t: D } = p(), O = u((e, t) => {
+		let n = D(e);
 		return n === e ? t : n;
-	}, [T]), D = s({ pagination: { limit: 100 } }), O = ee(), [k, A] = u(""), [j, M] = u(""), [N, P] = u(null), F = l(() => D.data?.items ?? [], [D.data]), I = l(() => O.data ?? [], [O.data]), L = l(() => F.map((e) => ({
+	}, [D]), k = c(), A = s(), [j, M] = f(""), [N, P] = f(""), [F, I] = f(null), L = d(() => k.data ?? [], [k.data]), R = d(() => A.data ?? [], [A.data]), z = d(() => L.map((e) => ({
 		id: e.id,
 		label: e.name,
 		type: e.resourceType,
 		state: e.state,
-		group: C(e.resourceType, e.connection?.name)
-	})), [F]), R = l(() => new Set(L.map((e) => e.id)), [L]), z = l(() => new Map(F.map((e) => [e.id, e.state])), [F]), B = l(() => new Map(L.map((e) => [e.id, e])), [L]), V = l(() => I.filter((e) => R.has(e.fromResourceId) && R.has(e.toResourceId)).map((e) => ({
+		group: ee(e.resourceType, e.connection?.name)
+	})), [L]), B = d(() => new Set(z.map((e) => e.id)), [z]), V = d(() => new Map(L.map((e) => [e.id, e.state])), [L]), H = d(() => new Map(z.map((e) => [e.id, e])), [z]), U = d(() => R.filter((e) => B.has(e.fromResourceId) && B.has(e.toResourceId)).map((e) => ({
 		id: e.id,
 		from: e.fromResourceId,
 		to: e.toResourceId,
 		kind: e.kind,
-		drifted: z.get(e.fromResourceId) === "DRIFTED" || z.get(e.toResourceId) === "DRIFTED"
+		bidirectional: e.bidirectional,
+		drifted: V.get(e.fromResourceId) === "DRIFTED" || V.get(e.toResourceId) === "DRIFTED"
 	})), [
-		I,
 		R,
-		z
-	]), H = l(() => {
+		B,
+		V
+	]), W = d(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of V) {
+		for (let t of U) {
 			let n = e.get(t.from) ?? [];
-			n.push(t.to), e.set(t.from, n);
+			if (n.push(t.to), e.set(t.from, n), t.bidirectional) {
+				let n = e.get(t.to) ?? [];
+				n.push(t.from), e.set(t.to, n);
+			}
 		}
 		return e;
-	}, [V]), U = k.trim().toLowerCase(), W = l(() => U ? L.filter((e) => e.label.toLowerCase().includes(U) || (e.type ?? "").toLowerCase().includes(U)) : L, [L, U]), G = l(() => new Set(W.map((e) => e.id)), [W]), K = l(() => V.filter((e) => G.has(e.from) && G.has(e.to) && (j === "" || e.kind === j)), [
-		V,
-		G,
-		j
-	]), q = l(() => {
+	}, [U]), G = j.trim().toLowerCase(), K = d(() => G ? z.filter((e) => e.label.toLowerCase().includes(G) || (e.type ?? "").toLowerCase().includes(G)) : z, [z, G]), q = d(() => new Set(K.map((e) => e.id)), [K]), J = d(() => U.filter((e) => q.has(e.from) && q.has(e.to) && (N === "" || e.kind === N)), [
+		U,
+		q,
+		N
+	]), Y = d(() => {
 		let e = {};
-		for (let t of V) e[t.kind ?? ""] = (e[t.kind ?? ""] ?? 0) + 1;
+		for (let t of U) e[t.kind ?? ""] = (e[t.kind ?? ""] ?? 0) + 1;
 		return e;
-	}, [V]), J = l(() => {
-		if (!N) return null;
-		let e = B.get(N);
-		if (!e) return null;
-		let t = H.get(N)?.length ?? 0, n = /* @__PURE__ */ new Set(), r = [...H.get(N) ?? []];
-		for (; r.length;) {
-			let e = r.pop();
-			if (!(e === void 0 || e === N || n.has(e))) {
-				n.add(e);
-				for (let t of H.get(e) ?? []) r.push(t);
-			}
-		}
-		return {
+	}, [U]), X = d(() => {
+		if (!F) return null;
+		let e = H.get(F);
+		return e ? {
 			node: e,
-			dependencies: t,
-			blastRadius: n.size
-		};
+			dependencies: W.get(F)?.length ?? 0,
+			blastRadius: l(F, U)
+		} : null;
 	}, [
-		N,
-		B,
-		H
-	]), Y = l(() => new Set(L.map((e) => e.group)).size, [L]), X = c((e) => {
-		P((t) => t === e ? null : e);
-	}, []), Z = D.isLoading || O.isLoading, Q = D.isError || O.isError, $ = c(() => {
-		D.refetch(), O.refetch();
-	}, [D, O]);
-	return /* @__PURE__ */ b(t, {
-		title: E("adaptercloud.topology.title", "Estate Topology"),
-		description: E("adaptercloud.topology.subtitle", "A live dependency map of your entire infrastructure — every system in one graph."),
-		actions: /* @__PURE__ */ b("button", {
+		F,
+		H,
+		W,
+		U
+	]), te = d(() => new Set(z.map((e) => e.group)).size, [z]), ne = u((e) => {
+		I((t) => t === e ? null : e);
+	}, []), Z = k.isLoading || A.isLoading, Q = k.isError || A.isError, $ = u(() => {
+		k.refetch(), A.refetch();
+	}, [k, A]);
+	return /* @__PURE__ */ C(t, {
+		title: O("adaptercloud.topology.title", "Estate Topology"),
+		description: O("adaptercloud.topology.subtitle", "A live dependency map of your entire infrastructure — every system in one graph."),
+		actions: /* @__PURE__ */ C("button", {
 			type: "button",
 			onClick: $,
 			className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
-			children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), E("adaptercloud.common.refresh", "Refresh")]
+			children: [/* @__PURE__ */ S(v, { className: "h-4 w-4" }), O("adaptercloud.common.refresh", "Refresh")]
 		}),
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ C("div", {
 			className: "mb-6 flex flex-wrap items-center gap-3",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ C("div", {
 					className: "relative w-full sm:w-64",
 					children: [
-						/* @__PURE__ */ y(g, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
-						/* @__PURE__ */ y("input", {
+						/* @__PURE__ */ S(y, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
+						/* @__PURE__ */ S("input", {
 							type: "text",
-							value: k,
-							onChange: (e) => A(e.target.value),
-							"aria-label": E("adaptercloud.topology.searchNodes", "Search nodes"),
-							placeholder: E("adaptercloud.topology.searchPlaceholder", "Search nodes…"),
+							value: j,
+							onChange: (e) => M(e.target.value),
+							"aria-label": O("adaptercloud.topology.searchNodes", "Search nodes"),
+							placeholder: O("adaptercloud.topology.searchPlaceholder", "Search nodes…"),
 							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-9 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						}),
-						k && /* @__PURE__ */ y("button", {
+						j && /* @__PURE__ */ S("button", {
 							type: "button",
-							onClick: () => A(""),
-							"aria-label": E("adaptercloud.topology.clearSearch", "Clear search"),
+							onClick: () => M(""),
+							"aria-label": O("adaptercloud.topology.clearSearch", "Clear search"),
 							className: "absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: /* @__PURE__ */ y(v, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ S(x, { className: "h-4 w-4" })
 						})
 					]
 				}),
-				/* @__PURE__ */ b("select", {
-					value: j,
-					onChange: (e) => M(e.target.value),
-					"aria-label": E("adaptercloud.topology.filterByKind", "Filter by edge kind"),
+				/* @__PURE__ */ C("select", {
+					value: N,
+					onChange: (e) => P(e.target.value),
+					"aria-label": O("adaptercloud.topology.filterByKind", "Filter by edge kind"),
 					className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] sm:w-auto",
-					children: [/* @__PURE__ */ y("option", {
+					children: [/* @__PURE__ */ S("option", {
 						value: "",
-						children: E("adaptercloud.topology.allKinds", "All edge kinds")
-					}), S.map((e) => /* @__PURE__ */ y("option", {
+						children: O("adaptercloud.topology.allKinds", "All edge kinds")
+					}), T.map((e) => /* @__PURE__ */ S("option", {
 						value: e,
 						children: n(e)
 					}, e))]
 				}),
-				!Z && !Q && L.length > 0 && /* @__PURE__ */ b("div", {
+				!Z && !Q && z.length > 0 && /* @__PURE__ */ C("div", {
 					className: "ml-auto flex flex-wrap items-center gap-4 text-xs text-text-secondary",
 					children: [
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ C("span", {
 							className: "inline-flex items-center gap-1.5",
 							children: [
-								/* @__PURE__ */ y(f, { className: "h-3.5 w-3.5" }),
-								/* @__PURE__ */ y("span", {
+								/* @__PURE__ */ S(h, { className: "h-3.5 w-3.5" }),
+								/* @__PURE__ */ S("span", {
 									className: "tabular-nums font-medium text-text-primary",
-									children: L.length
+									children: z.length
 								}),
 								" ",
-								E("adaptercloud.topology.nodes", "nodes")
+								O("adaptercloud.topology.nodes", "nodes")
 							]
 						}),
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ C("span", {
 							className: "inline-flex items-center gap-1.5",
 							children: [
-								/* @__PURE__ */ y(p, { className: "h-3.5 w-3.5" }),
-								/* @__PURE__ */ y("span", {
+								/* @__PURE__ */ S(g, { className: "h-3.5 w-3.5" }),
+								/* @__PURE__ */ S("span", {
 									className: "tabular-nums font-medium text-text-primary",
-									children: V.length
+									children: U.length
 								}),
 								" ",
-								E("adaptercloud.topology.edges", "edges")
+								O("adaptercloud.topology.edges", "edges")
 							]
 						}),
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ C("span", {
 							className: "inline-flex items-center gap-1.5",
 							children: [
-								/* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" }),
-								/* @__PURE__ */ y("span", {
+								/* @__PURE__ */ S(_, { className: "h-3.5 w-3.5" }),
+								/* @__PURE__ */ S("span", {
 									className: "tabular-nums font-medium text-text-primary",
-									children: Y
+									children: te
 								}),
 								" ",
-								E("adaptercloud.topology.zones", "zones")
+								O("adaptercloud.topology.zones", "zones")
 							]
 						})
 					]
 				})
 			]
-		}), /* @__PURE__ */ y(a, {
+		}), /* @__PURE__ */ S(a, {
 			isLoading: Z,
 			isError: Q,
-			isEmpty: L.length === 0,
-			error: D.error ?? O.error,
+			isEmpty: z.length === 0,
+			error: k.error ?? A.error,
 			onRetry: $,
-			emptyTitle: E("adaptercloud.topology.emptyTitle", "No topology yet"),
-			emptyDescription: E("adaptercloud.topology.emptyDescription", "No topology yet — register resources and their dependencies to see them mapped here."),
-			emptyIcon: /* @__PURE__ */ y(_, { className: "h-10 w-10" }),
-			emptyAction: /* @__PURE__ */ y("button", {
+			emptyTitle: O("adaptercloud.topology.emptyTitle", "No topology yet"),
+			emptyDescription: O("adaptercloud.topology.emptyDescription", "No topology yet — register resources and their dependencies to see them mapped here."),
+			emptyIcon: /* @__PURE__ */ S(b, { className: "h-10 w-10" }),
+			emptyAction: /* @__PURE__ */ S("button", {
 				type: "button",
-				onClick: () => w("/resources"),
+				onClick: () => E("/resources"),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
-				children: E("adaptercloud.topology.goToResources", "Go to resources")
+				children: O("adaptercloud.topology.goToResources", "Go to resources")
 			}),
-			children: /* @__PURE__ */ b("div", {
+			children: /* @__PURE__ */ C("div", {
 				className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_20rem]",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "min-w-0 space-y-4",
 					children: [
-						V.length === 0 && /* @__PURE__ */ y("p", {
+						U.length === 0 && /* @__PURE__ */ S("p", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/50 px-4 py-3 text-sm text-text-secondary",
-							children: E("adaptercloud.topology.noEdges", "No dependency edges recorded yet — nodes are shown grouped by zone. Add dependencies from a resource to connect the graph.")
+							children: O("adaptercloud.topology.noEdges", "No dependency edges recorded yet — nodes are shown grouped by zone. Add dependencies from a resource to connect the graph.")
 						}),
-						W.length > 0 ? /* @__PURE__ */ y(o, {
-							nodes: W,
-							edges: K,
-							selectedId: N,
-							onSelect: X
-						}) : /* @__PURE__ */ b("div", {
+						K.length > 0 ? /* @__PURE__ */ S(o, {
+							nodes: K,
+							edges: J,
+							selectedId: F,
+							onSelect: ne
+						}) : /* @__PURE__ */ C("div", {
 							className: "flex min-h-[200px] flex-col items-center justify-center gap-2 rounded-xl border border-border-subtle bg-bg-surface p-8 text-center",
-							children: [/* @__PURE__ */ y(g, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ S(y, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ S("p", {
 								className: "text-sm text-text-secondary",
-								children: E("adaptercloud.topology.noMatches", "No nodes match your search.")
+								children: O("adaptercloud.topology.noMatches", "No nodes match your search.")
 							})]
 						}),
-						/* @__PURE__ */ b(x, {
+						/* @__PURE__ */ C(w, {
 							className: "p-4",
-							children: [/* @__PURE__ */ y("h3", {
+							children: [/* @__PURE__ */ S("h3", {
 								className: "mb-3 text-sm font-semibold text-text-primary",
-								children: E("adaptercloud.topology.legend", "Legend")
-							}), /* @__PURE__ */ b("div", {
+								children: O("adaptercloud.topology.legend", "Legend")
+							}), /* @__PURE__ */ C("div", {
 								className: "grid gap-4 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 									className: "mb-2 text-xs font-medium uppercase tracking-wide text-text-secondary",
-									children: E("adaptercloud.topology.edgeSignals", "Edge signals")
-								}), /* @__PURE__ */ b("ul", {
+									children: O("adaptercloud.topology.edgeSignals", "Edge signals")
+								}), /* @__PURE__ */ C("ul", {
 									className: "space-y-1.5 text-xs text-text-secondary",
 									children: [
-										/* @__PURE__ */ b("li", {
+										/* @__PURE__ */ C("li", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ y("span", {
+											children: [/* @__PURE__ */ S("span", {
 												className: "h-0.5 w-6 shrink-0 rounded bg-border-strong",
 												"aria-hidden": !0
-											}), E("adaptercloud.topology.dependency", "Dependency")]
+											}), O("adaptercloud.topology.dependency", "Dependency")]
 										}),
-										/* @__PURE__ */ b("li", {
+										/* @__PURE__ */ C("li", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ y("span", {
+											children: [/* @__PURE__ */ S("span", {
 												className: "h-0.5 w-6 shrink-0 rounded bg-accent-blue",
 												"aria-hidden": !0
-											}), E("adaptercloud.topology.selectedPath", "Selected node path")]
+											}), O("adaptercloud.topology.selectedPath", "Selected node path")]
 										}),
-										/* @__PURE__ */ b("li", {
+										/* @__PURE__ */ C("li", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ y("span", {
+											children: [/* @__PURE__ */ S("span", {
 												className: "h-0.5 w-6 shrink-0 rounded bg-status-warning-text",
 												"aria-hidden": !0
-											}), E("adaptercloud.topology.drift", "Drift (endpoint drifted)")]
+											}), O("adaptercloud.topology.drift", "Drift (endpoint drifted)")]
 										})
 									]
-								})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 									className: "mb-2 text-xs font-medium uppercase tracking-wide text-text-secondary",
-									children: E("adaptercloud.topology.edgeKinds", "Edge kinds")
-								}), /* @__PURE__ */ y("ul", {
+									children: O("adaptercloud.topology.edgeKinds", "Edge kinds")
+								}), /* @__PURE__ */ S("ul", {
 									className: "flex flex-wrap gap-1.5",
-									children: S.map((e) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ b("span", {
+									children: T.map((e) => /* @__PURE__ */ S("li", { children: /* @__PURE__ */ C("span", {
 										className: "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
-										children: [n(e), /* @__PURE__ */ y("span", {
+										children: [n(e), /* @__PURE__ */ S("span", {
 											className: "tabular-nums font-medium text-text-primary",
-											children: q[e] ?? 0
+											children: Y[e] ?? 0
 										})]
 									}) }, e))
 								})] })]
 							})]
 						})
 					]
-				}), /* @__PURE__ */ y("aside", {
+				}), /* @__PURE__ */ S("aside", {
 					className: "lg:sticky lg:top-6 lg:h-fit",
-					children: /* @__PURE__ */ y(x, {
+					children: /* @__PURE__ */ S(w, {
 						className: "p-5",
-						children: J ? /* @__PURE__ */ b("div", {
+						children: X ? /* @__PURE__ */ C("div", {
 							className: "space-y-5",
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ C("div", {
 									className: "flex items-start justify-between gap-3",
-									children: [/* @__PURE__ */ b("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "flex min-w-0 items-center gap-2.5",
-										children: [/* @__PURE__ */ y("span", {
+										children: [/* @__PURE__ */ S("span", {
 											className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken",
-											children: /* @__PURE__ */ y(_, { className: "h-4.5 w-4.5 text-accent-blue" })
-										}), /* @__PURE__ */ b("div", {
+											children: /* @__PURE__ */ S(b, { className: "h-4.5 w-4.5 text-accent-blue" })
+										}), /* @__PURE__ */ C("div", {
 											className: "min-w-0",
-											children: [/* @__PURE__ */ y("h3", {
+											children: [/* @__PURE__ */ S("h3", {
 												className: "truncate text-base font-semibold text-text-primary",
-												children: J.node.label
-											}), /* @__PURE__ */ y("p", {
+												children: X.node.label
+											}), /* @__PURE__ */ S("p", {
 												className: "text-xs text-text-secondary",
-												children: E("adaptercloud.topology.inspector", "Inspector")
+												children: O("adaptercloud.topology.inspector", "Inspector")
 											})]
 										})]
-									}), /* @__PURE__ */ y("button", {
+									}), /* @__PURE__ */ S("button", {
 										type: "button",
-										onClick: () => P(null),
-										"aria-label": E("adaptercloud.topology.closeInspector", "Close inspector"),
+										onClick: () => I(null),
+										"aria-label": O("adaptercloud.topology.closeInspector", "Close inspector"),
 										className: "rounded p-1 text-text-secondary transition-colors hover:bg-accent hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-										children: /* @__PURE__ */ y(v, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ S(x, { className: "h-4 w-4" })
 									})]
 								}),
-								/* @__PURE__ */ b("dl", {
+								/* @__PURE__ */ C("dl", {
 									className: "space-y-3 text-sm",
 									children: [
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ C("div", {
 											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ y("dt", {
+											children: [/* @__PURE__ */ S("dt", {
 												className: "text-text-secondary",
-												children: E("adaptercloud.topology.type", "Type")
-											}), /* @__PURE__ */ y("dd", {
+												children: O("adaptercloud.topology.type", "Type")
+											}), /* @__PURE__ */ S("dd", {
 												className: "truncate font-mono text-xs text-text-primary",
-												children: J.node.type ?? "—"
+												children: X.node.type ?? "—"
 											})]
 										}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ C("div", {
 											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ y("dt", {
+											children: [/* @__PURE__ */ S("dt", {
 												className: "text-text-secondary",
-												children: E("adaptercloud.topology.zone", "Zone")
-											}), /* @__PURE__ */ y("dd", {
+												children: O("adaptercloud.topology.zone", "Zone")
+											}), /* @__PURE__ */ S("dd", {
 												className: "text-text-primary",
-												children: J.node.group
+												children: X.node.group
 											})]
 										}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ C("div", {
 											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ y("dt", {
+											children: [/* @__PURE__ */ S("dt", {
 												className: "text-text-secondary",
-												children: E("adaptercloud.topology.state", "State")
-											}), /* @__PURE__ */ y("dd", { children: /* @__PURE__ */ y(i, {
-												status: J.node.state ?? "",
-												label: J.node.state ? r[J.node.state] : void 0
+												children: O("adaptercloud.topology.state", "State")
+											}), /* @__PURE__ */ S("dd", { children: /* @__PURE__ */ S(i, {
+												status: X.node.state ?? "",
+												label: X.node.state ? r[X.node.state] : void 0
 											}) })]
 										})
 									]
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-2 gap-3",
-									children: [/* @__PURE__ */ b("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ y("p", {
+										children: [/* @__PURE__ */ S("p", {
 											className: "text-2xl font-bold tabular-nums text-text-primary",
-											children: J.dependencies
-										}), /* @__PURE__ */ y("p", {
+											children: X.dependencies
+										}), /* @__PURE__ */ S("p", {
 											className: "mt-0.5 text-xs text-text-secondary",
-											children: E("adaptercloud.topology.dependencies", "Dependencies")
+											children: O("adaptercloud.topology.dependencies", "Dependencies")
 										})]
-									}), /* @__PURE__ */ b("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ y("p", {
+										children: [/* @__PURE__ */ S("p", {
 											className: "text-2xl font-bold tabular-nums text-text-primary",
-											children: J.blastRadius
-										}), /* @__PURE__ */ y("p", {
+											children: X.blastRadius
+										}), /* @__PURE__ */ S("p", {
 											className: "mt-0.5 text-xs text-text-secondary",
-											children: E("adaptercloud.topology.blastRadius", "Blast radius")
+											children: O("adaptercloud.topology.blastRadius", "Dependent impact")
 										})]
 									})]
 								}),
-								/* @__PURE__ */ b("button", {
+								/* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => w(`/resources/${J.node.id}`),
+									onClick: () => E(`/resources/${X.node.id}`),
 									className: "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
-									children: [E("adaptercloud.topology.viewResource", "View resource"), /* @__PURE__ */ y(d, { className: "h-4 w-4" })]
+									children: [O("adaptercloud.topology.viewResource", "View resource"), /* @__PURE__ */ S(m, { className: "h-4 w-4" })]
 								})
 							]
-						}) : /* @__PURE__ */ b("div", {
+						}) : /* @__PURE__ */ C("div", {
 							className: "flex flex-col items-center gap-3 py-8 text-center",
 							children: [
-								/* @__PURE__ */ y("span", {
+								/* @__PURE__ */ S("span", {
 									className: "flex h-11 w-11 items-center justify-center rounded-full bg-bg-sunken",
-									children: /* @__PURE__ */ y(_, { className: "h-5 w-5 text-text-secondary" })
+									children: /* @__PURE__ */ S(b, { className: "h-5 w-5 text-text-secondary" })
 								}),
-								/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ S("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: E("adaptercloud.topology.inspectorTitle", "Inspector")
+									children: O("adaptercloud.topology.inspectorTitle", "Inspector")
 								}),
-								/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ S("p", {
 									className: "max-w-[16rem] text-xs text-text-secondary",
-									children: E("adaptercloud.topology.inspectorHint", "Select any node in the graph to see its type, state, dependencies and downstream blast radius.")
+									children: O("adaptercloud.topology.inspectorHint", "Select any node to see its direct prerequisites and the transitive dependents that may be affected if it changes.")
 								})
 							]
 						})
@@ -392,6 +389,6 @@ function w() {
 	});
 }
 //#endregion
-export { w as TopologyPage };
+export { E as TopologyPage };
 
 //# sourceMappingURL=TopologyPage.js.map