@tangle-network/sandbox-cli 0.21.23 → 0.21.24

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

@@ -0,0 +1,954 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
+import { t as r } from "./segmented-control-ChhLMa6h.js";
+import { C as i, D as a, S as o, T as s, _ as c, b as l, d as u, j as d, m as f, o as p, p as m, s as h, t as g, u as _, v, w as y } from "./ui-DZiGjPwl.js";
+//#region src/workspace/run/Analytics.tsx
+var b = /* @__PURE__ */ e(t(), 1), x = n();
+function S({ m: e }) {
+	let [t, n] = (0, b.useState)(/* @__PURE__ */ new Set()), r = (0, b.useMemo)(() => t.size ? e.tree.filter((e) => t.has(e.id)) : e.tree, [e, t]), i = (0, b.useMemo)(() => s(r), [r]), a = t.size ? t.size === 1 ? e.byId.get([...t][0])?.name : `${t.size} agents` : "All";
+	return /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "rp-an",
+		children: [
+			/* @__PURE__ */ (0, x.jsxs)("div", {
+				className: "rp-an-f",
+				children: [/* @__PURE__ */ (0, x.jsxs)(p, {
+					label: "Agents",
+					multi: !0,
+					options: u(e),
+					groups: _(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: [/* @__PURE__ */ (0, x.jsx)("span", {
+						className: "dim",
+						children: "Agents "
+					}), a]
+				}), /* @__PURE__ */ (0, x.jsxs)("span", {
+					className: "scope",
+					children: [
+						"Every chart below covers ",
+						t.size ? /* @__PURE__ */ (0, x.jsxs)("b", { children: [
+							r.length,
+							" of ",
+							e.agents.length
+						] }) : /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: ["all ", /* @__PURE__ */ (0, x.jsx)("b", { children: e.agents.length })] }),
+						" agents."
+					]
+				})]
+			}),
+			/* @__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)(w, {
+						m: e,
+						agents: r,
+						tools: i
+					}),
+					/* @__PURE__ */ (0, x.jsx)(E, {
+						m: e,
+						agents: r
+					}),
+					/* @__PURE__ */ (0, x.jsx)(O, {
+						m: e,
+						agents: r
+					}),
+					/* @__PURE__ */ (0, x.jsx)(k, {
+						m: e,
+						agents: r,
+						tools: i
+					}),
+					/* @__PURE__ */ (0, x.jsx)(j, {
+						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), s = 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), f = t.some((e) => e.billedUsd !== null) ? r((e) => e.billedUsd) : null, p = t.some((e) => e.listUsd !== null) ? r((e) => e.listUsd) : null, m = [
+		[v(a), s.input + s.output + s.cacheRead ? `in ${v(s.input)} · out ${v(s.output)} · cached ${v(s.cacheRead)}` : "tokens"],
+		[o(c), "model calls"],
+		[o(l), `tool calls · ${n.length} tools`],
+		[o(u), `tool failures · ${l ? (u / l * 100).toFixed(1) : "0"}%`],
+		[o(r((e) => e.retries)), "retried steps"],
+		[o(r((e) => e.restarts.length)), "restarts"],
+		[i(r((e) => e.busy)), `busy of ${i(e.duration)}`],
+		[d(p === null ? f : p), p === null ? "billed" : `list · ${d(f ?? 0)} billed`]
+	];
+	return /* @__PURE__ */ (0, x.jsx)("section", {
+		className: "rp-card rp-kpis",
+		"aria-label": "Totals",
+		children: m.map(([e, t]) => /* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: e }), /* @__PURE__ */ (0, x.jsx)("span", {
+			title: t,
+			children: t
+		})] }, t))
+	});
+}
+function w({ m: e, agents: t, tools: n }) {
+	let [a, s] = (0, b.useState)("calls"), l = f(), u = (0, b.useRef)(null), d = n.slice(0, 8), p = n.slice(8), g = (0, b.useMemo)(() => {
+		let e = t.filter((e) => e.toolCalls > 0), n = a === "calls" ? (e) => -e.toolCalls : a === "fails" ? (e) => -e.toolFailures * 1e6 - e.toolCalls : null;
+		return n ? [...e].sort((e, t) => n(e) - n(t)) : [...e].sort((e, t) => e.name.localeCompare(t.name));
+	}, [t, a]), _ = c(u, g.length, 28, 6), v = Math.max(1, ...g.flatMap((e) => e.tools.map((e) => e.calls))), S = Math.max(1, ...g.map((e) => e.toolCalls)), C = (e) => e ? `color-mix(in oklab, var(--rp-tool) ${Math.round(14 + 86 * Math.sqrt(e / v))}%, hsl(var(--hsl-card)))` : void 0, w = (e) => e && Math.sqrt(e / v) > .55 ? "on" : "", T = { gridTemplateColumns: `minmax(120px, 1.3fr) repeat(${d.length + +!!p.length}, minmax(64px, 1fr)) 88px` }, E = (e, t, n, r) => l.show({
+		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)(h, { 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 ? `${o(t.calls)} calls · ${i(t.ms)} in all` : "no calls"
+			})]
+		}), t && /* @__PURE__ */ (0, x.jsx)("div", {
+			className: "rp-card-cols",
+			children: /* @__PURE__ */ (0, x.jsx)("section", { children: /* @__PURE__ */ (0, x.jsxs)("dl", { children: [
+				/* @__PURE__ */ (0, x.jsx)("dt", { children: "Calls" }),
+				/* @__PURE__ */ (0, x.jsx)("dd", { children: o(t.calls) }),
+				/* @__PURE__ */ (0, x.jsx)("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: [
+					y(t.p50),
+					" · ",
+					y(t.p90),
+					" · ",
+					y(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: [
+					g.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: T,
+					children: [
+						/* @__PURE__ */ (0, x.jsx)("span", { className: "ch c0" }),
+						d.map((e) => /* @__PURE__ */ (0, x.jsx)("span", {
+							className: "ch",
+							title: e.name,
+							children: /* @__PURE__ */ (0, x.jsx)("span", { children: e.name.replace(/^agent-runtime-coordination_/, "").replaceAll("_", " ") })
+						}, e.name)),
+						p.length > 0 && /* @__PURE__ */ (0, x.jsx)("span", {
+							className: "ch",
+							children: /* @__PURE__ */ (0, x.jsxs)("span", { children: [p.length, " more"] })
+						}),
+						/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "ch tot",
+							children: "Total"
+						}),
+						/* @__PURE__ */ (0, x.jsx)("div", {
+							className: "gap",
+							style: { height: _.before }
+						}),
+						g.slice(_.first, _.last).map((e) => {
+							let t = new Map(e.tools.map((e) => [e.name, e])), n = e.tools.filter((e) => !d.some((t) => t.name === e.name)), r = n.reduce((e, t) => e + t.calls, 0), i = n.reduce((e, t) => e + t.failures, 0);
+							return [
+								/* @__PURE__ */ (0, x.jsxs)("span", {
+									className: "rh",
+									title: e.name,
+									children: [/* @__PURE__ */ (0, x.jsx)(h, { tone: e.state.tone }), /* @__PURE__ */ (0, x.jsx)("span", {
+										className: "nm",
+										children: m(e, 22)
+									})]
+								}, `${e.id}:n`),
+								...d.map((n) => {
+									let r = t.get(n.name), i = r?.calls ?? 0;
+									return /* @__PURE__ */ (0, x.jsxs)("span", {
+										className: `c${i ? "" : " z"} ${w(i)}`,
+										style: { background: C(i) },
+										tabIndex: i ? 0 : -1,
+										onPointerEnter: (t) => E(e, r ?? null, n.name, t.currentTarget),
+										onPointerLeave: () => l.hide(),
+										onFocus: (t) => E(e, r ?? null, n.name, t.currentTarget),
+										onBlur: () => l.hide(),
+										children: [i ? o(i) : "", r?.failures ? /* @__PURE__ */ (0, x.jsxs)("span", {
+											className: "xf",
+											children: ["✕", r.failures]
+										}) : null]
+									}, `${e.id}:${n.name}`);
+								}),
+								...p.length ? [/* @__PURE__ */ (0, x.jsxs)("span", {
+									className: `c${r ? "" : " z"} ${w(r)}`,
+									style: { background: C(r) },
+									children: [r ? o(r) : "", i ? /* @__PURE__ */ (0, x.jsxs)("span", {
+										className: "xf",
+										children: ["✕", i]
+									}) : null]
+								}, `${e.id}:rest`)] : [],
+								/* @__PURE__ */ (0, x.jsxs)("span", {
+									className: "tot",
+									children: [/* @__PURE__ */ (0, x.jsx)("b", { style: { width: `${e.toolCalls / S * 56}px` } }), o(e.toolCalls)]
+								}, `${e.id}:t`)
+							];
+						}),
+						/* @__PURE__ */ (0, x.jsx)("div", {
+							className: "gap",
+							style: { height: _.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: o(v) })
+						]
+					}),
+					/* @__PURE__ */ (0, x.jsxs)("span", { children: [/* @__PURE__ */ (0, x.jsx)("span", {
+						className: "x",
+						children: "✕"
+					}), " failed calls in the cell"] }),
+					t.length > g.length && /* @__PURE__ */ (0, x.jsxs)("span", {
+						className: "end",
+						children: [t.length - g.length, " agents made no tool calls"]
+					})
+				]
+			})]
+		})]
+	});
+}
+var T = [
+	6e4,
+	12e4,
+	3e5,
+	6e5,
+	9e5,
+	18e5,
+	36e5,
+	72e5
+];
+function E({ m: e, agents: t }) {
+	let [n, i] = (0, b.useState)("calls"), a = f(), s = (0, b.useMemo)(() => t.flatMap((e) => e.steps.filter((e) => e.kind !== "waiting")), [t]), c = s.length ? Math.min(...s.map((e) => e.t)) : 0, u = s.length ? Math.max(...s.map((e) => e.t + e.d)) : 1, d = T.find((e) => (u - c) / e <= 36) ?? 144e5, p = Math.floor(c / d) * d, m = Math.max(1, Math.ceil((u - p) / d)), h = (0, b.useMemo)(() => {
+		let e = Array.from({ length: m }, () => ({
+			model: 0,
+			tool: 0,
+			failed: 0,
+			tokens: 0
+		}));
+		for (let t of s) {
+			let n = e[Math.min(m - 1, Math.floor((t.t - p) / d))];
+			t.kind === "model" ? n.model++ : n.tool++, t.failed && n.failed++, t.tokens && (n.tokens += t.tokens.input + t.tokens.output + t.tokens.cacheRead);
+		}
+		return e;
+	}, [
+		s,
+		m,
+		p,
+		d
+	]), g = (e) => n === "calls" ? e.model + e.tool : e.tokens, _ = Math.max(1, ...h.map(g)), y = 560 / m, S = (e) => 216 - e / _ * 198, C = D(_), w = l(e.t0), E = d === 6e4 ? "minute" : d === 36e5 ? "hour" : d > 36e5 ? `${d / 36e5} h` : `${d / 6e4} min`, O = Math.max(1, Math.ceil(m / 6));
+	return /* @__PURE__ */ (0, x.jsxs)("section", {
+		className: "rp-card w5",
+		"aria-label": n === "calls" ? "Calls over time" : "Tokens over time",
+		children: [/* @__PURE__ */ (0, x.jsxs)("div", {
+			className: "rp-hd sm",
+			children: [/* @__PURE__ */ (0, x.jsx)("h3", { children: n === "calls" ? `Calls per ${E}` : `Metered tokens per ${E}` }), /* @__PURE__ */ (0, x.jsx)("span", {
+				className: "end",
+				children: /* @__PURE__ */ (0, x.jsx)(r, {
+					"aria-label": "Measure",
+					value: n,
+					onValueChange: i,
+					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 ${E}, peak ${o(_)}`,
+				children: [[
+					0,
+					.5,
+					1
+				].map((e) => /* @__PURE__ */ (0, x.jsxs)("g", { children: [/* @__PURE__ */ (0, x.jsx)("line", {
+					x1: 40,
+					x2: 600,
+					y1: S(C * e),
+					y2: S(C * e),
+					className: "grid"
+				}), /* @__PURE__ */ (0, x.jsx)("text", {
+					x: 34,
+					y: S(C * e) + 4,
+					textAnchor: "end",
+					children: n === "calls" ? o(Math.round(C * e)) : v(C * e)
+				})] }, e)), h.map((e, t) => {
+					let r = 40 + t * y + 1, i = Math.max(1, y - 2), s = n === "calls" ? e.model / _ * 198 : e.tokens / _ * 198, c = n === "calls" ? e.tool / _ * 198 : 0, l = (n) => a.show({
+						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(p + t * d),
+										"–",
+										w(p + (t + 1) * d),
+										" 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: o(e.model) }),
+								/* @__PURE__ */ (0, x.jsx)("dt", { children: "Tool calls" }),
+								/* @__PURE__ */ (0, x.jsx)("dd", { children: o(e.tool) }),
+								/* @__PURE__ */ (0, x.jsx)("dt", { children: "Failed" }),
+								/* @__PURE__ */ (0, x.jsx)("dd", { children: e.failed ? /* @__PURE__ */ (0, x.jsxs)("span", {
+									className: "f",
+									children: [e.failed, " ✕"]
+								}) : "0" }),
+								/* @__PURE__ */ (0, x.jsx)("dt", { children: "Metered tokens" }),
+								/* @__PURE__ */ (0, x.jsx)("dd", { children: e.tokens ? v(e.tokens) : "not recorded" })
+							] }) })
+						})] })
+					});
+					return /* @__PURE__ */ (0, x.jsxs)("g", {
+						tabIndex: g(e) ? 0 : -1,
+						onPointerEnter: l,
+						onPointerLeave: () => a.hide(),
+						onFocus: l,
+						onBlur: () => a.hide(),
+						children: [
+							/* @__PURE__ */ (0, x.jsx)("rect", {
+								x: 40 + t * y,
+								y: 18,
+								width: y,
+								height: 198,
+								className: "hit"
+							}),
+							s > 0 && /* @__PURE__ */ (0, x.jsx)("rect", {
+								x: r,
+								y: 216 - s,
+								width: i,
+								height: s,
+								rx: Math.min(2, i / 2),
+								className: "model"
+							}),
+							c > 0 && /* @__PURE__ */ (0, x.jsx)("rect", {
+								x: r,
+								y: 216 - s - c - (s > 0 ? 1.5 : 0),
+								width: i,
+								height: c,
+								rx: Math.min(2, i / 2),
+								className: "tool"
+							}),
+							e.failed > 0 && n === "calls" && /* @__PURE__ */ (0, x.jsxs)("text", {
+								x: r + i / 2,
+								y: 216 - s - c - 6,
+								textAnchor: "middle",
+								className: "xf",
+								children: ["✕", e.failed]
+							}),
+							t % O === 0 && /* @__PURE__ */ (0, x.jsx)("text", {
+								x: r + i / 2,
+								y: 234,
+								textAnchor: "middle",
+								children: w(p + t * d)
+							})
+						]
+					}, t);
+				})]
+			})]
+		})]
+	});
+}
+function D(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 O({ m: e, agents: t }) {
+	let [n, r] = (0, b.useState)({
+		k: "tokens",
+		d: -1
+	}), i = f(), a = (0, b.useRef)(null), s = (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], l = (0, b.useMemo)(() => [...t].sort((e, t) => {
+		let r = s(e), i = s(t);
+		return (typeof r == "string" ? r.localeCompare(i) : r - i) * n.d;
+	}), [t, n]), u = c(a, l.length, 28), p = Math.max(1, ...t.map((e) => e.tokens ?? 0)), h = (e, t, i = "") => /* @__PURE__ */ (0, x.jsx)("span", {
+		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 ? " ↓" : " ↑" : ""]
+		})
+	});
+	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: a,
+			role: "table",
+			"aria-label": "Agents",
+			"aria-rowcount": l.length,
+			children: [
+				/* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "rp-at th",
+					role: "row",
+					children: [
+						h("name", "Agent"),
+						h("tokens", "Tokens", "tk"),
+						h("model", "Model", "r"),
+						h("tool", "Tool", "r"),
+						h("failed", "Failed", "r"),
+						h("restarts", "Restarts", "r"),
+						h("spawns", "Spawns", "r"),
+						h("cost", "Cost", "r")
+					]
+				}),
+				/* @__PURE__ */ (0, x.jsx)("div", { style: { height: u.before } }),
+				l.slice(u.first, u.last).map((t) => /* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "rp-at",
+					role: "row",
+					tabIndex: 0,
+					onPointerEnter: (n) => i.show({
+						content: /* @__PURE__ */ (0, x.jsx)(g, {
+							m: e,
+							a: t
+						}),
+						rect: n.currentTarget.getBoundingClientRect(),
+						wide: t.tools.length > 0
+					}),
+					onPointerLeave: () => i.hide(),
+					onFocus: (n) => i.show({
+						content: /* @__PURE__ */ (0, x.jsx)(g, {
+							m: e,
+							a: t
+						}),
+						rect: n.currentTarget.getBoundingClientRect(),
+						wide: t.tools.length > 0
+					}),
+					onBlur: () => i.hide(),
+					children: [
+						/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "nm",
+							role: "cell",
+							title: t.name,
+							children: m(t, 20)
+						}),
+						/* @__PURE__ */ (0, x.jsxs)("span", {
+							className: "tk",
+							role: "cell",
+							children: [/* @__PURE__ */ (0, x.jsx)("b", { style: { width: `${(t.tokens ?? 0) / p * 60}px` } }), /* @__PURE__ */ (0, x.jsx)("span", { children: v(t.tokens) })]
+						}),
+						/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "r",
+							role: "cell",
+							children: o(t.modelCalls)
+						}),
+						/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "r",
+							role: "cell",
+							children: o(t.toolCalls)
+						}),
+						/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "r",
+							role: "cell",
+							children: t.failedSteps || ""
+						}),
+						/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "r",
+							role: "cell",
+							children: t.restarts.length || ""
+						}),
+						/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "r",
+							role: "cell",
+							children: t.children.length || ""
+						}),
+						/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "r",
+							role: "cell",
+							children: t.listUsd === null ? t.billedUsd === null ? "—" : d(t.billedUsd) : d(t.listUsd)
+						})
+					]
+				}, t.id)),
+				/* @__PURE__ */ (0, x.jsx)("div", { style: { height: u.after } })
+			]
+		})]
+	});
+}
+function k({ m: e, agents: t, tools: n }) {
+	let [i, s] = (0, b.useState)("range"), c = f(), l = (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: a(t, 50),
+			p90: a(t, 90),
+			p99: a(t, 99)
+		}));
+	}, [t]), u = [...l, ...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
+	}))], d = u.flatMap((e) => e.values).filter((e) => e > 0), p = Math.max(1e3, ...d) * 1.2, m = (e) => (Math.log10(Math.max(10, e)) - Math.log10(10)) / (Math.log10(p) - Math.log10(10)), h = [
+		10,
+		100,
+		1e3,
+		1e4,
+		1e5,
+		1e6
+	].filter((e) => e <= p), g = (e, t) => c.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: [o(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: y(e.p50) }),
+				/* @__PURE__ */ (0, x.jsx)("dt", { children: "p90" }),
+				/* @__PURE__ */ (0, x.jsx)("dd", { children: y(e.p90) }),
+				/* @__PURE__ */ (0, x.jsx)("dt", { children: "p99" }),
+				/* @__PURE__ */ (0, x.jsx)("dd", { children: y(e.p99) }),
+				/* @__PURE__ */ (0, x.jsx)("dt", { children: "Max" }),
+				/* @__PURE__ */ (0, x.jsx)("dd", { children: y(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: i,
+					onValueChange: s,
+					options: [{
+						value: "range",
+						label: "p50 · p90 · p99"
+					}, {
+						value: "dist",
+						label: "Distribution"
+					}]
+				})
+			})]
+		}), /* @__PURE__ */ (0, x.jsx)("div", {
+			className: "rp-chart",
+			children: i === "range" ? /* @__PURE__ */ (0, x.jsxs)("div", {
+				className: "rp-lat",
+				children: [u.map((e) => /* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "row",
+					tabIndex: 0,
+					onPointerEnter: (t) => g(e, t.currentTarget),
+					onPointerLeave: () => c.hide(),
+					onFocus: (t) => g(e, t.currentTarget),
+					onBlur: () => c.hide(),
+					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: [h.map((e) => /* @__PURE__ */ (0, x.jsx)("line", {
+								x1: m(e) * 100,
+								x2: m(e) * 100,
+								y1: "2",
+								y2: "20",
+								className: "grid"
+							}, e)), /* @__PURE__ */ (0, x.jsx)("line", {
+								x1: m(e.p50 ?? 10) * 100,
+								x2: m(e.p99 ?? 10) * 100,
+								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: `${m(e.p50 ?? 10) * 100}%` }
+								}),
+								/* @__PURE__ */ (0, x.jsx)("i", {
+									className: `p90 ${e.model ? "model" : "tool"}`,
+									style: { left: `${m(e.p90 ?? 10) * 100}%` }
+								}),
+								/* @__PURE__ */ (0, x.jsx)("i", {
+									className: `p99 ${e.model ? "model" : "tool"}`,
+									style: { left: `${m(e.p99 ?? 10) * 100}%` }
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, x.jsxs)("span", {
+							className: "v",
+							children: [
+								/* @__PURE__ */ (0, x.jsx)("b", { children: y(e.p50) }),
+								" · ",
+								y(e.p90),
+								" · ",
+								y(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: h.map((e) => /* @__PURE__ */ (0, x.jsx)("span", {
+								style: { left: `${m(e) * 100}%` },
+								children: y(e)
+							}, e))
+						}),
+						/* @__PURE__ */ (0, x.jsx)("span", {
+							className: "v dim",
+							children: "● p50 ○ p90 | p99"
+						})
+					]
+				})]
+			}) : /* @__PURE__ */ (0, x.jsx)(A, {
+				rows: [{
+					name: "Model calls",
+					model: !0,
+					values: l.flatMap((e) => e.values)
+				}, {
+					name: "Tool calls",
+					model: !1,
+					values: n.flatMap((e) => e.durations)
+				}],
+				lo: 10,
+				hi: p
+			})
+		})]
+	});
+}
+function A({ rows: e, lo: t, hi: n }) {
+	let r = f(), i = [];
+	for (let e = Math.log10(t); e <= Math.log10(n) + 1e-9; e += 1 / 4) i.push(10 ** e);
+	let s = (e) => 34 + (Math.log10(Math.max(t, e)) - Math.log10(t)) / (Math.log10(n) - Math.log10(t)) * 366;
+	return /* @__PURE__ */ (0, x.jsx)("div", {
+		className: "rp-hist",
+		children: e.filter((e) => e.values.length).map((e) => {
+			let t = i.slice(0, -1).map((t, n) => ({
+				from: t,
+				to: i[n + 1],
+				n: e.values.filter((e) => e >= t && e < i[n + 1]).length
+			})), c = Math.max(1, ...t.map((e) => e.n)), l = [
+				["p50", a(e.values, 50)],
+				["p90", a(e.values, 90)],
+				["p99", a(e.values, 99)]
+			];
+			return /* @__PURE__ */ (0, x.jsxs)("figure", { children: [/* @__PURE__ */ (0, x.jsxs)("figcaption", { children: [
+				/* @__PURE__ */ (0, x.jsx)("i", { className: `rp-sw ${e.model ? "model" : "tool"}` }),
+				e.name,
+				/* @__PURE__ */ (0, x.jsx)("span", {
+					className: "ct",
+					children: o(e.values.length)
+				})
+			] }), /* @__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: c
+					}),
+					/* @__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 / c * 88,
+						height: t.n / c * 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: [
+											y(t.from),
+											"–",
+											y(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),
+					l.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,
+							" ",
+							y(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: y(e)
+					}, e))
+				]
+			})] }, e.name);
+		})
+	});
+}
+function j({ agents: e, tools: t }) {
+	let n = t.filter((e) => e.failures).sort((e, t) => t.failures - e.failures || t.calls - e.calls), r = e.filter((e) => e.failedSteps).sort((e, t) => t.failedSteps - e.failedSteps), i = (e, t, n, r, i) => /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "row",
+		title: i,
+		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 ", o(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) => i(e.name.replace(/^agent-runtime-coordination_/, ""), e.failures, e.calls, e.name, `${e.name}: ${e.failures} of ${e.calls} calls failed`))] }), r.length > 0 && /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsxs)("h5", { children: ["By agent · ", r.length] }), r.slice(0, 6).map((e) => i(m(e, 22), e.failedSteps, e.steps.length, e.id, `${e.name}: ${e.failedSteps} of ${e.steps.length} steps failed`))] })] })
+		})]
+	});
+}
+//#endregion
+export { S as Analytics };