@tangle-network/sandbox-cli 0.21.64 → 0.21.65

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

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