@tangle-network/sandbox-cli 0.21.64 → 0.21.66

package/dist/graph-viewer/viewer/Analytics-DD__nbLm.js

@@ -1,939 +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 "./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)(() => 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.jsx)("div", {
-				className: "rp-an-f",
-				children: /* @__PURE__ */ (0, x.jsx)(f, {
-					label: "Agents",
-					multi: !0,
-					options: u(e),
-					groups: g(e),
-					all: {
-						label: "All agents",
-						meta: String(e.agents.length)
-					},
-					value: t,
-					onChange: n,
-					width: 360,
-					placeholder: `Search ${e.agents.length} agents`,
-					style: { width: 280 },
-					children: t.size ? o : `All ${e.agents.length} agents`
-				})
-			}),
-			/* @__PURE__ */ (0, x.jsx)(C, {
-				m: e,
-				agents: r,
-				tools: i
-			}),
-			/* @__PURE__ */ (0, x.jsxs)("div", {
-				className: "rp-an-g",
-				children: [
-					/* @__PURE__ */ (0, x.jsx)(D, {
-						m: e,
-						agents: r,
-						tools: i
-					}),
-					/* @__PURE__ */ (0, x.jsx)(k, {
-						m: e,
-						agents: r
-					}),
-					/* @__PURE__ */ (0, x.jsx)(j, {
-						m: e,
-						agents: r
-					}),
-					/* @__PURE__ */ (0, x.jsx)(M, {
-						m: e,
-						agents: r,
-						tools: i
-					}),
-					/* @__PURE__ */ (0, x.jsx)(P, {
-						m: e,
-						agents: r,
-						tools: i
-					})
-				]
-			})
-		]
-	});
-}
-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), 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
-	} : e, {
-		input: 0,
-		output: 0,
-		cacheRead: 0
-	}), 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: 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))
-	});
-}
-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]), 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", {
-			className: "rp-card-h",
-			children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-				className: "t",
-				children: [
-					/* @__PURE__ */ (0, x.jsx)(m, { tone: e.state.tone }),
-					/* @__PURE__ */ (0, x.jsx)("span", {
-						className: "nm",
-						children: e.name
-					}),
-					/* @__PURE__ */ (0, x.jsx)("span", {
-						className: "v",
-						children: n
-					})
-				]
-			}), /* @__PURE__ */ (0, x.jsx)("div", {
-				className: "s",
-				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: 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",
-					children: [
-						t.failures,
-						" ✕ · ",
-						(t.failures / t.calls * 100).toFixed(0),
-						"%"
-					]
-				}) : "0" }),
-				/* @__PURE__ */ (0, x.jsx)("dt", { children: "p50 · p90 · p99" }),
-				/* @__PURE__ */ (0, x.jsxs)("dd", { children: [
-					o(t.p50),
-					" · ",
-					o(t.p90),
-					" · ",
-					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), "%"] })
-			] }) })
-		})] })
-	});
-	return /* @__PURE__ */ (0, x.jsxs)("section", {
-		className: "rp-card w7",
-		"aria-label": "Tool calls by agent and tool",
-		children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-			className: "rp-hd sm",
-			children: [/* @__PURE__ */ (0, x.jsxs)("h3", { children: ["Tool calls by agent and tool", /* @__PURE__ */ (0, x.jsxs)("span", {
-				className: "ct",
-				children: [
-					f.length,
-					" agents · ",
-					n.length,
-					" tools"
-				]
-			})] }), /* @__PURE__ */ (0, x.jsx)("span", {
-				className: "end",
-				children: /* @__PURE__ */ (0, x.jsx)(r, {
-					"aria-label": "Sort",
-					value: a,
-					onValueChange: s,
-					options: [
-						{
-							value: "calls",
-							label: "By calls"
-						},
-						{
-							value: "fails",
-							label: "By failures"
-						},
-						{
-							value: "name",
-							label: "By name"
-						}
-					]
-				})
-			})]
-		}), /* @__PURE__ */ (0, x.jsxs)("div", {
-			className: "rp-chart",
-			children: [/* @__PURE__ */ (0, x.jsx)("div", {
-				className: "rp-hm-wrap",
-				ref: u,
-				children: /* @__PURE__ */ (0, x.jsxs)("div", {
-					className: "rp-hm",
-					style: A,
-					children: [
-						/* @__PURE__ */ (0, x.jsx)("span", { className: "ch c0" }),
-						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)),
-						S.length > 0 && /* @__PURE__ */ (0, x.jsx)("span", {
-							className: "ch",
-							children: /* @__PURE__ */ (0, x.jsxs)("span", { children: [S.length, " more"] })
-						}),
-						/* @__PURE__ */ (0, x.jsx)("span", {
-							className: "ch tot",
-							children: "Total"
-						}),
-						/* @__PURE__ */ (0, x.jsx)("div", {
-							className: "gap",
-							style: { height: h.before }
-						}),
-						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)(m, { tone: e.state.tone }), /* @__PURE__ */ (0, x.jsx)("span", {
-										className: "nm",
-										children: p(e, 22)
-									})]
-								}, `${e.id}:n`),
-								...y.map((n) => {
-									let r = t.get(n.name), a = r?.calls ?? 0;
-									return /* @__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}`);
-								}),
-								...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: ["✕", a]
-									}) : null]
-								}, `${e.id}:rest`)] : [],
-								/* @__PURE__ */ (0, x.jsxs)("span", {
-									className: "tot",
-									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: h.after }
-						})
-					]
-				})
-			}), /* @__PURE__ */ (0, x.jsxs)("div", {
-				className: "rp-hm-foot",
-				children: [
-					/* @__PURE__ */ (0, x.jsxs)("span", {
-						className: "ramp",
-						children: [
-							/* @__PURE__ */ (0, x.jsx)("span", { children: "1" }),
-							/* @__PURE__ */ (0, x.jsx)("i", {}),
-							/* @__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 > f.length && /* @__PURE__ */ (0, x.jsxs)("span", {
-						className: "end",
-						children: [t.length - f.length, " agents made no tool calls"]
-					})
-				]
-			})]
-		})]
-	});
-}
-var O = [
-	6e4,
-	12e4,
-	3e5,
-	6e5,
-	9e5,
-	18e5,
-	36e5,
-	72e5
-];
-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(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,
-		p,
-		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 ${T}` : `Metered tokens per ${T}` }), /* @__PURE__ */ (0, x.jsx)("span", {
-				className: "end",
-				children: /* @__PURE__ */ (0, x.jsx)(r, {
-					"aria-label": "Measure",
-					value: n,
-					onValueChange: a,
-					options: [{
-						value: "calls",
-						label: "Calls"
-					}, {
-						value: "tokens",
-						label: "Tokens"
-					}]
-				})
-			})]
-		}), /* @__PURE__ */ (0, x.jsxs)("div", {
-			className: "rp-chart",
-			children: [/* @__PURE__ */ (0, x.jsx)("div", {
-				className: "rp-legend sm",
-				children: n === "calls" ? /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [
-					/* @__PURE__ */ (0, x.jsxs)("span", {
-						className: "rp-key",
-						children: [/* @__PURE__ */ (0, x.jsx)("i", { className: "model" }), "Model call"]
-					}),
-					/* @__PURE__ */ (0, x.jsxs)("span", {
-						className: "rp-key",
-						children: [/* @__PURE__ */ (0, x.jsx)("i", { className: "tool" }), "Tool call"]
-					}),
-					/* @__PURE__ */ (0, x.jsxs)("span", {
-						className: "rp-key",
-						children: [/* @__PURE__ */ (0, x.jsx)("span", {
-							className: "x",
-							children: "✕"
-						}), "failed"]
-					})
-				] }) : /* @__PURE__ */ (0, x.jsxs)("span", {
-					className: "rp-key",
-					children: [/* @__PURE__ */ (0, x.jsx)("i", { className: "model" }), "Tokens on calls that recorded them"]
-				})
-			}), /* @__PURE__ */ (0, x.jsxs)("svg", {
-				className: "rp-cpm",
-				viewBox: "0 0 600 240",
-				preserveAspectRatio: "none",
-				role: "img",
-				"aria-label": `${n} per ${T}, peak ${i(g)}`,
-				children: [[
-					0,
-					.5,
-					1
-				].map((e) => /* @__PURE__ */ (0, x.jsxs)("g", { children: [/* @__PURE__ */ (0, x.jsx)("line", {
-					x1: 40,
-					x2: 600,
-					y1: C(S * e),
-					y2: C(S * e),
-					className: "grid"
-				}), /* @__PURE__ */ (0, x.jsx)("text", {
-					x: 34,
-					y: C(S * e) + 4,
-					textAnchor: "end",
-					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",
-							children: /* @__PURE__ */ (0, x.jsx)("div", {
-								className: "t",
-								children: /* @__PURE__ */ (0, x.jsxs)("span", {
-									className: "nm",
-									children: [
-										w(f + t * u),
-										"–",
-										w(f + (t + 1) * u),
-										" UTC"
-									]
-								})
-							})
-						}), /* @__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: "Model calls" }),
-								/* @__PURE__ */ (0, x.jsx)("dd", { children: i(e.model) }),
-								/* @__PURE__ */ (0, x.jsx)("dt", { children: "Tool calls" }),
-								/* @__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 ? _(e.tokens) : "not recorded" })
-							] }) })
-						})] })
-					});
-					return /* @__PURE__ */ (0, x.jsxs)("g", {
-						tabIndex: h(e) ? 0 : -1,
-						onPointerEnter: l,
-						onPointerLeave: () => o.hide(),
-						onFocus: l,
-						onBlur: () => o.hide(),
-						children: [
-							/* @__PURE__ */ (0, x.jsx)("rect", {
-								x: 40 + t * v,
-								y: 18,
-								width: v,
-								height: 198,
-								className: "hit"
-							}),
-							s > 0 && /* @__PURE__ */ (0, x.jsx)("rect", {
-								x: r,
-								y: 216 - s,
-								width: a,
-								height: s,
-								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: a,
-								height: c,
-								rx: Math.min(2, a / 2),
-								className: "tool"
-							}),
-							e.failed > 0 && n === "calls" && /* @__PURE__ */ (0, x.jsxs)("text", {
-								x: r + a / 2,
-								y: 216 - s - c - 6,
-								textAnchor: "middle",
-								className: "xf",
-								children: ["✕", e.failed]
-							}),
-							t % E === 0 && /* @__PURE__ */ (0, x.jsx)("text", {
-								x: r + a / 2,
-								y: 234,
-								textAnchor: "middle",
-								children: w(f + t * u)
-							})
-						]
-					}, t);
-				})]
-			})]
-		})]
-	});
-}
-function A(e) {
-	let t = 10 ** Math.floor(Math.log10(Math.max(1, e)));
-	return [
-		1,
-		2,
-		2.5,
-		5,
-		10
-	].map((e) => e * t).find((t) => t >= e) ?? e;
-}
-function j({ m: e, agents: t }) {
-	let [n, r] = (0, b.useState)({
-		k: "tokens",
-		d: -1
-	}), a = d(), o = (0, b.useRef)(null), c = (e) => ({
-		tokens: e.tokens ?? -1,
-		model: e.modelCalls,
-		tool: e.toolCalls,
-		failed: e.failedSteps,
-		restarts: e.restarts.length,
-		spawns: e.children.length,
-		cost: e.listUsd ?? e.billedUsd ?? -1,
-		name: e.name
-	})[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]), 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,
-		children: /* @__PURE__ */ (0, x.jsxs)("button", {
-			type: "button",
-			onClick: () => r((t) => ({
-				k: e,
-				d: t.k === e ? t.d === 1 ? -1 : 1 : e === "name" ? 1 : -1
-			})),
-			children: [t, n.k === e ? n.d < 0 ? " ↓" : " ↑" : ""]
-		})
-	}, e);
-	return /* @__PURE__ */ (0, x.jsxs)("section", {
-		className: "rp-card w5",
-		"aria-label": "Agents",
-		children: [/* @__PURE__ */ (0, x.jsx)("div", {
-			className: "rp-hd sm",
-			children: /* @__PURE__ */ (0, x.jsxs)("h3", { children: ["Agents", /* @__PURE__ */ (0, x.jsx)("span", {
-				className: "ct",
-				children: t.length
-			})] })
-		}), /* @__PURE__ */ (0, x.jsxs)("div", {
-			className: "rp-at-wrap",
-			ref: o,
-			role: "table",
-			"aria-label": "Agents",
-			"aria-rowcount": u.length,
-			children: [
-				/* @__PURE__ */ (0, x.jsxs)("div", {
-					className: "rp-at th",
-					role: "row",
-					style: v,
-					children: [
-						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: f.before } }),
-				u.slice(f.first, f.last).map((t) => /* @__PURE__ */ (0, x.jsxs)("div", {
-					className: "rp-at",
-					role: "row",
-					tabIndex: 0,
-					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: () => 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: () => a.hide(),
-					children: [
-						/* @__PURE__ */ (0, x.jsx)("span", {
-							className: "nm",
-							role: "cell",
-							title: t.name,
-							children: p(t, 20)
-						}),
-						/* @__PURE__ */ (0, x.jsxs)("span", {
-							className: "tk",
-							role: "cell",
-							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: i(t.modelCalls)
-						}),
-						/* @__PURE__ */ (0, x.jsx)("span", {
-							className: "r",
-							role: "cell",
-							children: i(t.toolCalls)
-						}),
-						g.map((e) => /* @__PURE__ */ (0, x.jsx)("span", {
-							className: "r",
-							role: "cell",
-							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.listUsd === null ? t.billedUsd === null ? "—" : s(t.billedUsd) : s(t.listUsd)
-						})
-					]
-				}, t.id)),
-				/* @__PURE__ */ (0, x.jsx)("div", { style: { height: f.after } })
-			]
-		})]
-	});
-}
-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";
-			(e.get(r) ?? e.set(r, []).get(r)).push(t.latency);
-		}
-		return [...e].map(([e, t]) => ({
-			name: e,
-			model: !0,
-			calls: t.length,
-			values: t,
-			p50: c(t, 50),
-			p90: c(t, 90),
-			p99: c(t, 99)
-		}));
-	}, [t]), f = [...u, ...n.filter((e) => e.durations.length).slice(0, 9).map((e) => ({
-		name: e.name,
-		model: !1,
-		calls: e.calls,
-		values: e.durations,
-		p50: e.p50,
-		p90: e.p90,
-		p99: e.p99
-	}))], 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 <= 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",
-			children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-				className: "t",
-				children: [
-					/* @__PURE__ */ (0, x.jsx)("i", { className: `rp-sw ${e.model ? "model" : "tool"}` }),
-					/* @__PURE__ */ (0, x.jsx)("span", {
-						className: "nm",
-						children: e.name
-					}),
-					/* @__PURE__ */ (0, x.jsxs)("span", {
-						className: "v",
-						children: [i(e.calls), " calls"]
-					})
-				]
-			}), /* @__PURE__ */ (0, x.jsx)("div", {
-				className: "s",
-				children: e.model ? "model call latency" : "tool call duration"
-			})]
-		}), /* @__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: "p50" }),
-				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(e.p50) }),
-				/* @__PURE__ */ (0, x.jsx)("dt", { children: "p90" }),
-				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(e.p90) }),
-				/* @__PURE__ */ (0, x.jsx)("dt", { children: "p99" }),
-				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(e.p99) }),
-				/* @__PURE__ */ (0, x.jsx)("dt", { children: "Max" }),
-				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(Math.max(...e.values)) })
-			] }) })
-		})] })
-	});
-	return /* @__PURE__ */ (0, x.jsxs)("section", {
-		className: "rp-card w4",
-		"aria-label": "Latency",
-		children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-			className: "rp-hd sm",
-			children: [/* @__PURE__ */ (0, x.jsx)("h3", { children: "Latency" }), /* @__PURE__ */ (0, x.jsx)("span", {
-				className: "end",
-				children: /* @__PURE__ */ (0, x.jsx)(r, {
-					"aria-label": "Latency view",
-					value: a,
-					onValueChange: s,
-					options: [{
-						value: "range",
-						label: "p50 · p90 · p99"
-					}, {
-						value: "dist",
-						label: "Distribution"
-					}]
-				})
-			})]
-		}), /* @__PURE__ */ (0, x.jsx)("div", {
-			className: "rp-chart",
-			children: a === "range" ? /* @__PURE__ */ (0, x.jsxs)("div", {
-				className: "rp-lat",
-				children: [f.map((e) => /* @__PURE__ */ (0, x.jsxs)("div", {
-					className: "row",
-					tabIndex: 0,
-					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" : ""}`,
-							title: e.name,
-							children: e.name.replace(/^agent-runtime-coordination_/, "")
-						}),
-						/* @__PURE__ */ (0, x.jsxs)("svg", {
-							viewBox: "0 0 100 22",
-							preserveAspectRatio: "none",
-							"aria-hidden": "true",
-							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: h(e.p50 ?? 10) * 100,
-								x2: h(e.p99 ?? 10) * 100,
-								y1: "11",
-								y2: "11",
-								className: e.model ? "model" : "tool"
-							})]
-						}),
-						/* @__PURE__ */ (0, x.jsxs)("span", {
-							className: "dots",
-							"aria-hidden": "true",
-							children: [
-								/* @__PURE__ */ (0, x.jsx)("i", {
-									className: `p50 ${e.model ? "model" : "tool"}`,
-									style: { left: `${h(e.p50 ?? 10) * 100}%` }
-								}),
-								/* @__PURE__ */ (0, x.jsx)("i", {
-									className: `p90 ${e.model ? "model" : "tool"}`,
-									style: { left: `${h(e.p90 ?? 10) * 100}%` }
-								}),
-								/* @__PURE__ */ (0, x.jsx)("i", {
-									className: `p99 ${e.model ? "model" : "tool"}`,
-									style: { left: `${h(e.p99 ?? 10) * 100}%` }
-								})
-							]
-						}),
-						/* @__PURE__ */ (0, x.jsxs)("span", {
-							className: "v",
-							children: [
-								/* @__PURE__ */ (0, x.jsx)("b", { children: o(e.p50) }),
-								" · ",
-								o(e.p90),
-								" · ",
-								o(e.p99)
-							]
-						})
-					]
-				}, `${e.model}:${e.name}`)), /* @__PURE__ */ (0, x.jsxs)("div", {
-					className: "row axis",
-					children: [
-						/* @__PURE__ */ (0, x.jsx)("span", {}),
-						/* @__PURE__ */ (0, x.jsx)("span", {
-							className: "ax",
-							children: g.map((e) => /* @__PURE__ */ (0, x.jsx)("span", {
-								style: { left: `${h(e) * 100}%` },
-								children: o(e)
-							}, e))
-						}),
-						/* @__PURE__ */ (0, x.jsx)("span", {
-							className: "v dim",
-							children: "● p50 ○ p90 | p99"
-						})
-					]
-				})]
-			}) : /* @__PURE__ */ (0, x.jsx)(N, {
-				rows: [{
-					name: "Model calls",
-					model: !0,
-					values: u.flatMap((e) => e.values)
-				}, {
-					name: "Tool calls",
-					model: !1,
-					values: n.flatMap((e) => e.durations)
-				}],
-				lo: 10,
-				hi: m
-			})
-		})]
-	});
-}
-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 = a.slice(0, -1).map((t, n) => ({
-				from: t,
-				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: i(e.values.length)
-				})
-			] }), /* @__PURE__ */ (0, x.jsxs)("svg", {
-				viewBox: "0 0 400 114",
-				role: "img",
-				"aria-label": `${e.name} by duration`,
-				children: [
-					/* @__PURE__ */ (0, x.jsx)("text", {
-						x: 28,
-						y: 12,
-						textAnchor: "end",
-						children: l
-					}),
-					/* @__PURE__ */ (0, x.jsx)("text", {
-						x: 28,
-						y: 96,
-						textAnchor: "end",
-						children: "0"
-					}),
-					/* @__PURE__ */ (0, x.jsx)("line", {
-						x1: 34,
-						x2: 400,
-						y1: 96,
-						y2: 96,
-						className: "grid"
-					}),
-					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 / l * 88,
-						height: t.n / l * 88,
-						rx: "1.5",
-						className: e.model ? "model" : "tool",
-						tabIndex: 0,
-						onPointerEnter: (n) => r.show({
-							rect: n.currentTarget.getBoundingClientRect(),
-							content: /* @__PURE__ */ (0, x.jsxs)("div", {
-								className: "rp-card-h",
-								children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-									className: "t",
-									children: [/* @__PURE__ */ (0, x.jsxs)("span", {
-										className: "nm",
-										children: [
-											o(t.from),
-											"–",
-											o(t.to)
-										]
-									}), /* @__PURE__ */ (0, x.jsxs)("span", {
-										className: "v",
-										children: [t.n, " calls"]
-									})]
-								}), /* @__PURE__ */ (0, x.jsxs)("div", {
-									className: "s",
-									children: [
-										(t.n / e.values.length * 100).toFixed(1),
-										"% of ",
-										e.name.toLowerCase()
-									]
-								})]
-							})
-						}),
-						onPointerLeave: () => r.hide()
-					}, n) : null),
-					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,
-						y2: 96,
-						className: "rule"
-					}), /* @__PURE__ */ (0, x.jsxs)("text", {
-						x: s(t) + 3,
-						y: 12,
-						className: "rl",
-						children: [
-							e,
-							" ",
-							o(t)
-						]
-					})] }, e)),
-					[
-						10,
-						100,
-						1e3,
-						1e4,
-						1e5
-					].filter((e) => e <= n).map((e) => /* @__PURE__ */ (0, x.jsx)("text", {
-						x: s(e),
-						y: 110,
-						textAnchor: "middle",
-						children: o(e)
-					}, e))
-				]
-			})] }, e.name);
-		})
-	});
-}
-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: a,
-		children: [
-			/* @__PURE__ */ (0, x.jsx)("span", {
-				className: "l",
-				children: e
-			}),
-			/* @__PURE__ */ (0, x.jsx)("span", {
-				className: "track",
-				children: /* @__PURE__ */ (0, x.jsx)("b", { style: { width: `${t / Math.max(1, n) * 100}%` } })
-			}),
-			/* @__PURE__ */ (0, x.jsxs)("span", {
-				className: "n",
-				children: [
-					t,
-					" ",
-					/* @__PURE__ */ (0, x.jsxs)("small", { children: ["of ", i(n)] })
-				]
-			})
-		]
-	}, r);
-	return /* @__PURE__ */ (0, x.jsxs)("section", {
-		className: "rp-card w3",
-		"aria-label": "Failed steps",
-		children: [/* @__PURE__ */ (0, x.jsx)("div", {
-			className: "rp-hd sm",
-			children: /* @__PURE__ */ (0, x.jsx)("h3", { children: "Failed steps" })
-		}), /* @__PURE__ */ (0, x.jsx)("div", {
-			className: "rp-chart rp-fb",
-			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) => 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`))] })] })
-		})]
-	});
-}
-//#endregion
-export { S as Analytics };