@tangle-network/sandbox-cli 0.21.23 → 0.21.24

package/dist/graph-viewer/viewer/react-CisnW4fB.js

@@ -0,0 +1,4262 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
+//#region node_modules/.pnpm/@tangle-network+charts@0.21.19_react@19.3.0/node_modules/@tangle-network/charts/dist/timeline-B7c-cede.js
+function r(e) {
+	return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+var i = [
+	281,
+	288,
+	466,
+	633,
+	642,
+	982,
+	644,
+	300,
+	365,
+	365,
+	501,
+	662,
+	288,
+	460,
+	288,
+	360,
+	631,
+	407,
+	610,
+	618,
+	646,
+	608,
+	620,
+	566,
+	619,
+	620,
+	288,
+	302,
+	662,
+	662,
+	662,
+	511,
+	966,
+	690,
+	654,
+	730,
+	722,
+	601,
+	590,
+	746,
+	743,
+	269,
+	571,
+	672,
+	565,
+	903,
+	753,
+	765,
+	639,
+	765,
+	644,
+	642,
+	646,
+	744,
+	690,
+	985,
+	682,
+	679,
+	629,
+	365,
+	360,
+	365,
+	471,
+	456,
+	323,
+	562,
+	612,
+	571,
+	612,
+	583,
+	370,
+	613,
+	591,
+	242,
+	242,
+	549,
+	242,
+	876,
+	591,
+	600,
+	612,
+	612,
+	376,
+	528,
+	327,
+	591,
+	562,
+	818,
+	546,
+	562,
+	552,
+	426,
+	333,
+	426,
+	662
+], a = [
+	252,
+	321,
+	523,
+	644,
+	650,
+	1004,
+	663,
+	326,
+	373,
+	373,
+	540,
+	673,
+	319,
+	465,
+	319,
+	379,
+	660,
+	423,
+	623,
+	636,
+	666,
+	629,
+	640,
+	576,
+	640,
+	640,
+	319,
+	329,
+	673,
+	673,
+	673,
+	543,
+	999,
+	728,
+	659,
+	737,
+	722,
+	605,
+	588,
+	749,
+	746,
+	277,
+	580,
+	703,
+	565,
+	922,
+	759,
+	769,
+	645,
+	773,
+	652,
+	650,
+	660,
+	736,
+	728,
+	1020,
+	720,
+	713,
+	652,
+	373,
+	379,
+	373,
+	481,
+	469,
+	351,
+	574,
+	624,
+	583,
+	624,
+	591,
+	389,
+	625,
+	612,
+	262,
+	262,
+	569,
+	262,
+	900,
+	612,
+	609,
+	624,
+	624,
+	397,
+	549,
+	353,
+	612,
+	587,
+	839,
+	569,
+	588,
+	566,
+	455,
+	359,
+	455,
+	673
+], o = {
+	"·": 300,
+	"×": 670,
+	"—": 1e3,
+	"–": 500,
+	"…": 900,
+	"≥": 670,
+	"≤": 670,
+	"±": 670,
+	"→": 954,
+	"−": 662
+}, s = 1.04;
+function c(e, t, n = "sans") {
+	if (n === "mono") return e.length * .6 * t * s;
+	let r = n === "sans-semibold" ? a : i, c = 0;
+	for (let t of e) {
+		let e = t.codePointAt(0) ?? 0;
+		c += e >= 32 && e <= 126 ? r[e - 32] : o[t] ?? 620;
+	}
+	return c / 1e3 * t * s;
+}
+function l(e, t, n, r = "sans", i = 2) {
+	let a = (e) => c(e, n, r) <= t, o = [], s = [], l = "", u = (e, t) => {
+		o.push(l), s.push(t), l = e;
+	};
+	for (let t of e.split(/\s+/).filter(Boolean)) {
+		let e = l ? `${l} ${t}` : t;
+		if (a(e)) l = e;
+		else if (a(t)) l ? u(t, " ") : l = t;
+		else {
+			let e = t.match(/[^\-/_·]+[\-/_·]?|[\-/_·]/g) ?? [t];
+			for (let [t, n] of e.entries()) {
+				let e = t === 0 ? " " : "", r = l ? `${l}${e}${n}` : n;
+				a(r) || !l ? l = r : u(n, e);
+			}
+		}
+	}
+	if (l && o.push(l), o.length <= i && o.every(a)) return {
+		lines: o,
+		truncated: !1
+	};
+	let d = o.slice(0, i), f = o.slice(i - 1).reduce((e, t, n) => n === 0 ? t : `${e}${s[i - 2 + n]}${t}`, "");
+	for (; f.length > 1 && !a(`${f}…`);) f = f.slice(0, -1);
+	return d[i - 1] = `${f.trimEnd()}…`, {
+		lines: d,
+		truncated: !0
+	};
+}
+function u(e, t, n, i, a) {
+	return e.length === 1 ? `<text x="${t}" y="${n}" ${a}>${r(e[0])}</text>` : `<text x="${t}" y="${n}" ${a}>${e.map((e, n) => `<tspan x="${t}" dy="${n === 0 ? 0 : i}">${r(e)}</tspan>`).join("")}</text>`;
+}
+function d(e, t, n, r = "sans") {
+	let i = [];
+	for (let a of e) {
+		let e = i[i.length - 1];
+		e !== void 0 && c(`${e} · ${a}`, n, r) <= t ? i[i.length - 1] = `${e} · ${a}` : i.push(a);
+	}
+	return i;
+}
+function f(e, t, n = `${t}s`) {
+	return e === 1 ? t : n;
+}
+function p(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function m(e) {
+	return e !== void 0 && Number.isFinite(e) && e > 720 ? Math.floor(e) : 720;
+}
+var h = (e) => Math.round(e * 100) / 100;
+function g(e, t, n) {
+	let r = Math.ceil(t);
+	return `<svg class="tgc-svg" xmlns="http://www.w3.org/2000/svg" width="${e}" height="${r}" viewBox="0 0 ${e} ${r}" aria-hidden="true" focusable="false">${n}</svg>`;
+}
+function _(e, t, n, r, i) {
+	if (n <= 0) return "";
+	let a = Math.min(4, r / 2, n);
+	return `<path class="${i}" d="M${h(e)} ${h(t)}h${h(n - a)}a${a} ${a} 0 0 1 ${a} ${a}v${h(r - 2 * a)}a${a} ${a} 0 0 1 -${a} ${a}h-${h(n - a)}z"/>`;
+}
+function v(e, t, n, r, i, a = "") {
+	return n <= 0 || r <= 0 ? "" : `<rect class="${i}" x="${h(e)}" y="${h(t)}" width="${h(n)}" height="${h(r)}"${a ? ` ${a}` : ""}/>`;
+}
+function y(e, t, n, r, i = 6) {
+	if (!(n > 0) || !(r > 0)) return "";
+	let a = "";
+	for (let o = i / 2; o < n + r; o += i) {
+		let i = Math.max(0, o - r), s = Math.min(n, o);
+		a += `M${h(e + i)} ${h(t + o - i)}L${h(e + s)} ${h(t + o - s)}`;
+	}
+	return a;
+}
+function b(e, t, n, r, i) {
+	return n <= 0 || r <= 0 ? "" : `<g class="${i}" data-hatched="true">${v(e, t, n, r, "tgc-hatch-bg")}<path class="tgc-hatch" d="${y(e, t, n, r)}"/></g>`;
+}
+function x(e, t, n, r, i) {
+	return `<line class="${i}" x1="${h(e)}" y1="${h(t)}" x2="${h(n)}" y2="${h(r)}"/>`;
+}
+function S(e, t, n, r) {
+	return `<circle class="${r}" cx="${h(e)}" cy="${h(t)}" r="${n}"/>`;
+}
+var C = [
+	"circle",
+	"square",
+	"triangle",
+	"diamond"
+];
+function w(e, t, n, r) {
+	let [i, a] = [h(t), h(n)];
+	if (e === "square") {
+		let e = h(r * .9);
+		return `M${h(i - e)} ${h(a - e)}h${h(2 * e)}v${h(2 * e)}h${h(-2 * e)}z`;
+	}
+	if (e === "triangle") {
+		let e = h(r * 1.2);
+		return `M${i} ${h(a - e)}L${h(i + e)} ${h(a + e * .8)}L${h(i - e)} ${h(a + e * .8)}z`;
+	}
+	if (e === "diamond") {
+		let e = h(r * 1.3);
+		return `M${i} ${h(a - e)}L${h(i + e)} ${a}L${i} ${h(a + e)}L${h(i - e)} ${a}z`;
+	}
+	return `M${h(i - r)} ${a}a${r} ${r} 0 1 0 ${h(2 * r)} 0a${r} ${r} 0 1 0 ${h(-2 * r)} 0`;
+}
+function T(e, t) {
+	return `<polyline class="${t}" points="${e.map(([e, t]) => `${h(e)},${h(t)}`).join(" ")}"/>`;
+}
+function E(e, t, n, i = {}) {
+	let a = i.anchor && i.anchor !== "start" ? ` text-anchor="${i.anchor}"` : "", o = i.weight === 600 ? " font-weight=\"600\"" : "";
+	return `<text class="${i.cls ?? "tgc-ink"}" x="${h(e)}" y="${h(t)}" font-size="${i.size ?? 12}"${a}${o}>${r(n)}</text>`;
+}
+function D(e, t) {
+	return `<g><title>${r(e)}</title>${t}</g>`;
+}
+function O(e, t, n) {
+	let i = t.map((e) => `<th scope="col"${e.numeric ? " class=\"tgc-n\"" : ""}>${r(e.label)}</th>`).join(""), a = n.map((e) => `<tr>${e.map((e, n) => n === 0 ? `<th scope="row">${r(e)}</th>` : `<td${t[n]?.numeric ? " class=\"tgc-n\"" : ""}>${r(e)}</td>`).join("")}</tr>`).join("");
+	return `<table class="tgc-table"><caption>${r(e)}</caption><thead><tr>${i}</tr></thead><tbody>${a}</tbody></table>`;
+}
+var k = [
+	"S",
+	"A",
+	"B",
+	"C",
+	"F"
+], A = [
+	"F",
+	"C",
+	"B",
+	"A",
+	"S"
+];
+function j(e, t) {
+	return A.indexOf(e) >= A.indexOf(t);
+}
+function M(e) {
+	return `${Math.round(e * 100)}%`;
+}
+function N(e) {
+	return e >= 100 ? `$${Math.round(e).toLocaleString("en-US")}` : e >= 1 ? `$${e.toFixed(2)}` : e >= .01 ? `$${e.toFixed(3)}` : `$${e.toFixed(4)}`;
+}
+function P(e) {
+	let t = e / 1e3;
+	return t < 60 ? `${Math.round(t)} s` : t < 3600 ? `${(t / 60).toFixed(1)} min` : `${(t / 3600).toFixed(1)} h`;
+}
+function F(e, t) {
+	return `${e}/${t}`;
+}
+var I = {
+	"task-cluster-bootstrap": "task-clustered bootstrap",
+	"mcnemar-exact": "exact McNemar",
+	wilson: "Wilson score"
+};
+function L(e) {
+	return `${Math.round((e.level ?? 0) * 100)}% ${e.method ? I[e.method] : ""}`.trim();
+}
+function ee(e) {
+	if (!e) return "no interval";
+	let t = [e.level === null ? "level" : "", e.method === null ? "method" : ""].filter(Boolean);
+	return t.length ? `the interval names no ${t.join(" or ")}` : e.method in I ? !Number.isFinite(e.level) || e.level <= 0 || e.level >= 1 ? "the interval level is outside 0–1" : !Number.isFinite(e.lower) || !Number.isFinite(e.upper) ? "the interval bounds are not finite" : e.lower <= e.upper ? null : "the interval bounds are out of order" : "the interval method is unknown";
+}
+function R(e) {
+	return e === "descriptive" || e === "bootstrap";
+}
+function z(e, t) {
+	return e === "none" ? t === 1 ? "1 unit" : `${t} units` : e === "insufficient" ? "too few units" : "";
+}
+function B(e) {
+	return e.basis !== "unknown" && e.perSolvedUsd !== null && Number.isFinite(e.perSolvedUsd) && e.perSolvedUsd > 0 ? e.perSolvedUsd : null;
+}
+function V(e, t) {
+	if (t === 0) return "no pass";
+	let n = B(e);
+	return n === null ? "unknown" : e.basis === "receipts" ? N(n) : `${N(n)} est.`;
+}
+function te(e) {
+	return R(e.estimate) ? !Number.isFinite(e.rate) || e.rate < 0 || e.rate > 1 ? "rate is outside 0–1" : ee(e.interval) || (e.interval.method === "mcnemar-exact" ? "exact McNemar applies to paired comparisons, not rates" : e.estimate === "descriptive" && e.interval.method !== "wilson" ? `descriptive estimate does not support ${L(e.interval)}` : e.interval.lower < 0 || e.interval.upper > 1 ? "the rate interval is outside 0–1" : e.rate < e.interval.lower - 1e-6 || e.rate > e.interval.upper + 1e-6 ? "the rate falls outside its interval" : null) : `${e.estimate} estimate`;
+}
+function ne(e) {
+	return !Number.isInteger(e.attempts) || e.attempts < 0 || !Number.isInteger(e.solved) || e.solved < 0 || e.solved > e.attempts ? "passed and attempt counts are invalid" : !Number.isFinite(e.rate) || e.rate < 0 || e.rate > 1 ? "rate is outside 0–1" : e.attempts > 0 && Math.abs(e.rate - e.solved / e.attempts) > 1e-6 ? "rate disagrees with passed/attempts" : e.attempts === 0 && e.rate !== 0 ? "rate has no attempts" : R(e.estimate) && e.attempts === 0 ? "drawable estimate has no attempts" : null;
+}
+function re(e) {
+	if (e.length > 0 && e.every((e) => e.rank !== null && e.estimate === "bootstrap")) return [...e].sort((e, t) => e.rank - t.rank);
+	let t = e.filter((e) => R(e.estimate)).sort((e, t) => t.rate - e.rate), n = e.filter((e) => !R(e.estimate)).sort((e, t) => t.attempts - e.attempts);
+	return [...t, ...n];
+}
+function ie(e, t = 0, n = 0) {
+	let r = e ? k.filter((t) => e[t] > 0).map((t) => `${e[t]}${t}`) : [];
+	return n && r.push(`${n} flagged`), t && r.push(`${t}U`), r.join(" ");
+}
+function ae(e) {
+	return e ? A.reduce((t, n) => t + e[n], 0) : 0;
+}
+function oe(e) {
+	return "refused" in e;
+}
+var H = [
+	"pass",
+	"deadline",
+	"died",
+	"event",
+	"release",
+	"steer",
+	"ruling",
+	"wake"
+], se = [
+	"pass",
+	"fail",
+	"unknown"
+], ce = [
+	"after-pass",
+	"idle",
+	"missing",
+	"blocked",
+	"group"
+], le = {
+	release: "diamond",
+	steer: "triangle",
+	ruling: "square",
+	wake: "circle"
+};
+function ue(e = [], t = [], n) {
+	let r = (e) => !n || e >= n[0] && e <= n[1];
+	for (let t of e) {
+		if (!t || typeof t.label != "string" || !t.label.trim()) return "Every mark needs a label.";
+		if (!H.includes(t.kind)) return `${t.label}: unknown mark kind.`;
+		if (t.verdict !== void 0 && !se.includes(t.verdict)) return `${t.label}: a verdict is pass, fail or unknown.`;
+		if (t.source !== void 0 && (typeof t.source != "string" || !t.source.trim())) return `${t.label}: a source needs a name.`;
+		if (!Number.isFinite(t.at) || !r(t.at)) return `${t.label}: mark position must be finite and inside the axis domain.`;
+	}
+	for (let e of t) {
+		if (!e || typeof e.label != "string" || !e.label.trim()) return "Every band needs a label.";
+		if (!ce.includes(e.kind)) return `${e.label}: unknown band kind.`;
+		if (!Number.isFinite(e.from) || !Number.isFinite(e.to) || (e.kind === "group" ? e.from > e.to : e.from >= e.to) || !r(e.from) || !r(e.to)) return `${e.label}: a band needs finite, increasing bounds inside the axis domain.`;
+	}
+	return null;
+}
+function de(e) {
+	return e.kind === "event" && e.source === "gap";
+}
+function U(e) {
+	return e.source ? `${e.label} · ${e.source}` : e.label;
+}
+function W(e) {
+	return [
+		e.kind,
+		e.verdict,
+		e.lane && `lane ${e.lane}`
+	].filter(Boolean).join(" · ");
+}
+function fe(e, t, n, r, i, a, o) {
+	return e.map((e) => {
+		if (e.kind === "group") return "";
+		let s = a ? Math.max(e.from, a[0]) : e.from, c = a ? Math.min(e.to, a[1]) : e.to;
+		if (c <= s) return "";
+		let [l, u] = o ? o(s, c) : [t(s), t(c)], d = l, f = u - l, p = `tgc-band tgc-band-${e.kind}`, m = e.kind === "missing" ? b(d, n, f, r - n, p) : v(d, n, f, r - n, p) + (e.kind === "blocked" ? x(d, n, d + f, n, "tgc-band-wall") : "");
+		return D(`${e.label}: ${i(e.from)} to ${i(e.to)}`, `<g data-band="${e.kind}">${m}</g>`);
+	}).join("");
+}
+function pe(e = []) {
+	return e.some((e) => e.kind === "group") ? 18 : 0;
+}
+function me(e, t, n, r, i, a, o, s) {
+	return e.filter((e) => e.kind === "group").map((e) => {
+		let c = s ? Math.max(e.from, s[0]) : e.from, u = s ? Math.min(e.to, s[1]) : e.to;
+		if (u < c) return "";
+		let [d, f] = t(c, u), p = f - d, m = p >= 24 ? l(e.label, p - 10, 12, "sans", 1).lines[0] : "", h = [d, f].filter((e) => e > i + .5 && e < a - .5).map((e) => x(e, n - 16, e, r, "tgc-group-edge")).join(""), g = x(d + 2, n - 3, f - 2, n - 3, "tgc-group-rule") + (m ? E(d + 3, n - 7, m, {
+			size: 12,
+			cls: "tgc-group-label"
+		}) : "");
+		return D(`${e.label}: ${o(e.from)} to ${o(e.to)}`, `<g data-band="group">${h}${g}</g>`);
+	}).join("");
+}
+function he(e, t) {
+	let n = [];
+	for (let r of [...e].sort((e, t) => e.at - t.at)) {
+		let e = t(r.at), i = n.at(-1), a = i?.marks[0], o = i && t(i.marks.at(-1).at);
+		i && r.kind !== "ruling" && a.kind === r.kind && a.verdict === r.verdict && (e - o < 3 || e - o < 12 && U(a) === U(r)) ? i.marks.push(r) : n.push({
+			x: e,
+			marks: [r]
+		});
+	}
+	return n;
+}
+function ge(e, t, n, r) {
+	let i = r.rows ?? 3, a = Math.max(48, Math.min(200, (n - t) * .42)), o = Array.from({ length: i }, () => []), s = (e, t, n) => o[e].every(([e, r]) => n + 6 <= e || t >= r + 6), u = (e, r, u, d, f) => {
+		let p = l(e, a, 12, "sans", 1).lines[0], m = c(p, 12);
+		for (let e of f ? [d, d === "start" ? "end" : "start"] : [d]) {
+			let [a, c] = e === "start" ? [r, r + m] : [u - m, u];
+			if (!(a < t - 4 || c > n + 4)) {
+				for (let t = 0; t < i; t++) if (s(t, a, c)) return o[t].push([a, c]), {
+					row: t,
+					x: e === "start" ? r : u,
+					anchor: e,
+					text: p
+				};
+			}
+		}
+		return null;
+	}, [d, f] = r.window ?? [-Infinity, Infinity], p = [...(r.after ?? []).map((e) => u(`${U(e)} +${P(e.at - f)} →`, n, n, "end", !1)), ...(r.before ?? []).map((e) => u(`← ${U(e)} −${P(d - e.at)}`, t, t, "start", !1))].filter((e) => e !== null), m = /* @__PURE__ */ new Map();
+	for (let r of [...e.filter((e) => !de(e.marks[0])), ...e.filter((e) => de(e.marks[0]))]) {
+		let e = r.x > t + (n - t) * .62, i = u(U(r.marks[0]) + (r.marks.length > 1 ? ` (+${r.marks.length - 1})` : ""), r.x + 4, r.x - 4, e ? "end" : "start", !0);
+		i && m.set(r, i);
+	}
+	return {
+		placed: m,
+		edges: p,
+		rows: Math.max(0, ...[...m.values(), ...p].map((e) => e.row + 1))
+	};
+}
+function G(e, t, n, r, i = {}) {
+	return ge(he(e, t), n, r, i).rows;
+}
+function _e(e, t, n, r = 3.5) {
+	let i = le[e];
+	return i ? `<path class="tgc-mark-head" d="${w(i, t, n, r)}"/>` : "";
+}
+function K(e, t, n, r, i, a, o, s = n, c = {}) {
+	let l = he(e, t), { placed: u, edges: d } = ge(l, i, a, c), f = (e) => s + 12 + e * 14, p = l.map((e) => {
+		let { x: t, marks: i } = e, a = i[0], c = le[a.kind] !== void 0 && a.kind !== "ruling" || de(a), l = x(t, Math.min(n, s), t, c ? n + 4 : r, `tgc-mark tgc-mark-${a.kind}`);
+		a.kind === "died" && (l += x(t - 4, r - 8, t + 4, r, "tgc-mark tgc-mark-died") + x(t - 4, r, t + 4, r - 8, "tgc-mark tgc-mark-died")), l += _e(a.kind, t, n + 4);
+		let u = a.verdict ? ` data-verdict="${a.verdict}" class="tgc-verdict-${a.verdict}"` : "";
+		return D(i.map((e) => `${U(e)}: ${o(e.at)}${e.verdict ? ` · ${e.verdict}` : ""}`).join("\n"), `<g data-mark="${a.kind}"${i.length > 1 ? ` data-merged="${i.length}"` : ""}${u}>${l}</g>`);
+	}).join("");
+	for (let e of l) {
+		let t = u.get(e);
+		t && (p += E(t.x, f(t.row), t.text, {
+			size: 12,
+			anchor: t.anchor,
+			cls: "tgc-mark-label"
+		}));
+	}
+	for (let e of d) p += `<g data-edge="${e.anchor === "end" ? "after" : "before"}">${E(e.x, f(e.row), e.text, {
+		size: 12,
+		anchor: e.anchor,
+		cls: "tgc-mark-label tgc-mark-edge"
+	})}</g>`;
+	return p;
+}
+function ve(e, t, n, r) {
+	if (!e.length && !t.length) return "";
+	let i = [...e.map((e) => ({
+		at: e.at,
+		cells: [
+			U(e),
+			W(e),
+			r(e.at),
+			""
+		]
+	})), ...t.map((e) => ({
+		at: e.from,
+		cells: [
+			e.label,
+			e.kind === "missing" ? "no data" : e.kind,
+			r(e.from),
+			r(e.to)
+		]
+	}))].sort((e, t) => e.at - t.at);
+	return O(`Recorded events by ${n}`, [
+		{ label: "Event" },
+		{ label: "Kind" },
+		{
+			label: `${n} from`,
+			numeric: !0
+		},
+		{
+			label: `${n} to`,
+			numeric: !0
+		}
+	], i.map((e) => e.cells));
+}
+var q = "Vertical rules mark recorded events (solid: pass, dashed: deadline, cross: died, dotted: other; a diamond is a release, a triangle a steer, a square a ruling and a circle a wake, coloured by verdict when one is recorded); tinted spans are recorded periods, a wall-topped span is a system-wide block, and hatched spans have no data.", ye = [
+	"ok",
+	"quota",
+	"lost",
+	"rate-limit",
+	"oom",
+	"refused",
+	"aborted",
+	"other"
+];
+Object.freeze(Object.fromEntries(ye.map((e) => [e, `var(--chart-outcome-${e === "aborted" ? "neutral" : e})`])));
+var be = [
+	"solved",
+	"not solved",
+	"died",
+	"stalled",
+	"cancelled",
+	"live",
+	"never started"
+], J = Object.freeze(Object.fromEntries(be.map((e) => [e, `var(--chart-ending-${e.replace(" ", "-")})`])));
+function xe(e) {
+	return e === void 0 ? "" : Number.isInteger(e) && e >= 0 && e < 4 ? `tgc-checker-${e}` : "tgc-checker-other";
+}
+var Se = ye, Ce = (e) => new Date(e).toISOString().slice(11, 16), we = 6e4, Te = 864e5, Ee = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+], De = [
+	1,
+	2,
+	5,
+	10,
+	15,
+	30,
+	60,
+	120,
+	180,
+	360,
+	720,
+	1440,
+	2880,
+	10080
+].map((e) => e * we);
+function Oe(e, t) {
+	let n = t.id ?? "timeline";
+	if (!e.length) return {
+		id: n,
+		refused: "No lanes recorded."
+	};
+	if (!t.measure?.trim()) return {
+		id: n,
+		refused: "A timeline needs a measure."
+	};
+	if (new Set(e.map((e) => e.id)).size !== e.length) return {
+		id: n,
+		refused: "Duplicate lane ids."
+	};
+	if (t.now !== void 0 && !Number.isFinite(t.now)) return {
+		id: n,
+		refused: "now must be a finite time."
+	};
+	let i = new Map(e.map((e) => [e.id, e]));
+	for (let t of e) {
+		let e = /* @__PURE__ */ new Set();
+		for (let r = t; r.parent !== void 0; r = i.get(r.parent)) {
+			if (!i.has(r.parent)) return {
+				id: n,
+				refused: `${r.label}: parent ${r.parent} is not a lane.`
+			};
+			if (e.has(r.id)) return {
+				id: n,
+				refused: `${t.label}: its parent chain loops back to ${r.label}.`
+			};
+			e.add(r.id);
+		}
+		if (t.depth !== void 0 && (!Number.isInteger(t.depth) || t.depth < 0)) return {
+			id: n,
+			refused: `${t.label}: depth must be a whole number of at least 0.`
+		};
+	}
+	let a = /* @__PURE__ */ new Map(), o = (e) => a.get(e.id) ?? a.set(e.id, e.parent === void 0 ? e.depth ?? 0 : o(i.get(e.parent)) + 1).get(e.id);
+	for (let t of e) {
+		let e = o(t);
+		if (t.depth !== void 0 && t.depth !== e) return {
+			id: n,
+			refused: `${t.label}: depth ${t.depth} is not one below its parent's ${e - 1}.`
+		};
+	}
+	let s = e.flatMap((e) => e.spans.map((t) => ({
+		lane: e,
+		span: t
+	})));
+	for (let { lane: e, span: r } of s) {
+		if (typeof r.state != "string" || !r.state.trim()) return {
+			id: n,
+			refused: `${e.label}: every span needs a state.`
+		};
+		if (!Number.isFinite(r.start) || r.end !== null && (!Number.isFinite(r.end) || r.end < r.start)) return {
+			id: n,
+			refused: `${e.label}: span times must be finite and end at or after their start.`
+		};
+		if (r.end === null && t.now === void 0) return {
+			id: n,
+			refused: `${e.label}: an open span needs now.`
+		};
+		if (r.end === null && t.now < r.start) return {
+			id: n,
+			refused: `${e.label}: an open span starts after now.`
+		};
+	}
+	for (let t of e) for (let e of t.ticks ?? []) {
+		if (!e || !Number.isFinite(e.at)) return {
+			id: n,
+			refused: `${t.label}: every tick needs a finite time.`
+		};
+		if (!Se.includes(e.outcome)) return {
+			id: n,
+			refused: `${t.label}: tick outcome ${String(e.outcome)} is not one of ${Se.join(", ")}.`
+		};
+	}
+	let u = ue(t.marks, t.bands);
+	if (u) return {
+		id: n,
+		refused: u
+	};
+	let d = t.marks ?? [], h = t.bands ?? [], _ = d.find((e) => e.lane !== void 0 && !i.has(e.lane));
+	if (_) return {
+		id: n,
+		refused: `${_.label}: lane ${_.lane} is not a lane.`
+	};
+	let y = (e) => e.end ?? t.now, S = e.flatMap((e) => e.ticks ?? []), C = [
+		...s.flatMap(({ span: e }) => [e.start, y(e)]),
+		...S.map((e) => e.at),
+		...t.now === void 0 ? [] : [t.now]
+	], w = C.length ? C : [...d.map((e) => e.at), ...h.flatMap((e) => [e.from, e.to])];
+	if (!w.length) return {
+		id: n,
+		refused: "No spans, ticks, marks or bands recorded."
+	};
+	let T = t.start ?? Math.min(...w), k = t.end ?? Math.max(...w);
+	if (!Number.isFinite(T) || !Number.isFinite(k) || k <= T) return {
+		id: n,
+		refused: "The window needs two finite, increasing times."
+	};
+	if (C.some((e) => e < T || e > k)) return {
+		id: n,
+		refused: "A span, tick or now falls outside the recorded window."
+	};
+	let A = t.formatTime ?? Ce, j = t.formatTime ?? ((e) => e % Te === 0 ? `${Ee[new Date(e).getUTCMonth()]} ${new Date(e).getUTCDate()}` : Ce(e)), M = new Set(t.hatch ?? ["missing", "untraced"]), N = new Set(t.muted ?? ["idle"]), F = t.collapsed !== void 0, I = new Set(t.collapsed ?? []), L = /* @__PURE__ */ new Map();
+	for (let t of e) L.set(t.parent, [...L.get(t.parent) ?? [], t]);
+	let ee = (e) => (L.get(e.id) ?? []).flatMap((e) => [e, ...ee(e)]), R = [], z = (e) => {
+		let t = ee(e), n = I.has(e.id) && t.length > 0, r = e.ticks, i = n && (r || t.some((e) => e.ticks)) ? [...r ?? [], ...t.flatMap((e) => e.ticks ?? [])] : r;
+		R.push({
+			lane: e,
+			depth: a.get(e.id),
+			children: (L.get(e.id) ?? []).length,
+			hidden: n ? t.length : 0,
+			folded: n,
+			ticks: i
+		}), n || (L.get(e.id) ?? []).forEach(z);
+	};
+	(L.get(void 0) ?? []).forEach(z);
+	let B = new Map(R.map((e, t) => [e.lane.id, t])), V = (e) => {
+		for (let t = i.get(e); t; t = t.parent === void 0 ? void 0 : i.get(t.parent)) if (B.has(t.id)) return B.get(t.id);
+		return 0;
+	}, te = (e) => e.at >= T && e.at <= k, ne = d.filter((e) => e.lane === void 0 && te(e)), re = d.filter((e) => e.lane !== void 0 && te(e)), ie = d.filter((e) => e.at < T), ae = d.filter((e) => e.at > k), oe = s.filter(({ span: e }) => e.end === null).length, H = s.filter(({ span: e }) => M.has(e.state)), se = H.reduce((e, { span: t }) => e + y(t) - t.start, 0), ce = (e) => {
+		let t = /* @__PURE__ */ new Map();
+		for (let n of e) t.set(n.outcome, (t.get(n.outcome) ?? 0) + 1);
+		let n = t.get("ok") ?? 0, r = e.length - n, i = [...t].filter(([e]) => e !== "ok").sort((e, t) => t[1] - e[1]).map(([e, t]) => `${t} ${e}`).join(", ");
+		return {
+			ok: n,
+			failed: r,
+			why: i,
+			text: `${n}✓ ${r}✗`,
+			sentence: `${n} ok, ${r} failed${i ? ` (${i})` : ""}`
+		};
+	}, le = (e) => (e.detail ?? []).filter((e) => typeof e == "string" && e.trim()), de = (e, n) => [`${e.label}: ${n.state} ${A(n.start)} to ${n.end === null ? `now (${A(t.now)}, open)` : A(n.end)}, ${P(y(n) - n.start)}${n.note ? ` · ${n.note}` : ""}`, ...le(e)].join("\n"), W = R.some((e) => e.ticks !== void 0), he = W ? Math.max(...R.filter((e) => e.ticks).map((e) => c(ce(e.ticks).text, 12, "mono"))) : 0, ge = (e) => {
+		let n = e === 358, i = n ? 10 : 12, a = (e) => 4 + e * i, o = (e) => a(e) + 11, s = (e) => e.hidden ? ` +${e.hidden}` : "", u = n ? 12 : Math.max(120, Math.min(Math.round(e * .34), Math.ceil(Math.max(...R.map((e) => o(e.depth) + c(e.lane.label + s(e), 12))) + 10))), d = n ? e - 12 : e - 16 - (he ? he + 10 : 0), p = (e) => u + (e - T) / (k - T) * (d - u), m = G(ne, p, u, d, {
+			before: ie,
+			after: ae,
+			window: [T, k]
+		}), _ = 8 + (m ? m * 14 + 6 : 0) + pe(h), S = n ? 40 : 24, C = _ + R.length * S, w = (e) => e + (n ? 19 : 5), O = fe(h, p, _, C, A, [T, k]) + me(h, (e, t) => [p(e), p(t)], _, C, u, d, A, [T, k]);
+		for (let e of Ae(T, k, p, u, d, j)) O += x(p(e), _, p(e), C, "tgc-gridline") + E(p(e), C + 16, j(e), {
+			size: 12,
+			cls: "tgc-ink-muted tgc-num",
+			anchor: "middle"
+		});
+		O += K(ne, p, _ - 8, C, u, d, A, 4, {
+			before: ie,
+			after: ae,
+			window: [T, k]
+		}), R.forEach((t, i) => {
+			let { lane: d } = t, m = _ + i * S, h = m + (n ? 9 : 12), g = m + (n ? 13 : 16), x = d.parent === void 0 ? void 0 : B.get(d.parent);
+			if (x !== void 0) {
+				let e = a(t.depth - 1) + 3, r = n ? m + 2 : _ + x * S + 19;
+				O += `<path class="tgc-tree" d="M${e} ${r}V${h}H${o(t.depth) - (t.children ? 13 : 3)}"/>`;
+			}
+			let C = t.ticks ? ce(t.ticks) : void 0, T = (n ? e - 12 - (C ? c(C.text, 12, "mono") + 8 : 0) : u - 8) - o(t.depth) - c(s(t), 12), E = l(d.label, Math.max(24, T), 12, "sans", 1).lines[0], k = `<text class="tgc-ink tgc-lane-label" x="${o(t.depth)}" y="${g}" font-size="12">${r(E)}${t.hidden ? `<tspan class="tgc-ink-muted">${r(s(t))}</tspan>` : ""}</text>`, j = t.children ? `<path class="tgc-caret" d="${t.folded ? `M${a(t.depth)} ${h - 4}l6 4l-6 4z` : `M${a(t.depth) - 1} ${h - 3}h8l-4 6z`}"/>` : "", P = [
+				d.label,
+				...le(d),
+				...C ? [`Attempts: ${C.sentence}${t.hidden ? `, including ${t.hidden} folded ${f(t.hidden, "lane")}` : ""}`] : []
+			].join("\n"), I = F && t.children ? ` data-toggle="${r(d.id)}" class="tgc-lane-toggle" role="button" tabindex="0" aria-expanded="${!t.folded}" aria-label="${r(`${t.folded ? "Unfold" : "Fold"} ${d.label}`)}"` : "", L = I ? v(a(t.depth) - 3, m + 1, (n ? e - 12 : u - 4) - a(t.depth) + 3, n ? 16 : S - 2, "tgc-lane-hit", "rx=\"3\"") : "";
+			O += `<g data-lane="${r(d.id)}" data-depth="${t.depth}"${t.folded ? ` data-folded="${t.hidden}"` : ""}><g${I}><title>${r(P)}</title>${L}${j}${k}</g>`;
+			for (let e of d.spans) {
+				let t = p(e.start), n = Math.max(1, p(y(e)) - t), r = M.has(e.state) ? b(t, w(m), n, 14, "tgc-span tgc-span-missing") : v(t, w(m), n, 14, `tgc-span${N.has(e.state) ? " tgc-span-muted" : ""}${e.end === null ? " tgc-span-open" : ""}`, "rx=\"2\"");
+				O += D(de(d, e), `<g data-state="${e.state.replace(/[^a-z0-9-]/gi, "")}"${e.end === null ? " data-open=\"true\"" : ""}>${r}</g>`);
+			}
+			if (t.ticks?.length && (O += ke(t.ticks, d.label, p, w(m), 14, A)), C) {
+				let r = n ? e - 12 : e - 16;
+				O += D(`${d.label}: ${C.sentence}${t.hidden ? ` across ${t.hidden + 1} lanes` : ""}`, `<text class="tgc-num tgc-count" x="${r}" y="${g}" font-size="12" text-anchor="end">${C.ok}<tspan class="tgc-count-ok">✓</tspan> ${C.failed}<tspan class="tgc-count-failed">✗</tspan></text>`);
+			}
+			O += "</g>";
+		});
+		for (let e of re) {
+			let t = _ + V(e.lane) * S, i = w(t) + 7, a = p(e.at), o = _e(e.kind, a, i, n ? 3 : 3.5) || x(a, w(t) - 3, a, w(t) + 14 + 3, `tgc-mark tgc-mark-${e.kind}`), s = e.verdict ? ` data-verdict="${e.verdict}" class="tgc-verdict-${e.verdict}"` : "";
+			O += D(`${U(e)}: ${A(e.at)}${e.verdict ? ` · ${e.verdict}` : ""}`, `<g data-mark="${e.kind}" data-lane-mark="${r(e.lane)}"${s}>${o}</g>`);
+		}
+		return t.now !== void 0 && (O += x(p(t.now), _, p(t.now), C, "tgc-now") + E(p(t.now), C + 30, `now ${A(t.now)}`, {
+			size: 12,
+			cls: "tgc-ink tgc-num",
+			anchor: p(t.now) > (u + d) / 2 ? "end" : "start"
+		})), g(e, C + (t.now === void 0 ? 22 : 36), O);
+	}, ye = ce(S), be = e.some((e) => e.parent !== void 0 || e.depth), J = F && R.some((e) => e.children), xe = be || S.length || e.some((e) => e.ticks || le(e).length) ? O(`${p(t.measure)}: lanes`, [
+		{ label: "Lane" },
+		{ label: "Started by" },
+		{
+			label: "Depth",
+			numeric: !0
+		},
+		{
+			label: "Attempts ok",
+			numeric: !0
+		},
+		{
+			label: "Attempts failed",
+			numeric: !0
+		},
+		{ label: "Failed by outcome" },
+		{ label: "Detail" }
+	], e.map((e) => {
+		let t = e.ticks ? ce(e.ticks) : void 0;
+		return [
+			e.label,
+			e.parent === void 0 ? "" : i.get(e.parent).label,
+			String(a.get(e.id)),
+			t ? String(t.ok) : "not recorded",
+			t ? String(t.failed) : "not recorded",
+			t?.why ?? "",
+			le(e).join(" · ")
+		];
+	})) : "";
+	return {
+		id: n,
+		finding: `${p(t.measure)} across ${e.length} ${f(e.length, "lane")}, ${A(T)} to ${A(k)}.`,
+		lede: `${s.length} recorded ${f(s.length, "span")}; ${oe} open${t.now === void 0 ? "" : ` at ${A(t.now)}`}; ${H.length} without data (${P(se)}).${S.length ? ` ${S.length} recorded ${f(S.length, "attempt")}: ${ye.sentence}.` : ""}`,
+		read: [
+			`Each lane shows its recorded spans on one time axis. Muted spans are ${[...N].join(", ") || "none"}; hatched spans have no data; an open span runs to now.`,
+			...be ? [`An indented lane was started by the lane its connector leads to${J ? "; a caret folds a lane's subtree, and a folded lane's ticks and counts include its subtree" : ""}.`] : [],
+			...W ? ["Each tick is one recorded attempt: ok ticks rise above the bar and failed ticks drop below it in their outcome's colour; the counts at the right are ok (✓) and failed (✗)."] : [],
+			...d.length + h.length ? [q] : []
+		].join(" "),
+		svg: {
+			wide: ge(m(t.width)),
+			narrow: ge(358),
+			...J ? { interactive: !0 } : {}
+		},
+		table: xe + O(`${p(t.measure)} by lane`, [
+			{ label: "Lane" },
+			{ label: "State" },
+			{
+				label: "Start",
+				numeric: !0
+			},
+			{
+				label: "End",
+				numeric: !0
+			},
+			{
+				label: "Duration",
+				numeric: !0
+			},
+			{ label: "Note" }
+		], s.map(({ lane: e, span: t }) => [
+			e.label,
+			t.state,
+			A(t.start),
+			t.end === null ? "open" : A(t.end),
+			P(y(t) - t.start),
+			t.note ?? ""
+		])) + ve(d, h, "time", A),
+		note: {
+			method: `Recorded span start and end times as supplied by the producer; open spans are drawn to the supplied now. No span is inferred, merged or reordered.${S.length ? " Ticks are recorded attempts at their recorded times; ticks of one outcome within 2 px are drawn as one, with the count in its hover." : ""}`,
+			n: `${s.length} spans${S.length ? ` and ${S.length} attempts` : ""} in ${e.length} lanes.`,
+			exclusions: [...H.map(({ lane: e, span: t }) => `${e.label}: ${t.state} ${A(t.start)} to ${t.end === null ? "now" : A(t.end)} has no data.`), ...[...ie, ...ae].map((e) => `${U(e)} falls ${e.at < T ? `${P(T - e.at)} before` : `${P(e.at - k)} after`} the recorded window; it is named at the edge, not drawn.`)]
+		}
+	};
+}
+function ke(e, t, n, r, i, a) {
+	let o = /* @__PURE__ */ new Map();
+	for (let t of [...e].sort((e, t) => e.at - t.at)) {
+		let e = `${t.outcome}|${Math.round(n(t.at) / 2)}`;
+		o.set(e, [...o.get(e) ?? [], t]);
+	}
+	return `<g class="tgc-ticks">${[...o.values()].sort((e, t) => Number(e[0].outcome === "ok") - Number(t[0].outcome === "ok")).map((e) => {
+		let o = e[0], s = e.at(-1), c = o.outcome === "ok", l = n(e.reduce((e, t) => e + t.at, 0) / e.length), u = /* @__PURE__ */ new Map();
+		for (let t of e) t.note && u.set(t.note, (u.get(t.note) ?? 0) + 1);
+		let d = [...u].sort((e, t) => t[1] - e[1])[0]?.[0];
+		return D(`${t}: ${e.length > 1 ? `${e.length} × ` : ""}${o.outcome} ${a(o.at)}${e.length > 1 ? ` to ${a(s.at)}` : ""}${d ? ` · ${d.length > 160 ? `${d.slice(0, 159)}…` : d}` : ""}`, x(l, c ? r - 4 : r + i / 2, l, c ? r + i / 2 : r + i + 4, `tgc-tick tgc-tick-${o.outcome}`));
+	}).join("")}</g>`;
+}
+function Ae(e, t, n, r, i, a) {
+	let o = (e) => {
+		let t = -Infinity;
+		for (let o of e) {
+			let e = c(a(o), 12, "mono"), s = n(o) - e / 2, l = n(o) + e / 2;
+			if (s < r - 14 || l > i + 14 || s < t + 10) return !1;
+			t = l;
+		}
+		return !0;
+	};
+	for (let n of De) {
+		let r = [];
+		for (let i = Math.ceil(e / n) * n; i <= t && r.length <= 12; i += n) r.push(i);
+		if (r.length >= 2 && r.length <= 12 && o(r)) return r;
+	}
+	return o([e, t]) ? [e, t] : [e];
+}
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+charts@0.21.19_react@19.3.0/node_modules/@tangle-network/charts/dist/react/index.js
+var Y = n(), X = /* @__PURE__ */ e(t(), 1);
+new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+var je = [
+	"#8b7cf6",
+	"#0ea5a0",
+	"#c98500",
+	"#e2508f",
+	"#4a90e2"
+], Me = (e) => e == null || !Number.isFinite(e) ? "—" : new Intl.NumberFormat("en-US", {
+	notation: "compact",
+	maximumFractionDigits: 1
+}).format(e), Ne = (e) => e === null || !Number.isFinite(e) ? "—" : `${Math.round(e * 100)}%`;
+function Pe() {
+	let [e, t] = (0, X.useState)(null), [n, r] = (0, X.useState)({
+		width: 0,
+		em: 16
+	});
+	return (0, X.useEffect)(() => {
+		if (!e) return;
+		let t = new ResizeObserver(([t]) => r({
+			width: Math.floor(t.contentRect.width),
+			em: parseFloat(getComputedStyle(e).fontSize) || 16
+		}));
+		return t.observe(e), () => t.disconnect();
+	}, [e]), [
+		t,
+		n.width,
+		n.em
+	];
+}
+function Fe(e) {
+	if (!(e > 0)) return {
+		top: 1,
+		ticks: [
+			0,
+			.5,
+			1
+		]
+	};
+	let t = 10 ** Math.floor(Math.log10(e)), n = [
+		1,
+		2,
+		2.5,
+		5,
+		10
+	].map((e) => e * t).find((t) => t * 4 >= e) ?? t * 10, r = Math.ceil(e / n) * n;
+	return {
+		top: r,
+		ticks: [
+			0,
+			r / 2,
+			r
+		]
+	};
+}
+function Ie({ tip: e }) {
+	return e ? /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "ov-tip",
+		role: "tooltip",
+		style: {
+			left: e.x,
+			top: e.y
+		},
+		children: [/* @__PURE__ */ (0, Y.jsx)("strong", { children: e.title }), e.lines.map((e) => /* @__PURE__ */ (0, Y.jsxs)("span", {
+			className: "ov-tip-line",
+			children: [
+				e.color && /* @__PURE__ */ (0, Y.jsx)("i", { style: { background: e.color } }),
+				/* @__PURE__ */ (0, Y.jsx)("span", { children: e.label }),
+				/* @__PURE__ */ (0, Y.jsx)("b", { children: e.value })
+			]
+		}, e.label))]
+	}) : null;
+}
+function Le({ days: e, series: t, format: n = Me, rows: r = 13, missing: i = "No runs started", tick: a = (e) => e.slice(5), onOpen: o }) {
+	let [s, c, l] = Pe(), u = Math.round(r * l), [d, f] = (0, X.useState)(null), p = e.map((e, n) => t.reduce((e, t) => e + (t.values[n] ?? 0), 0)), { top: m, ticks: h } = Fe(Math.max(...p)), g = Math.round(3.4 * l), _ = Math.round(1.8 * l), v = Math.max(0, c - g - 8), y = u - _ - 8, b = e.length ? v / e.length : 0, x = Math.max(3, b * .72), S = Math.max(1, Math.ceil(e.length / Math.max(1, Math.floor(v / (4.5 * l))))), C = Math.ceil(4.5 * l / Math.max(b, 1)), w = (e) => 8 + y - e / m * y;
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: s,
+		className: "ov-plot",
+		onMouseLeave: () => f(null),
+		children: [c > 0 && /* @__PURE__ */ (0, Y.jsxs)("svg", {
+			width: c,
+			height: u,
+			role: "img",
+			"aria-label": `${t.map((e) => e.name).join(", ")} per day`,
+			children: [h.map((e) => /* @__PURE__ */ (0, Y.jsxs)("g", { children: [/* @__PURE__ */ (0, Y.jsx)("line", {
+				x1: g,
+				x2: c - 8,
+				y1: w(e),
+				y2: w(e),
+				className: "ov-gridline"
+			}), /* @__PURE__ */ (0, Y.jsx)("text", {
+				x: g - l * .4,
+				y: w(e),
+				dominantBaseline: "middle",
+				className: "ov-axis",
+				textAnchor: "end",
+				children: n(e)
+			})] }, e)), e.map((r, s) => {
+				let d = 0, m = g + s * b + (b - x) / 2, h = () => f({
+					x: Math.min(g + s * b + b + 8, c - l * 14),
+					y: 8,
+					title: `${r} · ${t.every((e) => e.values[s] === null) ? i : n(p[s] ?? 0)}`,
+					lines: t.map((e) => ({
+						label: e.name,
+						value: e.values[s] === null ? i : n(e.values[s] ?? 0),
+						color: e.color
+					}))
+				});
+				return /* @__PURE__ */ (0, Y.jsxs)("g", {
+					role: o ? "button" : void 0,
+					tabIndex: o ? 0 : void 0,
+					"aria-label": o ? `Open ${r}` : void 0,
+					onFocus: o ? h : void 0,
+					onBlur: o ? () => f(null) : void 0,
+					onKeyDown: o ? (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(s));
+					} : void 0,
+					children: [
+						t.map((e) => {
+							let t = e.values[s] ?? 0;
+							if (!t) return null;
+							let n = w(d);
+							d += t;
+							let r = w(d);
+							return /* @__PURE__ */ (0, Y.jsx)("rect", {
+								x: m,
+								y: r,
+								width: x,
+								height: Math.max(2, n - r - 2),
+								rx: 2,
+								fill: e.color
+							}, e.name);
+						}),
+						(s === e.length - 1 || s % S === 0 && s + C <= e.length - 1) && /* @__PURE__ */ (0, Y.jsx)("text", {
+							x: m + x / 2,
+							y: u - l * .35,
+							className: "ov-axis",
+							textAnchor: "middle",
+							children: a(r)
+						}),
+						/* @__PURE__ */ (0, Y.jsx)("rect", {
+							x: g + s * b,
+							y: 8,
+							width: b,
+							height: y,
+							fill: "transparent",
+							style: o ? { cursor: "pointer" } : void 0,
+							onClick: o ? () => o(s) : void 0,
+							onMouseEnter: h
+						})
+					]
+				}, r);
+			})]
+		}), /* @__PURE__ */ (0, Y.jsx)(Ie, { tip: d })]
+	});
+}
+function Re({ rows: e, format: t = Me, color: n = je[0], max: r, limit: i = 8 }) {
+	let a = r ?? Math.max(1, ...e.map((e) => e.value));
+	if (!e.length) return /* @__PURE__ */ (0, Y.jsx)("p", {
+		className: "ov-empty",
+		children: "Nothing recorded."
+	});
+	let o = e.slice(i);
+	return /* @__PURE__ */ (0, Y.jsxs)("ol", {
+		className: "ov-hbars",
+		children: [e.slice(0, i).map((e) => {
+			let r = e.title ?? `${e.label}: ${t(e.value)}`, i = /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
+				/* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "ov-hbar-label",
+					children: e.label
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "ov-hbar-track",
+					children: /* @__PURE__ */ (0, Y.jsx)("span", { style: {
+						width: `${Math.max(1, e.value / a * 100)}%`,
+						background: e.color ?? n
+					} })
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "ov-hbar-value",
+					children: t(e.value)
+				}),
+				e.note && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "ov-hbar-note",
+					children: e.note
+				})
+			] });
+			return /* @__PURE__ */ (0, Y.jsx)("li", { children: e.href ? /* @__PURE__ */ (0, Y.jsx)("a", {
+				href: e.href,
+				title: r,
+				children: i
+			}) : /* @__PURE__ */ (0, Y.jsx)("div", {
+				title: r,
+				children: i
+			}) }, e.label);
+		}), o.length > 0 && /* @__PURE__ */ (0, Y.jsxs)("li", {
+			className: "ov-hbars-more",
+			children: [
+				"+",
+				o.length,
+				" more · ",
+				t(o.reduce((e, t) => e + t.value, 0))
+			]
+		})]
+	});
+}
+function ze({ series: e, format: t = Me, rows: n = 13, axis: r, marks: i = [], bands: a = [] }) {
+	let [o, s, c] = Pe(), l = Math.round(n * c), [u, d] = (0, X.useState)(null), f = ue(i, a);
+	if (f) throw RangeError(f);
+	let p = e.flatMap((e) => e.points);
+	if (!p.length) return /* @__PURE__ */ (0, Y.jsx)("p", {
+		className: "ov-empty",
+		children: "No history yet."
+	});
+	let m = [
+		...p.map((e) => e[0]),
+		...i.map((e) => e.at),
+		...a.flatMap((e) => [e.from, e.to])
+	], h = Math.min(...m), g = Math.max(...m), { top: _, ticks: v } = Fe(Math.max(...p.map((e) => e[1]))), y = Math.round(3.4 * c), b = Math.round(1.8 * c), x = Math.max(0, s - y - 10), S = l - b - 8, C = (e) => y + (g > h ? (e - h) / (g - h) * x : 0), T = (e) => 8 + S - e / _ * S, E = (e, t) => e.reduce((e, n) => Math.abs(n[0] - t) < Math.abs(e[0] - t) ? n : e, e[0]), D = (e) => new Date(e).toISOString().slice(5, 16).replace("T", " ");
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: o,
+		className: "ov-plot",
+		onMouseMove: (e) => {
+			let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left;
+			d(n >= y ? h + (n - y) / Math.max(1, x) * (g - h) : null);
+		},
+		onMouseLeave: () => d(null),
+		children: [
+			s > 0 && /* @__PURE__ */ (0, Y.jsxs)("svg", {
+				width: s,
+				height: l,
+				role: "img",
+				"aria-label": e.map((e) => e.name).join(", "),
+				children: [
+					v.map((e) => /* @__PURE__ */ (0, Y.jsxs)("g", { children: [/* @__PURE__ */ (0, Y.jsx)("line", {
+						x1: y,
+						x2: s - 10,
+						y1: T(e),
+						y2: T(e),
+						className: "ov-gridline"
+					}), /* @__PURE__ */ (0, Y.jsx)("text", {
+						x: y - c * .4,
+						y: T(e),
+						dominantBaseline: "middle",
+						className: "ov-axis",
+						textAnchor: "end",
+						children: t(e)
+					})] }, e)),
+					[
+						h,
+						(h + g) / 2,
+						g
+					].map((e, t) => /* @__PURE__ */ (0, Y.jsx)("text", {
+						x: C(e),
+						y: l - c * .35,
+						className: "ov-axis",
+						textAnchor: t === 0 ? "start" : t === 2 ? "end" : "middle",
+						children: r ? r(e) : D(e).slice(0, 5)
+					}, t)),
+					a.map((e, t) => /* @__PURE__ */ (0, Y.jsx)(Ve, {
+						band: e,
+						x: C(e.from),
+						y: 8,
+						width: C(e.to) - C(e.from),
+						height: S
+					}, `band-${t}`)),
+					e.map((e) => e.dots ? /* @__PURE__ */ (0, Y.jsx)("g", { children: e.points.map((t) => /* @__PURE__ */ (0, Y.jsx)("circle", {
+						cx: C(t[0]),
+						cy: T(t[1]),
+						r: Math.max(3, c / 5),
+						fill: e.color,
+						stroke: "var(--chart-live-surface, #fff)",
+						strokeWidth: 1.5
+					}, t[0])) }, e.name) : /* @__PURE__ */ (0, Y.jsxs)("g", {
+						"data-series": e.name,
+						"data-dash": e.dash ?? "solid",
+						"data-marker": e.marker,
+						children: [/* @__PURE__ */ (0, Y.jsx)("polyline", {
+							fill: "none",
+							stroke: e.color,
+							strokeWidth: Math.max(2, c / 8),
+							strokeLinejoin: "round",
+							strokeLinecap: e.dash === "dot" ? "round" : void 0,
+							strokeDasharray: Be(e.dash, c),
+							points: e.points.map((e) => `${C(e[0])},${T(e[1])}`).join(" ")
+						}), e.marker && (e.points.length <= 30 ? e.points : e.points.slice(-1)).map((t) => /* @__PURE__ */ (0, Y.jsx)("path", {
+							d: w(e.marker, C(t[0]), T(t[1]), Math.max(3, c / 5)),
+							fill: e.color,
+							stroke: "var(--chart-live-surface, var(--chart-canvas))",
+							strokeWidth: 1.5
+						}, t[0]))]
+					}, e.name)),
+					[...i].sort((e, t) => e.at - t.at).map((e, t) => /* @__PURE__ */ (0, Y.jsx)(He, {
+						mark: e,
+						x: C(e.at),
+						top: 8,
+						bottom: 8 + S,
+						row: t % 3,
+						em: c,
+						flip: C(e.at) > y + x * .62
+					}, `mark-${t}`)),
+					u !== null && /* @__PURE__ */ (0, Y.jsx)("line", {
+						x1: C(u),
+						x2: C(u),
+						y1: 8,
+						y2: 8 + S,
+						className: "ov-crosshair"
+					}),
+					u !== null && e.map((e) => {
+						let t = e.points.length ? E(e.points, u) : null;
+						return t ? /* @__PURE__ */ (0, Y.jsx)("circle", {
+							cx: C(t[0]),
+							cy: T(t[1]),
+							r: Math.max(4, c / 4),
+							fill: e.color,
+							stroke: "var(--chart-live-surface, #fff)",
+							strokeWidth: 2
+						}, e.name) : null;
+					})
+				]
+			}),
+			u !== null && /* @__PURE__ */ (0, Y.jsx)(Ie, { tip: {
+				x: Math.min(C(u) + 10, s - c * 14),
+				y: 8,
+				title: r ? r(u) : D(u),
+				lines: e.filter((e) => e.points.length).map((e) => {
+					let n = E(e.points, u);
+					return {
+						label: e.label ? e.label(n[0]) : e.name,
+						value: t(n[1]),
+						color: e.color
+					};
+				})
+			} }),
+			e.length > 1 && e.some((e) => e.dash || e.marker) && /* @__PURE__ */ (0, Y.jsx)("ul", {
+				className: "ov-key",
+				"aria-label": "Series",
+				children: e.map((e) => /* @__PURE__ */ (0, Y.jsxs)("li", { children: [/* @__PURE__ */ (0, Y.jsxs)("svg", {
+					width: c * 2,
+					height: c,
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ (0, Y.jsx)("line", {
+						x1: 0,
+						x2: c * 2,
+						y1: c / 2,
+						y2: c / 2,
+						stroke: e.color,
+						strokeWidth: Math.max(2, c / 8),
+						strokeDasharray: Be(e.dash, c),
+						strokeLinecap: e.dash === "dot" ? "round" : void 0
+					}), e.marker && /* @__PURE__ */ (0, Y.jsx)("path", {
+						d: w(e.marker, c, c / 2, Math.max(3, c / 5)),
+						fill: e.color
+					})]
+				}), e.name] }, e.name))
+			}),
+			/* @__PURE__ */ (0, Y.jsx)(Ue, {
+				marks: i,
+				bands: a,
+				format: r ?? ((e) => D(e))
+			})
+		]
+	});
+}
+function Be(e, t) {
+	return e === "dash" ? `${Math.round(t * .55)} ${Math.round(t * .3)}` : e === "dot" ? `0.1 ${Math.round(t * .35)}` : void 0;
+}
+function Ve({ band: e, x: t, y: n, width: r, height: i }) {
+	return /* @__PURE__ */ (0, Y.jsxs)("g", {
+		"data-band": e.kind,
+		"data-hatched": e.kind === "missing" ? "true" : void 0,
+		children: [
+			/* @__PURE__ */ (0, Y.jsx)("title", { children: e.label }),
+			/* @__PURE__ */ (0, Y.jsx)("rect", {
+				x: t,
+				y: n,
+				width: Math.max(0, r),
+				height: i,
+				className: e.kind === "missing" ? "ov-hatch-bg" : `ov-band ov-band-${e.kind}`
+			}),
+			e.kind === "missing" && /* @__PURE__ */ (0, Y.jsx)("path", {
+				d: y(t, n, r, i),
+				className: "ov-hatch"
+			})
+		]
+	});
+}
+function He({ mark: e, x: t, top: n, bottom: r, row: i, em: a, flip: o }) {
+	let s = Math.max(3, a / 4), c = le[e.kind];
+	return /* @__PURE__ */ (0, Y.jsxs)("g", {
+		"data-mark": e.kind,
+		"data-verdict": e.verdict,
+		className: e.verdict ? `ov-verdict-${e.verdict}` : void 0,
+		children: [
+			/* @__PURE__ */ (0, Y.jsx)("title", { children: U(e) }),
+			/* @__PURE__ */ (0, Y.jsx)("line", {
+				x1: t,
+				x2: t,
+				y1: n,
+				y2: r,
+				className: `ov-mark ov-mark-${e.kind}`
+			}),
+			e.kind === "died" && /* @__PURE__ */ (0, Y.jsx)("path", {
+				d: `M${t - s} ${r - 2 * s}L${t + s} ${r}M${t - s} ${r}L${t + s} ${r - 2 * s}`,
+				className: "ov-mark ov-mark-died"
+			}),
+			c && /* @__PURE__ */ (0, Y.jsx)("path", {
+				d: w(c, t, n + s, s),
+				className: "ov-mark-head"
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("text", {
+				x: o ? t - a * .3 : t + a * .3,
+				y: n + a * (.9 + i),
+				textAnchor: o ? "end" : "start",
+				className: "ov-mark-label",
+				children: U(e)
+			})
+		]
+	});
+}
+function Ue({ marks: e, bands: t, format: n }) {
+	if (!e.length && !t.length) return null;
+	let r = [...e.map((e) => ({
+		at: e.at,
+		kind: e.kind,
+		text: `${U(e)} · ${n(e.at)}${e.verdict ? ` · ${e.verdict}` : ""}`
+	})), ...t.map((e) => ({
+		at: e.from,
+		kind: e.kind,
+		text: `${e.label} · ${n(e.from)} to ${n(e.to)}${e.kind === "missing" ? " · no data" : ""}`
+	}))].sort((e, t) => e.at - t.at);
+	return /* @__PURE__ */ (0, Y.jsx)("ul", {
+		className: "ov-events",
+		"aria-label": "Recorded events",
+		children: r.map((e, t) => /* @__PURE__ */ (0, Y.jsxs)("li", {
+			"data-kind": e.kind,
+			children: [/* @__PURE__ */ (0, Y.jsx)("i", {
+				className: `ov-event-swatch ov-event-${e.kind}`,
+				"aria-hidden": "true"
+			}), e.text]
+		}, t))
+	});
+}
+var We = [
+	"var(--chart-accent)",
+	"var(--chart-tier-c)",
+	"var(--chart-muted)"
+];
+function Ge({ used: e, total: t, format: n = Me, tone: r, text: i, segments: a, untraced: o = "untraced" }) {
+	if (a) return /* @__PURE__ */ (0, Y.jsx)(Ke, {
+		segments: a,
+		total: t,
+		format: n,
+		text: i,
+		untraced: o
+	});
+	let s = e != null && t ? Math.min(1, e / t) : null;
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "ov-meter",
+		children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "ov-meter-track",
+			children: /* @__PURE__ */ (0, Y.jsx)("span", { style: {
+				width: `${(s ?? 0) * 100}%`,
+				background: r ?? (s !== null && s > .9 ? "var(--chart-live-danger, #d85050)" : s !== null && s > .7 ? "var(--chart-live-warning, #c98500)" : je[0])
+			} })
+		}), /* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "ov-meter-text",
+			children: i ?? `${n(e ?? NaN)} of ${n(t ?? NaN)} · ${Ne(s)}`
+		})]
+	});
+}
+function Ke({ segments: e, total: t, format: n, text: r, untraced: i }) {
+	for (let t of e) if (t.value !== null && (!Number.isFinite(t.value) || t.value < 0)) throw RangeError(`${t.label}: a segment value must be a nonnegative finite number or null.`);
+	let a = e.reduce((e, t) => e + (t.value ?? 0), 0), o = t != null && Number.isFinite(t) && t > 0 ? t : null;
+	if (o !== null && a > o * (1 + 1e-9)) throw RangeError(`Segments sum to ${a}, more than the total ${o}.`);
+	let s = o === null ? 0 : o - a, c = [...e.map((e, t) => ({
+		...e,
+		color: e.color ?? We[t % We.length],
+		remainder: !1
+	})), ...s > o * 1e-9 ? [{
+		label: i,
+		value: s,
+		kind: "untraced",
+		color: void 0,
+		remainder: !0
+	}] : []], l = (e) => o === null ? null : e / o;
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "ov-meter",
+		"data-segmented": "true",
+		children: [
+			/* @__PURE__ */ (0, Y.jsx)("span", {
+				className: `ov-meter-track${o === null ? " ov-hatched" : ""}`,
+				"data-hatched": o === null ? "true" : void 0,
+				"aria-hidden": "true",
+				children: o !== null && c.filter((e) => e.value !== null && e.value > 0).map((e) => /* @__PURE__ */ (0, Y.jsx)("span", {
+					"data-segment": e.label,
+					"data-hatched": e.kind === "untraced" ? "true" : void 0,
+					className: e.kind === "untraced" ? "ov-hatched" : void 0,
+					style: {
+						width: `${e.value / o * 100}%`,
+						background: e.kind === "untraced" ? void 0 : e.color
+					}
+				}, e.label))
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("ul", {
+				className: "ov-meter-key",
+				children: c.map((e) => /* @__PURE__ */ (0, Y.jsxs)("li", {
+					"data-segment": e.label,
+					children: [
+						/* @__PURE__ */ (0, Y.jsx)("i", {
+							className: e.kind === "untraced" || e.value === null ? "ov-hatched" : void 0,
+							style: e.kind === "untraced" || e.value === null ? void 0 : { background: e.color },
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ (0, Y.jsx)("span", { children: e.label }),
+						/* @__PURE__ */ (0, Y.jsx)("b", { children: e.value === null ? "not recorded" : `${n(e.value)}${o === null ? "" : ` · ${Ne(l(e.value))}`}` })
+					]
+				}, e.label))
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "ov-meter-text",
+				children: r ?? (o === null ? "total not recorded" : `${n(a)} of ${n(o)} accounted · ${Ne(a / o)}`)
+			})
+		]
+	});
+}
+function qe({ rows: e, lanes: t, colors: n, axis: r, span: i, marks: a = [], now: o, hatch: s = ["missing", "untraced"] }) {
+	let [c, l, u] = Pe(), [d, f] = (0, X.useState)(null), p = t ?? (e ?? []).map((e, t) => ({
+		id: `${e.label}-${t}`,
+		label: e.label,
+		spans: [{
+			start: e.start,
+			end: e.end,
+			state: e.state,
+			note: e.note
+		}]
+	})), m = ue(a);
+	if (m) throw RangeError(m);
+	if (o !== void 0 && !Number.isFinite(o)) throw RangeError("now must be a finite time.");
+	if (t) for (let e of p) for (let t of e.spans) {
+		if (!Number.isFinite(t.start) || t.end !== null && (!Number.isFinite(t.end) || t.end < t.start)) throw RangeError(`${e.label}: span times must be finite and end at or after their start.`);
+		if (t.end === null && (o === void 0 || o < t.start)) throw RangeError(`${e.label}: an open span needs a now at or after its start.`);
+	}
+	let h = p.flatMap((e) => e.spans);
+	if (!h.length) return /* @__PURE__ */ (0, Y.jsx)("p", {
+		className: "ov-empty",
+		children: "No agent has started."
+	});
+	let g = (e) => e.end ?? o, _ = Math.round(1.25 * u), v = Math.min(Math.round(13 * u), Math.round(l * .32)), b = a.length ? 4 + Math.round(Math.min(3, a.length) * u + .3 * u) : 4, x = Math.round(1.8 * u), S = b + p.length * _ + x, C = [
+		...h.flatMap((e) => [e.start, g(e)]),
+		...a.map((e) => e.at),
+		...o === void 0 ? [] : [o]
+	], w = Math.min(...C), T = Math.max(...C, w + 6e4), E = Math.max(0, l - v - 10), D = (e) => v + (e - w) / (T - w) * E, O = n.unknown ?? "var(--chart-live-faint, var(--chart-muted))", k = new Set(s), A = b + p.length * _;
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: c,
+		className: "ov-plot",
+		onMouseLeave: () => f(null),
+		children: [
+			l > 0 && /* @__PURE__ */ (0, Y.jsxs)("svg", {
+				width: l,
+				height: S,
+				role: "img",
+				"aria-label": `${p.length} ${t ? "lanes" : "agents"} over time`,
+				children: [
+					[
+						0,
+						.25,
+						.5,
+						.75,
+						1
+					].map((e) => /* @__PURE__ */ (0, Y.jsxs)("g", { children: [/* @__PURE__ */ (0, Y.jsx)("line", {
+						x1: v + e * E,
+						x2: v + e * E,
+						y1: b,
+						y2: A,
+						className: "ov-gridline"
+					}), /* @__PURE__ */ (0, Y.jsx)("text", {
+						x: v + e * E,
+						y: S - u * .35,
+						className: "ov-axis",
+						textAnchor: e === 0 ? "start" : e === 1 ? "end" : "middle",
+						children: r(w + e * (T - w))
+					})] }, e)),
+					p.map((e, t) => {
+						let r = b + t * _;
+						return /* @__PURE__ */ (0, Y.jsxs)("g", {
+							"data-lane": e.id,
+							children: [
+								/* @__PURE__ */ (0, Y.jsx)("rect", {
+									x: 0,
+									y: r,
+									width: l,
+									height: _,
+									fill: "transparent",
+									onMouseEnter: () => f({
+										x: Math.min(D(g(e.spans.at(-1) ?? { end: T })) + 8, l - u * 16),
+										y: Math.max(0, r - u),
+										title: e.label,
+										lines: e.spans.flatMap((e) => [{
+											label: e.end === null ? `${e.state} (open)` : e.state,
+											value: i(e.start, g(e)),
+											color: k.has(e.state) ? void 0 : n[e.state] ?? O
+										}, ...e.note ? [{
+											label: e.note,
+											value: ""
+										}] : []])
+									})
+								}),
+								/* @__PURE__ */ (0, Y.jsx)("text", {
+									x: v - u * .5,
+									y: r + _ / 2,
+									dominantBaseline: "middle",
+									textAnchor: "end",
+									className: "ov-axis ov-gantt-label",
+									children: e.label.length > 26 ? `${e.label.slice(0, 25)}…` : e.label
+								}),
+								e.spans.map((t, a) => {
+									let o = n[t.state] ?? O, s = D(t.start), c = Math.max(2, D(g(t)) - s), d = r + _ * .18, p = _ * .64, m = t.end === null;
+									return /* @__PURE__ */ (0, Y.jsx)("g", {
+										"data-state": t.state,
+										"data-open": m ? "true" : void 0,
+										"data-hatched": k.has(t.state) ? "true" : void 0,
+										onMouseEnter: () => f({
+											x: Math.min(s + c + 8, l - u * 16),
+											y: Math.max(0, r - u),
+											title: e.label,
+											lines: [{
+												label: m ? `${t.state} (open)` : t.state,
+												value: i(t.start, g(t)),
+												color: k.has(t.state) ? void 0 : o
+											}, ...t.note ? [{
+												label: t.note,
+												value: ""
+											}] : []]
+										}),
+										children: k.has(t.state) ? /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("rect", {
+											x: s,
+											y: d,
+											width: c,
+											height: p,
+											className: "ov-hatch-bg"
+										}), /* @__PURE__ */ (0, Y.jsx)("path", {
+											d: y(s, d, c, p, 4),
+											className: "ov-hatch"
+										})] }) : /* @__PURE__ */ (0, Y.jsx)("rect", {
+											x: s,
+											y: d,
+											width: c,
+											height: p,
+											rx: 2,
+											fill: o,
+											className: m ? "ov-gantt-open" : void 0
+										})
+									}, a);
+								})
+							]
+						}, e.id);
+					}),
+					o !== void 0 && /* @__PURE__ */ (0, Y.jsx)("line", {
+						x1: D(o),
+						x2: D(o),
+						y1: b,
+						y2: A,
+						className: "ov-now",
+						"data-now": "true"
+					}),
+					[...a].sort((e, t) => e.at - t.at).map((e, t) => /* @__PURE__ */ (0, Y.jsx)(He, {
+						mark: e,
+						x: D(e.at),
+						top: 4,
+						bottom: A,
+						row: t % 3,
+						em: u,
+						flip: D(e.at) > v + E * .62
+					}, `mark-${t}`))
+				]
+			}),
+			/* @__PURE__ */ (0, Y.jsx)(Ie, { tip: d }),
+			/* @__PURE__ */ (0, Y.jsx)(Ue, {
+				marks: a,
+				bands: [],
+				format: r
+			})
+		]
+	});
+}
+var Je = 24, Ye = Je / 2;
+function Xe({ value: e, bound: t = null, target: n, stretch: r = null, scale: i = "log", format: a = Me, tone: o = "var(--chart-live-accent, #8b7cf6)", titles: s = {}, label: c }) {
+	let [l, u] = Pe(), d = i === "log" && e > 0 && n.min > 0, f = (e) => d ? Math.log10(e) : e, p = [
+		e,
+		n.min,
+		n.max,
+		...r ? [r.min, r.max] : []
+	].map(f), m = Math.min(...p), h = Math.max(...p), g = Math.max((h - m) * .08, d ? .15 : Math.abs(h) * .05 || 1), _ = (e) => u ? (f(e) - (m - g)) / (h - m + 2 * g) * u : 0, v = (e) => ({
+		x: _(e.min),
+		w: Math.max(4, _(e.max) - _(e.min))
+	}), y = v(n), b = r ? v(r) : null, x = e < n.min ? _(n.min) : e > n.max ? _(n.max) : _(e), S = _(e), C = (e) => e.min === e.max ? `≈${a(e.min)}` : `${a(e.min)}–${a(e.max)}`, w = d && u ? Array.from({ length: Math.floor(h + g) - Math.ceil(m - g) + 1 }, (e, t) => Math.ceil(m - g) + t) : [], T = t === "upper" ? `M${S + 4},6 L${S - 4},${Ye} L${S + 4},18` : `M${S - 4},6 L${S + 4},${Ye} L${S - 4},18`;
+	return /* @__PURE__ */ (0, Y.jsx)("div", {
+		ref: l,
+		className: "ov-gap",
+		role: "img",
+		"aria-label": c ?? `${t === "upper" ? "≤" : t === "lower" ? "≥" : ""}${a(e)} against ${C(n)}`,
+		children: u > 0 && /* @__PURE__ */ (0, Y.jsxs)("svg", {
+			width: u,
+			height: Je,
+			viewBox: `0 0 ${u} ${Je}`,
+			"aria-hidden": !0,
+			children: [
+				/* @__PURE__ */ (0, Y.jsx)("line", {
+					className: "ov-gap-track",
+					x1: 0,
+					x2: u,
+					y1: Ye,
+					y2: Ye
+				}),
+				w.map((e) => /* @__PURE__ */ (0, Y.jsx)("line", {
+					className: "ov-gap-tick",
+					x1: _(10 ** e),
+					x2: _(10 ** e),
+					y1: 8,
+					y2: 16
+				}, e)),
+				b && /* @__PURE__ */ (0, Y.jsx)("rect", {
+					className: "ov-gap-stretch",
+					x: b.x,
+					y: 4,
+					width: b.w,
+					height: 16,
+					rx: 4,
+					children: /* @__PURE__ */ (0, Y.jsx)("title", { children: s.stretch ?? `stretch ${C(r)}` })
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("rect", {
+					className: "ov-gap-target",
+					x: y.x,
+					y: 4,
+					width: y.w,
+					height: 16,
+					rx: 4,
+					children: /* @__PURE__ */ (0, Y.jsx)("title", { children: s.target ?? `target ${C(n)}` })
+				}),
+				Math.abs(x - S) > 1 && /* @__PURE__ */ (0, Y.jsx)("line", {
+					className: "ov-gap-span",
+					x1: S,
+					x2: x,
+					y1: Ye,
+					y2: Ye,
+					style: { stroke: o }
+				}),
+				/* @__PURE__ */ (0, Y.jsxs)("g", {
+					className: "ov-gap-value",
+					children: [
+						/* @__PURE__ */ (0, Y.jsx)("title", { children: s.value ?? `${t === "upper" ? "≤" : t === "lower" ? "≥" : ""}${a(e)}` }),
+						t ? /* @__PURE__ */ (0, Y.jsx)("path", {
+							d: T,
+							fill: "none",
+							stroke: o,
+							strokeWidth: 2,
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						}) : /* @__PURE__ */ (0, Y.jsx)("circle", {
+							cx: S,
+							cy: Ye,
+							r: 5,
+							fill: o
+						}),
+						/* @__PURE__ */ (0, Y.jsx)("rect", {
+							x: S - 8,
+							y: 0,
+							width: 16,
+							height: Je,
+							fill: "transparent"
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function Ze({ figure: e, presentation: t = "chart" }) {
+	let [n, r] = Pe(), i = r >= 720 ? Math.floor(r / 32) * 32 : 720, a = (0, X.useMemo)(() => typeof e == "function" ? e(i) : e, [e, i]);
+	if (oe(a)) return /* @__PURE__ */ (0, Y.jsx)("p", {
+		className: "ov-refusal",
+		role: "note",
+		"data-refused": a.id,
+		children: a.refused
+	});
+	let o = r > 0 && r < 720 ? a.svg.narrow ? "narrow" : "table" : "wide", s = o === "wide" ? a.svg.wide : o === "narrow" ? a.svg.narrow : a.table, c = [
+		a.note.method,
+		a.note.n,
+		...a.note.exclusions
+	].join(" ");
+	return /* @__PURE__ */ (0, Y.jsxs)("figure", {
+		ref: n,
+		className: "tgc-figure tgc-figure-chart tgc-figure-view",
+		"data-figure": a.id,
+		"data-layout": o,
+		"aria-label": a.finding,
+		children: [
+			t === "report" && /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("h3", {
+				className: "tgc-finding",
+				children: a.finding
+			}), /* @__PURE__ */ (0, Y.jsx)("p", {
+				className: "tgc-lede",
+				children: a.lede
+			})] }),
+			/* @__PURE__ */ (0, Y.jsx)("div", {
+				className: `tgc-view-plot tgc-view-${o}`,
+				role: a.svg.interactive ? "group" : "img",
+				"aria-label": `${a.finding} ${a.lede}`,
+				style: o === "narrow" ? { maxWidth: 358 } : void 0,
+				dangerouslySetInnerHTML: { __html: s }
+			}),
+			/* @__PURE__ */ (0, Y.jsxs)("details", {
+				className: "tgc-data",
+				children: [
+					/* @__PURE__ */ (0, Y.jsx)("summary", { children: "Data and method" }),
+					/* @__PURE__ */ (0, Y.jsx)("p", {
+						className: "tgc-lede",
+						children: a.lede
+					}),
+					/* @__PURE__ */ (0, Y.jsx)("p", {
+						className: "tgc-read",
+						children: a.read
+					}),
+					/* @__PURE__ */ (0, Y.jsx)("p", {
+						className: "tgc-read",
+						children: c
+					}),
+					/* @__PURE__ */ (0, Y.jsx)("div", {
+						className: "tgc-scroll",
+						role: "region",
+						"aria-label": `${a.finding} data`,
+						tabIndex: 0,
+						dangerouslySetInnerHTML: { __html: a.table }
+					})
+				]
+			})
+		]
+	});
+}
+var Qe = Object.freeze([
+	"var(--chart-category-1)",
+	"var(--chart-category-2)",
+	"var(--chart-category-3)",
+	"var(--chart-category-other)"
+]);
+function $e(e, t) {
+	let n = document.createElement("span");
+	n.style.display = "none", e.appendChild(n);
+	let r = t.map((e) => (n.style.color = "", n.style.color = e, getComputedStyle(n).color || e));
+	return n.remove(), r;
+}
+function et(e, t, n) {
+	let [r, i, a, o] = t, s = Math.max(1, Math.ceil((a - r) / n)), c = Math.max(1, Math.ceil((o - i) / n)), l = /* @__PURE__ */ new Map();
+	for (let t = 0; t < e.length / 2; t++) {
+		let a = Math.min(s - 1, Math.max(0, Math.floor((e[t * 2] - r) / n))), o = Math.min(c - 1, Math.max(0, Math.floor((e[t * 2 + 1] - i) / n))) * s + a, u = l.get(o);
+		u ? u.push(t) : l.set(o, [t]);
+	}
+	return {
+		cols: s,
+		rows: c,
+		cell: n,
+		cells: l,
+		x0: r,
+		y0: i
+	};
+}
+function tt({ positions: e, radii: t, colors: n, palette: r, extent: i, rects: a, labels: o, dimmed: s, selected: c, minPixelRadius: l = 1.2, onHover: u, onSelect: d, describe: f, height: p = 560, ariaLabel: m }) {
+	let h = (0, X.useRef)(null), g = (0, X.useRef)(null), [_, v] = (0, X.useState)({
+		width: 0,
+		height: p
+	}), y = (0, X.useRef)({
+		scale: 1,
+		tx: 0,
+		ty: 0
+	}), b = (0, X.useRef)(""), x = (0, X.useRef)(0), [S, C] = (0, X.useState)(null), w = (0, X.useRef)([]), T = e.length / 2, E = (0, X.useMemo)(() => typeof t == "number" ? t : t.reduce((e, t) => t > e ? t : e, 0), [t]), D = (0, X.useMemo)(() => et(e, i, Math.max(E * 2, (i[2] - i[0]) / 200)), [
+		e,
+		i,
+		E
+	]);
+	(0, X.useEffect)(() => {
+		if (!h.current) return;
+		let e = new ResizeObserver(([e]) => v({
+			width: Math.floor(e.contentRect.width),
+			height: p
+		}));
+		return e.observe(h.current), () => e.disconnect();
+	}, [p]);
+	let O = (0, X.useCallback)(() => {
+		let [e, t, n, r] = i, a = Math.min((_.width - 16) / Math.max(1e-9, n - e), (_.height - 16) / Math.max(1e-9, r - t));
+		y.current = {
+			scale: a,
+			tx: 8 - e * a + (_.width - 16 - (n - e) * a) / 2,
+			ty: 8 - t * a + (_.height - 16 - (r - t) * a) / 2
+		};
+	}, [i, _]), k = (0, X.useCallback)(() => {
+		x.current = 0;
+		let i = g.current;
+		if (!i || !_.width) return;
+		let u = performance.now(), d = window.devicePixelRatio || 1;
+		(i.width !== Math.round(_.width * d) || i.height !== Math.round(_.height * d)) && (i.width = Math.round(_.width * d), i.height = Math.round(_.height * d));
+		let f = i.getContext("2d");
+		if (!f) return;
+		!w.current.length && h.current && (w.current = $e(h.current, r));
+		let { scale: p, tx: m, ty: v } = y.current;
+		f.setTransform(d, 0, 0, d, 0, 0), f.clearRect(0, 0, _.width, _.height);
+		let b = h.current ? getComputedStyle(h.current) : null, S = b?.color || "#888";
+		if (a?.length) {
+			f.lineWidth = 1, f.font = "11px ui-sans-serif, system-ui, sans-serif";
+			for (let e of a) {
+				if (e.x1 <= e.x0) continue;
+				let t = e.x0 * p + m, n = e.y0 * p + v, r = (e.x1 - e.x0) * p, i = (e.y1 - e.y0) * p;
+				if (!(t > _.width || n > _.height || t + r < 0 || n + i < 0) && (f.globalAlpha = .35, f.strokeStyle = S, f.strokeRect(t + .5, n + .5, r, i), r > 36)) {
+					f.globalAlpha = .8, f.fillStyle = S;
+					let i = e.note ? `${e.label} · ${e.note}` : e.label;
+					f.save(), f.beginPath(), f.rect(t, n, r - 4, 16), f.clip(), f.fillText(i, t + 4, n + 12), f.restore();
+				}
+			}
+			f.globalAlpha = 1;
+		}
+		let C = /* @__PURE__ */ new Map(), E = new Path2D(), D = typeof t == "number" ? t : 0;
+		for (let r = 0; r < T; r++) {
+			let i = e[r * 2] * p + m, a = e[r * 2 + 1] * p + v;
+			if (i < -8 || a < -8 || i > _.width + 8 || a > _.height + 8) continue;
+			let o = Math.max(l, (typeof t == "number" ? D : t[r]) * p), c = s?.[r] ? E : C.get(n[r]) ?? C.set(n[r], new Path2D()).get(n[r]);
+			c.moveTo(i + o, a), c.arc(i, a, o, 0, Math.PI * 2);
+		}
+		f.globalAlpha = .18, f.fillStyle = S, f.fill(E), f.globalAlpha = .92;
+		for (let [e, t] of C) f.fillStyle = w.current[e] ?? S, f.fill(t);
+		if (f.globalAlpha = 1, c != null && c < T) {
+			let n = e[c * 2] * p + m, r = e[c * 2 + 1] * p + v, i = Math.max(4, (typeof t == "number" ? D : t[c]) * p + 3);
+			f.lineWidth = 2, f.strokeStyle = S, f.beginPath(), f.arc(n, r, i, 0, Math.PI * 2), f.stroke();
+		}
+		if (o?.length) {
+			f.font = "600 12px ui-sans-serif, system-ui, sans-serif", f.textAlign = "center", f.lineWidth = 3;
+			let e = b?.getPropertyValue("--dot-map-surface").trim() || b?.backgroundColor || "#161616", t = [];
+			for (let n of o) {
+				let r = n.x * p + m, i = n.y * p + v;
+				if (r < 0 || i < 0 || r > _.width || i > _.height) continue;
+				let a = f.measureText(n.text).width, o = [
+					r - a / 2 - 2,
+					i - 10,
+					r + a / 2 + 2,
+					i + 4
+				];
+				t.some(([e, t, n, r]) => o[0] < n && o[2] > e && o[1] < r && o[3] > t) || (t.push(o), f.strokeStyle = e, f.strokeText(n.text, r, i), f.fillStyle = S, f.fillText(n.text, r, i));
+			}
+			f.textAlign = "start";
+		}
+		i.dataset.frameMs = (performance.now() - u).toFixed(2);
+	}, [
+		_,
+		e,
+		t,
+		n,
+		r,
+		a,
+		o,
+		s,
+		c,
+		T,
+		l
+	]), A = (0, X.useCallback)(() => {
+		x.current ||= requestAnimationFrame(k);
+	}, [k]);
+	(0, X.useEffect)(() => {
+		w.current = [];
+	}, [r]), (0, X.useEffect)(() => {
+		if (!_.width) return;
+		let e = `${i.join(",")}:${_.width}x${_.height}`;
+		b.current !== e && (O(), b.current = e), A();
+	}, [
+		_,
+		i,
+		O,
+		A
+	]), (0, X.useEffect)(() => A(), [A]), (0, X.useEffect)(() => () => cancelAnimationFrame(x.current), []);
+	let j = (0, X.useCallback)((n, r) => {
+		let i = g.current;
+		if (!i) return null;
+		let a = i.getBoundingClientRect(), { scale: o, tx: s, ty: c } = y.current, l = (n - a.left - s) / o, u = (r - a.top - c) / o, d = Math.floor((l - D.x0) / D.cell), f = Math.floor((u - D.y0) / D.cell), p = null, m = Infinity, h = Math.max(1, Math.ceil(6 / (o * D.cell)));
+		for (let n = -h; n <= h; n++) for (let r = -h; r <= h; r++) if (!(d + r < 0 || f + n < 0 || d + r >= D.cols || f + n >= D.rows)) for (let i of D.cells.get((f + n) * D.cols + (d + r)) ?? []) {
+			let n = e[i * 2] - l, r = e[i * 2 + 1] - u, a = n * n + r * r, s = Math.max(6 / o, typeof t == "number" ? t : t[i]);
+			a < m && a <= s * s && (m = a, p = i);
+		}
+		return p;
+	}, [
+		D,
+		e,
+		t
+	]), M = (0, X.useRef)(null), N = (0, X.useRef)(/* @__PURE__ */ new Map()), P = (0, X.useRef)(null);
+	(0, X.useEffect)(() => {
+		let e = g.current;
+		if (!e) return;
+		let t = (t) => {
+			t.preventDefault();
+			let n = e.getBoundingClientRect(), r = t.clientX - n.left, i = t.clientY - n.top, a = Math.exp(-t.deltaY * .0015), o = y.current, s = Math.min(o.scale * 400, Math.max(o.scale * .0025, o.scale * a));
+			y.current = {
+				scale: s,
+				tx: r - (r - o.tx) / o.scale * s,
+				ty: i - (i - o.ty) / o.scale * s
+			}, A();
+		};
+		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
+	}, [A]);
+	let F = S ? f?.(S.index) ?? null : null;
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: h,
+		className: "tgc-dot-map",
+		style: {
+			position: "relative",
+			height: p
+		},
+		"data-points": T,
+		children: [/* @__PURE__ */ (0, Y.jsx)("canvas", {
+			ref: g,
+			role: "img",
+			"aria-label": m,
+			tabIndex: 0,
+			style: {
+				width: "100%",
+				height: p,
+				display: "block",
+				touchAction: "none",
+				cursor: S ? "pointer" : "grab"
+			},
+			onPointerDown: (e) => {
+				if (N.current.set(e.pointerId, {
+					x: e.clientX,
+					y: e.clientY
+				}), N.current.size === 2) {
+					let [e, t] = [...N.current.values()];
+					P.current = {
+						distance: Math.hypot(e.x - t.x, e.y - t.y) || 1,
+						view: { ...y.current }
+					}, M.current = null;
+				} else M.current = {
+					x: e.clientX,
+					y: e.clientY,
+					moved: !1
+				};
+				e.currentTarget.setPointerCapture(e.pointerId);
+			},
+			onPointerMove: (e) => {
+				N.current.has(e.pointerId) && N.current.set(e.pointerId, {
+					x: e.clientX,
+					y: e.clientY
+				});
+				let t = P.current;
+				if (t && N.current.size === 2) {
+					let [n, r] = [...N.current.values()], i = e.currentTarget.getBoundingClientRect(), a = (n.x + r.x) / 2 - i.left, o = (n.y + r.y) / 2 - i.top, s = t.view.scale * ((Math.hypot(n.x - r.x, n.y - r.y) || 1) / t.distance);
+					y.current = {
+						scale: s,
+						tx: a - (a - t.view.tx) / t.view.scale * s,
+						ty: o - (o - t.view.ty) / t.view.scale * s
+					}, A();
+					return;
+				}
+				let n = M.current;
+				if (n) {
+					let t = e.clientX - n.x, r = e.clientY - n.y;
+					if (n.moved || Math.abs(t) + Math.abs(r) > 3) {
+						n.moved = !0, y.current = {
+							...y.current,
+							tx: y.current.tx + t,
+							ty: y.current.ty + r
+						}, n.x = e.clientX, n.y = e.clientY, A();
+						return;
+					}
+				}
+				let r = j(e.clientX, e.clientY), i = e.currentTarget.getBoundingClientRect();
+				C(r === null ? null : {
+					index: r,
+					x: e.clientX - i.left,
+					y: e.clientY - i.top
+				}), u?.(r);
+			},
+			onPointerUp: (e) => {
+				if (N.current.delete(e.pointerId), P.current) {
+					N.current.size < 2 && (P.current = null), M.current = null;
+					return;
+				}
+				let t = M.current;
+				M.current = null, t && !t.moved && d?.(j(e.clientX, e.clientY));
+			},
+			onPointerCancel: (e) => {
+				N.current.delete(e.pointerId), N.current.size < 2 && (P.current = null), M.current = null;
+			},
+			onPointerLeave: () => {
+				C(null), u?.(null);
+			},
+			onDoubleClick: () => {
+				O(), A();
+			},
+			onKeyDown: (e) => {
+				let t = y.current, n = (e) => {
+					let n = _.width / 2, r = _.height / 2;
+					y.current = {
+						scale: t.scale * e,
+						tx: n - (n - t.tx) / t.scale * t.scale * e,
+						ty: r - (r - t.ty) / t.scale * t.scale * e
+					};
+				};
+				if (e.key === "+" || e.key === "=") n(1.4);
+				else if (e.key === "-") n(1 / 1.4);
+				else if (e.key === "0") O();
+				else if (e.key === "ArrowLeft") y.current = {
+					...t,
+					tx: t.tx + 60
+				};
+				else if (e.key === "ArrowRight") y.current = {
+					...t,
+					tx: t.tx - 60
+				};
+				else if (e.key === "ArrowUp") y.current = {
+					...t,
+					ty: t.ty + 60
+				};
+				else if (e.key === "ArrowDown") y.current = {
+					...t,
+					ty: t.ty - 60
+				};
+				else return;
+				e.preventDefault(), A();
+			}
+		}), S && F && /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: "tgc-dot-map-tip",
+			role: "tooltip",
+			style: {
+				position: "absolute",
+				left: Math.min(S.x + 12, Math.max(0, _.width - 300)),
+				top: S.y + 12,
+				pointerEvents: "none"
+			},
+			children: F
+		})]
+	});
+}
+var nt = (e) => e?.split(" · ")[0], rt = (e) => e <= 0 ? 0 : (e - 1) % 5 + 1, it = (e) => e.status === "failed", Z = (e) => e.status === "running", at = (e) => Number.isFinite(e.startMs) && Number.isFinite(e.endMs) && e.endMs >= e.startMs;
+function Q(e) {
+	if (!Number.isFinite(e) || e < 0) return "—";
+	if (e < 1e3) return `${Math.round(e)}ms`;
+	if (e < 1e4) return `${(e / 1e3).toFixed(1)}s`;
+	if (e < 6e4) return `${Math.round(e / 1e3)}s`;
+	if (e < 36e5) {
+		let t = Math.floor(e / 6e4), n = Math.round(e % 6e4 / 1e3);
+		return n === 60 ? `${t + 1}m` : n ? `${t}m ${n}s` : `${t}m`;
+	}
+	let t = Math.floor(e / 36e5), n = Math.round(e % 36e5 / 6e4);
+	return n === 60 ? `${t + 1}h` : `${t}h ${String(n).padStart(2, "0")}m`;
+}
+function ot(e) {
+	return e === 0 ? "$0.00" : e < .01 ? `$${e.toPrecision(1).replace(/0+$/, "")}` : `$${e.toFixed(2)}`;
+}
+function st(e) {
+	return e < 1e3 ? String(e) : e < 1e6 ? `${(e / 1e3).toFixed(1)}k` : `${(e / 1e6).toFixed(1)}M`;
+}
+function ct(e, t, n = 240) {
+	e.sort((e, t) => e.startMs - t.startMs);
+	let r = t;
+	for (let t = 0; t < 40; t++, r *= 2) {
+		let t = [], i = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = t[t.length - 1], a = Math.min(n.endMs, n.startMs + r * 4) - n.startMs, o = (e) => e.retry || e.kind === "failed", s = a < r || e !== void 0 && e.endMs - e.startMs < r;
+			if (e && !o(e) && !o(n) && e.tone === n.tone && n.startMs - e.endMs <= r && (e.kind === n.kind || s)) {
+				let t = i.get(e) ?? {
+					model: e.kind === "model" ? e.endMs - e.startMs : 0,
+					tool: e.kind === "tool" ? e.endMs - e.startMs : 0
+				};
+				t[n.kind === "model" ? "model" : "tool"] += a, i.set(e, t), e.endMs = Math.max(e.endMs, n.endMs), e.count += n.count, e.tool !== n.tool && (e.tool = void 0), n.costUsd !== void 0 && (e.costUsd = (e.costUsd ?? 0) + n.costUsd), e.kind = t.model >= t.tool ? "model" : "tool";
+			} else t.push({ ...n });
+		}
+		if (t.length <= n) return t;
+	}
+	return e;
+}
+function lt(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = [...e.spans].map((e, t) => ({
+		span: e,
+		key: e.id ?? `span-${t}`
+	})).sort((e, t) => e.span.startMs - t.span.startMs).map(({ span: t, key: r }, i) => {
+		let a = r, o = i;
+		for (; n.has(a);) a = `${r}:${o++}`;
+		return n.add(a), {
+			id: a,
+			parentId: t.parentId,
+			name: t.name,
+			kind: t.kind,
+			durationLabel: at(t) ? `${Q(t.endMs - t.startMs)}${t.approx ? "~" : ""}` : "—",
+			approx: t.approx === !0,
+			ok: !it(t),
+			depth: 0,
+			hasChildren: !1,
+			span: t,
+			tone: -1,
+			descendants: 0,
+			segments: [],
+			own: [],
+			retry: t.retryOf !== void 0,
+			hasAgents: !1,
+			...t.costBound === "lower" || t.costBound === void 0 && e.costBound === "lower" ? { costFloor: !0 } : {}
+		};
+	}), i = new Map(r.map((e) => [e.id, e])), a = /* @__PURE__ */ new Map();
+	for (let e of r) {
+		let t = /* @__PURE__ */ new Set([e.id]), n = e.parentId;
+		for (; n && i.has(n);) {
+			if (t.has(n)) {
+				e.parentId = void 0;
+				break;
+			}
+			t.add(n), n = i.get(n)?.parentId;
+		}
+		if (e.parentId && !i.has(e.parentId) && (e.parentId = void 0), e.parentId) {
+			let t = a.get(e.parentId) ?? [];
+			t.push(e), a.set(e.parentId, t);
+		}
+	}
+	let o = Math.max(1, Number.isFinite(e.totalMs) ? e.totalMs : 1), s = t ?? o / 900, c = [], l = 0, u = (e, t, n) => {
+		e.depth = t, e.tone = e.kind === "pipeline" ? l++ : n;
+		let r = a.get(e.id) ?? [];
+		e.hasChildren = r.length > 0, c.push(e);
+		let i = [], o = e.span.promptTokens !== void 0 || e.span.completionTokens !== void 0 || e.span.cachedTokens !== void 0, d = e.span.costUsd ?? 0, f = e.span.kind !== "model" || e.span.costUsd !== void 0;
+		for (let n of r) {
+			for (let r of u(n, t + 1, e.tone)) i.push(r);
+			e.descendants += 1 + n.descendants, n.kind === "pipeline" && (e.hasAgents = !0);
+			let r = n.hasChildren ? n.rollupCostUsd : n.span.costUsd;
+			r === void 0 ? (n.kind === "model" || n.hasChildren) && (f = !1) : d += r, n.kind !== "pipeline" && n.kind !== "waiting" && at(n.span) && e.own.push(pt(n));
+		}
+		Object.assign(e, ut(r));
+		let p = o ? {
+			prompt: e.span.promptTokens,
+			completion: e.span.completionTokens,
+			cached: e.span.cachedTokens
+		} : ft(r);
+		return p && (e.tokens = p), e.hasChildren && f && (e.rollupCostUsd = d), e.hasChildren && (e.segments = ct(i.map((e) => ({ ...e })), s), e.own = ct(e.own, s)), e.kind === "pipeline" || e.kind === "waiting" || !at(e.span) || i.push(pt(e)), i;
+	};
+	for (let e of r) e.parentId || u(e, 0, -1);
+	return c;
+}
+function ut(e) {
+	let t, n = [];
+	for (let r of e) if (r.kind !== "pipeline" && r.kind !== "waiting" && at(r.span)) {
+		if (t ??= {
+			model: 0,
+			tool: 0,
+			failed: 0,
+			retried: 0,
+			tools: {}
+		}, r.ok || t.failed++, r.retry && t.retried++, r.kind === "model") t.model++, Z(r.span) || n.push(r.span.endMs - r.span.startMs);
+		else {
+			t.tool++;
+			let e = nt(r.name) || r.kind;
+			t.tools[e] = (t.tools[e] ?? 0) + 1;
+		}
+	}
+	return t ? {
+		counts: t,
+		modelMs: n.sort((e, t) => e - t)
+	} : {};
+}
+function dt(e) {
+	let t;
+	for (let n of e) if (n.counts) {
+		t ??= {
+			model: 0,
+			tool: 0,
+			failed: 0,
+			retried: 0,
+			tools: {}
+		}, t.model += n.counts.model, t.tool += n.counts.tool, t.failed += n.counts.failed, t.retried += n.counts.retried;
+		for (let [e, r] of Object.entries(n.counts.tools)) t.tools[e] = (t.tools[e] ?? 0) + r;
+	}
+	let n = ft(e);
+	return {
+		...t ? {
+			counts: t,
+			modelMs: e.flatMap((e) => e.modelMs ?? []).sort((e, t) => e - t)
+		} : {},
+		...n ? { tokens: n } : {}
+	};
+}
+function ft(e) {
+	let t;
+	for (let n of e) for (let e of [
+		"prompt",
+		"completion",
+		"cached"
+	]) {
+		let r = n.tokens?.[e];
+		r !== void 0 && ((t ??= {})[e] = (t[e] ?? 0) + r);
+	}
+	return t;
+}
+function pt(e) {
+	return {
+		startMs: e.span.startMs,
+		endMs: Z(e.span) ? Infinity : e.span.endMs,
+		kind: e.ok ? e.kind === "model" ? "model" : "tool" : "failed",
+		tone: e.tone,
+		id: e.id,
+		count: 1,
+		retry: e.retry,
+		name: e.name,
+		tool: nt(e.name),
+		...e.span.costUsd === void 0 ? {} : { costUsd: e.span.costUsd },
+		...!e.ok && e.kind === "model" ? { modelCall: !0 } : {}
+	};
+}
+function mt(e, t, n) {
+	let r = t.trim(), i = r.toLowerCase();
+	return new Set(e.filter((e) => n ? n(e.span, r) : `${e.name} ${e.span.detail ?? ""} ${e.kind} ${e.ok ? "" : "failed"} ${e.span.status ?? ""}`.toLowerCase().includes(i)).map((e) => e.id));
+}
+function ht(e, t, n, r) {
+	let i = new Map(e.map((e) => [e.id, e]));
+	if (t.trim()) {
+		let n = /* @__PURE__ */ new Set();
+		for (let a of mt(e, t, r)) {
+			let e = i.get(a);
+			for (; e && !n.has(e.id);) n.add(e.id), e = e.parentId ? i.get(e.parentId) : void 0;
+		}
+		return e.filter((e) => n.has(e.id));
+	}
+	let a = /* @__PURE__ */ new Set();
+	return e.filter((e) => {
+		let t = e.parentId !== void 0 && (n.has(e.parentId) || a.has(e.parentId));
+		return t && a.add(e.id), !t;
+	});
+}
+function gt(e, t) {
+	let n, r = -1;
+	for (let i of e) {
+		if (i.hasChildren || i.kind === "pipeline" || i.kind === "waiting" || i.durationLabel === "—" || i.span.startMs > t) continue;
+		let e = (Z(i.span) ? Math.max(i.span.endMs, t) : Math.min(i.span.endMs, t)) - i.span.startMs;
+		e > r && (n = i, r = e);
+	}
+	return n;
+}
+function _t(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		if (!n.parentId) continue;
+		let e = t.get(n.parentId);
+		e ? e.push(n) : t.set(n.parentId, [n]);
+	}
+	let n;
+	for (let r of e) {
+		if (r.parentId) continue;
+		let e = [], i = r.span.endMs;
+		for (let n = r; n;) e.push(n.id), i = Math.max(i, n.span.endMs), n = t.get(n.id)?.reduce((e, t) => !e || t.span.endMs > e.span.endMs ? t : e, void 0);
+		(!n || i > n.end) && (n = {
+			end: i,
+			chain: e
+		});
+	}
+	return new Set(n?.chain);
+}
+function vt(e, t) {
+	let n, r = -1, i, a = -1, o = 0, s = 0;
+	for (let c of e) {
+		if (c.durationLabel === "—" || c.span.startMs > t || c.kind !== "pipeline" || c.id.startsWith("family:") || c.id.startsWith("run:")) continue;
+		if (c.parentId !== void 0) {
+			let e = (Z(c.span) ? Math.max(c.span.endMs, t) : Math.min(c.span.endMs, t)) - c.span.startMs;
+			s += 1, e > r && (n = c, r = e);
+		}
+		let e = c.span.costUsd ?? c.rollupCostUsd;
+		e !== void 0 && (o += 1, e > a && (i = c, a = e));
+	}
+	return {
+		slowestId: s > 1 ? n?.id : void 0,
+		costliestId: o > 1 && a > 0 ? i?.id : void 0
+	};
+}
+function yt(e, t) {
+	let n = 0, r = -Infinity;
+	for (let i of e.own) {
+		let e = Math.max(i.startMs, r), a = Math.min(i.endMs, t);
+		a > e && (n += a - e), r = Math.max(r, Math.min(i.endMs, t));
+	}
+	return n;
+}
+function bt(e, t) {
+	let n = 0, r = 0, i = 0, a = 0, o = 0, s = !1, c = !1;
+	for (let l of e.spans) l.startMs > t || (l.kind === "model" && i++, l.kind === "tool" && a++, !(l.endMs > t) && (it(l) && o++, l.costUsd !== void 0 && (n += l.costUsd, s = !0), (l.promptTokens !== void 0 || l.completionTokens !== void 0) && (r += (l.promptTokens ?? 0) + (l.completionTokens ?? 0), c = !0)));
+	return {
+		costUsd: e.costUsd === void 0 ? void 0 : s ? n : e.costUsd,
+		tokens: c ? r : e.promptTokens + e.completionTokens,
+		modelCalls: e.modelCalls === void 0 ? void 0 : i,
+		toolCalls: e.toolCalls === void 0 ? void 0 : a,
+		errors: o
+	};
+}
+function xt(e, t) {
+	let n = t.costBasis === "list", r = n ? "Cost · list price" : "Cost";
+	if (e === void 0) return t.billedUsd === void 0 ? {
+		value: "—",
+		title: "No cost source: the harness recorded no cost and no price catalog was given",
+		label: r
+	} : {
+		value: `${ot(t.billedUsd)} billed`,
+		title: "No list price for these calls; billed is the seat charge",
+		label: r
+	};
+	let i = t.costCoverage, a = i !== void 0 && i.priced < i.total, o = !a && t.costBound === "upper";
+	return {
+		value: `${a || t.costBound === "lower" ? "≥" : o ? "≤" : n ? "≈" : ""}${ot(e)}${t.billedUsd === void 0 ? "" : ` · ${ot(t.billedUsd)} billed`}`,
+		title: [
+			a ? `${i.priced} of ${i.total} model calls priced` : i ? `all ${i.total} model calls priced` : "",
+			n ? "at the model catalog list price; not a bill" : "",
+			o ? "cached input is not split out, so it is priced as fresh input: at most this" : "",
+			t.costBound === "lower" ? "a floor: the producer reports at least this" : "",
+			t.billedUsd === void 0 ? "" : `billed ${ot(t.billedUsd)} (the seat charge)`
+		].filter(Boolean).join("; "),
+		label: r
+	};
+}
+var St = (e) => e.replace(/[-\s]\d+$/, "");
+function Ct(e, t, n) {
+	let r = e.length <= t, i = wt(e, /* @__PURE__ */ new Set()).filter((e) => e.id.startsWith("family:")).map((e) => e.id);
+	return new Set(i.filter((e) => r !== n.has(e)));
+}
+function wt(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		let e = t.parentId === void 0 ? `root:${t.id}` : St(t.name);
+		n.set(e, [...n.get(e) ?? [], t]);
+	}
+	let r = [], i = 0, a = (e) => e.tone <= 0 ? e.tone : ++i;
+	for (let [e, i] of n) {
+		if (i.length < 2) {
+			r.push(...i.map((e) => ({
+				...e,
+				tone: a(e)
+			})));
+			continue;
+		}
+		let n = a(i[0]), o = `family:${e}`, s = Math.min(...i.map((e) => e.span.startMs)), c = Math.max(...i.map((e) => e.span.endMs)), l = i.some((e) => Z(e.span)), u = i.map((e) => e.span.costUsd ?? e.rollupCostUsd).filter((e) => e !== void 0), d = i.filter((e) => e.span.outcome ? e.span.outcome.tone === "failed" : !e.ok).length, f = i.every((e) => e.span.outcome && e.span.outcome.tone === i[0].span.outcome?.tone) ? i[0].span.outcome : void 0;
+		r.push({
+			costFloor: u.length < i.length || i.some((e) => e.costFloor),
+			id: o,
+			parentId: i[0].parentId,
+			name: e,
+			kind: "pipeline",
+			durationLabel: Q(c - s),
+			approx: i.some((e) => e.approx),
+			ok: d === 0,
+			depth: 0,
+			hasChildren: !0,
+			tone: n,
+			descendants: i.length,
+			segments: [],
+			retry: !1,
+			hasAgents: !1,
+			own: i.flatMap((e, t) => e.own.map((e) => ({
+				...e,
+				tone: n,
+				alt: t % 2 == 1
+			}))).sort((e, t) => e.startMs - t.startMs),
+			...u.length ? { rollupCostUsd: u.reduce((e, t) => e + t, 0) } : {},
+			...dt(i),
+			span: {
+				id: o,
+				kind: "pipeline",
+				name: e,
+				startMs: s,
+				endMs: c,
+				status: l ? "running" : d ? "failed" : "done",
+				...f ? { outcome: f } : {},
+				detail: i[0].span.detail,
+				meta: {
+					failedAgents: d,
+					costPartial: u.length < i.length,
+					members: i.map((e) => e.id)
+				}
+			}
+		}), t.has(o) && r.push(...i.map((e, t) => ({
+			...e,
+			family: o,
+			inset: 1,
+			tone: n,
+			own: e.own.map((e) => ({
+				...e,
+				tone: n,
+				alt: t % 2 == 1
+			}))
+		})));
+	}
+	return r;
+}
+function Tt(e) {
+	if (e.id.startsWith("family:")) {
+		let t = Number(e.span.meta?.failedAgents ?? 0);
+		return [`${e.descendants} agents`, ...t ? [`${t} failed`] : []];
+	}
+	if (e.id.startsWith("run:")) {
+		let t = e.own.filter((e) => e.kind === "failed").length;
+		return [t ? `${t} failed` : "all done"];
+	}
+	let t = e.counts?.model ?? 0, n = e.counts?.tool ?? 0;
+	return [
+		e.span.outcome?.label ?? (Z(e.span) ? "running" : e.ok ? e.kind === "pipeline" ? "" : "done" : "failed"),
+		t ? `${t} LLM ${t === 1 ? "call" : "calls"}` : "",
+		n ? `${n} tool ${n === 1 ? "call" : "calls"}` : ""
+	].filter(Boolean);
+}
+function Et(e, t, n, r) {
+	let i = wt(e, n);
+	if (r.size === 0) return i;
+	let a = /* @__PURE__ */ new Map();
+	for (let e of t) e.parentId !== void 0 && r.has(e.parentId) && e.kind !== "pipeline" && a.set(e.parentId, [...a.get(e.parentId) ?? [], e]);
+	return i.flatMap((e) => r.has(e.id) ? [e, ...Dt(a.get(e.id) ?? []).map((t) => ({
+		...t,
+		stepOf: e.id,
+		inset: (e.inset ?? 0) + 1,
+		tone: e.tone,
+		own: t.own.map((t) => ({
+			...t,
+			tone: e.tone
+		}))
+	}))] : [e]);
+}
+function Dt(e) {
+	let t = [];
+	for (let n = 0; n < e.length;) {
+		let r = n;
+		for (; r < e.length && e[r].kind === e[n].kind && e[r].name === e[n].name;) r++;
+		let i = e.slice(n, r);
+		if (i.length < 3) {
+			t.push(...i), n = r;
+			continue;
+		}
+		let a = i[0], o = Math.min(...i.map((e) => e.span.startMs)), s = Math.max(...i.map((e) => e.span.endMs)), c = i.filter((e) => !e.ok).length, l = i.map((e) => e.span.costUsd ?? e.rollupCostUsd).filter((e) => e !== void 0), u = a.kind === "model" ? "model calls" : a.kind === "tool" ? `${a.name} calls` : `${a.name} steps`;
+		t.push({
+			...a,
+			id: `run:${a.id}`,
+			name: `${i.length} ${u}`,
+			durationLabel: Q(s - o),
+			ok: c === 0,
+			hasChildren: !1,
+			descendants: 0,
+			segments: [],
+			...ut(i),
+			tokens: ft(i),
+			own: i.map((e) => ({
+				startMs: e.span.startMs,
+				endMs: e.span.endMs,
+				kind: e.ok ? e.kind === "model" ? "model" : "tool" : "failed",
+				tone: a.tone,
+				id: e.id,
+				count: 1,
+				retry: e.retry,
+				name: e.name,
+				tool: nt(e.name)
+			})),
+			...l.length ? { rollupCostUsd: l.reduce((e, t) => e + t, 0) } : {},
+			span: {
+				...a.span,
+				id: `run:${a.id}`,
+				name: `${i.length} ${u}`,
+				startMs: o,
+				endMs: s,
+				status: c ? "failed" : a.span.status,
+				costUsd: void 0
+			}
+		}), n = r;
+	}
+	return t;
+}
+function Ot(e, t) {
+	let n = t.find((t) => t.id === e.id);
+	if (n) return n;
+	let r = t.find((t) => (t.span.meta?.members)?.includes(e.id));
+	return r ? {
+		...e,
+		tone: r.tone
+	} : e;
+}
+var kt = (e, t) => `${e.costFloor ? "≥" : ""}${ot(t)}`, $ = (e, t) => /* @__PURE__ */ (0, Y.jsx)("svg", {
+	viewBox: "0 0 16 16",
+	width: "14",
+	height: "14",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": !t || void 0,
+	role: t ? "img" : void 0,
+	"aria-label": t,
+	children: e
+});
+function At(e) {
+	let t = (e ?? "").toLowerCase();
+	if (/bash|shell|exec|terminal|command|run/.test(t)) return $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("rect", {
+		x: "2",
+		y: "3",
+		width: "12",
+		height: "10",
+		rx: "2"
+	}), /* @__PURE__ */ (0, Y.jsx)("path", { d: "m5 7 2 1.5L5 10M8.5 10.5h2.5" })] }));
+	if (/edit|write|patch|apply/.test(t)) return $(/* @__PURE__ */ (0, Y.jsx)("path", { d: "M3 13l1-3.5L10.5 3a1.4 1.4 0 0 1 2 2L6 11.5 3 13ZM9.5 4l2 2" }));
+	if (/grep|search|find|query/.test(t)) return $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("circle", {
+		cx: "7",
+		cy: "7",
+		r: "4.25"
+	}), /* @__PURE__ */ (0, Y.jsx)("path", { d: "m10.25 10.25 3.25 3.25" })] }));
+	if (/read|glob|list|ls|cat|file|view/.test(t)) return $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("path", { d: "M4 2.5h5l3 3v8H4z" }), /* @__PURE__ */ (0, Y.jsx)("path", { d: "M9 2.5v3h3M6 9h4M6 11h3" })] }));
+	if (/web|fetch|http|browser|url/.test(t)) return $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("circle", {
+		cx: "8",
+		cy: "8",
+		r: "5.5"
+	}), /* @__PURE__ */ (0, Y.jsx)("path", { d: "M2.5 8h11M8 2.5c2 2 2 9 0 11M8 2.5c-2 2-2 9 0 11" })] }));
+	if (/git|commit|branch|merge/.test(t)) return $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
+		/* @__PURE__ */ (0, Y.jsx)("circle", {
+			cx: "5",
+			cy: "4",
+			r: "1.5"
+		}),
+		/* @__PURE__ */ (0, Y.jsx)("circle", {
+			cx: "5",
+			cy: "12",
+			r: "1.5"
+		}),
+		/* @__PURE__ */ (0, Y.jsx)("circle", {
+			cx: "11",
+			cy: "6",
+			r: "1.5"
+		}),
+		/* @__PURE__ */ (0, Y.jsx)("path", { d: "M5 5.5v5M11 7.5c0 2-3 2-6 3" })
+	] }));
+}
+function jt({ kind: e, name: t }) {
+	if (e === "tool") {
+		let e = At(t);
+		if (e) return e;
+	}
+	switch (e) {
+		case "pipeline": return $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
+			/* @__PURE__ */ (0, Y.jsx)("circle", {
+				cx: "8",
+				cy: "4",
+				r: "1.75"
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("circle", {
+				cx: "4",
+				cy: "12",
+				r: "1.75"
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("circle", {
+				cx: "12",
+				cy: "12",
+				r: "1.75"
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("path", { d: "M8 5.75v2.5M8 8.25 4.8 10.6M8 8.25l3.2 2.35" })
+		] }));
+		case "model": return $(/* @__PURE__ */ (0, Y.jsx)("path", { d: "M8 2.5c.5 2.8 2.2 4.6 5 5.5-2.8.9-4.5 2.7-5 5.5-.5-2.8-2.2-4.6-5-5.5 2.8-.9 4.5-2.7 5-5.5Z" }));
+		case "waiting": return $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("path", { d: "M4.5 2.5h7M4.5 13.5h7" }), /* @__PURE__ */ (0, Y.jsx)("path", { d: "M5.5 2.5c0 3 5 3 5 5.5s-5 2.5-5 5.5M10.5 2.5c0 3-5 3-5 5.5" })] }));
+		case "handoff": return $(/* @__PURE__ */ (0, Y.jsx)("path", { d: "M3 3v5.5a2 2 0 0 0 2 2h8M10.5 8l2.5 2.5-2.5 2.5" }));
+		default: return $(/* @__PURE__ */ (0, Y.jsx)("path", { d: "M10.2 2.8a3.2 3.2 0 0 0-4 4L2.8 10.2a1.4 1.4 0 0 0 2 2l3.4-3.4a3.2 3.2 0 0 0 4-4l-1.9 1.9-1.6-.4-.4-1.6 1.9-1.9Z" }));
+	}
+}
+var Mt = () => $(/* @__PURE__ */ (0, Y.jsx)("path", { d: "m6 4 4 4-4 4" })), Nt = () => $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("circle", {
+	cx: "7",
+	cy: "7",
+	r: "4.25"
+}), /* @__PURE__ */ (0, Y.jsx)("path", { d: "m10.25 10.25 3.25 3.25" })] })), Pt = () => /* @__PURE__ */ (0, Y.jsx)("svg", {
+	viewBox: "0 0 16 16",
+	width: "14",
+	height: "14",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ (0, Y.jsx)("path", {
+		d: "M4.5 3.2v9.6a.6.6 0 0 0 .9.5l7.6-4.8a.6.6 0 0 0 0-1L5.4 2.7a.6.6 0 0 0-.9.5Z",
+		fill: "currentColor"
+	})
+}), Ft = () => /* @__PURE__ */ (0, Y.jsxs)("svg", {
+	viewBox: "0 0 16 16",
+	width: "14",
+	height: "14",
+	"aria-hidden": !0,
+	children: [/* @__PURE__ */ (0, Y.jsx)("rect", {
+		x: "4",
+		y: "3",
+		width: "2.75",
+		height: "10",
+		rx: ".8",
+		fill: "currentColor"
+	}), /* @__PURE__ */ (0, Y.jsx)("rect", {
+		x: "9.25",
+		y: "3",
+		width: "2.75",
+		height: "10",
+		rx: ".8",
+		fill: "currentColor"
+	})]
+}), It = () => $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("path", { d: "M3 8a5 5 0 1 0 1.5-3.55" }), /* @__PURE__ */ (0, Y.jsx)("path", { d: "M3 2.75V5.5h2.75" })] })), Lt = ({ label: e }) => $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("path", { d: "M12.5 8A4.5 4.5 0 1 1 11 4.6" }), /* @__PURE__ */ (0, Y.jsx)("path", { d: "M11.5 2v3h-3" })] }), e), Rt = ({ label: e }) => $(/* @__PURE__ */ (0, Y.jsx)("path", { d: "m4.5 4.5 7 7m0-7-7 7" }), e), zt = () => $(/* @__PURE__ */ (0, Y.jsx)("path", { d: "m4.5 4.5 7 7m0-7-7 7" })), Bt = () => $(/* @__PURE__ */ (0, Y.jsx)("path", { d: "M8 1.5v3M8 11.5v3M1.5 8h3M11.5 8h3M3.4 3.4l2.1 2.1M10.5 10.5l2.1 2.1M3.4 12.6l2.1-2.1M10.5 5.5l2.1-2.1" })), Vt = ({ label: e }) => $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("path", { d: "M8 2.5 14 13H2L8 2.5Z" }), /* @__PURE__ */ (0, Y.jsx)("path", { d: "M8 6.5v3M8 11.25v.01" })] }), e), Ht = () => $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("circle", {
+	cx: "7",
+	cy: "7",
+	r: "4.25"
+}), /* @__PURE__ */ (0, Y.jsx)("path", { d: "m10.25 10.25 3.25 3.25M5 7h4M7 5v4" })] })), Ut = () => $(/* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("circle", {
+	cx: "7",
+	cy: "7",
+	r: "4.25"
+}), /* @__PURE__ */ (0, Y.jsx)("path", { d: "m10.25 10.25 3.25 3.25M5 7h4" })] })), Wt = () => $(/* @__PURE__ */ (0, Y.jsx)("path", { d: "M2.5 6V3.5a1 1 0 0 1 1-1H6M10 2.5h2.5a1 1 0 0 1 1 1V6M13.5 10v2.5a1 1 0 0 1-1 1H10M6 13.5H3.5a1 1 0 0 1-1-1V10" })), Gt = (e) => e.replace(/-/g, "‑"), Kt = {
+	pipeline: "Agent",
+	model: "LLM call",
+	tool: "Tool call",
+	waiting: "Waiting",
+	handoff: "Handoff"
+}, qt = (e, t) => /* @__PURE__ */ (0, Y.jsxs)("span", {
+	title: `${e.toLocaleString()} ${t}`,
+	children: [
+		st(e),
+		" ",
+		t
+	]
+}), Jt = (e, t, n = `${t}s`) => `${e.toLocaleString()} ${e === 1 ? t : n}`, Yt = (e, t) => e[Math.min(e.length - 1, Math.ceil(t * e.length) - 1)], Xt = 4;
+function Zt(e, t, n) {
+	let r = e.span, i = [];
+	r.detail && i.push([r.kind === "tool" ? "Provider" : "Model", r.detail]);
+	let a = Z(r) ? Math.max(r.endMs, t) : r.endMs;
+	i.push(["Duration", Number.isFinite(a - r.startMs) && a >= r.startMs ? Q(a - r.startMs) : "—"]), n && i.push(["Started", `+${Q(Math.max(0, r.startMs))}`]);
+	let o = e.tokens;
+	if (o) {
+		let e = [
+			["prompt", "in"],
+			["completion", "out"],
+			["cached", "cached"]
+		].flatMap(([e, t]) => o[e] === void 0 ? [] : [qt(o[e], t)]);
+		i.push(["Tokens", /* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "fw-card-parts",
+			children: e.map((e, t) => /* @__PURE__ */ (0, Y.jsx)("span", { children: e }, t))
+		})]);
+	}
+	let s = e.modelMs;
+	s?.length && i.push(["LLM latency", /* @__PURE__ */ (0, Y.jsxs)("span", {
+		className: "fw-card-parts",
+		children: [/* @__PURE__ */ (0, Y.jsxs)("span", { children: [Q(Yt(s, .5)), " median"] }), s.length >= 10 && /* @__PURE__ */ (0, Y.jsxs)("span", { children: [Q(Yt(s, .95)), " p95"] })]
+	})]);
+	let c = r.costUsd ?? e.rollupCostUsd;
+	c !== void 0 && i.push(["Cost", kt(e, c)]);
+	let l = e.counts;
+	if (l?.model && i.push(["LLM calls", l.model.toLocaleString()]), l?.tool) {
+		let e = Object.entries(l.tools).sort(([e, t], [n, r]) => r - t || e.localeCompare(n)), t = e.length - Xt;
+		i.push(["Tool calls", /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [l.tool.toLocaleString(), /* @__PURE__ */ (0, Y.jsxs)("span", {
+			className: "fw-card-tools",
+			title: e.map(([e, t]) => `${e} ${t}`).join(", "),
+			children: [e.slice(0, t > 1 ? Xt : e.length).map(([e, t]) => /* @__PURE__ */ (0, Y.jsxs)("span", { children: [/* @__PURE__ */ (0, Y.jsx)("span", { children: e }), /* @__PURE__ */ (0, Y.jsx)("span", { children: t.toLocaleString() })] }, e)), t > 1 && /* @__PURE__ */ (0, Y.jsxs)("span", { children: [/* @__PURE__ */ (0, Y.jsxs)("span", { children: [t, " more tools"] }), /* @__PURE__ */ (0, Y.jsx)("span", { children: e.slice(Xt).reduce((e, [, t]) => e + t, 0).toLocaleString() })] })]
+		})] })]);
+	}
+	l?.failed && i.push(["Failures", Jt(l.failed, "failed step")]);
+	let u = r.marks?.filter((e) => e.kind === "restart").length ?? 0;
+	(l?.retried || u) && i.push(["Retries", [l?.retried ? Jt(l.retried, "step retried", "steps retried") : "", u ? Jt(u, "restart") : ""].filter(Boolean).join(" · ")]), n && e.hasChildren && i.push(["Steps", e.descendants.toLocaleString()]);
+	for (let e of r.facts ?? []) i.some(([t]) => t.toLowerCase() === e.label.toLowerCase()) || i.push([e.label, e.value]);
+	return i;
+}
+function Qt({ rows: e }) {
+	return /* @__PURE__ */ (0, Y.jsx)("dl", {
+		className: "fw-card-table",
+		children: e.map(([e, t]) => /* @__PURE__ */ (0, Y.jsxs)("div", { children: [/* @__PURE__ */ (0, Y.jsx)("dt", { children: e }), /* @__PURE__ */ (0, Y.jsx)("dd", { children: t })] }, e))
+	});
+}
+function $t({ id: e, row: t, agent: n, clockMs: r, left: i, top: a, pinned: o, onClose: s, renderIcon: c, compact: l }) {
+	let u = t.span, d = Z(u) ? "Running" : t.ok ? "Done" : "Failed", f = n && n.id !== t.id ? n : void 0, p = {
+		id: e,
+		role: o ? "dialog" : "tooltip",
+		"aria-label": o ? `${u.name} details` : void 0,
+		style: {
+			left: i,
+			top: a
+		},
+		onKeyDown: (e) => {
+			e.key === "Escape" && (e.stopPropagation(), s());
+		}
+	}, m = o && /* @__PURE__ */ (0, Y.jsx)("button", {
+		type: "button",
+		className: "fw-icon-button fw-card-close",
+		"aria-label": "Close details",
+		onClick: s,
+		autoFocus: !0,
+		children: /* @__PURE__ */ (0, Y.jsx)(zt, {})
+	});
+	if (l) {
+		let e = f ?? t, n = e.span.outcome, i = u.kind === "model" ? "Thinking" : Kt[u.kind], a = u.name && u.name.toLowerCase() !== i.toLowerCase() && u.name.toLowerCase() !== u.kind ? ` ${u.name}` : "", o = Z(u) ? Math.max(u.endMs, r) : u.endMs, s = f && u.endMs > u.startMs ? `${i}${a} · ${Q(o - u.startMs)}${t.ok ? "" : " · failed"}` : void 0, c = !f && u.output && u.output !== e.name ? u.output : void 0;
+		return /* @__PURE__ */ (0, Y.jsxs)("div", {
+			...p,
+			className: "fw-card fw-card-compact",
+			"data-tone": rt(e.tone),
+			"data-outcome": n?.tone,
+			children: [
+				/* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "fw-card-agent",
+					children: [
+						/* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-agent-dot",
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-card-who",
+							children: Gt(e.name)
+						}),
+						n ? /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-pill fw-pill-outcome",
+							"data-tone": "0",
+							"data-outcome": n.tone,
+							children: n.label
+						}) : /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: `fw-pill fw-pill-${d.toLowerCase()}`,
+							children: d
+						}),
+						m
+					]
+				}),
+				/* @__PURE__ */ (0, Y.jsx)(Qt, { rows: Zt(e, r, !1) }),
+				s && /* @__PURE__ */ (0, Y.jsx)("p", {
+					className: "fw-card-step",
+					children: s
+				}),
+				c && /* @__PURE__ */ (0, Y.jsx)("p", {
+					className: "fw-card-result",
+					children: c
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		...p,
+		className: "fw-card",
+		"data-tone": rt(t.tone),
+		children: [
+			f && /* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "fw-card-agent",
+				children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-agent-dot",
+					"aria-hidden": !0
+				}), f.name]
+			}),
+			/* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "fw-card-head",
+				children: [
+					/* @__PURE__ */ (0, Y.jsx)("span", {
+						className: "fw-icon-tile",
+						"aria-hidden": !0,
+						children: c?.(u) ?? /* @__PURE__ */ (0, Y.jsx)(jt, {
+							kind: u.kind,
+							name: u.name
+						})
+					}),
+					/* @__PURE__ */ (0, Y.jsx)("div", {
+						className: "fw-card-name",
+						children: Gt(u.name)
+					}),
+					/* @__PURE__ */ (0, Y.jsx)("span", {
+						className: `fw-pill fw-pill-${d.toLowerCase()}`,
+						children: d
+					}),
+					m
+				]
+			}),
+			/* @__PURE__ */ (0, Y.jsx)(Qt, { rows: Zt(t, r, !0) }),
+			u.input && /* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "fw-card-text",
+				children: [/* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "fw-card-label",
+					children: "Input"
+				}), /* @__PURE__ */ (0, Y.jsx)("p", { children: u.input })]
+			}),
+			u.output && /* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "fw-card-text",
+				children: [/* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "fw-card-label",
+					children: t.ok ? "Output" : "Error"
+				}), /* @__PURE__ */ (0, Y.jsx)("p", { children: u.output })]
+			})
+		]
+	});
+}
+var en = 0x9184e72a000, tn = (e, t) => ({
+	"--s": e,
+	"--e": Number.isFinite(t) ? t : en
+}), nn = (e, t, n) => e.length * 7 + 8 + (t ? 80 : 0) + (n ? 90 : 0);
+function rn({ mark: e, events: t, agentView: n, ending: r }) {
+	let i = e.kind === "failed" ? n && !r ? null : "fail" : e.retry ? "retry" : null, a = e.kind === "model" || e.modelCall, o = a ? void 0 : e.count === 1 ? e.name : e.tool, s = Number.isFinite(e.endMs) ? Q(e.endMs - e.startMs) : "", c = [s, e.costUsd ? ot(e.costUsd) : ""].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ (0, Y.jsxs)("span", {
+		className: `fw-seg fw-seg-${e.kind}${e.alt ? " fw-seg-alt" : ""}`,
+		"data-tone": rt(e.tone),
+		style: tn(e.startMs, e.endMs),
+		title: e.name ? `${e.name}${e.count > 1 ? ` +${e.count - 1} more` : ""}${c ? ` · ${c}` : ""}` : void 0,
+		onPointerEnter: n ? (n) => t.onInspect(e.id, n.currentTarget, n.clientX) : void 0,
+		onClick: n ? (n) => {
+			n.stopPropagation(), t.onPin(e.id, n.currentTarget, n.clientX);
+		} : void 0,
+		children: [i && /* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "fw-glyph",
+			"data-glyph": i,
+			children: i === "fail" ? /* @__PURE__ */ (0, Y.jsx)(Rt, {}) : /* @__PURE__ */ (0, Y.jsx)(Lt, {})
+		}), n && /* @__PURE__ */ (0, Y.jsxs)("span", {
+			className: "fw-seg-label",
+			children: [
+				/* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-seg-icon",
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ (0, Y.jsx)(jt, {
+						kind: a ? "model" : "tool",
+						name: e.tool ?? e.name
+					})
+				}),
+				o && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-seg-name",
+					children: o
+				}),
+				e.count > 1 && /* @__PURE__ */ (0, Y.jsxs)("span", {
+					className: "fw-seg-chip",
+					children: ["×", e.count]
+				}),
+				s && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-seg-meta",
+					children: s
+				}),
+				e.costUsd ? /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-seg-meta",
+					children: ot(e.costUsd)
+				}) : null
+			]
+		})]
+	});
+}
+var an = (e, t) => Z(e.span) || e.span.startMs <= t && t < e.span.endMs;
+function on(e, t) {
+	let n = e.span;
+	if (e.durationLabel === "—") return "—";
+	if (e.approx && n.endMs === n.startMs && !Z(n)) return n.costUsd === void 0 ? "" : kt(e, n.costUsd);
+	if (!Z(n) && t < n.endMs) return `${Q(Math.max(0, t - n.startMs))}${e.approx ? "~" : ""}`;
+	let r = Z(n) ? `${Q(Math.max(n.endMs, t) - n.startMs)}${e.approx ? "~" : ""}` : e.durationLabel, i = n.costUsd ?? (e.rollupCostUsd ? e.rollupCostUsd : void 0);
+	return i === void 0 ? r : `${r} · ${kt(e, i)}`;
+}
+var sn = (0, X.memo)(function(e) {
+	let { row: t, view: n, top: r, collapsed: i, searching: a, slowest: o, costliest: s, critical: c, matched: l, active: u, focusable: d, selected: f, sticky: p, clockMs: m, renderIcon: h, fillByAgent: g, motion: _ } = e, v = t.span, y = Z(v), b = n === "agents", x = t.hasChildren && i && !a, S = t.durationLabel === "—", C = t.kind === "pipeline", w = t.ok ? t.kind : "failed", T = C || t.hasChildren || t.id.startsWith("run:") ? x && !b ? t.segments : t.own : [], E = on(t, m), D = [...v.detail && v.detail !== e.sharedDetail ? [v.detail] : [], ...Tt(t).filter((t) => t !== e.sharedOutcome)], O = (n) => e.onInspect(t.id, n.currentTarget, n.clientX), k = b && t.id.startsWith("family:"), A = b && t.stepOf !== void 0, j = k || b && C && t.own.length > 0, M = b && !t.ok ? T.map((e) => e.kind).lastIndexOf("failed") : -1;
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		role: "row",
+		"data-span-id": t.id,
+		"data-span-kind": w,
+		"data-slowest": o || void 0,
+		"data-critical": c || void 0,
+		"data-search": a ? l ? "match" : "context" : void 0,
+		"data-running": y || void 0,
+		"aria-level": b ? void 0 : t.depth + 1,
+		"aria-expanded": t.hasChildren && !b ? !x : void 0,
+		"aria-selected": f,
+		tabIndex: d ? 0 : -1,
+		"data-tone": rt(t.tone),
+		"data-outcome": g ? void 0 : v.outcome?.tone,
+		className: `fw-row${u ? " fw-active" : ""}${p ? " fw-sticky-row" : ""}${C ? " fw-agent-row" : ""}${A ? " fw-step" : ""}${_?.enter === void 0 ? "" : " fw-enter"}${_?.settle ? " fw-settle" : ""}`,
+		style: {
+			"--row-y": `${r}px`,
+			"--fw-enter-delay": `${_?.enter ?? 0}ms`,
+			"--fw-end-w": `${nn(E, o, s)}px`
+		},
+		onFocus: (n) => {
+			n.target === n.currentTarget && e.onActivate(t);
+		},
+		onClick: (n) => {
+			if (e.onActivate(t), k) {
+				e.onToggle(t);
+				return;
+			}
+			let r = b ? n.currentTarget.querySelector(".fw-bar") : null;
+			r && e.onPin(t.id, r, n.target instanceof Element && n.target.closest(".fw-lane") ? n.clientX : void 0);
+		},
+		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+			role: "gridcell",
+			className: "fw-label",
+			style: { "--depth": b ? t.inset ?? 0 : t.depth },
+			children: [
+				j && /* @__PURE__ */ (0, Y.jsx)("button", {
+					type: "button",
+					tabIndex: -1,
+					className: `fw-toggle${e.expanded ? " fw-open" : ""}`,
+					"aria-label": `${e.expanded ? "Collapse" : "Expand"} ${t.name}`,
+					"aria-expanded": !!e.expanded,
+					onClick: (n) => {
+						n.stopPropagation(), e.onToggle(t);
+					},
+					children: /* @__PURE__ */ (0, Y.jsx)(Mt, {})
+				}),
+				!b && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-guides",
+					"aria-hidden": !0
+				}),
+				!b && (t.hasChildren ? /* @__PURE__ */ (0, Y.jsx)("button", {
+					type: "button",
+					tabIndex: -1,
+					className: `fw-toggle${x ? "" : " fw-open"}`,
+					disabled: a,
+					"aria-label": `${x ? "Expand" : "Collapse"} ${t.name}`,
+					"aria-expanded": !x,
+					onClick: (n) => {
+						n.stopPropagation(), e.onToggle(t);
+					},
+					children: /* @__PURE__ */ (0, Y.jsx)(Mt, {})
+				}) : /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-toggle-space",
+					"aria-hidden": !0
+				})),
+				b && !j && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-toggle-space",
+					"aria-hidden": !0
+				}),
+				(!b || A) && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-icon-tile",
+					"aria-hidden": !0,
+					children: h?.(v) ?? /* @__PURE__ */ (0, Y.jsx)(jt, {
+						kind: v.kind,
+						name: v.name
+					})
+				}),
+				/* @__PURE__ */ (0, Y.jsxs)("span", {
+					className: "fw-names",
+					title: `${t.name}${v.detail ? ` · ${v.detail}` : ""} · ${Kt[v.kind]}${y ? " · running" : ""}${t.ok ? "" : " · failed"}`,
+					children: [/* @__PURE__ */ (0, Y.jsxs)("span", {
+						className: `fw-span-name${C || t.hasChildren ? " fw-strong" : ""}`,
+						children: [
+							g && C && v.outcome ? /* @__PURE__ */ (0, Y.jsx)("span", {
+								className: "fw-agent-dot",
+								"data-tone": "0",
+								"data-outcome": v.outcome.tone,
+								title: v.outcome.label,
+								"aria-hidden": !0
+							}) : b && !A && /* @__PURE__ */ (0, Y.jsx)("span", {
+								className: "fw-agent-dot",
+								"aria-hidden": !0
+							}),
+							y && /* @__PURE__ */ (0, Y.jsx)("span", {
+								className: "fw-spinner",
+								role: "status",
+								"aria-label": "running"
+							}),
+							/* @__PURE__ */ (0, Y.jsx)("span", {
+								className: "fw-name-text",
+								children: t.name
+							})
+						]
+					}), b && /* @__PURE__ */ (0, Y.jsxs)("span", {
+						className: "fw-subtitle",
+						children: [h && /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-detail-icon",
+							"aria-hidden": !0,
+							children: h(v)
+						}), /* @__PURE__ */ (0, Y.jsxs)("span", {
+							className: "fw-subtitle-tail",
+							children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+								className: "fw-subtitle-text",
+								children: D[0]
+							}), D.slice(1).map((e) => /* @__PURE__ */ (0, Y.jsxs)("span", {
+								className: "fw-subtitle-extra",
+								children: ["· ", e]
+							}, e))]
+						})]
+					})]
+				}),
+				x && /* @__PURE__ */ (0, Y.jsxs)("span", {
+					className: "fw-count",
+					"aria-label": `${t.descendants} hidden steps`,
+					children: ["+", t.descendants]
+				}),
+				k && !e.expanded && /* @__PURE__ */ (0, Y.jsxs)("span", {
+					className: "fw-count",
+					"aria-label": `${t.descendants} agents folded`,
+					children: ["+", t.descendants]
+				}),
+				!t.ok && !b && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-alert",
+					children: /* @__PURE__ */ (0, Y.jsx)(Vt, { label: "failed" })
+				})
+			]
+		}), /* @__PURE__ */ (0, Y.jsx)("div", {
+			role: "gridcell",
+			className: "fw-lane",
+			"data-waterfall-track": !0,
+			"aria-label": `${Kt[v.kind]}, ${E}${o ? `, slowest ${b ? "agent" : "step"}` : ""}${s ? ", costliest agent" : ""}${c ? ", critical path" : ""}`,
+			children: S ? /* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "fw-invalid",
+				children: "—"
+			}) : /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
+				v.marks?.map((e) => /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-mark",
+					"data-mark": e.kind,
+					style: tn(e.at, e.at),
+					title: e.label,
+					"aria-label": e.label,
+					role: "img"
+				}, `m-${e.at}-${e.label}`)),
+				/* @__PURE__ */ (0, Y.jsxs)("span", {
+					className: `fw-bar fw-k-${C ? "pipeline" : w}${t.approx ? " fw-approx" : ""}${T.length ? " fw-has-marks" : ""}${t.hasAgents ? " fw-has-agents" : ""}`,
+					"data-tone": rt(t.tone),
+					style: tn(v.startMs, y ? en : v.endMs),
+					onPointerEnter: O,
+					onPointerLeave: e.onLeave,
+					onClick: (n) => {
+						n.stopPropagation(), k ? e.onToggle(t) : e.onPin(t.id, n.currentTarget, n.clientX);
+					},
+					children: [!C && !t.ok && /* @__PURE__ */ (0, Y.jsx)("span", {
+						className: "fw-glyph",
+						children: /* @__PURE__ */ (0, Y.jsx)(Rt, {})
+					}), !C && t.ok && t.retry && /* @__PURE__ */ (0, Y.jsx)("span", {
+						className: "fw-glyph",
+						children: /* @__PURE__ */ (0, Y.jsx)(Lt, {})
+					})]
+				}),
+				T.map((t, n) => /* @__PURE__ */ (0, Y.jsx)(rn, {
+					mark: t,
+					events: e,
+					agentView: b,
+					ending: n === M
+				}, `${t.id}-${n}`)),
+				/* @__PURE__ */ (0, Y.jsxs)("span", {
+					className: "fw-end",
+					style: tn(v.startMs, y ? en : v.endMs),
+					children: [
+						/* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-duration",
+							children: E
+						}),
+						o && /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-badge",
+							children: "Slowest"
+						}),
+						s && /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-badge",
+							children: "Costliest"
+						})
+					]
+				})
+			] })
+		})]
+	});
+}, (e, t) => e.row === t.row && e.view === t.view && e.top === t.top && e.collapsed === t.collapsed && e.searching === t.searching && e.slowest === t.slowest && e.costliest === t.costliest && e.critical === t.critical && e.matched === t.matched && e.active === t.active && e.focusable === t.focusable && e.selected === t.selected && e.sticky === t.sticky && e.motion === t.motion && e.renderIcon === t.renderIcon && e.fillByAgent === t.fillByAgent && e.sharedDetail === t.sharedDetail && e.sharedOutcome === t.sharedOutcome && e.expanded === t.expanded && (e.clockMs === t.clockMs || !an(e.row, e.clockMs) && !an(t.row, t.clockMs)));
+function cn({ link: e, rowHeight: t, hot: n }) {
+	let r = Math.min(e.from, e.to), i = Math.max(e.from, e.to), a = {
+		...tn(e.atMs, e.atMs),
+		top: r * t + t / 2 + 5,
+		height: (i - r) * t - 5
+	};
+	return /* @__PURE__ */ (0, Y.jsx)("span", {
+		className: `fw-link fw-link-${e.dir}${n ? " fw-link-hot" : ""}`,
+		"data-tone": rt(e.tone),
+		style: a,
+		"aria-hidden": !0
+	});
+}
+var ln = 700, un = 20, dn = 200;
+function fn(e) {
+	let t = (0, X.useRef)(null), n = (0, X.useRef)(/* @__PURE__ */ new Set()), r = (0, X.useRef)(/* @__PURE__ */ new Map()), [i, a] = (0, X.useState)(0), o = (0, X.useMemo)(() => {
+		let i = Date.now();
+		for (let [e, t] of r.current) t.until <= i && r.current.delete(e);
+		let a = t.current, o = 0;
+		for (let t of e) {
+			let e = Z(t.span);
+			!a || !a.has(t.id) ? r.current.set(t.id, {
+				enter: Math.min(o++ * un, dn),
+				until: i + ln + dn
+			}) : n.current.has(t.id) && !e && r.current.set(t.id, {
+				settle: !0,
+				until: i + ln
+			});
+		}
+		return t.current = new Set(e.map((e) => e.id)), n.current = new Set(e.filter((e) => Z(e.span)).map((e) => e.id)), new Map(r.current);
+	}, [e, i]);
+	return (0, X.useEffect)(() => {
+		if (o.size === 0) return;
+		let e = setTimeout(() => a((e) => e + 1), 920);
+		return () => clearTimeout(e);
+	}, [o]), o;
+}
+var pn = [
+	1,
+	2,
+	5,
+	10,
+	20,
+	50,
+	100,
+	200,
+	500,
+	1e3,
+	2e3,
+	5e3,
+	1e4,
+	15e3,
+	3e4,
+	6e4,
+	12e4,
+	3e5,
+	6e5,
+	9e5,
+	18e5,
+	36e5,
+	72e5,
+	108e5,
+	216e5,
+	432e5,
+	864e5
+];
+function mn(e, t = 72) {
+	let n = e * t;
+	return pn.find((e) => e >= n) ?? Math.ceil(n / 864e5) * 864e5;
+}
+function hn(e, t, n, r = 72) {
+	if (!(n > 0) || !(t > e)) return [0];
+	let i = mn((t - e) / n, r), a = [];
+	for (let n = Math.ceil(e / i) * i; n <= t && a.length < 400; n += i) a.push(n);
+	return a;
+}
+function gn(e) {
+	if (e === 0) return "0s";
+	if (e < 1e3) return `${Math.round(e)}ms`;
+	if (e < 6e4) return `${+(e / 1e3).toFixed(1)}s`;
+	if (e < 36e5) {
+		let t = Math.floor(e / 6e4), n = Math.round(e % 6e4 / 1e3);
+		return n ? `${t}m ${n}s` : `${t}m`;
+	}
+	let t = Math.floor(e / 36e5), n = Math.round(e % 36e5 / 6e4);
+	return n ? `${t}h ${n}m` : `${t}h`;
+}
+function _n(e, t, n, r) {
+	let i = e.endMs - e.startMs, a = Math.min(Math.max(50, i * t), Math.max(r, 50)), o = i > 0 ? (n - e.startMs) / i : .5;
+	return vn({
+		startMs: n - o * a,
+		endMs: n - o * a + a
+	}, r);
+}
+function vn(e, t) {
+	let n = e.endMs - e.startMs, r = Math.max(0, e.startMs);
+	return r + n > t && (r = Math.max(0, t - n)), {
+		startMs: r,
+		endMs: r + n
+	};
+}
+var yn = {
+	spans: 36,
+	agents: 40
+}, bn = 8, xn = 4, Sn = 3;
+function Cn(e, t, n) {
+	let r = new Map(e.map((e, t) => [e.id, t])), i = (i) => {
+		let a = i.parentId;
+		for (; a !== void 0;) {
+			let i = r.get(a);
+			if (i !== void 0 && (n === "spans" || e[i].kind === "pipeline")) return i;
+			a = t.get(a)?.parentId;
+		}
+	}, a = [], o = /* @__PURE__ */ new Set();
+	for (let t of e) {
+		let n = t.span.handoffTo === void 0 ? void 0 : r.get(t.span.handoffTo), s = t.kind === "pipeline" ? r.get(t.id) : i(t);
+		n !== void 0 && s !== void 0 && n !== s && (o.add(e[n].id), a.push({
+			id: `h-${t.id}`,
+			from: s,
+			to: n,
+			atMs: t.span.startMs,
+			tone: e[n].tone,
+			dir: n > s ? "down" : "up"
+		}));
+	}
+	for (let [t, r] of e.entries()) {
+		if (r.kind !== "pipeline" || r.parentId === void 0) continue;
+		let e = i(r);
+		e !== void 0 && (o.has(r.id) || a.push({
+			id: `s-${r.id}`,
+			from: e,
+			to: t,
+			atMs: r.span.startMs,
+			tone: r.tone,
+			dir: "down"
+		}), n === "agents" && !Z(r.span) && Number.isFinite(r.span.endMs) && a.push({
+			id: `r-${r.id}`,
+			from: t,
+			to: e,
+			atMs: r.span.endMs,
+			tone: r.tone,
+			dir: "up"
+		}));
+	}
+	return a;
+}
+function wn(e) {
+	let { rows: t, view: n, maxHeight: r, collapsed: i, searching: a, slowestId: o, activeId: s, selectedId: c, clockMs: l, window: u, trackPx: d, showCursor: f, zoomed: p } = e, m = yn[n], h = (0, X.useRef)(null), g = (0, X.useRef)(null), [_, v] = (0, X.useState)(0), [y, b] = (0, X.useState)(r), x = (0, X.useRef)(e);
+	x.current = e;
+	let S = (0, X.useRef)(0);
+	e.holdHeight || (S.current = 0);
+	let C = S.current = Math.max(S.current, Math.min(r, Math.max(t.length, 1) * m)), w = (0, X.useMemo)(() => Cn(t, e.byId, n), [
+		t,
+		e.byId,
+		n
+	]), T = (0, X.useMemo)(() => a ? mt(t, e.query, e.matchSpan) : void 0, [
+		a,
+		t,
+		e.query,
+		e.matchSpan
+	]), E = (0, X.useMemo)(() => new Map(t.map((e, t) => [e.id, t])), [t]), D = fn(t), [O, k] = (0, X.useState)(), A = (u.endMs - u.startMs) / Math.max(1, d), j = u.startMs + (d + (n === "spans" ? 72 : 0)) * A, M = hn(u.startMs, j, Math.max(1, d + (n === "spans" ? 72 : 0))), N = (0, X.useMemo)(() => {
+		let t = /* @__PURE__ */ new Map();
+		if (n === "agents") return t;
+		let r = -Infinity;
+		for (let n of [...e.markers ?? []].sort((e, t) => e.at - t.at)) {
+			let e = (n.at - u.startMs) / A, i = n.label.length * 7 + 16, a = e + i > d ? "left" : "right", o = a === "right" ? e : e - i;
+			e < 0 || e > d || o < r || (t.set(n, a), r = o + i + 8);
+		}
+		return t;
+	}, [
+		e.markers,
+		u.startMs,
+		A,
+		d,
+		n
+	]);
+	(0, X.useEffect)(() => {
+		let e = h.current;
+		if (!e) return;
+		let t = new ResizeObserver(() => b(e.clientHeight));
+		return t.observe(e), () => t.disconnect();
+	}, []), (0, X.useEffect)(() => {
+		let e = g.current;
+		if (!e) return;
+		let t = (t) => {
+			let { window: n, trackPx: r, zoomed: i } = x.current, a = e.querySelector("[data-fw-track]");
+			if (!a) return;
+			let o = a.getBoundingClientRect(), s = (n.endMs - n.startMs) / Math.max(1, r);
+			if (t.ctrlKey || t.metaKey) {
+				t.preventDefault();
+				let e = n.startMs + (t.clientX - o.left - 12) * s;
+				x.current.onZoom(Math.exp(t.deltaY * .0025), e);
+			} else i && (t.shiftKey || Math.abs(t.deltaX) > Math.abs(t.deltaY)) && (t.preventDefault(), x.current.onPan((t.shiftKey ? t.deltaY : t.deltaX) * s));
+		};
+		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
+	}, []);
+	let F = Math.max(0, _ * xn - bn), I = Math.min(t.length, _ * xn + Math.ceil(y / m) + xn + bn), L = (e, r) => {
+		let i = (n === "spans" ? Math.min(Sn, t[e].depth) : 0) * m;
+		e * m - i < r.scrollTop ? r.scrollTop = Math.max(0, e * m - i) : (e + 1) * m > r.scrollTop + r.clientHeight && (r.scrollTop = (e + 1) * m - r.clientHeight);
+	}, ee = (0, X.useRef)(void 0);
+	(0, X.useEffect)(() => {
+		if (!c || c === ee.current) return;
+		let e = E.get(c);
+		e !== void 0 && h.current && (ee.current = c, L(e, h.current));
+	});
+	let R = (t) => {
+		let n = E.get(t), r = h.current;
+		n !== void 0 && r && (L(n, r), e.onActiveChange(t), requestAnimationFrame(() => r.querySelector(`.fw-canvas [data-span-id="${CSS.escape(t)}"]`)?.focus({ preventScroll: !0 })));
+	}, z = (r) => {
+		let o = E.get(s ?? "") ?? 0, c = t[o];
+		if (!c) return;
+		let l = Math.max(1, Math.floor(y / m) - 1), u = (e) => {
+			r.preventDefault(), R(t[Math.max(0, Math.min(t.length - 1, e))].id);
+		}, d = i.has(c.id) && !a;
+		switch (r.key) {
+			case "ArrowDown": return u(o + 1);
+			case "ArrowUp": return u(o - 1);
+			case "PageDown": return u(o + l);
+			case "PageUp": return u(o - l);
+			case "Home": return u(0);
+			case "End": return u(t.length - 1);
+			case "ArrowRight":
+				n === "spans" && c.hasChildren && d || n === "agents" && c.hasChildren ? (r.preventDefault(), e.onToggle(c)) : c.hasChildren && u(o + 1);
+				return;
+			case "ArrowLeft":
+				n === "spans" && c.hasChildren && !d ? (r.preventDefault(), e.onToggle(c)) : c.parentId !== void 0 && E.has(c.parentId) && u(E.get(c.parentId));
+				return;
+			case "Enter":
+			case " ": {
+				r.preventDefault();
+				let t = h.current?.querySelector(`[data-span-id="${CSS.escape(c.id)}"] .fw-bar`);
+				t && e.onPin(c.id, t);
+			}
+		}
+	}, B = /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "fw-axis fw-axis-top",
+		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "fw-axis-label",
+			children: [n === "spans" && /* @__PURE__ */ (0, Y.jsx)(Y.Fragment, { children: e.onExpandAll && /* @__PURE__ */ (0, Y.jsxs)("span", {
+				className: "fw-branch-controls",
+				children: [/* @__PURE__ */ (0, Y.jsx)("button", {
+					type: "button",
+					className: "fw-text-button",
+					onClick: e.onExpandAll,
+					children: "Expand all"
+				}), /* @__PURE__ */ (0, Y.jsx)("button", {
+					type: "button",
+					className: "fw-text-button",
+					onClick: e.onCollapseAll,
+					children: "Collapse all"
+				})]
+			}) }), /* @__PURE__ */ (0, Y.jsx)("span", {
+				role: "separator",
+				"aria-orientation": "vertical",
+				"aria-label": "Resize the step column",
+				tabIndex: 0,
+				className: "fw-resize",
+				"aria-valuenow": Math.round(e.nameWidth),
+				"aria-valuemin": 140,
+				"aria-valuemax": 560,
+				onPointerDown: (t) => {
+					let n = t.currentTarget, r = t.clientX, i = e.nameWidth;
+					n.setPointerCapture(t.pointerId);
+					let a = (t) => e.onNameWidth(i + t.clientX - r), o = () => {
+						n.removeEventListener("pointermove", a), n.removeEventListener("pointerup", o);
+					};
+					n.addEventListener("pointermove", a), n.addEventListener("pointerup", o);
+				},
+				onKeyDown: (t) => {
+					(t.key === "ArrowLeft" || t.key === "ArrowRight") && (t.preventDefault(), e.onNameWidth(e.nameWidth + (t.key === "ArrowLeft" ? -16 : 16)));
+				}
+			})]
+		}), /* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "fw-axis-track",
+			"data-fw-track": !0,
+			ref: e.onTrack,
+			onPointerDown: (t) => {
+				let n = t.currentTarget, r = n.getBoundingClientRect(), i = (e) => Math.max(0, u.startMs + (e - r.left - 12) * (u.endMs - u.startMs) / Math.max(1, d));
+				e.onScrub(i(t.clientX)), n.setPointerCapture(t.pointerId);
+				let a = (t) => e.onScrub(i(t.clientX)), o = () => {
+					n.removeEventListener("pointermove", a), n.removeEventListener("pointerup", o);
+				};
+				n.addEventListener("pointermove", a), n.addEventListener("pointerup", o);
+			},
+			title: "Drag to scrub",
+			children: [
+				M.map((e) => /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-tick",
+					style: { "--s": e },
+					children: gn(e)
+				}, e)),
+				e.markers?.map((t) => /* @__PURE__ */ (0, Y.jsx)("button", {
+					type: "button",
+					className: "fw-event",
+					"data-tone": t.tone ?? "neutral",
+					style: { "--s": t.at },
+					title: t.kind ? `${t.kind}: ${t.label}` : t.label,
+					"aria-label": `Jump to ${t.kind ? `${t.kind} ` : ""}${t.label}`,
+					"aria-pressed": O === t,
+					onPointerDown: (e) => e.stopPropagation(),
+					onClick: () => {
+						if (O === t) {
+							k(void 0);
+							return;
+						}
+						k(t), e.onScrub(t.at);
+					}
+				}, `e-${t.at}-${t.label}`)),
+				e.pauses?.map((e) => {
+					let t = `${e.label} ${P(e.endMs - e.startMs)}${e.detail ? `: ${e.detail}` : ""}`;
+					return /* @__PURE__ */ (0, Y.jsx)("span", {
+						className: "fw-pause-mark",
+						style: {
+							"--s": e.startMs,
+							"--e": e.endMs
+						},
+						title: t,
+						"aria-label": t,
+						role: "img",
+						tabIndex: 0,
+						onPointerDown: (e) => e.stopPropagation()
+					}, `pm-${e.startMs}`);
+				}),
+				O && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-event-label",
+					"data-tone": O.tone ?? "neutral",
+					style: { "--s": O.at },
+					children: O.label
+				}),
+				f && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-cursor-handle",
+					"aria-hidden": !0
+				})
+			]
+		})]
+	}), V = (t, r, u = !1) => /* @__PURE__ */ (0, Y.jsx)(sn, {
+		row: t,
+		view: n,
+		top: r * m,
+		collapsed: i.has(t.id),
+		searching: a,
+		slowest: t.id === o,
+		costliest: t.id === e.costliestId,
+		critical: e.criticalIds?.has(t.id),
+		matched: T?.has(t.id),
+		active: t.id === s,
+		focusable: !u && (t.id === s || (s === void 0 || !E.has(s)) && r === 0),
+		selected: t.id === c,
+		sticky: u,
+		motion: u ? void 0 : D.get(t.id),
+		clockMs: l,
+		renderIcon: e.renderIcon,
+		fillByAgent: e.fillByAgent,
+		sharedDetail: e.sharedDetail,
+		sharedOutcome: e.sharedOutcome,
+		expanded: e.expandedIds?.has(t.id),
+		onToggle: e.onToggle,
+		onInspect: e.onInspect,
+		onLeave: e.onLeave,
+		onPin: e.onPin,
+		onActivate: (t) => e.onActiveChange(t.id)
+	}, u ? `sticky-${t.id}` : t.id);
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: `fw-body fw-view-${n}${p ? " fw-zoomed" : ""}`,
+		ref: g,
+		children: [B, /* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "fw-viewport",
+			children: [
+				/* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "fw-gridlayer",
+					"aria-hidden": !0,
+					children: [
+						e.pauses?.map((e) => /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-pause",
+							style: {
+								"--s": e.startMs,
+								"--e": e.endMs
+							}
+						}, `p-${e.startMs}`)),
+						M.map((e) => /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-gridline",
+							style: { "--s": e }
+						}, e)),
+						e.markers?.map((e) => /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "fw-marker-line",
+							"data-tone": e.tone ?? "neutral",
+							style: { "--s": e.at }
+						}, `l-${e.at}-${e.label}`))
+					]
+				}),
+				/* @__PURE__ */ (0, Y.jsxs)("div", {
+					ref: h,
+					role: "treegrid",
+					"aria-label": "Trace timeline",
+					"aria-rowcount": t.length,
+					"aria-multiselectable": !1,
+					tabIndex: -1,
+					className: "fw-scroller",
+					"data-primary-content": "",
+					style: {
+						height: C,
+						maxHeight: r
+					},
+					onKeyDown: z,
+					onScroll: (e) => {
+						let t = Math.floor(e.currentTarget.scrollTop / m / xn);
+						t !== _ && v(t);
+					},
+					children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+						className: "fw-canvas",
+						style: { height: t.length * m },
+						children: [/* @__PURE__ */ (0, Y.jsx)("div", {
+							className: "fw-links",
+							"aria-hidden": !0,
+							children: w.filter((e) => Math.max(e.from, e.to) >= F && Math.min(e.from, e.to) <= I).map((n) => /* @__PURE__ */ (0, Y.jsx)(cn, {
+								link: n,
+								rowHeight: m,
+								hot: e.focusId !== void 0 && (t[n.from]?.id === e.focusId || t[n.to]?.id === e.focusId)
+							}, n.id))
+						}), t.slice(F, I).map((e, t) => V(e, F + t))]
+					}), t.length === 0 && /* @__PURE__ */ (0, Y.jsx)("p", {
+						role: "status",
+						className: "fw-empty",
+						children: e.emptyText
+					})]
+				}),
+				n === "spans" && /* @__PURE__ */ (0, Y.jsx)(Tn, {
+					scroller: h,
+					rows: t,
+					index: E,
+					rowHeight: m,
+					render: V
+				}),
+				e.markers?.length ? /* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "fw-marker-layer",
+					children: e.markers.map((e) => /* @__PURE__ */ (0, Y.jsx)("span", {
+						className: "fw-marker",
+						"data-tone": e.tone ?? "neutral",
+						style: { "--s": e.at },
+						title: e.label,
+						children: N.has(e) && /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: `fw-marker-label${N.get(e) === "left" ? " fw-marker-label-left" : ""}`,
+							children: e.label
+						})
+					}, `${e.at}-${e.label}`))
+				}) : null,
+				f && e.cursorLine !== !1 && /* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "fw-cursor-layer",
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ (0, Y.jsx)("span", { className: "fw-cursor" })
+				})
+			]
+		})]
+	});
+}
+function Tn({ scroller: e, rows: t, index: n, rowHeight: r, render: i }) {
+	let [a, o] = (0, X.useState)(0);
+	(0, X.useEffect)(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = () => o(t.scrollTop > 0 ? Math.floor(t.scrollTop / r) : -1);
+		return n(), t.addEventListener("scroll", n, { passive: !0 }), () => t.removeEventListener("scroll", n);
+	}, [e, r]);
+	let s = [];
+	if (a >= 0) {
+		let e = [], r = t[Math.min(t.length - 1, a + 1)];
+		for (; r?.parentId !== void 0;) {
+			let i = n.get(r.parentId);
+			if (i === void 0) break;
+			r = t[i], r && e.unshift(r);
+		}
+		for (let [t, r] of e.slice(-3).entries()) (n.get(r.id) ?? 0) < a + t + 1 && s.push(r);
+	}
+	return s.length ? /* @__PURE__ */ (0, Y.jsx)("div", {
+		className: "fw-sticky",
+		style: { height: s.length * r },
+		children: s.map((e, t) => i(e, t, !0))
+	}) : null;
+}
+var En = 100;
+function Dn(e) {
+	let { root: t, slider: n, timeOutput: r, observedTotal: i, live: a, startedAt: o, snapshot: s, playing: c, speed: l, position: u, onPlaybackEnd: d, view: f, trackPx: p } = e, [m, h] = (0, X.useState)(u ?? i), g = (0, X.useRef)(Date.now()), _ = (0, X.useRef)(u ?? i), v = (0, X.useRef)(e);
+	v.current = e, (0, X.useEffect)(() => {
+		g.current = Date.now();
+	}, [s]);
+	let y = () => {
+		let { observedTotal: e, startedAt: t, live: n } = v.current;
+		return n ? Math.max(e, t === void 0 ? e + Date.now() - g.current : Date.now() - t) : e;
+	}, b = (e, i = y()) => {
+		let a = t.current;
+		if (!a) return;
+		let { startMs: o, endMs: s } = v.current.view(e), c = Math.max(1e-9, v.current.trackPx / Math.max(1, s - o));
+		a.style.setProperty("--fw-t", String(e)), a.style.setProperty("--fw-v0", String(o)), a.style.setProperty("--fw-k", String(c)), n.current && (n.current.max = String(Math.max(1, i, e)), n.current.value = String(e)), r.current && (r.current.textContent = Q(e));
+	};
+	return (0, X.useLayoutEffect)(() => {
+		if (u !== null && (_.current = u), !(a || c)) {
+			let e = u ?? i;
+			b(e), h(e);
+			return;
+		}
+		let e = 0, t = performance.now(), n = 0, r = (i) => {
+			let a = i - t;
+			t = i;
+			let o, s = y();
+			if (c) {
+				if (_.current = Math.min(s, _.current + a * v.current.speed), o = _.current, o >= s && !v.current.live) {
+					b(o, s), h(o), v.current.onPlaybackEnd(o);
+					return;
+				}
+			} else o = v.current.position ?? s;
+			b(o, s), i - n >= En && (n = i, h(o)), e = requestAnimationFrame(r);
+		};
+		return e = requestAnimationFrame(r), () => cancelAnimationFrame(e);
+	}, [
+		a,
+		c,
+		u,
+		i,
+		s
+	]), (0, X.useLayoutEffect)(() => {
+		b(c ? _.current : u ?? (a ? y() : i));
+	}, [f, p]), {
+		clockMs: m,
+		limitMs: y,
+		positionMs: () => _.current
+	};
+}
+var On = [
+	.5,
+	1,
+	1.5,
+	2,
+	4
+];
+function kn({ view: e, playing: t, limit: n, clockMs: r, speed: i, zoom: a, marks: o, slider: s, timeOutput: c, followLabel: l, onTogglePlay: u, onRestart: d, onSpeed: f, onScrub: p, onFollow: m, onZoom: h, onFit: g }) {
+	return /* @__PURE__ */ (0, Y.jsxs)("footer", {
+		className: "fw-playback",
+		children: [
+			/* @__PURE__ */ (0, Y.jsx)("button", {
+				type: "button",
+				className: "fw-round-button",
+				"aria-label": t ? "Pause" : "Play",
+				disabled: n === 0,
+				onClick: u,
+				children: t ? /* @__PURE__ */ (0, Y.jsx)(Ft, {}) : /* @__PURE__ */ (0, Y.jsx)(Pt, {})
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("button", {
+				type: "button",
+				className: "fw-icon-button",
+				"aria-label": "Restart",
+				title: "Replay from the start",
+				disabled: n === 0,
+				onClick: d,
+				children: /* @__PURE__ */ (0, Y.jsx)(It, {})
+			}),
+			e === "agents" ? /* @__PURE__ */ (0, Y.jsx)("div", {
+				className: "fw-segmented",
+				role: "radiogroup",
+				"aria-label": "Playback speed",
+				children: [
+					1,
+					2,
+					4
+				].map((e) => /* @__PURE__ */ (0, Y.jsxs)("button", {
+					type: "button",
+					role: "radio",
+					"aria-checked": i === e,
+					onClick: () => f(e),
+					children: [e, "x"]
+				}, e))
+			}) : /* @__PURE__ */ (0, Y.jsxs)("label", {
+				className: "fw-speed",
+				children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "fw-sr-only",
+					children: "Playback speed"
+				}), /* @__PURE__ */ (0, Y.jsx)("select", {
+					"aria-label": "Playback speed",
+					value: i,
+					onChange: (e) => f(Number(e.target.value)),
+					children: On.map((e) => /* @__PURE__ */ (0, Y.jsxs)("option", {
+						value: e,
+						children: [e, "x"]
+					}, e))
+				})]
+			}),
+			/* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "fw-overview",
+				children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "fw-overview-marks",
+					"aria-hidden": !0,
+					children: [o.map((e, t) => /* @__PURE__ */ (0, Y.jsx)("span", {
+						className: `fw-ov fw-seg-${e.kind}`,
+						"data-tone": rt(e.tone),
+						style: {
+							left: `${e.startMs / Math.max(1, n) * 100}%`,
+							width: `${Math.max(.15, (Math.min(e.endMs, n) - e.startMs) / Math.max(1, n) * 100)}%`
+						}
+					}, t)), a && /* @__PURE__ */ (0, Y.jsx)("span", {
+						className: "fw-brush",
+						style: {
+							left: `${a.startMs / n * 100}%`,
+							width: `${(a.endMs - a.startMs) / n * 100}%`
+						}
+					})]
+				}), /* @__PURE__ */ (0, Y.jsx)("input", {
+					ref: s,
+					"aria-label": "Playback position",
+					type: "range",
+					min: 0,
+					max: Math.max(1, n),
+					step: "any",
+					defaultValue: r,
+					disabled: n === 0,
+					className: "fw-slider",
+					style: { "--fw-progress": `${r / Math.max(1, n) * 100}%` },
+					onChange: (e) => p(Number(e.target.value))
+				})]
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("output", {
+				ref: c,
+				className: "fw-time",
+				"aria-label": "Playback time",
+				children: Q(r)
+			}),
+			l && /* @__PURE__ */ (0, Y.jsx)("button", {
+				type: "button",
+				className: "fw-text-button",
+				onClick: m,
+				children: l
+			}),
+			/* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "fw-zoom",
+				role: "group",
+				"aria-label": "Zoom",
+				children: [
+					/* @__PURE__ */ (0, Y.jsx)("button", {
+						type: "button",
+						className: "fw-icon-button",
+						"aria-label": "Zoom out",
+						disabled: !a,
+						onClick: () => h(2),
+						children: /* @__PURE__ */ (0, Y.jsx)(Ut, {})
+					}),
+					/* @__PURE__ */ (0, Y.jsx)("button", {
+						type: "button",
+						className: "fw-icon-button",
+						"aria-label": "Zoom in",
+						disabled: n === 0,
+						onClick: () => h(.5),
+						children: /* @__PURE__ */ (0, Y.jsx)(Ht, {})
+					}),
+					/* @__PURE__ */ (0, Y.jsx)("button", {
+						type: "button",
+						className: "fw-icon-button",
+						"aria-label": "Fit the whole trace",
+						disabled: !a,
+						onClick: g,
+						children: /* @__PURE__ */ (0, Y.jsx)(Wt, {})
+					})
+				]
+			})
+		]
+	});
+}
+var An = 12, jn = 20, Mn = 12, Nn = {
+	spans: 120,
+	agents: 176
+}, Pn = {
+	spans: 320,
+	agents: 240
+};
+function Fn(e, t, n) {
+	let [r, i] = (0, X.useState)(n), a = e === void 0 ? r : e, o = (0, X.useRef)(a);
+	o.current = a;
+	let s = (0, X.useRef)(t);
+	s.current = t;
+	let c = e !== void 0;
+	return [a, (0, X.useCallback)((e) => {
+		let t = typeof e == "function" ? e(o.current) : e;
+		o.current = t, c || i(t), s.current?.(t);
+	}, [c])];
+}
+var In = 320;
+function Ln(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) n && t.set(n, (t.get(n) ?? 0) + 1);
+	let [n, r] = [...t].sort((e, t) => t[1] - e[1])[0] ?? [];
+	return e.length > 1 && r !== void 0 && r >= 2 && r * 2 >= e.length ? n : void 0;
+}
+function Rn(e, t, n) {
+	let r = xt(t ? t.costUsd : e.costUsd, e), i = t ? t.tokens : e.promptTokens + e.completionTokens, a = t ? t.modelCalls : e.modelCalls, o = t ? t.errors : e.errors ?? e.spans.filter(it).length;
+	return {
+		cost: r,
+		tokens: i,
+		errors: o,
+		summary: [
+			["Duration", Q(n)],
+			...r.value === "—" ? [] : [[
+				r.label,
+				r.value,
+				r.title
+			]],
+			[
+				"Tokens",
+				st(i),
+				`${i.toLocaleString()} tokens`
+			],
+			[
+				"LLM calls",
+				a === void 0 ? "—" : a.toLocaleString(),
+				a === void 0 ? "Model output windows do not establish the number of LLM requests" : void 0
+			],
+			[
+				"Tool calls",
+				(t ? t.toolCalls : e.toolCalls)?.toLocaleString() ?? "—",
+				(t ? t.toolCalls : e.toolCalls) === void 0 ? "The producer did not count tool calls" : void 0
+			],
+			["Errors", o.toLocaleString()]
+		]
+	};
+}
+var zn = [
+	"ok",
+	"warn",
+	"failed",
+	"neutral"
+];
+function Bn({ rows: e }) {
+	let t = (t) => e.some((e) => e.own.some((e) => e.kind === t) || e.span.kind === t), n = [
+		["model", "Model call"],
+		["tool", "Tool call"],
+		["waiting", "Waiting"],
+		["handoff", "Handoff"]
+	].filter(([n]) => n === "waiting" ? e.some((e) => e.kind === "pipeline") : n === "handoff" ? e.some((e) => e.span.handoffTo || e.hasAgents) : t(n));
+	return n.length === 0 ? null : /* @__PURE__ */ (0, Y.jsx)("ul", {
+		className: "fw-legend fw-kinds",
+		"aria-label": "Key",
+		children: n.map(([e, t]) => /* @__PURE__ */ (0, Y.jsxs)("li", { children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+			className: `fw-swatch-${e === "waiting" ? "wait" : e}`,
+			"aria-hidden": !0
+		}), t] }, e))
+	});
+}
+function Vn({ agents: e }) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = n.span.outcome;
+		if (!e) continue;
+		let r = t.get(e.label) ?? {
+			tone: e.tone,
+			count: 0
+		};
+		r.count += 1, t.set(e.label, r);
+	}
+	if (t.size === 0) return null;
+	let n = e.reduce((e, t) => e + t.own.reduce((e, t) => e + (t.kind === "failed" ? t.count : 0), 0), 0);
+	return /* @__PURE__ */ (0, Y.jsxs)("ul", {
+		className: "fw-legend",
+		"aria-label": "Outcomes",
+		children: [[...t].sort(([e, t], [n, r]) => zn.indexOf(t.tone) - zn.indexOf(r.tone) || e.localeCompare(n)).map(([e, t]) => /* @__PURE__ */ (0, Y.jsxs)("li", { children: [
+			/* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "fw-swatch",
+				"data-tone": "0",
+				"data-outcome": t.tone,
+				"aria-hidden": !0
+			}),
+			e,
+			" ",
+			/* @__PURE__ */ (0, Y.jsx)("b", { children: t.count })
+		] }, e)), n > 0 && /* @__PURE__ */ (0, Y.jsxs)("li", { children: [
+			/* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "fw-swatch-step",
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ (0, Y.jsx)(Rt, {})
+			}),
+			"Failed step ",
+			/* @__PURE__ */ (0, Y.jsx)("b", { children: n })
+		] })]
+	});
+}
+function Hn({ trace: e, live: t, startedAt: n, label: r = "Trace waterfall", defaultCollapsed: i = !1, defaultView: a = "spans", renderIcon: o, maxHeight: s, onSelect: c, markers: l, onTimeChange: u, agentFill: d, selectedId: f, onDeselect: p, description: m, summary: h = !0, criticalPath: g = !1, query: _, onQueryChange: v, collapsed: y, onCollapsedChange: b, zoom: x, onZoomChange: S, matchSpan: C }) {
+	let w = (0, X.useRef)(null), T = (0, X.useRef)(null), E = (0, X.useRef)(null), D = (0, X.useRef)(null), O = (0, X.useRef)(void 0), k = (0, X.useId)(), A = (0, X.useId)(), [j, M] = (0, X.useState)(a), [N, P] = Fn(_, v, ""), [F, I] = Fn(y, b, () => new Set(i ? e.spans.flatMap((e) => e.parentId ? [e.parentId] : []) : [])), [L, ee] = (0, X.useState)(1), [R, z] = (0, X.useState)(!1), [B, V] = (0, X.useState)(null), [te, ne] = Fn(x, S, null), [re, ie] = (0, X.useState)(Pn[a]), [ae, oe] = (0, X.useState)(0), [H, se] = (0, X.useState)(null), [ce, le] = (0, X.useState)(), [ue, de] = (0, X.useState)(null), U = Number.isFinite(e.totalMs) && e.totalMs >= 0 ? e.totalMs : 0, W = t ?? e.spans.some(Z), fe = d ?? "agent", pe = (0, X.useMemo)(() => Math.max(U, ...e.spans.map((e) => Number.isFinite(e.endMs) ? e.endMs : 0)), [e, U]), me = Math.max(40, ae - An - Math.min(Nn[j], ae * .3));
+	(0, X.useEffect)(() => {
+		if (!ue) return;
+		let e = new ResizeObserver(([e]) => oe(e.contentRect.width));
+		return e.observe(ue), () => e.disconnect();
+	}, [ue]);
+	let he = (0, X.useCallback)((e) => te ?? {
+		startMs: 0,
+		endMs: Math.max(pe, W ? e : 0, 1)
+	}, [
+		te,
+		pe,
+		W
+	]), ge = Dn({
+		root: w,
+		slider: E,
+		timeOutput: D,
+		observedTotal: pe,
+		live: W,
+		startedAt: n,
+		snapshot: e,
+		playing: R,
+		speed: L,
+		position: B,
+		onPlaybackEnd: (e) => {
+			z(!1), V(e);
+		},
+		view: he,
+		trackPx: me
+	}), G = ge.clockMs, _e = he(G), K = Math.max(pe, W ? G : 0), ve = 2 ** Math.round(Math.log2(Math.max(1, (_e.endMs - _e.startMs) / Math.max(200, me) * 1.5))), q = (0, X.useMemo)(() => lt({
+		...e,
+		totalMs: pe
+	}, ve), [
+		e,
+		pe,
+		ve
+	]), ye = (0, X.useMemo)(() => new Map(q.map((e) => [e.id, e])), [q]), be = (0, X.useMemo)(() => _t(q), [q]), J = (0, X.useMemo)(() => {
+		let e = q.filter((e) => e.kind === "pipeline");
+		return e.length ? e : q.filter((e) => !e.parentId);
+	}, [q]), xe = Ln(J.map((e) => e.span.detail)), Se = Ln(J.map((e) => e.span.outcome?.label)), [Ce, we] = (0, X.useState)(/* @__PURE__ */ new Set()), Te = (0, X.useMemo)(() => Ct(J, Mn, Ce), [J, Ce]), [Ee, De] = (0, X.useState)(/* @__PURE__ */ new Set()), Oe = (0, X.useMemo)(() => j === "agents" ? Et(J, q, Te, Ee) : ht(q, N, F, C), [
+		j,
+		J,
+		q,
+		Te,
+		Ee,
+		N,
+		F,
+		C
+	]), ke = j === "spans" ? gt(q, G) : void 0, Ae = (0, X.useMemo)(() => j === "agents" ? vt(Oe, G) : {}, [
+		j,
+		Oe,
+		G
+	]), je = s ?? (j === "agents" ? yn.agents * jn : 640), Me = (0, X.useRef)(!1);
+	(0, X.useLayoutEffect)(() => {
+		if (j !== "agents" || Me.current || !w.current) return;
+		let e = 0;
+		for (let t of w.current.querySelectorAll(".fw-view-agents .fw-row:not(.fw-sticky-row) .fw-name-text")) {
+			let n = t.closest(".fw-label");
+			n && (e = Math.max(e, t.scrollWidth + n.clientWidth - t.clientWidth));
+		}
+		e > 0 && ie(Math.max(140, Math.min(560, Math.ceil(e) + 16)));
+	}, [j, J]), (0, X.useEffect)(() => {
+		let e = (e) => {
+			let t = document.activeElement, n = w.current?.contains(t);
+			if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "f") {
+				let r = Array.from(document.querySelectorAll("[data-flow-waterfall]")).find((e) => e.getClientRects().length > 0);
+				if (!n && (t !== document.body || r !== w.current)) return;
+				e.preventDefault(), j === "agents" && M("spans"), requestAnimationFrame(() => {
+					T.current?.focus(), T.current?.select();
+				});
+				return;
+			}
+			if (!(!n || t instanceof HTMLInputElement || t instanceof HTMLSelectElement || e.metaKey || e.ctrlKey || e.altKey)) {
+				if (e.key === "+" || e.key === "=") Ne(.5);
+				else if (e.key === "-" || e.key === "_") Ne(2);
+				else if (e.key === "0") ne(null);
+				else if (e.key === "Escape" && (H || f)) H && Ge(), p?.();
+				else if ((e.key === "n" || e.key === "p") && l?.length) {
+					let t = l.map((e) => e.at).sort((e, t) => e - t), n = e.key === "n" ? t.find((e) => e > G + 1) : [...t].reverse().find((e) => e < G - 1);
+					n !== void 0 && (e.preventDefault(), Ke(n));
+				}
+			}
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}), (0, X.useEffect)(() => {
+		if (!H?.pinned) return;
+		let e = (e) => {
+			let t = e.target;
+			t?.closest(".fw-card") || t?.closest(".fw-bar, .fw-seg") || se(null);
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [H?.pinned]);
+	let Ne = (e, t) => ne((n) => {
+		let r = n ?? he(G), i = _n(r, e, t ?? (r.startMs + r.endMs) / 2, K);
+		return i.endMs - i.startMs >= K - 1 ? null : i;
+	}), Pe = (0, X.useRef)(0), Fe = (e) => {
+		let t = e.span, n = he(G), r = n.endMs - n.startMs, i = Z(t) ? Math.max(t.endMs, G) : t.endMs;
+		if (j !== "spans" || !Number.isFinite(i) || (i - t.startMs) / Math.max(1, r) > .25) return;
+		let a = Math.max((i - t.startMs) * .15, 500, (r / 8 - (i - t.startMs)) / 2), o = vn({
+			startMs: t.startMs - a,
+			endMs: i + a
+		}, K);
+		if (cancelAnimationFrame(Pe.current), globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
+			ne(o);
+			return;
+		}
+		let s = performance.now(), c = (e) => {
+			let t = Math.min(1, (e - s) / 320), r = 1 - (1 - t) ** 3;
+			ne({
+				startMs: n.startMs + (o.startMs - n.startMs) * r,
+				endMs: n.endMs + (o.endMs - n.endMs) * r
+			}), t < 1 && (Pe.current = requestAnimationFrame(c));
+		};
+		Pe.current = requestAnimationFrame(c);
+	}, Ie = (e) => ne((t) => t && vn({
+		startMs: t.startMs + e,
+		endMs: t.endMs + e
+	}, K)), Le = (0, X.useRef)({
+		toggle: (e) => {},
+		pin: (e, t, n) => {},
+		inspect: (e, t, n) => {}
+	}), Re = (e) => {
+		let t = (t) => new Set(t.has(e.id) ? [...t].filter((t) => t !== e.id) : [...t, e.id]);
+		if (e.id.startsWith("family:")) {
+			we(t);
+			return;
+		}
+		if (c?.(e.span), j === "agents") {
+			De(t), le(e.id);
+			return;
+		}
+		F.has(e.id) && Fe(e), I((t) => {
+			let n = new Set(t);
+			return n.has(e.id) ? n.delete(e.id) : n.add(e.id), n;
+		});
+	};
+	Le.current.toggle = Re;
+	let ze = (0, X.useCallback)((e) => Le.current.toggle(e), []), Be = (e, t, n, r) => {
+		let i = w.current?.getBoundingClientRect();
+		if (!i) return;
+		let a = t.getBoundingClientRect(), o = Math.min(In, i.width - 16), s = Math.max(8, Math.min((r ?? a.left + 24) - i.left - 24, i.width - o - 8));
+		clearTimeout(O.current), se({
+			target: e,
+			pinned: n,
+			left: s,
+			anchorTop: a.top - i.top,
+			anchorBottom: a.bottom - i.top,
+			above: j === "agents"
+		});
+	};
+	(0, X.useLayoutEffect)(() => {
+		if (!H || H.fitted || !w.current) return;
+		let e = document.getElementById(A)?.getBoundingClientRect();
+		if (!e) return;
+		let t = w.current.getBoundingClientRect().top, n = {
+			above: t + H.anchorTop - 16,
+			below: globalThis.innerHeight - (t + H.anchorBottom) - 16
+		}, r = H.above ? n.above : n.below, i = H.above ? n.below : n.above;
+		se({
+			...H,
+			fitted: !0,
+			above: e.height <= r || e.height > i && r >= i ? H.above : !H.above
+		});
+	}, [H, A]), Le.current.inspect = (e, t, n) => {
+		H?.pinned || Be(e, t, !1, n);
+	};
+	let Ve = (0, X.useCallback)((e, t, n) => Le.current.inspect(e, t, n), []), He = (0, X.useCallback)(() => {
+		clearTimeout(O.current), O.current = setTimeout(() => se((e) => e?.pinned ? e : null), 140);
+	}, []);
+	(0, X.useEffect)(() => {
+		if (!H || H.pinned) return;
+		let e = (e) => {
+			e.target?.closest(".fw-bar, .fw-seg, .fw-card") || He();
+		};
+		return document.addEventListener("pointermove", e), () => document.removeEventListener("pointermove", e);
+	}, [H, He]), Le.current.pin = (e, t, n) => {
+		if (H?.pinned && H.target === e) {
+			Ge();
+			return;
+		}
+		Be(e, t, !0, n);
+		let r = ye.get(e);
+		r && (c?.(r.span), Fe(r));
+	};
+	let Ue = (0, X.useCallback)((e, t, n) => Le.current.pin(e, t, n), []), We = f ?? (H?.pinned ? H.target : void 0), Ge = () => {
+		let e = H?.target;
+		se(null), e && w.current?.querySelector(`.fw-canvas [data-span-id="${CSS.escape(e)}"]`)?.focus({ preventScroll: !0 });
+	}, Ke = (0, X.useCallback)((e) => {
+		z(!1), V(Math.min(e, ge.limitMs()));
+	}, [ge]), qe = (0, X.useRef)(u);
+	qe.current = u, (0, X.useEffect)(() => {
+		qe.current?.(B);
+	}, [B]);
+	let Je = () => {
+		if (R) {
+			V(ge.positionMs()), z(!1);
+			return;
+		}
+		(B === null || B >= K - 1) && V(0), z(!0);
+	}, Ye = B !== null || R, { errors: Xe, summary: Ze } = Rn(e, Ye ? bt(e, G) : void 0, Ye ? G : K), Qe = J.reduce((e, t) => e + yt(t, K), 0), $e = K > 0 ? Qe / K : 0, et = !W && !e.spans.some(Z), tt = (e) => e && Ot(e, Oe), nt = tt(H ? ye.get(H.target) : void 0), rt = nt && (() => {
+		for (let e = nt; e; e = e.parentId ? ye.get(e.parentId) : void 0) if (e.kind === "pipeline") return tt(e);
+	})(), it = W || B !== null || R || j === "agents", at = (0, X.useMemo)(() => q.filter((e) => !e.parentId).flatMap((e) => e.hasChildren ? e.segments : e.kind === "pipeline" ? [] : [{
+		startMs: e.span.startMs,
+		endMs: e.span.endMs,
+		kind: e.ok ? "tool" : "failed",
+		tone: e.tone,
+		id: e.id,
+		count: 1,
+		retry: !1
+	}]), [q]), Q = /* @__PURE__ */ (0, Y.jsx)(kn, {
+		view: j,
+		playing: R,
+		limit: K,
+		clockMs: G,
+		speed: L,
+		zoom: te,
+		marks: at,
+		slider: E,
+		timeOutput: D,
+		followLabel: B === null ? void 0 : W ? "Follow live" : "Show full trace",
+		onTogglePlay: Je,
+		onRestart: () => {
+			V(0), z(!1);
+		},
+		onSpeed: ee,
+		onScrub: Ke,
+		onFollow: () => {
+			V(null), z(!1);
+		},
+		onZoom: Ne,
+		onFit: () => ne(null)
+	});
+	return /* @__PURE__ */ (0, Y.jsxs)("section", {
+		ref: w,
+		"data-flow-waterfall": !0,
+		"aria-label": r,
+		className: `fw-root fw-root-${j} fw-fill-${fe}`,
+		"data-selection": f ? "" : void 0,
+		style: {
+			"--fw-name-w": `${re}px`,
+			"--fw-pad": `${An}px`,
+			"--fw-row-h": `${yn[j]}px`
+		},
+		children: [
+			/* @__PURE__ */ (0, Y.jsxs)("header", {
+				className: "fw-heading",
+				children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "fw-title-block",
+					children: [
+						/* @__PURE__ */ (0, Y.jsxs)("div", {
+							className: "fw-title-line",
+							children: [
+								/* @__PURE__ */ (0, Y.jsx)("span", {
+									className: "fw-title-glyph",
+									"aria-hidden": !0,
+									children: /* @__PURE__ */ (0, Y.jsx)(Bt, {})
+								}),
+								/* @__PURE__ */ (0, Y.jsx)("h3", {
+									className: "fw-title",
+									children: r
+								}),
+								m && /* @__PURE__ */ (0, Y.jsx)("p", {
+									className: "fw-description",
+									title: m,
+									children: m
+								}),
+								W && /* @__PURE__ */ (0, Y.jsx)("span", {
+									className: "fw-state fw-state-live",
+									children: "Live"
+								})
+							]
+						}),
+						j === "agents" && /* @__PURE__ */ (0, Y.jsxs)("p", {
+							className: "fw-headline",
+							"aria-live": "polite",
+							children: [
+								et && /* @__PURE__ */ (0, Y.jsx)("span", {
+									className: "fw-done-mark",
+									"aria-label": "done",
+									children: "✓"
+								}),
+								J.length,
+								" ",
+								J.length === 1 ? "agent" : "agents",
+								xe ? ` · ${J.every((e) => e.span.detail === xe) ? "" : "mostly "}${xe}` : "",
+								et && $e >= 1.05 ? ` · ${$e.toFixed(1)}x parallel` : ""
+							]
+						}),
+						/* @__PURE__ */ (0, Y.jsxs)("div", {
+							className: "fw-legends",
+							children: [/* @__PURE__ */ (0, Y.jsx)(Vn, { agents: J }), j === "agents" && /* @__PURE__ */ (0, Y.jsx)(Bn, { rows: q })]
+						})
+					]
+				}), /* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "fw-tools",
+					children: [/* @__PURE__ */ (0, Y.jsx)("div", {
+						className: "fw-views",
+						role: "radiogroup",
+						"aria-label": "Trace view",
+						children: ["agents", "spans"].map((e) => /* @__PURE__ */ (0, Y.jsx)("button", {
+							type: "button",
+							role: "radio",
+							"aria-checked": j === e,
+							disabled: j === e,
+							className: "fw-view-button",
+							onClick: () => {
+								M(e), ie(Pn[e]), se(null);
+							},
+							children: e === "agents" ? "Agents" : "Steps"
+						}, e))
+					}), j === "spans" && /* @__PURE__ */ (0, Y.jsxs)("div", {
+						className: "fw-search",
+						children: [
+							/* @__PURE__ */ (0, Y.jsx)("label", {
+								htmlFor: k,
+								className: "fw-sr-only",
+								children: "Search trace"
+							}),
+							/* @__PURE__ */ (0, Y.jsx)("span", {
+								className: "fw-search-glyph",
+								"aria-hidden": !0,
+								children: /* @__PURE__ */ (0, Y.jsx)(Nt, {})
+							}),
+							/* @__PURE__ */ (0, Y.jsx)("input", {
+								ref: T,
+								id: k,
+								type: "search",
+								value: N,
+								placeholder: "Search",
+								"aria-keyshortcuts": "Meta+f Control+f",
+								onChange: (e) => P(e.target.value),
+								onKeyDown: (e) => {
+									e.key === "Escape" && (P(""), e.stopPropagation());
+								},
+								className: "fw-search-input"
+							})
+						]
+					})]
+				})]
+			}),
+			h && /* @__PURE__ */ (0, Y.jsx)("dl", {
+				className: "fw-summary",
+				children: Ze.map(([e, t, n]) => /* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: e === "Errors" && Xe > 0 ? "fw-has-errors" : void 0,
+					children: [/* @__PURE__ */ (0, Y.jsx)("dt", { children: e }), /* @__PURE__ */ (0, Y.jsx)("dd", {
+						className: "fw-value",
+						title: n,
+						children: t
+					})]
+				}, e))
+			}),
+			j === "agents" && Q,
+			/* @__PURE__ */ (0, Y.jsx)(wn, {
+				rows: Oe,
+				byId: ye,
+				totalRows: q.length,
+				view: j,
+				maxHeight: je,
+				collapsed: F,
+				searching: !!N.trim(),
+				query: N,
+				matchSpan: C,
+				pauses: e.pauses,
+				cursorLine: B !== null || R,
+				sharedDetail: xe,
+				sharedOutcome: Se,
+				expandedIds: j === "agents" ? /* @__PURE__ */ new Set([...Te, ...Ee]) : void 0,
+				holdHeight: W,
+				slowestId: ke?.id ?? Ae.slowestId,
+				costliestId: Ae.costliestId,
+				criticalIds: g && j === "spans" ? be : void 0,
+				activeId: ce,
+				selectedId: We,
+				focusId: rt?.id ?? (j === "agents" ? ce : void 0),
+				clockMs: G,
+				window: _e,
+				trackPx: me,
+				showCursor: it,
+				markers: l,
+				fillByAgent: fe !== "outcome",
+				zoomed: te !== null,
+				renderIcon: o,
+				emptyText: q.length === 0 ? "No spans yet. Waiting for trace events." : `No matching steps for “${N}”.`,
+				onToggle: ze,
+				onInspect: Ve,
+				onLeave: He,
+				onPin: Ue,
+				onActivate: (e) => le(e.id),
+				onActiveChange: le,
+				onScrub: Ke,
+				onZoom: Ne,
+				onPan: Ie,
+				nameWidth: re,
+				onNameWidth: (e) => {
+					Me.current = !0, ie(Math.max(140, Math.min(560, e)));
+				},
+				onTrack: de,
+				onExpandAll: q.some((e) => e.hasChildren) ? () => I(/* @__PURE__ */ new Set()) : void 0,
+				onCollapseAll: () => I(new Set(q.filter((e) => e.hasChildren).map((e) => e.id)))
+			}),
+			H && nt && /* @__PURE__ */ (0, Y.jsx)("div", {
+				className: `fw-card-anchor${H.above ? " fw-card-above" : ""}`,
+				onPointerEnter: () => clearTimeout(O.current),
+				onPointerLeave: H.pinned ? void 0 : He,
+				children: /* @__PURE__ */ (0, Y.jsx)($t, {
+					id: A,
+					row: nt,
+					agent: rt,
+					clockMs: G,
+					left: H.left,
+					top: H.above ? H.anchorTop - 8 : H.anchorBottom + 8,
+					pinned: H.pinned,
+					onClose: Ge,
+					renderIcon: o,
+					compact: j === "agents"
+				})
+			}),
+			j === "spans" && Q
+		]
+	});
+}
+//#endregion
+export { u as $, ue as A, G as B, fe as C, P as D, R as E, _ as F, T as G, M as H, ee as I, re as J, ne as K, L, d as M, pe as N, r as O, b as P, E as Q, F as R, V as S, K as T, B as U, w as V, f as W, g as X, v as Y, O as Z, ye as _, Hn as a, D as at, xe as b, Re as c, J as d, c as et, be as f, I as g, se as h, Ze as i, Oe as it, ve as j, z as k, ze as l, C as m, Le as n, ie as nt, qe as o, m as ot, q as p, te as q, tt as r, ae as rt, Xe as s, l as st, Qe as t, j as tt, Ge as u, k as v, me as w, S as x, p as y, x as z };