@tangle-network/sandbox-cli 0.21.27 → 0.21.28

package/dist/graph-viewer/viewer/{ui-DZiGjPwl.js → ui-C9b1rIUH.js}

@@ -1,30 +1,30 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { t as r } from "./react-dom-C5NDYQCD.js";
+import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
+import { t as r } from "./react-dom-t1L4_-il.js";
 //#region src/workspace/run/model.ts
-var i = /* @__PURE__ */ e(t(), 1), a = /* @__PURE__ */ e(r(), 1), o = (e) => e ? Date.parse(e) : NaN;
-function s(e, t) {
+var i = /* @__PURE__ */ e(t(), 1), a = /* @__PURE__ */ e(r(), 1), o = (e) => e === "ok" || e === "done", s = (e) => e ? Date.parse(e) : NaN;
+function c(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 c(e, t, n, r) {
+function l(e, t, n, r) {
 	return {
 		name: e,
 		calls: t.length,
 		failures: n,
 		ms: r,
 		durations: t,
-		p50: s(t, 50),
-		p90: s(t, 90),
-		p99: s(t, 99)
+		p50: c(t, 50),
+		p90: c(t, 90),
+		p99: c(t, 99)
 	};
 }
-var l = (e) => e ? e.split("/").pop() ?? e : null, u = (e) => {
+var u = (e) => e ? e.split("/").pop() ?? e : null, d = (e) => {
 	let t = e.name ?? "", n = t.indexOf(" · ");
 	return n >= 0 ? t.slice(n + 3) : null;
 };
-function d(e, t, n) {
+function f(e, t, n) {
 	return e.status === "running" || t && e.status === "waiting" ? {
 		label: e.status === "waiting" ? "Waiting" : "Running",
 		tone: "live"
@@ -33,7 +33,7 @@ function d(e, t, n) {
 		tone: "ok"
 	} : e.status === "succeeded" ? {
 		label: "Done",
-		tone: "ok"
+		tone: "done"
 	} : e.status === "failed" ? {
 		label: "Failed",
 		tone: "fail"
@@ -45,20 +45,20 @@ function d(e, t, n) {
 		tone: ""
 	};
 }
-function f(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) => o(e.start)).filter(Number.isFinite), f = Number.isFinite(o(t.startedAt)) ? o(t.startedAt) : a.length ? Math.min(...a) : Date.now(), p = n.map((e) => o(e.end ?? e.lastAt)).filter(Number.isFinite), m = e.live ? Math.max(0, Date.now() - f) : t.durationMs ?? Math.max(0, (p.length ? Math.max(...p) : f) - f), h = (e) => {
+function p(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) => s(e.start)).filter(Number.isFinite), o = Number.isFinite(s(t.startedAt)) ? s(t.startedAt) : a.length ? Math.min(...a) : Date.now(), p = n.map((e) => s(e.end ?? e.lastAt)).filter(Number.isFinite), m = e.live ? Math.max(0, Date.now() - o) : t.durationMs ?? Math.max(0, (p.length ? Math.max(...p) : o) - o), h = (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;
 		return a && i.has(a) ? a : null;
 	}, g = n.map((t) => {
 		let n = t.usage ?? null, r = (n?.steps ?? []).map((e) => ({
-			t: e.startMs - f,
+			t: e.startMs - o,
 			d: Math.max(0, e.endMs - e.startMs),
 			kind: e.kind,
 			failed: !!e.failed,
 			tool: e.kind === "tool" ? e.tool ?? e.name?.split(" · ")[0] ?? "tool" : null,
-			target: e.kind === "tool" ? u(e) : null,
+			target: e.kind === "tool" ? d(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 f(e, t) {
 			};
 			t.d.push(e.d), t.f += +!!e.failed, t.ms += e.d, a.set(e.tool, t);
 		}
-		let p = a.size ? [...a].map(([e, t]) => c(e, t.d, t.f, t.ms)) : Object.entries(n?.tools ?? {}).map(([e, t]) => ({
-			...c(e, [], t.failures, t.ms),
+		let p = a.size ? [...a].map(([e, t]) => l(e, t.d, t.f, t.ms)) : Object.entries(n?.tools ?? {}).map(([e, t]) => ({
+			...l(e, [], t.failures, t.ms),
 			calls: t.calls
 		}));
 		p.sort((e, t) => t.calls - e.calls || e.name.localeCompare(t.name));
-		let m = i.map((e) => e.latency).filter((e) => Number.isFinite(e)), g = r.map((e) => e.t + e.d), _ = Number.isFinite(o(t.start)) ? o(t.start) - f : r[0]?.t ?? null, v = Number.isFinite(o(t.end)) ? o(t.end) - f : g.length ? Math.max(...g) : null, y = a.size ? r.filter((e) => e.kind === "tool").length : p.reduce((e, t) => e + t.calls, 0);
+		let m = i.map((e) => e.latency).filter((e) => Number.isFinite(e)), g = r.map((e) => e.t + e.d), _ = Number.isFinite(s(t.start)) ? s(t.start) - o : r[0]?.t ?? null, v = Number.isFinite(s(t.end)) ? s(t.end) - o : g.length ? Math.max(...g) : null, y = a.size ? r.filter((e) => e.kind === "tool").length : p.reduce((e, t) => e + t.calls, 0);
 		return {
 			id: t.id,
 			name: t.role ?? t.label,
@@ -95,8 +95,8 @@ function f(e, t) {
 			depth: 0,
 			team: null,
 			status: t.status,
-			state: d(t, e.live, r.length),
-			model: l(t.model ?? Object.keys(n?.models ?? {})[0]),
+			state: f(t, e.live, r.length),
+			model: u(t.model ?? Object.keys(n?.models ?? {})[0]),
 			harness: t.harness,
 			start: _,
 			end: v,
@@ -111,9 +111,9 @@ function f(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: m.length ? {
-				p50: s(m, 50),
-				p90: s(m, 90),
-				p99: s(m, 99)
+				p50: c(m, 50),
+				p90: c(m, 90),
+				p99: c(m, 99)
 			} : {
 				p50: n?.latencyMs?.p50 ?? null,
 				p90: n?.latencyMs?.p90 ?? null,
@@ -123,7 +123,7 @@ function f(e, t) {
 			busy: r.filter((e) => e.kind !== "waiting").reduce((e, t) => e + t.d, 0),
 			first: r.length ? r[0].t : null,
 			last: g.length ? Math.max(...g) : null,
-			restarts: (t.restarts ?? []).map((e) => o(e) - f).filter(Number.isFinite),
+			restarts: (t.restarts ?? []).map((e) => s(e) - o).filter(Number.isFinite),
 			turns: t.turns ?? null,
 			commits: typeof t.shipped == "number" ? t.shipped : null
 		};
@@ -163,13 +163,13 @@ function f(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]) => c(e, t.d, t.f, t.ms)).sort((e, t) => t.calls - e.calls), k = e.runUsage ?? null, A = (e) => g.some((t) => e(t) !== null) ? g.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]) => l(e, t.d, t.f, t.ms)).sort((e, t) => t.calls - e.calls), k = e.runUsage ?? null, A = (e) => g.some((t) => e(t) !== null) ? g.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
 	}));
 	return {
-		t0: f,
+		t0: o,
 		duration: m,
 		live: e.live,
 		agents: g,
@@ -194,8 +194,8 @@ function f(e, t) {
 			lastStep: j.length ? Math.max(...j) : null
 		},
 		pauses: (e.pauses ?? []).map((e) => ({
-			from: o(e.from) - f,
-			to: o(e.to) - f,
+			from: s(e.from) - o,
+			to: s(e.to) - o,
 			reason: e.reason
 		})).filter((e) => Number.isFinite(e.from) && Number.isFinite(e.to)),
 		releases: M,
@@ -203,7 +203,7 @@ function f(e, t) {
 		ws: e
 	};
 }
-function p(e) {
+function m(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 p(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]) => ({
-		...c(e, t.d, t.f, t.ms),
+		...l(e, t.d, t.f, t.ms),
 		calls: t.calls
 	})).sort((e, t) => t.calls - e.calls);
 }
-var m = (e) => String(e).padStart(2, "0"), h = (e) => (t) => {
+var h = (e) => String(e).padStart(2, "0"), g = (e) => (t) => {
 	let n = new Date(e + t);
-	return `${m(n.getUTCHours())}:${m(n.getUTCMinutes())}`;
-}, g = (e) => (t) => {
+	return `${h(n.getUTCHours())}:${h(n.getUTCMinutes())}`;
+}, _ = (e) => (t) => {
 	let n = new Date(e + t);
-	return `${m(n.getUTCHours())}:${m(n.getUTCMinutes())}:${m(n.getUTCSeconds())}`;
-}, _ = (e, t, n = `${t}s`) => `${e.toLocaleString("en-US")} ${e === 1 ? t : n}`, v = (e, t, n) => {
-	let r = h(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)}, ${b(n - t)}`;
-}, y = (e, t) => `${t ? `${new Date(e).toLocaleDateString("en-US", {
+	return `${h(n.getUTCHours())}:${h(n.getUTCMinutes())}:${h(n.getUTCSeconds())}`;
+}, v = (e, t, n = `${t}s`) => `${e.toLocaleString("en-US")} ${e === 1 ? t : n}`, y = (e, t, n) => {
+	let r = g(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)}, ${x(n - t)}`;
+}, b = (e, t) => `${t ? `${new Date(e).toLocaleDateString("en-US", {
 	month: "short",
 	day: "numeric",
 	timeZone: "UTC"
 })} ` : ""}${e.slice(11, 16)} UTC`;
-function b(e) {
+function x(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 ${m(t % 60)}s` : `${t / 60} min`;
+		if (t < 3600) return t % 60 ? `${Math.floor(t / 60)}m ${h(t % 60)}s` : `${t / 60} min`;
 	}
 	let t = Math.round(e / 6e4);
-	return `${Math.floor(t / 60)}h ${m(t % 60)}m`;
+	return `${Math.floor(t / 60)}h ${h(t % 60)}m`;
 }
-function x(e) {
+function S(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${m(t % 60)}s` : b(e);
-}
-function S(e) {
-	let t = Math.max(0, Math.round(e / 1e3)), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60);
-	return `+${n ? `${n}:${m(r)}` : r}:${m(t % 60)}`;
+	return t < 3600 ? `${Math.floor(t / 60)}m${h(t % 60)}s` : x(e);
 }
 var C = (e) => e == null ? "—" : e.toLocaleString("en-US"), w = (e) => e == null ? "—" : new Intl.NumberFormat("en-US", {
 	notation: "compact",
 	maximumFractionDigits: e >= 1e8 ? 0 : e >= 1e6 ? 2 : 1
-}).format(e), T = (e) => e == null ? "—" : e >= 100 ? `$${e.toFixed(0)}` : `$${e.toFixed(2)}`, E = n(), D = {
+}).format(e), T = (e) => e == null ? "—" : e >= 100 ? `$${e.toFixed(0)}` : `$${e.toFixed(2)}`, E = (e) => e.length < 2 ? e.join("") : `${e.slice(0, -1).join(", ")} and ${e.at(-1)}`;
+function D(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 ? `${E(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 O = n(), k = {
 	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,36 +307,36 @@ var C = (e) => e == null ? "—" : e.toLocaleString("en-US"), w = (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 O({ name: e, size: t = 16, className: n }) {
-	return /* @__PURE__ */ (0, E.jsx)("svg", {
+function A({ name: e, size: t = 16, className: n }) {
+	return /* @__PURE__ */ (0, O.jsx)("svg", {
 		className: `rp-i${n ? ` ${n}` : ""}`,
 		width: t,
 		height: t,
 		viewBox: "0 0 16 16",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ (0, E.jsx)("path", { d: D[e] })
+		children: /* @__PURE__ */ (0, O.jsx)("path", { d: k[e] })
 	});
 }
-var k = ({ tone: e }) => /* @__PURE__ */ (0, E.jsx)("span", {
+var j = ({ tone: e }) => /* @__PURE__ */ (0, O.jsx)("span", {
 	className: `rp-dot${e ? ` ${e}` : ""}`,
 	"aria-hidden": "true"
 });
-function A(e, t) {
+function M(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 j = (e, t) => e.name.length <= t ? e.name : A(e.short, t);
-function M({ text: e, query: t }) {
+var N = (e, t) => e.name.length <= t ? e.name : M(e.short, t);
+function P({ text: e, query: t }) {
 	let n = t.trim().toLowerCase(), r = n ? e.toLowerCase().indexOf(n) : -1;
-	return r < 0 ? /* @__PURE__ */ (0, E.jsx)(E.Fragment, { children: e }) : /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [
+	return r < 0 ? /* @__PURE__ */ (0, O.jsx)(O.Fragment, { children: e }) : /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
 		e.slice(0, r),
-		/* @__PURE__ */ (0, E.jsx)("mark", { children: e.slice(r, r + n.length) }),
+		/* @__PURE__ */ (0, O.jsx)("mark", { children: e.slice(r, r + n.length) }),
 		e.slice(r + n.length)
 	] });
 }
-var N = (0, i.createContext)(null), P = () => (0, i.useContext)(N);
-function F({ children: e }) {
+var F = (0, i.createContext)(null), I = () => (0, i.useContext)(F);
+function L({ children: e }) {
 	let [t, n] = (0, i.useState)(null), r = (0, i.useRef)(!1), o = (0, i.useRef)(0), s = (0, i.useRef)(null), c = (0, i.useMemo)(() => ({
 		show: (e) => {
 			r.current || (window.clearTimeout(o.current), n(e));
@@ -358,9 +387,9 @@ function F({ children: e }) {
 			l = s + 14, l + n > e.r && (l = d - 14 - n), l < e.l && (l = Math.max(12, Math.min(i - n - 12, s + 14))), u = o.top + (o.bottom - o.top) / 2 - r / 2, u = r <= e.b - e.t ? Math.max(e.t, Math.min(u, e.b - r)) : Math.max(12, Math.min(u, a - r - 12));
 		}
 		e.style.left = `${Math.round(Math.max(12, l))}px`, e.style.top = `${Math.round(Math.max(12, Math.min(u, a - r - 12)))}px`;
-	}, [t]), /* @__PURE__ */ (0, E.jsxs)(N.Provider, {
+	}, [t]), /* @__PURE__ */ (0, O.jsxs)(F.Provider, {
 		value: c,
-		children: [e, t && typeof document < "u" && (0, a.createPortal)(/* @__PURE__ */ (0, E.jsxs)("div", {
+		children: [e, t && typeof document < "u" && (0, a.createPortal)(/* @__PURE__ */ (0, O.jsxs)("div", {
 			ref: s,
 			className: `rp-hc${t.wide ? " wide" : ""}${t.follow ? " follow" : ""}`,
 			role: t.pinned ? "dialog" : "tooltip",
@@ -368,12 +397,12 @@ function F({ children: e }) {
 			onPointerLeave: () => {
 				r.current || n(null);
 			},
-			children: [t.pinned && /* @__PURE__ */ (0, E.jsx)("button", {
+			children: [t.pinned && /* @__PURE__ */ (0, O.jsx)("button", {
 				type: "button",
 				className: "rp-card-x",
 				"aria-label": "Close",
 				onClick: c.hideNow,
-				children: /* @__PURE__ */ (0, E.jsx)(O, {
+				children: /* @__PURE__ */ (0, O.jsx)(A, {
 					name: "x",
 					size: 14
 				})
@@ -381,8 +410,8 @@ function F({ children: e }) {
 		}), document.querySelector(".agent-record") ?? document.body)]
 	});
 }
-function I(e, t = {}) {
-	let n = P(), r = (r) => {
+function R(e, t = {}) {
+	let n = I(), r = (r) => {
 		let i = r.getBoundingClientRect();
 		n.show({
 			content: e(),
@@ -399,116 +428,116 @@ function I(e, t = {}) {
 		onBlur: () => n.hide()
 	};
 }
-function L({ tools: e, rows: t = 9 }) {
+function z({ tools: e, rows: t = 9 }) {
 	let n = Math.max(1, ...e.map((e) => e.calls));
-	return /* @__PURE__ */ (0, E.jsxs)("div", {
+	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "rp-tt",
 		children: [
-			/* @__PURE__ */ (0, E.jsx)("span", {
+			/* @__PURE__ */ (0, O.jsx)("span", {
 				className: "h",
 				children: "Tool"
 			}),
-			/* @__PURE__ */ (0, E.jsx)("span", { className: "h" }),
-			/* @__PURE__ */ (0, E.jsx)("span", {
+			/* @__PURE__ */ (0, O.jsx)("span", { className: "h" }),
+			/* @__PURE__ */ (0, O.jsx)("span", {
 				className: "h r",
 				children: "calls"
 			}),
-			/* @__PURE__ */ (0, E.jsx)("span", {
+			/* @__PURE__ */ (0, O.jsx)("span", {
 				className: "h r",
 				children: "✕ · p50"
 			}),
-			e.slice(0, t).map((e) => /* @__PURE__ */ (0, E.jsx)(R, {
+			e.slice(0, t).map((e) => /* @__PURE__ */ (0, O.jsx)(B, {
 				t: e,
 				max: n
 			}, e.name)),
-			e.length > t && /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [
-				/* @__PURE__ */ (0, E.jsxs)("span", {
+			e.length > t && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
+				/* @__PURE__ */ (0, O.jsxs)("span", {
 					className: "l",
 					children: [e.length - t, " more tools"]
 				}),
-				/* @__PURE__ */ (0, E.jsx)("span", {}),
-				/* @__PURE__ */ (0, E.jsx)("span", {
+				/* @__PURE__ */ (0, O.jsx)("span", {}),
+				/* @__PURE__ */ (0, O.jsx)("span", {
 					className: "r",
 					children: C(e.slice(t).reduce((e, t) => e + t.calls, 0))
 				}),
-				/* @__PURE__ */ (0, E.jsx)("span", {})
+				/* @__PURE__ */ (0, O.jsx)("span", {})
 			] })
 		]
 	});
 }
-function R({ t: e, max: t }) {
-	return /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [
-		/* @__PURE__ */ (0, E.jsx)("span", {
+function B({ t: e, max: t }) {
+	return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
+		/* @__PURE__ */ (0, O.jsx)("span", {
 			className: "l",
 			title: e.name,
 			children: e.name
 		}),
-		/* @__PURE__ */ (0, E.jsx)(z, {
+		/* @__PURE__ */ (0, O.jsx)(V, {
 			ok: e.calls - e.failures,
 			failed: e.failures,
 			max: t
 		}),
-		/* @__PURE__ */ (0, E.jsx)("span", {
+		/* @__PURE__ */ (0, O.jsx)("span", {
 			className: "r",
 			children: C(e.calls)
 		}),
-		/* @__PURE__ */ (0, E.jsx)("span", {
+		/* @__PURE__ */ (0, O.jsx)("span", {
 			className: e.failures ? "f" : "r",
-			children: e.failures ? `${e.failures} ✕` : x(e.p50)
+			children: e.failures ? `${e.failures} ✕` : S(e.p50)
 		})
 	] });
 }
-function z({ ok: e, failed: t = 0, max: n }) {
-	return /* @__PURE__ */ (0, E.jsxs)("span", {
+function V({ ok: e, failed: t = 0, max: n }) {
+	return /* @__PURE__ */ (0, O.jsxs)("span", {
 		className: "rp-bar",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ (0, E.jsx)("b", { style: { width: `${Math.max(0, e) / n * 100}%` } }), t > 0 && /* @__PURE__ */ (0, E.jsx)("b", {
+		children: [/* @__PURE__ */ (0, O.jsx)("b", { style: { width: `${Math.max(0, e) / n * 100}%` } }), t > 0 && /* @__PURE__ */ (0, O.jsx)("b", {
 			className: "f",
 			style: { width: `${t / n * 100}%` }
 		})]
 	});
 }
-var B = (e) => e.listUsd === null ? e.billedUsd === null ? "not recorded" : `${T(e.billedUsd)} billed` : `${T(e.listUsd)} list · ${T(e.billedUsd ?? 0)} billed`;
-function V({ m: e, a: t, head: n }) {
+var H = (e) => e.listUsd === null ? e.billedUsd === null ? "not recorded" : `${T(e.billedUsd)} billed` : `${T(e.listUsd)} list · ${T(e.billedUsd ?? 0)} billed`;
+function U({ 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__ */ (0, E.jsxs)(E.Fragment, { children: [n ?? /* @__PURE__ */ (0, E.jsxs)("div", {
+	return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [n ?? /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "rp-card-h",
-		children: [/* @__PURE__ */ (0, E.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, O.jsxs)("div", {
 			className: "t",
 			children: [
-				/* @__PURE__ */ (0, E.jsx)(k, { tone: t.state.tone }),
-				/* @__PURE__ */ (0, E.jsx)("span", {
+				/* @__PURE__ */ (0, O.jsx)(j, { tone: t.state.tone }),
+				/* @__PURE__ */ (0, O.jsx)("span", {
 					className: "nm",
 					children: t.name
 				}),
-				/* @__PURE__ */ (0, E.jsx)("span", {
+				/* @__PURE__ */ (0, O.jsx)("span", {
 					className: "v",
 					children: t.state.label
 				})
 			]
-		}), /* @__PURE__ */ (0, E.jsx)("div", {
+		}), /* @__PURE__ */ (0, O.jsx)("div", {
 			className: "s",
 			children: i ? `spawned by ${i.name}${t.start === null ? "" : ` at ${r(Math.max(0, t.start))} UTC`}` : `run root · ${r(0)} UTC`
 		})]
-	}), /* @__PURE__ */ (0, E.jsxs)("div", {
+	}), /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: `rp-card-cols${t.tools.length ? " two" : ""}`,
-		children: [/* @__PURE__ */ (0, E.jsxs)("section", { children: [/* @__PURE__ */ (0, E.jsxs)("h6", { children: ["Whole run", t.model ? ` · ${t.model}` : ""] }), /* @__PURE__ */ (0, E.jsxs)("dl", { children: [
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Tokens" }),
-			/* @__PURE__ */ (0, E.jsx)("dd", { children: t.tokens === null ? "not recorded" : w(t.tokens) }),
-			t.tokens !== null && /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [/* @__PURE__ */ (0, E.jsx)("dt", { children: "In · out · cached" }), /* @__PURE__ */ (0, E.jsx)("dd", { children: t.byClass ? `${w(t.byClass.input)} · ${w(t.byClass.output)} · ${w(t.byClass.cacheRead)}` : /* @__PURE__ */ (0, E.jsx)("small", { children: "not recorded" }) })] }),
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Cost" }),
-			/* @__PURE__ */ (0, E.jsx)("dd", { children: B(t) }),
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Model calls" }),
-			/* @__PURE__ */ (0, E.jsx)("dd", { children: C(t.modelCalls) }),
-			t.latency.p50 !== null && /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [/* @__PURE__ */ (0, E.jsx)("dt", { children: "Model p50 · p90 · p99" }), /* @__PURE__ */ (0, E.jsxs)("dd", { children: [
-				x(t.latency.p50),
+		children: [/* @__PURE__ */ (0, O.jsxs)("section", { children: [/* @__PURE__ */ (0, O.jsxs)("h6", { children: ["Whole run", t.model ? ` · ${t.model}` : ""] }), /* @__PURE__ */ (0, O.jsxs)("dl", { children: [
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Tokens" }),
+			/* @__PURE__ */ (0, O.jsx)("dd", { children: t.tokens === null ? "not recorded" : w(t.tokens) }),
+			t.tokens !== null && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("dt", { children: "In · out · cached" }), /* @__PURE__ */ (0, O.jsx)("dd", { children: t.byClass ? `${w(t.byClass.input)} · ${w(t.byClass.output)} · ${w(t.byClass.cacheRead)}` : /* @__PURE__ */ (0, O.jsx)("small", { children: "not recorded" }) })] }),
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Cost" }),
+			/* @__PURE__ */ (0, O.jsx)("dd", { children: H(t) }),
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Model calls" }),
+			/* @__PURE__ */ (0, O.jsx)("dd", { children: C(t.modelCalls) }),
+			t.latency.p50 !== null && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("dt", { children: "Model p50 · p90 · p99" }), /* @__PURE__ */ (0, O.jsxs)("dd", { children: [
+				S(t.latency.p50),
 				" · ",
-				x(t.latency.p90),
+				S(t.latency.p90),
 				" · ",
-				x(t.latency.p99)
+				S(t.latency.p99)
 			] })] }),
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Tool calls" }),
-			/* @__PURE__ */ (0, E.jsxs)("dd", { children: [C(t.toolCalls), t.toolFailures ? /* @__PURE__ */ (0, E.jsxs)("span", {
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Tool calls" }),
+			/* @__PURE__ */ (0, O.jsxs)("dd", { children: [C(t.toolCalls), t.toolFailures ? /* @__PURE__ */ (0, O.jsxs)("span", {
 				className: "f",
 				children: [
 					" · ",
@@ -516,22 +545,22 @@ function V({ m: e, a: t, head: n }) {
 					" failed"
 				]
 			}) : null] }),
-			t.retries > 0 && /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [/* @__PURE__ */ (0, E.jsx)("dt", { children: "Retried steps" }), /* @__PURE__ */ (0, E.jsx)("dd", { children: t.retries })] }),
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Restarts" }),
-			/* @__PURE__ */ (0, E.jsx)("dd", { children: t.restarts.length }),
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Spawned · commits" }),
-			/* @__PURE__ */ (0, E.jsxs)("dd", { children: [
+			t.retries > 0 && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("dt", { children: "Retried steps" }), /* @__PURE__ */ (0, O.jsx)("dd", { children: t.retries })] }),
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Restarts" }),
+			/* @__PURE__ */ (0, O.jsx)("dd", { children: t.restarts.length }),
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Spawned · commits" }),
+			/* @__PURE__ */ (0, O.jsxs)("dd", { children: [
 				t.children.length,
 				" · ",
 				t.commits ?? "—"
 			] }),
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Active" }),
-			/* @__PURE__ */ (0, E.jsx)("dd", { children: t.first === null ? "never" : `${r(t.first)}–${t.state.tone === "live" ? "now" : r(t.last ?? t.first)} UTC` }),
-			t.first !== null && /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [/* @__PURE__ */ (0, E.jsx)("dt", { children: "Busy" }), /* @__PURE__ */ (0, E.jsx)("dd", { children: b(t.busy) })] })
-		] })] }), t.tools.length > 0 && /* @__PURE__ */ (0, E.jsxs)("section", { children: [/* @__PURE__ */ (0, E.jsx)("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ (0, E.jsx)(L, { tools: t.tools })] })]
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Active" }),
+			/* @__PURE__ */ (0, O.jsx)("dd", { children: t.first === null ? "never" : `${r(t.first)}–${t.state.tone === "live" ? "now" : r(t.last ?? t.first)} UTC` }),
+			t.first !== null && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("dt", { children: "Busy" }), /* @__PURE__ */ (0, O.jsx)("dd", { children: x(t.busy) })] })
+		] })] }), t.tools.length > 0 && /* @__PURE__ */ (0, O.jsxs)("section", { children: [/* @__PURE__ */ (0, O.jsx)("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ (0, O.jsx)(z, { tools: t.tools })] })]
 	})] });
 }
-function H({ m: e, team: t }) {
+function W({ 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) ?? {
@@ -550,39 +579,39 @@ function H({ m: e, team: t }) {
 		});
 	}
 	let i = (e) => n.reduce((t, n) => t + e(n), 0), a = n.filter((e) => e.state.tone === "live").length;
-	return /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [/* @__PURE__ */ (0, E.jsxs)("div", {
+	return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "rp-card-h",
-		children: [/* @__PURE__ */ (0, E.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, O.jsxs)("div", {
 			className: "t",
 			children: [
-				/* @__PURE__ */ (0, E.jsx)(O, { name: "users" }),
-				/* @__PURE__ */ (0, E.jsx)("span", {
+				/* @__PURE__ */ (0, O.jsx)(A, { name: "users" }),
+				/* @__PURE__ */ (0, O.jsx)("span", {
 					className: "nm",
 					children: t.label
 				}),
-				/* @__PURE__ */ (0, E.jsxs)("span", {
+				/* @__PURE__ */ (0, O.jsxs)("span", {
 					className: "v",
 					children: [n.length, " agents"]
 				})
 			]
-		}), /* @__PURE__ */ (0, E.jsxs)("div", {
+		}), /* @__PURE__ */ (0, O.jsxs)("div", {
 			className: "s",
 			children: [
 				a,
 				" running · ",
-				n.filter((e) => e.state.tone === "ok").length,
+				n.filter((e) => o(e.state.tone)).length,
 				" done"
 			]
 		})]
-	}), /* @__PURE__ */ (0, E.jsxs)("div", {
+	}), /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "rp-card-cols two",
-		children: [/* @__PURE__ */ (0, E.jsxs)("section", { children: [/* @__PURE__ */ (0, E.jsx)("h6", { children: "Team totals" }), /* @__PURE__ */ (0, E.jsxs)("dl", { children: [
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Tokens" }),
-			/* @__PURE__ */ (0, E.jsx)("dd", { children: w(i((e) => e.tokens ?? 0)) }),
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Model calls" }),
-			/* @__PURE__ */ (0, E.jsx)("dd", { children: C(i((e) => e.modelCalls)) }),
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Tool calls" }),
-			/* @__PURE__ */ (0, E.jsxs)("dd", { children: [C(i((e) => e.toolCalls)), /* @__PURE__ */ (0, E.jsxs)("span", {
+		children: [/* @__PURE__ */ (0, O.jsxs)("section", { children: [/* @__PURE__ */ (0, O.jsx)("h6", { children: "Team totals" }), /* @__PURE__ */ (0, O.jsxs)("dl", { children: [
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Tokens" }),
+			/* @__PURE__ */ (0, O.jsx)("dd", { children: w(i((e) => e.tokens ?? 0)) }),
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Model calls" }),
+			/* @__PURE__ */ (0, O.jsx)("dd", { children: C(i((e) => e.modelCalls)) }),
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Tool calls" }),
+			/* @__PURE__ */ (0, O.jsxs)("dd", { children: [C(i((e) => e.toolCalls)), /* @__PURE__ */ (0, O.jsxs)("span", {
 				className: "f",
 				children: [
 					" · ",
@@ -590,15 +619,15 @@ function H({ m: e, team: t }) {
 					" failed"
 				]
 			})] }),
-			/* @__PURE__ */ (0, E.jsx)("dt", { children: "Commits" }),
-			/* @__PURE__ */ (0, E.jsx)("dd", { children: i((e) => e.commits ?? 0) })
-		] })] }), /* @__PURE__ */ (0, E.jsxs)("section", { children: [/* @__PURE__ */ (0, E.jsx)("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ (0, E.jsx)(L, { tools: [...r.values()].sort((e, t) => t.calls - e.calls) })] })]
+			/* @__PURE__ */ (0, O.jsx)("dt", { children: "Commits" }),
+			/* @__PURE__ */ (0, O.jsx)("dd", { children: i((e) => e.commits ?? 0) })
+		] })] }), /* @__PURE__ */ (0, O.jsxs)("section", { children: [/* @__PURE__ */ (0, O.jsx)("h6", { children: "Tool calls by tool" }), /* @__PURE__ */ (0, O.jsx)(z, { tools: [...r.values()].sort((e, t) => t.calls - e.calls) })] })]
 	})] });
 }
-var U = 36;
-function W(e) {
+var G = 36;
+function K(e) {
 	let [t, n] = (0, i.useState)(!1), r = (0, i.useRef)(null);
-	return /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [/* @__PURE__ */ (0, E.jsxs)("button", {
+	return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsxs)("button", {
 		ref: r,
 		type: "button",
 		className: `rp-cbx${e.className ? ` ${e.className}` : ""}`,
@@ -607,17 +636,17 @@ function W(e) {
 		"aria-expanded": t,
 		"aria-label": e.label,
 		onClick: () => n(!t),
-		children: [/* @__PURE__ */ (0, E.jsx)("span", {
+		children: [/* @__PURE__ */ (0, O.jsx)("span", {
 			className: "lbl",
 			children: e.children
-		}), /* @__PURE__ */ (0, E.jsx)("span", {
+		}), /* @__PURE__ */ (0, O.jsx)("span", {
 			className: "cv",
-			children: /* @__PURE__ */ (0, E.jsx)(O, {
+			children: /* @__PURE__ */ (0, O.jsx)(A, {
 				name: "chevron",
 				size: 14
 			})
 		})]
-	}), t && /* @__PURE__ */ (0, E.jsx)(G, {
+	}), t && /* @__PURE__ */ (0, O.jsx)(q, {
 		...e,
 		anchor: r.current,
 		onClose: (e) => {
@@ -625,7 +654,7 @@ function W(e) {
 		}
 	})] });
 }
-function G(e) {
+function q(e) {
 	let { options: t, groups: n, all: r, multi: o, anchor: s, onClose: c } = e, [l, u] = (0, i.useState)(""), [d, f] = (0, i.useState)(0), [p, m] = (0, i.useState)(0), h = (0, i.useRef)(null), g = (0, i.useRef)(null), _ = (0, i.useMemo)(() => `pk-${Math.random().toString(36).slice(2, 8)}`, []), v = (t) => o ? e.value.has(t) : e.value === t, y = (0, i.useMemo)(() => {
 		let e = l.trim().toLowerCase(), i = (t) => !e || `${t.label} ${t.find ?? ""}`.toLowerCase().includes(e), a = [];
 		r && !e && a.push({ kind: "all" });
@@ -691,13 +720,13 @@ function G(e) {
 	}, x = (e) => {
 		let t = g.current;
 		if (!t) return;
-		let n = e * U;
-		n < t.scrollTop ? t.scrollTop = n : n + U > t.scrollTop + t.clientHeight && (t.scrollTop = n + U - t.clientHeight);
+		let n = e * G;
+		n < t.scrollTop ? t.scrollTop = n : n + G > t.scrollTop + t.clientHeight && (t.scrollTop = n + G - t.clientHeight);
 	}, S = (e) => {
 		let t = Math.max(0, Math.min(y.length - 1, e));
 		f(t), x(t);
 	}, C = (e) => {
-		let t = Math.max(1, Math.floor((g.current?.clientHeight ?? 360) / U) - 1), n = {
+		let t = Math.max(1, Math.floor((g.current?.clientHeight ?? 360) / G) - 1), n = {
 			ArrowDown: () => S(d + 1),
 			ArrowUp: () => S(d - 1),
 			PageDown: () => S(d + t),
@@ -709,17 +738,17 @@ function G(e) {
 			Tab: () => c(!1)
 		}[e.key];
 		n && (e.key !== "Tab" && e.preventDefault(), n());
-	}, w = Math.min(y.length * U + 8, 296), T = Math.max(0, Math.floor(p / U) - 4), D = Math.min(y.length, Math.ceil((p + w) / U) + 4), A = o ? e.value.size === 0 : e.value === null;
-	return (0, a.createPortal)(/* @__PURE__ */ (0, E.jsxs)("div", {
+	}, w = Math.min(y.length * G + 8, 296), T = Math.max(0, Math.floor(p / G) - 4), E = Math.min(y.length, Math.ceil((p + w) / G) + 4), D = o ? e.value.size === 0 : e.value === null;
+	return (0, a.createPortal)(/* @__PURE__ */ (0, O.jsxs)("div", {
 		ref: h,
 		className: "rp-lb",
 		role: "presentation",
 		children: [
-			/* @__PURE__ */ (0, E.jsxs)("div", {
+			/* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "rp-lb-s",
 				children: [
-					/* @__PURE__ */ (0, E.jsx)(O, { name: "search" }),
-					/* @__PURE__ */ (0, E.jsx)("input", {
+					/* @__PURE__ */ (0, O.jsx)(A, { name: "search" }),
+					/* @__PURE__ */ (0, O.jsx)("input", {
 						autoFocus: !0,
 						value: l,
 						onChange: (e) => u(e.target.value),
@@ -732,10 +761,10 @@ function G(e) {
 						"aria-activedescendant": y[d] ? `${_}-${d}` : void 0,
 						"aria-autocomplete": "list"
 					}),
-					/* @__PURE__ */ (0, E.jsx)("kbd", { children: "Esc" })
+					/* @__PURE__ */ (0, O.jsx)("kbd", { children: "Esc" })
 				]
 			}),
-			y.length ? /* @__PURE__ */ (0, E.jsx)("div", {
+			y.length ? /* @__PURE__ */ (0, O.jsx)("div", {
 				ref: g,
 				id: _,
 				className: "rp-lb-l",
@@ -744,16 +773,16 @@ function G(e) {
 				"aria-label": e.label,
 				style: { height: w },
 				onScroll: (e) => m(e.currentTarget.scrollTop),
-				children: /* @__PURE__ */ (0, E.jsx)("div", {
+				children: /* @__PURE__ */ (0, O.jsx)("div", {
 					style: {
-						height: y.length * U,
+						height: y.length * G,
 						position: "relative"
 					},
-					children: y.slice(T, D).map((e, t) => {
-						let n = T + t, i = { top: n * U + 4 }, a = `rp-lb-r${n === d ? " active" : ""}`;
+					children: y.slice(T, E).map((e, t) => {
+						let n = T + t, i = { top: n * G + 4 }, a = `rp-lb-r${n === d ? " active" : ""}`;
 						if (e.kind === "group") {
 							let t = e.members.filter((e) => v(e)).length;
-							return /* @__PURE__ */ (0, E.jsxs)("div", {
+							return /* @__PURE__ */ (0, O.jsxs)("div", {
 								id: `${_}-${n}`,
 								role: "option",
 								"aria-selected": o ? t === e.members.length : v(e.id),
@@ -762,30 +791,30 @@ function G(e) {
 								onPointerEnter: () => f(n),
 								onClick: () => b(e),
 								children: [
-									o ? /* @__PURE__ */ (0, E.jsx)("span", {
+									o ? /* @__PURE__ */ (0, O.jsx)("span", {
 										className: `box${t && t < e.members.length ? " part" : ""}`,
-										children: t === e.members.length ? /* @__PURE__ */ (0, E.jsx)(O, {
+										children: t === e.members.length ? /* @__PURE__ */ (0, O.jsx)(A, {
 											name: "check",
 											size: 12
 										}) : t ? "–" : null
-									}) : /* @__PURE__ */ (0, E.jsx)("span", { className: "ck" }),
-									/* @__PURE__ */ (0, E.jsx)(O, {
+									}) : /* @__PURE__ */ (0, O.jsx)("span", { className: "ck" }),
+									/* @__PURE__ */ (0, O.jsx)(A, {
 										name: "users",
 										size: 14
 									}),
-									/* @__PURE__ */ (0, E.jsx)("span", {
+									/* @__PURE__ */ (0, O.jsx)("span", {
 										className: "nm",
 										children: e.label
 									}),
-									/* @__PURE__ */ (0, E.jsx)("span", {
+									/* @__PURE__ */ (0, O.jsx)("span", {
 										className: "mt",
 										children: e.members.length
 									})
 								]
 							}, `g:${e.id}`);
 						}
-						let s = e.kind === "all" ? A : v(e.option.id), c = e.kind === "all" ? r.label : e.option.label, u = e.kind === "all" ? r.meta : e.option.meta;
-						return /* @__PURE__ */ (0, E.jsxs)("div", {
+						let s = e.kind === "all" ? D : v(e.option.id), c = e.kind === "all" ? r.label : e.option.label, u = e.kind === "all" ? r.meta : e.option.meta;
+						return /* @__PURE__ */ (0, O.jsxs)("div", {
 							id: `${_}-${n}`,
 							role: "option",
 							"aria-selected": s,
@@ -794,28 +823,28 @@ function G(e) {
 							onPointerEnter: () => f(n),
 							onClick: () => b(e),
 							children: [
-								o ? /* @__PURE__ */ (0, E.jsx)("span", {
+								o ? /* @__PURE__ */ (0, O.jsx)("span", {
 									className: "box",
-									children: s ? /* @__PURE__ */ (0, E.jsx)(O, {
+									children: s ? /* @__PURE__ */ (0, O.jsx)(A, {
 										name: "check",
 										size: 12
 									}) : null
-								}) : /* @__PURE__ */ (0, E.jsx)("span", {
+								}) : /* @__PURE__ */ (0, O.jsx)("span", {
 									className: "ck",
-									children: s ? /* @__PURE__ */ (0, E.jsx)(O, {
+									children: s ? /* @__PURE__ */ (0, O.jsx)(A, {
 										name: "check",
 										size: 14
 									}) : null
 								}),
-								e.kind === "option" && e.option.tone !== void 0 && /* @__PURE__ */ (0, E.jsx)(k, { tone: e.option.tone }),
-								/* @__PURE__ */ (0, E.jsx)("span", {
+								e.kind === "option" && e.option.tone !== void 0 && /* @__PURE__ */ (0, O.jsx)(j, { tone: e.option.tone }),
+								/* @__PURE__ */ (0, O.jsx)("span", {
 									className: "nm",
-									children: /* @__PURE__ */ (0, E.jsx)(M, {
+									children: /* @__PURE__ */ (0, O.jsx)(P, {
 										text: c,
 										query: l
 									})
 								}),
-								u && /* @__PURE__ */ (0, E.jsx)("span", {
+								u && /* @__PURE__ */ (0, O.jsx)("span", {
 									className: "mt",
 									children: u
 								})
@@ -823,7 +852,7 @@ function G(e) {
 						}, e.kind === "all" ? "all" : e.option.id);
 					})
 				})
-			}) : /* @__PURE__ */ (0, E.jsxs)("div", {
+			}) : /* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "rp-lb-e",
 				children: [
 					"Nothing matches “",
@@ -831,16 +860,16 @@ function G(e) {
 					"”"
 				]
 			}),
-			o && /* @__PURE__ */ (0, E.jsxs)("div", {
+			o && /* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "rp-lb-f",
-				children: [/* @__PURE__ */ (0, E.jsx)("span", { children: e.value.size ? `${e.value.size} selected` : "All" }), /* @__PURE__ */ (0, E.jsxs)("span", {
+				children: [/* @__PURE__ */ (0, O.jsx)("span", { children: e.value.size ? `${e.value.size} selected` : "All" }), /* @__PURE__ */ (0, O.jsxs)("span", {
 					className: "end",
-					children: [/* @__PURE__ */ (0, E.jsx)("button", {
+					children: [/* @__PURE__ */ (0, O.jsx)("button", {
 						type: "button",
 						className: "rp-btn sm",
 						onClick: () => e.onChange(/* @__PURE__ */ new Set()),
 						children: "Clear"
-					}), /* @__PURE__ */ (0, E.jsx)("button", {
+					}), /* @__PURE__ */ (0, O.jsx)("button", {
 						type: "button",
 						className: "rp-btn sm framed",
 						onClick: () => c(!0),
@@ -851,7 +880,7 @@ function G(e) {
 		]
 	}), s.closest(".agent-record") ?? document.body);
 }
-function K(e, t = () => !0, n = (e) => e.tokens === null ? "—" : w(e.tokens)) {
+function J(e, t = () => !0, n = (e) => e.tokens === null ? "—" : w(e.tokens)) {
 	return e.tree.filter(t).map((t) => ({
 		id: t.id,
 		label: t.name,
@@ -861,14 +890,15 @@ function K(e, t = () => !0, n = (e) => e.tokens === null ? "—" : w(e.tokens))
 		group: e.teams.length && t.team && t.team !== t.id ? t.team : null
 	}));
 }
-var q = (e) => e.teams.length ? e.teams.map((e) => ({
+var Y = (e) => e.teams.length ? e.teams.map((e) => ({
 	id: e.id,
 	label: e.label
 })) : void 0;
-function J(e, t, n, r = 6) {
+function X(e, t, n, r = 6) {
 	let [a, o] = (0, i.useState)({
 		top: 0,
-		height: 800
+		height: 800,
+		width: 0
 	});
 	(0, i.useEffect)(() => {
 		let t = e.current;
@@ -876,7 +906,8 @@ function J(e, t, n, r = 6) {
 		let n = 0, r = () => {
 			n = 0, o({
 				top: t.scrollTop,
-				height: t.clientHeight || 800
+				height: t.clientHeight || 800,
+				width: t.clientWidth
 			});
 		}, i = () => {
 			n ||= requestAnimationFrame(r);
@@ -892,10 +923,11 @@ function J(e, t, n, r = 6) {
 		first: s,
 		last: c,
 		before: s * n,
-		after: Math.max(0, (t - c) * n)
+		after: Math.max(0, (t - c) * n),
+		width: a.width
 	};
 }
-function Y() {
+function Z() {
 	let e = "(max-width: 720px)", [t, n] = (0, i.useState)(() => typeof window < "u" && window.matchMedia(e).matches);
 	return (0, i.useEffect)(() => {
 		let t = window.matchMedia(e), r = () => n(t.matches);
@@ -903,4 +935,4 @@ function Y() {
 	}, []), t;
 }
 //#endregion
-export { y as A, b as C, s as D, S as E, _ as O, C as S, p as T, J as _, O as a, h as b, H as c, K as d, A as f, Y as g, I as h, M as i, T as j, v as k, B as l, P as m, z as n, W as o, j as p, F as r, k as s, V as t, q as u, w as v, x as w, g as x, f as y };
+export { y as A, C, m as D, S as E, T as M, c as O, _ as S, o as T, X as _, A as a, D as b, W as c, J as d, M as f, Z as g, R as h, P as i, b as j, v as k, H as l, I as m, V as n, K as o, N as p, L as r, j as s, U as t, Y as u, w as v, x as w, g as x, p as y };