@tangle-network/sandbox-cli 0.21.27 → 0.21.29

package/dist/graph-viewer/viewer/{Analytics-CtKucZjs.js → Analytics-DD__nbLm.js}

@@ -1,21 +1,21 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { t as r } from "./segmented-control-ChhLMa6h.js";
-import { C as i, D as a, S as o, T as s, _ as c, b as l, d as u, j as d, m as f, o as p, p as m, s as h, t as g, u as _, v, w as y } from "./ui-DZiGjPwl.js";
+import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
+import { t as r } from "./segmented-control-BaJmvTNd.js";
+import { C as i, D as a, E as o, M as s, O as c, _ as l, d as u, m as d, o as f, p, s as m, t as h, u as g, v as _, w as v, x as y } from "./ui-C9b1rIUH.js";
 //#region src/workspace/run/Analytics.tsx
 var b = /* @__PURE__ */ e(t(), 1), x = n();
 function S({ m: e }) {
-	let [t, n] = (0, b.useState)(/* @__PURE__ */ new Set()), r = (0, b.useMemo)(() => t.size ? e.tree.filter((e) => t.has(e.id)) : e.tree, [e, t]), i = (0, b.useMemo)(() => s(r), [r]), a = t.size ? t.size === 1 ? e.byId.get([...t][0])?.name : `${t.size} agents` : "All";
+	let [t, n] = (0, b.useState)(/* @__PURE__ */ new Set()), r = (0, b.useMemo)(() => t.size ? e.tree.filter((e) => t.has(e.id)) : e.tree, [e, t]), i = (0, b.useMemo)(() => a(r), [r]), o = t.size ? t.size === 1 ? e.byId.get([...t][0])?.name : `${t.size} agents` : "All";
 	return /* @__PURE__ */ (0, x.jsxs)("div", {
 		className: "rp-an",
 		children: [
-			/* @__PURE__ */ (0, x.jsxs)("div", {
+			/* @__PURE__ */ (0, x.jsx)("div", {
 				className: "rp-an-f",
-				children: [/* @__PURE__ */ (0, x.jsxs)(p, {
+				children: /* @__PURE__ */ (0, x.jsx)(f, {
 					label: "Agents",
 					multi: !0,
 					options: u(e),
-					groups: _(e),
+					groups: g(e),
 					all: {
 						label: "All agents",
 						meta: String(e.agents.length)
@@ -25,22 +25,8 @@ function S({ m: e }) {
 					width: 360,
 					placeholder: `Search ${e.agents.length} agents`,
 					style: { width: 280 },
-					children: [/* @__PURE__ */ (0, x.jsx)("span", {
-						className: "dim",
-						children: "Agents "
-					}), a]
-				}), /* @__PURE__ */ (0, x.jsxs)("span", {
-					className: "scope",
-					children: [
-						"Every chart below covers ",
-						t.size ? /* @__PURE__ */ (0, x.jsxs)("b", { children: [
-							r.length,
-							" of ",
-							e.agents.length
-						] }) : /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: ["all ", /* @__PURE__ */ (0, x.jsx)("b", { children: e.agents.length })] }),
-						" agents."
-					]
-				})]
+					children: t.size ? o : `All ${e.agents.length} agents`
+				})
 			}),
 			/* @__PURE__ */ (0, x.jsx)(C, {
 				m: e,
@@ -50,25 +36,25 @@ function S({ m: e }) {
 			/* @__PURE__ */ (0, x.jsxs)("div", {
 				className: "rp-an-g",
 				children: [
-					/* @__PURE__ */ (0, x.jsx)(w, {
+					/* @__PURE__ */ (0, x.jsx)(D, {
 						m: e,
 						agents: r,
 						tools: i
 					}),
-					/* @__PURE__ */ (0, x.jsx)(E, {
+					/* @__PURE__ */ (0, x.jsx)(k, {
 						m: e,
 						agents: r
 					}),
-					/* @__PURE__ */ (0, x.jsx)(O, {
+					/* @__PURE__ */ (0, x.jsx)(j, {
 						m: e,
 						agents: r
 					}),
-					/* @__PURE__ */ (0, x.jsx)(k, {
+					/* @__PURE__ */ (0, x.jsx)(M, {
 						m: e,
 						agents: r,
 						tools: i
 					}),
-					/* @__PURE__ */ (0, x.jsx)(j, {
+					/* @__PURE__ */ (0, x.jsx)(P, {
 						m: e,
 						agents: r,
 						tools: i
@@ -79,7 +65,7 @@ function S({ m: e }) {
 	});
 }
 function C({ m: e, agents: t, tools: n }) {
-	let r = (e) => t.reduce((t, n) => t + (e(n) ?? 0), 0), a = t.length === e.agents.length && e.totals.tokens !== null ? e.totals.tokens : r((e) => e.tokens), s = t.reduce((e, t) => t.byClass ? {
+	let r = (e) => t.reduce((t, n) => t + (e(n) ?? 0), 0), a = t.length === e.agents.length && e.totals.tokens !== null ? e.totals.tokens : r((e) => e.tokens), o = t.reduce((e, t) => t.byClass ? {
 		input: e.input + t.byClass.input,
 		output: e.output + t.byClass.output,
 		cacheRead: e.cacheRead + t.byClass.cacheRead
@@ -87,30 +73,31 @@ function C({ m: e, agents: t, tools: n }) {
 		input: 0,
 		output: 0,
 		cacheRead: 0
-	}), c = r((e) => e.modelCalls), l = r((e) => e.toolCalls), u = r((e) => e.toolFailures), f = t.some((e) => e.billedUsd !== null) ? r((e) => e.billedUsd) : null, p = t.some((e) => e.listUsd !== null) ? r((e) => e.listUsd) : null, m = [
-		[v(a), s.input + s.output + s.cacheRead ? `in ${v(s.input)} · out ${v(s.output)} · cached ${v(s.cacheRead)}` : "tokens"],
-		[o(c), "model calls"],
-		[o(l), `tool calls · ${n.length} tools`],
-		[o(u), `tool failures · ${l ? (u / l * 100).toFixed(1) : "0"}%`],
-		[o(r((e) => e.retries)), "retried steps"],
-		[o(r((e) => e.restarts.length)), "restarts"],
-		[i(r((e) => e.busy)), `busy of ${i(e.duration)}`],
-		[d(p === null ? f : p), p === null ? "billed" : `list · ${d(f ?? 0)} billed`]
+	}), c = r((e) => e.modelCalls), l = r((e) => e.toolCalls), u = r((e) => e.toolFailures), d = t.some((e) => e.billedUsd !== null) ? r((e) => e.billedUsd) : null, f = t.some((e) => e.listUsd !== null) ? r((e) => e.listUsd) : null, p = [
+		[_(a), o.input + o.output + o.cacheRead ? `in ${_(o.input)} · out ${_(o.output)} · cached ${_(o.cacheRead)}` : "tokens"],
+		[i(c), "model calls"],
+		[i(l), `tool calls · ${n.length} tools`],
+		[i(u), `tool failures · ${l ? (u / l * 100).toFixed(1) : "0"}%`],
+		[i(r((e) => e.retries)), "retried steps"],
+		[i(r((e) => e.restarts.length)), "restarts"],
+		[v(r((e) => e.busy)), `busy of ${v(e.duration)}`],
+		[s(f === null ? d : f), f === null ? "billed" : `list · ${s(d ?? 0)} billed`]
 	];
 	return /* @__PURE__ */ (0, x.jsx)("section", {
 		className: "rp-card rp-kpis",
 		"aria-label": "Totals",
-		children: m.map(([e, t]) => /* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: e }), /* @__PURE__ */ (0, x.jsx)("span", {
+		children: p.map(([e, t]) => /* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: e }), /* @__PURE__ */ (0, x.jsx)("span", {
 			title: t,
 			children: t
 		})] }, t))
 	});
 }
-function w({ m: e, agents: t, tools: n }) {
-	let [a, s] = (0, b.useState)("calls"), l = f(), u = (0, b.useRef)(null), d = n.slice(0, 8), p = n.slice(8), g = (0, b.useMemo)(() => {
+var w = 168, T = 76, E = 88;
+function D({ m: e, agents: t, tools: n }) {
+	let [a, s] = (0, b.useState)("calls"), c = d(), u = (0, b.useRef)(null), f = (0, b.useMemo)(() => {
 		let e = t.filter((e) => e.toolCalls > 0), n = a === "calls" ? (e) => -e.toolCalls : a === "fails" ? (e) => -e.toolFailures * 1e6 - e.toolCalls : null;
 		return n ? [...e].sort((e, t) => n(e) - n(t)) : [...e].sort((e, t) => e.name.localeCompare(t.name));
-	}, [t, a]), _ = c(u, g.length, 28, 6), v = Math.max(1, ...g.flatMap((e) => e.tools.map((e) => e.calls))), S = Math.max(1, ...g.map((e) => e.toolCalls)), C = (e) => e ? `color-mix(in oklab, var(--rp-tool) ${Math.round(14 + 86 * Math.sqrt(e / v))}%, hsl(var(--hsl-card)))` : void 0, w = (e) => e && Math.sqrt(e / v) > .55 ? "on" : "", T = { gridTemplateColumns: `minmax(120px, 1.3fr) repeat(${d.length + +!!p.length}, minmax(64px, 1fr)) 88px` }, E = (e, t, n, r) => l.show({
+	}, [t, a]), h = l(u, f.length, 28, 6), g = Math.floor(((h.width || 1e4) - 32 - w - E) / T), _ = n.length <= g ? n.length : Math.max(1, g - 1), y = n.slice(0, _), S = n.slice(_), C = Math.max(1, ...f.flatMap((e) => e.tools.map((e) => e.calls))), D = Math.max(1, ...f.map((e) => e.toolCalls)), O = (e) => e ? `color-mix(in oklab, var(--rp-tool) ${Math.round(14 + 86 * Math.sqrt(e / C))}%, hsl(var(--hsl-card)))` : void 0, k = (e) => e && Math.sqrt(e / C) > .55 ? "on" : "", A = { gridTemplateColumns: `minmax(${w}px, 1.3fr) repeat(${y.length + +!!S.length}, minmax(${T}px, 1fr)) ${E}px` }, j = (e, t, n, r) => c.show({
 		rect: r.getBoundingClientRect(),
 		wide: !1,
 		content: /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsxs)("div", {
@@ -118,7 +105,7 @@ function w({ m: e, agents: t, tools: n }) {
 			children: [/* @__PURE__ */ (0, x.jsxs)("div", {
 				className: "t",
 				children: [
-					/* @__PURE__ */ (0, x.jsx)(h, { tone: e.state.tone }),
+					/* @__PURE__ */ (0, x.jsx)(m, { tone: e.state.tone }),
 					/* @__PURE__ */ (0, x.jsx)("span", {
 						className: "nm",
 						children: e.name
@@ -130,13 +117,13 @@ function w({ m: e, agents: t, tools: n }) {
 				]
 			}), /* @__PURE__ */ (0, x.jsx)("div", {
 				className: "s",
-				children: t ? `${o(t.calls)} calls · ${i(t.ms)} in all` : "no calls"
+				children: t ? `${i(t.calls)} calls · ${v(t.ms)} in all` : "no calls"
 			})]
 		}), t && /* @__PURE__ */ (0, x.jsx)("div", {
 			className: "rp-card-cols",
 			children: /* @__PURE__ */ (0, x.jsx)("section", { children: /* @__PURE__ */ (0, x.jsxs)("dl", { children: [
 				/* @__PURE__ */ (0, x.jsx)("dt", { children: "Calls" }),
-				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(t.calls) }),
+				/* @__PURE__ */ (0, x.jsx)("dd", { children: i(t.calls) }),
 				/* @__PURE__ */ (0, x.jsx)("dt", { children: "Failed" }),
 				/* @__PURE__ */ (0, x.jsx)("dd", { children: t.failures ? /* @__PURE__ */ (0, x.jsxs)("span", {
 					className: "f",
@@ -149,11 +136,11 @@ function w({ m: e, agents: t, tools: n }) {
 				}) : "0" }),
 				/* @__PURE__ */ (0, x.jsx)("dt", { children: "p50 · p90 · p99" }),
 				/* @__PURE__ */ (0, x.jsxs)("dd", { children: [
-					y(t.p50),
+					o(t.p50),
 					" · ",
-					y(t.p90),
+					o(t.p90),
 					" · ",
-					y(t.p99)
+					o(t.p99)
 				] }),
 				/* @__PURE__ */ (0, x.jsx)("dt", { children: "Share of its tool calls" }),
 				/* @__PURE__ */ (0, x.jsxs)("dd", { children: [(t.calls / Math.max(1, e.toolCalls) * 100).toFixed(0), "%"] })
@@ -168,7 +155,7 @@ function w({ m: e, agents: t, tools: n }) {
 			children: [/* @__PURE__ */ (0, x.jsxs)("h3", { children: ["Tool calls by agent and tool", /* @__PURE__ */ (0, x.jsxs)("span", {
 				className: "ct",
 				children: [
-					g.length,
+					f.length,
 					" agents · ",
 					n.length,
 					" tools"
@@ -202,17 +189,17 @@ function w({ m: e, agents: t, tools: n }) {
 				ref: u,
 				children: /* @__PURE__ */ (0, x.jsxs)("div", {
 					className: "rp-hm",
-					style: T,
+					style: A,
 					children: [
 						/* @__PURE__ */ (0, x.jsx)("span", { className: "ch c0" }),
-						d.map((e) => /* @__PURE__ */ (0, x.jsx)("span", {
+						y.map((e) => /* @__PURE__ */ (0, x.jsx)("span", {
 							className: "ch",
 							title: e.name,
 							children: /* @__PURE__ */ (0, x.jsx)("span", { children: e.name.replace(/^agent-runtime-coordination_/, "").replaceAll("_", " ") })
 						}, e.name)),
-						p.length > 0 && /* @__PURE__ */ (0, x.jsx)("span", {
+						S.length > 0 && /* @__PURE__ */ (0, x.jsx)("span", {
 							className: "ch",
-							children: /* @__PURE__ */ (0, x.jsxs)("span", { children: [p.length, " more"] })
+							children: /* @__PURE__ */ (0, x.jsxs)("span", { children: [S.length, " more"] })
 						}),
 						/* @__PURE__ */ (0, x.jsx)("span", {
 							className: "ch tot",
@@ -220,52 +207,52 @@ function w({ m: e, agents: t, tools: n }) {
 						}),
 						/* @__PURE__ */ (0, x.jsx)("div", {
 							className: "gap",
-							style: { height: _.before }
+							style: { height: h.before }
 						}),
-						g.slice(_.first, _.last).map((e) => {
-							let t = new Map(e.tools.map((e) => [e.name, e])), n = e.tools.filter((e) => !d.some((t) => t.name === e.name)), r = n.reduce((e, t) => e + t.calls, 0), i = n.reduce((e, t) => e + t.failures, 0);
+						f.slice(h.first, h.last).map((e) => {
+							let t = new Map(e.tools.map((e) => [e.name, e])), n = e.tools.filter((e) => !y.some((t) => t.name === e.name)), r = n.reduce((e, t) => e + t.calls, 0), a = n.reduce((e, t) => e + t.failures, 0);
 							return [
 								/* @__PURE__ */ (0, x.jsxs)("span", {
 									className: "rh",
 									title: e.name,
-									children: [/* @__PURE__ */ (0, x.jsx)(h, { tone: e.state.tone }), /* @__PURE__ */ (0, x.jsx)("span", {
+									children: [/* @__PURE__ */ (0, x.jsx)(m, { tone: e.state.tone }), /* @__PURE__ */ (0, x.jsx)("span", {
 										className: "nm",
-										children: m(e, 22)
+										children: p(e, 22)
 									})]
 								}, `${e.id}:n`),
-								...d.map((n) => {
-									let r = t.get(n.name), i = r?.calls ?? 0;
+								...y.map((n) => {
+									let r = t.get(n.name), a = r?.calls ?? 0;
 									return /* @__PURE__ */ (0, x.jsxs)("span", {
-										className: `c${i ? "" : " z"} ${w(i)}`,
-										style: { background: C(i) },
-										tabIndex: i ? 0 : -1,
-										onPointerEnter: (t) => E(e, r ?? null, n.name, t.currentTarget),
-										onPointerLeave: () => l.hide(),
-										onFocus: (t) => E(e, r ?? null, n.name, t.currentTarget),
-										onBlur: () => l.hide(),
-										children: [i ? o(i) : "", r?.failures ? /* @__PURE__ */ (0, x.jsxs)("span", {
+										className: `c${a ? "" : " z"} ${k(a)}`,
+										style: { background: O(a) },
+										tabIndex: a ? 0 : -1,
+										onPointerEnter: (t) => j(e, r ?? null, n.name, t.currentTarget),
+										onPointerLeave: () => c.hide(),
+										onFocus: (t) => j(e, r ?? null, n.name, t.currentTarget),
+										onBlur: () => c.hide(),
+										children: [a ? i(a) : "", r?.failures ? /* @__PURE__ */ (0, x.jsxs)("span", {
 											className: "xf",
 											children: ["✕", r.failures]
 										}) : null]
 									}, `${e.id}:${n.name}`);
 								}),
-								...p.length ? [/* @__PURE__ */ (0, x.jsxs)("span", {
-									className: `c${r ? "" : " z"} ${w(r)}`,
-									style: { background: C(r) },
-									children: [r ? o(r) : "", i ? /* @__PURE__ */ (0, x.jsxs)("span", {
+								...S.length ? [/* @__PURE__ */ (0, x.jsxs)("span", {
+									className: `c${r ? "" : " z"} ${k(r)}`,
+									style: { background: O(r) },
+									children: [r ? i(r) : "", a ? /* @__PURE__ */ (0, x.jsxs)("span", {
 										className: "xf",
-										children: ["✕", i]
+										children: ["✕", a]
 									}) : null]
 								}, `${e.id}:rest`)] : [],
 								/* @__PURE__ */ (0, x.jsxs)("span", {
 									className: "tot",
-									children: [/* @__PURE__ */ (0, x.jsx)("b", { style: { width: `${e.toolCalls / S * 56}px` } }), o(e.toolCalls)]
+									children: [/* @__PURE__ */ (0, x.jsx)("b", { style: { width: `${e.toolCalls / D * 56}px` } }), i(e.toolCalls)]
 								}, `${e.id}:t`)
 							];
 						}),
 						/* @__PURE__ */ (0, x.jsx)("div", {
 							className: "gap",
-							style: { height: _.after }
+							style: { height: h.after }
 						})
 					]
 				})
@@ -277,23 +264,23 @@ function w({ m: e, agents: t, tools: n }) {
 						children: [
 							/* @__PURE__ */ (0, x.jsx)("span", { children: "1" }),
 							/* @__PURE__ */ (0, x.jsx)("i", {}),
-							/* @__PURE__ */ (0, x.jsx)("span", { children: o(v) })
+							/* @__PURE__ */ (0, x.jsx)("span", { children: i(C) })
 						]
 					}),
 					/* @__PURE__ */ (0, x.jsxs)("span", { children: [/* @__PURE__ */ (0, x.jsx)("span", {
 						className: "x",
 						children: "✕"
 					}), " failed calls in the cell"] }),
-					t.length > g.length && /* @__PURE__ */ (0, x.jsxs)("span", {
+					t.length > f.length && /* @__PURE__ */ (0, x.jsxs)("span", {
 						className: "end",
-						children: [t.length - g.length, " agents made no tool calls"]
+						children: [t.length - f.length, " agents made no tool calls"]
 					})
 				]
 			})]
 		})]
 	});
 }
-var T = [
+var O = [
 	6e4,
 	12e4,
 	3e5,
@@ -303,36 +290,36 @@ var T = [
 	36e5,
 	72e5
 ];
-function E({ m: e, agents: t }) {
-	let [n, i] = (0, b.useState)("calls"), a = f(), s = (0, b.useMemo)(() => t.flatMap((e) => e.steps.filter((e) => e.kind !== "waiting")), [t]), c = s.length ? Math.min(...s.map((e) => e.t)) : 0, u = s.length ? Math.max(...s.map((e) => e.t + e.d)) : 1, d = T.find((e) => (u - c) / e <= 36) ?? 144e5, p = Math.floor(c / d) * d, m = Math.max(1, Math.ceil((u - p) / d)), h = (0, b.useMemo)(() => {
-		let e = Array.from({ length: m }, () => ({
+function k({ m: e, agents: t }) {
+	let [n, a] = (0, b.useState)("calls"), o = d(), s = (0, b.useMemo)(() => t.flatMap((e) => e.steps.filter((e) => e.kind !== "waiting")), [t]), c = s.length ? Math.min(...s.map((e) => e.t)) : 0, l = s.length ? Math.max(...s.map((e) => e.t + e.d)) : 1, u = O.find((e) => (l - c) / e <= 36) ?? 144e5, f = Math.floor(c / u) * u, p = Math.max(1, Math.ceil((l - f) / u)), m = (0, b.useMemo)(() => {
+		let e = Array.from({ length: p }, () => ({
 			model: 0,
 			tool: 0,
 			failed: 0,
 			tokens: 0
 		}));
 		for (let t of s) {
-			let n = e[Math.min(m - 1, Math.floor((t.t - p) / d))];
+			let n = e[Math.min(p - 1, Math.floor((t.t - f) / u))];
 			t.kind === "model" ? n.model++ : n.tool++, t.failed && n.failed++, t.tokens && (n.tokens += t.tokens.input + t.tokens.output + t.tokens.cacheRead);
 		}
 		return e;
 	}, [
 		s,
-		m,
 		p,
-		d
-	]), g = (e) => n === "calls" ? e.model + e.tool : e.tokens, _ = Math.max(1, ...h.map(g)), y = 560 / m, S = (e) => 216 - e / _ * 198, C = D(_), w = l(e.t0), E = d === 6e4 ? "minute" : d === 36e5 ? "hour" : d > 36e5 ? `${d / 36e5} h` : `${d / 6e4} min`, O = Math.max(1, Math.ceil(m / 6));
+		f,
+		u
+	]), h = (e) => n === "calls" ? e.model + e.tool : e.tokens, g = Math.max(1, ...m.map(h)), v = 560 / p, S = A(g), C = (e) => 216 - e / S * 198, w = y(e.t0), T = u === 6e4 ? "minute" : u === 36e5 ? "hour" : u > 36e5 ? `${u / 36e5} h` : `${u / 6e4} min`, E = Math.max(1, Math.ceil(p / 6));
 	return /* @__PURE__ */ (0, x.jsxs)("section", {
 		className: "rp-card w5",
 		"aria-label": n === "calls" ? "Calls over time" : "Tokens over time",
 		children: [/* @__PURE__ */ (0, x.jsxs)("div", {
 			className: "rp-hd sm",
-			children: [/* @__PURE__ */ (0, x.jsx)("h3", { children: n === "calls" ? `Calls per ${E}` : `Metered tokens per ${E}` }), /* @__PURE__ */ (0, x.jsx)("span", {
+			children: [/* @__PURE__ */ (0, x.jsx)("h3", { children: n === "calls" ? `Calls per ${T}` : `Metered tokens per ${T}` }), /* @__PURE__ */ (0, x.jsx)("span", {
 				className: "end",
 				children: /* @__PURE__ */ (0, x.jsx)(r, {
 					"aria-label": "Measure",
 					value: n,
-					onValueChange: i,
+					onValueChange: a,
 					options: [{
 						value: "calls",
 						label: "Calls"
@@ -371,7 +358,7 @@ function E({ m: e, agents: t }) {
 				viewBox: "0 0 600 240",
 				preserveAspectRatio: "none",
 				role: "img",
-				"aria-label": `${n} per ${E}, peak ${o(_)}`,
+				"aria-label": `${n} per ${T}, peak ${i(g)}`,
 				children: [[
 					0,
 					.5,
@@ -379,16 +366,16 @@ function E({ m: e, agents: t }) {
 				].map((e) => /* @__PURE__ */ (0, x.jsxs)("g", { children: [/* @__PURE__ */ (0, x.jsx)("line", {
 					x1: 40,
 					x2: 600,
-					y1: S(C * e),
-					y2: S(C * e),
+					y1: C(S * e),
+					y2: C(S * e),
 					className: "grid"
 				}), /* @__PURE__ */ (0, x.jsx)("text", {
 					x: 34,
-					y: S(C * e) + 4,
+					y: C(S * e) + 4,
 					textAnchor: "end",
-					children: n === "calls" ? o(Math.round(C * e)) : v(C * e)
-				})] }, e)), h.map((e, t) => {
-					let r = 40 + t * y + 1, i = Math.max(1, y - 2), s = n === "calls" ? e.model / _ * 198 : e.tokens / _ * 198, c = n === "calls" ? e.tool / _ * 198 : 0, l = (n) => a.show({
+					children: n === "calls" ? i(Math.round(S * e)) : _(S * e)
+				})] }, e)), m.map((e, t) => {
+					let r = 40 + t * v + 1, a = Math.max(1, v - 2), s = n === "calls" ? e.model / S * 198 : e.tokens / S * 198, c = n === "calls" ? e.tool / S * 198 : 0, l = (n) => o.show({
 						rect: n.currentTarget.getBoundingClientRect(),
 						content: /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)("div", {
 							className: "rp-card-h",
@@ -397,9 +384,9 @@ function E({ m: e, agents: t }) {
 								children: /* @__PURE__ */ (0, x.jsxs)("span", {
 									className: "nm",
 									children: [
-										w(p + t * d),
+										w(f + t * u),
 										"–",
-										w(p + (t + 1) * d),
+										w(f + (t + 1) * u),
 										" UTC"
 									]
 								})
@@ -408,61 +395,61 @@ function E({ m: e, agents: t }) {
 							className: "rp-card-cols",
 							children: /* @__PURE__ */ (0, x.jsx)("section", { children: /* @__PURE__ */ (0, x.jsxs)("dl", { children: [
 								/* @__PURE__ */ (0, x.jsx)("dt", { children: "Model calls" }),
-								/* @__PURE__ */ (0, x.jsx)("dd", { children: o(e.model) }),
+								/* @__PURE__ */ (0, x.jsx)("dd", { children: i(e.model) }),
 								/* @__PURE__ */ (0, x.jsx)("dt", { children: "Tool calls" }),
-								/* @__PURE__ */ (0, x.jsx)("dd", { children: o(e.tool) }),
+								/* @__PURE__ */ (0, x.jsx)("dd", { children: i(e.tool) }),
 								/* @__PURE__ */ (0, x.jsx)("dt", { children: "Failed" }),
 								/* @__PURE__ */ (0, x.jsx)("dd", { children: e.failed ? /* @__PURE__ */ (0, x.jsxs)("span", {
 									className: "f",
 									children: [e.failed, " ✕"]
 								}) : "0" }),
 								/* @__PURE__ */ (0, x.jsx)("dt", { children: "Metered tokens" }),
-								/* @__PURE__ */ (0, x.jsx)("dd", { children: e.tokens ? v(e.tokens) : "not recorded" })
+								/* @__PURE__ */ (0, x.jsx)("dd", { children: e.tokens ? _(e.tokens) : "not recorded" })
 							] }) })
 						})] })
 					});
 					return /* @__PURE__ */ (0, x.jsxs)("g", {
-						tabIndex: g(e) ? 0 : -1,
+						tabIndex: h(e) ? 0 : -1,
 						onPointerEnter: l,
-						onPointerLeave: () => a.hide(),
+						onPointerLeave: () => o.hide(),
 						onFocus: l,
-						onBlur: () => a.hide(),
+						onBlur: () => o.hide(),
 						children: [
 							/* @__PURE__ */ (0, x.jsx)("rect", {
-								x: 40 + t * y,
+								x: 40 + t * v,
 								y: 18,
-								width: y,
+								width: v,
 								height: 198,
 								className: "hit"
 							}),
 							s > 0 && /* @__PURE__ */ (0, x.jsx)("rect", {
 								x: r,
 								y: 216 - s,
-								width: i,
+								width: a,
 								height: s,
-								rx: Math.min(2, i / 2),
+								rx: Math.min(2, a / 2),
 								className: "model"
 							}),
 							c > 0 && /* @__PURE__ */ (0, x.jsx)("rect", {
 								x: r,
 								y: 216 - s - c - (s > 0 ? 1.5 : 0),
-								width: i,
+								width: a,
 								height: c,
-								rx: Math.min(2, i / 2),
+								rx: Math.min(2, a / 2),
 								className: "tool"
 							}),
 							e.failed > 0 && n === "calls" && /* @__PURE__ */ (0, x.jsxs)("text", {
-								x: r + i / 2,
+								x: r + a / 2,
 								y: 216 - s - c - 6,
 								textAnchor: "middle",
 								className: "xf",
 								children: ["✕", e.failed]
 							}),
-							t % O === 0 && /* @__PURE__ */ (0, x.jsx)("text", {
-								x: r + i / 2,
+							t % E === 0 && /* @__PURE__ */ (0, x.jsx)("text", {
+								x: r + a / 2,
 								y: 234,
 								textAnchor: "middle",
-								children: w(p + t * d)
+								children: w(f + t * u)
 							})
 						]
 					}, t);
@@ -471,7 +458,7 @@ function E({ m: e, agents: t }) {
 		})]
 	});
 }
-function D(e) {
+function A(e) {
 	let t = 10 ** Math.floor(Math.log10(Math.max(1, e)));
 	return [
 		1,
@@ -481,11 +468,11 @@ function D(e) {
 		10
 	].map((e) => e * t).find((t) => t >= e) ?? e;
 }
-function O({ m: e, agents: t }) {
+function j({ m: e, agents: t }) {
 	let [n, r] = (0, b.useState)({
 		k: "tokens",
 		d: -1
-	}), i = f(), a = (0, b.useRef)(null), s = (e) => ({
+	}), a = d(), o = (0, b.useRef)(null), c = (e) => ({
 		tokens: e.tokens ?? -1,
 		model: e.modelCalls,
 		tool: e.toolCalls,
@@ -494,10 +481,14 @@ function O({ m: e, agents: t }) {
 		spawns: e.children.length,
 		cost: e.listUsd ?? e.billedUsd ?? -1,
 		name: e.name
-	})[n.k], l = (0, b.useMemo)(() => [...t].sort((e, t) => {
-		let r = s(e), i = s(t);
+	})[n.k], u = (0, b.useMemo)(() => [...t].sort((e, t) => {
+		let r = c(e), i = c(t);
 		return (typeof r == "string" ? r.localeCompare(i) : r - i) * n.d;
-	}), [t, n]), u = c(a, l.length, 28), p = Math.max(1, ...t.map((e) => e.tokens ?? 0)), h = (e, t, i = "") => /* @__PURE__ */ (0, x.jsx)("span", {
+	}), [t, n]), f = l(o, u.length, 28), m = Math.max(1, ...t.map((e) => e.tokens ?? 0)), g = [
+		"failed",
+		"restarts",
+		"spawns"
+	].filter((e) => t.some((t) => (e === "failed" ? t.failedSteps : e === "restarts" ? t.restarts.length : t.children.length) > 0)), v = { gridTemplateColumns: `minmax(96px, 1fr) 112px 52px 44px ${g.map((e) => e === "restarts" ? "72px" : e === "spawns" ? "64px" : "56px").join(" ")} 64px` }, y = (e, t, i = "") => /* @__PURE__ */ (0, x.jsx)("span", {
 		role: "columnheader",
 		className: i,
 		"aria-sort": n.k === e ? n.d < 0 ? "descending" : "ascending" : void 0,
@@ -509,7 +500,7 @@ function O({ m: e, agents: t }) {
 			})),
 			children: [t, n.k === e ? n.d < 0 ? " ↓" : " ↑" : ""]
 		})
-	});
+	}, e);
 	return /* @__PURE__ */ (0, x.jsxs)("section", {
 		className: "rp-card w5",
 		"aria-label": "Agents",
@@ -521,99 +512,93 @@ function O({ m: e, agents: t }) {
 			})] })
 		}), /* @__PURE__ */ (0, x.jsxs)("div", {
 			className: "rp-at-wrap",
-			ref: a,
+			ref: o,
 			role: "table",
 			"aria-label": "Agents",
-			"aria-rowcount": l.length,
+			"aria-rowcount": u.length,
 			children: [
 				/* @__PURE__ */ (0, x.jsxs)("div", {
 					className: "rp-at th",
 					role: "row",
+					style: v,
 					children: [
-						h("name", "Agent"),
-						h("tokens", "Tokens", "tk"),
-						h("model", "Model", "r"),
-						h("tool", "Tool", "r"),
-						h("failed", "Failed", "r"),
-						h("restarts", "Restarts", "r"),
-						h("spawns", "Spawns", "r"),
-						h("cost", "Cost", "r")
+						y("name", "Agent"),
+						y("tokens", "Tokens", "tk"),
+						y("model", "Model", "r"),
+						y("tool", "Tool", "r"),
+						g.map((e) => y(e, {
+							failed: "Failed",
+							restarts: "Restarts",
+							spawns: "Spawns"
+						}[e], "r")),
+						y("cost", "Cost", "r")
 					]
 				}),
-				/* @__PURE__ */ (0, x.jsx)("div", { style: { height: u.before } }),
-				l.slice(u.first, u.last).map((t) => /* @__PURE__ */ (0, x.jsxs)("div", {
+				/* @__PURE__ */ (0, x.jsx)("div", { style: { height: f.before } }),
+				u.slice(f.first, f.last).map((t) => /* @__PURE__ */ (0, x.jsxs)("div", {
 					className: "rp-at",
 					role: "row",
 					tabIndex: 0,
-					onPointerEnter: (n) => i.show({
-						content: /* @__PURE__ */ (0, x.jsx)(g, {
+					style: v,
+					onPointerEnter: (n) => a.show({
+						content: /* @__PURE__ */ (0, x.jsx)(h, {
 							m: e,
 							a: t
 						}),
 						rect: n.currentTarget.getBoundingClientRect(),
 						wide: t.tools.length > 0
 					}),
-					onPointerLeave: () => i.hide(),
-					onFocus: (n) => i.show({
-						content: /* @__PURE__ */ (0, x.jsx)(g, {
+					onPointerLeave: () => a.hide(),
+					onFocus: (n) => a.show({
+						content: /* @__PURE__ */ (0, x.jsx)(h, {
 							m: e,
 							a: t
 						}),
 						rect: n.currentTarget.getBoundingClientRect(),
 						wide: t.tools.length > 0
 					}),
-					onBlur: () => i.hide(),
+					onBlur: () => a.hide(),
 					children: [
 						/* @__PURE__ */ (0, x.jsx)("span", {
 							className: "nm",
 							role: "cell",
 							title: t.name,
-							children: m(t, 20)
+							children: p(t, 20)
 						}),
 						/* @__PURE__ */ (0, x.jsxs)("span", {
 							className: "tk",
 							role: "cell",
-							children: [/* @__PURE__ */ (0, x.jsx)("b", { style: { width: `${(t.tokens ?? 0) / p * 60}px` } }), /* @__PURE__ */ (0, x.jsx)("span", { children: v(t.tokens) })]
+							children: [/* @__PURE__ */ (0, x.jsx)("b", { style: { width: `${(t.tokens ?? 0) / m * 48}px` } }), /* @__PURE__ */ (0, x.jsx)("span", { children: _(t.tokens) })]
 						}),
 						/* @__PURE__ */ (0, x.jsx)("span", {
 							className: "r",
 							role: "cell",
-							children: o(t.modelCalls)
+							children: i(t.modelCalls)
 						}),
 						/* @__PURE__ */ (0, x.jsx)("span", {
 							className: "r",
 							role: "cell",
-							children: o(t.toolCalls)
+							children: i(t.toolCalls)
 						}),
-						/* @__PURE__ */ (0, x.jsx)("span", {
+						g.map((e) => /* @__PURE__ */ (0, x.jsx)("span", {
 							className: "r",
 							role: "cell",
-							children: t.failedSteps || ""
-						}),
-						/* @__PURE__ */ (0, x.jsx)("span", {
-							className: "r",
-							role: "cell",
-							children: t.restarts.length || ""
-						}),
+							children: (e === "failed" ? t.failedSteps : e === "restarts" ? t.restarts.length : t.children.length) || ""
+						}, e)),
 						/* @__PURE__ */ (0, x.jsx)("span", {
 							className: "r",
 							role: "cell",
-							children: t.children.length || ""
-						}),
-						/* @__PURE__ */ (0, x.jsx)("span", {
-							className: "r",
-							role: "cell",
-							children: t.listUsd === null ? t.billedUsd === null ? "—" : d(t.billedUsd) : d(t.listUsd)
+							children: t.listUsd === null ? t.billedUsd === null ? "—" : s(t.billedUsd) : s(t.listUsd)
 						})
 					]
 				}, t.id)),
-				/* @__PURE__ */ (0, x.jsx)("div", { style: { height: u.after } })
+				/* @__PURE__ */ (0, x.jsx)("div", { style: { height: f.after } })
 			]
 		})]
 	});
 }
-function k({ m: e, agents: t, tools: n }) {
-	let [i, s] = (0, b.useState)("range"), c = f(), l = (0, b.useMemo)(() => {
+function M({ m: e, agents: t, tools: n }) {
+	let [a, s] = (0, b.useState)("range"), l = d(), u = (0, b.useMemo)(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let n of t) for (let t of n.steps) if (t.kind === "model" && t.latency !== null) {
 			let r = t.model?.split("/").pop() ?? n.model ?? "model";
@@ -624,11 +609,11 @@ function k({ m: e, agents: t, tools: n }) {
 			model: !0,
 			calls: t.length,
 			values: t,
-			p50: a(t, 50),
-			p90: a(t, 90),
-			p99: a(t, 99)
+			p50: c(t, 50),
+			p90: c(t, 90),
+			p99: c(t, 99)
 		}));
-	}, [t]), u = [...l, ...n.filter((e) => e.durations.length).slice(0, 9).map((e) => ({
+	}, [t]), f = [...u, ...n.filter((e) => e.durations.length).slice(0, 9).map((e) => ({
 		name: e.name,
 		model: !1,
 		calls: e.calls,
@@ -636,14 +621,14 @@ function k({ m: e, agents: t, tools: n }) {
 		p50: e.p50,
 		p90: e.p90,
 		p99: e.p99
-	}))], d = u.flatMap((e) => e.values).filter((e) => e > 0), p = Math.max(1e3, ...d) * 1.2, m = (e) => (Math.log10(Math.max(10, e)) - Math.log10(10)) / (Math.log10(p) - Math.log10(10)), h = [
+	}))], p = f.flatMap((e) => e.values).filter((e) => e > 0), m = Math.max(1e3, ...p) * 1.2, h = (e) => (Math.log10(Math.max(10, e)) - Math.log10(10)) / (Math.log10(m) - Math.log10(10)), g = [
 		10,
 		100,
 		1e3,
 		1e4,
 		1e5,
 		1e6
-	].filter((e) => e <= p), g = (e, t) => c.show({
+	].filter((e) => e <= m), _ = (e, t) => l.show({
 		rect: t.getBoundingClientRect(),
 		content: /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsxs)("div", {
 			className: "rp-card-h",
@@ -657,7 +642,7 @@ function k({ m: e, agents: t, tools: n }) {
 					}),
 					/* @__PURE__ */ (0, x.jsxs)("span", {
 						className: "v",
-						children: [o(e.calls), " calls"]
+						children: [i(e.calls), " calls"]
 					})
 				]
 			}), /* @__PURE__ */ (0, x.jsx)("div", {
@@ -668,13 +653,13 @@ function k({ m: e, agents: t, tools: n }) {
 			className: "rp-card-cols",
 			children: /* @__PURE__ */ (0, x.jsx)("section", { children: /* @__PURE__ */ (0, x.jsxs)("dl", { children: [
 				/* @__PURE__ */ (0, x.jsx)("dt", { children: "p50" }),
-				/* @__PURE__ */ (0, x.jsx)("dd", { children: y(e.p50) }),
+				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(e.p50) }),
 				/* @__PURE__ */ (0, x.jsx)("dt", { children: "p90" }),
-				/* @__PURE__ */ (0, x.jsx)("dd", { children: y(e.p90) }),
+				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(e.p90) }),
 				/* @__PURE__ */ (0, x.jsx)("dt", { children: "p99" }),
-				/* @__PURE__ */ (0, x.jsx)("dd", { children: y(e.p99) }),
+				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(e.p99) }),
 				/* @__PURE__ */ (0, x.jsx)("dt", { children: "Max" }),
-				/* @__PURE__ */ (0, x.jsx)("dd", { children: y(Math.max(...e.values)) })
+				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(Math.max(...e.values)) })
 			] }) })
 		})] })
 	});
@@ -687,7 +672,7 @@ function k({ m: e, agents: t, tools: n }) {
 				className: "end",
 				children: /* @__PURE__ */ (0, x.jsx)(r, {
 					"aria-label": "Latency view",
-					value: i,
+					value: a,
 					onValueChange: s,
 					options: [{
 						value: "range",
@@ -700,15 +685,15 @@ function k({ m: e, agents: t, tools: n }) {
 			})]
 		}), /* @__PURE__ */ (0, x.jsx)("div", {
 			className: "rp-chart",
-			children: i === "range" ? /* @__PURE__ */ (0, x.jsxs)("div", {
+			children: a === "range" ? /* @__PURE__ */ (0, x.jsxs)("div", {
 				className: "rp-lat",
-				children: [u.map((e) => /* @__PURE__ */ (0, x.jsxs)("div", {
+				children: [f.map((e) => /* @__PURE__ */ (0, x.jsxs)("div", {
 					className: "row",
 					tabIndex: 0,
-					onPointerEnter: (t) => g(e, t.currentTarget),
-					onPointerLeave: () => c.hide(),
-					onFocus: (t) => g(e, t.currentTarget),
-					onBlur: () => c.hide(),
+					onPointerEnter: (t) => _(e, t.currentTarget),
+					onPointerLeave: () => l.hide(),
+					onFocus: (t) => _(e, t.currentTarget),
+					onBlur: () => l.hide(),
 					children: [
 						/* @__PURE__ */ (0, x.jsx)("span", {
 							className: `l${e.model ? " model" : ""}`,
@@ -719,15 +704,15 @@ function k({ m: e, agents: t, tools: n }) {
 							viewBox: "0 0 100 22",
 							preserveAspectRatio: "none",
 							"aria-hidden": "true",
-							children: [h.map((e) => /* @__PURE__ */ (0, x.jsx)("line", {
-								x1: m(e) * 100,
-								x2: m(e) * 100,
+							children: [g.map((e) => /* @__PURE__ */ (0, x.jsx)("line", {
+								x1: h(e) * 100,
+								x2: h(e) * 100,
 								y1: "2",
 								y2: "20",
 								className: "grid"
 							}, e)), /* @__PURE__ */ (0, x.jsx)("line", {
-								x1: m(e.p50 ?? 10) * 100,
-								x2: m(e.p99 ?? 10) * 100,
+								x1: h(e.p50 ?? 10) * 100,
+								x2: h(e.p99 ?? 10) * 100,
 								y1: "11",
 								y2: "11",
 								className: e.model ? "model" : "tool"
@@ -739,26 +724,26 @@ function k({ m: e, agents: t, tools: n }) {
 							children: [
 								/* @__PURE__ */ (0, x.jsx)("i", {
 									className: `p50 ${e.model ? "model" : "tool"}`,
-									style: { left: `${m(e.p50 ?? 10) * 100}%` }
+									style: { left: `${h(e.p50 ?? 10) * 100}%` }
 								}),
 								/* @__PURE__ */ (0, x.jsx)("i", {
 									className: `p90 ${e.model ? "model" : "tool"}`,
-									style: { left: `${m(e.p90 ?? 10) * 100}%` }
+									style: { left: `${h(e.p90 ?? 10) * 100}%` }
 								}),
 								/* @__PURE__ */ (0, x.jsx)("i", {
 									className: `p99 ${e.model ? "model" : "tool"}`,
-									style: { left: `${m(e.p99 ?? 10) * 100}%` }
+									style: { left: `${h(e.p99 ?? 10) * 100}%` }
 								})
 							]
 						}),
 						/* @__PURE__ */ (0, x.jsxs)("span", {
 							className: "v",
 							children: [
-								/* @__PURE__ */ (0, x.jsx)("b", { children: y(e.p50) }),
+								/* @__PURE__ */ (0, x.jsx)("b", { children: o(e.p50) }),
 								" · ",
-								y(e.p90),
+								o(e.p90),
 								" · ",
-								y(e.p99)
+								o(e.p99)
 							]
 						})
 					]
@@ -768,9 +753,9 @@ function k({ m: e, agents: t, tools: n }) {
 						/* @__PURE__ */ (0, x.jsx)("span", {}),
 						/* @__PURE__ */ (0, x.jsx)("span", {
 							className: "ax",
-							children: h.map((e) => /* @__PURE__ */ (0, x.jsx)("span", {
-								style: { left: `${m(e) * 100}%` },
-								children: y(e)
+							children: g.map((e) => /* @__PURE__ */ (0, x.jsx)("span", {
+								style: { left: `${h(e) * 100}%` },
+								children: o(e)
 							}, e))
 						}),
 						/* @__PURE__ */ (0, x.jsx)("span", {
@@ -779,44 +764,44 @@ function k({ m: e, agents: t, tools: n }) {
 						})
 					]
 				})]
-			}) : /* @__PURE__ */ (0, x.jsx)(A, {
+			}) : /* @__PURE__ */ (0, x.jsx)(N, {
 				rows: [{
 					name: "Model calls",
 					model: !0,
-					values: l.flatMap((e) => e.values)
+					values: u.flatMap((e) => e.values)
 				}, {
 					name: "Tool calls",
 					model: !1,
 					values: n.flatMap((e) => e.durations)
 				}],
 				lo: 10,
-				hi: p
+				hi: m
 			})
 		})]
 	});
 }
-function A({ rows: e, lo: t, hi: n }) {
-	let r = f(), i = [];
-	for (let e = Math.log10(t); e <= Math.log10(n) + 1e-9; e += 1 / 4) i.push(10 ** e);
+function N({ rows: e, lo: t, hi: n }) {
+	let r = d(), a = [];
+	for (let e = Math.log10(t); e <= Math.log10(n) + 1e-9; e += 1 / 4) a.push(10 ** e);
 	let s = (e) => 34 + (Math.log10(Math.max(t, e)) - Math.log10(t)) / (Math.log10(n) - Math.log10(t)) * 366;
 	return /* @__PURE__ */ (0, x.jsx)("div", {
 		className: "rp-hist",
 		children: e.filter((e) => e.values.length).map((e) => {
-			let t = i.slice(0, -1).map((t, n) => ({
+			let t = a.slice(0, -1).map((t, n) => ({
 				from: t,
-				to: i[n + 1],
-				n: e.values.filter((e) => e >= t && e < i[n + 1]).length
-			})), c = Math.max(1, ...t.map((e) => e.n)), l = [
-				["p50", a(e.values, 50)],
-				["p90", a(e.values, 90)],
-				["p99", a(e.values, 99)]
+				to: a[n + 1],
+				n: e.values.filter((e) => e >= t && e < a[n + 1]).length
+			})), l = Math.max(1, ...t.map((e) => e.n)), u = [
+				["p50", c(e.values, 50)],
+				["p90", c(e.values, 90)],
+				["p99", c(e.values, 99)]
 			];
 			return /* @__PURE__ */ (0, x.jsxs)("figure", { children: [/* @__PURE__ */ (0, x.jsxs)("figcaption", { children: [
 				/* @__PURE__ */ (0, x.jsx)("i", { className: `rp-sw ${e.model ? "model" : "tool"}` }),
 				e.name,
 				/* @__PURE__ */ (0, x.jsx)("span", {
 					className: "ct",
-					children: o(e.values.length)
+					children: i(e.values.length)
 				})
 			] }), /* @__PURE__ */ (0, x.jsxs)("svg", {
 				viewBox: "0 0 400 114",
@@ -827,7 +812,7 @@ function A({ rows: e, lo: t, hi: n }) {
 						x: 28,
 						y: 12,
 						textAnchor: "end",
-						children: c
+						children: l
 					}),
 					/* @__PURE__ */ (0, x.jsx)("text", {
 						x: 28,
@@ -845,8 +830,8 @@ function A({ rows: e, lo: t, hi: n }) {
 					t.map((t, n) => t.n ? /* @__PURE__ */ (0, x.jsx)("rect", {
 						x: s(t.from) + 1,
 						width: Math.max(1, s(t.to) - s(t.from) - 2),
-						y: 96 - t.n / c * 88,
-						height: t.n / c * 88,
+						y: 96 - t.n / l * 88,
+						height: t.n / l * 88,
 						rx: "1.5",
 						className: e.model ? "model" : "tool",
 						tabIndex: 0,
@@ -859,9 +844,9 @@ function A({ rows: e, lo: t, hi: n }) {
 									children: [/* @__PURE__ */ (0, x.jsxs)("span", {
 										className: "nm",
 										children: [
-											y(t.from),
+											o(t.from),
 											"–",
-											y(t.to)
+											o(t.to)
 										]
 									}), /* @__PURE__ */ (0, x.jsxs)("span", {
 										className: "v",
@@ -879,7 +864,7 @@ function A({ rows: e, lo: t, hi: n }) {
 						}),
 						onPointerLeave: () => r.hide()
 					}, n) : null),
-					l.map(([e, t]) => t !== null && /* @__PURE__ */ (0, x.jsxs)("g", { children: [/* @__PURE__ */ (0, x.jsx)("line", {
+					u.map(([e, t]) => t !== null && /* @__PURE__ */ (0, x.jsxs)("g", { children: [/* @__PURE__ */ (0, x.jsx)("line", {
 						x1: s(t),
 						x2: s(t),
 						y1: 4,
@@ -892,7 +877,7 @@ function A({ rows: e, lo: t, hi: n }) {
 						children: [
 							e,
 							" ",
-							y(t)
+							o(t)
 						]
 					})] }, e)),
 					[
@@ -905,17 +890,17 @@ function A({ rows: e, lo: t, hi: n }) {
 						x: s(e),
 						y: 110,
 						textAnchor: "middle",
-						children: y(e)
+						children: o(e)
 					}, e))
 				]
 			})] }, e.name);
 		})
 	});
 }
-function j({ agents: e, tools: t }) {
-	let n = t.filter((e) => e.failures).sort((e, t) => t.failures - e.failures || t.calls - e.calls), r = e.filter((e) => e.failedSteps).sort((e, t) => t.failedSteps - e.failedSteps), i = (e, t, n, r, i) => /* @__PURE__ */ (0, x.jsxs)("div", {
+function P({ agents: e, tools: t }) {
+	let n = t.filter((e) => e.failures).sort((e, t) => t.failures - e.failures || t.calls - e.calls), r = e.filter((e) => e.failedSteps).sort((e, t) => t.failedSteps - e.failedSteps), a = (e, t, n, r, a) => /* @__PURE__ */ (0, x.jsxs)("div", {
 		className: "row",
-		title: i,
+		title: a,
 		children: [
 			/* @__PURE__ */ (0, x.jsx)("span", {
 				className: "l",
@@ -930,7 +915,7 @@ function j({ agents: e, tools: t }) {
 				children: [
 					t,
 					" ",
-					/* @__PURE__ */ (0, x.jsxs)("small", { children: ["of ", o(n)] })
+					/* @__PURE__ */ (0, x.jsxs)("small", { children: ["of ", i(n)] })
 				]
 			})
 		]
@@ -946,7 +931,7 @@ function j({ agents: e, tools: t }) {
 			children: !n.length && !r.length ? /* @__PURE__ */ (0, x.jsx)("p", {
 				className: "ws-status",
 				children: "No step failed."
-			}) : /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [n.length > 0 && /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsxs)("h5", { children: ["By tool · ", n.length] }), n.slice(0, 6).map((e) => i(e.name.replace(/^agent-runtime-coordination_/, ""), e.failures, e.calls, e.name, `${e.name}: ${e.failures} of ${e.calls} calls failed`))] }), r.length > 0 && /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsxs)("h5", { children: ["By agent · ", r.length] }), r.slice(0, 6).map((e) => i(m(e, 22), e.failedSteps, e.steps.length, e.id, `${e.name}: ${e.failedSteps} of ${e.steps.length} steps failed`))] })] })
+			}) : /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [n.length > 0 && /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsxs)("h5", { children: ["By tool · ", n.length] }), n.slice(0, 6).map((e) => a(e.name.replace(/^agent-runtime-coordination_/, ""), e.failures, e.calls, e.name, `${e.name}: ${e.failures} of ${e.calls} calls failed`))] }), r.length > 0 && /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsxs)("h5", { children: ["By agent · ", r.length] }), r.slice(0, 6).map((e) => a(p(e, 22), e.failedSteps, e.steps.length, e.id, `${e.name}: ${e.failedSteps} of ${e.steps.length} steps failed`))] })] })
 		})]
 	});
 }