@tangle-network/sandbox-cli 0.21.27 → 0.21.28

package/dist/graph-viewer/viewer/{Outputs-DXnN1wEQ.js → Outputs-CumGyjQo.js}

@@ -1,10 +1,10 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { o as r } from "./markdown-BpJEJUTW.js";
-import { a as i, i as a, n as o, o as s, r as c, t as l } from "./workspace-DalRxssx.js";
-import { d as u, r as d, s as f, t as p } from "./final-output-Db2D9cMT.js";
-import { m, p as h } from "./data-azhapQrS.js";
-import { n as g, o as _, r as v, t as y } from "./Scores-CjriXjf_.js";
+import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
+import { o as r } from "./markdown-CX_sVrXB.js";
+import { a as i, i as a, n as o, o as s, r as c, t as l } from "./workspace-CekmOBs3.js";
+import { d as u, r as d, s as f, t as p } from "./final-output-kwY11u9X.js";
+import { m, p as h } from "./data-CkWfWr7i.js";
+import { n as g, o as _, r as v, t as y } from "./Scores-ZS16yk0n.js";
 //#region src/workspace/outputs-model.ts
 var b = /* @__PURE__ */ e(t(), 1), x = n(), S = {
 	md: "markdown",

package/dist/graph-viewer/viewer/Overview-4Umk14_2.js

@@ -0,0 +1,507 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
+import { a as r, i, t as a } from "./popover-CvOAjlnk.js";
+import { C as o, T as s, _ as c, a as l, b as u, h as d, j as f, s as p, t as m, v as h, w as g, x as _ } from "./ui-C9b1rIUH.js";
+import { O as v } from "./data-CkWfWr7i.js";
+import { t as y } from "./plain-words-CgvxtEOa.js";
+import { agentParam as b } from "./RunPage-DZlBW7Va.js";
+//#region src/workspace/run/Overview.tsx
+var x = /* @__PURE__ */ e(t(), 1), S = n();
+function C(e, t = Infinity) {
+	if (!e) return "";
+	let n = e.replace(/\/(home|mnt|Users|tmp|private)\/\S+/g, "").replace(/:?\s*\b[0-9a-f]{10,40}\b/g, "").replace(/\s+/g, " ").trim();
+	n = n.replace(/^(?:[\w-]+(?: [\w-]+){0,3}: )+(?=\S)/, (e) => e.split(": ").length > 2 ? "" : e), n = n.split(/(?<=[.;])\s|;\s|, the |, starting /)[0] ?? n;
+	let r = n.split(" ");
+	return r.length > t ? `${r.slice(0, t).join(" ").replace(/[.;,:]+$/, "")}…` : n.replace(/[.;,:]$/, "");
+}
+function w(e) {
+	let t = e.steps.filter(({ step: e }) => e.kind !== "waiting").map(({ step: e }) => [e.t, e.t + e.d]).sort((e, t) => e[0] - t[0]), n = [];
+	for (let [e, r] of t) {
+		let t = n[n.length - 1];
+		t && e <= t[1] + 3e4 ? t[1] = Math.max(t[1], r) : n.push([e, r]);
+	}
+	return n;
+}
+function T(e, t) {
+	let n = Math.max(1, e.duration) / t, r = Array.from({ length: t }, () => /* @__PURE__ */ new Set());
+	for (let { agent: i, step: a } of e.steps) if (a.kind !== "waiting") for (let e = Math.max(0, Math.floor(a.t / n)); e <= Math.min(t - 1, Math.floor((a.t + a.d) / n)); e++) r[e].add(i.id);
+	return r.map((e) => e.size);
+}
+function E(e) {
+	let { m: t, doc: n, play: r, route: i } = e, a = n.view, o = n.run, s = n.execution, c = (r?.runs ?? []).filter((e) => e.id !== n.run.id && e.startedAt && n.run.startedAt && e.startedAt > n.run.startedAt).sort((e, t) => e.startedAt < t.startedAt ? -1 : 1)[0], u = (0, x.useMemo)(() => w(t), [t]), d = new Date(t.t0).toISOString().slice(0, 10) !== new Date(t.t0 + t.duration).toISOString().slice(0, 10), p = u.reduce((e, [t, n]) => e + (n - t), 0), m = t.best, h = m && m.passed !== null && m.passed !== void 0 && m.total && m.passed === m.total, _ = a?.status.label ?? n.run.state, y = t.live ? `Running for ${g(t.duration)}${m ? `; best release ${m.release} passed ${m.passed}/${m.total} steps` : ", no release checked yet"}.` : h ? `Solved in ${g(t.duration)}: ${m.release} passed every step.` : `${_} after ${g(t.duration)}${m ? `; best release ${m.release} passed ${m.passed ?? 0}/${m.total ?? "?"} steps` : " with no release checked"}.`, b = C(o.ending?.reason ?? a?.blocker?.why ?? a?.blocker?.sentence, 26), T = s?.failedAttempts ?? 0, E = [b && `${b}.`, T && t.totals.lastStep !== null ? `Agents worked for ${g(p)}; ${T} later tries failed${s?.lastAttempt?.error ? `, the last on “${C(s.lastAttempt.error, 8)}”` : ""}.` : ""].filter(Boolean).join(" "), O = t.live ? "clock" : h ? "check" : "stop", A = [
+		{
+			at: n.run.startedAt,
+			title: "Run started",
+			sub: `${t.agents.length} agents${t.root?.model ? ` on ${t.root.model}` : ""}`,
+			tone: ""
+		},
+		...t.totals.lastStep === null ? [] : [{
+			at: new Date(t.t0 + t.totals.lastStep).toISOString(),
+			title: t.live ? "Latest agent step" : "Last agent step",
+			sub: `+${g(t.totals.lastStep)} into the run`,
+			tone: t.duration - t.totals.lastStep > 18e5 ? "warn" : ""
+		}],
+		...s?.lastAttempt?.error ? [{
+			at: s.lastAttempt.at ?? null,
+			title: "Last try failed",
+			sub: C(s.lastAttempt.error, 10),
+			tone: "fail"
+		}] : [],
+		t.live ? {
+			at: (/* @__PURE__ */ new Date()).toISOString(),
+			title: "Running now",
+			sub: `${t.agents.filter((e) => e.state.tone === "live").length} agents live`,
+			tone: "next"
+		} : {
+			at: o.ending?.at ?? n.run.settledAt,
+			title: _,
+			sub: c ? `continued in run ${v(n.run.play, c.id)}` : C(o.ending?.sentence, 8),
+			tone: "next"
+		}
+	];
+	return /* @__PURE__ */ (0, S.jsxs)("div", {
+		className: "rp-ov",
+		children: [
+			/* @__PURE__ */ (0, S.jsxs)("section", {
+				className: "rp-card rp-vd",
+				"aria-label": "Verdict",
+				children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+					className: "rp-vd-top",
+					children: [
+						/* @__PURE__ */ (0, S.jsx)("div", {
+							className: "rp-vd-ic",
+							children: /* @__PURE__ */ (0, S.jsx)(l, {
+								name: O,
+								size: 22
+							})
+						}),
+						/* @__PURE__ */ (0, S.jsxs)("div", { children: [/* @__PURE__ */ (0, S.jsx)("h2", {
+							className: "rp-verdict",
+							children: y
+						}), E && /* @__PURE__ */ (0, S.jsx)("p", {
+							className: "rp-lede",
+							children: E
+						})] }),
+						/* @__PURE__ */ (0, S.jsxs)("div", {
+							className: "rp-vd-act",
+							children: [t.live ? /* @__PURE__ */ (0, S.jsxs)("a", {
+								className: "rp-btn primary",
+								href: i.href("timeline"),
+								children: ["Watch the timeline", /* @__PURE__ */ (0, S.jsx)(l, { name: "arrow" })]
+							}) : c ? /* @__PURE__ */ (0, S.jsxs)("a", {
+								className: "rp-btn primary",
+								href: `/run/${encodeURIComponent(c.id)}`,
+								children: [
+									"Open run ",
+									v(n.run.play, c.id),
+									/* @__PURE__ */ (0, S.jsx)(l, { name: "arrow" })
+								]
+							}) : m ? /* @__PURE__ */ (0, S.jsxs)("a", {
+								className: "rp-btn primary",
+								href: i.href("checks"),
+								children: [
+									"Review ",
+									m.release,
+									/* @__PURE__ */ (0, S.jsx)(l, { name: "arrow" })
+								]
+							}) : /* @__PURE__ */ (0, S.jsxs)("a", {
+								className: "rp-btn primary",
+								href: i.href("files"),
+								children: ["Open the files", /* @__PURE__ */ (0, S.jsx)(l, { name: "arrow" })]
+							}), (t.live || c || m) && /* @__PURE__ */ (0, S.jsx)("a", {
+								className: "rp-btn framed",
+								href: i.href("files"),
+								children: "Files"
+							})]
+						})
+					]
+				}), /* @__PURE__ */ (0, S.jsx)("ol", {
+					className: "rp-story",
+					children: A.map((e, t) => /* @__PURE__ */ (0, S.jsxs)("li", { children: [
+						/* @__PURE__ */ (0, S.jsx)("span", { className: `sd ${e.tone}` }),
+						/* @__PURE__ */ (0, S.jsx)("time", { children: e.at ? f(e.at, d) : "—" }),
+						/* @__PURE__ */ (0, S.jsx)("b", { children: e.title }),
+						/* @__PURE__ */ (0, S.jsx)("span", {
+							title: e.sub,
+							children: e.sub
+						})
+					] }, t))
+				})]
+			}),
+			/* @__PURE__ */ (0, S.jsx)(D, { ...e }),
+			/* @__PURE__ */ (0, S.jsxs)("div", {
+				className: "rp-ov-b",
+				children: [/* @__PURE__ */ (0, S.jsx)(k, {
+					m: t,
+					working: p,
+					failed: T
+				}), /* @__PURE__ */ (0, S.jsx)(j, { ...e })]
+			})
+		]
+	});
+}
+function D({ m: e, doc: t, route: n }) {
+	let s = t.run.check, c = s?.checkerNames?.find((e) => e.current) ?? s?.checkerNames?.[0], d = y(t.input?.objective), f = (t.findings?.items ?? []).filter((e) => e.path), m = e.agents.filter((e) => e.node.hasCode).length, h = e.agents.reduce((e, t) => e + (t.commits ?? 0), 0), g = e.best, _ = u(s), v = s?.counts?.checks ? `${c ? `Checker ${c.label}` : "The checker"} ran ${o(s.counts.checks)} times` : "No check has run";
+	return /* @__PURE__ */ (0, S.jsxs)("section", {
+		className: "rp-card rp-sum",
+		"aria-label": "Summary",
+		children: [
+			/* @__PURE__ */ (0, S.jsxs)("div", { children: [
+				/* @__PURE__ */ (0, S.jsx)("h3", { children: "Goal" }),
+				/* @__PURE__ */ (0, S.jsx)("div", {
+					className: "goal",
+					children: C(d) || "Not recorded"
+				}),
+				d && /* @__PURE__ */ (0, S.jsxs)(a, { children: [/* @__PURE__ */ (0, S.jsx)(r, {
+					asChild: !0,
+					children: /* @__PURE__ */ (0, S.jsx)("button", {
+						type: "button",
+						className: "rp-link",
+						children: "Read the goal"
+					})
+				}), /* @__PURE__ */ (0, S.jsxs)(i, {
+					className: "rp-pop wide",
+					align: "start",
+					children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+						className: "ph",
+						children: [/* @__PURE__ */ (0, S.jsx)("b", { children: "Goal" }), /* @__PURE__ */ (0, S.jsx)("span", { children: "as pressed" })]
+					}), /* @__PURE__ */ (0, S.jsx)("div", {
+						className: "rp-pop-goal",
+						children: d
+					})]
+				})] })
+			] }),
+			/* @__PURE__ */ (0, S.jsxs)("div", { children: [
+				/* @__PURE__ */ (0, S.jsx)("h3", { children: "Check" }),
+				/* @__PURE__ */ (0, S.jsxs)("div", {
+					className: "v",
+					children: [/* @__PURE__ */ (0, S.jsx)(p, { tone: _.tone }), _.word]
+				}),
+				/* @__PURE__ */ (0, S.jsx)("div", {
+					className: "sub",
+					children: _.note ? `${_.note}.` : `${v}.`
+				}),
+				/* @__PURE__ */ (0, S.jsx)("a", {
+					className: "rp-link",
+					href: n.href("checks"),
+					children: "See the checks"
+				})
+			] }),
+			/* @__PURE__ */ (0, S.jsxs)("div", { children: [
+				/* @__PURE__ */ (0, S.jsx)("h3", { children: "Best release" }),
+				/* @__PURE__ */ (0, S.jsx)("div", {
+					className: "v",
+					children: g ? `${g.release}${g.total ? ` · ${g.passed ?? 0}/${g.total}` : ""}` : "None"
+				}),
+				/* @__PURE__ */ (0, S.jsx)("div", {
+					className: "sub",
+					children: g ? g.sentence ? C(g.sentence, 14) : `${e.releases.length} releases checked` : e.releases.length ? `${e.releases.length} releases, none scored` : `${o(h)} commits, none tagged`
+				})
+			] }),
+			/* @__PURE__ */ (0, S.jsxs)("div", { children: [
+				/* @__PURE__ */ (0, S.jsx)("h3", { children: "Work kept" }),
+				/* @__PURE__ */ (0, S.jsxs)("div", {
+					className: "v",
+					children: [
+						o(f.length),
+						" pages · ",
+						o(m),
+						" branches"
+					]
+				}),
+				/* @__PURE__ */ (0, S.jsxs)("div", {
+					className: "files",
+					children: [f.slice(0, 3).map((e, t, r) => /* @__PURE__ */ (0, S.jsxs)("a", {
+						href: n.href("files", { file: `page:${e.path}` }),
+						title: e.path,
+						children: [/* @__PURE__ */ (0, S.jsx)(l, {
+							name: "file",
+							size: 14
+						}), /* @__PURE__ */ (0, S.jsx)("span", { children: O(e.path, r.map((e) => e.path)) })]
+					}, e.path)), f.length > 3 && /* @__PURE__ */ (0, S.jsx)("a", {
+						href: n.href("files"),
+						children: /* @__PURE__ */ (0, S.jsxs)("span", { children: [f.length - 3, " more"] })
+					})]
+				})
+			] })
+		]
+	});
+}
+function O(e, t) {
+	let n = e.split("/"), r = (e, t) => e.split("/").slice(-t).join("/"), i = 1;
+	for (; i < n.length && t.some((t) => t !== e && r(t, i) === r(e, i));) i++;
+	return r(e, i);
+}
+function k({ m: e, working: t, failed: n }) {
+	let r = (0, x.useMemo)(() => T(e, 96), [e]), i = Math.max(1, ...r), a = (t) => `${Math.max(0, Math.min(100, t / Math.max(1, e.duration) * 100))}%`, o = e.duration > 36e5 ? Math.floor(e.duration / 36e5) : 0, s = new Date(e.t0).toISOString().slice(0, 10) !== new Date(e.t0 + e.duration).toISOString().slice(0, 10), c = e.duration * (s ? .16 : .08), l = o <= 10 ? 1 : Math.ceil(o / 8), u = o ? Array.from({ length: o }, (e, t) => t + 1).filter((t) => t % l === 0 && t * 36e5 >= c && (t + l) * 36e5 <= e.duration && t * 36e5 <= e.duration - c) : [], d = e.tree.filter((e) => e.restarts.length).sort((e, t) => t.restarts.length - e.restarts.length).slice(0, 14), p = (t) => s ? f(new Date(e.t0 + t).toISOString(), !0).replace(" UTC", "") : _(e.t0)(t);
+	return /* @__PURE__ */ (0, S.jsxs)("section", {
+		className: "rp-card",
+		"aria-label": "Where the time went",
+		children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+			className: "rp-hd sm",
+			children: [/* @__PURE__ */ (0, S.jsxs)("h2", { children: [
+				"Where the ",
+				g(e.duration),
+				" went"
+			] }), /* @__PURE__ */ (0, S.jsxs)("span", {
+				className: "end rp-keys",
+				children: [
+					/* @__PURE__ */ (0, S.jsxs)("span", {
+						className: "rp-key",
+						children: [
+							/* @__PURE__ */ (0, S.jsx)("i", { className: "work" }),
+							/* @__PURE__ */ (0, S.jsx)("b", { children: g(t) }),
+							" agents working"
+						]
+					}),
+					/* @__PURE__ */ (0, S.jsxs)("span", {
+						className: "rp-key",
+						children: [
+							/* @__PURE__ */ (0, S.jsx)("i", { className: "hatch" }),
+							/* @__PURE__ */ (0, S.jsx)("b", { children: g(Math.max(0, e.duration - t)) }),
+							" idle"
+						]
+					}),
+					n > 0 && /* @__PURE__ */ (0, S.jsxs)("span", {
+						className: "rp-key",
+						children: [
+							/* @__PURE__ */ (0, S.jsx)("span", {
+								className: "x",
+								children: "✕"
+							}),
+							/* @__PURE__ */ (0, S.jsx)("b", { children: n }),
+							" tries failed"
+						]
+					})
+				]
+			})]
+		}), /* @__PURE__ */ (0, S.jsx)("div", {
+			className: "rp-twrap",
+			children: /* @__PURE__ */ (0, S.jsxs)("div", {
+				className: "rp-tg",
+				children: [
+					/* @__PURE__ */ (0, S.jsx)("span", {
+						className: "nm h",
+						children: "Agents at once"
+					}),
+					/* @__PURE__ */ (0, S.jsx)("div", {
+						className: "rp-strip",
+						role: "img",
+						"aria-label": `Agents working at once over the run, peak ${i}; they worked ${g(t)} of ${g(e.duration)}`,
+						children: r.map((t, n) => /* @__PURE__ */ (0, S.jsx)("i", {
+							className: t ? void 0 : "idle",
+							title: `${p(n * e.duration / r.length)}: ${t} working`,
+							style: {
+								left: `${n * 100 / r.length}%`,
+								width: `${100 / r.length}%`,
+								height: t ? `${Math.max(10, t / i * 100)}%` : void 0
+							}
+						}, n))
+					}),
+					/* @__PURE__ */ (0, S.jsxs)("span", {
+						className: "ct",
+						children: ["peak ", i]
+					}),
+					/* @__PURE__ */ (0, S.jsx)("span", {}),
+					/* @__PURE__ */ (0, S.jsxs)("div", {
+						className: "rp-strip-ax",
+						children: [
+							/* @__PURE__ */ (0, S.jsx)("span", {
+								className: "first",
+								style: { left: 0 },
+								children: p(0)
+							}),
+							u.map((e) => /* @__PURE__ */ (0, S.jsxs)("span", {
+								className: e % 4 ? "ph-hide" : void 0,
+								style: { left: a(e * 36e5) },
+								children: [e, "h"]
+							}, e)),
+							/* @__PURE__ */ (0, S.jsx)("span", {
+								className: "last",
+								style: { left: "100%" },
+								children: p(e.duration)
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, S.jsx)("span", {}),
+					d.length > 0 && /* @__PURE__ */ (0, S.jsxs)(S.Fragment, { children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+						className: "rp-tries-h",
+						children: [/* @__PURE__ */ (0, S.jsx)("b", { children: "Restarts by agent" }), /* @__PURE__ */ (0, S.jsxs)("span", {
+							className: "end rp-keys",
+							children: [/* @__PURE__ */ (0, S.jsxs)("span", {
+								className: "rp-key",
+								children: [/* @__PURE__ */ (0, S.jsx)("span", {
+									className: "x",
+									children: "✕"
+								}), "Restart"]
+							}), /* @__PURE__ */ (0, S.jsxs)("span", {
+								className: "rp-key",
+								children: [/* @__PURE__ */ (0, S.jsx)("span", { className: "rp-dot ok" }), "Finished"]
+							})]
+						})]
+					}), d.map((t) => /* @__PURE__ */ (0, S.jsx)(A, {
+						m: e,
+						a: t,
+						X: a
+					}, t.id))] })
+				]
+			})
+		})]
+	});
+}
+function A({ m: e, a: t, X: n }) {
+	let r = d(() => /* @__PURE__ */ (0, S.jsx)(m, {
+		m: e,
+		a: t
+	}), { wide: t.tools.length > 0 });
+	return /* @__PURE__ */ (0, S.jsxs)(S.Fragment, { children: [
+		/* @__PURE__ */ (0, S.jsx)("span", {
+			className: "nm",
+			title: t.name,
+			children: t.name
+		}),
+		/* @__PURE__ */ (0, S.jsxs)("div", {
+			className: "rp-tr-row",
+			tabIndex: 0,
+			"aria-label": `${t.name}: ${t.restarts.length} restarts`,
+			...r,
+			children: [
+				/* @__PURE__ */ (0, S.jsx)("span", {
+					className: "life",
+					style: {
+						left: n(Math.max(0, t.start ?? 0)),
+						right: `calc(100% - ${n(t.end ?? e.duration)})`
+					}
+				}),
+				t.restarts.map((e, t) => /* @__PURE__ */ (0, S.jsx)("span", {
+					className: "mk",
+					style: { left: n(e) },
+					children: "✕"
+				}, t)),
+				s(t.state.tone) && t.end !== null && /* @__PURE__ */ (0, S.jsx)("span", {
+					className: "mk ok",
+					style: { left: n(t.end) }
+				})
+			]
+		}),
+		/* @__PURE__ */ (0, S.jsx)("span", {
+			className: "ct",
+			children: t.restarts.length || "—"
+		})
+	] });
+}
+function j({ m: e, route: t, doc: n }) {
+	let r = (0, x.useMemo)(() => [...e.agents].sort((e, t) => (t.tokens ?? -1) - (e.tokens ?? -1)), [e]), i = (0, x.useRef)(null), a = c(i, r.length, 32), o = e.totals.lastStep ?? e.duration, s = (0, x.useMemo)(() => {
+		let t = 1;
+		for (let n of e.agents) {
+			let e = Array(28).fill(0);
+			for (let t of n.steps) t.t <= o && e[Math.min(27, Math.floor(t.t / Math.max(1, o) * 28))]++;
+			t = Math.max(t, ...e);
+		}
+		return t;
+	}, [e, o]);
+	return /* @__PURE__ */ (0, S.jsxs)("section", {
+		className: "rp-card",
+		"aria-label": "Agents",
+		children: [
+			/* @__PURE__ */ (0, S.jsxs)("div", {
+				className: "rp-hd sm",
+				children: [/* @__PURE__ */ (0, S.jsxs)("h2", { children: ["Agents", /* @__PURE__ */ (0, S.jsx)("span", {
+					className: "ct",
+					children: e.agents.length
+				})] }), /* @__PURE__ */ (0, S.jsx)("span", {
+					className: "end",
+					children: /* @__PURE__ */ (0, S.jsxs)("a", {
+						className: "rp-btn sm",
+						href: t.href("topology"),
+						children: ["Topology", /* @__PURE__ */ (0, S.jsx)(l, {
+							name: "arrow",
+							size: 14
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, S.jsxs)("div", {
+				className: "rp-agt-h",
+				children: [
+					/* @__PURE__ */ (0, S.jsx)("span", {}),
+					/* @__PURE__ */ (0, S.jsx)("span", { children: "Agent" }),
+					/* @__PURE__ */ (0, S.jsxs)("span", {
+						className: "ph-hide",
+						title: `When each agent worked, over the run's ${g(o)}`,
+						children: ["Activity · ", g(o).split(" ")[0]]
+					}),
+					/* @__PURE__ */ (0, S.jsx)("span", { children: "Steps" }),
+					/* @__PURE__ */ (0, S.jsx)("span", { children: "Tokens" })
+				]
+			}),
+			/* @__PURE__ */ (0, S.jsxs)("div", {
+				className: "rp-scroll",
+				ref: i,
+				children: [
+					/* @__PURE__ */ (0, S.jsx)("div", { style: { height: a.before } }),
+					r.slice(a.first, a.last).map((r) => /* @__PURE__ */ (0, S.jsx)(M, {
+						m: e,
+						a: r,
+						bins: 28,
+						end: o,
+						peak: s,
+						href: t.href("timeline", { agent: b(n.run.id, r.id) })
+					}, r.id)),
+					/* @__PURE__ */ (0, S.jsx)("div", { style: { height: a.after } })
+				]
+			})
+		]
+	});
+}
+function M({ m: e, a: t, bins: n, end: r, peak: i, href: a }) {
+	let s = d(() => /* @__PURE__ */ (0, S.jsx)(m, {
+		m: e,
+		a: t
+	}), { wide: t.tools.length > 0 }), c = Array(n).fill(0);
+	for (let e of t.steps) e.t <= r && c[Math.min(n - 1, Math.floor(e.t / Math.max(1, r) * n))]++;
+	let l = 120 / n;
+	return /* @__PURE__ */ (0, S.jsxs)("a", {
+		className: "rp-agt",
+		href: a,
+		...s,
+		children: [
+			/* @__PURE__ */ (0, S.jsx)(p, { tone: t.state.tone }),
+			/* @__PURE__ */ (0, S.jsx)("span", {
+				className: "nm",
+				children: t.name
+			}),
+			/* @__PURE__ */ (0, S.jsxs)("svg", {
+				className: "ph-hide",
+				viewBox: "0 0 120 16",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ (0, S.jsx)("line", {
+					x1: "0",
+					x2: "120",
+					y1: "15.5",
+					y2: "15.5",
+					className: "base"
+				}), c.map((e, t) => {
+					let n = e ? 6 + Math.sqrt(e / i) * 10 : 0;
+					return n ? /* @__PURE__ */ (0, S.jsx)("rect", {
+						x: t * l + .5,
+						width: l - 1.2,
+						y: 16 - n,
+						height: n,
+						rx: "1"
+					}, t) : null;
+				})]
+			}),
+			/* @__PURE__ */ (0, S.jsx)("span", {
+				className: "v",
+				children: t.steps.length ? o(t.steps.length) : "—"
+			}),
+			/* @__PURE__ */ (0, S.jsx)("span", {
+				className: "v",
+				children: t.tokens === null ? "—" : h(t.tokens)
+			})
+		]
+	});
+}
+//#endregion
+export { E as Overview, C as clause };

package/dist/graph-viewer/viewer/{RunPage-ChipoSdO.js → RunPage-DZlBW7Va.js}

@@ -1,9 +1,9 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { t as r } from "./page-header-C6YCPkzJ.js";
-import { C as i, S as a, j as o, o as s, r as c, v as l, y as u } from "./ui-DZiGjPwl.js";
-import { O as d, R as f, n as p, p as m } from "./data-azhapQrS.js";
-import { o as h } from "./lazy-pages-fgtpXQ00.js";
+import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
+import { t as r } from "./page-header-Brq611fd.js";
+import { C as i, M as a, o, r as s, v as c, w as l, y as u } from "./ui-C9b1rIUH.js";
+import { O as d, R as f, n as p, p as m } from "./data-CkWfWr7i.js";
+import { o as h } from "./lazy-pages-BowaGsg-.js";
 //#region src/workspace/run/RunPage.tsx
 var g = /* @__PURE__ */ e(t(), 1), _ = n(), v = [
 	"overview",
@@ -23,7 +23,7 @@ var g = /* @__PURE__ */ e(t(), 1), _ = n(), v = [
 	traces: "Traces",
 	analytics: "Analytics",
 	checks: "Checks"
-}, b = (0, g.lazy)(() => import("./Overview-u7-8-rGx.js").catch(h).then((e) => ({ default: e.Overview }))), x = (0, g.lazy)(() => import("./Timeline-DzEzobA0.js").catch(h).then((e) => ({ default: e.TimelineTab }))), S = (0, g.lazy)(() => import("./Files-B-g25gSO.js").catch(h).then((e) => ({ default: e.Files }))), C = (0, g.lazy)(() => import("./Topology-Dsmuu27J.js").catch(h).then((e) => ({ default: e.Topology }))), w = (0, g.lazy)(() => import("./Conversations-DQBCyko6.js").catch(h).then((e) => ({ default: e.Conversations }))), T = (0, g.lazy)(() => import("./Traces-BWBulSPE.js").catch(h).then((e) => ({ default: e.Traces }))), E = (0, g.lazy)(() => import("./Analytics-CtKucZjs.js").catch(h).then((e) => ({ default: e.Analytics }))), D = (0, g.lazy)(() => import("./Checks-DZTgeYlV.js").catch(h).then((e) => ({ default: e.Checks }))), O = {
+}, b = (0, g.lazy)(() => import("./Overview-4Umk14_2.js").catch(h).then((e) => ({ default: e.Overview }))), x = (0, g.lazy)(() => import("./Timeline-BnK6-yBR.js").catch(h).then((e) => ({ default: e.TimelineTab }))), S = (0, g.lazy)(() => import("./Files-Cjr7NMU_.js").catch(h).then((e) => ({ default: e.Files }))), C = (0, g.lazy)(() => import("./Topology-CQPCLQT6.js").catch(h).then((e) => ({ default: e.Topology }))), w = (0, g.lazy)(() => import("./Conversations-C1n0EBBd.js").catch(h).then((e) => ({ default: e.Conversations }))), T = (0, g.lazy)(() => import("./Traces-C0IGk0L4.js").catch(h).then((e) => ({ default: e.Traces }))), E = (0, g.lazy)(() => import("./Analytics-DD__nbLm.js").catch(h).then((e) => ({ default: e.Analytics }))), D = (0, g.lazy)(() => import("./Checks-Ds5M7eAW.js").catch(h).then((e) => ({ default: e.Checks }))), O = {
 	agents: "conversations",
 	spend: "analytics",
 	progress: "overview"
@@ -81,17 +81,17 @@ var j = (e, t) => t === e ? "root" : t.startsWith(`${e}:`) ? t.slice(e.length +
 	return e.byId.has(r) ? r : null;
 };
 function N({ api: e, id: t, legacy: n }) {
-	let i = A(t), o = `${e}/runs/${encodeURIComponent(t)}`, l = m(o, void 0, !0), h = !!l.data?.execution?.alive, N = m(`${o}/workspace`, h ? 15e3 : void 0, !0), F = m(l.data ? `${e}/plays/${encodeURIComponent(l.data.run.play)}` : null), I = (0, g.useMemo)(() => N.data && l.data ? u(N.data, l.data.run) : null, [N.data, l.data]), L = i.params.get("section"), R = L ? O[L] : void 0;
+	let a = A(t), c = `${e}/runs/${encodeURIComponent(t)}`, l = m(c, void 0, !0), h = !!l.data?.execution?.alive, N = m(`${c}/workspace`, h ? 15e3 : void 0, !0), F = m(l.data ? `${e}/plays/${encodeURIComponent(l.data.run.play)}` : null), I = (0, g.useMemo)(() => N.data && l.data ? u(N.data, l.data.run) : null, [N.data, l.data]), L = a.params.get("section"), R = L ? O[L] : void 0;
 	(0, g.useEffect)(() => {
 		if (!R) return;
-		let e = i.params.get("node");
-		i.go(R, {
+		let e = a.params.get("node");
+		a.go(R, {
 			agent: e ? j(t, e) : void 0,
-			file: i.params.get("file") ?? void 0
+			file: a.params.get("file") ?? void 0
 		}, !0);
 	}, [R]);
-	let z = i.tab ?? "overview", B = I ? M(I, t, i.params.get("agent")) ?? I.root?.id ?? null : null, V = (0, g.useCallback)((e, n) => i.go(n ?? z, { agent: e ? j(t, e) : null }), [
-		i,
+	let z = a.tab ?? "overview", B = I ? M(I, t, a.params.get("agent")) ?? I.root?.id ?? null : null, V = (0, g.useCallback)((e, n) => a.go(n ?? z, { agent: e ? j(t, e) : null }), [
+		a,
 		z,
 		t
 	]), H = (0, g.useRef)(null);
@@ -106,9 +106,9 @@ function N({ api: e, id: t, legacy: n }) {
 		children: "Loading…"
 	});
 	let U = l.data, W = I ? {
-		conversations: a(I.agents.filter((e) => e.steps.length || e.turns).length),
-		traces: a(I.totals.steps),
-		checks: a(U.run.check?.counts?.checks ?? I.releases.length)
+		conversations: i(I.agents.filter((e) => e.steps.length || e.turns).length),
+		traces: i(I.totals.steps),
+		checks: i(U.run.check?.counts?.checks ?? I.releases.length)
 	} : {}, G = (e) => {
 		let t = v.indexOf(z), n = {
 			ArrowRight: t + 1,
@@ -119,21 +119,21 @@ function N({ api: e, id: t, legacy: n }) {
 		if (n === void 0) return;
 		e.preventDefault();
 		let r = v[(n + v.length) % v.length];
-		i.go(r), requestAnimationFrame(() => H.current?.querySelector(`[data-tab="${r}"]`)?.focus());
+		a.go(r), requestAnimationFrame(() => H.current?.querySelector(`[data-tab="${r}"]`)?.focus());
 	}, K = L && !R && n ? n(L) : null, q = I ? {
 		api: e,
-		runUrl: o,
+		runUrl: c,
 		doc: U,
 		play: F.data ?? null,
 		m: I,
 		route: {
-			...i,
+			...a,
 			tab: z
 		},
 		agent: B,
 		selectAgent: V
 	} : null;
-	return /* @__PURE__ */ (0, _.jsx)(c, { children: /* @__PURE__ */ (0, _.jsxs)("div", {
+	return /* @__PURE__ */ (0, _.jsx)(s, { children: /* @__PURE__ */ (0, _.jsxs)("div", {
 		className: "rp rp-run",
 		"data-run": t,
 		"data-tab": K ? void 0 : z,
@@ -170,12 +170,12 @@ function N({ api: e, id: t, legacy: n }) {
 				children: [v.map((e) => /* @__PURE__ */ (0, _.jsxs)("a", {
 					role: "tab",
 					"data-tab": e,
-					href: i.href(e),
+					href: a.href(e),
 					"aria-selected": !K && e === z,
 					tabIndex: e === z ? 0 : -1,
 					"aria-controls": "rp-panel",
 					onClick: (t) => {
-						t.metaKey || t.ctrlKey || t.shiftKey || t.button !== 0 || (t.preventDefault(), i.go(e));
+						t.metaKey || t.ctrlKey || t.shiftKey || t.button !== 0 || (t.preventDefault(), a.go(e));
 					},
 					children: [y[e], W[e] ? /* @__PURE__ */ (0, _.jsx)("span", {
 						className: "ct",
@@ -183,7 +183,7 @@ function N({ api: e, id: t, legacy: n }) {
 					}) : null]
 				}, e)), /* @__PURE__ */ (0, _.jsx)("span", {
 					className: "rp-more",
-					children: /* @__PURE__ */ (0, _.jsx)(s, {
+					children: /* @__PURE__ */ (0, _.jsx)(o, {
 						label: "More run sections",
 						options: k.map(([e, t]) => ({
 							id: e,
@@ -231,15 +231,15 @@ function N({ api: e, id: t, legacy: n }) {
 }
 function P({ m: e, doc: t }) {
 	let n = e.totals.billedUsd, r = [
-		[i(e.duration), e.live ? "running" : "run"],
-		[a(e.agents.length), e.agents.length === 1 ? "agent" : "agents"],
-		[a(e.totals.steps), "steps"],
+		[l(e.duration), e.live ? "running" : "run"],
+		[i(e.agents.length), e.agents.length === 1 ? "agent" : "agents"],
+		[i(e.totals.steps), "steps"],
 		[
-			l(e.totals.tokens),
+			c(e.totals.tokens),
 			"tokens",
-			e.totals.byClass ? `${l(e.totals.byClass.input)} in · ${l(e.totals.byClass.output)} out · ${l(e.totals.byClass.cacheRead)} cached` : void 0
+			e.totals.byClass ? `${c(e.totals.byClass.input)} in · ${c(e.totals.byClass.output)} out · ${c(e.totals.byClass.cacheRead)} cached` : void 0
 		],
-		e.totals.listUsd === null ? [o(n ?? t.spend.paidUsd ?? null), "billed"] : [o(e.totals.listUsd), "list"]
+		e.totals.listUsd === null ? [a(n ?? t.spend.paidUsd ?? null), "billed"] : [a(e.totals.listUsd), "list"]
 	];
 	return /* @__PURE__ */ (0, _.jsx)("ul", {
 		className: "rp-stats",

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

@@ -1,7 +1,7 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { s as r } from "./final-output-Db2D9cMT.js";
-import { m as i, p as a } from "./data-azhapQrS.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";
 //#region src/workspace/scores-model.ts
 var o = /* @__PURE__ */ e(t(), 1);
 function s(e, t) {