@tangle-network/sandbox-cli 0.21.64 → 0.21.65

package/dist/graph-viewer/viewer/RunPage-NtevWXBs.js

@@ -0,0 +1,285 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { n as t, t as n } from "./jsx-runtime-DPT6sCLq.js";
+import { t as r } from "./page-header-QbUg8F8i.js";
+import { c as i, l as a, o, s, u as c } from "./lazy-pages-ChiMJ8r_.js";
+import { a as ee, b as l, g as u, o as d, r as f, x as te } from "./ui-Co03nZUX.js";
+import { O as ne, R as p, d as m, n as h, p as g } from "./data-CVHeKhrh.js";
+//#region src/workspace/run/RunPage.tsx
+var _ = /* @__PURE__ */ e(t(), 1), v = n(), y = [
+	"overview",
+	"timeline",
+	"files",
+	"topology",
+	"conversations",
+	"traces",
+	"analytics",
+	"checks"
+], b = {
+	overview: "Overview",
+	timeline: "Waterfall",
+	files: "Files",
+	topology: "Topology",
+	conversations: "Conversations",
+	traces: "Traces",
+	analytics: "Analytics",
+	checks: "Checks"
+}, re = (0, _.lazy)(() => import("./Overview-Dzg5XJgy.js").then((e) => e.t).catch(o).then((e) => ({ default: e.Overview }))), x = (0, _.lazy)(() => import("./Timeline-CzY3LVDu.js").catch(o).then((e) => ({ default: e.TimelineTab }))), S = (0, _.lazy)(() => import("./Files-DxL1576V.js").catch(o).then((e) => ({ default: e.Files }))), ie = (0, _.lazy)(() => import("./Topology-CzjqSFXH.js").catch(o).then((e) => ({ default: e.Topology }))), C = (0, _.lazy)(() => import("./Conversations-AX8G7Qyl.js").catch(o).then((e) => ({ default: e.Conversations }))), w = (0, _.lazy)(() => import("./Traces-CMX0H1VU.js").catch(o).then((e) => ({ default: e.Traces }))), T = (0, _.lazy)(() => import("./Analytics-E3XS570U.js").catch(o).then((e) => ({ default: e.Analytics }))), E = (0, _.lazy)(() => import("./Checks-CJ5XSHbv.js").catch(o).then((e) => ({ default: e.Checks }))), D = {
+	agents: "conversations",
+	spend: "analytics",
+	progress: "overview"
+}, O = [
+	["findings", "Findings"],
+	["outputs", "Outputs and grades"],
+	["readout", "Readout"],
+	["versions", "Versions"],
+	["graph", "Knowledge graph"],
+	["profiles", "Profiles"],
+	["assessments", "Assessments"],
+	["coverage", "Capture"],
+	["input", "Input"]
+];
+function k(e) {
+	let t = () => {
+		let e = window.location.pathname.split("/").filter(Boolean), t = e[0] === "run" ? decodeURIComponent(e[2] ?? "") : "";
+		return {
+			tab: y.includes(t) ? t : null,
+			search: window.location.search
+		};
+	}, [n, r] = (0, _.useState)(t);
+	(0, _.useEffect)(() => {
+		let e = () => r(t());
+		return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
+	}, []);
+	let i = (0, _.useMemo)(() => new URLSearchParams(n.search), [n.search]), a = (0, _.useCallback)((t, n = {}, r = !0) => {
+		let i = r ? new URLSearchParams(window.location.search) : new URLSearchParams();
+		for (let e of [
+			"section",
+			"node",
+			"view",
+			"details",
+			"tab"
+		]) i.delete(e);
+		let a = new URLSearchParams(window.location.search).get("theme");
+		a && i.set("theme", a);
+		for (let [e, t] of Object.entries(n)) t == null || t === "" ? i.delete(e) : i.set(e, t);
+		let o = i.toString();
+		return `/run/${encodeURIComponent(e)}/${t}${o ? `?${o}` : ""}`;
+	}, [e]), o = (0, _.useCallback)((e, t = {}, n = !1) => {
+		let r = a(e, t);
+		r !== window.location.pathname + window.location.search && (n ? window.history.replaceState(null, "", r) : window.history.pushState(null, "", r), window.dispatchEvent(new PopStateEvent("popstate")));
+	}, [a]);
+	return {
+		tab: n.tab,
+		params: i,
+		href: a,
+		go: o
+	};
+}
+var A = (e, t) => t === e ? "root" : t.startsWith(`${e}:`) ? t.slice(e.length + 1) : t, j = (e, t, n) => {
+	if (!n) return null;
+	let r = n === "root" ? e.root?.id ?? t : e.byId.has(n) ? n : `${t}:${n}`;
+	return e.byId.has(r) ? r : null;
+};
+function M({ api: e, id: t, legacy: n }) {
+	let o = k(t), M = `${e}/runs/${encodeURIComponent(t)}`, N = g(M, void 0, !0), P = g(`${M}/workspace`, void 0, !0), [F, I] = (0, _.useState)(null), [L, R] = (0, _.useState)(Date.now), z = F?.url === M ? F : null, B = z?.run ?? N.data, V = {
+		...P,
+		data: z?.workspace ?? P.data
+	}, H = !!(B?.execution?.alive || V.data?.live);
+	(0, _.useEffect)(() => {
+		if (!H) return;
+		let e = new EventSource(`${M}/agents/${encodeURIComponent(t)}/stream?workspace=1`);
+		e.addEventListener("workspace", (e) => {
+			try {
+				let n = JSON.parse(e.data);
+				n.workspace?.runId === t && n.run?.run?.id === t && I({
+					...n,
+					url: M
+				});
+			} catch {}
+		}), e.addEventListener("end", () => e.close());
+		let n = window.setInterval(() => R(Date.now()), 1e3);
+		return () => {
+			e.close(), window.clearInterval(n);
+		};
+	}, [
+		H,
+		M,
+		t
+	]);
+	let U = g(B ? `${e}/plays/${encodeURIComponent(B.run.play)}` : null), W = (0, _.useMemo)(() => V.data && B ? u(V.data, B.run) : null, [
+		V.data,
+		B,
+		L
+	]), G = o.params.get("section"), K = G ? D[G] : void 0;
+	(0, _.useEffect)(() => {
+		if (!K) return;
+		let e = o.params.get("node");
+		o.go(K, {
+			agent: e ? A(t, e) : void 0,
+			file: o.params.get("file") ?? void 0
+		}, !0);
+	}, [K]);
+	let q = o.tab ?? "overview", J = W ? j(W, t, o.params.get("agent")) ?? W.root?.id ?? null : null, ae = (0, _.useCallback)((e, n) => o.go(n ?? q, { agent: e ? A(t, e) : null }), [
+		o,
+		q,
+		t
+	]), Y = (0, _.useRef)(null), [X, oe] = (0, _.useState)(!1);
+	if ((0, _.useEffect)(() => {
+		let e = Y.current;
+		if (!e) return;
+		let t = () => oe(e.scrollLeft + e.clientWidth < e.scrollWidth - 4);
+		e.querySelector("[aria-selected=\"true\"]")?.scrollIntoView({
+			block: "nearest",
+			inline: "nearest"
+		}), t(), e.addEventListener("scroll", t, { passive: !0 });
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => {
+			e.removeEventListener("scroll", t), n.disconnect();
+		};
+	}, [q, N.data]), N.error && !N.data) return /* @__PURE__ */ (0, v.jsxs)("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["This run is unavailable: ", N.error]
+	});
+	if (!B) return /* @__PURE__ */ (0, v.jsx)("p", {
+		className: "ws-status",
+		role: "status",
+		children: "Loading…"
+	});
+	let Z = W ? {
+		conversations: l(W.agents.length),
+		traces: l(W.totals.steps),
+		checks: l(B.run.check?.counts?.checks ?? W.releases.length)
+	} : {}, Q = G && !K && n ? n(G) : null, $ = W ? {
+		api: e,
+		runUrl: M,
+		doc: B,
+		play: U.data ?? null,
+		m: W,
+		route: {
+			...o,
+			tab: q
+		},
+		agent: J,
+		selectAgent: ae
+	} : null;
+	return /* @__PURE__ */ (0, v.jsx)(f, { children: /* @__PURE__ */ (0, v.jsxs)(s, {
+		value: q,
+		onValueChange: (e) => o.go(e),
+		className: "rp rp-run",
+		"data-run": t,
+		"data-tab": Q ? void 0 : q,
+		children: [
+			/* @__PURE__ */ (0, v.jsx)(r, {
+				className: "rp-head",
+				title: /* @__PURE__ */ (0, v.jsxs)(v.Fragment, { children: [
+					/* @__PURE__ */ (0, v.jsx)("a", {
+						href: `/play/${encodeURIComponent(B.run.play)}`,
+						children: B.run.play
+					}),
+					/* @__PURE__ */ (0, v.jsx)("span", {
+						className: "sep",
+						"aria-hidden": "true",
+						children: "/"
+					}),
+					/* @__PURE__ */ (0, v.jsxs)("span", { children: ["Run ", ne(B.run.play, B.run.id)] })
+				] }),
+				description: /* @__PURE__ */ (0, v.jsx)(h, {
+					status: B.view ? p(B.view.status) : m({
+						axis: "run",
+						state: B.run.state
+					}),
+					title: B.view?.status.reason ?? void 0
+				}),
+				actions: W ? /* @__PURE__ */ (0, v.jsx)("time", {
+					className: "rp-elapsed",
+					"aria-label": "Elapsed",
+					children: te(W.duration)
+				}) : void 0
+			}),
+			/* @__PURE__ */ (0, v.jsxs)("div", {
+				className: "rp-tabs-wrap",
+				"data-more": X || void 0,
+				children: [/* @__PURE__ */ (0, v.jsxs)(a, {
+					ref: Y,
+					variant: "underline",
+					className: "rp-tabs",
+					"aria-label": "Run",
+					children: [y.map((e) => /* @__PURE__ */ (0, v.jsx)(c, {
+						value: e,
+						variant: "underline",
+						asChild: !0,
+						children: /* @__PURE__ */ (0, v.jsxs)("a", {
+							"data-tab": e,
+							href: o.href(e),
+							onClick: (t) => {
+								t.metaKey || t.ctrlKey || t.shiftKey || t.button !== 0 || (t.preventDefault(), o.go(e));
+							},
+							children: [b[e], Z[e] ? /* @__PURE__ */ (0, v.jsx)("span", {
+								className: "ct",
+								children: Z[e]
+							}) : null]
+						})
+					}, e)), /* @__PURE__ */ (0, v.jsx)("span", {
+						className: "rp-more",
+						children: /* @__PURE__ */ (0, v.jsx)(d, {
+							label: "More run sections",
+							options: O.map(([e, t]) => ({
+								id: e,
+								label: t
+							})),
+							value: Q ? G : null,
+							width: 260,
+							placeholder: "Find a section",
+							onChange: (e) => {
+								e && (window.history.pushState(null, "", `/run/${encodeURIComponent(t)}?section=${e}`), window.dispatchEvent(new PopStateEvent("popstate")));
+							},
+							children: Q ? O.find(([e]) => e === G)?.[1] ?? "More" : "More"
+						})
+					})]
+				}), X && /* @__PURE__ */ (0, v.jsx)("button", {
+					type: "button",
+					className: "rp-tabs-next",
+					"aria-label": "More tabs",
+					onClick: () => Y.current?.scrollBy({
+						left: 160,
+						behavior: "smooth"
+					}),
+					children: /* @__PURE__ */ (0, v.jsx)(ee, { name: "chevron" })
+				})]
+			}),
+			/* @__PURE__ */ (0, v.jsx)(i, {
+				value: q,
+				forceMount: !0,
+				asChild: !0,
+				children: /* @__PURE__ */ (0, v.jsx)("main", {
+					className: "rp-work",
+					"aria-label": Q ? G ?? void 0 : b[q],
+					children: Q ?? ($ ? /* @__PURE__ */ (0, v.jsxs)(_.Suspense, {
+						fallback: /* @__PURE__ */ (0, v.jsx)("p", {
+							className: "ws-status",
+							role: "status",
+							children: "Loading…"
+						}),
+						children: [
+							q === "overview" && /* @__PURE__ */ (0, v.jsx)(re, { ...$ }),
+							q === "timeline" && /* @__PURE__ */ (0, v.jsx)(x, { ...$ }),
+							q === "files" && /* @__PURE__ */ (0, v.jsx)(S, { ...$ }),
+							q === "topology" && /* @__PURE__ */ (0, v.jsx)(ie, { ...$ }),
+							q === "conversations" && /* @__PURE__ */ (0, v.jsx)(C, { ...$ }),
+							q === "traces" && /* @__PURE__ */ (0, v.jsx)(w, { ...$ }),
+							q === "analytics" && /* @__PURE__ */ (0, v.jsx)(T, { ...$ }),
+							q === "checks" && /* @__PURE__ */ (0, v.jsx)(E, { ...$ })
+						]
+					}) : /* @__PURE__ */ (0, v.jsx)("p", {
+						className: "ws-status",
+						role: V.error ? "alert" : "status",
+						children: V.error ? `The run's agents are unavailable: ${V.error}` : "Reading the run…"
+					}))
+				})
+			})
+		]
+	}) });
+}
+//#endregion
+export { y as RUN_PAGE_TABS, M as RunPage, j as agentFromParam, A as agentParam, k as useRunRoute };

package/dist/graph-viewer/viewer/{Scores-ZS16yk0n.js → Scores-Dgv4WePL.js}

@@ -1,7 +1,7 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
-import { s as r } from "./final-output-kwY11u9X.js";
-import { m as i, p as a } from "./data-CkWfWr7i.js";
+import { n as t, t as n } from "./jsx-runtime-DPT6sCLq.js";
+import { s as r } from "./final-output-BYT-g-9j.js";
+import { m as i, p as a } from "./data-CVHeKhrh.js";
 //#region src/workspace/scores-model.ts
 var o = /* @__PURE__ */ e(t(), 1);
 function s(e, t) {

package/dist/graph-viewer/viewer/Timeline-CzY3LVDu.js

@@ -0,0 +1,335 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { n as t, t as n } from "./jsx-runtime-DPT6sCLq.js";
+import { S as r, a as i, b as a, c as o, h as s, m as c, n as l, s as u, v as d, x as f } from "./ui-Co03nZUX.js";
+import { a as p } from "./react-DQ7E2Epi.js";
+import { agentParam as m } from "./RunPage-NtevWXBs.js";
+//#region src/workspace/run/Timeline.tsx
+var h = /* @__PURE__ */ e(t(), 1), g = n(), _ = {
+	live: (e) => ({
+		tone: "live",
+		label: e
+	}),
+	waiting: (e) => ({
+		tone: "neutral",
+		label: e,
+		ring: !0
+	}),
+	"needs-you": (e) => ({
+		tone: "warn",
+		label: e
+	}),
+	ok: (e) => ({
+		tone: "ok",
+		label: e
+	}),
+	done: (e) => ({
+		tone: "ok",
+		label: e,
+		ring: !0
+	}),
+	fail: (e) => ({
+		tone: "failed",
+		label: e
+	}),
+	none: (e) => ({
+		tone: "neutral",
+		label: e,
+		ring: !0
+	}),
+	"": (e) => ({
+		tone: "neutral",
+		label: e,
+		ring: !0
+	})
+};
+function v(e) {
+	let t = [];
+	for (let n of e.agents) {
+		if (n.start === null) continue;
+		let r = n.status === "running" || n.status === "waiting" || n.status === "needs-you", i = Math.max(n.start, r ? e.duration : n.end ?? n.last ?? n.start);
+		t.push({
+			id: n.id,
+			...n.parent ? { parentId: n.parent } : {},
+			kind: "pipeline",
+			name: n.name,
+			detail: n.model ?? "Not recorded",
+			startMs: Math.max(0, n.start),
+			endMs: i,
+			status: n.status === "succeeded" ? "done" : n.status,
+			outcome: _[n.state.tone](n.state.label),
+			activityAt: n.lastActivityAt === void 0 ? [] : [n.lastActivityAt - e.t0],
+			medianEventGapMs: n.medianEventGapMs,
+			...n.listUsd === null ? n.billedUsd === null ? {} : {
+				costUsd: n.billedUsd,
+				costBound: n.node.usage?.billedComplete === !1 ? "lower" : void 0
+			} : {
+				costUsd: n.listUsd,
+				costBound: n.node.usage?.listComplete === !1 ? "lower" : void 0
+			},
+			...n.byClass ? {
+				promptTokens: n.byClass.input + n.byClass.cacheRead,
+				completionTokens: n.byClass.output,
+				cachedTokens: n.byClass.cacheRead
+			} : {},
+			marks: n.restarts.map((t) => ({
+				at: t,
+				kind: "restart",
+				label: `Restarted ${d(e.t0)(t)} UTC`
+			})),
+			facts: [
+				...n.node.failureReason ? [{
+					label: "Failure",
+					value: n.node.failureReason
+				}] : [],
+				{
+					label: "Cost basis",
+					value: n.listUsd === null ? n.billedUsd === null ? "Not recorded" : "Recorded bill" : "Catalog estimate"
+				},
+				...s(e, n).filter((e) => e.label !== "Cost" || n.listUsd === null && n.billedUsd === null),
+				...n.harness ? [{
+					label: "Harness",
+					value: n.harness
+				}] : []
+			]
+		}), n.steps.forEach((e, r) => {
+			t.push({
+				id: `${n.id}#${r}`,
+				parentId: n.id,
+				kind: e.kind,
+				name: e.kind === "model" ? e.model ? e.model.split("/").pop() ?? "model call" : "model call" : e.kind === "tool" ? e.tool ?? "tool" : "waiting",
+				...e.target ? { detail: e.target } : {},
+				startMs: Math.max(0, e.t),
+				endMs: Math.max(0, e.t + e.d),
+				status: e.failed ? "failed" : "done",
+				...e.tokens ? {
+					promptTokens: e.tokens.input + e.tokens.cacheRead,
+					completionTokens: e.tokens.output,
+					cachedTokens: e.tokens.cacheRead
+				} : {},
+				...e.usd === null ? {} : { costUsd: e.usd }
+			});
+		});
+	}
+	let n = e.totals.byClass;
+	return {
+		spans: t,
+		totalMs: e.duration,
+		...n ? {
+			promptTokens: n.input + n.cacheRead,
+			completionTokens: n.output
+		} : {},
+		...e.totals.listUsd === null ? {} : {
+			costUsd: e.totals.listUsd,
+			costBasis: "list"
+		},
+		...e.totals.billedUsd === null ? {} : { billedUsd: e.totals.billedUsd },
+		...e.totals.model === null ? {} : { modelCalls: e.totals.model },
+		...e.totals.tool === null ? {} : { toolCalls: e.totals.tool },
+		errors: e.totals.failed,
+		pauses: e.pauses.map((e) => ({
+			startMs: e.from,
+			endMs: e.to,
+			label: `No agent turn ${f(e.to - e.from)}`,
+			detail: e.reason
+		}))
+	};
+}
+function y({ m: e, agent: t, selectAgent: n, route: r, doc: i }) {
+	let a = (0, h.useMemo)(() => v(e), [e]), o = (0, h.useMemo)(() => e.releases.filter((t, n, r) => t.taggedAt && Date.parse(t.taggedAt) >= e.t0 && (n === r.length - 1 || t.passed !== r[n - 1]?.passed)).map((t) => ({
+		at: Date.parse(t.taggedAt) - e.t0,
+		label: `${t.release}${t.total ? ` ${t.passed ?? 0}/${t.total}` : ""}`,
+		kind: "release",
+		tone: t.total && t.passed === t.total ? "ok" : "neutral"
+	})), [e]), s = (0, h.useRef)(null), [c, l] = (0, h.useState)(480);
+	(0, h.useEffect)(() => {
+		let e = s.current;
+		if (!e) return;
+		let t = new ResizeObserver(() => l(e.clientHeight));
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let [u, d] = (0, h.useState)(196);
+	(0, h.useLayoutEffect)(() => {
+		let e = s.current?.querySelector(".fw-root"), t = e?.querySelector(".fw-scroller");
+		if (!e || !t) return;
+		let n = e.offsetHeight - t.offsetHeight;
+		n > 0 && Math.abs(n - u) > 1 && d(n);
+	});
+	let f = r.params.get("agent") ? t : null, _ = f ? e.byId.get(f) ?? null : null;
+	return /* @__PURE__ */ (0, g.jsxs)("div", {
+		className: "rp-tl",
+		children: [/* @__PURE__ */ (0, g.jsx)("section", {
+			className: "rp-tl-chart",
+			"aria-label": "Agents over time",
+			ref: s,
+			children: /* @__PURE__ */ (0, g.jsx)(p, {
+				trace: a,
+				live: e.live,
+				startedAt: Number.isFinite(Date.parse(i.run.startedAt ?? "")) || e.agents.some((e) => Number.isFinite(Date.parse(e.node.start ?? ""))) ? e.t0 : void 0,
+				label: "Agents over time",
+				defaultView: "agents",
+				summary: !1,
+				markers: o,
+				agentFill: "muted",
+				maxHeight: Math.max(200, c - u - 2),
+				selectedId: f ?? void 0,
+				onDeselect: () => n(null),
+				onSelect: (t) => {
+					let r = t.kind === "pipeline" ? t.id : t.parentId;
+					r && e.byId.has(r) && n(r);
+				}
+			})
+		}), _ && /* @__PURE__ */ (0, g.jsx)(b, {
+			m: e,
+			a: _,
+			href: (e) => r.href(e, { agent: m(i.run.id, _.id) })
+		})]
+	});
+}
+function b({ m: e, a: t, href: n }) {
+	let s = d(e.t0), p = Math.max(1, ...t.tools.map((e) => e.calls));
+	return /* @__PURE__ */ (0, g.jsxs)("section", {
+		className: "rp-card rp-insp",
+		"aria-label": `${t.name}: whole run`,
+		children: [/* @__PURE__ */ (0, g.jsxs)("div", {
+			className: "rp-hd sm",
+			children: [
+				/* @__PURE__ */ (0, g.jsxs)("h2", { children: [/* @__PURE__ */ (0, g.jsx)(u, { tone: t.state.tone }), t.name] }),
+				/* @__PURE__ */ (0, g.jsx)("span", {
+					className: `rp-pill ${t.state.tone}`,
+					children: t.state.label
+				}),
+				/* @__PURE__ */ (0, g.jsx)("span", {
+					className: "muted ph-hide",
+					children: [t.model, t.harness].filter(Boolean).join(" · ")
+				}),
+				/* @__PURE__ */ (0, g.jsxs)("span", {
+					className: "end",
+					children: [/* @__PURE__ */ (0, g.jsxs)("a", {
+						className: "rp-btn sm",
+						href: n("conversations"),
+						children: ["Conversation", /* @__PURE__ */ (0, g.jsx)(i, {
+							name: "arrow",
+							size: 14
+						})]
+					}), /* @__PURE__ */ (0, g.jsxs)("a", {
+						className: "rp-btn sm ph-hide",
+						href: n("traces"),
+						children: ["Traces", /* @__PURE__ */ (0, g.jsx)(i, {
+							name: "arrow",
+							size: 14
+						})]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ (0, g.jsxs)("div", {
+			className: "rp-ig",
+			children: [
+				/* @__PURE__ */ (0, g.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, g.jsx)("h4", { children: "Tokens" }),
+					/* @__PURE__ */ (0, g.jsx)("div", {
+						className: "big",
+						children: t.tokens === null ? "—" : c(t.tokens)
+					}),
+					/* @__PURE__ */ (0, g.jsxs)("dl", { children: [
+						t.byClass ? /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [
+							/* @__PURE__ */ (0, g.jsx)("dt", { children: "In" }),
+							/* @__PURE__ */ (0, g.jsx)("dd", { children: c(t.byClass.input) }),
+							/* @__PURE__ */ (0, g.jsx)("dt", { children: "Out" }),
+							/* @__PURE__ */ (0, g.jsx)("dd", { children: c(t.byClass.output) }),
+							/* @__PURE__ */ (0, g.jsx)("dt", { children: "Cached" }),
+							/* @__PURE__ */ (0, g.jsx)("dd", { children: c(t.byClass.cacheRead) })
+						] }) : /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [/* @__PURE__ */ (0, g.jsx)("dt", { children: "In · out split" }), /* @__PURE__ */ (0, g.jsx)("dd", {
+							className: "dim",
+							children: "not recorded"
+						})] }),
+						/* @__PURE__ */ (0, g.jsx)("dt", { children: "Cost" }),
+						/* @__PURE__ */ (0, g.jsx)("dd", { children: o(t) })
+					] })
+				] }),
+				/* @__PURE__ */ (0, g.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, g.jsx)("h4", { children: "Model calls" }),
+					/* @__PURE__ */ (0, g.jsx)("div", {
+						className: "big",
+						children: a(t.modelCalls)
+					}),
+					/* @__PURE__ */ (0, g.jsxs)("dl", { children: [
+						/* @__PURE__ */ (0, g.jsx)("dt", { children: "p50" }),
+						/* @__PURE__ */ (0, g.jsx)("dd", { children: r(t.latency.p50) }),
+						/* @__PURE__ */ (0, g.jsx)("dt", { children: "p90" }),
+						/* @__PURE__ */ (0, g.jsx)("dd", { children: r(t.latency.p90) }),
+						/* @__PURE__ */ (0, g.jsx)("dt", { children: "p99" }),
+						/* @__PURE__ */ (0, g.jsx)("dd", { children: r(t.latency.p99) }),
+						/* @__PURE__ */ (0, g.jsx)("dt", { children: "Busy" }),
+						/* @__PURE__ */ (0, g.jsx)("dd", { children: f(t.busy) })
+					] })
+				] }),
+				/* @__PURE__ */ (0, g.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, g.jsx)("h4", { children: "Tool calls" }),
+					/* @__PURE__ */ (0, g.jsxs)("div", {
+						className: "big",
+						children: [a(t.toolCalls), t.toolFailures ? /* @__PURE__ */ (0, g.jsxs)("small", {
+							className: "f",
+							children: [
+								" ",
+								t.toolFailures,
+								" failed"
+							]
+						}) : null]
+					}),
+					t.tools.length ? /* @__PURE__ */ (0, g.jsx)("div", {
+						className: "rp-tbars",
+						children: t.tools.slice(0, 4).map((e) => /* @__PURE__ */ (0, g.jsxs)("div", {
+							className: "row",
+							children: [
+								/* @__PURE__ */ (0, g.jsx)("span", {
+									className: "l",
+									title: e.name,
+									children: e.name
+								}),
+								/* @__PURE__ */ (0, g.jsx)(l, {
+									ok: e.calls - e.failures,
+									failed: e.failures,
+									max: p
+								}),
+								/* @__PURE__ */ (0, g.jsx)("span", {
+									className: "n",
+									children: a(e.calls)
+								})
+							]
+						}, e.name))
+					}) : /* @__PURE__ */ (0, g.jsx)("span", {
+						className: "dim",
+						children: t.toolCalls === null ? "Tool calls not recorded" : "No tool calls"
+					})
+				] }),
+				/* @__PURE__ */ (0, g.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, g.jsx)("h4", { children: "Reliability" }),
+					/* @__PURE__ */ (0, g.jsxs)("div", {
+						className: "big",
+						children: [
+							t.failedSteps,
+							" ",
+							/* @__PURE__ */ (0, g.jsx)("small", { children: "failed steps" })
+						]
+					}),
+					/* @__PURE__ */ (0, g.jsxs)("dl", { children: [
+						/* @__PURE__ */ (0, g.jsx)("dt", { children: "Retried steps" }),
+						/* @__PURE__ */ (0, g.jsx)("dd", { children: t.retries }),
+						/* @__PURE__ */ (0, g.jsx)("dt", { children: "Restarts" }),
+						/* @__PURE__ */ (0, g.jsx)("dd", { children: t.restarts.length }),
+						/* @__PURE__ */ (0, g.jsx)("dt", { children: "Spawned · commits" }),
+						/* @__PURE__ */ (0, g.jsxs)("dd", { children: [
+							t.children.length,
+							" · ",
+							t.commits ?? "—"
+						] }),
+						/* @__PURE__ */ (0, g.jsx)("dt", { children: "Active" }),
+						/* @__PURE__ */ (0, g.jsx)("dd", { children: t.first === null ? "never" : `${s(t.first)}–${t.state.tone === "live" ? "now" : s(t.last ?? t.first)}` })
+					] })
+				] })
+			]
+		})]
+	});
+}
+//#endregion
+export { b as AgentInspector, y as TimelineTab, v as flowTrace };