@tangle-network/sandbox-cli 0.21.64 → 0.21.66

package/dist/graph-viewer/viewer/ui-C9b1rIUH.js

@@ -1,938 +0,0 @@
-import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
-import { t as r } from "./react-dom-t1L4_-il.js";
-//#region src/workspace/run/model.ts
-var i = /* @__PURE__ */ e(t(), 1), a = /* @__PURE__ */ e(r(), 1), o = (e) => e === "ok" || e === "done", s = (e) => e ? Date.parse(e) : NaN;
-function c(e, t) {
-	if (!e.length) return null;
-	let n = [...e].sort((e, t) => e - t);
-	return n[Math.min(n.length - 1, Math.max(0, Math.ceil(t / 100 * n.length) - 1))];
-}
-function l(e, t, n, r) {
-	return {
-		name: e,
-		calls: t.length,
-		failures: n,
-		ms: r,
-		durations: t,
-		p50: c(t, 50),
-		p90: c(t, 90),
-		p99: c(t, 99)
-	};
-}
-var u = (e) => e ? e.split("/").pop() ?? e : null, d = (e) => {
-	let t = e.name ?? "", n = t.indexOf(" · ");
-	return n >= 0 ? t.slice(n + 3) : null;
-};
-function f(e, t, n) {
-	return e.status === "running" || t && e.status === "waiting" ? {
-		label: e.status === "waiting" ? "Waiting" : "Running",
-		tone: "live"
-	} : e.shipped ? {
-		label: "Shipped",
-		tone: "ok"
-	} : e.status === "succeeded" ? {
-		label: "Done",
-		tone: "done"
-	} : e.status === "failed" ? {
-		label: "Failed",
-		tone: "fail"
-	} : !n && (!e.start || !e.usage) ? {
-		label: "Never ran",
-		tone: "none"
-	} : {
-		label: e.status === "idle" ? "Idle" : "Stopped",
-		tone: ""
-	};
-}
-function p(e, t) {
-	let n = e.nodes, r = new Map(e.edges.filter((e) => e.kind === "spawn").map((e) => [e.to, e.from])), i = new Set(n.map((e) => e.id)), a = n.map((e) => s(e.start)).filter(Number.isFinite), o = Number.isFinite(s(t.startedAt)) ? s(t.startedAt) : a.length ? Math.min(...a) : Date.now(), p = n.map((e) => s(e.end ?? e.lastAt)).filter(Number.isFinite), m = e.live ? Math.max(0, Date.now() - o) : t.durationMs ?? Math.max(0, (p.length ? Math.max(...p) : o) - o), h = (e) => {
-		let t = r.get(e.id);
-		if (t && i.has(t)) return t;
-		let n = e.id.lastIndexOf(":"), a = n > 0 ? e.id.slice(0, n) : null;
-		return a && i.has(a) ? a : null;
-	}, g = n.map((t) => {
-		let n = t.usage ?? null, r = (n?.steps ?? []).map((e) => ({
-			t: e.startMs - o,
-			d: Math.max(0, e.endMs - e.startMs),
-			kind: e.kind,
-			failed: !!e.failed,
-			tool: e.kind === "tool" ? e.tool ?? e.name?.split(" · ")[0] ?? "tool" : null,
-			target: e.kind === "tool" ? d(e) : null,
-			model: e.model ?? null,
-			latency: e.kind === "model" ? e.latencyMs ?? Math.max(0, e.endMs - e.startMs) : null,
-			tokens: e.byClass ? {
-				input: e.byClass.input ?? 0,
-				output: e.byClass.output ?? 0,
-				cacheRead: e.byClass.cacheRead ?? 0
-			} : null,
-			usd: e.billedUsd ?? null
-		}));
-		r.sort((e, t) => e.t - t.t);
-		let i = r.filter((e) => e.kind === "model"), a = /* @__PURE__ */ new Map();
-		for (let e of r) {
-			if (e.kind !== "tool" || !e.tool) continue;
-			let t = a.get(e.tool) ?? {
-				d: [],
-				f: 0,
-				ms: 0
-			};
-			t.d.push(e.d), t.f += +!!e.failed, t.ms += e.d, a.set(e.tool, t);
-		}
-		let p = a.size ? [...a].map(([e, t]) => l(e, t.d, t.f, t.ms)) : Object.entries(n?.tools ?? {}).map(([e, t]) => ({
-			...l(e, [], t.failures, t.ms),
-			calls: t.calls
-		}));
-		p.sort((e, t) => t.calls - e.calls || e.name.localeCompare(t.name));
-		let m = i.map((e) => e.latency).filter((e) => Number.isFinite(e)), g = r.map((e) => e.t + e.d), _ = Number.isFinite(s(t.start)) ? s(t.start) - o : r[0]?.t ?? null, v = Number.isFinite(s(t.end)) ? s(t.end) - o : g.length ? Math.max(...g) : null, y = a.size ? r.filter((e) => e.kind === "tool").length : p.reduce((e, t) => e + t.calls, 0);
-		return {
-			id: t.id,
-			name: t.role ?? t.label,
-			short: t.role ?? t.label,
-			node: t,
-			parent: h(t),
-			children: [],
-			depth: 0,
-			team: null,
-			status: t.status,
-			state: f(t, e.live, r.length),
-			model: u(t.model ?? Object.keys(n?.models ?? {})[0]),
-			harness: t.harness,
-			start: _,
-			end: v,
-			tokens: n?.tokens ?? null,
-			byClass: n?.byClass ?? null,
-			billedUsd: n?.billedUsd ?? null,
-			listUsd: n?.listUsd ?? null,
-			steps: r,
-			modelCalls: i.length || n?.calls || 0,
-			toolCalls: y,
-			failedSteps: r.length ? r.filter((e) => e.failed).length : (n?.failures?.model ?? 0) + (n?.failures?.tool ?? 0),
-			toolFailures: r.length ? r.filter((e) => e.kind === "tool" && e.failed).length : n?.failures?.tool ?? 0,
-			retries: (n?.retries?.model ?? 0) + (n?.retries?.tool ?? 0),
-			latency: m.length ? {
-				p50: c(m, 50),
-				p90: c(m, 90),
-				p99: c(m, 99)
-			} : {
-				p50: n?.latencyMs?.p50 ?? null,
-				p90: n?.latencyMs?.p90 ?? null,
-				p99: n?.latencyMs?.max ?? null
-			},
-			tools: p,
-			busy: r.filter((e) => e.kind !== "waiting").reduce((e, t) => e + t.d, 0),
-			first: r.length ? r[0].t : null,
-			last: g.length ? Math.max(...g) : null,
-			restarts: (t.restarts ?? []).map((e) => s(e) - o).filter(Number.isFinite),
-			turns: t.turns ?? null,
-			commits: typeof t.shipped == "number" ? t.shipped : null
-		};
-	}), _ = new Map(g.map((e) => [e.id, e]));
-	for (let e of g) e.parent && _.get(e.parent)?.children.push(e.id);
-	let v = (e) => _.get(e)?.start ?? 2 ** 53 - 1;
-	for (let e of g) e.children.sort((e, t) => v(e) - v(t));
-	let y = g.find((e) => !e.parent) ?? null, b = [], x = /* @__PURE__ */ new Set(), S = (e, t) => {
-		if (!x.has(e.id)) {
-			x.add(e.id), e.depth = t, b.push(e);
-			for (let n of e.children) S(_.get(n), t + 1);
-		}
-	};
-	for (let e of g.filter((e) => !e.parent).sort((e, t) => (e.start ?? 0) - (t.start ?? 0))) S(e, 0);
-	for (let e of g) x.has(e.id) || S(e, 0);
-	let C = /* @__PURE__ */ new Map();
-	for (let e of g) for (let t = e.name.indexOf("-"); t > 0; t = e.name.indexOf("-", t + 1)) C.set(e.name.slice(0, t + 1), (C.get(e.name.slice(0, t + 1)) ?? 0) + 1);
-	let w = [...C].filter(([, e]) => e >= 3 && e * 2 >= g.length).sort((e, t) => t[0].length - e[0].length)[0]?.[0] ?? "";
-	for (let e of g) e.short = w && e.name.startsWith(w) && e.name.length > w.length ? e.name.slice(w.length) : e.name;
-	let T = g.filter((e) => e.children.length > 8).map((e) => ({
-		id: e.id,
-		label: `${e.name} team`,
-		members: e.children
-	}));
-	for (let e of T) for (let t of e.members) _.get(t).team = e.id;
-	for (let e of T) _.get(e.id).team ??= e.id;
-	let E = g.flatMap((e) => e.steps.map((t) => ({
-		agent: e,
-		step: t
-	}))).sort((e, t) => e.step.t - t.step.t), D = /* @__PURE__ */ new Map();
-	for (let { step: e } of E) {
-		if (e.kind !== "tool" || !e.tool) continue;
-		let t = D.get(e.tool) ?? {
-			d: [],
-			f: 0,
-			ms: 0
-		};
-		t.d.push(e.d), t.f += +!!e.failed, t.ms += e.d, D.set(e.tool, t);
-	}
-	let O = [...D].map(([e, t]) => l(e, t.d, t.f, t.ms)).sort((e, t) => t.calls - e.calls), k = e.runUsage ?? null, A = (e) => g.some((t) => e(t) !== null) ? g.reduce((t, n) => t + (e(n) ?? 0), 0) : null, j = E.map(({ step: e }) => e.t + e.d), M = e.releases.map((e) => ({
-		...e,
-		tagged: !!e.taggedAt,
-		taggedAt: e.taggedAt ?? e.at ?? null
-	}));
-	return {
-		t0: o,
-		duration: m,
-		live: e.live,
-		agents: g,
-		byId: _,
-		root: y,
-		tree: b,
-		teams: T,
-		tools: O,
-		steps: E,
-		totals: {
-			steps: E.length,
-			model: E.filter((e) => e.step.kind === "model").length,
-			tool: E.filter((e) => e.step.kind === "tool").length,
-			failed: E.filter((e) => e.step.failed).length,
-			toolFailures: E.filter((e) => e.step.kind === "tool" && e.step.failed).length,
-			retries: (k?.retries?.model ?? 0) + (k?.retries?.tool ?? 0),
-			tokens: k?.tokens ?? A((e) => e.tokens),
-			byClass: k?.byClass ?? null,
-			billedUsd: k?.billedUsd ?? A((e) => e.billedUsd),
-			listUsd: k?.listUsd ?? null,
-			busy: g.reduce((e, t) => e + t.busy, 0),
-			lastStep: j.length ? Math.max(...j) : null
-		},
-		pauses: (e.pauses ?? []).map((e) => ({
-			from: s(e.from) - o,
-			to: s(e.to) - o,
-			reason: e.reason
-		})).filter((e) => Number.isFinite(e.from) && Number.isFinite(e.to)),
-		releases: M,
-		best: M.find((t) => t.release === e.best) ?? null,
-		ws: e
-	};
-}
-function m(e) {
-	let t = /* @__PURE__ */ new Map();
-	for (let n of e) for (let e of n.tools) {
-		let n = t.get(e.name) ?? {
-			d: [],
-			f: 0,
-			ms: 0,
-			calls: 0
-		};
-		n.d.push(...e.durations), n.f += e.failures, n.ms += e.ms, n.calls += e.calls, t.set(e.name, n);
-	}
-	return [...t].map(([e, t]) => ({
-		...l(e, t.d, t.f, t.ms),
-		calls: t.calls
-	})).sort((e, t) => t.calls - e.calls);
-}
-var h = (e) => String(e).padStart(2, "0"), g = (e) => (t) => {
-	let n = new Date(e + t);
-	return `${h(n.getUTCHours())}:${h(n.getUTCMinutes())}`;
-}, _ = (e) => (t) => {
-	let n = new Date(e + t);
-	return `${h(n.getUTCHours())}:${h(n.getUTCMinutes())}:${h(n.getUTCSeconds())}`;
-}, v = (e, t, n = `${t}s`) => `${e.toLocaleString("en-US")} ${e === 1 ? t : n}`, y = (e, t, n) => {
-	let r = g(e);
-	return n === "now" ? `${r(t)}–now` : new Date(e + t).toISOString().slice(0, 10) === new Date(e + n).toISOString().slice(0, 10) ? `${r(t)}–${r(n)}` : `${r(t)}, ${x(n - t)}`;
-}, b = (e, t) => `${t ? `${new Date(e).toLocaleDateString("en-US", {
-	month: "short",
-	day: "numeric",
-	timeZone: "UTC"
-})} ` : ""}${e.slice(11, 16)} UTC`;
-function x(e) {
-	if (e == null || !Number.isFinite(e)) return "—";
-	if (e < 1e3) return `${Math.round(e)} ms`;
-	if (e < 59500) return `${(e / 1e3).toFixed(+(e < 9950))} s`;
-	if (e < 36e5) {
-		let t = Math.round(e / 1e3);
-		if (t < 3600) return t % 60 ? `${Math.floor(t / 60)}m ${h(t % 60)}s` : `${t / 60} min`;
-	}
-	let t = Math.round(e / 6e4);
-	return `${Math.floor(t / 60)}h ${h(t % 60)}m`;
-}
-function S(e) {
-	if (e == null || !Number.isFinite(e)) return "—";
-	if (e < 1e3) return `${Math.round(e)}ms`;
-	if (e < 59500) return `${(e / 1e3).toFixed(+(e < 9950))}s`;
-	let t = Math.round(e / 1e3);
-	return t < 3600 ? `${Math.floor(t / 60)}m${h(t % 60)}s` : x(e);
-}
-var C = (e) => e == null ? "—" : e.toLocaleString("en-US"), w = (e) => e == null ? "—" : new Intl.NumberFormat("en-US", {
-	notation: "compact",
-	maximumFractionDigits: e >= 1e8 ? 0 : e >= 1e6 ? 2 : 1
-}).format(e), T = (e) => e == null ? "—" : e >= 100 ? `$${e.toFixed(0)}` : `$${e.toFixed(2)}`, E = (e) => e.length < 2 ? e.join("") : `${e.slice(0, -1).join(", ")} and ${e.at(-1)}`;
-function D(e) {
-	let t = e?.latest;
-	if (!t) return {
-		word: "Not checked",
-		tone: "none",
-		note: null
-	};
-	if (t.solved) return {
-		word: "Passed",
-		tone: "ok",
-		note: t.tag ? `${t.tag} passed the check` : null
-	};
-	if (e?.held && (!e.held.tag || e.held.tag === t.tag)) {
-		let n = e.calibration?.uncalibrated ?? e.calibration?.stages?.filter((e) => e.state !== "calibrated").map((e) => e.name) ?? [];
-		return {
-			word: "Held",
-			tone: "held",
-			note: `${t.tag ? `${t.tag} passed; it` : "It"} counts once ${n.length ? `${E(n)} ${n.length === 1 ? "has" : "have"} a known-good fixture` : "its checker is calibrated"}`
-		};
-	}
-	return t.known ? {
-		word: "Not solved",
-		tone: "fail",
-		note: null
-	} : {
-		word: "No verdict",
-		tone: "none",
-		note: null
-	};
-}
-//#endregion
-//#region src/workspace/run/ui.tsx
-var O = n(), k = {
-	search: "M11 11l3.5 3.5M7 12.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11z",
-	chevron: "M4 6l4 4 4-4",
-	arrow: "M3 8h10M9 4l4 4-4 4",
-	x: "M4 4l8 8M12 4l-8 8",
-	stop: "M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zM3.5 12.5l9-9",
-	download: "M8 2v8M4.5 6.5L8 10l3.5-3.5M2.5 13.5h11",
-	link: "M6.5 9.5l3-3M7 4.5l1-1a2.8 2.8 0 0 1 4 4l-1 1M9 11.5l-1 1a2.8 2.8 0 0 1-4-4l1-1",
-	info: "M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zM8 7.2v4M8 4.8v.2",
-	max: "M9.5 2.5h4v4M6.5 13.5h-4v-4M13.5 2.5L9 7M2.5 13.5L7 9",
-	min: "M13.5 6.5h-4v-4M2.5 9.5h4v4M9.5 6.5l4-4M6.5 9.5l-4 4",
-	more: "M3.5 8h.01M8 8h.01M12.5 8h.01",
-	users: "M6 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zM1.5 14c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5M11 2.2a2.5 2.5 0 0 1 0 4.6M12.5 9.7c1.2.6 2 1.9 2 3.3",
-	alert: "M8 1.8l6.5 11.5h-13zM8 6v3.5M8 11.4v.2",
-	check: "M3 8.5l3 3 7-7",
-	clock: "M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zM8 4.5V8l2.5 1.5",
-	flag: "M3 14.5V2M3 2.5h8l-1.5 3 1.5 3H3",
-	down: "M8 2.5v11M3.5 9L8 13.5 12.5 9",
-	file: "M9.5 1.8h-5a1.5 1.5 0 0 0-1.5 1.5v9.4a1.5 1.5 0 0 0 1.5 1.5h7a1.5 1.5 0 0 0 1.5-1.5V5.3zM9.5 1.8v3.5H13M5.5 8.5h5M5.5 11h3.5"
-};
-function A({ name: e, size: t = 16, className: n }) {
-	return /* @__PURE__ */ (0, O.jsx)("svg", {
-		className: `rp-i${n ? ` ${n}` : ""}`,
-		width: t,
-		height: t,
-		viewBox: "0 0 16 16",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ (0, O.jsx)("path", { d: k[e] })
-	});
-}
-var j = ({ tone: e }) => /* @__PURE__ */ (0, O.jsx)("span", {
-	className: `rp-dot${e ? ` ${e}` : ""}`,
-	"aria-hidden": "true"
-});
-function M(e, t) {
-	if (e.length <= t) return e;
-	let n = Math.ceil((t - 1) * .55);
-	return `${e.slice(0, n)}…${e.slice(e.length - (t - 1 - n))}`;
-}
-var N = (e, t) => e.name.length <= t ? e.name : M(e.short, t);
-function P({ text: e, query: t }) {
-	let n = t.trim().toLowerCase(), r = n ? e.toLowerCase().indexOf(n) : -1;
-	return r < 0 ? /* @__PURE__ */ (0, O.jsx)(O.Fragment, { children: e }) : /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
-		e.slice(0, r),
-		/* @__PURE__ */ (0, O.jsx)("mark", { children: e.slice(r, r + n.length) }),
-		e.slice(r + n.length)
-	] });
-}
-var F = (0, i.createContext)(null), I = () => (0, i.useContext)(F);
-function L({ children: e }) {
-	let [t, n] = (0, i.useState)(null), r = (0, i.useRef)(!1), o = (0, i.useRef)(0), s = (0, i.useRef)(null), c = (0, i.useMemo)(() => ({
-		show: (e) => {
-			r.current || (window.clearTimeout(o.current), n(e));
-		},
-		hide: () => {
-			r.current || (window.clearTimeout(o.current), o.current = window.setTimeout(() => {
-				!s.current?.matches(":hover") && !s.current?.contains(document.activeElement) && n(null);
-			}, 160));
-		},
-		hideNow: () => {
-			window.clearTimeout(o.current), r.current = !1, n(null);
-		},
-		pin: () => {
-			r.current = !0, n((e) => e && {
-				...e,
-				follow: !1,
-				pinned: !0
-			});
-		},
-		pinned: () => r.current
-	}), []);
-	return (0, i.useEffect)(() => {
-		let e = (e) => {
-			e.key === "Escape" && c.hideNow();
-		}, t = (e) => {
-			r.current && s.current && !s.current.contains(e.target) && c.hideNow();
-		};
-		return window.addEventListener("keydown", e), window.addEventListener("pointerdown", t), () => {
-			window.removeEventListener("keydown", e), window.removeEventListener("pointerdown", t);
-		};
-	}, [c]), (0, i.useLayoutEffect)(() => {
-		let e = s.current;
-		if (!e || !t) return;
-		let n = e.offsetWidth, r = e.offsetHeight, i = window.innerWidth, a = window.innerHeight, { rect: o, bounds: c } = t, l, u;
-		if (i <= 720 || t.vertical && c) l = Math.max((c?.left ?? 0) + 8, Math.min(o.left, (c?.right ?? i) - 8 - n)), i <= 720 && (l = Math.max(12, (i - n) / 2)), u = o.bottom + 8, u + r > Math.min(a, c?.bottom ?? a) - 8 && (u = o.top - 8 - r);
-		else {
-			let e = c ? {
-				l: Math.max(12, c.left + 8),
-				r: Math.min(i - 12, c.right - 8),
-				t: Math.max(12, c.top + 8),
-				b: Math.min(a - 12, c.bottom - 8)
-			} : {
-				l: 12,
-				r: i - 12,
-				t: 12,
-				b: a - 12
-			}, s = t.x ?? o.right, d = t.x ?? o.left;
-			l = s + 14, l + n > e.r && (l = d - 14 - n), l < e.l && (l = Math.max(12, Math.min(i - n - 12, s + 14))), u = o.top + (o.bottom - o.top) / 2 - r / 2, u = r <= e.b - e.t ? Math.max(e.t, Math.min(u, e.b - r)) : Math.max(12, Math.min(u, a - r - 12));
-		}
-		e.style.left = `${Math.round(Math.max(12, l))}px`, e.style.top = `${Math.round(Math.max(12, Math.min(u, a - r - 12)))}px`;
-	}, [t]), /* @__PURE__ */ (0, O.jsxs)(F.Provider, {
-		value: c,
-		children: [e, t && typeof document < "u" && (0, a.createPortal)(/* @__PURE__ */ (0, O.jsxs)("div", {
-			ref: s,
-			className: `rp-hc${t.wide ? " wide" : ""}${t.follow ? " follow" : ""}`,
-			role: t.pinned ? "dialog" : "tooltip",
-			"data-pinned": t.pinned || void 0,
-			onPointerLeave: () => {
-				r.current || n(null);
-			},
-			children: [t.pinned && /* @__PURE__ */ (0, O.jsx)("button", {
-				type: "button",
-				className: "rp-card-x",
-				"aria-label": "Close",
-				onClick: c.hideNow,
-				children: /* @__PURE__ */ (0, O.jsx)(A, {
-					name: "x",
-					size: 14
-				})
-			}), t.content]
-		}), document.querySelector(".agent-record") ?? document.body)]
-	});
-}
-function R(e, t = {}) {
-	let n = I(), r = (r) => {
-		let i = r.getBoundingClientRect();
-		n.show({
-			content: e(),
-			rect: i,
-			bounds: t.bounds?.(),
-			vertical: t.vertical,
-			wide: t.wide
-		});
-	};
-	return {
-		onPointerEnter: (e) => r(e.currentTarget),
-		onPointerLeave: () => n.hide(),
-		onFocus: (e) => r(e.currentTarget),
-		onBlur: () => n.hide()
-	};
-}
-function z({ tools: e, rows: t = 9 }) {
-	let n = Math.max(1, ...e.map((e) => e.calls));
-	return /* @__PURE__ */ (0, O.jsxs)("div", {
-		className: "rp-tt",
-		children: [
-			/* @__PURE__ */ (0, O.jsx)("span", {
-				className: "h",
-				children: "Tool"
-			}),
-			/* @__PURE__ */ (0, O.jsx)("span", { className: "h" }),
-			/* @__PURE__ */ (0, O.jsx)("span", {
-				className: "h r",
-				children: "calls"
-			}),
-			/* @__PURE__ */ (0, O.jsx)("span", {
-				className: "h r",
-				children: "✕ · p50"
-			}),
-			e.slice(0, t).map((e) => /* @__PURE__ */ (0, O.jsx)(B, {
-				t: e,
-				max: n
-			}, e.name)),
-			e.length > t && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
-				/* @__PURE__ */ (0, O.jsxs)("span", {
-					className: "l",
-					children: [e.length - t, " more tools"]
-				}),
-				/* @__PURE__ */ (0, O.jsx)("span", {}),
-				/* @__PURE__ */ (0, O.jsx)("span", {
-					className: "r",
-					children: C(e.slice(t).reduce((e, t) => e + t.calls, 0))
-				}),
-				/* @__PURE__ */ (0, O.jsx)("span", {})
-			] })
-		]
-	});
-}
-function B({ t: e, max: t }) {
-	return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
-		/* @__PURE__ */ (0, O.jsx)("span", {
-			className: "l",
-			title: e.name,
-			children: e.name
-		}),
-		/* @__PURE__ */ (0, O.jsx)(V, {
-			ok: e.calls - e.failures,
-			failed: e.failures,
-			max: t
-		}),
-		/* @__PURE__ */ (0, O.jsx)("span", {
-			className: "r",
-			children: C(e.calls)
-		}),
-		/* @__PURE__ */ (0, O.jsx)("span", {
-			className: e.failures ? "f" : "r",
-			children: e.failures ? `${e.failures} ✕` : S(e.p50)
-		})
-	] });
-}
-function V({ ok: e, failed: t = 0, max: n }) {
-	return /* @__PURE__ */ (0, O.jsxs)("span", {
-		className: "rp-bar",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ (0, O.jsx)("b", { style: { width: `${Math.max(0, e) / n * 100}%` } }), t > 0 && /* @__PURE__ */ (0, O.jsx)("b", {
-			className: "f",
-			style: { width: `${t / n * 100}%` }
-		})]
-	});
-}
-var H = (e) => e.listUsd === null ? e.billedUsd === null ? "not recorded" : `${T(e.billedUsd)} billed` : `${T(e.listUsd)} list · ${T(e.billedUsd ?? 0)} billed`;
-function U({ m: e, a: t, head: n }) {
-	let r = (t) => new Date(e.t0 + t).toISOString().slice(11, 16), i = t.parent ? e.byId.get(t.parent) : null;
-	return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [n ?? /* @__PURE__ */ (0, O.jsxs)("div", {
-		className: "rp-card-h",
-		children: [/* @__PURE__ */ (0, O.jsxs)("div", {
-			className: "t",
-			children: [
-				/* @__PURE__ */ (0, O.jsx)(j, { tone: t.state.tone }),
-				/* @__PURE__ */ (0, O.jsx)("span", {
-					className: "nm",
-					children: t.name
-				}),
-				/* @__PURE__ */ (0, O.jsx)("span", {
-					className: "v",
-					children: t.state.label
-				})
-			]
-		}), /* @__PURE__ */ (0, O.jsx)("div", {
-			className: "s",
-			children: i ? `spawned by ${i.name}${t.start === null ? "" : ` at ${r(Math.max(0, t.start))} UTC`}` : `run root · ${r(0)} UTC`
-		})]
-	}), /* @__PURE__ */ (0, O.jsxs)("div", {
-		className: `rp-card-cols${t.tools.length ? " two" : ""}`,
-		children: [/* @__PURE__ */ (0, O.jsxs)("section", { children: [/* @__PURE__ */ (0, O.jsxs)("h6", { children: ["Whole run", t.model ? ` · ${t.model}` : ""] }), /* @__PURE__ */ (0, O.jsxs)("dl", { children: [
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Tokens" }),
-			/* @__PURE__ */ (0, O.jsx)("dd", { children: t.tokens === null ? "not recorded" : w(t.tokens) }),
-			t.tokens !== null && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("dt", { children: "In · out · cached" }), /* @__PURE__ */ (0, O.jsx)("dd", { children: t.byClass ? `${w(t.byClass.input)} · ${w(t.byClass.output)} · ${w(t.byClass.cacheRead)}` : /* @__PURE__ */ (0, O.jsx)("small", { children: "not recorded" }) })] }),
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Cost" }),
-			/* @__PURE__ */ (0, O.jsx)("dd", { children: H(t) }),
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Model calls" }),
-			/* @__PURE__ */ (0, O.jsx)("dd", { children: C(t.modelCalls) }),
-			t.latency.p50 !== null && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("dt", { children: "Model p50 · p90 · p99" }), /* @__PURE__ */ (0, O.jsxs)("dd", { children: [
-				S(t.latency.p50),
-				" · ",
-				S(t.latency.p90),
-				" · ",
-				S(t.latency.p99)
-			] })] }),
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Tool calls" }),
-			/* @__PURE__ */ (0, O.jsxs)("dd", { children: [C(t.toolCalls), t.toolFailures ? /* @__PURE__ */ (0, O.jsxs)("span", {
-				className: "f",
-				children: [
-					" · ",
-					t.toolFailures,
-					" failed"
-				]
-			}) : null] }),
-			t.retries > 0 && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("dt", { children: "Retried steps" }), /* @__PURE__ */ (0, O.jsx)("dd", { children: t.retries })] }),
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Restarts" }),
-			/* @__PURE__ */ (0, O.jsx)("dd", { children: t.restarts.length }),
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Spawned · commits" }),
-			/* @__PURE__ */ (0, O.jsxs)("dd", { children: [
-				t.children.length,
-				" · ",
-				t.commits ?? "—"
-			] }),
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Active" }),
-			/* @__PURE__ */ (0, O.jsx)("dd", { children: t.first === null ? "never" : `${r(t.first)}–${t.state.tone === "live" ? "now" : r(t.last ?? t.first)} UTC` }),
-			t.first !== null && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("dt", { children: "Busy" }), /* @__PURE__ */ (0, O.jsx)("dd", { children: x(t.busy) })] })
-		] })] }), t.tools.length > 0 && /* @__PURE__ */ (0, O.jsxs)("section", { children: [/* @__PURE__ */ (0, O.jsx)("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ (0, O.jsx)(z, { tools: t.tools })] })]
-	})] });
-}
-function W({ m: e, team: t }) {
-	let n = t.members.map((t) => e.byId.get(t)).filter(Boolean), r = /* @__PURE__ */ new Map();
-	for (let e of n) for (let t of e.tools) {
-		let e = r.get(t.name) ?? {
-			...t,
-			calls: 0,
-			failures: 0,
-			ms: 0,
-			durations: []
-		};
-		r.set(t.name, {
-			...e,
-			calls: e.calls + t.calls,
-			failures: e.failures + t.failures,
-			ms: e.ms + t.ms,
-			durations: [...e.durations, ...t.durations]
-		});
-	}
-	let i = (e) => n.reduce((t, n) => t + e(n), 0), a = n.filter((e) => e.state.tone === "live").length;
-	return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsxs)("div", {
-		className: "rp-card-h",
-		children: [/* @__PURE__ */ (0, O.jsxs)("div", {
-			className: "t",
-			children: [
-				/* @__PURE__ */ (0, O.jsx)(A, { name: "users" }),
-				/* @__PURE__ */ (0, O.jsx)("span", {
-					className: "nm",
-					children: t.label
-				}),
-				/* @__PURE__ */ (0, O.jsxs)("span", {
-					className: "v",
-					children: [n.length, " agents"]
-				})
-			]
-		}), /* @__PURE__ */ (0, O.jsxs)("div", {
-			className: "s",
-			children: [
-				a,
-				" running · ",
-				n.filter((e) => o(e.state.tone)).length,
-				" done"
-			]
-		})]
-	}), /* @__PURE__ */ (0, O.jsxs)("div", {
-		className: "rp-card-cols two",
-		children: [/* @__PURE__ */ (0, O.jsxs)("section", { children: [/* @__PURE__ */ (0, O.jsx)("h6", { children: "Team totals" }), /* @__PURE__ */ (0, O.jsxs)("dl", { children: [
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Tokens" }),
-			/* @__PURE__ */ (0, O.jsx)("dd", { children: w(i((e) => e.tokens ?? 0)) }),
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Model calls" }),
-			/* @__PURE__ */ (0, O.jsx)("dd", { children: C(i((e) => e.modelCalls)) }),
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Tool calls" }),
-			/* @__PURE__ */ (0, O.jsxs)("dd", { children: [C(i((e) => e.toolCalls)), /* @__PURE__ */ (0, O.jsxs)("span", {
-				className: "f",
-				children: [
-					" · ",
-					i((e) => e.toolFailures),
-					" failed"
-				]
-			})] }),
-			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Commits" }),
-			/* @__PURE__ */ (0, O.jsx)("dd", { children: i((e) => e.commits ?? 0) })
-		] })] }), /* @__PURE__ */ (0, O.jsxs)("section", { children: [/* @__PURE__ */ (0, O.jsx)("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ (0, O.jsx)(z, { tools: [...r.values()].sort((e, t) => t.calls - e.calls) })] })]
-	})] });
-}
-var G = 36;
-function K(e) {
-	let [t, n] = (0, i.useState)(!1), r = (0, i.useRef)(null);
-	return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsxs)("button", {
-		ref: r,
-		type: "button",
-		className: `rp-cbx${e.className ? ` ${e.className}` : ""}`,
-		style: e.style,
-		"aria-haspopup": "listbox",
-		"aria-expanded": t,
-		"aria-label": e.label,
-		onClick: () => n(!t),
-		children: [/* @__PURE__ */ (0, O.jsx)("span", {
-			className: "lbl",
-			children: e.children
-		}), /* @__PURE__ */ (0, O.jsx)("span", {
-			className: "cv",
-			children: /* @__PURE__ */ (0, O.jsx)(A, {
-				name: "chevron",
-				size: 14
-			})
-		})]
-	}), t && /* @__PURE__ */ (0, O.jsx)(q, {
-		...e,
-		anchor: r.current,
-		onClose: (e) => {
-			n(!1), e && r.current?.focus();
-		}
-	})] });
-}
-function q(e) {
-	let { options: t, groups: n, all: r, multi: o, anchor: s, onClose: c } = e, [l, u] = (0, i.useState)(""), [d, f] = (0, i.useState)(0), [p, m] = (0, i.useState)(0), h = (0, i.useRef)(null), g = (0, i.useRef)(null), _ = (0, i.useMemo)(() => `pk-${Math.random().toString(36).slice(2, 8)}`, []), v = (t) => o ? e.value.has(t) : e.value === t, y = (0, i.useMemo)(() => {
-		let e = l.trim().toLowerCase(), i = (t) => !e || `${t.label} ${t.find ?? ""}`.toLowerCase().includes(e), a = [];
-		r && !e && a.push({ kind: "all" });
-		let o = new Set((n ?? []).map((e) => e.id));
-		for (let e of t) (!e.group || !o.has(e.group)) && i(e) && a.push({
-			kind: "option",
-			option: e
-		});
-		for (let e of n ?? []) {
-			let n = t.filter((t) => t.group === e.id), r = n.filter(i);
-			if (r.length) {
-				a.push({
-					kind: "group",
-					id: e.id,
-					label: e.label,
-					members: n.map((e) => e.id)
-				});
-				for (let e of r) a.push({
-					kind: "option",
-					option: e
-				});
-			}
-		}
-		return a;
-	}, [
-		t,
-		n,
-		r,
-		l
-	]);
-	(0, i.useLayoutEffect)(() => {
-		let t = h.current;
-		if (!t) return;
-		let n = s.getBoundingClientRect(), r = Math.max(n.width, e.width ?? 280);
-		t.style.width = `${Math.min(r, window.innerWidth - 24)}px`, t.style.left = `${Math.max(12, Math.min(n.left, window.innerWidth - t.offsetWidth - 12))}px`;
-		let i = window.innerHeight - n.bottom;
-		t.style.top = i > t.offsetHeight + 16 || i > n.top ? `${n.bottom + 6}px` : `${Math.max(12, n.top - 6 - t.offsetHeight)}px`;
-	}, [
-		s,
-		y.length,
-		e.width
-	]), (0, i.useEffect)(() => {
-		let e = (e) => {
-			!h.current?.contains(e.target) && !s.contains(e.target) && c(!1);
-		};
-		return window.addEventListener("pointerdown", e), () => window.removeEventListener("pointerdown", e);
-	}, [s, c]), (0, i.useEffect)(() => f(0), [l]);
-	let b = (t) => {
-		if (!t) return;
-		if (!o) {
-			let n = e.onChange;
-			n(t.kind === "option" ? t.option.id : t.kind === "group" ? t.id : null), c(!0);
-			return;
-		}
-		let n = new Set(e.value), r = e.onChange;
-		if (t.kind === "all") return r(/* @__PURE__ */ new Set());
-		if (t.kind === "group") {
-			let e = t.members.every((e) => n.has(e));
-			for (let r of t.members) e ? n.delete(r) : n.add(r);
-			return r(n);
-		}
-		n.has(t.option.id) ? n.delete(t.option.id) : n.add(t.option.id), r(n);
-	}, x = (e) => {
-		let t = g.current;
-		if (!t) return;
-		let n = e * G;
-		n < t.scrollTop ? t.scrollTop = n : n + G > t.scrollTop + t.clientHeight && (t.scrollTop = n + G - t.clientHeight);
-	}, S = (e) => {
-		let t = Math.max(0, Math.min(y.length - 1, e));
-		f(t), x(t);
-	}, C = (e) => {
-		let t = Math.max(1, Math.floor((g.current?.clientHeight ?? 360) / G) - 1), n = {
-			ArrowDown: () => S(d + 1),
-			ArrowUp: () => S(d - 1),
-			PageDown: () => S(d + t),
-			PageUp: () => S(d - t),
-			Home: () => S(0),
-			End: () => S(y.length - 1),
-			Enter: () => b(y[d]),
-			Escape: () => c(!0),
-			Tab: () => c(!1)
-		}[e.key];
-		n && (e.key !== "Tab" && e.preventDefault(), n());
-	}, w = Math.min(y.length * G + 8, 296), T = Math.max(0, Math.floor(p / G) - 4), E = Math.min(y.length, Math.ceil((p + w) / G) + 4), D = o ? e.value.size === 0 : e.value === null;
-	return (0, a.createPortal)(/* @__PURE__ */ (0, O.jsxs)("div", {
-		ref: h,
-		className: "rp-lb",
-		role: "presentation",
-		children: [
-			/* @__PURE__ */ (0, O.jsxs)("div", {
-				className: "rp-lb-s",
-				children: [
-					/* @__PURE__ */ (0, O.jsx)(A, { name: "search" }),
-					/* @__PURE__ */ (0, O.jsx)("input", {
-						autoFocus: !0,
-						value: l,
-						onChange: (e) => u(e.target.value),
-						onKeyDown: C,
-						placeholder: e.placeholder ?? "Search",
-						"aria-label": e.placeholder ?? e.label,
-						role: "combobox",
-						"aria-expanded": "true",
-						"aria-controls": _,
-						"aria-activedescendant": y[d] ? `${_}-${d}` : void 0,
-						"aria-autocomplete": "list"
-					}),
-					/* @__PURE__ */ (0, O.jsx)("kbd", { children: "Esc" })
-				]
-			}),
-			y.length ? /* @__PURE__ */ (0, O.jsx)("div", {
-				ref: g,
-				id: _,
-				className: "rp-lb-l",
-				role: "listbox",
-				"aria-multiselectable": o || void 0,
-				"aria-label": e.label,
-				style: { height: w },
-				onScroll: (e) => m(e.currentTarget.scrollTop),
-				children: /* @__PURE__ */ (0, O.jsx)("div", {
-					style: {
-						height: y.length * G,
-						position: "relative"
-					},
-					children: y.slice(T, E).map((e, t) => {
-						let n = T + t, i = { top: n * G + 4 }, a = `rp-lb-r${n === d ? " active" : ""}`;
-						if (e.kind === "group") {
-							let t = e.members.filter((e) => v(e)).length;
-							return /* @__PURE__ */ (0, O.jsxs)("div", {
-								id: `${_}-${n}`,
-								role: "option",
-								"aria-selected": o ? t === e.members.length : v(e.id),
-								className: `${a} grp`,
-								style: i,
-								onPointerEnter: () => f(n),
-								onClick: () => b(e),
-								children: [
-									o ? /* @__PURE__ */ (0, O.jsx)("span", {
-										className: `box${t && t < e.members.length ? " part" : ""}`,
-										children: t === e.members.length ? /* @__PURE__ */ (0, O.jsx)(A, {
-											name: "check",
-											size: 12
-										}) : t ? "–" : null
-									}) : /* @__PURE__ */ (0, O.jsx)("span", { className: "ck" }),
-									/* @__PURE__ */ (0, O.jsx)(A, {
-										name: "users",
-										size: 14
-									}),
-									/* @__PURE__ */ (0, O.jsx)("span", {
-										className: "nm",
-										children: e.label
-									}),
-									/* @__PURE__ */ (0, O.jsx)("span", {
-										className: "mt",
-										children: e.members.length
-									})
-								]
-							}, `g:${e.id}`);
-						}
-						let s = e.kind === "all" ? D : v(e.option.id), c = e.kind === "all" ? r.label : e.option.label, u = e.kind === "all" ? r.meta : e.option.meta;
-						return /* @__PURE__ */ (0, O.jsxs)("div", {
-							id: `${_}-${n}`,
-							role: "option",
-							"aria-selected": s,
-							className: `${a} opt`,
-							style: i,
-							onPointerEnter: () => f(n),
-							onClick: () => b(e),
-							children: [
-								o ? /* @__PURE__ */ (0, O.jsx)("span", {
-									className: "box",
-									children: s ? /* @__PURE__ */ (0, O.jsx)(A, {
-										name: "check",
-										size: 12
-									}) : null
-								}) : /* @__PURE__ */ (0, O.jsx)("span", {
-									className: "ck",
-									children: s ? /* @__PURE__ */ (0, O.jsx)(A, {
-										name: "check",
-										size: 14
-									}) : null
-								}),
-								e.kind === "option" && e.option.tone !== void 0 && /* @__PURE__ */ (0, O.jsx)(j, { tone: e.option.tone }),
-								/* @__PURE__ */ (0, O.jsx)("span", {
-									className: "nm",
-									children: /* @__PURE__ */ (0, O.jsx)(P, {
-										text: c,
-										query: l
-									})
-								}),
-								u && /* @__PURE__ */ (0, O.jsx)("span", {
-									className: "mt",
-									children: u
-								})
-							]
-						}, e.kind === "all" ? "all" : e.option.id);
-					})
-				})
-			}) : /* @__PURE__ */ (0, O.jsxs)("div", {
-				className: "rp-lb-e",
-				children: [
-					"Nothing matches “",
-					l,
-					"”"
-				]
-			}),
-			o && /* @__PURE__ */ (0, O.jsxs)("div", {
-				className: "rp-lb-f",
-				children: [/* @__PURE__ */ (0, O.jsx)("span", { children: e.value.size ? `${e.value.size} selected` : "All" }), /* @__PURE__ */ (0, O.jsxs)("span", {
-					className: "end",
-					children: [/* @__PURE__ */ (0, O.jsx)("button", {
-						type: "button",
-						className: "rp-btn sm",
-						onClick: () => e.onChange(/* @__PURE__ */ new Set()),
-						children: "Clear"
-					}), /* @__PURE__ */ (0, O.jsx)("button", {
-						type: "button",
-						className: "rp-btn sm framed",
-						onClick: () => c(!0),
-						children: "Done"
-					})]
-				})]
-			})
-		]
-	}), s.closest(".agent-record") ?? document.body);
-}
-function J(e, t = () => !0, n = (e) => e.tokens === null ? "—" : w(e.tokens)) {
-	return e.tree.filter(t).map((t) => ({
-		id: t.id,
-		label: t.name,
-		find: t.node.label,
-		tone: t.state.tone,
-		meta: n(t),
-		group: e.teams.length && t.team && t.team !== t.id ? t.team : null
-	}));
-}
-var Y = (e) => e.teams.length ? e.teams.map((e) => ({
-	id: e.id,
-	label: e.label
-})) : void 0;
-function X(e, t, n, r = 6) {
-	let [a, o] = (0, i.useState)({
-		top: 0,
-		height: 800,
-		width: 0
-	});
-	(0, i.useEffect)(() => {
-		let t = e.current;
-		if (!t) return;
-		let n = 0, r = () => {
-			n = 0, o({
-				top: t.scrollTop,
-				height: t.clientHeight || 800,
-				width: t.clientWidth
-			});
-		}, i = () => {
-			n ||= requestAnimationFrame(r);
-		};
-		r(), t.addEventListener("scroll", i, { passive: !0 });
-		let a = new ResizeObserver(i);
-		return a.observe(t), () => {
-			cancelAnimationFrame(n), t.removeEventListener("scroll", i), a.disconnect();
-		};
-	}, [e]);
-	let s = Math.max(0, Math.floor(a.top / n) - r), c = Math.min(t, Math.ceil((a.top + a.height) / n) + r);
-	return {
-		first: s,
-		last: c,
-		before: s * n,
-		after: Math.max(0, (t - c) * n),
-		width: a.width
-	};
-}
-function Z() {
-	let e = "(max-width: 720px)", [t, n] = (0, i.useState)(() => typeof window < "u" && window.matchMedia(e).matches);
-	return (0, i.useEffect)(() => {
-		let t = window.matchMedia(e), r = () => n(t.matches);
-		return t.addEventListener("change", r), () => t.removeEventListener("change", r);
-	}, []), t;
-}
-//#endregion
-export { y as A, C, m as D, S as E, T as M, c as O, _ as S, o as T, X as _, A as a, D as b, W as c, J as d, M as f, Z as g, R as h, P as i, b as j, v as k, H as l, I as m, V as n, K as o, N as p, L as r, j as s, U as t, Y as u, w as v, x as w, g as x, p as y };