@tangle-network/sandbox-cli 0.21.22 → 0.21.24

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

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