@tangle-network/sandbox-cli 0.21.26 → 0.21.28

package/dist/graph-viewer/viewer/Topology-Dsmuu27J.js

@@ -1,551 +0,0 @@
-import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { S as r, a as i, b as a, c as o, d as s, f as c, g as l, l as u, m as d, n as f, o as p, s as m, t as h, u as g, v as _, w as v } from "./ui-DZiGjPwl.js";
-import { agentParam as y } from "./RunPage-ChipoSdO.js";
-//#region src/workspace/run/Topology.tsx
-var b = /* @__PURE__ */ e(t(), 1), x = n();
-function S(e, t, n, r, i) {
-	let a = new Set(e.teams.map((e) => e.id)), o = i ? Math.min(280, t - 32) : a.size ? 216 : 272, s = o + (a.size ? 56 : 72), c = /* @__PURE__ */ new Map(), l = [], u = (i, d, f) => {
-		let p = 24 + d * s;
-		if (i.children.length > 8 && a.has(i.id)) {
-			let e = 24 + (d + 1) * s, n = Math.max(1, Math.floor((t - e - 48 + 8) / 218)), a = r.has(i.id), u = Math.ceil(i.children.length / n), m = a ? 48 + u * 52 - 8 + 12 : 48;
-			return l.push({
-				id: i.id,
-				x: e,
-				y: f,
-				w: n * 218 - 8 + 24,
-				h: m,
-				open: a
-			}), a && i.children.forEach((t, r) => c.set(t, {
-				x: e + 12 + r % n * 218,
-				y: f + 48 + Math.floor(r / n) * 52,
-				w: 210,
-				h: 44,
-				sm: !0,
-				team: i.id
-			})), c.set(i.id, {
-				x: p,
-				y: f + 24 - 29 + 4,
-				w: o,
-				h: 58
-			}), Math.max(m, 58) + 16;
-		}
-		if (!i.children.length) return c.set(i.id, {
-			x: p,
-			y: f,
-			w: o,
-			h: 58
-		}), 68;
-		let m = f;
-		for (let t of i.children) m += u(e.byId.get(t), d + 1, m);
-		let h = m - f - 10, g = c.get(i.children[0]);
-		return c.set(i.id, {
-			x: p,
-			y: h > n - 48 ? g.y : f + Math.max(0, h / 2 - 29),
-			w: o,
-			h: 58
-		}), Math.max(m - f, 68);
-	};
-	if (i) {
-		let t = 16;
-		for (let n of e.tree) c.set(n.id, {
-			x: 12 + Math.min(n.depth, 4) * 20,
-			y: t,
-			w: o - Math.min(n.depth, 4) * 20,
-			h: 58
-		}), t += 66;
-	} else {
-		let t = 24;
-		for (let n of e.agents.filter((e) => !e.parent)) t += u(n, 0, t);
-	}
-	let d = [...c.values(), ...l], f = Math.max(0, ...d.map((e) => e.x + e.w)) + 24, p = Math.max(0, ...d.map((e) => e.y + e.h)) + 24, m = i ? 0 : Math.max(0, (t - f) / 2), h = i ? 0 : Math.max(0, (n - p) / 2);
-	for (let e of d) e.x += m, e.y += h;
-	return {
-		pos: c,
-		frames: l,
-		W: Math.max(t, f + m),
-		H: Math.max(n, p + h),
-		over: p > n + 160 || f > t + 160
-	};
-}
-function C({ m: e, agent: t, selectAgent: n, route: a, doc: u }) {
-	let f = (0, b.useRef)(null), v = l(), [C, E] = (0, b.useState)({
-		w: 1e3,
-		h: 700
-	}), [D, O] = (0, b.useState)({
-		top: 0,
-		left: 0
-	}), [k, A] = (0, b.useState)(() => new Set(e.teams.length === 1 ? [e.teams[0].id] : [])), j = d();
-	(0, b.useLayoutEffect)(() => {
-		let e = f.current;
-		if (!e) return;
-		let t = () => E({
-			w: e.clientWidth,
-			h: e.clientHeight
-		});
-		t();
-		let n = new ResizeObserver(t);
-		return n.observe(e), () => n.disconnect();
-	}, []);
-	let M = (0, b.useMemo)(() => S(e, C.w, C.h, k, v), [
-		e,
-		C,
-		k,
-		v
-	]), N = t ?? e.root?.id ?? null, { anc: P, desc: F } = (0, b.useMemo)(() => {
-		let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
-		for (let n = N ? e.byId.get(N)?.parent : null; n; n = e.byId.get(n)?.parent ?? null) t.add(n);
-		let r = (t) => {
-			for (let i of e.byId.get(t)?.children ?? []) n.add(i), r(i);
-		};
-		return N && r(N), {
-			anc: t,
-			desc: n
-		};
-	}, [e, N]), I = N !== null && N !== e.root?.id, L = (e) => !I || e === N || P.has(e) || F.has(e), R = (e) => {
-		let t = M.pos.get(e);
-		t && f.current && f.current.scrollTo({
-			left: t.x + t.w / 2 - C.w / 2,
-			top: t.y + t.h / 2 - C.h / 2,
-			behavior: "smooth"
-		});
-	};
-	(0, b.useEffect)(() => {
-		if (N) {
-			let t = e.byId.get(N)?.team;
-			t && t !== N && !k.has(t) && A(/* @__PURE__ */ new Set([...k, t]));
-		}
-	}, [N]);
-	let z = (e) => [e.x + e.w, e.y + e.h / 2], B = (e) => [e.x, e.y + e.h / 2], V = (e, t, n, r) => {
-		if (v) {
-			let [i, a] = B(t);
-			return /* @__PURE__ */ (0, x.jsx)("path", {
-				d: `M${e.x + 16} ${e.y + e.h} V${a - 8} q0 8 8 8 H${i}`,
-				className: n ? "hot" : ""
-			}, r);
-		}
-		let [i, a] = z(e), [o, s] = B(t), c = (i + o) / 2;
-		return /* @__PURE__ */ (0, x.jsx)("path", {
-			d: `M${i} ${a} C${c} ${a} ${c} ${s} ${o} ${s}`,
-			className: n ? "hot" : I ? "fade" : ""
-		}, r);
-	}, H = [];
-	for (let t of e.agents) {
-		let e = M.pos.get(t.id), n = t.parent ? M.pos.get(t.parent) : null;
-		e && n && !e.team && H.push(V(n, e, t.id === N || t.parent === N || P.has(t.id) && (P.has(t.parent) || t.parent === N), t.id));
-	}
-	for (let e of M.frames) {
-		let t = M.pos.get(e.id);
-		t && H.push(V(t, {
-			x: e.x,
-			y: e.y,
-			w: e.w,
-			h: 48
-		}, e.id === N || M.pos.get(N ?? "")?.team === e.id, `f:${e.id}`));
-	}
-	let U = e.agents.filter((e) => {
-		let t = M.pos.get(e.id);
-		return t && t.y + t.h >= D.top - 400 && t.y <= D.top + C.h + 400 && t.x + t.w >= D.left - 400 && t.x <= D.left + C.w + 400;
-	}), W = () => f.current?.getBoundingClientRect(), G = N ? e.byId.get(N) ?? null : null;
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
-		className: "rp-topo",
-		children: [/* @__PURE__ */ (0, x.jsxs)("section", {
-			className: "rp-card",
-			"aria-label": "Spawn tree",
-			children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-				className: "rp-hd",
-				children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-					className: "rp-legend",
-					children: [
-						/* @__PURE__ */ (0, x.jsxs)("span", {
-							className: "rp-key",
-							children: [/* @__PURE__ */ (0, x.jsx)(m, { tone: "ok" }), "Done"]
-						}),
-						/* @__PURE__ */ (0, x.jsxs)("span", {
-							className: "rp-key",
-							children: [/* @__PURE__ */ (0, x.jsx)(m, { tone: "live" }), "Running"]
-						}),
-						/* @__PURE__ */ (0, x.jsxs)("span", {
-							className: "rp-key",
-							children: [/* @__PURE__ */ (0, x.jsx)(m, { tone: "" }), "Stopped"]
-						}),
-						/* @__PURE__ */ (0, x.jsxs)("span", {
-							className: "rp-key",
-							children: [/* @__PURE__ */ (0, x.jsx)(m, { tone: "none" }), "Never ran"]
-						})
-					]
-				}), /* @__PURE__ */ (0, x.jsxs)("span", {
-					className: "end",
-					children: [e.teams.length > 0 && /* @__PURE__ */ (0, x.jsxs)("span", {
-						className: "rp-group",
-						role: "group",
-						"aria-label": "Teams",
-						children: [/* @__PURE__ */ (0, x.jsx)("button", {
-							type: "button",
-							className: "rp-btn",
-							onClick: () => A(new Set(e.teams.map((e) => e.id))),
-							children: "Expand all"
-						}), /* @__PURE__ */ (0, x.jsx)("button", {
-							type: "button",
-							className: "rp-btn",
-							onClick: () => A(/* @__PURE__ */ new Set()),
-							children: "Collapse all"
-						})]
-					}), /* @__PURE__ */ (0, x.jsx)(p, {
-						label: "Go to agent",
-						options: s(e),
-						groups: g(e),
-						value: N,
-						placeholder: `Search ${e.agents.length} agents`,
-						width: 340,
-						style: { width: 220 },
-						onChange: (e) => {
-							e && (n(e), window.setTimeout(() => R(e), 60));
-						},
-						children: /* @__PURE__ */ (0, x.jsx)("span", {
-							className: "dim",
-							children: "Go to agent"
-						})
-					})]
-				})]
-			}), /* @__PURE__ */ (0, x.jsxs)("div", {
-				className: "rp-topo-wrap",
-				children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-					className: "rp-topo-canvas",
-					ref: f,
-					onScroll: (e) => O({
-						top: e.currentTarget.scrollTop,
-						left: e.currentTarget.scrollLeft
-					}),
-					children: [
-						/* @__PURE__ */ (0, x.jsx)("svg", {
-							className: "edges",
-							width: M.W,
-							height: M.H,
-							"aria-hidden": "true",
-							children: H
-						}),
-						M.frames.map((t) => {
-							let n = e.teams.find((e) => e.id === t.id), r = n.members.map((t) => e.byId.get(t)), a = r.filter((e) => e.state.tone === "live").length, s = r.filter((e) => e.state.tone === "ok").length, c = I && !(t.id === N || P.has(t.id) || M.pos.get(N ?? "")?.team === t.id);
-							return /* @__PURE__ */ (0, x.jsx)("div", {
-								className: `rp-team${c ? " fade" : ""}`,
-								style: {
-									left: t.x,
-									top: t.y,
-									width: t.w,
-									height: t.h
-								},
-								children: /* @__PURE__ */ (0, x.jsxs)("button", {
-									type: "button",
-									className: "rp-team-h",
-									"aria-expanded": t.open,
-									onClick: () => A((e) => {
-										let n = new Set(e);
-										return n.has(t.id) ? n.delete(t.id) : n.add(t.id), n;
-									}),
-									onPointerEnter: (t) => j.show({
-										content: /* @__PURE__ */ (0, x.jsx)(o, {
-											m: e,
-											team: n
-										}),
-										rect: t.currentTarget.getBoundingClientRect(),
-										bounds: W(),
-										vertical: !0,
-										wide: !0
-									}),
-									onPointerLeave: () => j.hide(),
-									children: [
-										/* @__PURE__ */ (0, x.jsx)("span", {
-											className: "cv",
-											children: /* @__PURE__ */ (0, x.jsx)(i, { name: "chevron" })
-										}),
-										/* @__PURE__ */ (0, x.jsx)("b", { children: n.label }),
-										/* @__PURE__ */ (0, x.jsx)("span", {
-											className: "ct",
-											children: r.length
-										}),
-										/* @__PURE__ */ (0, x.jsxs)("span", {
-											className: "st",
-											children: [
-												/* @__PURE__ */ (0, x.jsxs)("span", {
-													className: "mb",
-													children: [/* @__PURE__ */ (0, x.jsx)("i", {
-														className: "ok",
-														style: { width: `${s / r.length * 100}%` }
-													}), /* @__PURE__ */ (0, x.jsx)("i", {
-														className: "live",
-														style: { width: `${a / r.length * 100}%` }
-													})]
-												}),
-												a ? `${a} running · ` : "",
-												_(r.reduce((e, t) => e + (t.tokens ?? 0), 0))
-											]
-										})
-									]
-								})
-							}, t.id);
-						}),
-						U.map((t) => {
-							let i = M.pos.get(t.id), a = `rp-node${i.sm ? " sm" : ""}${t.id === N ? " sel" : ""}${L(t.id) || i.team && M.pos.get(N ?? "")?.team === i.team ? "" : " fade"}${t.state.tone === "none" ? " ghost" : ""}`;
-							return /* @__PURE__ */ (0, x.jsxs)("button", {
-								type: "button",
-								className: a,
-								style: {
-									left: i.x,
-									top: i.y,
-									width: i.w
-								},
-								"aria-pressed": t.id === N,
-								onClick: () => n(t.id),
-								onPointerEnter: (n) => j.show({
-									content: /* @__PURE__ */ (0, x.jsx)(h, {
-										m: e,
-										a: t
-									}),
-									rect: n.currentTarget.getBoundingClientRect(),
-									bounds: W(),
-									vertical: !0,
-									wide: t.tools.length > 0
-								}),
-								onPointerLeave: () => j.hide(),
-								onFocus: (n) => j.show({
-									content: /* @__PURE__ */ (0, x.jsx)(h, {
-										m: e,
-										a: t
-									}),
-									rect: n.currentTarget.getBoundingClientRect(),
-									bounds: W(),
-									vertical: !0,
-									wide: t.tools.length > 0
-								}),
-								onBlur: () => j.hide(),
-								children: [/* @__PURE__ */ (0, x.jsxs)("span", {
-									className: "r1",
-									children: [
-										/* @__PURE__ */ (0, x.jsx)(m, { tone: t.state.tone }),
-										/* @__PURE__ */ (0, x.jsx)("span", {
-											className: "nm",
-											title: t.name,
-											children: c(i.sm && t.parent && t.name.startsWith(`${e.byId.get(t.parent)?.name}-`) ? t.name.slice((e.byId.get(t.parent)?.name.length ?? 0) + 1) : t.name.length <= (i.sm ? 20 : 30) ? t.name : t.short, i.sm ? 20 : 30)
-										}),
-										/* @__PURE__ */ (0, x.jsx)("span", {
-											className: "dim",
-											children: i.sm ? _(t.tokens) : t.state.label
-										})
-									]
-								}), !i.sm && /* @__PURE__ */ (0, x.jsx)("span", {
-									className: "r2",
-									children: t.tokens === null ? "no usage recorded" : `${_(t.tokens)} tokens · ${r(t.steps.length)} steps${t.failedSteps ? ` · ${t.failedSteps} failed` : ""}`
-								})]
-							}, t.id);
-						}),
-						/* @__PURE__ */ (0, x.jsx)("div", { style: {
-							position: "absolute",
-							left: 0,
-							top: M.H - 1,
-							width: M.W,
-							height: 1
-						} })
-					]
-				}), M.over && !v && /* @__PURE__ */ (0, x.jsx)(w, {
-					m: e,
-					L: M,
-					view: D,
-					size: C,
-					selected: N,
-					onJump: (e, t) => f.current?.scrollTo({
-						left: e - C.w / 2,
-						top: t - C.h / 2
-					})
-				})]
-			})]
-		}), G && /* @__PURE__ */ (0, x.jsx)(T, {
-			m: e,
-			a: G,
-			onSelect: (e) => {
-				n(e), window.setTimeout(() => R(e), 60);
-			},
-			href: a.href("conversations", { agent: y(u.run.id, G.id) })
-		})]
-	});
-}
-function w({ m: e, L: t, view: n, size: r, selected: i, onJump: a }) {
-	let o = 184 / t.W, s = Math.min(160, t.H * o);
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
-		className: "rp-mm",
-		onClick: (e) => {
-			let t = e.currentTarget.querySelector("svg").getBoundingClientRect();
-			a((e.clientX - t.left) / o, (e.clientY - t.top) / o);
-		},
-		children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-			className: "mm-h",
-			children: [/* @__PURE__ */ (0, x.jsx)("span", { children: "Map" }), /* @__PURE__ */ (0, x.jsxs)("span", { children: [e.agents.length, " agents"] })]
-		}), /* @__PURE__ */ (0, x.jsxs)("svg", {
-			viewBox: `0 0 184 ${s}`,
-			style: { height: s },
-			"aria-hidden": "true",
-			children: [
-				t.frames.map((e) => /* @__PURE__ */ (0, x.jsx)("rect", {
-					x: e.x * o,
-					y: e.y * o,
-					width: e.w * o,
-					height: e.h * o,
-					rx: "1.5",
-					className: "fr"
-				}, e.id)),
-				[...t.pos].map(([t, n]) => /* @__PURE__ */ (0, x.jsx)("rect", {
-					x: n.x * o,
-					y: n.y * o,
-					width: Math.max(1.5, n.w * o),
-					height: Math.max(1.5, n.h * o),
-					rx: "1.5",
-					className: t === i ? "sel" : e.byId.get(t)?.state.tone === "live" ? "live" : ""
-				}, t)),
-				/* @__PURE__ */ (0, x.jsx)("rect", {
-					x: n.left * o,
-					y: n.top * o,
-					width: r.w * o,
-					height: r.h * o,
-					rx: "2",
-					className: "vp"
-				})
-			]
-		})]
-	});
-}
-function T({ m: e, a: t, onSelect: n, href: o }) {
-	let s = a(e.t0), c = Math.max(1, ...t.tools.map((e) => e.calls)), l = t.parent ? e.byId.get(t.parent) : null, d = [[
-		t.model ?? "model",
-		t.latency.p50,
-		t.latency.p90,
-		t.latency.p99,
-		t.modelCalls
-	], ...t.tools.slice(0, 5).map((e) => [
-		e.name,
-		e.p50,
-		e.p90,
-		e.p99,
-		e.calls
-	])];
-	return /* @__PURE__ */ (0, x.jsxs)("aside", {
-		className: "rp-card",
-		"aria-label": t.name,
-		children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-			className: "rp-hd",
-			children: [/* @__PURE__ */ (0, x.jsxs)("h2", { children: [/* @__PURE__ */ (0, x.jsx)(m, { tone: t.state.tone }), t.name] }), /* @__PURE__ */ (0, x.jsx)("span", {
-				className: "end",
-				children: /* @__PURE__ */ (0, x.jsx)("span", {
-					className: `rp-pill ${t.state.tone}`,
-					children: t.state.label
-				})
-			})]
-		}), /* @__PURE__ */ (0, x.jsxs)("div", {
-			className: "rp-scroll rp-tinsp",
-			children: [
-				/* @__PURE__ */ (0, x.jsxs)("dl", {
-					className: "rp-kv",
-					children: [
-						/* @__PURE__ */ (0, x.jsx)("dt", { children: "Model" }),
-						/* @__PURE__ */ (0, x.jsx)("dd", { children: [t.model, t.harness].filter(Boolean).join(" · ") || "—" }),
-						/* @__PURE__ */ (0, x.jsx)("dt", { children: "Spawned" }),
-						/* @__PURE__ */ (0, x.jsxs)("dd", { children: [l ? `by ${l.name} · ` : "", t.start === null ? "—" : `${s(Math.max(0, t.start))} UTC`] }),
-						/* @__PURE__ */ (0, x.jsx)("dt", { children: "Ended" }),
-						/* @__PURE__ */ (0, x.jsx)("dd", { children: t.state.tone === "live" ? "running" : t.end === null ? "—" : `${s(t.end)} UTC` }),
-						/* @__PURE__ */ (0, x.jsx)("dt", { children: "Cost" }),
-						/* @__PURE__ */ (0, x.jsx)("dd", { children: u(t) })
-					]
-				}),
-				/* @__PURE__ */ (0, x.jsxs)("div", {
-					className: "rp-stat3",
-					children: [
-						/* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: _(t.tokens) }), /* @__PURE__ */ (0, x.jsx)("span", { children: "tokens" })] }),
-						/* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: r(t.modelCalls) }), /* @__PURE__ */ (0, x.jsx)("span", { children: "model calls" })] }),
-						/* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: r(t.toolCalls) }), /* @__PURE__ */ (0, x.jsx)("span", { children: "tool calls" })] }),
-						/* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: t.failedSteps }), /* @__PURE__ */ (0, x.jsx)("span", { children: "failed steps" })] }),
-						/* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: t.restarts.length }), /* @__PURE__ */ (0, x.jsx)("span", { children: "restarts" })] }),
-						/* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: t.commits ?? "—" }), /* @__PURE__ */ (0, x.jsx)("span", { children: "commits" })] })
-					]
-				}),
-				t.modelCalls > 0 && /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)("h5", {
-					className: "rp-subh",
-					children: "Latency"
-				}), /* @__PURE__ */ (0, x.jsxs)("table", {
-					className: "rp-lt",
-					children: [/* @__PURE__ */ (0, x.jsx)("thead", { children: /* @__PURE__ */ (0, x.jsxs)("tr", { children: [
-						/* @__PURE__ */ (0, x.jsx)("th", {}),
-						/* @__PURE__ */ (0, x.jsx)("th", { children: "calls" }),
-						/* @__PURE__ */ (0, x.jsx)("th", { children: "p50" }),
-						/* @__PURE__ */ (0, x.jsx)("th", { children: "p90" }),
-						/* @__PURE__ */ (0, x.jsx)("th", { children: "p99" })
-					] }) }), /* @__PURE__ */ (0, x.jsx)("tbody", { children: d.map(([e, t, n, i, a]) => /* @__PURE__ */ (0, x.jsxs)("tr", { children: [
-						/* @__PURE__ */ (0, x.jsx)("td", {
-							title: e,
-							children: e
-						}),
-						/* @__PURE__ */ (0, x.jsx)("td", { children: r(a) }),
-						/* @__PURE__ */ (0, x.jsx)("td", { children: v(t) }),
-						/* @__PURE__ */ (0, x.jsx)("td", { children: v(n) }),
-						/* @__PURE__ */ (0, x.jsx)("td", { children: v(i) })
-					] }, e)) })]
-				})] }),
-				t.tools.length > 0 && /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)("h5", {
-					className: "rp-subh",
-					children: "Tool calls"
-				}), /* @__PURE__ */ (0, x.jsx)("div", {
-					className: "rp-tbars four",
-					children: t.tools.slice(0, 8).map((e) => /* @__PURE__ */ (0, x.jsxs)("div", {
-						className: "row",
-						children: [
-							/* @__PURE__ */ (0, x.jsx)("span", {
-								className: "l",
-								title: e.name,
-								children: e.name
-							}),
-							/* @__PURE__ */ (0, x.jsx)(f, {
-								ok: e.calls - e.failures,
-								failed: e.failures,
-								max: c
-							}),
-							/* @__PURE__ */ (0, x.jsx)("span", {
-								className: "n",
-								children: r(e.calls)
-							}),
-							/* @__PURE__ */ (0, x.jsx)("span", {
-								className: "n f",
-								children: e.failures ? `${e.failures} ✕` : ""
-							})
-						]
-					}, e.name))
-				})] }),
-				t.children.length > 0 && /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsxs)("h5", {
-					className: "rp-subh",
-					children: ["Spawned · ", t.children.length]
-				}), /* @__PURE__ */ (0, x.jsxs)("div", {
-					className: "rp-chips",
-					children: [t.children.slice(0, 14).map((t) => {
-						let r = e.byId.get(t);
-						return /* @__PURE__ */ (0, x.jsxs)("button", {
-							type: "button",
-							className: "rp-chip",
-							onClick: () => n(t),
-							children: [/* @__PURE__ */ (0, x.jsx)(m, { tone: r.state.tone }), r.name]
-						}, t);
-					}), t.children.length > 14 && /* @__PURE__ */ (0, x.jsxs)("span", {
-						className: "rp-chip dim",
-						children: [t.children.length - 14, " more"]
-					})]
-				})] }),
-				/* @__PURE__ */ (0, x.jsx)("p", { children: /* @__PURE__ */ (0, x.jsxs)("a", {
-					className: "rp-btn sm framed",
-					href: o,
-					children: ["Conversation", /* @__PURE__ */ (0, x.jsx)(i, {
-						name: "arrow",
-						size: 14
-					})]
-				}) })
-			]
-		})]
-	});
-}
-//#endregion
-export { C as Topology };