@tangle-network/sandbox-cli 0.21.27 → 0.21.29

package/dist/graph-viewer/{ui-CEhDqce8.js → ui-D8QZRsC3.js}

@@ -2,29 +2,29 @@ import { createContext as e, useContext as t, useEffect as n, useLayoutEffect as
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { createPortal as u } from "react-dom";
 //#region src/workspace/run/model.ts
-var d = (e) => e ? Date.parse(e) : NaN;
-function f(e, t) {
+var d = (e) => e === "ok" || e === "done", f = (e) => e ? Date.parse(e) : NaN;
+function p(e, t) {
 	if (!e.length) return null;
 	let n = [...e].sort((e, t) => e - t);
 	return n[Math.min(n.length - 1, Math.max(0, Math.ceil(t / 100 * n.length) - 1))];
 }
-function p(e, t, n, r) {
+function m(e, t, n, r) {
 	return {
 		name: e,
 		calls: t.length,
 		failures: n,
 		ms: r,
 		durations: t,
-		p50: f(t, 50),
-		p90: f(t, 90),
-		p99: f(t, 99)
+		p50: p(t, 50),
+		p90: p(t, 90),
+		p99: p(t, 99)
 	};
 }
-var m = (e) => e ? e.split("/").pop() ?? e : null, h = (e) => {
+var h = (e) => e ? e.split("/").pop() ?? e : null, g = (e) => {
 	let t = e.name ?? "", n = t.indexOf(" · ");
 	return n >= 0 ? t.slice(n + 3) : null;
 };
-function g(e, t, n) {
+function _(e, t, n) {
 	return e.status === "running" || t && e.status === "waiting" ? {
 		label: e.status === "waiting" ? "Waiting" : "Running",
 		tone: "live"
@@ -33,7 +33,7 @@ function g(e, t, n) {
 		tone: "ok"
 	} : e.status === "succeeded" ? {
 		label: "Done",
-		tone: "ok"
+		tone: "done"
 	} : e.status === "failed" ? {
 		label: "Failed",
 		tone: "fail"
@@ -45,8 +45,8 @@ function g(e, t, n) {
 		tone: ""
 	};
 }
-function _(e, t) {
-	let n = e.nodes, r = new Map(e.edges.filter((e) => e.kind === "spawn").map((e) => [e.to, e.from])), i = new Set(n.map((e) => e.id)), a = n.map((e) => d(e.start)).filter(Number.isFinite), o = Number.isFinite(d(t.startedAt)) ? d(t.startedAt) : a.length ? Math.min(...a) : Date.now(), s = n.map((e) => d(e.end ?? e.lastAt)).filter(Number.isFinite), c = e.live ? Math.max(0, Date.now() - o) : t.durationMs ?? Math.max(0, (s.length ? Math.max(...s) : o) - o), l = (e) => {
+function v(e, t) {
+	let n = e.nodes, r = new Map(e.edges.filter((e) => e.kind === "spawn").map((e) => [e.to, e.from])), i = new Set(n.map((e) => e.id)), a = n.map((e) => f(e.start)).filter(Number.isFinite), o = Number.isFinite(f(t.startedAt)) ? f(t.startedAt) : a.length ? Math.min(...a) : Date.now(), s = n.map((e) => f(e.end ?? e.lastAt)).filter(Number.isFinite), c = e.live ? Math.max(0, Date.now() - o) : t.durationMs ?? Math.max(0, (s.length ? Math.max(...s) : o) - o), l = (e) => {
 		let t = r.get(e.id);
 		if (t && i.has(t)) return t;
 		let n = e.id.lastIndexOf(":"), a = n > 0 ? e.id.slice(0, n) : null;
@@ -58,7 +58,7 @@ function _(e, t) {
 			kind: e.kind,
 			failed: !!e.failed,
 			tool: e.kind === "tool" ? e.tool ?? e.name?.split(" · ")[0] ?? "tool" : null,
-			target: e.kind === "tool" ? h(e) : null,
+			target: e.kind === "tool" ? g(e) : null,
 			model: e.model ?? null,
 			latency: e.kind === "model" ? e.latencyMs ?? Math.max(0, e.endMs - e.startMs) : null,
 			tokens: e.byClass ? {
@@ -79,12 +79,12 @@ function _(e, t) {
 			};
 			t.d.push(e.d), t.f += +!!e.failed, t.ms += e.d, a.set(e.tool, t);
 		}
-		let s = a.size ? [...a].map(([e, t]) => p(e, t.d, t.f, t.ms)) : Object.entries(n?.tools ?? {}).map(([e, t]) => ({
-			...p(e, [], t.failures, t.ms),
+		let s = a.size ? [...a].map(([e, t]) => m(e, t.d, t.f, t.ms)) : Object.entries(n?.tools ?? {}).map(([e, t]) => ({
+			...m(e, [], t.failures, t.ms),
 			calls: t.calls
 		}));
 		s.sort((e, t) => t.calls - e.calls || e.name.localeCompare(t.name));
-		let c = i.map((e) => e.latency).filter((e) => Number.isFinite(e)), u = r.map((e) => e.t + e.d), _ = Number.isFinite(d(t.start)) ? d(t.start) - o : r[0]?.t ?? null, v = Number.isFinite(d(t.end)) ? d(t.end) - o : u.length ? Math.max(...u) : null, y = a.size ? r.filter((e) => e.kind === "tool").length : s.reduce((e, t) => e + t.calls, 0);
+		let c = i.map((e) => e.latency).filter((e) => Number.isFinite(e)), u = r.map((e) => e.t + e.d), d = Number.isFinite(f(t.start)) ? f(t.start) - o : r[0]?.t ?? null, v = Number.isFinite(f(t.end)) ? f(t.end) - o : u.length ? Math.max(...u) : null, y = a.size ? r.filter((e) => e.kind === "tool").length : s.reduce((e, t) => e + t.calls, 0);
 		return {
 			id: t.id,
 			name: t.role ?? t.label,
@@ -95,10 +95,10 @@ function _(e, t) {
 			depth: 0,
 			team: null,
 			status: t.status,
-			state: g(t, e.live, r.length),
-			model: m(t.model ?? Object.keys(n?.models ?? {})[0]),
+			state: _(t, e.live, r.length),
+			model: h(t.model ?? Object.keys(n?.models ?? {})[0]),
 			harness: t.harness,
-			start: _,
+			start: d,
 			end: v,
 			tokens: n?.tokens ?? null,
 			byClass: n?.byClass ?? null,
@@ -111,9 +111,9 @@ function _(e, t) {
 			toolFailures: r.length ? r.filter((e) => e.kind === "tool" && e.failed).length : n?.failures?.tool ?? 0,
 			retries: (n?.retries?.model ?? 0) + (n?.retries?.tool ?? 0),
 			latency: c.length ? {
-				p50: f(c, 50),
-				p90: f(c, 90),
-				p99: f(c, 99)
+				p50: p(c, 50),
+				p90: p(c, 90),
+				p99: p(c, 99)
 			} : {
 				p50: n?.latencyMs?.p50 ?? null,
 				p90: n?.latencyMs?.p90 ?? null,
@@ -123,18 +123,18 @@ function _(e, t) {
 			busy: r.filter((e) => e.kind !== "waiting").reduce((e, t) => e + t.d, 0),
 			first: r.length ? r[0].t : null,
 			last: u.length ? Math.max(...u) : null,
-			restarts: (t.restarts ?? []).map((e) => d(e) - o).filter(Number.isFinite),
+			restarts: (t.restarts ?? []).map((e) => f(e) - o).filter(Number.isFinite),
 			turns: t.turns ?? null,
 			commits: typeof t.shipped == "number" ? t.shipped : null
 		};
-	}), _ = new Map(u.map((e) => [e.id, e]));
-	for (let e of u) e.parent && _.get(e.parent)?.children.push(e.id);
-	let v = (e) => _.get(e)?.start ?? 2 ** 53 - 1;
+	}), d = new Map(u.map((e) => [e.id, e]));
+	for (let e of u) e.parent && d.get(e.parent)?.children.push(e.id);
+	let v = (e) => d.get(e)?.start ?? 2 ** 53 - 1;
 	for (let e of u) e.children.sort((e, t) => v(e) - v(t));
 	let y = u.find((e) => !e.parent) ?? null, b = [], x = /* @__PURE__ */ new Set(), S = (e, t) => {
 		if (!x.has(e.id)) {
 			x.add(e.id), e.depth = t, b.push(e);
-			for (let n of e.children) S(_.get(n), t + 1);
+			for (let n of e.children) S(d.get(n), t + 1);
 		}
 	};
 	for (let e of u.filter((e) => !e.parent).sort((e, t) => (e.start ?? 0) - (t.start ?? 0))) S(e, 0);
@@ -148,8 +148,8 @@ function _(e, t) {
 		label: `${e.name} team`,
 		members: e.children
 	}));
-	for (let e of T) for (let t of e.members) _.get(t).team = e.id;
-	for (let e of T) _.get(e.id).team ??= e.id;
+	for (let e of T) for (let t of e.members) d.get(t).team = e.id;
+	for (let e of T) d.get(e.id).team ??= e.id;
 	let E = u.flatMap((e) => e.steps.map((t) => ({
 		agent: e,
 		step: t
@@ -163,7 +163,7 @@ function _(e, t) {
 		};
 		t.d.push(e.d), t.f += +!!e.failed, t.ms += e.d, D.set(e.tool, t);
 	}
-	let O = [...D].map(([e, t]) => p(e, t.d, t.f, t.ms)).sort((e, t) => t.calls - e.calls), k = e.runUsage ?? null, A = (e) => u.some((t) => e(t) !== null) ? u.reduce((t, n) => t + (e(n) ?? 0), 0) : null, j = E.map(({ step: e }) => e.t + e.d), M = e.releases.map((e) => ({
+	let O = [...D].map(([e, t]) => m(e, t.d, t.f, t.ms)).sort((e, t) => t.calls - e.calls), k = e.runUsage ?? null, A = (e) => u.some((t) => e(t) !== null) ? u.reduce((t, n) => t + (e(n) ?? 0), 0) : null, j = E.map(({ step: e }) => e.t + e.d), M = e.releases.map((e) => ({
 		...e,
 		tagged: !!e.taggedAt,
 		taggedAt: e.taggedAt ?? e.at ?? null
@@ -173,7 +173,7 @@ function _(e, t) {
 		duration: c,
 		live: e.live,
 		agents: u,
-		byId: _,
+		byId: d,
 		root: y,
 		tree: b,
 		teams: T,
@@ -194,8 +194,8 @@ function _(e, t) {
 			lastStep: j.length ? Math.max(...j) : null
 		},
 		pauses: (e.pauses ?? []).map((e) => ({
-			from: d(e.from) - o,
-			to: d(e.to) - o,
+			from: f(e.from) - o,
+			to: f(e.to) - o,
 			reason: e.reason
 		})).filter((e) => Number.isFinite(e.from) && Number.isFinite(e.to)),
 		releases: M,
@@ -203,7 +203,7 @@ function _(e, t) {
 		ws: e
 	};
 }
-function v(e) {
+function y(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) for (let e of n.tools) {
 		let n = t.get(e.name) ?? {
@@ -215,50 +215,79 @@ function v(e) {
 		n.d.push(...e.durations), n.f += e.failures, n.ms += e.ms, n.calls += e.calls, t.set(e.name, n);
 	}
 	return [...t].map(([e, t]) => ({
-		...p(e, t.d, t.f, t.ms),
+		...m(e, t.d, t.f, t.ms),
 		calls: t.calls
 	})).sort((e, t) => t.calls - e.calls);
 }
-var y = (e) => String(e).padStart(2, "0"), b = (e) => (t) => {
+var b = (e) => String(e).padStart(2, "0"), x = (e) => (t) => {
 	let n = new Date(e + t);
-	return `${y(n.getUTCHours())}:${y(n.getUTCMinutes())}`;
-}, x = (e) => (t) => {
+	return `${b(n.getUTCHours())}:${b(n.getUTCMinutes())}`;
+}, S = (e) => (t) => {
 	let n = new Date(e + t);
-	return `${y(n.getUTCHours())}:${y(n.getUTCMinutes())}:${y(n.getUTCSeconds())}`;
-}, S = (e, t, n = `${t}s`) => `${e.toLocaleString("en-US")} ${e === 1 ? t : n}`, C = (e, t, n) => {
-	let r = b(e);
-	return n === "now" ? `${r(t)}–now` : new Date(e + t).toISOString().slice(0, 10) === new Date(e + n).toISOString().slice(0, 10) ? `${r(t)}–${r(n)}` : `${r(t)}, ${T(n - t)}`;
-}, w = (e, t) => `${t ? `${new Date(e).toLocaleDateString("en-US", {
+	return `${b(n.getUTCHours())}:${b(n.getUTCMinutes())}:${b(n.getUTCSeconds())}`;
+}, C = (e, t, n = `${t}s`) => `${e.toLocaleString("en-US")} ${e === 1 ? t : n}`, w = (e, t, n) => {
+	let r = x(e);
+	return n === "now" ? `${r(t)}–now` : new Date(e + t).toISOString().slice(0, 10) === new Date(e + n).toISOString().slice(0, 10) ? `${r(t)}–${r(n)}` : `${r(t)}, ${E(n - t)}`;
+}, T = (e, t) => `${t ? `${new Date(e).toLocaleDateString("en-US", {
 	month: "short",
 	day: "numeric",
 	timeZone: "UTC"
 })} ` : ""}${e.slice(11, 16)} UTC`;
-function T(e) {
+function E(e) {
 	if (e == null || !Number.isFinite(e)) return "—";
 	if (e < 1e3) return `${Math.round(e)} ms`;
 	if (e < 59500) return `${(e / 1e3).toFixed(+(e < 9950))} s`;
 	if (e < 36e5) {
 		let t = Math.round(e / 1e3);
-		if (t < 3600) return t % 60 ? `${Math.floor(t / 60)}m ${y(t % 60)}s` : `${t / 60} min`;
+		if (t < 3600) return t % 60 ? `${Math.floor(t / 60)}m ${b(t % 60)}s` : `${t / 60} min`;
 	}
 	let t = Math.round(e / 6e4);
-	return `${Math.floor(t / 60)}h ${y(t % 60)}m`;
+	return `${Math.floor(t / 60)}h ${b(t % 60)}m`;
 }
-function E(e) {
+function D(e) {
 	if (e == null || !Number.isFinite(e)) return "—";
 	if (e < 1e3) return `${Math.round(e)}ms`;
 	if (e < 59500) return `${(e / 1e3).toFixed(+(e < 9950))}s`;
 	let t = Math.round(e / 1e3);
-	return t < 3600 ? `${Math.floor(t / 60)}m${y(t % 60)}s` : T(e);
-}
-function D(e) {
-	let t = Math.max(0, Math.round(e / 1e3)), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60);
-	return `+${n ? `${n}:${y(r)}` : r}:${y(t % 60)}`;
+	return t < 3600 ? `${Math.floor(t / 60)}m${b(t % 60)}s` : E(e);
 }
 var O = (e) => e == null ? "—" : e.toLocaleString("en-US"), k = (e) => e == null ? "—" : new Intl.NumberFormat("en-US", {
 	notation: "compact",
 	maximumFractionDigits: e >= 1e8 ? 0 : e >= 1e6 ? 2 : 1
-}).format(e), A = (e) => e == null ? "—" : e >= 100 ? `$${e.toFixed(0)}` : `$${e.toFixed(2)}`, j = {
+}).format(e), A = (e) => e == null ? "—" : e >= 100 ? `$${e.toFixed(0)}` : `$${e.toFixed(2)}`, j = (e) => e.length < 2 ? e.join("") : `${e.slice(0, -1).join(", ")} and ${e.at(-1)}`;
+function M(e) {
+	let t = e?.latest;
+	if (!t) return {
+		word: "Not checked",
+		tone: "none",
+		note: null
+	};
+	if (t.solved) return {
+		word: "Passed",
+		tone: "ok",
+		note: t.tag ? `${t.tag} passed the check` : null
+	};
+	if (e?.held && (!e.held.tag || e.held.tag === t.tag)) {
+		let n = e.calibration?.uncalibrated ?? e.calibration?.stages?.filter((e) => e.state !== "calibrated").map((e) => e.name) ?? [];
+		return {
+			word: "Held",
+			tone: "held",
+			note: `${t.tag ? `${t.tag} passed; it` : "It"} counts once ${n.length ? `${j(n)} ${n.length === 1 ? "has" : "have"} a known-good fixture` : "its checker is calibrated"}`
+		};
+	}
+	return t.known ? {
+		word: "Not solved",
+		tone: "fail",
+		note: null
+	} : {
+		word: "No verdict",
+		tone: "none",
+		note: null
+	};
+}
+//#endregion
+//#region src/workspace/run/ui.tsx
+var N = {
 	search: "M11 11l3.5 3.5M7 12.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11z",
 	chevron: "M4 6l4 4 4-4",
 	arrow: "M3 8h10M9 4l4 4-4 4",
@@ -278,27 +307,27 @@ var O = (e) => e == null ? "—" : e.toLocaleString("en-US"), k = (e) => e == nu
 	down: "M8 2.5v11M3.5 9L8 13.5 12.5 9",
 	file: "M9.5 1.8h-5a1.5 1.5 0 0 0-1.5 1.5v9.4a1.5 1.5 0 0 0 1.5 1.5h7a1.5 1.5 0 0 0 1.5-1.5V5.3zM9.5 1.8v3.5H13M5.5 8.5h5M5.5 11h3.5"
 };
-function M({ name: e, size: t = 16, className: n }) {
+function P({ name: e, size: t = 16, className: n }) {
 	return /* @__PURE__ */ c("svg", {
 		className: `rp-i${n ? ` ${n}` : ""}`,
 		width: t,
 		height: t,
 		viewBox: "0 0 16 16",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ c("path", { d: j[e] })
+		children: /* @__PURE__ */ c("path", { d: N[e] })
 	});
 }
-var N = ({ tone: e }) => /* @__PURE__ */ c("span", {
+var F = ({ tone: e }) => /* @__PURE__ */ c("span", {
 	className: `rp-dot${e ? ` ${e}` : ""}`,
 	"aria-hidden": "true"
 });
-function P(e, t) {
+function I(e, t) {
 	if (e.length <= t) return e;
 	let n = Math.ceil((t - 1) * .55);
 	return `${e.slice(0, n)}…${e.slice(e.length - (t - 1 - n))}`;
 }
-var F = (e, t) => e.name.length <= t ? e.name : P(e.short, t);
-function I({ text: e, query: t }) {
+var L = (e, t) => e.name.length <= t ? e.name : I(e.short, t);
+function R({ text: e, query: t }) {
 	let n = t.trim().toLowerCase(), r = n ? e.toLowerCase().indexOf(n) : -1;
 	return r < 0 ? /* @__PURE__ */ c(s, { children: e }) : /* @__PURE__ */ l(s, { children: [
 		e.slice(0, r),
@@ -306,8 +335,8 @@ function I({ text: e, query: t }) {
 		e.slice(r + n.length)
 	] });
 }
-var L = e(null), R = () => t(L);
-function z({ children: e }) {
+var z = e(null), B = () => t(z);
+function V({ children: e }) {
 	let [t, s] = o(null), d = a(!1), f = a(0), p = a(null), m = i(() => ({
 		show: (e) => {
 			d.current || (window.clearTimeout(f.current), s(e));
@@ -358,7 +387,7 @@ function z({ children: e }) {
 			c = u + 14, c + n > e.r && (c = d - 14 - n), c < e.l && (c = Math.max(12, Math.min(i - n - 12, u + 14))), l = o.top + (o.bottom - o.top) / 2 - r / 2, l = r <= e.b - e.t ? Math.max(e.t, Math.min(l, e.b - r)) : Math.max(12, Math.min(l, a - r - 12));
 		}
 		e.style.left = `${Math.round(Math.max(12, c))}px`, e.style.top = `${Math.round(Math.max(12, Math.min(l, a - r - 12)))}px`;
-	}, [t]), /* @__PURE__ */ l(L.Provider, {
+	}, [t]), /* @__PURE__ */ l(z.Provider, {
 		value: m,
 		children: [e, t && typeof document < "u" && u(/* @__PURE__ */ l("div", {
 			ref: p,
@@ -373,7 +402,7 @@ function z({ children: e }) {
 				className: "rp-card-x",
 				"aria-label": "Close",
 				onClick: m.hideNow,
-				children: /* @__PURE__ */ c(M, {
+				children: /* @__PURE__ */ c(P, {
 					name: "x",
 					size: 14
 				})
@@ -381,8 +410,8 @@ function z({ children: e }) {
 		}), document.querySelector(".agent-record") ?? document.body)]
 	});
 }
-function B(e, t = {}) {
-	let n = R(), r = (r) => {
+function H(e, t = {}) {
+	let n = B(), r = (r) => {
 		let i = r.getBoundingClientRect();
 		n.show({
 			content: e(),
@@ -399,7 +428,7 @@ function B(e, t = {}) {
 		onBlur: () => n.hide()
 	};
 }
-function V({ tools: e, rows: t = 9 }) {
+function U({ tools: e, rows: t = 9 }) {
 	let n = Math.max(1, ...e.map((e) => e.calls));
 	return /* @__PURE__ */ l("div", {
 		className: "rp-tt",
@@ -417,7 +446,7 @@ function V({ tools: e, rows: t = 9 }) {
 				className: "h r",
 				children: "✕ · p50"
 			}),
-			e.slice(0, t).map((e) => /* @__PURE__ */ c(H, {
+			e.slice(0, t).map((e) => /* @__PURE__ */ c(W, {
 				t: e,
 				max: n
 			}, e.name)),
@@ -436,14 +465,14 @@ function V({ tools: e, rows: t = 9 }) {
 		]
 	});
 }
-function H({ t: e, max: t }) {
+function W({ t: e, max: t }) {
 	return /* @__PURE__ */ l(s, { children: [
 		/* @__PURE__ */ c("span", {
 			className: "l",
 			title: e.name,
 			children: e.name
 		}),
-		/* @__PURE__ */ c(U, {
+		/* @__PURE__ */ c(G, {
 			ok: e.calls - e.failures,
 			failed: e.failures,
 			max: t
@@ -454,11 +483,11 @@ function H({ t: e, max: t }) {
 		}),
 		/* @__PURE__ */ c("span", {
 			className: e.failures ? "f" : "r",
-			children: e.failures ? `${e.failures} ✕` : E(e.p50)
+			children: e.failures ? `${e.failures} ✕` : D(e.p50)
 		})
 	] });
 }
-function U({ ok: e, failed: t = 0, max: n }) {
+function G({ ok: e, failed: t = 0, max: n }) {
 	return /* @__PURE__ */ l("span", {
 		className: "rp-bar",
 		"aria-hidden": "true",
@@ -468,15 +497,15 @@ function U({ ok: e, failed: t = 0, max: n }) {
 		})]
 	});
 }
-var W = (e) => e.listUsd === null ? e.billedUsd === null ? "not recorded" : `${A(e.billedUsd)} billed` : `${A(e.listUsd)} list · ${A(e.billedUsd ?? 0)} billed`;
-function G({ m: e, a: t, head: n }) {
+var K = (e) => e.listUsd === null ? e.billedUsd === null ? "not recorded" : `${A(e.billedUsd)} billed` : `${A(e.listUsd)} list · ${A(e.billedUsd ?? 0)} billed`;
+function q({ m: e, a: t, head: n }) {
 	let r = (t) => new Date(e.t0 + t).toISOString().slice(11, 16), i = t.parent ? e.byId.get(t.parent) : null;
 	return /* @__PURE__ */ l(s, { children: [n ?? /* @__PURE__ */ l("div", {
 		className: "rp-card-h",
 		children: [/* @__PURE__ */ l("div", {
 			className: "t",
 			children: [
-				/* @__PURE__ */ c(N, { tone: t.state.tone }),
+				/* @__PURE__ */ c(F, { tone: t.state.tone }),
 				/* @__PURE__ */ c("span", {
 					className: "nm",
 					children: t.name
@@ -497,15 +526,15 @@ function G({ m: e, a: t, head: n }) {
 			/* @__PURE__ */ c("dd", { children: t.tokens === null ? "not recorded" : k(t.tokens) }),
 			t.tokens !== null && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("dt", { children: "In · out · cached" }), /* @__PURE__ */ c("dd", { children: t.byClass ? `${k(t.byClass.input)} · ${k(t.byClass.output)} · ${k(t.byClass.cacheRead)}` : /* @__PURE__ */ c("small", { children: "not recorded" }) })] }),
 			/* @__PURE__ */ c("dt", { children: "Cost" }),
-			/* @__PURE__ */ c("dd", { children: W(t) }),
+			/* @__PURE__ */ c("dd", { children: K(t) }),
 			/* @__PURE__ */ c("dt", { children: "Model calls" }),
 			/* @__PURE__ */ c("dd", { children: O(t.modelCalls) }),
 			t.latency.p50 !== null && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("dt", { children: "Model p50 · p90 · p99" }), /* @__PURE__ */ l("dd", { children: [
-				E(t.latency.p50),
+				D(t.latency.p50),
 				" · ",
-				E(t.latency.p90),
+				D(t.latency.p90),
 				" · ",
-				E(t.latency.p99)
+				D(t.latency.p99)
 			] })] }),
 			/* @__PURE__ */ c("dt", { children: "Tool calls" }),
 			/* @__PURE__ */ l("dd", { children: [O(t.toolCalls), t.toolFailures ? /* @__PURE__ */ l("span", {
@@ -527,11 +556,11 @@ function G({ m: e, a: t, head: n }) {
 			] }),
 			/* @__PURE__ */ c("dt", { children: "Active" }),
 			/* @__PURE__ */ c("dd", { children: t.first === null ? "never" : `${r(t.first)}–${t.state.tone === "live" ? "now" : r(t.last ?? t.first)} UTC` }),
-			t.first !== null && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("dt", { children: "Busy" }), /* @__PURE__ */ c("dd", { children: T(t.busy) })] })
-		] })] }), t.tools.length > 0 && /* @__PURE__ */ l("section", { children: [/* @__PURE__ */ c("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ c(V, { tools: t.tools })] })]
+			t.first !== null && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("dt", { children: "Busy" }), /* @__PURE__ */ c("dd", { children: E(t.busy) })] })
+		] })] }), t.tools.length > 0 && /* @__PURE__ */ l("section", { children: [/* @__PURE__ */ c("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ c(U, { tools: t.tools })] })]
 	})] });
 }
-function K({ m: e, team: t }) {
+function J({ m: e, team: t }) {
 	let n = t.members.map((t) => e.byId.get(t)).filter(Boolean), r = /* @__PURE__ */ new Map();
 	for (let e of n) for (let t of e.tools) {
 		let e = r.get(t.name) ?? {
@@ -555,7 +584,7 @@ function K({ m: e, team: t }) {
 		children: [/* @__PURE__ */ l("div", {
 			className: "t",
 			children: [
-				/* @__PURE__ */ c(M, { name: "users" }),
+				/* @__PURE__ */ c(P, { name: "users" }),
 				/* @__PURE__ */ c("span", {
 					className: "nm",
 					children: t.label
@@ -570,7 +599,7 @@ function K({ m: e, team: t }) {
 			children: [
 				a,
 				" running · ",
-				n.filter((e) => e.state.tone === "ok").length,
+				n.filter((e) => d(e.state.tone)).length,
 				" done"
 			]
 		})]
@@ -592,11 +621,11 @@ function K({ m: e, team: t }) {
 			})] }),
 			/* @__PURE__ */ c("dt", { children: "Commits" }),
 			/* @__PURE__ */ c("dd", { children: i((e) => e.commits ?? 0) })
-		] })] }), /* @__PURE__ */ l("section", { children: [/* @__PURE__ */ c("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ c(V, { tools: [...r.values()].sort((e, t) => t.calls - e.calls) })] })]
+		] })] }), /* @__PURE__ */ l("section", { children: [/* @__PURE__ */ c("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ c(U, { tools: [...r.values()].sort((e, t) => t.calls - e.calls) })] })]
 	})] });
 }
-var q = 36;
-function J(e) {
+var Y = 36;
+function X(e) {
 	let [t, n] = o(!1), r = a(null);
 	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("button", {
 		ref: r,
@@ -612,12 +641,12 @@ function J(e) {
 			children: e.children
 		}), /* @__PURE__ */ c("span", {
 			className: "cv",
-			children: /* @__PURE__ */ c(M, {
+			children: /* @__PURE__ */ c(P, {
 				name: "chevron",
 				size: 14
 			})
 		})]
-	}), t && /* @__PURE__ */ c(Y, {
+	}), t && /* @__PURE__ */ c(Z, {
 		...e,
 		anchor: r.current,
 		onClose: (e) => {
@@ -625,7 +654,7 @@ function J(e) {
 		}
 	})] });
 }
-function Y(e) {
+function Z(e) {
 	let { options: t, groups: s, all: d, multi: f, anchor: p, onClose: m } = e, [h, g] = o(""), [_, v] = o(0), [y, b] = o(0), x = a(null), S = a(null), C = i(() => `pk-${Math.random().toString(36).slice(2, 8)}`, []), w = (t) => f ? e.value.has(t) : e.value === t, T = i(() => {
 		let e = h.trim().toLowerCase(), n = (t) => !e || `${t.label} ${t.find ?? ""}`.toLowerCase().includes(e), r = [];
 		d && !e && r.push({ kind: "all" });
@@ -691,13 +720,13 @@ function Y(e) {
 	}, D = (e) => {
 		let t = S.current;
 		if (!t) return;
-		let n = e * q;
-		n < t.scrollTop ? t.scrollTop = n : n + q > t.scrollTop + t.clientHeight && (t.scrollTop = n + q - t.clientHeight);
+		let n = e * Y;
+		n < t.scrollTop ? t.scrollTop = n : n + Y > t.scrollTop + t.clientHeight && (t.scrollTop = n + Y - t.clientHeight);
 	}, O = (e) => {
 		let t = Math.max(0, Math.min(T.length - 1, e));
 		v(t), D(t);
 	}, k = (e) => {
-		let t = Math.max(1, Math.floor((S.current?.clientHeight ?? 360) / q) - 1), n = {
+		let t = Math.max(1, Math.floor((S.current?.clientHeight ?? 360) / Y) - 1), n = {
 			ArrowDown: () => O(_ + 1),
 			ArrowUp: () => O(_ - 1),
 			PageDown: () => O(_ + t),
@@ -709,7 +738,7 @@ function Y(e) {
 			Tab: () => m(!1)
 		}[e.key];
 		n && (e.key !== "Tab" && e.preventDefault(), n());
-	}, A = Math.min(T.length * q + 8, 296), j = Math.max(0, Math.floor(y / q) - 4), P = Math.min(T.length, Math.ceil((y + A) / q) + 4), F = f ? e.value.size === 0 : e.value === null;
+	}, A = Math.min(T.length * Y + 8, 296), j = Math.max(0, Math.floor(y / Y) - 4), M = Math.min(T.length, Math.ceil((y + A) / Y) + 4), N = f ? e.value.size === 0 : e.value === null;
 	return u(/* @__PURE__ */ l("div", {
 		ref: x,
 		className: "rp-lb",
@@ -718,7 +747,7 @@ function Y(e) {
 			/* @__PURE__ */ l("div", {
 				className: "rp-lb-s",
 				children: [
-					/* @__PURE__ */ c(M, { name: "search" }),
+					/* @__PURE__ */ c(P, { name: "search" }),
 					/* @__PURE__ */ c("input", {
 						autoFocus: !0,
 						value: h,
@@ -746,11 +775,11 @@ function Y(e) {
 				onScroll: (e) => b(e.currentTarget.scrollTop),
 				children: /* @__PURE__ */ c("div", {
 					style: {
-						height: T.length * q,
+						height: T.length * Y,
 						position: "relative"
 					},
-					children: T.slice(j, P).map((e, t) => {
-						let n = j + t, r = { top: n * q + 4 }, i = `rp-lb-r${n === _ ? " active" : ""}`;
+					children: T.slice(j, M).map((e, t) => {
+						let n = j + t, r = { top: n * Y + 4 }, i = `rp-lb-r${n === _ ? " active" : ""}`;
 						if (e.kind === "group") {
 							let t = e.members.filter((e) => w(e)).length;
 							return /* @__PURE__ */ l("div", {
@@ -764,12 +793,12 @@ function Y(e) {
 								children: [
 									f ? /* @__PURE__ */ c("span", {
 										className: `box${t && t < e.members.length ? " part" : ""}`,
-										children: t === e.members.length ? /* @__PURE__ */ c(M, {
+										children: t === e.members.length ? /* @__PURE__ */ c(P, {
 											name: "check",
 											size: 12
 										}) : t ? "–" : null
 									}) : /* @__PURE__ */ c("span", { className: "ck" }),
-									/* @__PURE__ */ c(M, {
+									/* @__PURE__ */ c(P, {
 										name: "users",
 										size: 14
 									}),
@@ -784,7 +813,7 @@ function Y(e) {
 								]
 							}, `g:${e.id}`);
 						}
-						let a = e.kind === "all" ? F : w(e.option.id), o = e.kind === "all" ? d.label : e.option.label, s = e.kind === "all" ? d.meta : e.option.meta;
+						let a = e.kind === "all" ? N : w(e.option.id), o = e.kind === "all" ? d.label : e.option.label, s = e.kind === "all" ? d.meta : e.option.meta;
 						return /* @__PURE__ */ l("div", {
 							id: `${C}-${n}`,
 							role: "option",
@@ -796,21 +825,21 @@ function Y(e) {
 							children: [
 								f ? /* @__PURE__ */ c("span", {
 									className: "box",
-									children: a ? /* @__PURE__ */ c(M, {
+									children: a ? /* @__PURE__ */ c(P, {
 										name: "check",
 										size: 12
 									}) : null
 								}) : /* @__PURE__ */ c("span", {
 									className: "ck",
-									children: a ? /* @__PURE__ */ c(M, {
+									children: a ? /* @__PURE__ */ c(P, {
 										name: "check",
 										size: 14
 									}) : null
 								}),
-								e.kind === "option" && e.option.tone !== void 0 && /* @__PURE__ */ c(N, { tone: e.option.tone }),
+								e.kind === "option" && e.option.tone !== void 0 && /* @__PURE__ */ c(F, { tone: e.option.tone }),
 								/* @__PURE__ */ c("span", {
 									className: "nm",
-									children: /* @__PURE__ */ c(I, {
+									children: /* @__PURE__ */ c(R, {
 										text: o,
 										query: h
 									})
@@ -851,7 +880,7 @@ function Y(e) {
 		]
 	}), p.closest(".agent-record") ?? document.body);
 }
-function X(e, t = () => !0, n = (e) => e.tokens === null ? "—" : k(e.tokens)) {
+function Q(e, t = () => !0, n = (e) => e.tokens === null ? "—" : k(e.tokens)) {
 	return e.tree.filter(t).map((t) => ({
 		id: t.id,
 		label: t.name,
@@ -861,14 +890,15 @@ function X(e, t = () => !0, n = (e) => e.tokens === null ? "—" : k(e.tokens))
 		group: e.teams.length && t.team && t.team !== t.id ? t.team : null
 	}));
 }
-var Z = (e) => e.teams.length ? e.teams.map((e) => ({
+var $ = (e) => e.teams.length ? e.teams.map((e) => ({
 	id: e.id,
 	label: e.label
 })) : void 0;
-function Q(e, t, r, i = 6) {
+function ee(e, t, r, i = 6) {
 	let [a, s] = o({
 		top: 0,
-		height: 800
+		height: 800,
+		width: 0
 	});
 	n(() => {
 		let t = e.current;
@@ -876,7 +906,8 @@ function Q(e, t, r, i = 6) {
 		let n = 0, r = () => {
 			n = 0, s({
 				top: t.scrollTop,
-				height: t.clientHeight || 800
+				height: t.clientHeight || 800,
+				width: t.clientWidth
 			});
 		}, i = () => {
 			n ||= requestAnimationFrame(r);
@@ -892,10 +923,11 @@ function Q(e, t, r, i = 6) {
 		first: c,
 		last: l,
 		before: c * r,
-		after: Math.max(0, (t - l) * r)
+		after: Math.max(0, (t - l) * r),
+		width: a.width
 	};
 }
-function $() {
+function te() {
 	let e = "(max-width: 720px)", [t, r] = o(() => typeof window < "u" && window.matchMedia(e).matches);
 	return n(() => {
 		let t = window.matchMedia(e), n = () => r(t.matches);
@@ -903,4 +935,4 @@ function $() {
 	}, []), t;
 }
 //#endregion
-export { w as A, T as C, f as D, D as E, S as O, O as S, v as T, Q as _, M as a, b, K as c, X as d, P as f, $ as g, B as h, I as i, A as j, C as k, W as l, R as m, U as n, J as o, F as p, z as r, N as s, G as t, Z as u, k as v, E as w, x, _ as y };
+export { w as A, O as C, y as D, D as E, A as M, p as O, S, d as T, ee as _, P as a, M as b, J as c, Q as d, I as f, te as g, H as h, R as i, T as j, C as k, K as l, B as m, G as n, X as o, L as p, V as r, F as s, q as t, $ as u, k as v, E as w, x, v as y };