@tangle-network/sandbox-cli 0.22.0-develop.20260814062836.bb3da78 → 0.22.0

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

@@ -0,0 +1,4254 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { n as t, t as n } from "./jsx-runtime-DPT6sCLq.js";
+import { A as r, C as i, D as a, E as o, O as s, S as c, T as l, _ as u, a as d, b as f, c as p, d as m, f as h, h as g, i as _, k as v, l as y, m as b, n as x, o as S, p as C, r as w, t as T, u as E, v as D, w as O, x as k, y as A } from "./flow-waterfall-model-DvrgPLGS-BdThSFH-.js";
+//#region node_modules/.pnpm/@tangle-network+charts@2.0.16_@xyflow+react@12.12.0_@types+react-dom@19.3.0_@types+reac_70059c26b484216dc6013bae841a163d/node_modules/@tangle-network/charts/dist/timeline-B7c-cede.js
+function j(e) {
+	return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+var M = [
+	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
+], N = [
+	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
+], P = {
+	"·": 300,
+	"×": 670,
+	"—": 1e3,
+	"–": 500,
+	"…": 900,
+	"≥": 670,
+	"≤": 670,
+	"±": 670,
+	"→": 954,
+	"−": 662
+}, F = 1.04;
+function I(e, t, n = "sans") {
+	if (n === "mono") return e.length * .6 * t * F;
+	let r = n === "sans-semibold" ? N : M, i = 0;
+	for (let t of e) {
+		let e = t.codePointAt(0) ?? 0;
+		i += e >= 32 && e <= 126 ? r[e - 32] : P[t] ?? 620;
+	}
+	return i / 1e3 * t * F;
+}
+function L(e, t, n, r = "sans", i = 2) {
+	let a = (e) => I(e, n, r) <= t, o = [], s = [], c = "", l = (e, t) => {
+		o.push(c), s.push(t), c = e;
+	};
+	for (let t of e.split(/\s+/).filter(Boolean)) {
+		let e = c ? `${c} ${t}` : t;
+		if (a(e)) c = e;
+		else if (a(t)) c ? l(t, " ") : c = t;
+		else {
+			let e = t.match(/[^\-/_·]+[\-/_·]?|[\-/_·]/g) ?? [t];
+			for (let [t, n] of e.entries()) {
+				let e = t === 0 ? " " : "", r = c ? `${c}${e}${n}` : n;
+				a(r) || !c ? c = r : l(n, e);
+			}
+		}
+	}
+	if (c && o.push(c), o.length <= i && o.every(a)) return {
+		lines: o,
+		truncated: !1
+	};
+	let u = o.slice(0, i), d = o.slice(i - 1).reduce((e, t, n) => n === 0 ? t : `${e}${s[i - 2 + n]}${t}`, "");
+	for (; d.length > 1 && !a(`${d}…`);) d = d.slice(0, -1);
+	return u[i - 1] = `${d.trimEnd()}…`, {
+		lines: u,
+		truncated: !0
+	};
+}
+function ee(e, t, n, r, i) {
+	return e.length === 1 ? `<text x="${t}" y="${n}" ${i}>${j(e[0])}</text>` : `<text x="${t}" y="${n}" ${i}>${e.map((e, n) => `<tspan x="${t}" dy="${n === 0 ? 0 : r}">${j(e)}</tspan>`).join("")}</text>`;
+}
+function te(e, t, n, r = "sans") {
+	let i = [];
+	for (let a of e) {
+		let e = i[i.length - 1];
+		e !== void 0 && I(`${e} · ${a}`, n, r) <= t ? i[i.length - 1] = `${e} · ${a}` : i.push(a);
+	}
+	return i;
+}
+function R(e, t, n = `${t}s`) {
+	return e === 1 ? t : n;
+}
+function z(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function ne(e) {
+	return e !== void 0 && Number.isFinite(e) && e > 720 ? Math.floor(e) : 720;
+}
+var B = (e) => Math.round(e * 100) / 100;
+function V(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 H(e, t, n, r, i) {
+	if (n <= 0) return "";
+	let a = Math.min(4, r / 2, n);
+	return `<path class="${i}" d="M${B(e)} ${B(t)}h${B(n - a)}a${a} ${a} 0 0 1 ${a} ${a}v${B(r - 2 * a)}a${a} ${a} 0 0 1 -${a} ${a}h-${B(n - a)}z"/>`;
+}
+function re(e, t, n, r, i, a = "") {
+	return n <= 0 || r <= 0 ? "" : `<rect class="${i}" x="${B(e)}" y="${B(t)}" width="${B(n)}" height="${B(r)}"${a ? ` ${a}` : ""}/>`;
+}
+function ie(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${B(e + i)} ${B(t + o - i)}L${B(e + s)} ${B(t + o - s)}`;
+	}
+	return a;
+}
+function ae(e, t, n, r, i) {
+	return n <= 0 || r <= 0 ? "" : `<g class="${i}" data-hatched="true">${re(e, t, n, r, "tgc-hatch-bg")}<path class="tgc-hatch" d="${ie(e, t, n, r)}"/></g>`;
+}
+function U(e, t, n, r, i) {
+	return `<line class="${i}" x1="${B(e)}" y1="${B(t)}" x2="${B(n)}" y2="${B(r)}"/>`;
+}
+function oe(e, t, n, r) {
+	return `<circle class="${r}" cx="${B(e)}" cy="${B(t)}" r="${n}"/>`;
+}
+var se = [
+	"circle",
+	"square",
+	"triangle",
+	"diamond"
+];
+function ce(e, t, n, r) {
+	let [i, a] = [B(t), B(n)];
+	if (e === "square") {
+		let e = B(r * .9);
+		return `M${B(i - e)} ${B(a - e)}h${B(2 * e)}v${B(2 * e)}h${B(-2 * e)}z`;
+	}
+	if (e === "triangle") {
+		let e = B(r * 1.2);
+		return `M${i} ${B(a - e)}L${B(i + e)} ${B(a + e * .8)}L${B(i - e)} ${B(a + e * .8)}z`;
+	}
+	if (e === "diamond") {
+		let e = B(r * 1.3);
+		return `M${i} ${B(a - e)}L${B(i + e)} ${a}L${i} ${B(a + e)}L${B(i - e)} ${a}z`;
+	}
+	return `M${B(i - r)} ${a}a${r} ${r} 0 1 0 ${B(2 * r)} 0a${r} ${r} 0 1 0 ${B(-2 * r)} 0`;
+}
+function le(e, t) {
+	return `<polyline class="${t}" points="${e.map(([e, t]) => `${B(e)},${B(t)}`).join(" ")}"/>`;
+}
+function ue(e, t, n, r = {}) {
+	let i = r.anchor && r.anchor !== "start" ? ` text-anchor="${r.anchor}"` : "", a = r.weight === 600 ? " font-weight=\"600\"" : "";
+	return `<text class="${r.cls ?? "tgc-ink"}" x="${B(e)}" y="${B(t)}" font-size="${r.size ?? 12}"${i}${a}>${j(n)}</text>`;
+}
+function de(e, t) {
+	return `<g><title>${j(e)}</title>${t}</g>`;
+}
+function fe(e, t, n) {
+	let r = t.map((e) => `<th scope="col"${e.numeric ? " class=\"tgc-n\"" : ""}>${j(e.label)}</th>`).join(""), i = n.map((e) => `<tr>${e.map((e, n) => n === 0 ? `<th scope="row">${j(e)}</th>` : `<td${t[n]?.numeric ? " class=\"tgc-n\"" : ""}>${j(e)}</td>`).join("")}</tr>`).join("");
+	return `<table class="tgc-table"><caption>${j(e)}</caption><thead><tr>${r}</tr></thead><tbody>${i}</tbody></table>`;
+}
+var pe = [
+	"S",
+	"A",
+	"B",
+	"C",
+	"F"
+], W = [
+	"F",
+	"C",
+	"B",
+	"A",
+	"S"
+];
+function me(e, t) {
+	return W.indexOf(e) >= W.indexOf(t);
+}
+function he(e) {
+	return `${Math.round(e * 100)}%`;
+}
+function ge(e) {
+	return e >= 100 ? `$${Math.round(e).toLocaleString("en-US")}` : e >= 1 ? `$${e.toFixed(2)}` : e >= .01 ? `$${e.toFixed(3)}` : `$${e.toFixed(4)}`;
+}
+function _e(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 ve(e, t) {
+	return `${e}/${t}`;
+}
+var ye = {
+	"task-cluster-bootstrap": "task-clustered bootstrap",
+	"mcnemar-exact": "exact McNemar",
+	wilson: "Wilson score"
+};
+function be(e) {
+	return `${Math.round((e.level ?? 0) * 100)}% ${e.method ? ye[e.method] : ""}`.trim();
+}
+function G(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 ye ? !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 xe(e) {
+	return e === "descriptive" || e === "bootstrap";
+}
+function K(e, t) {
+	return e === "none" ? t === 1 ? "1 unit" : `${t} units` : e === "insufficient" ? "too few units" : "";
+}
+function Se(e) {
+	return e.basis !== "unknown" && e.perSolvedUsd !== null && Number.isFinite(e.perSolvedUsd) && e.perSolvedUsd > 0 ? e.perSolvedUsd : null;
+}
+function Ce(e, t) {
+	if (t === 0) return "no pass";
+	let n = Se(e);
+	return n === null ? "unknown" : e.basis === "receipts" ? ge(n) : `${ge(n)} est.`;
+}
+function we(e) {
+	return xe(e.estimate) ? !Number.isFinite(e.rate) || e.rate < 0 || e.rate > 1 ? "rate is outside 0–1" : G(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 ${be(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 Te(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" : xe(e.estimate) && e.attempts === 0 ? "drawable estimate has no attempts" : null;
+}
+function Ee(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) => xe(e.estimate)).sort((e, t) => t.rate - e.rate), n = e.filter((e) => !xe(e.estimate)).sort((e, t) => t.attempts - e.attempts);
+	return [...t, ...n];
+}
+function De(e, t = 0, n = 0) {
+	let r = e ? pe.filter((t) => e[t] > 0).map((t) => `${e[t]}${t}`) : [];
+	return n && r.push(`${n} flagged`), t && r.push(`${t}U`), r.join(" ");
+}
+function Oe(e) {
+	return e ? W.reduce((t, n) => t + e[n], 0) : 0;
+}
+function ke(e) {
+	return "refused" in e;
+}
+var Ae = [
+	"pass",
+	"deadline",
+	"died",
+	"event",
+	"release",
+	"steer",
+	"ruling",
+	"wake"
+], je = [
+	"pass",
+	"fail",
+	"unknown"
+], Me = [
+	"after-pass",
+	"idle",
+	"missing",
+	"blocked",
+	"group"
+], Ne = {
+	release: "diamond",
+	steer: "triangle",
+	ruling: "square",
+	wake: "circle"
+};
+function q(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 (!Ae.includes(t.kind)) return `${t.label}: unknown mark kind.`;
+		if (t.verdict !== void 0 && !je.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 (!Me.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 Pe(e) {
+	return e.kind === "event" && e.source === "gap";
+}
+function J(e) {
+	return e.source ? `${e.label} · ${e.source}` : e.label;
+}
+function Fe(e) {
+	return [
+		e.kind,
+		e.verdict,
+		e.lane && `lane ${e.lane}`
+	].filter(Boolean).join(" · ");
+}
+function Y(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" ? ae(d, n, f, r - n, p) : re(d, n, f, r - n, p) + (e.kind === "blocked" ? U(d, n, d + f, n, "tgc-band-wall") : "");
+		return de(`${e.label}: ${i(e.from)} to ${i(e.to)}`, `<g data-band="${e.kind}">${m}</g>`);
+	}).join("");
+}
+function Ie(e = []) {
+	return e.some((e) => e.kind === "group") ? 18 : 0;
+}
+function Le(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, l = s ? Math.min(e.to, s[1]) : e.to;
+		if (l < c) return "";
+		let [u, d] = t(c, l), f = d - u, p = f >= 24 ? L(e.label, f - 10, 12, "sans", 1).lines[0] : "", m = [u, d].filter((e) => e > i + .5 && e < a - .5).map((e) => U(e, n - 16, e, r, "tgc-group-edge")).join(""), h = U(u + 2, n - 3, d - 2, n - 3, "tgc-group-rule") + (p ? ue(u + 3, n - 7, p, {
+			size: 12,
+			cls: "tgc-group-label"
+		}) : "");
+		return de(`${e.label}: ${o(e.from)} to ${o(e.to)}`, `<g data-band="group">${m}${h}</g>`);
+	}).join("");
+}
+function X(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 && J(a) === J(r)) ? i.marks.push(r) : n.push({
+			x: e,
+			marks: [r]
+		});
+	}
+	return n;
+}
+function Re(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), c = (e, r, c, l, u) => {
+		let d = L(e, a, 12, "sans", 1).lines[0], f = I(d, 12);
+		for (let e of u ? [l, l === "start" ? "end" : "start"] : [l]) {
+			let [a, l] = e === "start" ? [r, r + f] : [c - f, c];
+			if (!(a < t - 4 || l > n + 4)) {
+				for (let t = 0; t < i; t++) if (s(t, a, l)) return o[t].push([a, l]), {
+					row: t,
+					x: e === "start" ? r : c,
+					anchor: e,
+					text: d
+				};
+			}
+		}
+		return null;
+	}, [l, u] = r.window ?? [-Infinity, Infinity], d = [...(r.after ?? []).map((e) => c(`${J(e)} +${_e(e.at - u)} →`, n, n, "end", !1)), ...(r.before ?? []).map((e) => c(`← ${J(e)} −${_e(l - e.at)}`, t, t, "start", !1))].filter((e) => e !== null), f = /* @__PURE__ */ new Map();
+	for (let r of [...e.filter((e) => !Pe(e.marks[0])), ...e.filter((e) => Pe(e.marks[0]))]) {
+		let e = r.x > t + (n - t) * .62, i = c(J(r.marks[0]) + (r.marks.length > 1 ? ` (+${r.marks.length - 1})` : ""), r.x + 4, r.x - 4, e ? "end" : "start", !0);
+		i && f.set(r, i);
+	}
+	return {
+		placed: f,
+		edges: d,
+		rows: Math.max(0, ...[...f.values(), ...d].map((e) => e.row + 1))
+	};
+}
+function ze(e, t, n, r, i = {}) {
+	return Re(X(e, t), n, r, i).rows;
+}
+function Be(e, t, n, r = 3.5) {
+	let i = Ne[e];
+	return i ? `<path class="tgc-mark-head" d="${ce(i, t, n, r)}"/>` : "";
+}
+function Ve(e, t, n, r, i, a, o, s = n, c = {}) {
+	let l = X(e, t), { placed: u, edges: d } = Re(l, i, a, c), f = (e) => s + 12 + e * 14, p = l.map((e) => {
+		let { x: t, marks: i } = e, a = i[0], c = Ne[a.kind] !== void 0 && a.kind !== "ruling" || Pe(a), l = U(t, Math.min(n, s), t, c ? n + 4 : r, `tgc-mark tgc-mark-${a.kind}`);
+		a.kind === "died" && (l += U(t - 4, r - 8, t + 4, r, "tgc-mark tgc-mark-died") + U(t - 4, r, t + 4, r - 8, "tgc-mark tgc-mark-died")), l += Be(a.kind, t, n + 4);
+		let u = a.verdict ? ` data-verdict="${a.verdict}" class="tgc-verdict-${a.verdict}"` : "";
+		return de(i.map((e) => `${J(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 += ue(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"}">${ue(e.x, f(e.row), e.text, {
+		size: 12,
+		anchor: e.anchor,
+		cls: "tgc-mark-label tgc-mark-edge"
+	})}</g>`;
+	return p;
+}
+function He(e, t, n, r) {
+	if (!e.length && !t.length) return "";
+	let i = [...e.map((e) => ({
+		at: e.at,
+		cells: [
+			J(e),
+			Fe(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 fe(`Recorded events by ${n}`, [
+		{ label: "Event" },
+		{ label: "Kind" },
+		{
+			label: `${n} from`,
+			numeric: !0
+		},
+		{
+			label: `${n} to`,
+			numeric: !0
+		}
+	], i.map((e) => e.cells));
+}
+var Ue = "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.", We = [
+	"ok",
+	"quota",
+	"lost",
+	"rate-limit",
+	"oom",
+	"refused",
+	"aborted",
+	"other"
+];
+Object.freeze(Object.fromEntries(We.map((e) => [e, `var(--chart-outcome-${e === "aborted" ? "neutral" : e})`])));
+var Ge = [
+	"solved",
+	"not solved",
+	"died",
+	"stalled",
+	"cancelled",
+	"live",
+	"never started"
+], Ke = Object.freeze(Object.fromEntries(Ge.map((e) => [e, `var(--chart-ending-${e.replace(" ", "-")})`])));
+function qe(e) {
+	return e === void 0 ? "" : Number.isInteger(e) && e >= 0 && e < 4 ? `tgc-checker-${e}` : "tgc-checker-other";
+}
+var Je = We, Ye = (e) => new Date(e).toISOString().slice(11, 16), Xe = 6e4, Ze = 864e5, Qe = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+], $e = [
+	1,
+	2,
+	5,
+	10,
+	15,
+	30,
+	60,
+	120,
+	180,
+	360,
+	720,
+	1440,
+	2880,
+	10080
+].map((e) => e * Xe);
+function et(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 r = new Map(e.map((e) => [e.id, e]));
+	for (let t of e) {
+		let e = /* @__PURE__ */ new Set();
+		for (let i = t; i.parent !== void 0; i = r.get(i.parent)) {
+			if (!r.has(i.parent)) return {
+				id: n,
+				refused: `${i.label}: parent ${i.parent} is not a lane.`
+			};
+			if (e.has(i.id)) return {
+				id: n,
+				refused: `${t.label}: its parent chain loops back to ${i.label}.`
+			};
+			e.add(i.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 i = /* @__PURE__ */ new Map(), a = (e) => i.get(e.id) ?? i.set(e.id, e.parent === void 0 ? e.depth ?? 0 : a(r.get(e.parent)) + 1).get(e.id);
+	for (let t of e) {
+		let e = a(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 o = e.flatMap((e) => e.spans.map((t) => ({
+		lane: e,
+		span: t
+	})));
+	for (let { lane: e, span: r } of o) {
+		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 (!Je.includes(e.outcome)) return {
+			id: n,
+			refused: `${t.label}: tick outcome ${String(e.outcome)} is not one of ${Je.join(", ")}.`
+		};
+	}
+	let s = q(t.marks, t.bands);
+	if (s) return {
+		id: n,
+		refused: s
+	};
+	let c = t.marks ?? [], l = t.bands ?? [], u = c.find((e) => e.lane !== void 0 && !r.has(e.lane));
+	if (u) return {
+		id: n,
+		refused: `${u.label}: lane ${u.lane} is not a lane.`
+	};
+	let d = (e) => e.end ?? t.now, f = e.flatMap((e) => e.ticks ?? []), p = [
+		...o.flatMap(({ span: e }) => [e.start, d(e)]),
+		...f.map((e) => e.at),
+		...t.now === void 0 ? [] : [t.now]
+	], m = p.length ? p : [...c.map((e) => e.at), ...l.flatMap((e) => [e.from, e.to])];
+	if (!m.length) return {
+		id: n,
+		refused: "No spans, ticks, marks or bands recorded."
+	};
+	let h = t.start ?? Math.min(...m), g = t.end ?? Math.max(...m);
+	if (!Number.isFinite(h) || !Number.isFinite(g) || g <= h) return {
+		id: n,
+		refused: "The window needs two finite, increasing times."
+	};
+	if (p.some((e) => e < h || e > g)) return {
+		id: n,
+		refused: "A span, tick or now falls outside the recorded window."
+	};
+	let _ = t.formatTime ?? Ye, v = t.formatTime ?? ((e) => e % Ze === 0 ? `${Qe[new Date(e).getUTCMonth()]} ${new Date(e).getUTCDate()}` : Ye(e)), y = new Set(t.hatch ?? ["missing", "untraced"]), b = new Set(t.muted ?? ["idle"]), x = t.collapsed !== void 0, S = new Set(t.collapsed ?? []), C = /* @__PURE__ */ new Map();
+	for (let t of e) C.set(t.parent, [...C.get(t.parent) ?? [], t]);
+	let w = (e) => (C.get(e.id) ?? []).flatMap((e) => [e, ...w(e)]), T = [], E = (e) => {
+		let t = w(e), n = S.has(e.id) && t.length > 0, r = e.ticks, a = n && (r || t.some((e) => e.ticks)) ? [...r ?? [], ...t.flatMap((e) => e.ticks ?? [])] : r;
+		T.push({
+			lane: e,
+			depth: i.get(e.id),
+			children: (C.get(e.id) ?? []).length,
+			hidden: n ? t.length : 0,
+			folded: n,
+			ticks: a
+		}), n || (C.get(e.id) ?? []).forEach(E);
+	};
+	(C.get(void 0) ?? []).forEach(E);
+	let D = new Map(T.map((e, t) => [e.lane.id, t])), O = (e) => {
+		for (let t = r.get(e); t; t = t.parent === void 0 ? void 0 : r.get(t.parent)) if (D.has(t.id)) return D.get(t.id);
+		return 0;
+	}, k = (e) => e.at >= h && e.at <= g, A = c.filter((e) => e.lane === void 0 && k(e)), M = c.filter((e) => e.lane !== void 0 && k(e)), N = c.filter((e) => e.at < h), P = c.filter((e) => e.at > g), F = o.filter(({ span: e }) => e.end === null).length, ee = o.filter(({ span: e }) => y.has(e.state)), te = ee.reduce((e, { span: t }) => e + d(t) - t.start, 0), B = (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})` : ""}`
+		};
+	}, H = (e) => (e.detail ?? []).filter((e) => typeof e == "string" && e.trim()), ie = (e, n) => [`${e.label}: ${n.state} ${_(n.start)} to ${n.end === null ? `now (${_(t.now)}, open)` : _(n.end)}, ${_e(d(n) - n.start)}${n.note ? ` · ${n.note}` : ""}`, ...H(e)].join("\n"), oe = T.some((e) => e.ticks !== void 0), se = oe ? Math.max(...T.filter((e) => e.ticks).map((e) => I(B(e.ticks).text, 12, "mono"))) : 0, ce = (e) => {
+		let n = e === 358, r = n ? 10 : 12, i = (e) => 4 + e * r, a = (e) => i(e) + 11, o = (e) => e.hidden ? ` +${e.hidden}` : "", s = n ? 12 : Math.max(120, Math.min(Math.round(e * .34), Math.ceil(Math.max(...T.map((e) => a(e.depth) + I(e.lane.label + o(e), 12))) + 10))), c = n ? e - 12 : e - 16 - (se ? se + 10 : 0), u = (e) => s + (e - h) / (g - h) * (c - s), f = ze(A, u, s, c, {
+			before: N,
+			after: P,
+			window: [h, g]
+		}), p = 8 + (f ? f * 14 + 6 : 0) + Ie(l), m = n ? 40 : 24, S = p + T.length * m, C = (e) => e + (n ? 19 : 5), w = Y(l, u, p, S, _, [h, g]) + Le(l, (e, t) => [u(e), u(t)], p, S, s, c, _, [h, g]);
+		for (let e of nt(h, g, u, s, c, v)) w += U(u(e), p, u(e), S, "tgc-gridline") + ue(u(e), S + 16, v(e), {
+			size: 12,
+			cls: "tgc-ink-muted tgc-num",
+			anchor: "middle"
+		});
+		w += Ve(A, u, p - 8, S, s, c, _, 4, {
+			before: N,
+			after: P,
+			window: [h, g]
+		}), T.forEach((t, r) => {
+			let { lane: c } = t, l = p + r * m, f = l + (n ? 9 : 12), h = l + (n ? 13 : 16), g = c.parent === void 0 ? void 0 : D.get(c.parent);
+			if (g !== void 0) {
+				let e = i(t.depth - 1) + 3, r = n ? l + 2 : p + g * m + 19;
+				w += `<path class="tgc-tree" d="M${e} ${r}V${f}H${a(t.depth) - (t.children ? 13 : 3)}"/>`;
+			}
+			let v = t.ticks ? B(t.ticks) : void 0, S = (n ? e - 12 - (v ? I(v.text, 12, "mono") + 8 : 0) : s - 8) - a(t.depth) - I(o(t), 12), T = L(c.label, Math.max(24, S), 12, "sans", 1).lines[0], E = `<text class="tgc-ink tgc-lane-label" x="${a(t.depth)}" y="${h}" font-size="12">${j(T)}${t.hidden ? `<tspan class="tgc-ink-muted">${j(o(t))}</tspan>` : ""}</text>`, O = t.children ? `<path class="tgc-caret" d="${t.folded ? `M${i(t.depth)} ${f - 4}l6 4l-6 4z` : `M${i(t.depth) - 1} ${f - 3}h8l-4 6z`}"/>` : "", k = [
+				c.label,
+				...H(c),
+				...v ? [`Attempts: ${v.sentence}${t.hidden ? `, including ${t.hidden} folded ${R(t.hidden, "lane")}` : ""}`] : []
+			].join("\n"), A = x && t.children ? ` data-toggle="${j(c.id)}" class="tgc-lane-toggle" role="button" tabindex="0" aria-expanded="${!t.folded}" aria-label="${j(`${t.folded ? "Unfold" : "Fold"} ${c.label}`)}"` : "", M = A ? re(i(t.depth) - 3, l + 1, (n ? e - 12 : s - 4) - i(t.depth) + 3, n ? 16 : m - 2, "tgc-lane-hit", "rx=\"3\"") : "";
+			w += `<g data-lane="${j(c.id)}" data-depth="${t.depth}"${t.folded ? ` data-folded="${t.hidden}"` : ""}><g${A}><title>${j(k)}</title>${M}${O}${E}</g>`;
+			for (let e of c.spans) {
+				let t = u(e.start), n = Math.max(1, u(d(e)) - t), r = y.has(e.state) ? ae(t, C(l), n, 14, "tgc-span tgc-span-missing") : re(t, C(l), n, 14, `tgc-span${b.has(e.state) ? " tgc-span-muted" : ""}${e.end === null ? " tgc-span-open" : ""}`, "rx=\"2\"");
+				w += de(ie(c, e), `<g data-state="${e.state.replace(/[^a-z0-9-]/gi, "")}"${e.end === null ? " data-open=\"true\"" : ""}>${r}</g>`);
+			}
+			if (t.ticks?.length && (w += tt(t.ticks, c.label, u, C(l), 14, _)), v) {
+				let r = n ? e - 12 : e - 16;
+				w += de(`${c.label}: ${v.sentence}${t.hidden ? ` across ${t.hidden + 1} lanes` : ""}`, `<text class="tgc-num tgc-count" x="${r}" y="${h}" font-size="12" text-anchor="end">${v.ok}<tspan class="tgc-count-ok">✓</tspan> ${v.failed}<tspan class="tgc-count-failed">✗</tspan></text>`);
+			}
+			w += "</g>";
+		});
+		for (let e of M) {
+			let t = p + O(e.lane) * m, r = C(t) + 7, i = u(e.at), a = Be(e.kind, i, r, n ? 3 : 3.5) || U(i, C(t) - 3, i, C(t) + 14 + 3, `tgc-mark tgc-mark-${e.kind}`), o = e.verdict ? ` data-verdict="${e.verdict}" class="tgc-verdict-${e.verdict}"` : "";
+			w += de(`${J(e)}: ${_(e.at)}${e.verdict ? ` · ${e.verdict}` : ""}`, `<g data-mark="${e.kind}" data-lane-mark="${j(e.lane)}"${o}>${a}</g>`);
+		}
+		return t.now !== void 0 && (w += U(u(t.now), p, u(t.now), S, "tgc-now") + ue(u(t.now), S + 30, `now ${_(t.now)}`, {
+			size: 12,
+			cls: "tgc-ink tgc-num",
+			anchor: u(t.now) > (s + c) / 2 ? "end" : "start"
+		})), V(e, S + (t.now === void 0 ? 22 : 36), w);
+	}, le = B(f), pe = e.some((e) => e.parent !== void 0 || e.depth), W = x && T.some((e) => e.children), me = pe || f.length || e.some((e) => e.ticks || H(e).length) ? fe(`${z(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 ? B(e.ticks) : void 0;
+		return [
+			e.label,
+			e.parent === void 0 ? "" : r.get(e.parent).label,
+			String(i.get(e.id)),
+			t ? String(t.ok) : "not recorded",
+			t ? String(t.failed) : "not recorded",
+			t?.why ?? "",
+			H(e).join(" · ")
+		];
+	})) : "";
+	return {
+		id: n,
+		finding: `${z(t.measure)} across ${e.length} ${R(e.length, "lane")}, ${_(h)} to ${_(g)}.`,
+		lede: `${o.length} recorded ${R(o.length, "span")}; ${F} open${t.now === void 0 ? "" : ` at ${_(t.now)}`}; ${ee.length} without data (${_e(te)}).${f.length ? ` ${f.length} recorded ${R(f.length, "attempt")}: ${le.sentence}.` : ""}`,
+		read: [
+			`Each lane shows its recorded spans on one time axis. Muted spans are ${[...b].join(", ") || "none"}; hatched spans have no data; an open span runs to now.`,
+			...pe ? [`An indented lane was started by the lane its connector leads to${W ? "; a caret folds a lane's subtree, and a folded lane's ticks and counts include its subtree" : ""}.`] : [],
+			...oe ? ["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 (✗)."] : [],
+			...c.length + l.length ? [Ue] : []
+		].join(" "),
+		svg: {
+			wide: ce(ne(t.width)),
+			narrow: ce(358),
+			...W ? { interactive: !0 } : {}
+		},
+		table: me + fe(`${z(t.measure)} by lane`, [
+			{ label: "Lane" },
+			{ label: "State" },
+			{
+				label: "Start",
+				numeric: !0
+			},
+			{
+				label: "End",
+				numeric: !0
+			},
+			{
+				label: "Duration",
+				numeric: !0
+			},
+			{ label: "Note" }
+		], o.map(({ lane: e, span: t }) => [
+			e.label,
+			t.state,
+			_(t.start),
+			t.end === null ? "open" : _(t.end),
+			_e(d(t) - t.start),
+			t.note ?? ""
+		])) + He(c, l, "time", _),
+		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.${f.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: `${o.length} spans${f.length ? ` and ${f.length} attempts` : ""} in ${e.length} lanes.`,
+			exclusions: [...ee.map(({ lane: e, span: t }) => `${e.label}: ${t.state} ${_(t.start)} to ${t.end === null ? "now" : _(t.end)} has no data.`), ...[...N, ...P].map((e) => `${J(e)} falls ${e.at < h ? `${_e(h - e.at)} before` : `${_e(e.at - g)} after`} the recorded window; it is named at the edge, not drawn.`)]
+		}
+	};
+}
+function tt(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 de(`${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}` : ""}`, U(l, c ? r - 4 : r + i / 2, l, c ? r + i / 2 : r + i + 4, `tgc-tick tgc-tick-${o.outcome}`));
+	}).join("")}</g>`;
+}
+function nt(e, t, n, r, i, a) {
+	let o = (e) => {
+		let t = -Infinity;
+		for (let o of e) {
+			let e = I(a(o), 12, "mono"), s = n(o) - e / 2, c = n(o) + e / 2;
+			if (s < r - 14 || c > i + 14 || s < t + 10) return !1;
+			t = c;
+		}
+		return !0;
+	};
+	for (let n of $e) {
+		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@2.0.16_@xyflow+react@12.12.0_@types+react-dom@19.3.0_@types+reac_70059c26b484216dc6013bae841a163d/node_modules/@tangle-network/charts/dist/react/index.js
+var Z = n(), Q = /* @__PURE__ */ e(t(), 1);
+new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+var rt = [
+	"#8b7cf6",
+	"#0ea5a0",
+	"#c98500",
+	"#e2508f",
+	"#4a90e2"
+], it = (e) => e == null || !Number.isFinite(e) ? "—" : new Intl.NumberFormat("en-US", {
+	notation: "compact",
+	maximumFractionDigits: 1
+}).format(e), at = (e) => e === null || !Number.isFinite(e) ? "—" : `${Math.round(e * 100)}%`;
+function ot() {
+	let [e, t] = (0, Q.useState)(null), [n, r] = (0, Q.useState)({
+		width: 0,
+		em: 16
+	});
+	return (0, Q.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 st(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 ct({ tip: e }) {
+	let t = (0, Q.useRef)(null), [n, r] = (0, Q.useState)({
+		left: 0,
+		top: 0
+	});
+	return (0, Q.useLayoutEffect)(() => {
+		let n = t.current, i = n?.parentElement;
+		if (!e || !n || !i) return;
+		let a = () => {
+			let t = {
+				left: Math.max(0, Math.min(e.x, i.clientWidth - n.offsetWidth)),
+				top: Math.max(0, Math.min(e.y, i.clientHeight - n.offsetHeight))
+			};
+			r((e) => e.left === t.left && e.top === t.top ? e : t);
+		};
+		a();
+		let o = new ResizeObserver(a);
+		return o.observe(n), o.observe(i), () => o.disconnect();
+	}, [e]), e ? /* @__PURE__ */ (0, Z.jsxs)("div", {
+		ref: t,
+		className: "ov-tip",
+		role: "tooltip",
+		style: n,
+		children: [/* @__PURE__ */ (0, Z.jsx)("strong", { children: e.title }), e.lines.map((e, t) => /* @__PURE__ */ (0, Z.jsxs)("span", {
+			className: "ov-tip-line",
+			children: [/* @__PURE__ */ (0, Z.jsxs)("span", { children: [e.color && /* @__PURE__ */ (0, Z.jsx)("i", { style: { background: e.color } }), e.label] }), /* @__PURE__ */ (0, Z.jsx)("b", { children: e.value })]
+		}, `${e.label}:${t}`))]
+	}) : null;
+}
+function lt({ days: e, series: t, format: n = it, rows: r = 13, missing: i = "No runs started", tick: a = (e) => e.slice(5), onOpen: o }) {
+	let [s, c, l] = ot(), u = Math.round(r * l), [d, f] = (0, Q.useState)(null), p = e.map((e, n) => t.reduce((e, t) => e + (t.values[n] ?? 0), 0)), { top: m, ticks: h } = st(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, Z.jsxs)("div", {
+		ref: s,
+		className: "ov-plot",
+		onMouseLeave: () => f(null),
+		children: [c > 0 && /* @__PURE__ */ (0, Z.jsxs)("svg", {
+			width: c,
+			height: u,
+			role: "img",
+			"aria-label": `${t.map((e) => e.name).join(", ")} per day`,
+			children: [h.map((e) => /* @__PURE__ */ (0, Z.jsxs)("g", { children: [/* @__PURE__ */ (0, Z.jsx)("line", {
+				x1: g,
+				x2: c - 8,
+				y1: w(e),
+				y2: w(e),
+				className: "ov-gridline"
+			}), /* @__PURE__ */ (0, Z.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, Z.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, Z.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, Z.jsx)("text", {
+							x: m + x / 2,
+							y: u - l * .35,
+							className: "ov-axis",
+							textAnchor: "middle",
+							children: a(r)
+						}),
+						/* @__PURE__ */ (0, Z.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, Z.jsx)(ct, { tip: d })]
+	});
+}
+function ut({ rows: e, format: t = it, color: n = rt[0], max: r, limit: i = 8 }) {
+	let a = r ?? Math.max(1, ...e.map((e) => e.value));
+	if (!e.length) return /* @__PURE__ */ (0, Z.jsx)("p", {
+		className: "ov-empty",
+		children: "Nothing recorded."
+	});
+	let o = e.slice(i);
+	return /* @__PURE__ */ (0, Z.jsxs)("ol", {
+		className: "ov-hbars",
+		children: [e.slice(0, i).map((e) => {
+			let r = e.title ?? `${e.label}: ${t(e.value)}`, i = /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
+				/* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "ov-hbar-label",
+					children: e.label
+				}),
+				/* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "ov-hbar-track",
+					children: /* @__PURE__ */ (0, Z.jsx)("span", { style: {
+						width: `${Math.max(1, e.value / a * 100)}%`,
+						background: e.color ?? n
+					} })
+				}),
+				/* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "ov-hbar-value",
+					children: t(e.value)
+				}),
+				e.note && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "ov-hbar-note",
+					children: e.note
+				})
+			] });
+			return /* @__PURE__ */ (0, Z.jsx)("li", { children: e.href ? /* @__PURE__ */ (0, Z.jsx)("a", {
+				href: e.href,
+				title: r,
+				children: i
+			}) : /* @__PURE__ */ (0, Z.jsx)("div", {
+				title: r,
+				children: i
+			}) }, e.label);
+		}), o.length > 0 && /* @__PURE__ */ (0, Z.jsxs)("li", {
+			className: "ov-hbars-more",
+			children: [
+				"+",
+				o.length,
+				" more · ",
+				t(o.reduce((e, t) => e + t.value, 0))
+			]
+		})]
+	});
+}
+function dt({ series: e, format: t = it, rows: n = 13, axis: r, marks: i = [], bands: a = [] }) {
+	let [o, s, c] = ot(), l = Math.round(n * c), [u, d] = (0, Q.useState)(null), f = q(i, a);
+	if (f) throw RangeError(f);
+	let p = e.flatMap((e) => e.points);
+	if (!p.length) return /* @__PURE__ */ (0, Z.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 } = st(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), w = (e) => 8 + S - e / _ * S, T = (e, t) => e.reduce((e, n) => Math.abs(n[0] - t) < Math.abs(e[0] - t) ? n : e, e[0]), E = (e) => new Date(e).toISOString().slice(5, 16).replace("T", " ");
+	return /* @__PURE__ */ (0, Z.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, Z.jsxs)("svg", {
+				width: s,
+				height: l,
+				role: "img",
+				"aria-label": e.map((e) => e.name).join(", "),
+				children: [
+					v.map((e) => /* @__PURE__ */ (0, Z.jsxs)("g", { children: [/* @__PURE__ */ (0, Z.jsx)("line", {
+						x1: y,
+						x2: s - 10,
+						y1: w(e),
+						y2: w(e),
+						className: "ov-gridline"
+					}), /* @__PURE__ */ (0, Z.jsx)("text", {
+						x: y - c * .4,
+						y: w(e),
+						dominantBaseline: "middle",
+						className: "ov-axis",
+						textAnchor: "end",
+						children: t(e)
+					})] }, e)),
+					[
+						h,
+						(h + g) / 2,
+						g
+					].map((e, t) => /* @__PURE__ */ (0, Z.jsx)("text", {
+						x: C(e),
+						y: l - c * .35,
+						className: "ov-axis",
+						textAnchor: t === 0 ? "start" : t === 2 ? "end" : "middle",
+						children: r ? r(e) : E(e).slice(0, 5)
+					}, t)),
+					a.map((e, t) => /* @__PURE__ */ (0, Z.jsx)(pt, {
+						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, Z.jsx)("g", { children: e.points.map((t) => /* @__PURE__ */ (0, Z.jsx)("circle", {
+						cx: C(t[0]),
+						cy: w(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, Z.jsxs)("g", {
+						"data-series": e.name,
+						"data-dash": e.dash ?? "solid",
+						"data-marker": e.marker,
+						children: [/* @__PURE__ */ (0, Z.jsx)("polyline", {
+							fill: "none",
+							stroke: e.color,
+							strokeWidth: Math.max(2, c / 8),
+							strokeLinejoin: "round",
+							strokeLinecap: e.dash === "dot" ? "round" : void 0,
+							strokeDasharray: ft(e.dash, c),
+							points: e.points.map((e) => `${C(e[0])},${w(e[1])}`).join(" ")
+						}), e.marker && (e.points.length <= 30 ? e.points : e.points.slice(-1)).map((t) => /* @__PURE__ */ (0, Z.jsx)("path", {
+							d: ce(e.marker, C(t[0]), w(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, Z.jsx)(mt, {
+						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, Z.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 ? T(e.points, u) : null;
+						return t ? /* @__PURE__ */ (0, Z.jsx)("circle", {
+							cx: C(t[0]),
+							cy: w(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, Z.jsx)(ct, { tip: {
+				x: Math.min(C(u) + 10, s - c * 14),
+				y: 8,
+				title: r ? r(u) : E(u),
+				lines: e.filter((e) => e.points.length).map((e) => {
+					let n = T(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, Z.jsx)("ul", {
+				className: "ov-key",
+				"aria-label": "Series",
+				children: e.map((e) => /* @__PURE__ */ (0, Z.jsxs)("li", { children: [/* @__PURE__ */ (0, Z.jsxs)("svg", {
+					width: c * 2,
+					height: c,
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ (0, Z.jsx)("line", {
+						x1: 0,
+						x2: c * 2,
+						y1: c / 2,
+						y2: c / 2,
+						stroke: e.color,
+						strokeWidth: Math.max(2, c / 8),
+						strokeDasharray: ft(e.dash, c),
+						strokeLinecap: e.dash === "dot" ? "round" : void 0
+					}), e.marker && /* @__PURE__ */ (0, Z.jsx)("path", {
+						d: ce(e.marker, c, c / 2, Math.max(3, c / 5)),
+						fill: e.color
+					})]
+				}), e.name] }, e.name))
+			}),
+			/* @__PURE__ */ (0, Z.jsx)(ht, {
+				marks: i,
+				bands: a,
+				format: r ?? ((e) => E(e))
+			})
+		]
+	});
+}
+function ft(e, t) {
+	return e === "dash" ? `${Math.round(t * .55)} ${Math.round(t * .3)}` : e === "dot" ? `0.1 ${Math.round(t * .35)}` : void 0;
+}
+function pt({ band: e, x: t, y: n, width: r, height: i }) {
+	return /* @__PURE__ */ (0, Z.jsxs)("g", {
+		"data-band": e.kind,
+		"data-hatched": e.kind === "missing" ? "true" : void 0,
+		children: [
+			/* @__PURE__ */ (0, Z.jsx)("title", { children: e.label }),
+			/* @__PURE__ */ (0, Z.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, Z.jsx)("path", {
+				d: ie(t, n, r, i),
+				className: "ov-hatch"
+			})
+		]
+	});
+}
+function mt({ mark: e, x: t, top: n, bottom: r, row: i, em: a, flip: o }) {
+	let s = Math.max(3, a / 4), c = Ne[e.kind];
+	return /* @__PURE__ */ (0, Z.jsxs)("g", {
+		"data-mark": e.kind,
+		"data-verdict": e.verdict,
+		className: e.verdict ? `ov-verdict-${e.verdict}` : void 0,
+		children: [
+			/* @__PURE__ */ (0, Z.jsx)("title", { children: J(e) }),
+			/* @__PURE__ */ (0, Z.jsx)("line", {
+				x1: t,
+				x2: t,
+				y1: n,
+				y2: r,
+				className: `ov-mark ov-mark-${e.kind}`
+			}),
+			e.kind === "died" && /* @__PURE__ */ (0, Z.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, Z.jsx)("path", {
+				d: ce(c, t, n + s, s),
+				className: "ov-mark-head"
+			}),
+			/* @__PURE__ */ (0, Z.jsx)("text", {
+				x: o ? t - a * .3 : t + a * .3,
+				y: n + a * (.9 + i),
+				textAnchor: o ? "end" : "start",
+				className: "ov-mark-label",
+				children: J(e)
+			})
+		]
+	});
+}
+function ht({ 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: `${J(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, Z.jsx)("ul", {
+		className: "ov-events",
+		"aria-label": "Recorded events",
+		children: r.map((e, t) => /* @__PURE__ */ (0, Z.jsxs)("li", {
+			"data-kind": e.kind,
+			children: [/* @__PURE__ */ (0, Z.jsx)("i", {
+				className: `ov-event-swatch ov-event-${e.kind}`,
+				"aria-hidden": "true"
+			}), e.text]
+		}, t))
+	});
+}
+var gt = [
+	"var(--chart-accent)",
+	"var(--chart-tier-c)",
+	"var(--chart-muted)"
+];
+function _t({ used: e, total: t, format: n = it, tone: r, text: i, segments: a, steps: o, untraced: s = "untraced" }) {
+	if (o) {
+		let e = o.findIndex((e) => e.state !== "pass");
+		return /* @__PURE__ */ (0, Z.jsx)("ol", {
+			className: "ov-meter-steps",
+			"aria-label": i ?? "Check steps",
+			children: o.map((t, n) => /* @__PURE__ */ (0, Z.jsxs)("li", {
+				"data-state": t.state,
+				"aria-current": n === e ? "step" : void 0,
+				children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+					className: "ov-step-head",
+					children: [/* @__PURE__ */ (0, Z.jsx)("strong", { children: n + 1 }), /* @__PURE__ */ (0, Z.jsx)("small", {
+						className: "ov-step-state",
+						children: t.state === "pass" ? "Pass" : t.state === "fail" ? "Stuck" : "Unchecked"
+					})]
+				}), /* @__PURE__ */ (0, Z.jsx)("span", { children: t.label })]
+			}, n))
+		});
+	}
+	if (a) return /* @__PURE__ */ (0, Z.jsx)(vt, {
+		segments: a,
+		total: t,
+		format: n,
+		text: i,
+		untraced: s
+	});
+	let c = e != null && t ? Math.min(1, e / t) : null;
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		className: "ov-meter",
+		children: [/* @__PURE__ */ (0, Z.jsx)("span", {
+			className: "ov-meter-track",
+			children: /* @__PURE__ */ (0, Z.jsx)("span", { style: {
+				width: `${(c ?? 0) * 100}%`,
+				background: r ?? (c !== null && c > .9 ? "var(--chart-live-danger, #d85050)" : c !== null && c > .7 ? "var(--chart-live-warning, #c98500)" : rt[0])
+			} })
+		}), /* @__PURE__ */ (0, Z.jsx)("span", {
+			className: "ov-meter-text",
+			children: i ?? `${n(e ?? NaN)} of ${n(t ?? NaN)} · ${at(c)}`
+		})]
+	});
+}
+function vt({ 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 ?? gt[t % gt.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, Z.jsxs)("div", {
+		className: "ov-meter",
+		"data-segmented": "true",
+		children: [
+			/* @__PURE__ */ (0, Z.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, Z.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, Z.jsx)("ul", {
+				className: "ov-meter-key",
+				children: c.map((e) => /* @__PURE__ */ (0, Z.jsxs)("li", {
+					"data-segment": e.label,
+					children: [
+						/* @__PURE__ */ (0, Z.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, Z.jsx)("span", { children: e.label }),
+						/* @__PURE__ */ (0, Z.jsx)("b", { children: e.value === null ? "not recorded" : `${n(e.value)}${o === null ? "" : ` · ${at(l(e.value))}`}` })
+					]
+				}, e.label))
+			}),
+			/* @__PURE__ */ (0, Z.jsx)("span", {
+				className: "ov-meter-text",
+				children: r ?? (o === null ? "total not recorded" : `${n(a)} of ${n(o)} accounted · ${at(a / o)}`)
+			})
+		]
+	});
+}
+function yt({ rows: e, lanes: t, colors: n, axis: r, span: i, marks: a = [], now: o, hatch: s = ["missing", "untraced"], selectedId: c, onSelect: l, bestMark: u, maxHeight: d }) {
+	let [f, p, m] = ot(), [h, g] = (0, Q.useState)(null), _ = (0, Q.useRef)(null), [v, y] = (0, Q.useState)(0), b = 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
+		}]
+	})), x = q(a);
+	if (x) throw RangeError(x);
+	if (o !== void 0 && !Number.isFinite(o)) throw RangeError("now must be a finite time.");
+	if (t) for (let e of b) 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 S = b.flatMap((e) => e.spans);
+	if (!S.length) return /* @__PURE__ */ (0, Z.jsx)("p", {
+		className: "ov-empty",
+		children: "No agent has started."
+	});
+	let C = (e) => e.end ?? o, w = p < 600, T = Math.round((w ? 2.8 : 2.2) * m), E = w ? 8 : Math.min(Math.round(16 * m), Math.round(p * .28)), D = d ? 4 : a.length ? 48 : 8, O = w ? [
+		0,
+		.5,
+		1
+	] : [
+		0,
+		.25,
+		.5,
+		.75,
+		1
+	], k = Math.round(1.8 * m), A = D + b.length * T + k, j = [
+		...S.flatMap((e) => [e.start, C(e)]),
+		...a.map((e) => e.at),
+		...o === void 0 ? [] : [o]
+	], M = Math.min(...j), N = Math.max(...j, M + 6e4), P = Math.max(0, p - E - 10), F = (e) => E + (e - M) / (N - M) * P, ee = n.unknown ?? "var(--chart-live-faint, var(--chart-muted))", te = [...a].sort((e, t) => e.at - t.at), R = te.find((e) => e.label === u), z = new Set(R ? [R] : []), ne = R ? [F(R.at)] : [], B = Math.max(1, Math.ceil(a.length / Math.max(1, Math.floor(P / (6 * m)))));
+	te.forEach((e, t) => {
+		t % B === 0 && ne.every((t) => Math.abs(t - F(e.at)) >= 5 * m) && (z.add(e), ne.push(F(e.at)));
+	});
+	let V = new Set(s), H = D + b.length * T, re = d ? Math.max(0, Math.floor((v - D) / T) - 6) : 0, ae = d ? b.slice(re, re + Math.ceil(d / T) + 14) : b, U = (e) => l?.(e), oe = (e) => {
+		let t = Math.max(0, Math.min(b.length - 1, e)), n = t === 0 ? 0 : D + t * T - T;
+		_.current && (_.current.scrollTop = n), y(Math.max(0, n)), requestAnimationFrame(() => _.current?.querySelector(`[data-lane-index="${t}"]`)?.focus());
+	}, se = (e) => Math.max(0, e - (d ? v - 52 : 0) - m), ce = (e) => Math.max(0, Math.min(e + 8, p - Math.min(240, p)));
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		ref: f,
+		className: "ov-plot ov-gantt",
+		"data-featured": u ? !0 : void 0,
+		onMouseLeave: () => g(null),
+		children: [
+			d && p > 0 && /* @__PURE__ */ (0, Z.jsxs)("svg", {
+				width: p,
+				height: 52,
+				"aria-label": "Releases and time axis",
+				children: [te.map((e, t) => /* @__PURE__ */ (0, Z.jsxs)("g", {
+					tabIndex: 0,
+					role: "img",
+					"aria-label": J(e),
+					"data-labelled": u ? z.has(e) : void 0,
+					"data-best": e.label === u || void 0,
+					children: [/* @__PURE__ */ (0, Z.jsx)(mt, {
+						mark: e,
+						x: F(e.at),
+						top: 10,
+						bottom: 28,
+						row: 0,
+						em: m,
+						flip: F(e.at) > p * .62
+					}), e.label === u && /* @__PURE__ */ (0, Z.jsx)("circle", {
+						cx: F(e.at),
+						cy: 14,
+						r: 8,
+						fill: "none",
+						stroke: "var(--accent-text)",
+						strokeWidth: 2
+					})]
+				}, t)), O.map((e) => /* @__PURE__ */ (0, Z.jsx)("text", {
+					x: E + e * P,
+					y: 46,
+					className: "ov-axis",
+					textAnchor: e === 0 ? "start" : e === 1 ? "end" : "middle",
+					children: r(M + e * (N - M))
+				}, e))]
+			}),
+			/* @__PURE__ */ (0, Z.jsx)("div", {
+				ref: _,
+				className: "ov-gantt-scroll",
+				style: {
+					maxHeight: d,
+					overflow: d ? "auto" : void 0
+				},
+				onScroll: (e) => {
+					y(e.currentTarget.scrollTop), g(null);
+				},
+				children: p > 0 && /* @__PURE__ */ (0, Z.jsxs)("svg", {
+					width: p,
+					height: A,
+					role: l ? "group" : "img",
+					"aria-label": `${b.length} ${t ? "lanes" : "agents"} over time`,
+					children: [
+						O.map((e) => /* @__PURE__ */ (0, Z.jsxs)("g", { children: [/* @__PURE__ */ (0, Z.jsx)("line", {
+							x1: E + e * P,
+							x2: E + e * P,
+							y1: D,
+							y2: H,
+							className: "ov-gridline"
+						}), !d && /* @__PURE__ */ (0, Z.jsx)("text", {
+							x: E + e * P,
+							y: A - m * .35,
+							className: "ov-axis",
+							textAnchor: e === 0 ? "start" : e === 1 ? "end" : "middle",
+							children: r(M + e * (N - M))
+						})] }, e)),
+						ae.map((e, t) => {
+							let r = re + t, a = D + r * T, o = typeof e.count == "number" && Number.isFinite(e.count) ? ` · ${e.count.toLocaleString()}` : "", s = L(e.label, Math.max(40, (w ? p - 16 : E - m) - I(o, 13)), 13, "sans", 1).lines[0], u = e.spans.length ? e.spans.reduce((e, t) => C(t) >= C(e) ? t : e) : void 0, d = c === e.id && u?.endLabel ? L(u.endLabel, Math.max(40, P - 16), 13, "sans", 1).lines[0] : void 0;
+							return /* @__PURE__ */ (0, Z.jsxs)("g", {
+								"data-lane": e.id,
+								"data-lane-index": r,
+								role: l ? "button" : void 0,
+								tabIndex: l ? 0 : void 0,
+								"aria-label": e.label,
+								"aria-pressed": l ? c === e.id : void 0,
+								onMouseEnter: () => g({
+									x: ce(F(C(e.spans.at(-1) ?? { end: N }))),
+									y: se(a),
+									title: e.label,
+									lines: e.spans.flatMap((e) => [
+										{
+											label: e.end === null ? `${e.state} (open)` : e.state,
+											value: i(e.start, C(e)),
+											color: V.has(e.state) ? void 0 : n[e.state] ?? ee
+										},
+										...e.note ? [{
+											label: e.note,
+											value: ""
+										}] : [],
+										...e.endLabel ? [{
+											label: "Duration / cost",
+											value: e.endLabel
+										}] : []
+									])
+								}),
+								onClick: () => U(e.id),
+								onKeyDown: (t) => {
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), U(e.id));
+									let n = {
+										ArrowDown: r + 1,
+										ArrowUp: r - 1,
+										Home: 0,
+										End: b.length - 1
+									}[t.key];
+									n !== void 0 && (t.preventDefault(), oe(n));
+								},
+								children: [
+									c === e.id && /* @__PURE__ */ (0, Z.jsx)("rect", {
+										x: 0,
+										y: a,
+										width: p,
+										height: T,
+										fill: "var(--ix-sel-bg)",
+										rx: 4
+									}),
+									/* @__PURE__ */ (0, Z.jsx)("rect", {
+										x: 0,
+										y: a,
+										width: p,
+										height: T,
+										fill: "transparent"
+									}),
+									/* @__PURE__ */ (0, Z.jsxs)("text", {
+										x: w ? 8 : E - m * .5,
+										y: w ? a + 13 : a + T / 2,
+										dominantBaseline: "middle",
+										textAnchor: w ? "start" : "end",
+										className: "ov-axis ov-gantt-label",
+										children: [
+											/* @__PURE__ */ (0, Z.jsxs)("title", { children: [
+												e.label,
+												o,
+												o && e.countLabel ? ` ${e.countLabel}` : ""
+											] }),
+											s,
+											o && /* @__PURE__ */ (0, Z.jsx)("tspan", {
+												className: "ov-gantt-count",
+												children: o
+											})
+										]
+									}),
+									e.spans.map((t, r) => {
+										let o = n[t.state] ?? ee, s = F(t.start), c = Math.max(2, F(C(t)) - s), l = a + (w ? 24 : T * .25), u = T * .5, d = t.end === null;
+										return /* @__PURE__ */ (0, Z.jsx)("g", {
+											"data-state": t.state,
+											"data-open": d ? "true" : void 0,
+											"data-hatched": V.has(t.state) ? "true" : void 0,
+											onMouseEnter: () => g({
+												x: ce(s + c),
+												y: se(a),
+												title: e.label,
+												lines: [
+													{
+														label: d ? `${t.state} (open)` : t.state,
+														value: i(t.start, C(t)),
+														color: V.has(t.state) ? void 0 : o
+													},
+													...t.note ? [{
+														label: t.note,
+														value: ""
+													}] : [],
+													...t.endLabel ? [{
+														label: "Duration / cost",
+														value: t.endLabel
+													}] : []
+												]
+											}),
+											children: V.has(t.state) ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("rect", {
+												x: s,
+												y: l,
+												width: c,
+												height: u,
+												className: "ov-hatch-bg"
+											}), /* @__PURE__ */ (0, Z.jsx)("path", {
+												d: ie(s, l, c, u, 4),
+												className: "ov-hatch"
+											})] }) : /* @__PURE__ */ (0, Z.jsx)("rect", {
+												x: s,
+												y: l,
+												width: c,
+												height: u,
+												rx: 2,
+												fill: o,
+												className: d ? "ov-gantt-open" : void 0
+											})
+										}, r);
+									}),
+									d && /* @__PURE__ */ (0, Z.jsxs)("text", {
+										className: "ov-gantt-end",
+										x: Math.max(E + 8, Math.min(F(C(u)) + 8, p - I(d, 13) - 8)),
+										y: a + (w ? 24 : T * .25) + T * .25,
+										dominantBaseline: "middle",
+										children: [/* @__PURE__ */ (0, Z.jsx)("title", { children: u?.endLabel }), d]
+									})
+								]
+							}, e.id);
+						}),
+						o !== void 0 && /* @__PURE__ */ (0, Z.jsx)("line", {
+							x1: F(o),
+							x2: F(o),
+							y1: D,
+							y2: H,
+							className: "ov-now",
+							"data-now": "true"
+						}),
+						te.map((e, t) => /* @__PURE__ */ (0, Z.jsxs)("g", {
+							className: e.verdict ? `ov-verdict-${e.verdict}` : void 0,
+							"data-labelled": !d && u ? z.has(e) : void 0,
+							"data-best": e.label === u || void 0,
+							style: d ? { pointerEvents: "none" } : void 0,
+							children: [
+								d && /* @__PURE__ */ (0, Z.jsx)("line", {
+									x1: F(e.at),
+									x2: F(e.at),
+									y1: D,
+									y2: H,
+									className: `ov-mark ov-mark-${e.kind}`,
+									style: { opacity: e.label === u ? .8 : .3 }
+								}),
+								!d && /* @__PURE__ */ (0, Z.jsx)(mt, {
+									mark: e,
+									x: F(e.at),
+									top: 4,
+									bottom: H,
+									row: t % 2,
+									em: m,
+									flip: F(e.at) > E + P * .62
+								}),
+								!d && e.label === u && /* @__PURE__ */ (0, Z.jsx)("circle", {
+									cx: F(e.at),
+									cy: 4 + Math.max(3, m / 4),
+									r: 8,
+									fill: "none",
+									stroke: "var(--accent-text)",
+									strokeWidth: 2
+								})
+							]
+						}, `mark-${t}`))
+					]
+				})
+			}),
+			/* @__PURE__ */ (0, Z.jsx)(ct, { tip: h }),
+			/* @__PURE__ */ (0, Z.jsx)(ht, {
+				marks: a,
+				bands: [],
+				format: r
+			})
+		]
+	});
+}
+var bt = 24, xt = bt / 2;
+function St({ value: e, bound: t = null, target: n, stretch: r = null, scale: i = "log", format: a = it, tone: o = "var(--chart-live-accent, #8b7cf6)", titles: s = {}, label: c }) {
+	let [l, u] = ot(), 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},${xt} L${S + 4},18` : `M${S - 4},6 L${S + 4},${xt} L${S - 4},18`;
+	return /* @__PURE__ */ (0, Z.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, Z.jsxs)("svg", {
+			width: u,
+			height: bt,
+			viewBox: `0 0 ${u} ${bt}`,
+			"aria-hidden": !0,
+			children: [
+				/* @__PURE__ */ (0, Z.jsx)("line", {
+					className: "ov-gap-track",
+					x1: 0,
+					x2: u,
+					y1: xt,
+					y2: xt
+				}),
+				w.map((e) => /* @__PURE__ */ (0, Z.jsx)("line", {
+					className: "ov-gap-tick",
+					x1: _(10 ** e),
+					x2: _(10 ** e),
+					y1: 8,
+					y2: 16
+				}, e)),
+				b && /* @__PURE__ */ (0, Z.jsx)("rect", {
+					className: "ov-gap-stretch",
+					x: b.x,
+					y: 4,
+					width: b.w,
+					height: 16,
+					rx: 4,
+					children: /* @__PURE__ */ (0, Z.jsx)("title", { children: s.stretch ?? `stretch ${C(r)}` })
+				}),
+				/* @__PURE__ */ (0, Z.jsx)("rect", {
+					className: "ov-gap-target",
+					x: y.x,
+					y: 4,
+					width: y.w,
+					height: 16,
+					rx: 4,
+					children: /* @__PURE__ */ (0, Z.jsx)("title", { children: s.target ?? `target ${C(n)}` })
+				}),
+				Math.abs(x - S) > 1 && /* @__PURE__ */ (0, Z.jsx)("line", {
+					className: "ov-gap-span",
+					x1: S,
+					x2: x,
+					y1: xt,
+					y2: xt,
+					style: { stroke: o }
+				}),
+				/* @__PURE__ */ (0, Z.jsxs)("g", {
+					className: "ov-gap-value",
+					children: [
+						/* @__PURE__ */ (0, Z.jsx)("title", { children: s.value ?? `${t === "upper" ? "≤" : t === "lower" ? "≥" : ""}${a(e)}` }),
+						t ? /* @__PURE__ */ (0, Z.jsx)("path", {
+							d: T,
+							fill: "none",
+							stroke: o,
+							strokeWidth: 2,
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						}) : /* @__PURE__ */ (0, Z.jsx)("circle", {
+							cx: S,
+							cy: xt,
+							r: 5,
+							fill: o
+						}),
+						/* @__PURE__ */ (0, Z.jsx)("rect", {
+							x: S - 8,
+							y: 0,
+							width: 16,
+							height: bt,
+							fill: "transparent"
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function Ct({ figure: e, presentation: t = "chart" }) {
+	let [n, r] = ot(), i = r >= 720 ? Math.floor(r / 32) * 32 : 720, a = (0, Q.useMemo)(() => typeof e == "function" ? e(i) : e, [e, i]);
+	if (ke(a)) return /* @__PURE__ */ (0, Z.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, Z.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, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("h3", {
+				className: "tgc-finding",
+				children: a.finding
+			}), /* @__PURE__ */ (0, Z.jsx)("p", {
+				className: "tgc-lede",
+				children: a.lede
+			})] }),
+			/* @__PURE__ */ (0, Z.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, Z.jsxs)("details", {
+				className: "tgc-data",
+				children: [
+					/* @__PURE__ */ (0, Z.jsx)("summary", { children: "Data and method" }),
+					/* @__PURE__ */ (0, Z.jsx)("p", {
+						className: "tgc-lede",
+						children: a.lede
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("p", {
+						className: "tgc-read",
+						children: a.read
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("p", {
+						className: "tgc-read",
+						children: c
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("div", {
+						className: "tgc-scroll",
+						role: "region",
+						"aria-label": `${a.finding} data`,
+						tabIndex: 0,
+						dangerouslySetInnerHTML: { __html: a.table }
+					})
+				]
+			})
+		]
+	});
+}
+var wt = Object.freeze([
+	"var(--chart-category-1)",
+	"var(--chart-category-2)",
+	"var(--chart-category-3)",
+	"var(--chart-category-other)"
+]);
+function Tt(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 Dt({ 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, Q.useRef)(null), g = (0, Q.useRef)(null), [_, v] = (0, Q.useState)({
+		width: 0,
+		height: p
+	}), y = (0, Q.useRef)({
+		scale: 1,
+		tx: 0,
+		ty: 0
+	}), b = (0, Q.useRef)(""), x = (0, Q.useRef)(0), [S, C] = (0, Q.useState)(null), w = (0, Q.useRef)([]), T = e.length / 2, E = (0, Q.useMemo)(() => typeof t == "number" ? t : t.reduce((e, t) => t > e ? t : e, 0), [t]), D = (0, Q.useMemo)(() => Et(e, i, Math.max(E * 2, (i[2] - i[0]) / 200)), [
+		e,
+		i,
+		E
+	]);
+	(0, Q.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, Q.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, Q.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 = Tt(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, Q.useCallback)(() => {
+		x.current ||= requestAnimationFrame(k);
+	}, [k]);
+	(0, Q.useEffect)(() => {
+		w.current = [];
+	}, [r]), (0, Q.useEffect)(() => {
+		if (!_.width) return;
+		let e = `${i.join(",")}:${_.width}x${_.height}`;
+		b.current !== e && (O(), b.current = e), A();
+	}, [
+		_,
+		i,
+		O,
+		A
+	]), (0, Q.useEffect)(() => A(), [A]), (0, Q.useEffect)(() => () => cancelAnimationFrame(x.current), []);
+	let j = (0, Q.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, Q.useRef)(null), N = (0, Q.useRef)(/* @__PURE__ */ new Map()), P = (0, Q.useRef)(null);
+	(0, Q.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, Z.jsxs)("div", {
+		ref: h,
+		className: "tgc-dot-map",
+		style: {
+			position: "relative",
+			height: p
+		},
+		"data-points": T,
+		children: [/* @__PURE__ */ (0, Z.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, Z.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 $ = (e, t) => /* @__PURE__ */ (0, Z.jsx)("svg", {
+	viewBox: "0 0 16 16",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.75",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": !t || void 0,
+	role: t ? "img" : void 0,
+	"aria-label": t,
+	children: e
+});
+function Ot(e) {
+	let t = (e ?? "").toLowerCase();
+	if (/bash|shell|exec|terminal|command|run/.test(t)) return $(/* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("rect", {
+		x: "2",
+		y: "3",
+		width: "12",
+		height: "10",
+		rx: "2"
+	}), /* @__PURE__ */ (0, Z.jsx)("path", { d: "m5 7 2 1.5L5 10M8.5 10.5h2.5" })] }));
+	if (/edit|write|patch|apply/.test(t)) return $(/* @__PURE__ */ (0, Z.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, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("circle", {
+		cx: "7",
+		cy: "7",
+		r: "4.25"
+	}), /* @__PURE__ */ (0, Z.jsx)("path", { d: "m10.25 10.25 3.25 3.25" })] }));
+	if (/read|glob|list|ls|cat|file|view/.test(t)) return $(/* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("path", { d: "M4 2.5h5l3 3v8H4z" }), /* @__PURE__ */ (0, Z.jsx)("path", { d: "M9 2.5v3h3M6 9h4M6 11h3" })] }));
+	if (/web|fetch|http|browser|url/.test(t)) return $(/* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("circle", {
+		cx: "8",
+		cy: "8",
+		r: "5.5"
+	}), /* @__PURE__ */ (0, Z.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, Z.jsxs)(Z.Fragment, { children: [
+		/* @__PURE__ */ (0, Z.jsx)("circle", {
+			cx: "5",
+			cy: "4",
+			r: "1.5"
+		}),
+		/* @__PURE__ */ (0, Z.jsx)("circle", {
+			cx: "5",
+			cy: "12",
+			r: "1.5"
+		}),
+		/* @__PURE__ */ (0, Z.jsx)("circle", {
+			cx: "11",
+			cy: "6",
+			r: "1.5"
+		}),
+		/* @__PURE__ */ (0, Z.jsx)("path", { d: "M5 5.5v5M11 7.5c0 2-3 2-6 3" })
+	] }));
+}
+function kt({ kind: e, name: t }) {
+	if (e === "tool") {
+		let e = Ot(t);
+		if (e) return e;
+	}
+	switch (e) {
+		case "pipeline": return $(/* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
+			/* @__PURE__ */ (0, Z.jsx)("circle", {
+				cx: "8",
+				cy: "4",
+				r: "1.75"
+			}),
+			/* @__PURE__ */ (0, Z.jsx)("circle", {
+				cx: "4",
+				cy: "12",
+				r: "1.75"
+			}),
+			/* @__PURE__ */ (0, Z.jsx)("circle", {
+				cx: "12",
+				cy: "12",
+				r: "1.75"
+			}),
+			/* @__PURE__ */ (0, Z.jsx)("path", { d: "M8 5.75v2.5M8 8.25 4.8 10.6M8 8.25l3.2 2.35" })
+		] }));
+		case "model": return $(/* @__PURE__ */ (0, Z.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, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("path", { d: "M4.5 2.5h7M4.5 13.5h7" }), /* @__PURE__ */ (0, Z.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, Z.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, Z.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 At = () => $(/* @__PURE__ */ (0, Z.jsx)("path", { d: "m6 4 4 4-4 4" })), jt = () => $(/* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("circle", {
+	cx: "7",
+	cy: "7",
+	r: "4.25"
+}), /* @__PURE__ */ (0, Z.jsx)("path", { d: "m10.25 10.25 3.25 3.25" })] })), Mt = () => /* @__PURE__ */ (0, Z.jsx)("svg", {
+	viewBox: "0 0 16 16",
+	width: "16",
+	height: "16",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ (0, Z.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"
+	})
+}), Nt = () => /* @__PURE__ */ (0, Z.jsxs)("svg", {
+	viewBox: "0 0 16 16",
+	width: "16",
+	height: "16",
+	"aria-hidden": !0,
+	children: [/* @__PURE__ */ (0, Z.jsx)("rect", {
+		x: "4",
+		y: "3",
+		width: "2.75",
+		height: "10",
+		rx: ".8",
+		fill: "currentColor"
+	}), /* @__PURE__ */ (0, Z.jsx)("rect", {
+		x: "9.25",
+		y: "3",
+		width: "2.75",
+		height: "10",
+		rx: ".8",
+		fill: "currentColor"
+	})]
+}), Pt = () => $(/* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("path", { d: "M3 8a5 5 0 1 0 1.5-3.55" }), /* @__PURE__ */ (0, Z.jsx)("path", { d: "M3 2.75V5.5h2.75" })] })), Ft = ({ label: e }) => $(/* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("path", { d: "M12.5 8A4.5 4.5 0 1 1 11 4.6" }), /* @__PURE__ */ (0, Z.jsx)("path", { d: "M11.5 2v3h-3" })] }), e), It = ({ label: e }) => /* @__PURE__ */ (0, Z.jsx)(T, {
+	status: "failed",
+	"aria-label": e,
+	style: { color: "currentColor" }
+}), Lt = () => $(/* @__PURE__ */ (0, Z.jsx)("path", { d: "m4.5 4.5 7 7m0-7-7 7" })), Rt = () => $(/* @__PURE__ */ (0, Z.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" })), zt = It, Bt = () => $(/* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("circle", {
+	cx: "7",
+	cy: "7",
+	r: "4.25"
+}), /* @__PURE__ */ (0, Z.jsx)("path", { d: "m10.25 10.25 3.25 3.25M5 7h4M7 5v4" })] })), Vt = () => $(/* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("circle", {
+	cx: "7",
+	cy: "7",
+	r: "4.25"
+}), /* @__PURE__ */ (0, Z.jsx)("path", { d: "m10.25 10.25 3.25 3.25M5 7h4" })] })), Ht = () => $(/* @__PURE__ */ (0, Z.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" })), Ut = (e) => e.replace(/-/g, "‑"), Wt = {
+	pipeline: "Agent",
+	model: "Model call",
+	tool: "Tool call",
+	waiting: "Waiting",
+	handoff: "Handoff"
+}, Gt = (e, t) => /* @__PURE__ */ (0, Z.jsxs)("span", {
+	title: `${e.toLocaleString()} ${t}`,
+	children: [
+		C(e),
+		" ",
+		t
+	]
+}), Kt = (e, t, n = `${t}s`) => `${e.toLocaleString()} ${e === 1 ? t : n}`, qt = (e, t) => e[Math.min(e.length - 1, Math.ceil(t * e.length) - 1)], Jt = 4;
+function Yt(e, t, n) {
+	let r = e.span, a = [];
+	r.detail && a.push([r.kind === "tool" ? "Provider" : "Model", r.detail]);
+	let o = i(r) ? Math.max(r.endMs, t) : r.endMs;
+	a.push(["Ran for", Number.isFinite(o - r.startMs) && o >= r.startMs ? b(o - r.startMs) : "—"]), n && a.push(["Started at", `+${b(Math.max(0, r.startMs))}`]);
+	let s = e.tokens;
+	if (s) {
+		let e = [
+			["prompt", "in"],
+			["completion", "out"],
+			["cached", "cached"]
+		].flatMap(([e, t]) => s[e] === void 0 ? [] : [Gt(s[e], t)]);
+		a.push(["Tokens", e.length ? /* @__PURE__ */ (0, Z.jsx)("span", {
+			className: `fw-card-parts${e.length > 2 ? " fw-card-stack" : ""}`,
+			children: e.map((e, t) => /* @__PURE__ */ (0, Z.jsx)("span", { children: e }, t))
+		}) : /* @__PURE__ */ (0, Z.jsx)("span", {
+			title: "Tokens not reported",
+			children: "—"
+		})]);
+	}
+	let c = e.modelMs;
+	c?.length && a.push(["Model latency", /* @__PURE__ */ (0, Z.jsxs)("span", {
+		className: "fw-card-parts",
+		children: [/* @__PURE__ */ (0, Z.jsxs)("span", { children: [b(qt(c, .5)), " median"] }), c.length >= 10 && /* @__PURE__ */ (0, Z.jsxs)("span", { children: [b(qt(c, .95)), " p95"] })]
+	})]);
+	let l = r.costUsd ?? e.rollupCostUsd;
+	l !== void 0 && a.push(["Cost", u(e, l)]);
+	let d = e.counts;
+	if (d?.model && a.push(["Model calls", d.model.toLocaleString()]), d?.tool) {
+		let e = Object.entries(d.tools).sort(([e, t], [n, r]) => r - t || e.localeCompare(n)), t = e.length - Jt;
+		a.push(["Tool calls", /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [d.tool.toLocaleString(), /* @__PURE__ */ (0, Z.jsxs)("span", {
+			className: "fw-card-tools",
+			title: e.map(([e, t]) => `${e} ${t}`).join(", "),
+			children: [e.slice(0, t > 1 ? Jt : e.length).map(([e, t]) => /* @__PURE__ */ (0, Z.jsxs)("span", { children: [/* @__PURE__ */ (0, Z.jsx)("span", { children: e }), /* @__PURE__ */ (0, Z.jsx)("span", { children: t.toLocaleString() })] }, e)), t > 1 && /* @__PURE__ */ (0, Z.jsxs)("span", { children: [/* @__PURE__ */ (0, Z.jsxs)("span", { children: [t, " more tools"] }), /* @__PURE__ */ (0, Z.jsx)("span", { children: e.slice(Jt).reduce((e, [, t]) => e + t, 0).toLocaleString() })] })]
+		})] })]);
+	}
+	d?.failed && a.push(["Failures", Kt(d.failed, "failed step")]);
+	let f = r.marks?.filter((e) => e.kind === "restart").length ?? 0;
+	(d?.retried || f) && a.push(["Retries", [d?.retried ? Kt(d.retried, "step retried", "steps retried") : "", f ? Kt(f, "restart") : ""].filter(Boolean).join(" · ")]), n && e.hasChildren && a.push(["Steps", e.descendants.toLocaleString()]);
+	let p = (r.facts ?? []).map(({ label: e, value: t }) => [e, t]);
+	return [...new Map([...a, ...p].map((e) => [e[0].toLowerCase(), e])).values()];
+}
+function Xt({ rows: e }) {
+	return /* @__PURE__ */ (0, Z.jsx)("dl", {
+		className: "fw-card-table",
+		children: e.map(([e, t]) => /* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)("dt", { children: e }), /* @__PURE__ */ (0, Z.jsx)("dd", { children: t })] }, e))
+	});
+}
+function Zt({ id: e, row: t, agent: n, clockMs: r, left: a, top: o, pinned: s, onClose: c, renderIcon: u, compact: d }) {
+	let f = t.span, p = k(f, "Failure"), m = D(f.status ?? "unknown"), h = O(m), g = h.label, _ = n && n.id !== t.id ? n : void 0, v = {
+		id: e,
+		role: s ? "dialog" : "tooltip",
+		"aria-label": s ? `${f.name} details` : void 0,
+		style: {
+			left: a,
+			top: o,
+			"--fw-status": `var(${h.token})`
+		},
+		onKeyDown: (e) => {
+			e.key === "Escape" && (e.stopPropagation(), c());
+		}
+	}, y = s && /* @__PURE__ */ (0, Z.jsx)("button", {
+		type: "button",
+		className: "fw-icon-button fw-card-close",
+		"aria-label": "Close details",
+		onClick: c,
+		autoFocus: !0,
+		children: /* @__PURE__ */ (0, Z.jsx)(Lt, {})
+	});
+	if (d) {
+		let e = _ ?? t, n = e.span.outcome, a = e.outcomes ?? (n ? [n] : []), o = f.kind === "model" ? "Thinking" : Wt[f.kind], s = f.name && f.name.toLowerCase() !== o.toLowerCase() && f.name.toLowerCase() !== f.kind ? ` ${f.name}` : "", c = i(f) ? Math.max(f.endMs, r) : f.endMs, u = _ && f.endMs > f.startMs ? `${o}${s} · ${b(c - f.startMs)}${t.ok ? "" : " · failed"}` : void 0, d = !_ && f.output && f.output !== e.name ? f.output : void 0;
+		return /* @__PURE__ */ (0, Z.jsxs)("div", {
+			...v,
+			className: "fw-card fw-card-compact",
+			"data-tone": l(e.tone),
+			"data-outcome": n?.tone,
+			children: [
+				/* @__PURE__ */ (0, Z.jsxs)("div", {
+					className: "fw-card-agent",
+					children: [
+						a.length ? a.map((e) => /* @__PURE__ */ (0, Z.jsx)("span", {
+							className: "fw-agent-dot",
+							"data-tone": "0",
+							"data-outcome": e.tone,
+							"data-ring": e.ring || void 0,
+							"aria-hidden": !0
+						}, `${e.label}:${e.tone}:${e.ring}`)) : /* @__PURE__ */ (0, Z.jsx)("span", {
+							className: "fw-agent-dot",
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ (0, Z.jsx)("span", {
+							className: "fw-card-who",
+							children: Ut(e.name)
+						}),
+						n ? /* @__PURE__ */ (0, Z.jsx)("span", {
+							className: "fw-pill fw-pill-outcome",
+							"data-tone": "0",
+							"data-outcome": n.tone,
+							children: n.label
+						}) : /* @__PURE__ */ (0, Z.jsx)("span", {
+							className: `fw-pill fw-pill-${m}`,
+							children: g
+						}),
+						y
+					]
+				}),
+				/* @__PURE__ */ (0, Z.jsx)(Xt, { rows: Yt(e, r, !1).filter(([e]) => e.toLowerCase() !== "failure") }),
+				u && /* @__PURE__ */ (0, Z.jsx)("p", {
+					className: "fw-card-step",
+					children: u
+				}),
+				!t.ok && /* @__PURE__ */ (0, Z.jsx)("p", {
+					className: "fw-card-error",
+					children: p ? `Failure: ${p}` : f.output ? `Recorded output: ${f.output}` : "Failure detail not reported"
+				}),
+				d && t.ok && /* @__PURE__ */ (0, Z.jsx)("p", {
+					className: "fw-card-result",
+					children: d
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		...v,
+		className: "fw-card",
+		"data-tone": l(t.tone),
+		children: [
+			_ && /* @__PURE__ */ (0, Z.jsxs)("div", {
+				className: "fw-card-agent",
+				children: [/* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-agent-dot",
+					"data-tone": "0",
+					"data-outcome": _.span.outcome?.tone,
+					"data-ring": _.span.outcome?.ring || void 0,
+					"aria-hidden": !0
+				}), _.name]
+			}),
+			/* @__PURE__ */ (0, Z.jsxs)("div", {
+				className: "fw-card-head",
+				children: [
+					/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: "fw-icon-tile",
+						"aria-hidden": !0,
+						children: u?.(f) ?? /* @__PURE__ */ (0, Z.jsx)(kt, {
+							kind: f.kind,
+							name: f.name
+						})
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("div", {
+						className: "fw-card-name",
+						children: Ut(f.name)
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: `fw-pill fw-pill-${m}`,
+						children: g
+					}),
+					y
+				]
+			}),
+			/* @__PURE__ */ (0, Z.jsx)(Xt, { rows: Yt(t, r, !0) }),
+			!t.ok && !f.output && !p && /* @__PURE__ */ (0, Z.jsx)("p", {
+				className: "fw-card-error",
+				children: "Failure detail not reported"
+			}),
+			f.input && /* @__PURE__ */ (0, Z.jsxs)("div", {
+				className: "fw-card-text",
+				children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+					className: "fw-card-label",
+					children: "Input"
+				}), /* @__PURE__ */ (0, Z.jsx)("p", { children: f.input })]
+			}),
+			f.output && /* @__PURE__ */ (0, Z.jsxs)("div", {
+				className: "fw-card-text",
+				children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+					className: "fw-card-label",
+					children: t.ok ? "Output" : "Recorded output"
+				}), /* @__PURE__ */ (0, Z.jsx)("p", { children: f.output })]
+			})
+		]
+	});
+}
+var Qt = 0x9184e72a000, $t = (e, t) => ({
+	"--s": e,
+	"--e": Number.isFinite(t) ? t : Qt
+}), en = (e) => e.length * 7 + 8;
+function tn({ mark: e, events: t, agentView: n }) {
+	let r = e.kind === "failed" ? "fail" : e.retry ? "retry" : null, i = s(e) === "model", a = i ? void 0 : e.count === 1 ? e.name : e.tool, o = Number.isFinite(e.endMs) ? b(e.endMs - e.startMs) : "", c = [o, e.costUsd ? h(e.costUsd) : ""].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ (0, Z.jsxs)("span", {
+		className: `fw-seg fw-seg-${e.kind}${e.alt ? " fw-seg-alt" : ""}`,
+		"data-tone": l(e.tone),
+		"data-model": i || void 0,
+		style: $t(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: [r && /* @__PURE__ */ (0, Z.jsx)("span", {
+			className: "fw-glyph",
+			"data-glyph": r,
+			children: r === "fail" ? /* @__PURE__ */ (0, Z.jsx)(It, {}) : /* @__PURE__ */ (0, Z.jsx)(Ft, {})
+		}), n && /* @__PURE__ */ (0, Z.jsxs)("span", {
+			className: "fw-seg-label",
+			children: [
+				/* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-seg-icon",
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ (0, Z.jsx)(kt, {
+						kind: i ? "model" : "tool",
+						name: e.tool ?? e.name
+					})
+				}),
+				a && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-seg-name",
+					children: a
+				}),
+				e.count > 1 && a && /* @__PURE__ */ (0, Z.jsxs)("span", {
+					className: "fw-seg-chip",
+					children: ["×", e.count]
+				}),
+				o && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-seg-meta",
+					children: o
+				}),
+				e.costUsd ? /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-seg-meta",
+					children: h(e.costUsd)
+				}) : null
+			]
+		})]
+	});
+}
+var nn = (e, t) => i(e.span) || e.span.startMs <= t && t < e.span.endMs;
+function rn(e, t) {
+	let n = e.span;
+	return e.durationLabel === "—" ? "—" : e.approx && n.endMs === n.startMs && !i(n) ? u(e, n.costUsd) : [k(n, "Ran for") ?? (!i(n) && t < n.endMs ? `${b(Math.max(0, t - n.startMs))}${e.approx ? "~" : ""}` : i(n) ? `${b(Math.max(n.endMs, t) - n.startMs)}${e.approx ? "~" : ""}` : e.durationLabel), !i(n) && t < n.endMs && k(n, "Cost") === void 0 ? "" : u(e, n.costUsd ?? e.rollupCostUsd)].filter(Boolean).join(" · ");
+}
+var an = (0, Q.memo)(function(e) {
+	let { row: t, view: n, top: r, collapsed: a, searching: o, slowest: s, costliest: c, critical: u, matched: d, active: f, focusable: p, selected: m, sticky: h, clockMs: _, renderIcon: v, fillByAgent: y, motion: x } = e, S = t.span, C = D(S.status ?? "unknown"), E = O(C), k = i(S), A = n === "agents", j = t.hasChildren && a && !o, M = t.durationLabel === "—", N = t.kind === "pipeline", P = t.ok ? t.kind : "failed", F = N || t.hasChildren || t.id.startsWith("run:") ? j && !A ? t.segments : t.own : [], I = rn(t, _), L = g(t, _), ee = [...S.detail && S.detail !== e.sharedDetail ? [S.detail] : [], ...w(t).filter((t) => t !== e.sharedOutcome && (C === "unknown" || t !== E.label))], te = (n) => e.onInspect(t.id, n.currentTarget, n.clientX), R = A && t.id.startsWith("family:"), z = A && t.stepOf !== void 0, ne = R || A && N && t.own.length > 0, B = t.outcomes ?? (S.outcome ? [S.outcome] : []), V = N && !R && C === "failed" && Number.isFinite(S.endMs) && S.endMs <= _, H = (s || c) && /* @__PURE__ */ (0, Z.jsx)("span", {
+		className: "fw-badge",
+		title: c ? `${s ? "Longest elapsed; " : ""}highest reported cost among priced leaf agents` : A ? "Longest elapsed leaf agent" : "Longest elapsed leaf step",
+		children: s ? A ? c ? "Longest · costliest leaf" : "Longest leaf" : "Longest step" : "Costliest leaf"
+	});
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		role: "row",
+		"data-span-id": t.id,
+		"data-span-kind": P,
+		"data-slowest": s || void 0,
+		"data-critical": u || void 0,
+		"data-search": o ? d ? "match" : "context" : void 0,
+		"data-running": k || void 0,
+		"data-activity": L.quiet ? "quiet" : void 0,
+		"aria-level": A ? void 0 : t.depth + 1,
+		"aria-expanded": t.hasChildren && !A ? !j : void 0,
+		"aria-selected": m,
+		tabIndex: p ? 0 : -1,
+		"data-tone": l(t.tone),
+		"data-outcome": y ? void 0 : S.outcome?.tone,
+		className: `fw-row${f ? " fw-active" : ""}${h ? " fw-sticky-row" : ""}${N ? " fw-agent-row" : ""}${z ? " fw-step" : ""}${x?.enter === void 0 ? "" : " fw-enter"}${x?.settle ? " fw-settle" : ""}`,
+		style: {
+			"--row-y": `${r}px`,
+			"--fw-enter-delay": `${x?.enter ?? 0}ms`,
+			"--fw-end-w": `${en(I) + (V ? 20 : 0)}px`
+		},
+		onFocus: (n) => {
+			n.target === n.currentTarget && e.onActivate(t);
+		},
+		onClick: (n) => {
+			if (e.onActivate(t), R) {
+				e.onToggle(t);
+				return;
+			}
+			let r = A ? 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, Z.jsxs)("div", {
+			role: "gridcell",
+			className: "fw-label",
+			style: { "--depth": A ? t.inset ?? 0 : t.depth },
+			children: [
+				ne && /* @__PURE__ */ (0, Z.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, Z.jsx)(At, {})
+				}),
+				!A && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-guides",
+					"aria-hidden": !0
+				}),
+				!A && (t.hasChildren ? /* @__PURE__ */ (0, Z.jsx)("button", {
+					type: "button",
+					tabIndex: -1,
+					className: `fw-toggle${j ? "" : " fw-open"}`,
+					disabled: o,
+					"aria-label": `${j ? "Expand" : "Collapse"} ${t.name}`,
+					"aria-expanded": !j,
+					onClick: (n) => {
+						n.stopPropagation(), e.onToggle(t);
+					},
+					children: /* @__PURE__ */ (0, Z.jsx)(At, {})
+				}) : /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-toggle-space",
+					"aria-hidden": !0
+				})),
+				A && !ne && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-toggle-space",
+					"aria-hidden": !0
+				}),
+				(!A || z) && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-icon-tile",
+					"aria-hidden": !0,
+					children: v?.(S) ?? /* @__PURE__ */ (0, Z.jsx)(kt, {
+						kind: S.kind,
+						name: S.name
+					})
+				}),
+				/* @__PURE__ */ (0, Z.jsxs)("span", {
+					className: "fw-names",
+					title: `${t.name}${S.detail ? ` · ${S.detail}` : ""} · ${Wt[S.kind]}${k ? " · running" : ""}${t.ok ? "" : " · failed"}`,
+					children: [/* @__PURE__ */ (0, Z.jsxs)("span", {
+						className: `fw-span-name${N || t.hasChildren ? " fw-strong" : ""}`,
+						children: [
+							(N || A && !z) && B.length ? B.map((e) => /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-agent-dot",
+								"data-tone": "0",
+								"data-outcome": e.tone,
+								"data-ring": e.ring || void 0,
+								"data-motion": e.tone === "live" && !L.quiet ? "essential" : void 0,
+								title: e.label,
+								"aria-hidden": !0
+							}, `${e.label}:${e.tone}:${e.ring}`)) : A && !z && /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-agent-dot",
+								"aria-hidden": !0
+							}),
+							k && !((N || A && !z) && B.length) && /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-spinner",
+								"data-motion": L.quiet ? void 0 : "essential",
+								role: "status",
+								"aria-label": "running"
+							}),
+							/* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-name-text",
+								children: t.name
+							}),
+							!A && H,
+							C !== "unknown" && !L.quiet && /* @__PURE__ */ (0, Z.jsxs)("span", {
+								className: "fw-row-state",
+								style: { color: `var(${E.token})` },
+								children: [C !== "running" && /* @__PURE__ */ (0, Z.jsx)(T, {
+									status: C,
+									size: 16,
+									"aria-hidden": !0
+								}), E.label]
+							}),
+							L.quiet && /* @__PURE__ */ (0, Z.jsxs)("span", {
+								className: "fw-quiet",
+								title: "Running; no recorded activity during this interval",
+								"aria-label": `Running; Quiet ${b(L.quietMs)} since last recorded activity`,
+								children: ["Quiet ", b(L.quietMs)]
+							})
+						]
+					}), A && /* @__PURE__ */ (0, Z.jsxs)("span", {
+						className: "fw-subtitle",
+						children: [v && /* @__PURE__ */ (0, Z.jsx)("span", {
+							className: "fw-detail-icon",
+							"aria-hidden": !0,
+							children: v(S)
+						}), /* @__PURE__ */ (0, Z.jsxs)("span", {
+							className: "fw-subtitle-tail",
+							children: [
+								H,
+								/* @__PURE__ */ (0, Z.jsx)("span", {
+									className: "fw-subtitle-text",
+									children: ee[0]
+								}),
+								ee.slice(1).map((e) => /* @__PURE__ */ (0, Z.jsxs)("span", {
+									className: "fw-subtitle-extra",
+									children: ["· ", e]
+								}, e))
+							]
+						})]
+					})]
+				}),
+				j && /* @__PURE__ */ (0, Z.jsxs)("span", {
+					className: "fw-count",
+					"aria-label": `${t.descendants} hidden steps`,
+					children: ["+", t.descendants]
+				}),
+				!t.ok && !A && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-alert",
+					children: /* @__PURE__ */ (0, Z.jsx)(zt, { label: "failed" })
+				})
+			]
+		}), /* @__PURE__ */ (0, Z.jsx)("div", {
+			role: "gridcell",
+			className: "fw-lane",
+			"data-waterfall-track": !0,
+			"aria-label": `${Wt[S.kind]}, ${I}${s ? `, longest leaf ${A ? "agent" : "step"}` : ""}${c ? ", highest reported leaf-agent cost" : ""}${u ? ", critical path" : ""}`,
+			children: M ? /* @__PURE__ */ (0, Z.jsx)("span", {
+				className: "fw-invalid",
+				children: "—"
+			}) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
+				S.marks?.map((e) => /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-mark",
+					"data-mark": e.kind,
+					style: $t(e.at, e.at),
+					title: e.label,
+					"aria-label": e.label,
+					role: "img"
+				}, `m-${e.at}-${e.label}`)),
+				/* @__PURE__ */ (0, Z.jsxs)("span", {
+					className: `fw-bar fw-k-${N ? "pipeline" : P}${t.approx ? " fw-approx" : ""}${F.length ? " fw-has-marks" : ""}${t.hasAgents ? " fw-has-agents" : ""}`,
+					"data-tone": l(t.tone),
+					style: $t(S.startMs, k ? Qt : S.endMs),
+					onPointerEnter: te,
+					onPointerLeave: e.onLeave,
+					onClick: (n) => {
+						n.stopPropagation(), R ? e.onToggle(t) : e.onPin(t.id, n.currentTarget, n.clientX);
+					},
+					children: [!N && !t.ok && /* @__PURE__ */ (0, Z.jsx)("span", {
+						className: "fw-glyph",
+						children: /* @__PURE__ */ (0, Z.jsx)(It, {})
+					}), !N && t.ok && t.retry && /* @__PURE__ */ (0, Z.jsx)("span", {
+						className: "fw-glyph",
+						children: /* @__PURE__ */ (0, Z.jsx)(Ft, {})
+					})]
+				}),
+				L.quiet && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-quiet-tail",
+					style: $t(L.last, 0x9184e72a000),
+					"aria-label": `Quiet ${b(L.quietMs)}`
+				}),
+				F.map((t, n) => /* @__PURE__ */ (0, Z.jsx)(tn, {
+					mark: t,
+					events: e,
+					agentView: A
+				}, `${t.id}-${n}`)),
+				/* @__PURE__ */ (0, Z.jsxs)("span", {
+					className: "fw-end",
+					style: $t(S.startMs, k ? Qt : S.endMs),
+					children: [V && /* @__PURE__ */ (0, Z.jsx)("span", {
+						className: "fw-outcome-end",
+						title: "Recorded end of failed agent; failure instant not reported",
+						children: /* @__PURE__ */ (0, Z.jsx)(T, {
+							status: "failed",
+							size: 12
+						})
+					}), /* @__PURE__ */ (0, Z.jsx)("span", {
+						className: "fw-duration",
+						title: I,
+						children: I
+					})]
+				})
+			] })
+		})]
+	});
+}, (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 || !nn(e.row, e.clockMs) && !nn(t.row, t.clockMs)));
+function on({ link: e, rowHeight: t, hot: n, short: r }) {
+	let i = Math.max(e.from, e.to), a = r ? Math.max(Math.min(e.from, e.to), i - 1) : Math.min(e.from, e.to), o = {
+		...$t(e.atMs, e.atMs),
+		top: a * t + t / 2 + 5,
+		height: (i - a) * t - 5
+	};
+	return /* @__PURE__ */ (0, Z.jsx)("span", {
+		className: `fw-link fw-link-${e.dir}${n ? " fw-link-hot" : ""}`,
+		"data-tone": l(e.tone),
+		style: o,
+		"aria-hidden": !0
+	});
+}
+var sn = (e, t) => {
+	let n = e?.getPropertyValue(t).trim() ?? "";
+	return (parseFloat(n) || 0) * (n.endsWith("ms") ? 1 : 1e3);
+};
+function cn(e, t) {
+	let n = t ? getComputedStyle(t) : void 0, r = sn(n, "--duration-arrive") + sn(n, "--duration-stream"), a = sn(n, "--stagger-step"), o = a * 4, s = (0, Q.useRef)(null), c = (0, Q.useRef)(/* @__PURE__ */ new Set()), l = (0, Q.useRef)(/* @__PURE__ */ new Map()), [u, d] = (0, Q.useState)(0), f = (0, Q.useMemo)(() => {
+		let t = Date.now();
+		for (let [e, n] of l.current) n.until <= t && l.current.delete(e);
+		let n = s.current, u = 0;
+		for (let s of e) {
+			let e = i(s.span);
+			!n || !n.has(s.id) ? l.current.set(s.id, {
+				enter: Math.min(u++ * a, o),
+				until: t + r + o
+			}) : c.current.has(s.id) && !e && l.current.set(s.id, {
+				settle: !0,
+				until: t + r
+			});
+		}
+		return s.current = new Set(e.map((e) => e.id)), c.current = new Set(e.filter((e) => i(e.span)).map((e) => e.id)), new Map(l.current);
+	}, [
+		e,
+		u,
+		t
+	]);
+	return (0, Q.useEffect)(() => {
+		if (f.size === 0) return;
+		let e = setTimeout(() => d((e) => e + 1), r + o);
+		return () => clearTimeout(e);
+	}, [
+		f,
+		r,
+		o
+	]), f;
+}
+var ln = [
+	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 un(e, t = 72) {
+	let n = e * t;
+	return ln.find((e) => e >= n) ?? Math.ceil(n / 864e5) * 864e5;
+}
+function dn(e, t, n, r = 72) {
+	if (!(n > 0) || !(t > e)) return [0];
+	let i = un((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 fn(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 pn(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 mn({
+		startMs: n - o * a,
+		endMs: n - o * a + a
+	}, r);
+}
+function mn(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 hn = {
+	spans: 36,
+	agents: 40,
+	graph: 40
+}, gn = 8, _n = 4, vn = 3;
+function yn(e, t, n) {
+	let r = new Map(e.map((e, t) => [e.id, t])), a = (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;
+		}
+	}, o = [], s = /* @__PURE__ */ new Set();
+	for (let t of e) {
+		let n = t.span.handoffTo === void 0 ? void 0 : r.get(t.span.handoffTo), i = t.kind === "pipeline" ? r.get(t.id) : a(t);
+		n !== void 0 && i !== void 0 && n !== i && (s.add(e[n].id), o.push({
+			id: `h-${t.id}`,
+			from: i,
+			to: n,
+			atMs: t.span.startMs,
+			tone: e[n].tone,
+			dir: n > i ? "down" : "up"
+		}));
+	}
+	for (let [t, r] of e.entries()) {
+		if (r.kind !== "pipeline" || r.parentId === void 0) continue;
+		let e = a(r);
+		e !== void 0 && (s.has(r.id) || o.push({
+			id: `s-${r.id}`,
+			from: e,
+			to: t,
+			atMs: r.span.startMs,
+			tone: r.tone,
+			dir: "down"
+		}), n === "agents" && !i(r.span) && Number.isFinite(r.span.endMs) && o.push({
+			id: `r-${r.id}`,
+			from: t,
+			to: e,
+			atMs: r.span.endMs,
+			tone: r.tone,
+			dir: "up"
+		}));
+	}
+	return o;
+}
+function bn(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, h] = (0, Q.useState)(!1), g = m ? 52 : hn[n], _ = (0, Q.useRef)(null), v = (0, Q.useRef)(null);
+	(0, Q.useEffect)(() => {
+		if (!v.current) return;
+		let e = new ResizeObserver(([e]) => h(e.contentRect.width < 600));
+		return e.observe(v.current), () => e.disconnect();
+	}, []);
+	let [y, b] = (0, Q.useState)(0), [x, S] = (0, Q.useState)(r), C = (0, Q.useRef)(e);
+	C.current = e;
+	let w = (0, Q.useRef)(0);
+	e.holdHeight || (w.current = 0);
+	let T = w.current = Math.max(w.current, Math.min(r, Math.max(t.length, 1) * g)), E = (0, Q.useMemo)(() => yn(t, e.byId, n), [
+		t,
+		e.byId,
+		n
+	]), D = (0, Q.useMemo)(() => a ? A(t, e.query, e.matchSpan) : void 0, [
+		a,
+		t,
+		e.query,
+		e.matchSpan
+	]), O = (0, Q.useMemo)(() => new Map(t.map((e, t) => [e.id, t])), [t]), k = cn(t, v.current), [j, M] = (0, Q.useState)(), N = (u.endMs - u.startMs) / Math.max(1, d), P = u.startMs + (d + (n === "spans" ? 72 : 0)) * N, F = m ? Array.from({ length: 4 }, (e, t) => u.startMs + (u.endMs - u.startMs) * t / 3) : dn(u.startMs, P, Math.max(1, d + (n === "spans" ? 72 : 0))), I = (0, Q.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) / N, 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,
+		N,
+		d,
+		n
+	]);
+	(0, Q.useEffect)(() => {
+		let e = _.current;
+		if (!e) return;
+		let t = new ResizeObserver(() => S(e.clientHeight));
+		return t.observe(e), () => t.disconnect();
+	}, []), (0, Q.useEffect)(() => {
+		let e = v.current;
+		if (!e) return;
+		let t = (t) => {
+			let { window: n, trackPx: r, zoomed: i } = C.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;
+				C.current.onZoom(Math.exp(t.deltaY * .0025), e);
+			} else i && (t.shiftKey || Math.abs(t.deltaX) > Math.abs(t.deltaY)) && (t.preventDefault(), C.current.onPan((t.shiftKey ? t.deltaY : t.deltaX) * s));
+		};
+		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
+	}, []);
+	let L = Math.max(0, y * _n - gn), ee = Math.min(t.length, y * _n + Math.ceil(x / g) + _n + gn), te = (e, r) => {
+		let i = (n === "spans" ? Math.min(vn, t[e].depth) : 0) * g;
+		e * g - i < r.scrollTop ? r.scrollTop = Math.max(0, e * g - i) : (e + 1) * g > r.scrollTop + r.clientHeight && (r.scrollTop = (e + 1) * g - r.clientHeight);
+	}, R = (0, Q.useRef)(void 0);
+	(0, Q.useEffect)(() => {
+		if (!c || c === R.current) return;
+		let e = O.get(c);
+		e !== void 0 && _.current && (R.current = c, te(e, _.current));
+	});
+	let z = (t) => {
+		let n = O.get(t), r = _.current;
+		n !== void 0 && r && (te(n, r), e.onActiveChange(t), requestAnimationFrame(() => r.querySelector(`.fw-canvas [data-span-id="${CSS.escape(t)}"]`)?.focus({ preventScroll: !0 })));
+	}, ne = (r) => {
+		let o = O.get(s ?? "") ?? 0, c = t[o];
+		if (!c) return;
+		let l = Math.max(1, Math.floor(x / g) - 1), u = (e) => {
+			r.preventDefault(), z(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 && O.has(c.parentId) && u(O.get(c.parentId));
+				return;
+			case "Enter":
+			case " ": {
+				r.preventDefault();
+				let t = _.current?.querySelector(`[data-span-id="${CSS.escape(c.id)}"] .fw-bar`);
+				t && e.onPin(c.id, t);
+			}
+		}
+	}, B = /* @__PURE__ */ (0, Z.jsxs)("div", {
+		className: "fw-axis fw-axis-top",
+		children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+			className: "fw-axis-label",
+			children: [n === "spans" && /* @__PURE__ */ (0, Z.jsx)(Z.Fragment, { children: e.onExpandAll && /* @__PURE__ */ (0, Z.jsxs)("span", {
+				className: "fw-branch-controls",
+				children: [/* @__PURE__ */ (0, Z.jsx)("button", {
+					type: "button",
+					className: "fw-text-button",
+					onClick: e.onExpandAll,
+					children: "Expand all"
+				}), /* @__PURE__ */ (0, Z.jsx)("button", {
+					type: "button",
+					className: "fw-text-button",
+					onClick: e.onCollapseAll,
+					children: "Collapse all"
+				})]
+			}) }), /* @__PURE__ */ (0, Z.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, Z.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: [
+				F.map((e) => /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-tick",
+					style: { "--s": e },
+					children: fn(e)
+				}, e)),
+				e.markers?.map((t) => /* @__PURE__ */ (0, Z.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": j === t,
+					onPointerDown: (e) => e.stopPropagation(),
+					onClick: () => {
+						if (j === t) {
+							M(void 0);
+							return;
+						}
+						M(t), e.onScrub(t.at);
+					}
+				}, `e-${t.at}-${t.label}`)),
+				e.pauses?.map((e) => {
+					let t = `${e.label} ${_e(e.endMs - e.startMs)}${e.detail ? `: ${e.detail}` : ""}`;
+					return /* @__PURE__ */ (0, Z.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}`);
+				}),
+				j && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-event-label",
+					"data-tone": j.tone ?? "neutral",
+					style: { "--s": j.at },
+					children: j.label
+				}),
+				f && /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-cursor-handle",
+					"aria-hidden": !0
+				})
+			]
+		})]
+	}), V = (t, r, u = !1) => /* @__PURE__ */ (0, Z.jsx)(an, {
+		row: t,
+		view: n,
+		top: r * g,
+		collapsed: i.has(t.id),
+		searching: a,
+		slowest: t.id === o,
+		costliest: t.id === e.costliestId,
+		critical: e.criticalIds?.has(t.id),
+		matched: D?.has(t.id),
+		active: t.id === s,
+		focusable: !u && (t.id === s || (s === void 0 || !O.has(s)) && r === 0),
+		selected: t.id === c,
+		sticky: u,
+		motion: u ? void 0 : k.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, Z.jsxs)("div", {
+		className: `fw-body fw-view-${n}${p ? " fw-zoomed" : ""}`,
+		ref: v,
+		children: [
+			B,
+			!!e.errorEnds?.length && /* @__PURE__ */ (0, Z.jsx)("div", {
+				className: "fw-error-rug",
+				"aria-label": `${e.errorEnds.length} errors`,
+				children: e.errorEnds.map((e, t) => /* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-error-tick",
+					"data-unlocated": e === void 0 || void 0,
+					style: {
+						"--s": e,
+						"--error-index": t
+					},
+					title: e === void 0 ? "Error time not reported" : `Recorded end of failed span at ${fn(e)}; failure instant not reported`
+				}, t))
+			}),
+			/* @__PURE__ */ (0, Z.jsxs)("div", {
+				className: "fw-viewport",
+				children: [
+					/* @__PURE__ */ (0, Z.jsxs)("div", {
+						className: "fw-gridlayer",
+						"aria-hidden": !0,
+						children: [
+							e.pauses?.map((e) => /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-pause",
+								style: {
+									"--s": e.startMs,
+									"--e": e.endMs
+								}
+							}, `p-${e.startMs}`)),
+							F.map((e) => /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-gridline",
+								style: { "--s": e }
+							}, e)),
+							e.markers?.map((e) => /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-marker-line",
+								"data-tone": e.tone ?? "neutral",
+								style: { "--s": e.at }
+							}, `l-${e.at}-${e.label}`))
+						]
+					}),
+					/* @__PURE__ */ (0, Z.jsxs)("div", {
+						ref: _,
+						role: "treegrid",
+						"aria-label": "Trace timeline",
+						"aria-rowcount": t.length,
+						"aria-multiselectable": !1,
+						tabIndex: -1,
+						className: "fw-scroller",
+						"data-primary-content": "",
+						style: {
+							height: T,
+							maxHeight: r
+						},
+						onKeyDown: ne,
+						onScroll: (e) => {
+							let t = Math.floor(e.currentTarget.scrollTop / g / _n);
+							t !== y && b(t);
+						},
+						children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+							className: "fw-canvas",
+							style: { height: t.length * g },
+							children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+								className: "fw-links",
+								"aria-hidden": !0,
+								children: E.filter((e) => Math.max(e.from, e.to) >= L && Math.min(e.from, e.to) <= ee).map((r) => {
+									let i = e.focusId !== void 0 && (t[r.from]?.id === e.focusId || t[r.to]?.id === e.focusId);
+									return n === "agents" && !i && r.id.startsWith("r-") ? null : /* @__PURE__ */ (0, Z.jsx)(on, {
+										link: r,
+										rowHeight: g,
+										hot: i,
+										short: n === "agents" && !i
+									}, r.id);
+								})
+							}), t.slice(L, ee).map((e, t) => V(e, L + t))]
+						}), t.length === 0 && /* @__PURE__ */ (0, Z.jsx)("p", {
+							role: "status",
+							className: "fw-empty",
+							children: e.emptyText
+						})]
+					}),
+					n === "spans" && /* @__PURE__ */ (0, Z.jsx)(xn, {
+						scroller: _,
+						rows: t,
+						index: O,
+						rowHeight: g,
+						render: V
+					}),
+					e.markers?.length ? /* @__PURE__ */ (0, Z.jsx)("div", {
+						className: "fw-marker-layer",
+						children: e.markers.map((e) => /* @__PURE__ */ (0, Z.jsx)("span", {
+							className: "fw-marker",
+							"data-tone": e.tone ?? "neutral",
+							style: { "--s": e.at },
+							title: e.label,
+							children: I.has(e) && /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: `fw-marker-label${I.get(e) === "left" ? " fw-marker-label-left" : ""}`,
+								children: e.label
+							})
+						}, `${e.at}-${e.label}`))
+					}) : null,
+					f && e.cursorLine !== !1 && /* @__PURE__ */ (0, Z.jsx)("div", {
+						className: "fw-cursor-layer",
+						"aria-hidden": !0,
+						children: /* @__PURE__ */ (0, Z.jsx)("span", { className: "fw-cursor fw-now" })
+					})
+				]
+			})
+		]
+	});
+}
+function xn({ scroller: e, rows: t, index: n, rowHeight: r, render: i }) {
+	let [a, o] = (0, Q.useState)(0);
+	(0, Q.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, Z.jsx)("div", {
+		className: "fw-sticky",
+		style: { height: s.length * r },
+		children: s.map((e, t) => i(e, t, !0))
+	}) : null;
+}
+var Sn = 100;
+function Cn(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, Q.useState)(u ?? i), g = (0, Q.useRef)(Date.now()), _ = (0, Q.useRef)(u ?? i), v = (0, Q.useRef)({}), y = (0, Q.useRef)(e);
+	y.current = e, (0, Q.useEffect)(() => {
+		g.current = Date.now();
+	}, [s]);
+	let x = () => {
+		let { observedTotal: e, startedAt: t, live: n } = y.current;
+		return n ? Math.max(e, t === void 0 ? e + Date.now() - g.current : Date.now() - t) : e;
+	}, S = (e, i = x()) => {
+		let a = t.current;
+		if (!a) return;
+		let { startMs: o, endMs: s } = y.current.view(e), c = Math.max(1e-9, y.current.trackPx / Math.max(1, s - o)), l = y.current.live && !y.current.playing && y.current.position === null;
+		for (let [t, n, r] of [
+			[
+				"--fw-t",
+				e,
+				c
+			],
+			[
+				"--fw-v0",
+				o,
+				c
+			],
+			[
+				"--fw-k",
+				c,
+				s - o
+			]
+		]) {
+			let e = Math.abs(n - (v.current[t] ?? NaN)) * r;
+			l && Number.isFinite(e) && e < .25 || (a.style.setProperty(t, String(n)), v.current[t] = n);
+		}
+		n.current && (n.current.max = String(Math.max(1, i, e)), n.current.value = String(e)), r.current && (r.current.textContent = b(e));
+	};
+	return (0, Q.useLayoutEffect)(() => {
+		if (u !== null && (_.current = u), !a && !c) {
+			let e = u ?? i;
+			S(e), h(e);
+			return;
+		}
+		S(c ? _.current : u ?? x());
+		let e = 0, t = performance.now(), n = 0, r = (i) => {
+			let a = i - t;
+			t = i;
+			let o, s = x();
+			if (c) {
+				if (_.current = Math.min(s, _.current + a * y.current.speed), o = _.current, o >= s && !y.current.live) {
+					S(o, s), h(o), y.current.onPlaybackEnd(o);
+					return;
+				}
+			} else o = y.current.position ?? s;
+			S(o, s), i - n >= Sn && (n = i, h(o)), e = requestAnimationFrame(r);
+		};
+		return e = requestAnimationFrame(r), () => cancelAnimationFrame(e);
+	}, [
+		a,
+		c,
+		u,
+		i,
+		s,
+		f,
+		p
+	]), {
+		clockMs: m,
+		limitMs: x,
+		positionMs: () => _.current
+	};
+}
+var wn = [
+	.5,
+	1,
+	1.5,
+	2,
+	4
+];
+function Tn({ view: e, playing: t, limit: n, clockMs: r, speed: i, zoom: a, marks: o, slider: s, timeOutput: c, followLabel: u, onTogglePlay: d, onRestart: f, onSpeed: p, onScrub: m, onFollow: h, onZoom: g, onFit: _ }) {
+	return /* @__PURE__ */ (0, Z.jsxs)("footer", {
+		className: "fw-playback",
+		children: [
+			/* @__PURE__ */ (0, Z.jsx)("button", {
+				type: "button",
+				className: "fw-round-button",
+				"aria-label": t ? "Pause" : "Play",
+				disabled: n === 0,
+				onClick: d,
+				children: t ? /* @__PURE__ */ (0, Z.jsx)(Nt, {}) : /* @__PURE__ */ (0, Z.jsx)(Mt, {})
+			}),
+			/* @__PURE__ */ (0, Z.jsx)("button", {
+				type: "button",
+				className: "fw-icon-button",
+				"aria-label": "Restart",
+				title: "Replay from the start",
+				disabled: n === 0,
+				onClick: f,
+				children: /* @__PURE__ */ (0, Z.jsx)(Pt, {})
+			}),
+			e === "agents" ? /* @__PURE__ */ (0, Z.jsx)("div", {
+				className: "fw-segmented",
+				role: "radiogroup",
+				"aria-label": "Playback speed",
+				children: [
+					1,
+					2,
+					4
+				].map((e) => /* @__PURE__ */ (0, Z.jsxs)("button", {
+					type: "button",
+					role: "radio",
+					"aria-checked": i === e,
+					onClick: () => p(e),
+					children: [e, "x"]
+				}, e))
+			}) : /* @__PURE__ */ (0, Z.jsxs)("label", {
+				className: "fw-speed",
+				children: [/* @__PURE__ */ (0, Z.jsx)("span", {
+					className: "fw-sr-only",
+					children: "Playback speed"
+				}), /* @__PURE__ */ (0, Z.jsx)("select", {
+					"aria-label": "Playback speed",
+					value: i,
+					onChange: (e) => p(Number(e.target.value)),
+					children: wn.map((e) => /* @__PURE__ */ (0, Z.jsxs)("option", {
+						value: e,
+						children: [e, "x"]
+					}, e))
+				})]
+			}),
+			/* @__PURE__ */ (0, Z.jsxs)("div", {
+				className: "fw-overview",
+				style: { "--fw-progress": `${r / Math.max(1, n) * 100}%` },
+				children: [
+					/* @__PURE__ */ (0, Z.jsxs)("div", {
+						className: "fw-overview-marks",
+						"aria-hidden": !0,
+						children: [e !== "agents" && o.map((e, t) => /* @__PURE__ */ (0, Z.jsx)("span", {
+							className: `fw-ov fw-seg-${e.kind}`,
+							"data-tone": l(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)), e !== "agents" && a && /* @__PURE__ */ (0, Z.jsx)("span", {
+							className: "fw-brush",
+							style: {
+								left: `${a.startMs / n * 100}%`,
+								width: `${(a.endMs - a.startMs) / n * 100}%`
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, Z.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",
+						onChange: (e) => m(Number(e.target.value))
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("output", {
+						ref: c,
+						className: "fw-time",
+						"aria-label": "Playback time",
+						children: b(r)
+					})
+				]
+			}),
+			u && /* @__PURE__ */ (0, Z.jsx)("button", {
+				type: "button",
+				className: "fw-text-button",
+				onClick: h,
+				children: u
+			}),
+			/* @__PURE__ */ (0, Z.jsxs)("div", {
+				className: "fw-zoom",
+				role: "group",
+				"aria-label": "Zoom",
+				children: [
+					/* @__PURE__ */ (0, Z.jsx)("button", {
+						type: "button",
+						className: "fw-icon-button",
+						"aria-label": "Zoom out",
+						disabled: !a,
+						onClick: () => g(2),
+						children: /* @__PURE__ */ (0, Z.jsx)(Vt, {})
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("button", {
+						type: "button",
+						className: "fw-icon-button",
+						"aria-label": "Zoom in",
+						disabled: n === 0,
+						onClick: () => g(.5),
+						children: /* @__PURE__ */ (0, Z.jsx)(Bt, {})
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("button", {
+						type: "button",
+						className: "fw-icon-button",
+						"aria-label": "Fit the whole trace",
+						disabled: !a,
+						onClick: _,
+						children: /* @__PURE__ */ (0, Z.jsx)(Ht, {})
+					})
+				]
+			})
+		]
+	});
+}
+var En = 12, Dn = 20, On = 12, kn = {
+	spans: 120,
+	agents: 176,
+	graph: 176
+}, An = {
+	spans: 320,
+	agents: 240,
+	graph: 240
+};
+function jn(e, t, n) {
+	let [r, i] = (0, Q.useState)(n), a = e === void 0 ? r : e, o = (0, Q.useRef)(a);
+	o.current = a;
+	let s = (0, Q.useRef)(t);
+	s.current = t;
+	let c = e !== void 0;
+	return [a, (0, Q.useCallback)((e) => {
+		let t = typeof e == "function" ? e(o.current) : e;
+		o.current = t, c || i(t), s.current?.(t);
+	}, [c])];
+}
+var Mn = 320;
+function Nn(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 Pn(e, t, n) {
+	let i = S(t ? t.costUsd : e.costUsd, e), a = t ? t.tokens : r([e.promptTokens, e.completionTokens]), o = v(t ? t.modelCalls : e.modelCalls), s = v(t ? t.toolCalls : e.toolCalls), l = e.spans.filter((e) => c(e) && e.kind !== "pipeline").length || e.spans.filter(c).length, u = t ? t.errors : e.errors === void 0 ? l || void 0 : v(e.errors);
+	return {
+		cost: i,
+		tokens: a,
+		errors: u,
+		summary: [
+			["Duration", b(n)],
+			[
+				i.label,
+				i.value,
+				i.title
+			],
+			[
+				"Tokens",
+				a === void 0 ? "—" : C(a),
+				a === void 0 ? "Tokens not reported" : `${a.toLocaleString()} tokens`
+			],
+			[
+				"Model calls",
+				o === void 0 ? "—" : o.toLocaleString(),
+				o === void 0 ? "Model calls not reported" : t ? "Reported trace total" : void 0
+			],
+			[
+				"Tool calls",
+				s?.toLocaleString() ?? "—",
+				s === void 0 ? "Tool calls not reported" : t ? "Reported trace total" : void 0
+			],
+			[
+				"Errors",
+				u?.toLocaleString() ?? "—",
+				u === void 0 ? "Errors not reported" : t ? "Reported trace total" : void 0
+			]
+		]
+	};
+}
+var Fn = [
+	"failed",
+	"warn",
+	"live",
+	"neutral",
+	"ok"
+];
+function In({ rows: e, fill: t }) {
+	let n = (t) => e.some((e) => e.own.some((e) => s(e) === t) || e.span.kind === t), r = [
+		["model", "Model call"],
+		["tool", "Tool call"],
+		["waiting", "Waiting / untraced"],
+		["handoff", "Handoff"]
+	].filter(([t]) => t === "waiting" ? e.some((e) => e.kind === "pipeline") : t === "handoff" ? e.some((e) => e.span.handoffTo || e.hasAgents) : n(t));
+	return r.length === 0 ? null : /* @__PURE__ */ (0, Z.jsx)("ul", {
+		className: "fw-legend fw-kinds",
+		"aria-label": "Key",
+		children: r.map(([n, r]) => {
+			let i = e.flatMap((e) => e.own.flatMap((t) => s(t) === n ? [{
+				owner: e,
+				mark: t
+			}] : [])), a = i.find(({ mark: e }) => l(e.tone) > 0) ?? i[0];
+			return /* @__PURE__ */ (0, Z.jsxs)("li", {
+				"data-tone": t === "agent" ? l(a?.mark.tone ?? 0) : void 0,
+				"data-example": a?.owner.id,
+				children: [/* @__PURE__ */ (0, Z.jsx)("span", {
+					className: `fw-swatch-${n === "waiting" ? "wait" : n}`,
+					"aria-hidden": !0
+				}), r]
+			}, n);
+		})
+	});
+}
+function Ln({ markers: e }) {
+	if (!e?.length) return null;
+	let t = [...new Set(e.map((e) => e.kind ?? "event"))], n = t.length === 1 ? `${t[0][0].toUpperCase()}${t[0].slice(1)}` : "Event";
+	return /* @__PURE__ */ (0, Z.jsx)("ul", {
+		className: "fw-legend fw-kinds",
+		"aria-label": "Markers",
+		children: /* @__PURE__ */ (0, Z.jsxs)("li", { children: [
+			/* @__PURE__ */ (0, Z.jsx)("span", {
+				className: "fw-swatch-event",
+				"aria-hidden": !0
+			}),
+			n,
+			" ",
+			/* @__PURE__ */ (0, Z.jsx)("b", { children: e.length })
+		] })
+	});
+}
+function Rn({ agents: e, selected: t, onFilter: n, neutral: r }) {
+	let i = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		let e = t.span.outcome;
+		if (!e) {
+			let e = i.get("Unknown") ?? {
+				tone: "neutral",
+				ring: !0,
+				count: 0
+			};
+			e.count += 1, i.set("Unknown", e);
+			continue;
+		}
+		let n = i.get(e.label) ?? {
+			tone: e.tone,
+			ring: e.ring,
+			count: 0
+		};
+		n.count += 1, i.set(e.label, n);
+	}
+	if (i.size === 0) return null;
+	let a = e.reduce((e, t) => e + t.own.reduce((e, t) => e + (t.kind === "failed" ? t.count : 0), 0), 0);
+	return /* @__PURE__ */ (0, Z.jsxs)("ul", {
+		className: "fw-legend",
+		"aria-label": "Outcomes",
+		children: [
+			r && !i.has("Unknown") && /* @__PURE__ */ (0, Z.jsx)("li", { children: /* @__PURE__ */ (0, Z.jsxs)("button", {
+				type: "button",
+				"aria-pressed": t === null,
+				onClick: () => n("__all"),
+				children: [
+					/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: "fw-swatch",
+						"data-tone": "0",
+						"data-outcome": "neutral",
+						"data-ring": !0,
+						"aria-hidden": !0
+					}),
+					"All outcomes ",
+					/* @__PURE__ */ (0, Z.jsx)("b", { children: e.length })
+				]
+			}) }),
+			[...i].sort(([e, t], [n, r]) => Fn.indexOf(t.tone) - Fn.indexOf(r.tone) || e.localeCompare(n)).map(([e, r]) => /* @__PURE__ */ (0, Z.jsx)("li", { children: /* @__PURE__ */ (0, Z.jsxs)("button", {
+				type: "button",
+				"aria-pressed": t === e,
+				onClick: () => n(e),
+				children: [
+					/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: "fw-swatch",
+						"data-tone": "0",
+						"data-outcome": r.tone,
+						"data-ring": r.ring || void 0,
+						"aria-hidden": !0
+					}),
+					e,
+					" ",
+					/* @__PURE__ */ (0, Z.jsx)("b", { children: r.count })
+				]
+			}) }, e)),
+			a > 0 && /* @__PURE__ */ (0, Z.jsx)("li", { children: /* @__PURE__ */ (0, Z.jsxs)("button", {
+				type: "button",
+				"aria-pressed": t === "__errors",
+				onClick: () => n("__errors"),
+				children: [
+					/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: "fw-swatch-step",
+						"aria-hidden": !0,
+						children: /* @__PURE__ */ (0, Z.jsx)(It, {})
+					}),
+					"Failed step ",
+					/* @__PURE__ */ (0, Z.jsx)("b", { children: a })
+				]
+			}) })
+		]
+	});
+}
+function zn({ view: e, graph: t, onChange: n }) {
+	return /* @__PURE__ */ (0, Z.jsx)("div", {
+		className: "fw-views",
+		role: "radiogroup",
+		"aria-label": "Trace view",
+		children: [
+			"agents",
+			"spans",
+			...t ? ["graph"] : []
+		].map((t) => /* @__PURE__ */ (0, Z.jsx)("button", {
+			type: "button",
+			role: "radio",
+			"aria-checked": e === t,
+			disabled: e === t,
+			className: "fw-view-button",
+			onClick: () => n(t),
+			children: t === "agents" ? "Agents" : t === "spans" ? "Steps" : "Graph"
+		}, t))
+	});
+}
+function Bn({ trace: e, live: t, startedAt: n, label: r = "Trace waterfall", defaultCollapsed: s = !1, defaultView: l = "spans", graph: u, latestEvents: h, renderIcon: v, maxHeight: b, onSelect: S, markers: C, onTimeChange: w, agentFill: T, selectedId: D, onDeselect: k, description: A, summary: j = !0, criticalPath: M = !1, query: N, onQueryChange: P, collapsed: F, onCollapsedChange: I, zoom: L, onZoomChange: ee, matchSpan: te }) {
+	let R = (0, Q.useRef)(null), z = (0, Q.useRef)(null), ne = (0, Q.useRef)(null), B = (0, Q.useRef)(null), V = (0, Q.useRef)(void 0), H = (0, Q.useId)(), re = (0, Q.useId)(), [ie, ae] = (0, Q.useState)(l), U = ie === "graph" && u == null ? "agents" : ie, [oe, se] = jn(N, P, ""), [ce, le] = jn(F, I, () => new Set(s ? e.spans.flatMap((e) => e.parentId ? [e.parentId] : []) : [])), [ue, de] = (0, Q.useState)(1), [fe, pe] = (0, Q.useState)(!1), [W, me] = (0, Q.useState)(null), [he, ge] = jn(L, ee, null), [_e, ve] = (0, Q.useState)(An[l]), [ye, be] = (0, Q.useState)(0), [G, xe] = (0, Q.useState)(null), [K, Se] = (0, Q.useState)(null), [Ce, we] = (0, Q.useState)(), [Te, Ee] = (0, Q.useState)(null), De = Number.isFinite(e.totalMs) && e.totalMs >= 0 ? e.totalMs : 0, Oe = t ?? e.spans.some(i), ke = T ?? "agent", Ae = (0, Q.useMemo)(() => Math.max(De, ...e.spans.map((e) => Number.isFinite(e.endMs) ? e.endMs : 0)), [e, De]), je = Math.max(40, ye - En - (R.current && R.current.clientWidth < 600 ? En : Math.min(kn[U], ye * .3)));
+	(0, Q.useEffect)(() => {
+		if (!Te) return;
+		let e = new ResizeObserver(([e]) => be(e.contentRect.width));
+		return e.observe(Te), () => e.disconnect();
+	}, [Te]);
+	let Me = (0, Q.useCallback)((e) => he ?? {
+		startMs: 0,
+		endMs: Math.max(Ae, Oe ? e : 0, 1)
+	}, [
+		he,
+		Ae,
+		Oe
+	]), Ne = Cn({
+		root: R,
+		slider: ne,
+		timeOutput: B,
+		observedTotal: Ae,
+		live: Oe,
+		startedAt: n,
+		snapshot: e,
+		playing: fe,
+		speed: ue,
+		position: W,
+		onPlaybackEnd: (e) => {
+			pe(!1), me(e);
+		},
+		view: Me,
+		trackPx: je
+	});
+	(0, Q.useEffect)(() => {
+		for (let e of R.current?.getAnimations?.({ subtree: !0 }) ?? []) "animationName" in e && e.animationName === "tangle-breathe" && (e.startTime = 0);
+	}, [e, U]);
+	let q = Ne.clockMs, Pe = Me(q), J = Math.max(Ae, Oe ? q : 0), Fe = 2 ** Math.round(Math.log2(Math.max(1, (Pe.endMs - Pe.startMs) / Math.max(200, je) * 1.5))), Y = (0, Q.useMemo)(() => m({
+		...e,
+		totalMs: Ae
+	}, Fe), [
+		e,
+		Ae,
+		Fe
+	]), Ie = (0, Q.useMemo)(() => new Map(Y.map((e) => [e.id, e])), [Y]), Le = (0, Q.useMemo)(() => p(Y), [Y]), X = (0, Q.useMemo)(() => {
+		let e = Y.filter((e) => e.kind === "pipeline");
+		return e.length ? e : Y.filter((e) => !e.parentId);
+	}, [Y]), Re = (e) => !K || (K === "__quiet" ? g(e, q).quiet : K === "__errors" ? e.span.outcome?.tone === "failed" || !e.ok || !!e.counts?.failed : (e.span.outcome?.label ?? "Unknown") === K), ze = (0, Q.useMemo)(() => X.filter(Re), [
+		X,
+		K,
+		Math.floor(q / 1e3)
+	]), Be = Nn(X.map((e) => e.span.detail)), Ve = Nn(X.map((e) => e.span.outcome?.label)), [He, Ue] = (0, Q.useState)(/* @__PURE__ */ new Set()), We = (0, Q.useMemo)(() => y(ze, K ? Infinity : On, He), [
+		ze,
+		K,
+		He
+	]), [Ge, Ke] = (0, Q.useState)(/* @__PURE__ */ new Set()), qe = (0, Q.useMemo)(() => U === "agents" ? _(ze, Y, We, K ? new Set(ze.map((e) => e.id)) : Ge) : a(Y, oe, ce, te), [
+		U,
+		ze,
+		K,
+		Y,
+		We,
+		Ge,
+		oe,
+		ce,
+		te
+	]), Je = U === "spans" ? f(Y, q) : void 0, Ye = (0, Q.useMemo)(() => U === "agents" ? x(qe, q) : {}, [
+		U,
+		qe,
+		q
+	]), Xe = b ?? (U === "agents" ? hn.agents * Dn : 640), Ze = (0, Q.useRef)(!1);
+	(0, Q.useLayoutEffect)(() => {
+		if (U !== "agents" || Ze.current || !R.current) return;
+		let e = 0;
+		for (let t of R.current.querySelectorAll(".fw-view-agents .fw-row:not(.fw-sticky-row) .fw-name-text")) {
+			let n = t.closest(".fw-label"), r = t.parentElement;
+			n && (e = Math.max(e, r.getBoundingClientRect().right - n.getBoundingClientRect().left + t.scrollWidth - t.clientWidth));
+		}
+		e > 0 && ve(Math.max(140, Math.min(560, Math.ceil(e) + 16)));
+	}, [U, X]), (0, Q.useEffect)(() => {
+		let e = (e) => {
+			if (U === "graph") return;
+			let t = document.activeElement, n = R.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 !== R.current)) return;
+				e.preventDefault(), U === "agents" && ae("spans"), requestAnimationFrame(() => {
+					z.current?.focus(), z.current?.select();
+				});
+				return;
+			}
+			if (!(!n || t instanceof HTMLInputElement || t instanceof HTMLSelectElement || e.metaKey || e.ctrlKey || e.altKey)) {
+				if (e.key === "+" || e.key === "=") Qe(.5);
+				else if (e.key === "-" || e.key === "_") Qe(2);
+				else if (e.key === "0") ge(null);
+				else if (e.key === "Escape" && (G || D)) G && ut(), k?.();
+				else if ((e.key === "n" || e.key === "p") && C?.length) {
+					let t = C.map((e) => e.at).sort((e, t) => e - t), n = e.key === "n" ? t.find((e) => e > q + 1) : [...t].reverse().find((e) => e < q - 1);
+					n !== void 0 && (e.preventDefault(), dt(n));
+				}
+			}
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}), (0, Q.useEffect)(() => {
+		if (!G?.pinned) return;
+		let e = (e) => {
+			let t = e.target;
+			t?.closest(".fw-card") || t?.closest(".fw-bar, .fw-seg") || xe(null);
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [G?.pinned]);
+	let Qe = (e, t) => ge((n) => {
+		let r = n ?? Me(q), i = pn(r, e, t ?? (r.startMs + r.endMs) / 2, J);
+		return i.endMs - i.startMs >= J - 1 ? null : i;
+	}), $e = (0, Q.useRef)(0), et = (e) => {
+		let t = e.span, n = Me(q), r = n.endMs - n.startMs, a = i(t) ? Math.max(t.endMs, q) : t.endMs;
+		if (U !== "spans" || !Number.isFinite(a) || (a - t.startMs) / Math.max(1, r) > .25) return;
+		let o = Math.max((a - t.startMs) * .15, 500, (r / 8 - (a - t.startMs)) / 2), s = mn({
+			startMs: t.startMs - o,
+			endMs: a + o
+		}, J);
+		cancelAnimationFrame($e.current);
+		let c = R.current ? getComputedStyle(R.current) : void 0, l = sn(c, "--duration-base"), u = c?.getPropertyValue("--ease-standard").trim(), d = globalThis.matchMedia?.("(prefers-reduced-motion: reduce)");
+		if (d?.matches || !l || !u) {
+			ge(s);
+			return;
+		}
+		let f = new Animation(new KeyframeEffect(null, [], {
+			duration: l,
+			easing: u,
+			fill: "both"
+		})), p = performance.now(), m = (e) => {
+			if (d?.matches) {
+				f.cancel(), ge(s);
+				return;
+			}
+			let t = Math.min(1, (e - p) / l);
+			f.currentTime = t * l;
+			let r = f.effect?.getComputedTiming().progress ?? t;
+			ge({
+				startMs: n.startMs + (s.startMs - n.startMs) * r,
+				endMs: n.endMs + (s.endMs - n.endMs) * r
+			}), t < 1 ? $e.current = requestAnimationFrame(m) : f.cancel();
+		};
+		$e.current = requestAnimationFrame(m);
+	}, tt = (e) => ge((t) => t && mn({
+		startMs: t.startMs + e,
+		endMs: t.endMs + e
+	}, J)), nt = (0, Q.useRef)({
+		toggle: (e) => {},
+		pin: (e, t, n) => {},
+		inspect: (e, t, n) => {}
+	}), rt = (e) => {
+		let t = (t) => new Set(t.has(e.id) ? [...t].filter((t) => t !== e.id) : [...t, e.id]);
+		if (e.id.startsWith("family:")) {
+			Ue(t);
+			return;
+		}
+		if (S?.(e.span), U === "agents") {
+			Ke(t), we(e.id);
+			return;
+		}
+		ce.has(e.id) && et(e), le((t) => {
+			let n = new Set(t);
+			return n.has(e.id) ? n.delete(e.id) : n.add(e.id), n;
+		});
+	};
+	nt.current.toggle = rt;
+	let it = (0, Q.useCallback)((e) => nt.current.toggle(e), []), at = (e, t, n, r) => {
+		let i = R.current?.getBoundingClientRect();
+		if (!i) return;
+		let a = t.getBoundingClientRect(), o = Math.min(Mn, i.width - 16), s = Math.max(8, Math.min((r ?? a.left + 24) - i.left - 24, i.width - o - 8));
+		clearTimeout(V.current), xe({
+			target: e,
+			pinned: n,
+			left: s,
+			anchorTop: a.top - i.top,
+			anchorBottom: a.bottom - i.top,
+			above: U === "agents"
+		});
+	};
+	(0, Q.useLayoutEffect)(() => {
+		if (!G || G.fitted || !R.current) return;
+		let e = document.getElementById(re)?.getBoundingClientRect();
+		if (!e) return;
+		let t = R.current.getBoundingClientRect().top, n = {
+			above: G.anchorTop - 16,
+			below: globalThis.innerHeight - (t + G.anchorBottom) - 16
+		}, r = G.above ? n.above : n.below, i = G.above ? n.below : n.above, a = e.height <= r || e.height > i && r >= i ? G.above : !G.above, o = globalThis.innerHeight - t - 8 - e.height, s = Math.max(Math.min(a ? G.anchorTop - 8 - e.height : G.anchorBottom + 8, o), Math.max(8, 8 - t));
+		xe({
+			...G,
+			fitted: !0,
+			above: a,
+			top: s
+		});
+	}, [G, re]), nt.current.inspect = (e, t, n) => {
+		G?.pinned || at(e, t, !1, n);
+	};
+	let ot = (0, Q.useCallback)((e, t, n) => nt.current.inspect(e, t, n), []), st = (0, Q.useCallback)(() => {
+		clearTimeout(V.current), V.current = setTimeout(() => xe((e) => e?.pinned ? e : null), 140);
+	}, []);
+	(0, Q.useEffect)(() => {
+		if (!G || G.pinned) return;
+		let e = (e) => {
+			e.target?.closest(".fw-bar, .fw-seg, .fw-card") || st();
+		};
+		return document.addEventListener("pointermove", e), () => document.removeEventListener("pointermove", e);
+	}, [G, st]), nt.current.pin = (e, t, n) => {
+		if (G?.pinned && G.target === e) {
+			ut();
+			return;
+		}
+		at(e, t, !0, n);
+		let r = Ie.get(e);
+		r && (S?.(r.span), et(r));
+	};
+	let ct = (0, Q.useCallback)((e, t, n) => nt.current.pin(e, t, n), []), lt = D ?? (G?.pinned ? G.target : void 0), ut = () => {
+		let e = G?.target;
+		xe(null), e && R.current?.querySelector(`.fw-canvas [data-span-id="${CSS.escape(e)}"]`)?.focus({ preventScroll: !0 });
+	}, dt = (0, Q.useCallback)((e) => {
+		pe(!1), me(Math.min(e, Ne.limitMs()));
+	}, [Ne]), ft = (0, Q.useRef)(w);
+	ft.current = w, (0, Q.useEffect)(() => {
+		ft.current?.(W);
+	}, [W]);
+	let pt = () => {
+		if (fe) {
+			me(Ne.positionMs()), pe(!1);
+			return;
+		}
+		(W === null || W >= J - 1) && me(0), pe(!0);
+	}, mt = W !== null || fe, { errors: ht, summary: gt } = Pn(e, mt ? o(e, q) : void 0, mt ? q : J), _t = X.reduce((e, t) => e + d(t, J), 0), vt = J > 0 ? _t / J : 0, yt = (e) => {
+		Se((t) => t === e || e === "__all" ? null : e), ae("agents");
+	}, bt = X.filter((e) => e.span.outcome ? e.span.outcome.tone === "failed" : !e.ok).length, xt = X.filter((e) => g(e, q).quiet).length, St = e.spans.filter((e) => c(e) && e.kind !== "pipeline"), Ct = St.length ? St : e.spans.filter(c), wt = Array.from({ length: ht ?? 0 }, (e, t) => Number.isFinite(Ct[t]?.endMs) ? Ct[t].endMs : void 0), Tt = !Oe && !e.spans.some(i), Et = (e) => e && E(e, qe), Dt = Et(G ? Ie.get(G.target) ?? qe.find((e) => e.id === G.target) : void 0), $ = Dt && (() => {
+		for (let e = Dt; e; e = e.parentId ? Ie.get(e.parentId) : void 0) if (e.kind === "pipeline") return Et(e);
+	})(), Ot = Oe || W !== null || fe || U === "agents", kt = (0, Q.useMemo)(() => Y.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
+	}]), [Y]), At = /* @__PURE__ */ (0, Z.jsx)(Tn, {
+		view: U,
+		playing: fe,
+		limit: J,
+		clockMs: q,
+		speed: ue,
+		zoom: he,
+		marks: kt,
+		slider: ne,
+		timeOutput: B,
+		followLabel: W === null ? void 0 : Oe ? "Follow live" : "Show full trace",
+		onTogglePlay: pt,
+		onRestart: () => {
+			me(0), pe(!1);
+		},
+		onSpeed: de,
+		onScrub: dt,
+		onFollow: () => {
+			me(null), pe(!1);
+		},
+		onZoom: Qe,
+		onFit: () => ge(null)
+	});
+	return /* @__PURE__ */ (0, Z.jsxs)("section", {
+		ref: R,
+		"data-flow-waterfall": !0,
+		"data-follow-live": Oe && W === null && !fe || void 0,
+		"aria-label": r,
+		className: `fw-root fw-root-${U} fw-fill-${ke}`,
+		"data-selection": D ? "" : void 0,
+		style: {
+			"--fw-name-w": `${_e}px`,
+			"--fw-pad": `${En}px`,
+			"--fw-row-h": `${hn[U]}px`,
+			"--fw-live": `var(${O("running").token})`,
+			"--fw-failed": `var(${O("failed").token})`,
+			"--fw-ok": `var(${O("done").token})`,
+			"--fw-amber": `var(${O("needs-you").token})`
+		},
+		children: [
+			/* @__PURE__ */ (0, Z.jsxs)("header", {
+				className: "fw-heading",
+				children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+					className: "fw-title-block",
+					children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+						className: "fw-title-line",
+						children: [
+							/* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-title-glyph",
+								"aria-hidden": !0,
+								children: /* @__PURE__ */ (0, Z.jsx)(Rt, {})
+							}),
+							/* @__PURE__ */ (0, Z.jsx)("h3", {
+								className: "fw-title",
+								children: r
+							}),
+							A && /* @__PURE__ */ (0, Z.jsx)("p", {
+								className: "fw-description",
+								title: A,
+								children: A
+							}),
+							U === "agents" && /* @__PURE__ */ (0, Z.jsxs)("p", {
+								className: "fw-headline",
+								"aria-live": "polite",
+								children: [
+									X.length,
+									" ",
+									X.length === 1 ? "agent" : "agents",
+									Be ? ` · ${X.every((e) => e.span.detail === Be) ? "" : "mostly "}${Be}` : "",
+									Tt && vt >= 1.05 ? ` · ${vt.toFixed(1)}x parallel` : ""
+								]
+							}),
+							U !== "graph" && bt > 0 && /* @__PURE__ */ (0, Z.jsxs)("button", {
+								type: "button",
+								className: "fw-text-button fw-alert",
+								"aria-pressed": K === "__errors",
+								onClick: () => yt("__errors"),
+								children: [
+									bt,
+									" of ",
+									X.length,
+									" failed"
+								]
+							}),
+							U !== "graph" && xt > 0 && /* @__PURE__ */ (0, Z.jsxs)("button", {
+								type: "button",
+								className: "fw-text-button fw-quiet",
+								"aria-pressed": K === "__quiet",
+								onClick: () => yt("__quiet"),
+								children: [xt, " quiet"]
+							}),
+							Oe && /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-state fw-state-live",
+								"data-motion": "essential",
+								children: "Live"
+							})
+						]
+					}), U !== "graph" && /* @__PURE__ */ (0, Z.jsxs)("div", {
+						className: "fw-legends",
+						role: "region",
+						"aria-label": "Timeline key",
+						tabIndex: 0,
+						children: [
+							U === "agents" && /* @__PURE__ */ (0, Z.jsx)(In, {
+								rows: qe,
+								fill: ke
+							}),
+							/* @__PURE__ */ (0, Z.jsx)(Rn, {
+								agents: X,
+								neutral: qe.some((e) => e.kind === "pipeline" && !e.span.outcome && !e.outcomes?.length),
+								selected: K,
+								onFilter: yt
+							}),
+							/* @__PURE__ */ (0, Z.jsx)(Ln, { markers: C })
+						]
+					})]
+				}), /* @__PURE__ */ (0, Z.jsxs)("div", {
+					className: "fw-tools",
+					children: [/* @__PURE__ */ (0, Z.jsx)(zn, {
+						view: U,
+						graph: u != null,
+						onChange: (e) => {
+							ae(e), ve(An[e]), xe(null);
+						}
+					}), U === "spans" && /* @__PURE__ */ (0, Z.jsxs)("div", {
+						className: "fw-search",
+						children: [
+							/* @__PURE__ */ (0, Z.jsx)("label", {
+								htmlFor: H,
+								className: "fw-sr-only",
+								children: "Search trace"
+							}),
+							/* @__PURE__ */ (0, Z.jsx)("span", {
+								className: "fw-search-glyph",
+								"aria-hidden": !0,
+								children: /* @__PURE__ */ (0, Z.jsx)(jt, {})
+							}),
+							/* @__PURE__ */ (0, Z.jsx)("input", {
+								ref: z,
+								id: H,
+								type: "search",
+								value: oe,
+								placeholder: "Search",
+								"aria-keyshortcuts": "Meta+f Control+f",
+								onChange: (e) => se(e.target.value),
+								onKeyDown: (e) => {
+									e.key === "Escape" && (se(""), e.stopPropagation());
+								},
+								className: "fw-search-input"
+							})
+						]
+					})]
+				})]
+			}),
+			U === "graph" ? u : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
+				j && /* @__PURE__ */ (0, Z.jsx)("dl", {
+					className: "fw-summary",
+					children: gt.map(([e, t, n]) => /* @__PURE__ */ (0, Z.jsxs)("div", {
+						className: e === "Errors" && ht !== void 0 && ht > 0 ? "fw-has-errors" : void 0,
+						children: [/* @__PURE__ */ (0, Z.jsx)("dt", { children: e }), /* @__PURE__ */ (0, Z.jsx)("dd", {
+							className: "fw-value",
+							title: n,
+							children: e === "Errors" ? /* @__PURE__ */ (0, Z.jsx)("button", {
+								type: "button",
+								"aria-pressed": K === "__errors",
+								onClick: () => yt("__errors"),
+								children: t
+							}) : t
+						})]
+					}, e))
+				}),
+				U === "agents" && At,
+				/* @__PURE__ */ (0, Z.jsx)(bn, {
+					rows: qe,
+					byId: Ie,
+					totalRows: Y.length,
+					view: U,
+					maxHeight: Xe,
+					collapsed: ce,
+					searching: !!oe.trim(),
+					query: oe,
+					matchSpan: te,
+					pauses: e.pauses,
+					errorEnds: wt,
+					cursorLine: Oe || W !== null || fe,
+					sharedDetail: Be,
+					sharedOutcome: Ve,
+					expandedIds: U === "agents" ? /* @__PURE__ */ new Set([...We, ...Ge]) : void 0,
+					holdHeight: Oe,
+					slowestId: Je?.id ?? Ye.slowestId,
+					costliestId: Ye.costliestId,
+					criticalIds: M && U === "spans" ? Le : void 0,
+					activeId: Ce,
+					selectedId: lt,
+					focusId: $?.id ?? (U === "agents" ? Ce : void 0),
+					clockMs: q,
+					window: Pe,
+					trackPx: je,
+					showCursor: Ot,
+					markers: C,
+					fillByAgent: ke !== "outcome",
+					zoomed: he !== null,
+					renderIcon: v,
+					emptyText: Y.length === 0 ? "No spans yet. Waiting for trace events." : `No matching steps for “${oe}”.`,
+					onToggle: it,
+					onInspect: ot,
+					onLeave: st,
+					onPin: ct,
+					onActivate: (e) => we(e.id),
+					onActiveChange: we,
+					onScrub: dt,
+					onZoom: Qe,
+					onPan: tt,
+					nameWidth: _e,
+					onNameWidth: (e) => {
+						Ze.current = !0, ve(Math.max(140, Math.min(560, e)));
+					},
+					onTrack: Ee,
+					onExpandAll: Y.some((e) => e.hasChildren) ? () => le(/* @__PURE__ */ new Set()) : void 0,
+					onCollapseAll: () => le(new Set(Y.filter((e) => e.hasChildren).map((e) => e.id)))
+				}),
+				G && Dt && /* @__PURE__ */ (0, Z.jsx)("div", {
+					className: `fw-card-anchor${G.above && G.top === void 0 ? " fw-card-above" : ""}`,
+					onPointerEnter: () => clearTimeout(V.current),
+					onPointerLeave: G.pinned ? void 0 : st,
+					children: /* @__PURE__ */ (0, Z.jsx)(Zt, {
+						id: re,
+						row: Dt,
+						agent: $,
+						clockMs: q,
+						left: G.left,
+						top: G.top ?? (G.above ? G.anchorTop - 8 : G.anchorBottom + 8),
+						pinned: G.pinned,
+						onClose: ut,
+						renderIcon: v,
+						compact: U === "agents"
+					})
+				}),
+				U === "spans" && At
+			] }),
+			h
+		]
+	});
+}
+//#endregion
+export { ue as $, K as A, U as B, Ce as C, xe as D, Ve as E, ae as F, R as G, ce as H, H as I, we as J, le as K, G as L, He as M, te as N, _e as O, Ie as P, fe as Q, be as R, oe as S, Le as T, he as U, ze as V, Se as W, re as X, Ee as Y, V as Z, ye as _, Bn as a, et as at, z as b, ut as c, L as ct, Ot as d, ee as et, Ke as f, je as g, se as h, Ct as i, Oe as it, q as j, j as k, dt as l, Ue as m, lt as n, me as nt, yt as o, de as ot, Ge as p, Te as q, Dt as r, De as rt, St as s, ne as st, wt as t, I as tt, _t as u, We as v, Y as w, qe as x, pe as y, ve as z };