@tangle-network/sandbox-cli 0.21.27 → 0.21.29

package/dist/graph-viewer/{Analytics-DocMpB6T.js → Analytics-DFWW8Phh.js}

@@ -1,45 +1,31 @@
-import { C as e, D as t, S as n, T as r, _ as i, b as a, d as o, j as s, m as c, o as l, p as u, s as d, t as f, u as p, v as m, w as h } from "./ui-CEhDqce8.js";
+import { C as e, D as t, E as n, M as r, O as i, _ as a, d as o, m as s, o as c, p as l, s as u, t as d, u as f, v as p, w as m, x as h } from "./ui-D8QZRsC3.js";
 import { useMemo as g, useRef as _, useState as v } from "react";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { SegmentedControl as S } from "@tangle-network/ui/primitives";
 //#region src/workspace/run/Analytics.tsx
 function C({ m: e }) {
-	let [t, n] = v(/* @__PURE__ */ new Set()), i = g(() => t.size ? e.tree.filter((e) => t.has(e.id)) : e.tree, [e, t]), a = g(() => r(i), [i]), s = t.size ? t.size === 1 ? e.byId.get([...t][0])?.name : `${t.size} agents` : "All";
+	let [n, r] = v(/* @__PURE__ */ new Set()), i = g(() => n.size ? e.tree.filter((e) => n.has(e.id)) : e.tree, [e, n]), a = g(() => t(i), [i]), s = n.size ? n.size === 1 ? e.byId.get([...n][0])?.name : `${n.size} agents` : "All";
 	return /* @__PURE__ */ x("div", {
 		className: "rp-an",
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "rp-an-f",
-				children: [/* @__PURE__ */ x(l, {
+				children: /* @__PURE__ */ b(c, {
 					label: "Agents",
 					multi: !0,
 					options: o(e),
-					groups: p(e),
+					groups: f(e),
 					all: {
 						label: "All agents",
 						meta: String(e.agents.length)
 					},
-					value: t,
-					onChange: n,
+					value: n,
+					onChange: r,
 					width: 360,
 					placeholder: `Search ${e.agents.length} agents`,
 					style: { width: 280 },
-					children: [/* @__PURE__ */ b("span", {
-						className: "dim",
-						children: "Agents "
-					}), s]
-				}), /* @__PURE__ */ x("span", {
-					className: "scope",
-					children: [
-						"Every chart below covers ",
-						t.size ? /* @__PURE__ */ x("b", { children: [
-							i.length,
-							" of ",
-							e.agents.length
-						] }) : /* @__PURE__ */ x(y, { children: ["all ", /* @__PURE__ */ b("b", { children: e.agents.length })] }),
-						" agents."
-					]
-				})]
+					children: n.size ? s : `All ${e.agents.length} agents`
+				})
 			}),
 			/* @__PURE__ */ b(w, {
 				m: e,
@@ -49,25 +35,25 @@ function C({ m: e }) {
 			/* @__PURE__ */ x("div", {
 				className: "rp-an-g",
 				children: [
-					/* @__PURE__ */ b(T, {
+					/* @__PURE__ */ b(O, {
 						m: e,
 						agents: i,
 						tools: a
 					}),
-					/* @__PURE__ */ b(D, {
+					/* @__PURE__ */ b(A, {
 						m: e,
 						agents: i
 					}),
-					/* @__PURE__ */ b(k, {
+					/* @__PURE__ */ b(M, {
 						m: e,
 						agents: i
 					}),
-					/* @__PURE__ */ b(A, {
+					/* @__PURE__ */ b(N, {
 						m: e,
 						agents: i,
 						tools: a
 					}),
-					/* @__PURE__ */ b(M, {
+					/* @__PURE__ */ b(F, {
 						m: e,
 						agents: i,
 						tools: a
@@ -77,8 +63,8 @@ function C({ m: e }) {
 		]
 	});
 }
-function w({ m: t, agents: r, tools: i }) {
-	let a = (e) => r.reduce((t, n) => t + (e(n) ?? 0), 0), o = r.length === t.agents.length && t.totals.tokens !== null ? t.totals.tokens : a((e) => e.tokens), c = r.reduce((e, t) => t.byClass ? {
+function w({ m: t, agents: n, tools: i }) {
+	let a = (e) => n.reduce((t, n) => t + (e(n) ?? 0), 0), o = n.length === t.agents.length && t.totals.tokens !== null ? t.totals.tokens : a((e) => e.tokens), s = n.reduce((e, t) => t.byClass ? {
 		input: e.input + t.byClass.input,
 		output: e.output + t.byClass.output,
 		cacheRead: e.cacheRead + t.byClass.cacheRead
@@ -86,15 +72,15 @@ function w({ m: t, agents: r, tools: i }) {
 		input: 0,
 		output: 0,
 		cacheRead: 0
-	}), l = a((e) => e.modelCalls), u = a((e) => e.toolCalls), d = a((e) => e.toolFailures), f = r.some((e) => e.billedUsd !== null) ? a((e) => e.billedUsd) : null, p = r.some((e) => e.listUsd !== null) ? a((e) => e.listUsd) : null, h = [
-		[m(o), c.input + c.output + c.cacheRead ? `in ${m(c.input)} · out ${m(c.output)} · cached ${m(c.cacheRead)}` : "tokens"],
-		[n(l), "model calls"],
-		[n(u), `tool calls · ${i.length} tools`],
-		[n(d), `tool failures · ${u ? (d / u * 100).toFixed(1) : "0"}%`],
-		[n(a((e) => e.retries)), "retried steps"],
-		[n(a((e) => e.restarts.length)), "restarts"],
-		[e(a((e) => e.busy)), `busy of ${e(t.duration)}`],
-		[s(p === null ? f : p), p === null ? "billed" : `list · ${s(f ?? 0)} billed`]
+	}), c = a((e) => e.modelCalls), l = a((e) => e.toolCalls), u = a((e) => e.toolFailures), d = n.some((e) => e.billedUsd !== null) ? a((e) => e.billedUsd) : null, f = n.some((e) => e.listUsd !== null) ? a((e) => e.listUsd) : null, h = [
+		[p(o), s.input + s.output + s.cacheRead ? `in ${p(s.input)} · out ${p(s.output)} · cached ${p(s.cacheRead)}` : "tokens"],
+		[e(c), "model calls"],
+		[e(l), `tool calls · ${i.length} tools`],
+		[e(u), `tool failures · ${l ? (u / l * 100).toFixed(1) : "0"}%`],
+		[e(a((e) => e.retries)), "retried steps"],
+		[e(a((e) => e.restarts.length)), "restarts"],
+		[m(a((e) => e.busy)), `busy of ${m(t.duration)}`],
+		[r(f === null ? d : f), f === null ? "billed" : `list · ${r(d ?? 0)} billed`]
 	];
 	return /* @__PURE__ */ b("section", {
 		className: "rp-card rp-kpis",
@@ -105,11 +91,12 @@ function w({ m: t, agents: r, tools: i }) {
 		})] }, t))
 	});
 }
-function T({ m: t, agents: r, tools: a }) {
-	let [o, s] = v("calls"), l = c(), f = _(null), p = a.slice(0, 8), m = a.slice(8), C = g(() => {
+var T = 168, E = 76, D = 88;
+function O({ m: t, agents: r, tools: i }) {
+	let [o, c] = v("calls"), d = s(), f = _(null), p = g(() => {
 		let e = r.filter((e) => e.toolCalls > 0), t = o === "calls" ? (e) => -e.toolCalls : o === "fails" ? (e) => -e.toolFailures * 1e6 - e.toolCalls : null;
 		return t ? [...e].sort((e, n) => t(e) - t(n)) : [...e].sort((e, t) => e.name.localeCompare(t.name));
-	}, [r, o]), w = i(f, C.length, 28, 6), T = Math.max(1, ...C.flatMap((e) => e.tools.map((e) => e.calls))), E = Math.max(1, ...C.map((e) => e.toolCalls)), D = (e) => e ? `color-mix(in oklab, var(--rp-tool) ${Math.round(14 + 86 * Math.sqrt(e / T))}%, hsl(var(--hsl-card)))` : void 0, O = (e) => e && Math.sqrt(e / T) > .55 ? "on" : "", k = { gridTemplateColumns: `minmax(120px, 1.3fr) repeat(${p.length + +!!m.length}, minmax(64px, 1fr)) 88px` }, A = (t, r, i, a) => l.show({
+	}, [r, o]), h = a(f, p.length, 28, 6), C = Math.floor(((h.width || 1e4) - 32 - T - D) / E), w = i.length <= C ? i.length : Math.max(1, C - 1), O = i.slice(0, w), k = i.slice(w), A = Math.max(1, ...p.flatMap((e) => e.tools.map((e) => e.calls))), j = Math.max(1, ...p.map((e) => e.toolCalls)), M = (e) => e ? `color-mix(in oklab, var(--rp-tool) ${Math.round(14 + 86 * Math.sqrt(e / A))}%, hsl(var(--hsl-card)))` : void 0, N = (e) => e && Math.sqrt(e / A) > .55 ? "on" : "", P = { gridTemplateColumns: `minmax(${T}px, 1.3fr) repeat(${O.length + +!!k.length}, minmax(${E}px, 1fr)) ${D}px` }, F = (t, r, i, a) => d.show({
 		rect: a.getBoundingClientRect(),
 		wide: !1,
 		content: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
@@ -117,7 +104,7 @@ function T({ m: t, agents: r, tools: a }) {
 			children: [/* @__PURE__ */ x("div", {
 				className: "t",
 				children: [
-					/* @__PURE__ */ b(d, { tone: t.state.tone }),
+					/* @__PURE__ */ b(u, { tone: t.state.tone }),
 					/* @__PURE__ */ b("span", {
 						className: "nm",
 						children: t.name
@@ -129,13 +116,13 @@ function T({ m: t, agents: r, tools: a }) {
 				]
 			}), /* @__PURE__ */ b("div", {
 				className: "s",
-				children: r ? `${n(r.calls)} calls · ${e(r.ms)} in all` : "no calls"
+				children: r ? `${e(r.calls)} calls · ${m(r.ms)} in all` : "no calls"
 			})]
 		}), r && /* @__PURE__ */ b("div", {
 			className: "rp-card-cols",
 			children: /* @__PURE__ */ b("section", { children: /* @__PURE__ */ x("dl", { children: [
 				/* @__PURE__ */ b("dt", { children: "Calls" }),
-				/* @__PURE__ */ b("dd", { children: n(r.calls) }),
+				/* @__PURE__ */ b("dd", { children: e(r.calls) }),
 				/* @__PURE__ */ b("dt", { children: "Failed" }),
 				/* @__PURE__ */ b("dd", { children: r.failures ? /* @__PURE__ */ x("span", {
 					className: "f",
@@ -148,11 +135,11 @@ function T({ m: t, agents: r, tools: a }) {
 				}) : "0" }),
 				/* @__PURE__ */ b("dt", { children: "p50 · p90 · p99" }),
 				/* @__PURE__ */ x("dd", { children: [
-					h(r.p50),
+					n(r.p50),
 					" · ",
-					h(r.p90),
+					n(r.p90),
 					" · ",
-					h(r.p99)
+					n(r.p99)
 				] }),
 				/* @__PURE__ */ b("dt", { children: "Share of its tool calls" }),
 				/* @__PURE__ */ x("dd", { children: [(r.calls / Math.max(1, t.toolCalls) * 100).toFixed(0), "%"] })
@@ -167,9 +154,9 @@ function T({ m: t, agents: r, tools: a }) {
 			children: [/* @__PURE__ */ x("h3", { children: ["Tool calls by agent and tool", /* @__PURE__ */ x("span", {
 				className: "ct",
 				children: [
-					C.length,
+					p.length,
 					" agents · ",
-					a.length,
+					i.length,
 					" tools"
 				]
 			})] }), /* @__PURE__ */ b("span", {
@@ -177,7 +164,7 @@ function T({ m: t, agents: r, tools: a }) {
 				children: /* @__PURE__ */ b(S, {
 					"aria-label": "Sort",
 					value: o,
-					onValueChange: s,
+					onValueChange: c,
 					options: [
 						{
 							value: "calls",
@@ -201,17 +188,17 @@ function T({ m: t, agents: r, tools: a }) {
 				ref: f,
 				children: /* @__PURE__ */ x("div", {
 					className: "rp-hm",
-					style: k,
+					style: P,
 					children: [
 						/* @__PURE__ */ b("span", { className: "ch c0" }),
-						p.map((e) => /* @__PURE__ */ b("span", {
+						O.map((e) => /* @__PURE__ */ b("span", {
 							className: "ch",
 							title: e.name,
 							children: /* @__PURE__ */ b("span", { children: e.name.replace(/^agent-runtime-coordination_/, "").replaceAll("_", " ") })
 						}, e.name)),
-						m.length > 0 && /* @__PURE__ */ b("span", {
+						k.length > 0 && /* @__PURE__ */ b("span", {
 							className: "ch",
-							children: /* @__PURE__ */ x("span", { children: [m.length, " more"] })
+							children: /* @__PURE__ */ x("span", { children: [k.length, " more"] })
 						}),
 						/* @__PURE__ */ b("span", {
 							className: "ch tot",
@@ -219,52 +206,52 @@ function T({ m: t, agents: r, tools: a }) {
 						}),
 						/* @__PURE__ */ b("div", {
 							className: "gap",
-							style: { height: w.before }
+							style: { height: h.before }
 						}),
-						C.slice(w.first, w.last).map((e) => {
-							let t = new Map(e.tools.map((e) => [e.name, e])), r = e.tools.filter((e) => !p.some((t) => t.name === e.name)), i = r.reduce((e, t) => e + t.calls, 0), a = r.reduce((e, t) => e + t.failures, 0);
+						p.slice(h.first, h.last).map((t) => {
+							let n = new Map(t.tools.map((e) => [e.name, e])), r = t.tools.filter((e) => !O.some((t) => t.name === e.name)), i = r.reduce((e, t) => e + t.calls, 0), a = r.reduce((e, t) => e + t.failures, 0);
 							return [
 								/* @__PURE__ */ x("span", {
 									className: "rh",
-									title: e.name,
-									children: [/* @__PURE__ */ b(d, { tone: e.state.tone }), /* @__PURE__ */ b("span", {
+									title: t.name,
+									children: [/* @__PURE__ */ b(u, { tone: t.state.tone }), /* @__PURE__ */ b("span", {
 										className: "nm",
-										children: u(e, 22)
+										children: l(t, 22)
 									})]
-								}, `${e.id}:n`),
-								...p.map((r) => {
-									let i = t.get(r.name), a = i?.calls ?? 0;
+								}, `${t.id}:n`),
+								...O.map((r) => {
+									let i = n.get(r.name), a = i?.calls ?? 0;
 									return /* @__PURE__ */ x("span", {
-										className: `c${a ? "" : " z"} ${O(a)}`,
-										style: { background: D(a) },
+										className: `c${a ? "" : " z"} ${N(a)}`,
+										style: { background: M(a) },
 										tabIndex: a ? 0 : -1,
-										onPointerEnter: (t) => A(e, i ?? null, r.name, t.currentTarget),
-										onPointerLeave: () => l.hide(),
-										onFocus: (t) => A(e, i ?? null, r.name, t.currentTarget),
-										onBlur: () => l.hide(),
-										children: [a ? n(a) : "", i?.failures ? /* @__PURE__ */ x("span", {
+										onPointerEnter: (e) => F(t, i ?? null, r.name, e.currentTarget),
+										onPointerLeave: () => d.hide(),
+										onFocus: (e) => F(t, i ?? null, r.name, e.currentTarget),
+										onBlur: () => d.hide(),
+										children: [a ? e(a) : "", i?.failures ? /* @__PURE__ */ x("span", {
 											className: "xf",
 											children: ["✕", i.failures]
 										}) : null]
-									}, `${e.id}:${r.name}`);
+									}, `${t.id}:${r.name}`);
 								}),
-								...m.length ? [/* @__PURE__ */ x("span", {
-									className: `c${i ? "" : " z"} ${O(i)}`,
-									style: { background: D(i) },
-									children: [i ? n(i) : "", a ? /* @__PURE__ */ x("span", {
+								...k.length ? [/* @__PURE__ */ x("span", {
+									className: `c${i ? "" : " z"} ${N(i)}`,
+									style: { background: M(i) },
+									children: [i ? e(i) : "", a ? /* @__PURE__ */ x("span", {
 										className: "xf",
 										children: ["✕", a]
 									}) : null]
-								}, `${e.id}:rest`)] : [],
+								}, `${t.id}:rest`)] : [],
 								/* @__PURE__ */ x("span", {
 									className: "tot",
-									children: [/* @__PURE__ */ b("b", { style: { width: `${e.toolCalls / E * 56}px` } }), n(e.toolCalls)]
-								}, `${e.id}:t`)
+									children: [/* @__PURE__ */ b("b", { style: { width: `${t.toolCalls / j * 56}px` } }), e(t.toolCalls)]
+								}, `${t.id}:t`)
 							];
 						}),
 						/* @__PURE__ */ b("div", {
 							className: "gap",
-							style: { height: w.after }
+							style: { height: h.after }
 						})
 					]
 				})
@@ -276,23 +263,23 @@ function T({ m: t, agents: r, tools: a }) {
 						children: [
 							/* @__PURE__ */ b("span", { children: "1" }),
 							/* @__PURE__ */ b("i", {}),
-							/* @__PURE__ */ b("span", { children: n(T) })
+							/* @__PURE__ */ b("span", { children: e(A) })
 						]
 					}),
 					/* @__PURE__ */ x("span", { children: [/* @__PURE__ */ b("span", {
 						className: "x",
 						children: "✕"
 					}), " failed calls in the cell"] }),
-					r.length > C.length && /* @__PURE__ */ x("span", {
+					r.length > p.length && /* @__PURE__ */ x("span", {
 						className: "end",
-						children: [r.length - C.length, " agents made no tool calls"]
+						children: [r.length - p.length, " agents made no tool calls"]
 					})
 				]
 			})]
 		})]
 	});
 }
-var E = [
+var k = [
 	6e4,
 	12e4,
 	3e5,
@@ -302,31 +289,31 @@ var E = [
 	36e5,
 	72e5
 ];
-function D({ m: e, agents: t }) {
-	let [r, i] = v("calls"), o = c(), s = g(() => t.flatMap((e) => e.steps.filter((e) => e.kind !== "waiting")), [t]), l = s.length ? Math.min(...s.map((e) => e.t)) : 0, u = s.length ? Math.max(...s.map((e) => e.t + e.d)) : 1, d = E.find((e) => (u - l) / e <= 36) ?? 144e5, f = Math.floor(l / d) * d, p = Math.max(1, Math.ceil((u - f) / d)), h = g(() => {
-		let e = Array.from({ length: p }, () => ({
+function A({ m: t, agents: n }) {
+	let [r, i] = v("calls"), a = s(), o = g(() => n.flatMap((e) => e.steps.filter((e) => e.kind !== "waiting")), [n]), c = o.length ? Math.min(...o.map((e) => e.t)) : 0, l = o.length ? Math.max(...o.map((e) => e.t + e.d)) : 1, u = k.find((e) => (l - c) / e <= 36) ?? 144e5, d = Math.floor(c / u) * u, f = Math.max(1, Math.ceil((l - d) / u)), m = g(() => {
+		let e = Array.from({ length: f }, () => ({
 			model: 0,
 			tool: 0,
 			failed: 0,
 			tokens: 0
 		}));
-		for (let t of s) {
-			let n = e[Math.min(p - 1, Math.floor((t.t - f) / d))];
+		for (let t of o) {
+			let n = e[Math.min(f - 1, Math.floor((t.t - d) / 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,
-		p,
+		o,
 		f,
-		d
-	]), _ = (e) => r === "calls" ? e.model + e.tool : e.tokens, C = Math.max(1, ...h.map(_)), w = 560 / p, T = (e) => 216 - e / C * 198, D = O(C), k = a(e.t0), A = d === 6e4 ? "minute" : d === 36e5 ? "hour" : d > 36e5 ? `${d / 36e5} h` : `${d / 6e4} min`, j = Math.max(1, Math.ceil(p / 6));
+		d,
+		u
+	]), _ = (e) => r === "calls" ? e.model + e.tool : e.tokens, C = Math.max(1, ...m.map(_)), w = 560 / f, T = j(C), E = (e) => 216 - e / T * 198, D = h(t.t0), O = u === 6e4 ? "minute" : u === 36e5 ? "hour" : u > 36e5 ? `${u / 36e5} h` : `${u / 6e4} min`, A = Math.max(1, Math.ceil(f / 6));
 	return /* @__PURE__ */ x("section", {
 		className: "rp-card w5",
 		"aria-label": r === "calls" ? "Calls over time" : "Tokens over time",
 		children: [/* @__PURE__ */ x("div", {
 			className: "rp-hd sm",
-			children: [/* @__PURE__ */ b("h3", { children: r === "calls" ? `Calls per ${A}` : `Metered tokens per ${A}` }), /* @__PURE__ */ b("span", {
+			children: [/* @__PURE__ */ b("h3", { children: r === "calls" ? `Calls per ${O}` : `Metered tokens per ${O}` }), /* @__PURE__ */ b("span", {
 				className: "end",
 				children: /* @__PURE__ */ b(S, {
 					"aria-label": "Measure",
@@ -370,24 +357,24 @@ function D({ m: e, agents: t }) {
 				viewBox: "0 0 600 240",
 				preserveAspectRatio: "none",
 				role: "img",
-				"aria-label": `${r} per ${A}, peak ${n(C)}`,
+				"aria-label": `${r} per ${O}, peak ${e(C)}`,
 				children: [[
 					0,
 					.5,
 					1
-				].map((e) => /* @__PURE__ */ x("g", { children: [/* @__PURE__ */ b("line", {
+				].map((t) => /* @__PURE__ */ x("g", { children: [/* @__PURE__ */ b("line", {
 					x1: 40,
 					x2: 600,
-					y1: T(D * e),
-					y2: T(D * e),
+					y1: E(T * t),
+					y2: E(T * t),
 					className: "grid"
 				}), /* @__PURE__ */ b("text", {
 					x: 34,
-					y: T(D * e) + 4,
+					y: E(T * t) + 4,
 					textAnchor: "end",
-					children: r === "calls" ? n(Math.round(D * e)) : m(D * e)
-				})] }, e)), h.map((e, t) => {
-					let i = 40 + t * w + 1, a = Math.max(1, w - 2), s = r === "calls" ? e.model / C * 198 : e.tokens / C * 198, c = r === "calls" ? e.tool / C * 198 : 0, l = (r) => o.show({
+					children: r === "calls" ? e(Math.round(T * t)) : p(T * t)
+				})] }, t)), m.map((t, n) => {
+					let i = 40 + n * w + 1, o = Math.max(1, w - 2), s = r === "calls" ? t.model / T * 198 : t.tokens / T * 198, c = r === "calls" ? t.tool / T * 198 : 0, l = (r) => a.show({
 						rect: r.currentTarget.getBoundingClientRect(),
 						content: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
 							className: "rp-card-h",
@@ -396,9 +383,9 @@ function D({ m: e, agents: t }) {
 								children: /* @__PURE__ */ x("span", {
 									className: "nm",
 									children: [
-										k(f + t * d),
+										D(d + n * u),
 										"–",
-										k(f + (t + 1) * d),
+										D(d + (n + 1) * u),
 										" UTC"
 									]
 								})
@@ -407,28 +394,28 @@ function D({ m: e, agents: t }) {
 							className: "rp-card-cols",
 							children: /* @__PURE__ */ b("section", { children: /* @__PURE__ */ x("dl", { children: [
 								/* @__PURE__ */ b("dt", { children: "Model calls" }),
-								/* @__PURE__ */ b("dd", { children: n(e.model) }),
+								/* @__PURE__ */ b("dd", { children: e(t.model) }),
 								/* @__PURE__ */ b("dt", { children: "Tool calls" }),
-								/* @__PURE__ */ b("dd", { children: n(e.tool) }),
+								/* @__PURE__ */ b("dd", { children: e(t.tool) }),
 								/* @__PURE__ */ b("dt", { children: "Failed" }),
-								/* @__PURE__ */ b("dd", { children: e.failed ? /* @__PURE__ */ x("span", {
+								/* @__PURE__ */ b("dd", { children: t.failed ? /* @__PURE__ */ x("span", {
 									className: "f",
-									children: [e.failed, " ✕"]
+									children: [t.failed, " ✕"]
 								}) : "0" }),
 								/* @__PURE__ */ b("dt", { children: "Metered tokens" }),
-								/* @__PURE__ */ b("dd", { children: e.tokens ? m(e.tokens) : "not recorded" })
+								/* @__PURE__ */ b("dd", { children: t.tokens ? p(t.tokens) : "not recorded" })
 							] }) })
 						})] })
 					});
 					return /* @__PURE__ */ x("g", {
-						tabIndex: _(e) ? 0 : -1,
+						tabIndex: _(t) ? 0 : -1,
 						onPointerEnter: l,
-						onPointerLeave: () => o.hide(),
+						onPointerLeave: () => a.hide(),
 						onFocus: l,
-						onBlur: () => o.hide(),
+						onBlur: () => a.hide(),
 						children: [
 							/* @__PURE__ */ b("rect", {
-								x: 40 + t * w,
+								x: 40 + n * w,
 								y: 18,
 								width: w,
 								height: 198,
@@ -437,40 +424,40 @@ function D({ m: e, agents: t }) {
 							s > 0 && /* @__PURE__ */ b("rect", {
 								x: i,
 								y: 216 - s,
-								width: a,
+								width: o,
 								height: s,
-								rx: Math.min(2, a / 2),
+								rx: Math.min(2, o / 2),
 								className: "model"
 							}),
 							c > 0 && /* @__PURE__ */ b("rect", {
 								x: i,
 								y: 216 - s - c - (s > 0 ? 1.5 : 0),
-								width: a,
+								width: o,
 								height: c,
-								rx: Math.min(2, a / 2),
+								rx: Math.min(2, o / 2),
 								className: "tool"
 							}),
-							e.failed > 0 && r === "calls" && /* @__PURE__ */ x("text", {
-								x: i + a / 2,
+							t.failed > 0 && r === "calls" && /* @__PURE__ */ x("text", {
+								x: i + o / 2,
 								y: 216 - s - c - 6,
 								textAnchor: "middle",
 								className: "xf",
-								children: ["✕", e.failed]
+								children: ["✕", t.failed]
 							}),
-							t % j === 0 && /* @__PURE__ */ b("text", {
-								x: i + a / 2,
+							n % A === 0 && /* @__PURE__ */ b("text", {
+								x: i + o / 2,
 								y: 234,
 								textAnchor: "middle",
-								children: k(f + t * d)
+								children: D(d + n * u)
 							})
 						]
-					}, t);
+					}, n);
 				})]
 			})]
 		})]
 	});
 }
-function O(e) {
+function j(e) {
 	let t = 10 ** Math.floor(Math.log10(Math.max(1, e)));
 	return [
 		1,
@@ -480,11 +467,11 @@ function O(e) {
 		10
 	].map((e) => e * t).find((t) => t >= e) ?? e;
 }
-function k({ m: e, agents: t }) {
-	let [r, a] = v({
+function M({ m: t, agents: n }) {
+	let [i, o] = v({
 		k: "tokens",
 		d: -1
-	}), o = c(), l = _(null), d = (e) => ({
+	}), c = s(), u = _(null), f = (e) => ({
 		tokens: e.tokens ?? -1,
 		model: e.modelCalls,
 		tool: e.toolCalls,
@@ -493,22 +480,26 @@ function k({ m: e, agents: t }) {
 		spawns: e.children.length,
 		cost: e.listUsd ?? e.billedUsd ?? -1,
 		name: e.name
-	})[r.k], p = g(() => [...t].sort((e, t) => {
-		let n = d(e), i = d(t);
-		return (typeof n == "string" ? n.localeCompare(i) : n - i) * r.d;
-	}), [t, r]), h = i(l, p.length, 28), y = Math.max(1, ...t.map((e) => e.tokens ?? 0)), S = (e, t, n = "") => /* @__PURE__ */ b("span", {
+	})[i.k], m = g(() => [...n].sort((e, t) => {
+		let n = f(e), r = f(t);
+		return (typeof n == "string" ? n.localeCompare(r) : n - r) * i.d;
+	}), [n, i]), h = a(u, m.length, 28), y = Math.max(1, ...n.map((e) => e.tokens ?? 0)), S = [
+		"failed",
+		"restarts",
+		"spawns"
+	].filter((e) => n.some((t) => (e === "failed" ? t.failedSteps : e === "restarts" ? t.restarts.length : t.children.length) > 0)), C = { gridTemplateColumns: `minmax(96px, 1fr) 112px 52px 44px ${S.map((e) => e === "restarts" ? "72px" : e === "spawns" ? "64px" : "56px").join(" ")} 64px` }, w = (e, t, n = "") => /* @__PURE__ */ b("span", {
 		role: "columnheader",
 		className: n,
-		"aria-sort": r.k === e ? r.d < 0 ? "descending" : "ascending" : void 0,
+		"aria-sort": i.k === e ? i.d < 0 ? "descending" : "ascending" : void 0,
 		children: /* @__PURE__ */ x("button", {
 			type: "button",
-			onClick: () => a((t) => ({
+			onClick: () => o((t) => ({
 				k: e,
 				d: t.k === e ? t.d === 1 ? -1 : 1 : e === "name" ? 1 : -1
 			})),
-			children: [t, r.k === e ? r.d < 0 ? " ↓" : " ↑" : ""]
+			children: [t, i.k === e ? i.d < 0 ? " ↓" : " ↑" : ""]
 		})
-	});
+	}, e);
 	return /* @__PURE__ */ x("section", {
 		className: "rp-card w5",
 		"aria-label": "Agents",
@@ -516,118 +507,112 @@ function k({ m: e, agents: t }) {
 			className: "rp-hd sm",
 			children: /* @__PURE__ */ x("h3", { children: ["Agents", /* @__PURE__ */ b("span", {
 				className: "ct",
-				children: t.length
+				children: n.length
 			})] })
 		}), /* @__PURE__ */ x("div", {
 			className: "rp-at-wrap",
-			ref: l,
+			ref: u,
 			role: "table",
 			"aria-label": "Agents",
-			"aria-rowcount": p.length,
+			"aria-rowcount": m.length,
 			children: [
 				/* @__PURE__ */ x("div", {
 					className: "rp-at th",
 					role: "row",
+					style: C,
 					children: [
-						S("name", "Agent"),
-						S("tokens", "Tokens", "tk"),
-						S("model", "Model", "r"),
-						S("tool", "Tool", "r"),
-						S("failed", "Failed", "r"),
-						S("restarts", "Restarts", "r"),
-						S("spawns", "Spawns", "r"),
-						S("cost", "Cost", "r")
+						w("name", "Agent"),
+						w("tokens", "Tokens", "tk"),
+						w("model", "Model", "r"),
+						w("tool", "Tool", "r"),
+						S.map((e) => w(e, {
+							failed: "Failed",
+							restarts: "Restarts",
+							spawns: "Spawns"
+						}[e], "r")),
+						w("cost", "Cost", "r")
 					]
 				}),
 				/* @__PURE__ */ b("div", { style: { height: h.before } }),
-				p.slice(h.first, h.last).map((t) => /* @__PURE__ */ x("div", {
+				m.slice(h.first, h.last).map((n) => /* @__PURE__ */ x("div", {
 					className: "rp-at",
 					role: "row",
 					tabIndex: 0,
-					onPointerEnter: (n) => o.show({
-						content: /* @__PURE__ */ b(f, {
-							m: e,
-							a: t
+					style: C,
+					onPointerEnter: (e) => c.show({
+						content: /* @__PURE__ */ b(d, {
+							m: t,
+							a: n
 						}),
-						rect: n.currentTarget.getBoundingClientRect(),
-						wide: t.tools.length > 0
+						rect: e.currentTarget.getBoundingClientRect(),
+						wide: n.tools.length > 0
 					}),
-					onPointerLeave: () => o.hide(),
-					onFocus: (n) => o.show({
-						content: /* @__PURE__ */ b(f, {
-							m: e,
-							a: t
+					onPointerLeave: () => c.hide(),
+					onFocus: (e) => c.show({
+						content: /* @__PURE__ */ b(d, {
+							m: t,
+							a: n
 						}),
-						rect: n.currentTarget.getBoundingClientRect(),
-						wide: t.tools.length > 0
+						rect: e.currentTarget.getBoundingClientRect(),
+						wide: n.tools.length > 0
 					}),
-					onBlur: () => o.hide(),
+					onBlur: () => c.hide(),
 					children: [
 						/* @__PURE__ */ b("span", {
 							className: "nm",
 							role: "cell",
-							title: t.name,
-							children: u(t, 20)
+							title: n.name,
+							children: l(n, 20)
 						}),
 						/* @__PURE__ */ x("span", {
 							className: "tk",
 							role: "cell",
-							children: [/* @__PURE__ */ b("b", { style: { width: `${(t.tokens ?? 0) / y * 60}px` } }), /* @__PURE__ */ b("span", { children: m(t.tokens) })]
-						}),
-						/* @__PURE__ */ b("span", {
-							className: "r",
-							role: "cell",
-							children: n(t.modelCalls)
+							children: [/* @__PURE__ */ b("b", { style: { width: `${(n.tokens ?? 0) / y * 48}px` } }), /* @__PURE__ */ b("span", { children: p(n.tokens) })]
 						}),
 						/* @__PURE__ */ b("span", {
 							className: "r",
 							role: "cell",
-							children: n(t.toolCalls)
+							children: e(n.modelCalls)
 						}),
 						/* @__PURE__ */ b("span", {
 							className: "r",
 							role: "cell",
-							children: t.failedSteps || ""
+							children: e(n.toolCalls)
 						}),
-						/* @__PURE__ */ b("span", {
+						S.map((e) => /* @__PURE__ */ b("span", {
 							className: "r",
 							role: "cell",
-							children: t.restarts.length || ""
-						}),
+							children: (e === "failed" ? n.failedSteps : e === "restarts" ? n.restarts.length : n.children.length) || ""
+						}, e)),
 						/* @__PURE__ */ b("span", {
 							className: "r",
 							role: "cell",
-							children: t.children.length || ""
-						}),
-						/* @__PURE__ */ b("span", {
-							className: "r",
-							role: "cell",
-							children: t.listUsd === null ? t.billedUsd === null ? "—" : s(t.billedUsd) : s(t.listUsd)
+							children: n.listUsd === null ? n.billedUsd === null ? "—" : r(n.billedUsd) : r(n.listUsd)
 						})
 					]
-				}, t.id)),
+				}, n.id)),
 				/* @__PURE__ */ b("div", { style: { height: h.after } })
 			]
 		})]
 	});
 }
-function A({ m: e, agents: r, tools: i }) {
-	let [a, o] = v("range"), s = c(), l = g(() => {
+function N({ m: t, agents: r, tools: a }) {
+	let [o, c] = v("range"), l = s(), u = g(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of r) for (let n of t.steps) if (n.kind === "model" && n.latency !== null) {
 			let r = n.model?.split("/").pop() ?? t.model ?? "model";
 			(e.get(r) ?? e.set(r, []).get(r)).push(n.latency);
 		}
-		return [...e].map(([e, n]) => ({
+		return [...e].map(([e, t]) => ({
 			name: e,
 			model: !0,
-			calls: n.length,
-			values: n,
-			p50: t(n, 50),
-			p90: t(n, 90),
-			p99: t(n, 99)
+			calls: t.length,
+			values: t,
+			p50: i(t, 50),
+			p90: i(t, 90),
+			p99: i(t, 99)
 		}));
-	}, [r]), u = [...l, ...i.filter((e) => e.durations.length).slice(0, 9).map((e) => ({
+	}, [r]), d = [...u, ...a.filter((e) => e.durations.length).slice(0, 9).map((e) => ({
 		name: e.name,
 		model: !1,
 		calls: e.calls,
@@ -635,45 +620,45 @@ function A({ m: e, agents: r, tools: i }) {
 		p50: e.p50,
 		p90: e.p90,
 		p99: e.p99
-	}))], d = u.flatMap((e) => e.values).filter((e) => e > 0), f = Math.max(1e3, ...d) * 1.2, p = (e) => (Math.log10(Math.max(10, e)) - Math.log10(10)) / (Math.log10(f) - Math.log10(10)), m = [
+	}))], f = d.flatMap((e) => e.values).filter((e) => e > 0), p = Math.max(1e3, ...f) * 1.2, m = (e) => (Math.log10(Math.max(10, e)) - Math.log10(10)) / (Math.log10(p) - Math.log10(10)), h = [
 		10,
 		100,
 		1e3,
 		1e4,
 		1e5,
 		1e6
-	].filter((e) => e <= f), _ = (e, t) => s.show({
-		rect: t.getBoundingClientRect(),
+	].filter((e) => e <= p), _ = (t, r) => l.show({
+		rect: r.getBoundingClientRect(),
 		content: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
 			className: "rp-card-h",
 			children: [/* @__PURE__ */ x("div", {
 				className: "t",
 				children: [
-					/* @__PURE__ */ b("i", { className: `rp-sw ${e.model ? "model" : "tool"}` }),
+					/* @__PURE__ */ b("i", { className: `rp-sw ${t.model ? "model" : "tool"}` }),
 					/* @__PURE__ */ b("span", {
 						className: "nm",
-						children: e.name
+						children: t.name
 					}),
 					/* @__PURE__ */ x("span", {
 						className: "v",
-						children: [n(e.calls), " calls"]
+						children: [e(t.calls), " calls"]
 					})
 				]
 			}), /* @__PURE__ */ b("div", {
 				className: "s",
-				children: e.model ? "model call latency" : "tool call duration"
+				children: t.model ? "model call latency" : "tool call duration"
 			})]
 		}), /* @__PURE__ */ b("div", {
 			className: "rp-card-cols",
 			children: /* @__PURE__ */ b("section", { children: /* @__PURE__ */ x("dl", { children: [
 				/* @__PURE__ */ b("dt", { children: "p50" }),
-				/* @__PURE__ */ b("dd", { children: h(e.p50) }),
+				/* @__PURE__ */ b("dd", { children: n(t.p50) }),
 				/* @__PURE__ */ b("dt", { children: "p90" }),
-				/* @__PURE__ */ b("dd", { children: h(e.p90) }),
+				/* @__PURE__ */ b("dd", { children: n(t.p90) }),
 				/* @__PURE__ */ b("dt", { children: "p99" }),
-				/* @__PURE__ */ b("dd", { children: h(e.p99) }),
+				/* @__PURE__ */ b("dd", { children: n(t.p99) }),
 				/* @__PURE__ */ b("dt", { children: "Max" }),
-				/* @__PURE__ */ b("dd", { children: h(Math.max(...e.values)) })
+				/* @__PURE__ */ b("dd", { children: n(Math.max(...t.values)) })
 			] }) })
 		})] })
 	});
@@ -686,8 +671,8 @@ function A({ m: e, agents: r, tools: i }) {
 				className: "end",
 				children: /* @__PURE__ */ b(S, {
 					"aria-label": "Latency view",
-					value: a,
-					onValueChange: o,
+					value: o,
+					onValueChange: c,
 					options: [{
 						value: "range",
 						label: "p50 · p90 · p99"
@@ -699,15 +684,15 @@ function A({ m: e, agents: r, tools: i }) {
 			})]
 		}), /* @__PURE__ */ b("div", {
 			className: "rp-chart",
-			children: a === "range" ? /* @__PURE__ */ x("div", {
+			children: o === "range" ? /* @__PURE__ */ x("div", {
 				className: "rp-lat",
-				children: [u.map((e) => /* @__PURE__ */ x("div", {
+				children: [d.map((e) => /* @__PURE__ */ x("div", {
 					className: "row",
 					tabIndex: 0,
 					onPointerEnter: (t) => _(e, t.currentTarget),
-					onPointerLeave: () => s.hide(),
+					onPointerLeave: () => l.hide(),
 					onFocus: (t) => _(e, t.currentTarget),
-					onBlur: () => s.hide(),
+					onBlur: () => l.hide(),
 					children: [
 						/* @__PURE__ */ b("span", {
 							className: `l${e.model ? " model" : ""}`,
@@ -718,15 +703,15 @@ function A({ m: e, agents: r, tools: i }) {
 							viewBox: "0 0 100 22",
 							preserveAspectRatio: "none",
 							"aria-hidden": "true",
-							children: [m.map((e) => /* @__PURE__ */ b("line", {
-								x1: p(e) * 100,
-								x2: p(e) * 100,
+							children: [h.map((e) => /* @__PURE__ */ b("line", {
+								x1: m(e) * 100,
+								x2: m(e) * 100,
 								y1: "2",
 								y2: "20",
 								className: "grid"
 							}, e)), /* @__PURE__ */ b("line", {
-								x1: p(e.p50 ?? 10) * 100,
-								x2: p(e.p99 ?? 10) * 100,
+								x1: m(e.p50 ?? 10) * 100,
+								x2: m(e.p99 ?? 10) * 100,
 								y1: "11",
 								y2: "11",
 								className: e.model ? "model" : "tool"
@@ -738,26 +723,26 @@ function A({ m: e, agents: r, tools: i }) {
 							children: [
 								/* @__PURE__ */ b("i", {
 									className: `p50 ${e.model ? "model" : "tool"}`,
-									style: { left: `${p(e.p50 ?? 10) * 100}%` }
+									style: { left: `${m(e.p50 ?? 10) * 100}%` }
 								}),
 								/* @__PURE__ */ b("i", {
 									className: `p90 ${e.model ? "model" : "tool"}`,
-									style: { left: `${p(e.p90 ?? 10) * 100}%` }
+									style: { left: `${m(e.p90 ?? 10) * 100}%` }
 								}),
 								/* @__PURE__ */ b("i", {
 									className: `p99 ${e.model ? "model" : "tool"}`,
-									style: { left: `${p(e.p99 ?? 10) * 100}%` }
+									style: { left: `${m(e.p99 ?? 10) * 100}%` }
 								})
 							]
 						}),
 						/* @__PURE__ */ x("span", {
 							className: "v",
 							children: [
-								/* @__PURE__ */ b("b", { children: h(e.p50) }),
+								/* @__PURE__ */ b("b", { children: n(e.p50) }),
 								" · ",
-								h(e.p90),
+								n(e.p90),
 								" · ",
-								h(e.p99)
+								n(e.p99)
 							]
 						})
 					]
@@ -767,9 +752,9 @@ function A({ m: e, agents: r, tools: i }) {
 						/* @__PURE__ */ b("span", {}),
 						/* @__PURE__ */ b("span", {
 							className: "ax",
-							children: m.map((e) => /* @__PURE__ */ b("span", {
-								style: { left: `${p(e) * 100}%` },
-								children: h(e)
+							children: h.map((e) => /* @__PURE__ */ b("span", {
+								style: { left: `${m(e) * 100}%` },
+								children: n(e)
 							}, e))
 						}),
 						/* @__PURE__ */ b("span", {
@@ -778,55 +763,55 @@ function A({ m: e, agents: r, tools: i }) {
 						})
 					]
 				})]
-			}) : /* @__PURE__ */ b(j, {
+			}) : /* @__PURE__ */ b(P, {
 				rows: [{
 					name: "Model calls",
 					model: !0,
-					values: l.flatMap((e) => e.values)
+					values: u.flatMap((e) => e.values)
 				}, {
 					name: "Tool calls",
 					model: !1,
-					values: i.flatMap((e) => e.durations)
+					values: a.flatMap((e) => e.durations)
 				}],
 				lo: 10,
-				hi: f
+				hi: p
 			})
 		})]
 	});
 }
-function j({ rows: e, lo: r, hi: i }) {
-	let a = c(), o = [];
-	for (let e = Math.log10(r); e <= Math.log10(i) + 1e-9; e += 1 / 4) o.push(10 ** e);
-	let s = (e) => 34 + (Math.log10(Math.max(r, e)) - Math.log10(r)) / (Math.log10(i) - Math.log10(r)) * 366;
+function P({ rows: t, lo: r, hi: a }) {
+	let o = s(), c = [];
+	for (let e = Math.log10(r); e <= Math.log10(a) + 1e-9; e += 1 / 4) c.push(10 ** e);
+	let l = (e) => 34 + (Math.log10(Math.max(r, e)) - Math.log10(r)) / (Math.log10(a) - Math.log10(r)) * 366;
 	return /* @__PURE__ */ b("div", {
 		className: "rp-hist",
-		children: e.filter((e) => e.values.length).map((e) => {
-			let r = o.slice(0, -1).map((t, n) => ({
-				from: t,
-				to: o[n + 1],
-				n: e.values.filter((e) => e >= t && e < o[n + 1]).length
-			})), c = Math.max(1, ...r.map((e) => e.n)), l = [
-				["p50", t(e.values, 50)],
-				["p90", t(e.values, 90)],
-				["p99", t(e.values, 99)]
+		children: t.filter((e) => e.values.length).map((t) => {
+			let r = c.slice(0, -1).map((e, n) => ({
+				from: e,
+				to: c[n + 1],
+				n: t.values.filter((t) => t >= e && t < c[n + 1]).length
+			})), s = Math.max(1, ...r.map((e) => e.n)), u = [
+				["p50", i(t.values, 50)],
+				["p90", i(t.values, 90)],
+				["p99", i(t.values, 99)]
 			];
 			return /* @__PURE__ */ x("figure", { children: [/* @__PURE__ */ x("figcaption", { children: [
-				/* @__PURE__ */ b("i", { className: `rp-sw ${e.model ? "model" : "tool"}` }),
-				e.name,
+				/* @__PURE__ */ b("i", { className: `rp-sw ${t.model ? "model" : "tool"}` }),
+				t.name,
 				/* @__PURE__ */ b("span", {
 					className: "ct",
-					children: n(e.values.length)
+					children: e(t.values.length)
 				})
 			] }), /* @__PURE__ */ x("svg", {
 				viewBox: "0 0 400 114",
 				role: "img",
-				"aria-label": `${e.name} by duration`,
+				"aria-label": `${t.name} by duration`,
 				children: [
 					/* @__PURE__ */ b("text", {
 						x: 28,
 						y: 12,
 						textAnchor: "end",
-						children: c
+						children: s
 					}),
 					/* @__PURE__ */ b("text", {
 						x: 28,
@@ -841,16 +826,16 @@ function j({ rows: e, lo: r, hi: i }) {
 						y2: 96,
 						className: "grid"
 					}),
-					r.map((t, n) => t.n ? /* @__PURE__ */ b("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,
+					r.map((e, r) => e.n ? /* @__PURE__ */ b("rect", {
+						x: l(e.from) + 1,
+						width: Math.max(1, l(e.to) - l(e.from) - 2),
+						y: 96 - e.n / s * 88,
+						height: e.n / s * 88,
 						rx: "1.5",
-						className: e.model ? "model" : "tool",
+						className: t.model ? "model" : "tool",
 						tabIndex: 0,
-						onPointerEnter: (n) => a.show({
-							rect: n.currentTarget.getBoundingClientRect(),
+						onPointerEnter: (r) => o.show({
+							rect: r.currentTarget.getBoundingClientRect(),
 							content: /* @__PURE__ */ x("div", {
 								className: "rp-card-h",
 								children: [/* @__PURE__ */ x("div", {
@@ -858,40 +843,40 @@ function j({ rows: e, lo: r, hi: i }) {
 									children: [/* @__PURE__ */ x("span", {
 										className: "nm",
 										children: [
-											h(t.from),
+											n(e.from),
 											"–",
-											h(t.to)
+											n(e.to)
 										]
 									}), /* @__PURE__ */ x("span", {
 										className: "v",
-										children: [t.n, " calls"]
+										children: [e.n, " calls"]
 									})]
 								}), /* @__PURE__ */ x("div", {
 									className: "s",
 									children: [
-										(t.n / e.values.length * 100).toFixed(1),
+										(e.n / t.values.length * 100).toFixed(1),
 										"% of ",
-										e.name.toLowerCase()
+										t.name.toLowerCase()
 									]
 								})]
 							})
 						}),
-						onPointerLeave: () => a.hide()
-					}, n) : null),
-					l.map(([e, t]) => t !== null && /* @__PURE__ */ x("g", { children: [/* @__PURE__ */ b("line", {
-						x1: s(t),
-						x2: s(t),
+						onPointerLeave: () => o.hide()
+					}, r) : null),
+					u.map(([e, t]) => t !== null && /* @__PURE__ */ x("g", { children: [/* @__PURE__ */ b("line", {
+						x1: l(t),
+						x2: l(t),
 						y1: 4,
 						y2: 96,
 						className: "rule"
 					}), /* @__PURE__ */ x("text", {
-						x: s(t) + 3,
+						x: l(t) + 3,
 						y: 12,
 						className: "rl",
 						children: [
 							e,
 							" ",
-							h(t)
+							n(t)
 						]
 					})] }, e)),
 					[
@@ -900,36 +885,36 @@ function j({ rows: e, lo: r, hi: i }) {
 						1e3,
 						1e4,
 						1e5
-					].filter((e) => e <= i).map((e) => /* @__PURE__ */ b("text", {
-						x: s(e),
+					].filter((e) => e <= a).map((e) => /* @__PURE__ */ b("text", {
+						x: l(e),
 						y: 110,
 						textAnchor: "middle",
-						children: h(e)
+						children: n(e)
 					}, e))
 				]
-			})] }, e.name);
+			})] }, t.name);
 		})
 	});
 }
-function M({ agents: e, tools: t }) {
-	let r = t.filter((e) => e.failures).sort((e, t) => t.failures - e.failures || t.calls - e.calls), i = e.filter((e) => e.failedSteps).sort((e, t) => t.failedSteps - e.failedSteps), a = (e, t, r, i, a) => /* @__PURE__ */ x("div", {
+function F({ agents: t, tools: n }) {
+	let r = n.filter((e) => e.failures).sort((e, t) => t.failures - e.failures || t.calls - e.calls), i = t.filter((e) => e.failedSteps).sort((e, t) => t.failedSteps - e.failedSteps), a = (t, n, r, i, a) => /* @__PURE__ */ x("div", {
 		className: "row",
 		title: a,
 		children: [
 			/* @__PURE__ */ b("span", {
 				className: "l",
-				children: e
+				children: t
 			}),
 			/* @__PURE__ */ b("span", {
 				className: "track",
-				children: /* @__PURE__ */ b("b", { style: { width: `${t / Math.max(1, r) * 100}%` } })
+				children: /* @__PURE__ */ b("b", { style: { width: `${n / Math.max(1, r) * 100}%` } })
 			}),
 			/* @__PURE__ */ x("span", {
 				className: "n",
 				children: [
-					t,
+					n,
 					" ",
-					/* @__PURE__ */ x("small", { children: ["of ", n(r)] })
+					/* @__PURE__ */ x("small", { children: ["of ", e(r)] })
 				]
 			})
 		]
@@ -945,7 +930,7 @@ function M({ agents: e, tools: t }) {
 			children: !r.length && !i.length ? /* @__PURE__ */ b("p", {
 				className: "ws-status",
 				children: "No step failed."
-			}) : /* @__PURE__ */ x(y, { children: [r.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("h5", { children: ["By tool · ", r.length] }), r.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`))] }), i.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("h5", { children: ["By agent · ", i.length] }), i.slice(0, 6).map((e) => a(u(e, 22), e.failedSteps, e.steps.length, e.id, `${e.name}: ${e.failedSteps} of ${e.steps.length} steps failed`))] })] })
+			}) : /* @__PURE__ */ x(y, { children: [r.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("h5", { children: ["By tool · ", r.length] }), r.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`))] }), i.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("h5", { children: ["By agent · ", i.length] }), i.slice(0, 6).map((e) => a(l(e, 22), e.failedSteps, e.steps.length, e.id, `${e.name}: ${e.failedSteps} of ${e.steps.length} steps failed`))] })] })
 		})]
 	});
 }