@tangle-network/sandbox-cli 0.22.0-develop.20260814062836.bb3da78 → 0.22.1

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

@@ -0,0 +1,1001 @@
+import { C as e, O as t, S as n, b as r, d as i, f as a, l as o, m as s, o as c, s as l, t as u, u as d, v as f, w as p, x as m } from "./ui-xa5w5bEN.js";
+import { useLayoutEffect as h, 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: t }) {
+	let [n, r] = v(/* @__PURE__ */ new Set()), i = g(() => n.size ? t.tree.filter((e) => n.has(e.id)) : t.tree, [t, n]), a = g(() => e(i), [i]), s = n.size ? n.size === 1 ? t.byId.get([...n][0])?.name : `${n.size} agents` : "All";
+	return /* @__PURE__ */ x("div", {
+		className: "rp-an",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "rp-an-f",
+				children: /* @__PURE__ */ b(c, {
+					label: "Agents",
+					multi: !0,
+					options: d(t),
+					groups: o(t),
+					all: {
+						label: "All agents",
+						meta: String(t.agents.length)
+					},
+					value: n,
+					onChange: r,
+					width: 360,
+					placeholder: `Search ${t.agents.length} agents`,
+					style: { width: 280 },
+					children: n.size ? s : `All ${t.agents.length} agents`
+				})
+			}),
+			/* @__PURE__ */ b(w, {
+				m: t,
+				agents: i,
+				tools: a
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "rp-an-g",
+				children: [
+					/* @__PURE__ */ b(j, {
+						m: t,
+						agents: i,
+						tools: a
+					}),
+					/* @__PURE__ */ b(N, {
+						m: t,
+						agents: i
+					}),
+					/* @__PURE__ */ b(F, {
+						m: t,
+						agents: i
+					}),
+					/* @__PURE__ */ b(I, {
+						m: t,
+						agents: i,
+						tools: a
+					}),
+					/* @__PURE__ */ b(R, {
+						m: t,
+						agents: i,
+						tools: a
+					})
+				]
+			})
+		]
+	});
+}
+function w({ m: e, agents: n, tools: i }) {
+	let a = (e) => n.reduce((t, n) => t + (e(n) ?? 0), 0), o = n.length === e.agents.length, c = o ? e.totals.tokens : n.every((e) => e.tokens !== null) ? a((e) => e.tokens) : null, l = n.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
+	}), u = n.every((e) => e.modelCalls !== null) ? a((e) => e.modelCalls) : null, d = n.every((e) => e.toolCalls !== null) ? a((e) => e.toolCalls) : null, f = a((e) => e.toolFailures), p = o ? e.totals.billedUsd : n.every((e) => e.billedUsd !== null) ? a((e) => e.billedUsd) : null, h = o ? e.totals.listUsd : n.every((e) => e.listUsd !== null) ? a((e) => e.listUsd) : null, g = [
+		[s(c), l.input + l.output + l.cacheRead ? `in ${s(l.input)} · out ${s(l.output)} · cached ${s(l.cacheRead)}` : "tokens"],
+		[r(u), "model calls"],
+		[r(d), `tool calls · ${i.length} tools`],
+		[r(f), `tool failures · ${d === null ? "—" : d ? (f / d * 100).toFixed(1) : "0"}%`],
+		[r(a((e) => e.retries)), "retried steps"],
+		[r(a((e) => e.restarts.length)), "restarts"],
+		[m(a((e) => e.busy)), `busy of ${m(e.duration)}`],
+		[t(h === null ? p : h), h === null ? "billed" : `list · ${t(p)} billed`]
+	];
+	return /* @__PURE__ */ b("section", {
+		className: "rp-card rp-kpis",
+		"aria-label": "Totals",
+		children: g.map(([e, t]) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("b", { children: e }), /* @__PURE__ */ b("span", {
+			title: t,
+			children: t
+		})] }, t))
+	});
+}
+var T = 232, E = 76, D = 88, O = 14;
+function k(e) {
+	let [t, n] = v(0), r = Math.min(t, Math.max(0, Math.ceil(e.length / O) - 1)), i = r * O;
+	return {
+		rows: e.slice(i, i + O),
+		controls: e.length > O ? /* @__PURE__ */ x("nav", {
+			className: "rp-more-row",
+			"aria-label": "Agent pages",
+			style: {
+				display: "flex",
+				justifyContent: "space-between",
+				alignItems: "center"
+			},
+			children: [
+				/* @__PURE__ */ b("button", {
+					className: "rp-link",
+					type: "button",
+					disabled: !r,
+					onClick: () => n(r - 1),
+					children: "Previous"
+				}),
+				/* @__PURE__ */ x("span", { children: [
+					i + 1,
+					"–",
+					Math.min(i + O, e.length),
+					" of ",
+					e.length
+				] }),
+				/* @__PURE__ */ b("button", {
+					className: "rp-link",
+					type: "button",
+					disabled: i + O >= e.length,
+					onClick: () => n(r + 1),
+					children: "Next"
+				})
+			]
+		}) : null
+	};
+}
+function A() {
+	let e = _(null), [t, n] = v({
+		w: 0,
+		h: 0
+	});
+	return h(() => {
+		let t = e.current;
+		if (!t) return;
+		let r = () => n({
+			w: t.clientWidth,
+			h: t.clientHeight
+		}), i = new ResizeObserver(r);
+		return i.observe(t), r(), () => i.disconnect();
+	}, []), [e, t];
+}
+function j({ m: e, agents: t, tools: o }) {
+	let [s, c] = v("calls"), u = i(), d = a(), [f, { w: p }] = A(), h = g(() => {
+		let e = t.filter((e) => (e.toolCalls ?? 0) > 0), n = s === "calls" ? (e) => -(e.toolCalls ?? 0) : s === "fails" ? (e) => -e.toolFailures * 1e6 - (e.toolCalls ?? 0) : null;
+		return n ? [...e].sort((e, t) => n(e) - n(t)) : [...e].sort((e, t) => e.name.localeCompare(t.name));
+	}, [t, s]), _ = k(h), C = d ? 120 : T, w = Math.floor(((p || 1e4) - 32 - C - D) / E), O = o.length <= w ? o.length : Math.max(0, w - 1), j = o.slice(0, O), M = o.slice(O), N = Math.max(1, ...h.flatMap((e) => e.tools.map((e) => e.calls))), P = Math.max(1, ...h.map((e) => e.toolCalls ?? 0)), F = (e) => e ? `color-mix(in oklab, var(--rp-tool) ${Math.round(14 + 86 * Math.sqrt(e / N))}%, hsl(var(--hsl-card)))` : void 0, I = (e) => e && Math.sqrt(e / N) > .55 ? "on" : "", L = { gridTemplateColumns: `minmax(${C}px, 2fr) repeat(${j.length + +!!M.length}, minmax(${d ? 64 : E}px, 1fr)) ${D}px` }, R = (e, t, i, a) => u.show({
+		rect: a.getBoundingClientRect(),
+		wide: !1,
+		content: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
+			className: "rp-card-h",
+			children: [/* @__PURE__ */ x("div", {
+				className: "t",
+				children: [
+					/* @__PURE__ */ b(l, { tone: e.state.tone }),
+					/* @__PURE__ */ b("span", {
+						className: "nm",
+						children: e.name
+					}),
+					/* @__PURE__ */ b("span", {
+						className: "v",
+						children: i
+					})
+				]
+			}), /* @__PURE__ */ b("div", {
+				className: "s",
+				children: t ? `${r(t.calls)} calls · ${m(t.ms)} in all` : "no calls"
+			})]
+		}), t && /* @__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: r(t.calls) }),
+				/* @__PURE__ */ b("dt", { children: "Failed" }),
+				/* @__PURE__ */ b("dd", { children: t.failures ? /* @__PURE__ */ x("span", {
+					className: "f",
+					children: [
+						t.failures,
+						" ✕ · ",
+						(t.failures / t.calls * 100).toFixed(0),
+						"%"
+					]
+				}) : "0" }),
+				/* @__PURE__ */ b("dt", { children: "p50 · p90 · p99" }),
+				/* @__PURE__ */ x("dd", { children: [
+					n(t.p50),
+					" · ",
+					n(t.p90),
+					" · ",
+					n(t.p99)
+				] }),
+				/* @__PURE__ */ b("dt", { children: "Share of its tool calls" }),
+				/* @__PURE__ */ x("dd", { children: [(t.calls / Math.max(1, e.toolCalls ?? 0) * 100).toFixed(0), "%"] })
+			] }) })
+		})] })
+	});
+	return /* @__PURE__ */ x("section", {
+		className: "rp-card w7",
+		"aria-label": "Tool calls by agent and tool",
+		children: [/* @__PURE__ */ x("div", {
+			className: "rp-hd sm",
+			children: [/* @__PURE__ */ x("h3", { children: ["Tool calls by agent and tool", /* @__PURE__ */ x("span", {
+				className: "ct",
+				children: [
+					h.length,
+					" agents · ",
+					o.length,
+					" tools"
+				]
+			})] }), /* @__PURE__ */ b("span", {
+				className: "end",
+				children: /* @__PURE__ */ b(S, {
+					"aria-label": "Sort",
+					value: s,
+					onValueChange: c,
+					options: [
+						{
+							value: "calls",
+							label: "By calls"
+						},
+						{
+							value: "fails",
+							label: "By failures"
+						},
+						{
+							value: "name",
+							label: "By name"
+						}
+					]
+				})
+			})]
+		}), /* @__PURE__ */ x("div", {
+			className: "rp-chart",
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "rp-hm-wrap",
+					ref: f,
+					children: /* @__PURE__ */ x("div", {
+						className: "rp-hm",
+						style: L,
+						children: [
+							/* @__PURE__ */ b("span", { className: "ch c0" }),
+							j.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", {
+								className: "ch",
+								title: M.map((e) => e.name).join(", "),
+								children: /* @__PURE__ */ b("span", { children: j.length ? `${M.length} more` : `${M.length} tools` })
+							}),
+							/* @__PURE__ */ b("span", {
+								className: "ch tot",
+								children: "Total"
+							}),
+							_.rows.map((e) => {
+								let t = new Map(e.tools.map((e) => [e.name, e])), n = e.tools.filter((e) => !j.some((t) => t.name === e.name)), i = n.reduce((e, t) => e + t.calls, 0), a = n.reduce((e, t) => e + t.failures, 0);
+								return [
+									/* @__PURE__ */ x("span", {
+										className: "rh",
+										title: e.name,
+										children: [/* @__PURE__ */ b(l, { tone: e.state.tone }), /* @__PURE__ */ b("span", {
+											className: "nm",
+											children: e.name
+										})]
+									}, `${e.id}:n`),
+									...j.map((n) => {
+										let i = t.get(n.name), a = i?.calls ?? 0;
+										return /* @__PURE__ */ x("span", {
+											className: `c${a ? "" : " z"} ${I(a)}`,
+											style: { background: F(a) },
+											tabIndex: a ? 0 : -1,
+											onPointerEnter: (t) => R(e, i ?? null, n.name, t.currentTarget),
+											onPointerLeave: () => u.hide(),
+											onFocus: (t) => R(e, i ?? null, n.name, t.currentTarget),
+											onBlur: () => u.hide(),
+											children: [a ? r(a) : "", i?.failures ? /* @__PURE__ */ x("span", {
+												className: "xf",
+												children: ["✕", i.failures]
+											}) : null]
+										}, `${e.id}:${n.name}`);
+									}),
+									...M.length ? [/* @__PURE__ */ x("span", {
+										className: `c${i ? "" : " z"} ${I(i)}`,
+										style: { background: F(i) },
+										children: [i ? r(i) : "", a ? /* @__PURE__ */ x("span", {
+											className: "xf",
+											children: ["✕", a]
+										}) : null]
+									}, `${e.id}:rest`)] : [],
+									/* @__PURE__ */ x("span", {
+										className: "tot",
+										children: [/* @__PURE__ */ b("b", { style: { width: `${(e.toolCalls ?? 0) / P * 56}px` } }), r(e.toolCalls)]
+									}, `${e.id}:t`)
+								];
+							})
+						]
+					})
+				}),
+				_.controls,
+				/* @__PURE__ */ x("div", {
+					className: "rp-hm-foot",
+					children: [
+						/* @__PURE__ */ x("span", {
+							className: "ramp",
+							children: [
+								/* @__PURE__ */ b("span", { children: "1" }),
+								/* @__PURE__ */ b("i", {}),
+								/* @__PURE__ */ b("span", { children: r(N) })
+							]
+						}),
+						/* @__PURE__ */ x("span", { children: [/* @__PURE__ */ b("span", {
+							className: "x",
+							children: "✕"
+						}), " failed calls in the cell"] }),
+						t.some((e) => e.toolCalls === 0) && /* @__PURE__ */ x("span", {
+							className: "end",
+							children: [t.filter((e) => e.toolCalls === 0).length, " agents made no tool calls"]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+var M = [
+	6e4,
+	12e4,
+	3e5,
+	6e5,
+	9e5,
+	18e5,
+	36e5,
+	72e5
+];
+function N({ m: e, agents: t }) {
+	let [n, a] = v("calls"), o = i(), c = g(() => t.flatMap((e) => e.steps.filter((e) => e.kind !== "waiting")), [t]), l = c.length ? Math.min(...c.map((e) => e.t)) : 0, u = c.length ? Math.max(...c.map((e) => e.t + e.d)) : 1, d = M.find((e) => (u - l) / e <= 36) ?? 144e5, p = Math.floor((e.t0 + l) / d) * d - e.t0, m = Math.max(1, Math.ceil((u - p) / d)), h = g(() => {
+		let e = Array.from({ length: m }, () => ({
+			model: 0,
+			tool: 0,
+			failed: 0,
+			tokens: 0
+		}));
+		for (let t of c) {
+			let n = e[Math.min(m - 1, Math.floor((t.t - p) / d))];
+			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;
+	}, [
+		c,
+		m,
+		p,
+		d
+	]), _ = g(() => new Set(h.map((e, t) => [e.failed, t]).filter(([e]) => e > 0).sort((e, t) => t[0] - e[0]).slice(0, 3).map(([, e]) => e)), [h]), C = (e) => n === "calls" ? e.model + e.tool : e.tokens, w = Math.max(1, ...h.map(C)), [T, E] = A(), D = E.w || 600, O = E.h || 240, k = (D - 40) / m, j = P(w), N = (e) => O - 24 - e / j * (O - 24 - 18), F = f(e.t0), I = d === 6e4 ? "minute" : d === 36e5 ? "hour" : d > 36e5 ? `${d / 36e5} h` : `${d / 6e4} min`, L = [
+		1,
+		2,
+		3,
+		4,
+		6,
+		12,
+		24
+	].find((e) => m / e <= 7) ?? Math.ceil(m / 6), R = (t) => Math.round((e.t0 + p + t * d) / d) % L === 0;
+	return /* @__PURE__ */ x("section", {
+		className: "rp-card w5",
+		"aria-label": n === "calls" ? "Calls over time" : "Tokens over time",
+		children: [/* @__PURE__ */ x("div", {
+			className: "rp-hd sm",
+			children: [/* @__PURE__ */ b("h3", { children: n === "calls" ? `Calls per ${I}` : `Metered tokens per ${I}` }), /* @__PURE__ */ b("span", {
+				className: "end",
+				children: /* @__PURE__ */ b(S, {
+					"aria-label": "Measure",
+					value: n,
+					onValueChange: a,
+					options: [{
+						value: "calls",
+						label: "Calls"
+					}, {
+						value: "tokens",
+						label: "Tokens"
+					}]
+				})
+			})]
+		}), /* @__PURE__ */ x("div", {
+			className: "rp-chart",
+			children: [/* @__PURE__ */ b("div", {
+				className: "rp-legend sm",
+				children: n === "calls" ? /* @__PURE__ */ x(y, { children: [
+					/* @__PURE__ */ x("span", {
+						className: "rp-key",
+						children: [/* @__PURE__ */ b("i", { className: "model" }), "Model call"]
+					}),
+					/* @__PURE__ */ x("span", {
+						className: "rp-key",
+						children: [/* @__PURE__ */ b("i", { className: "tool" }), "Tool call"]
+					}),
+					/* @__PURE__ */ x("span", {
+						className: "rp-key",
+						children: [/* @__PURE__ */ b("i", { className: "fail" }), "Failed"]
+					})
+				] }) : /* @__PURE__ */ x("span", {
+					className: "rp-key",
+					children: [/* @__PURE__ */ b("i", { className: "model" }), "Tokens on calls that recorded them"]
+				})
+			}), /* @__PURE__ */ b("div", {
+				className: "rp-cpm-box",
+				ref: T,
+				children: /* @__PURE__ */ x("svg", {
+					className: "rp-cpm",
+					viewBox: `0 0 ${D} ${O}`,
+					role: "img",
+					"aria-label": `${n} per ${I}, peak ${r(w)}`,
+					children: [[
+						0,
+						.5,
+						1
+					].map((e) => /* @__PURE__ */ x("g", { children: [/* @__PURE__ */ b("line", {
+						x1: 40,
+						x2: D,
+						y1: N(j * e),
+						y2: N(j * e),
+						className: "grid"
+					}), /* @__PURE__ */ b("text", {
+						x: 34,
+						y: N(j * e) + 4,
+						textAnchor: "end",
+						children: n === "calls" ? r(Math.round(j * e)) : s(j * e)
+					})] }, e)), h.map((e, t) => {
+						let i = 40 + t * k + 1, a = Math.max(1, k - 2), c = n === "calls" ? e.model / j * (O - 24 - 18) : e.tokens / j * (O - 24 - 18), l = n === "calls" ? e.tool / j * (O - 24 - 18) : 0, u = n === "calls" ? Math.min(c + l, e.failed / j * (O - 24 - 18)) : 0, f = (n) => o.show({
+							rect: n.currentTarget.getBoundingClientRect(),
+							content: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+								className: "rp-card-h",
+								children: /* @__PURE__ */ b("div", {
+									className: "t",
+									children: /* @__PURE__ */ x("span", {
+										className: "nm",
+										children: [
+											F(p + t * d),
+											"–",
+											F(p + (t + 1) * d),
+											" UTC"
+										]
+									})
+								})
+							}), /* @__PURE__ */ b("div", {
+								className: "rp-card-cols",
+								children: /* @__PURE__ */ b("section", { children: /* @__PURE__ */ x("dl", { children: [
+									/* @__PURE__ */ b("dt", { children: "Model calls" }),
+									/* @__PURE__ */ b("dd", { children: r(e.model) }),
+									/* @__PURE__ */ b("dt", { children: "Tool calls" }),
+									/* @__PURE__ */ b("dd", { children: r(e.tool) }),
+									/* @__PURE__ */ b("dt", { children: "Failed" }),
+									/* @__PURE__ */ b("dd", { children: e.failed ? /* @__PURE__ */ x("span", {
+										className: "f",
+										children: [e.failed, " ✕"]
+									}) : "0" }),
+									/* @__PURE__ */ b("dt", { children: "Metered tokens" }),
+									/* @__PURE__ */ b("dd", { children: e.tokens ? s(e.tokens) : "not recorded" })
+								] }) })
+							})] })
+						});
+						return /* @__PURE__ */ x("g", {
+							tabIndex: C(e) ? 0 : -1,
+							onPointerEnter: f,
+							onPointerLeave: () => o.hide(),
+							onFocus: f,
+							onBlur: () => o.hide(),
+							children: [
+								/* @__PURE__ */ b("rect", {
+									x: 40 + t * k,
+									y: 18,
+									width: k,
+									height: O - 24 - 18,
+									className: "hit"
+								}),
+								c > 0 && /* @__PURE__ */ b("rect", {
+									x: i,
+									y: O - 24 - c,
+									width: a,
+									height: c,
+									rx: Math.min(2, a / 2),
+									className: "model"
+								}),
+								l > 0 && /* @__PURE__ */ b("rect", {
+									x: i,
+									y: O - 24 - c - l - (c > 0 ? 1.5 : 0),
+									width: a,
+									height: l,
+									rx: Math.min(2, a / 2),
+									className: "tool"
+								}),
+								u > 0 && /* @__PURE__ */ b("rect", {
+									x: i,
+									y: O - 24 - Math.max(1.5, u),
+									width: a,
+									height: Math.max(1.5, u),
+									className: "fail"
+								}),
+								_.has(t) && n === "calls" && /* @__PURE__ */ x("text", {
+									x: i + a / 2,
+									y: O - 24 - c - l - 6,
+									textAnchor: "middle",
+									className: "xf",
+									children: ["✕", e.failed]
+								}),
+								R(t) && /* @__PURE__ */ b("text", {
+									x: i + a / 2,
+									y: O - 6,
+									textAnchor: "middle",
+									children: F(p + t * d)
+								})
+							]
+						}, t);
+					})]
+				})
+			})]
+		})]
+	});
+}
+function P(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 F({ m: e, agents: n }) {
+	let [a, o] = v({
+		k: "tokens",
+		d: -1
+	}), c = i(), l = (e) => ({
+		tokens: e.tokens ?? -1,
+		model: e.modelCalls ?? -1,
+		tool: e.toolCalls ?? -1,
+		failed: e.failedSteps,
+		restarts: e.restarts.length,
+		spawns: e.children.length,
+		cost: e.listUsd ?? e.billedUsd ?? -1,
+		name: e.name
+	})[a.k], d = g(() => [...n].sort((e, t) => {
+		let n = l(e), r = l(t);
+		return (typeof n == "string" ? n.localeCompare(r) : n - r) * a.d;
+	}), [n, a]), f = k(d), p = Math.max(1, ...n.map((e) => e.tokens ?? 0)), m = [
+		"failed",
+		"restarts",
+		"spawns"
+	].filter((e) => n.some((t) => (e === "failed" ? t.failedSteps : e === "restarts" ? t.restarts.length : t.children.length) > 0)), h = { gridTemplateColumns: `minmax(96px, 1fr) 112px 52px 44px ${m.map((e) => e === "restarts" ? "72px" : e === "spawns" ? "64px" : "56px").join(" ")} 64px` }, _ = (e, t, n = "") => /* @__PURE__ */ b("span", {
+		role: "columnheader",
+		className: n,
+		"aria-sort": a.k === e ? a.d < 0 ? "descending" : "ascending" : void 0,
+		children: /* @__PURE__ */ x("button", {
+			type: "button",
+			onClick: () => o((t) => ({
+				k: e,
+				d: t.k === e ? t.d === 1 ? -1 : 1 : e === "name" ? 1 : -1
+			})),
+			children: [t, a.k === e ? a.d < 0 ? " ↓" : " ↑" : ""]
+		})
+	}, e);
+	return /* @__PURE__ */ x("section", {
+		className: "rp-card w5",
+		"aria-label": "Agents",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "rp-hd sm",
+				children: /* @__PURE__ */ x("h3", { children: ["Agents", /* @__PURE__ */ b("span", {
+					className: "ct",
+					children: n.length
+				})] })
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "rp-at-wrap",
+				role: "table",
+				"aria-label": "Agents",
+				"aria-rowcount": d.length,
+				children: [/* @__PURE__ */ x("div", {
+					className: "rp-at th",
+					role: "row",
+					style: h,
+					children: [
+						_("name", "Agent"),
+						_("tokens", "Tokens", "tk"),
+						_("model", "Model", "r"),
+						_("tool", "Tool", "r"),
+						m.map((e) => _(e, {
+							failed: "Failed",
+							restarts: "Restarts",
+							spawns: "Spawns"
+						}[e], "r")),
+						_("cost", "Cost", "r")
+					]
+				}), f.rows.map((n) => /* @__PURE__ */ x("div", {
+					className: "rp-at",
+					role: "row",
+					tabIndex: 0,
+					style: h,
+					onPointerEnter: (t) => c.show({
+						content: /* @__PURE__ */ b(u, {
+							m: e,
+							a: n
+						}),
+						rect: t.currentTarget.getBoundingClientRect(),
+						wide: n.tools.length > 0
+					}),
+					onPointerLeave: () => c.hide(),
+					onFocus: (t) => c.show({
+						content: /* @__PURE__ */ b(u, {
+							m: e,
+							a: n
+						}),
+						rect: t.currentTarget.getBoundingClientRect(),
+						wide: n.tools.length > 0
+					}),
+					onBlur: () => c.hide(),
+					children: [
+						/* @__PURE__ */ b("span", {
+							className: "nm",
+							role: "cell",
+							title: n.name,
+							children: n.name
+						}),
+						/* @__PURE__ */ x("span", {
+							className: "tk",
+							role: "cell",
+							children: [/* @__PURE__ */ b("b", { style: { width: `${(n.tokens ?? 0) / p * 48}px` } }), /* @__PURE__ */ b("span", { children: s(n.tokens) })]
+						}),
+						/* @__PURE__ */ b("span", {
+							className: "r",
+							role: "cell",
+							children: r(n.modelCalls)
+						}),
+						/* @__PURE__ */ b("span", {
+							className: "r",
+							role: "cell",
+							children: r(n.toolCalls)
+						}),
+						m.map((e) => /* @__PURE__ */ b("span", {
+							className: "r",
+							role: "cell",
+							children: (e === "failed" ? n.failedSteps : e === "restarts" ? n.restarts.length : n.children.length) || ""
+						}, e)),
+						/* @__PURE__ */ b("span", {
+							className: "r",
+							role: "cell",
+							children: n.listUsd === null ? n.billedUsd === null ? "—" : t(n.billedUsd) : t(n.listUsd)
+						})
+					]
+				}, n.id))]
+			}),
+			f.controls
+		]
+	});
+}
+function I({ m: e, agents: t, tools: a }) {
+	let [o, s] = v("range"), c = i(), l = g(() => {
+		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: p(t, 50),
+			p90: p(t, 90),
+			p99: p(t, 99)
+		}));
+	}, [t]), u = [...l, ...a.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
+	}))], d = u.flatMap((e) => e.values).filter((e) => e > 0), f = Math.max(1e3, ...d) * 1.2, m = (e) => (Math.log10(Math.max(10, e)) - Math.log10(10)) / (Math.log10(f) - Math.log10(10)), h = [
+		10,
+		100,
+		1e3,
+		1e4,
+		1e5,
+		1e6
+	].filter((e) => e <= f), _ = (e, t) => c.show({
+		rect: t.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("span", {
+						className: "nm",
+						children: e.name
+					}),
+					/* @__PURE__ */ x("span", {
+						className: "v",
+						children: [r(e.calls), " calls"]
+					})
+				]
+			}), /* @__PURE__ */ b("div", {
+				className: "s",
+				children: e.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: n(e.p50) }),
+				/* @__PURE__ */ b("dt", { children: "p90" }),
+				/* @__PURE__ */ b("dd", { children: n(e.p90) }),
+				/* @__PURE__ */ b("dt", { children: "p99" }),
+				/* @__PURE__ */ b("dd", { children: n(e.p99) }),
+				/* @__PURE__ */ b("dt", { children: "Max" }),
+				/* @__PURE__ */ b("dd", { children: n(Math.max(...e.values)) })
+			] }) })
+		})] })
+	});
+	return /* @__PURE__ */ x("section", {
+		className: "rp-card w4",
+		"aria-label": "Latency",
+		children: [/* @__PURE__ */ x("div", {
+			className: "rp-hd sm",
+			children: [/* @__PURE__ */ b("h3", { children: "Latency" }), /* @__PURE__ */ b("span", {
+				className: "end",
+				children: /* @__PURE__ */ b(S, {
+					"aria-label": "Latency view",
+					value: o,
+					onValueChange: s,
+					options: [{
+						value: "range",
+						label: "p50 · p90 · p99"
+					}, {
+						value: "dist",
+						label: "Distribution"
+					}]
+				})
+			})]
+		}), /* @__PURE__ */ b("div", {
+			className: "rp-chart",
+			children: o === "range" ? /* @__PURE__ */ x("div", {
+				className: "rp-lat",
+				children: [u.map((e) => /* @__PURE__ */ x("div", {
+					className: "row",
+					tabIndex: 0,
+					onPointerEnter: (t) => _(e, t.currentTarget),
+					onPointerLeave: () => c.hide(),
+					onFocus: (t) => _(e, t.currentTarget),
+					onBlur: () => c.hide(),
+					children: [
+						/* @__PURE__ */ b("span", {
+							className: `l${e.model ? " model" : ""}`,
+							title: e.name,
+							children: e.name.replace(/^agent-runtime-coordination_/, "")
+						}),
+						/* @__PURE__ */ x("svg", {
+							viewBox: "0 0 100 22",
+							preserveAspectRatio: "none",
+							"aria-hidden": "true",
+							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: m(e.p50 ?? 10) * 100,
+								x2: m(e.p99 ?? 10) * 100,
+								y1: "11",
+								y2: "11",
+								className: e.model ? "model" : "tool"
+							})]
+						}),
+						/* @__PURE__ */ x("span", {
+							className: "dots",
+							"aria-hidden": "true",
+							children: [
+								/* @__PURE__ */ b("i", {
+									className: `p50 ${e.model ? "model" : "tool"}`,
+									style: { left: `${m(e.p50 ?? 10) * 100}%` }
+								}),
+								/* @__PURE__ */ b("i", {
+									className: `p90 ${e.model ? "model" : "tool"}`,
+									style: { left: `${m(e.p90 ?? 10) * 100}%` }
+								}),
+								/* @__PURE__ */ b("i", {
+									className: `p99 ${e.model ? "model" : "tool"}`,
+									style: { left: `${m(e.p99 ?? 10) * 100}%` }
+								})
+							]
+						}),
+						/* @__PURE__ */ x("span", {
+							className: "v",
+							children: [
+								/* @__PURE__ */ b("b", { children: n(e.p50) }),
+								" · ",
+								n(e.p90),
+								" · ",
+								n(e.p99)
+							]
+						})
+					]
+				}, `${e.model}:${e.name}`)), /* @__PURE__ */ x("div", {
+					className: "row axis",
+					children: [
+						/* @__PURE__ */ b("span", {}),
+						/* @__PURE__ */ b("span", {
+							className: "ax",
+							children: h.map((e) => /* @__PURE__ */ b("span", {
+								style: { left: `${m(e) * 100}%` },
+								children: n(e)
+							}, e))
+						}),
+						/* @__PURE__ */ b("span", {
+							className: "v dim",
+							children: "● p50 ○ p90 | p99"
+						})
+					]
+				})]
+			}) : /* @__PURE__ */ b(L, {
+				rows: [{
+					name: "Model calls",
+					model: !0,
+					values: l.flatMap((e) => e.values)
+				}, {
+					name: "Tool calls",
+					model: !1,
+					values: a.flatMap((e) => e.durations)
+				}],
+				lo: 10,
+				hi: f
+			})
+		})]
+	});
+}
+function L({ rows: e, lo: t, hi: a }) {
+	let o = i(), s = [];
+	for (let e = Math.log10(t); e <= Math.log10(a) + 1e-9; e += 1 / 4) s.push(10 ** e);
+	let c = (e) => 34 + (Math.log10(Math.max(t, e)) - Math.log10(t)) / (Math.log10(a) - Math.log10(t)) * 366;
+	return /* @__PURE__ */ b("div", {
+		className: "rp-hist",
+		children: e.filter((e) => e.values.length).map((e) => {
+			let t = s.slice(0, -1).map((t, n) => ({
+				from: t,
+				to: s[n + 1],
+				n: e.values.filter((e) => e >= t && e < s[n + 1]).length
+			})), i = Math.max(1, ...t.map((e) => e.n)), l = [
+				["p50", p(e.values, 50)],
+				["p90", p(e.values, 90)],
+				["p99", p(e.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("span", {
+					className: "ct",
+					children: r(e.values.length)
+				})
+			] }), /* @__PURE__ */ x("svg", {
+				viewBox: "0 0 400 114",
+				role: "img",
+				"aria-label": `${e.name} by duration`,
+				children: [
+					/* @__PURE__ */ b("text", {
+						x: 28,
+						y: 12,
+						textAnchor: "end",
+						children: i
+					}),
+					/* @__PURE__ */ b("text", {
+						x: 28,
+						y: 96,
+						textAnchor: "end",
+						children: "0"
+					}),
+					/* @__PURE__ */ b("line", {
+						x1: 34,
+						x2: 400,
+						y1: 96,
+						y2: 96,
+						className: "grid"
+					}),
+					t.map((t, r) => t.n ? /* @__PURE__ */ b("rect", {
+						x: c(t.from) + 1,
+						width: Math.max(1, c(t.to) - c(t.from) - 2),
+						y: 96 - t.n / i * 88,
+						height: t.n / i * 88,
+						rx: "1.5",
+						className: e.model ? "model" : "tool",
+						tabIndex: 0,
+						onPointerEnter: (r) => o.show({
+							rect: r.currentTarget.getBoundingClientRect(),
+							content: /* @__PURE__ */ x("div", {
+								className: "rp-card-h",
+								children: [/* @__PURE__ */ x("div", {
+									className: "t",
+									children: [/* @__PURE__ */ x("span", {
+										className: "nm",
+										children: [
+											n(t.from),
+											"–",
+											n(t.to)
+										]
+									}), /* @__PURE__ */ x("span", {
+										className: "v",
+										children: [t.n, " calls"]
+									})]
+								}), /* @__PURE__ */ x("div", {
+									className: "s",
+									children: [
+										(t.n / e.values.length * 100).toFixed(1),
+										"% of ",
+										e.name.toLowerCase()
+									]
+								})]
+							})
+						}),
+						onPointerLeave: () => o.hide()
+					}, r) : null),
+					l.map(([e, t]) => t !== null && /* @__PURE__ */ x("g", { children: [/* @__PURE__ */ b("line", {
+						x1: c(t),
+						x2: c(t),
+						y1: 4,
+						y2: 96,
+						className: "rule"
+					}), /* @__PURE__ */ x("text", {
+						x: c(t) + 3,
+						y: 12,
+						className: "rl",
+						children: [
+							e,
+							" ",
+							n(t)
+						]
+					})] }, e)),
+					[
+						10,
+						100,
+						1e3,
+						1e4,
+						1e5
+					].filter((e) => e <= a).map((e) => /* @__PURE__ */ b("text", {
+						x: c(e),
+						y: 110,
+						textAnchor: "middle",
+						children: n(e)
+					}, e))
+				]
+			})] }, e.name);
+		})
+	});
+}
+function R({ agents: e, tools: t }) {
+	let n = 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, n, i, a) => /* @__PURE__ */ x("div", {
+		className: "row",
+		title: a,
+		children: [
+			/* @__PURE__ */ b("span", {
+				className: "l",
+				children: e
+			}),
+			/* @__PURE__ */ b("span", {
+				className: "track",
+				children: /* @__PURE__ */ b("b", { style: { width: `${t / Math.max(1, n) * 100}%` } })
+			}),
+			/* @__PURE__ */ x("span", {
+				className: "n",
+				children: [
+					t,
+					" ",
+					/* @__PURE__ */ x("small", { children: ["of ", r(n)] })
+				]
+			})
+		]
+	}, i);
+	return /* @__PURE__ */ x("section", {
+		className: "rp-card w3",
+		"aria-label": "Failed steps",
+		children: [/* @__PURE__ */ b("div", {
+			className: "rp-hd sm",
+			children: /* @__PURE__ */ b("h3", { children: "Failed steps" })
+		}), /* @__PURE__ */ b("div", {
+			className: "rp-chart rp-fb",
+			children: !n.length && !i.length ? /* @__PURE__ */ b("p", {
+				className: "ws-status",
+				children: "No step failed."
+			}) : /* @__PURE__ */ x(y, { children: [n.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("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`))] }), i.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("h5", { children: ["By agent · ", i.length] }), i.slice(0, 6).map((e) => a(e.name, e.failedSteps, e.steps.length, e.id, `${e.name}: ${e.failedSteps} of ${e.steps.length} steps failed`))] })] })
+		})]
+	});
+}
+//#endregion
+export { C as Analytics };