@tangle-network/sandbox-cli 0.21.22 → 0.21.24

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

@@ -0,0 +1,258 @@
+import { A as e, y as t } from "./run-receipt-Bvi4-KVM.js";
+import { n, p as r } from "./data-BJmP7F1M.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-CEhDqce8.js";
+import { o as d } from "./lazy-pages-CpmkG5o2.js";
+import { Suspense as f, lazy as p, useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { PageHeader as S } from "@tangle-network/ui/primitives";
+//#region src/workspace/run/RunPage.tsx
+var C = [
+	"overview",
+	"timeline",
+	"files",
+	"topology",
+	"conversations",
+	"traces",
+	"analytics",
+	"checks"
+], w = {
+	overview: "Overview",
+	timeline: "Timeline",
+	files: "Files",
+	topology: "Topology",
+	conversations: "Conversations",
+	traces: "Traces",
+	analytics: "Analytics",
+	checks: "Checks"
+}, T = p(() => import("./Overview-BaXPdCFC.js").catch(d).then((e) => ({ default: e.Overview }))), E = p(() => import("./Timeline-bPjhV3il.js").catch(d).then((e) => ({ default: e.TimelineTab }))), D = p(() => import("./Files-Dh8p_Fpw.js").catch(d).then((e) => ({ default: e.Files }))), O = p(() => import("./Topology-CyhuK6XW.js").catch(d).then((e) => ({ default: e.Topology }))), k = p(() => import("./Conversations-CISiWrR9.js").catch(d).then((e) => ({ default: e.Conversations }))), A = p(() => import("./Traces-C5x2UvJh.js").catch(d).then((e) => ({ default: e.Traces }))), j = p(() => import("./Analytics-DocMpB6T.js").catch(d).then((e) => ({ default: e.Analytics }))), M = p(() => import("./Checks-CbnY4tuh.js").catch(d).then((e) => ({ default: e.Checks }))), N = {
+	agents: "conversations",
+	spend: "analytics",
+	progress: "overview"
+}, P = [
+	["findings", "Findings"],
+	["outputs", "Outputs and grades"],
+	["readout", "Readout"],
+	["versions", "Versions"],
+	["graph", "Knowledge graph"],
+	["profiles", "Profiles"],
+	["assessments", "Assessments"],
+	["coverage", "Capture"],
+	["input", "Input"]
+];
+function F(e) {
+	let t = () => {
+		let e = window.location.pathname.split("/").filter(Boolean), t = e[0] === "run" ? decodeURIComponent(e[2] ?? "") : "";
+		return {
+			tab: C.includes(t) ? t : null,
+			search: window.location.search
+		};
+	}, [n, r] = v(t);
+	h(() => {
+		let e = () => r(t());
+		return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
+	}, []);
+	let i = g(() => new URLSearchParams(n.search), [n.search]), a = m((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 = m((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 I = (e, t) => t === e ? "root" : t.startsWith(`${e}:`) ? t.slice(e.length + 1) : t, L = (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 R({ api: i, id: o, legacy: l }) {
+	let d = F(o), p = `${i}/runs/${encodeURIComponent(o)}`, v = r(p, void 0, !0), R = !!v.data?.execution?.alive, B = r(`${p}/workspace`, R ? 15e3 : void 0, !0), V = r(v.data ? `${i}/plays/${encodeURIComponent(v.data.run.play)}` : null), H = g(() => B.data && v.data ? u(B.data, v.data.run) : null, [B.data, v.data]), U = d.params.get("section"), W = U ? N[U] : void 0;
+	h(() => {
+		if (!W) return;
+		let e = d.params.get("node");
+		d.go(W, {
+			agent: e ? I(o, e) : void 0,
+			file: d.params.get("file") ?? void 0
+		}, !0);
+	}, [W]);
+	let G = d.tab ?? "overview", K = H ? L(H, o, d.params.get("agent")) ?? H.root?.id ?? null : null, q = m((e, t) => d.go(t ?? G, { agent: e ? I(o, e) : null }), [
+		d,
+		G,
+		o
+	]), J = _(null);
+	if (v.error && !v.data) return /* @__PURE__ */ x("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["This run is unavailable: ", v.error]
+	});
+	if (!v.data) return /* @__PURE__ */ b("p", {
+		className: "ws-status",
+		role: "status",
+		children: "Loading…"
+	});
+	let Y = v.data, X = H ? {
+		conversations: a(H.agents.filter((e) => e.steps.length || e.turns).length),
+		traces: a(H.totals.steps),
+		checks: a(Y.run.check?.counts?.checks ?? H.releases.length)
+	} : {}, Z = (e) => {
+		let t = C.indexOf(G), n = {
+			ArrowRight: t + 1,
+			ArrowLeft: t - 1,
+			Home: 0,
+			End: C.length - 1
+		}[e.key];
+		if (n === void 0) return;
+		e.preventDefault();
+		let r = C[(n + C.length) % C.length];
+		d.go(r), requestAnimationFrame(() => J.current?.querySelector(`[data-tab="${r}"]`)?.focus());
+	}, Q = U && !W && l ? l(U) : null, $ = H ? {
+		api: i,
+		runUrl: p,
+		doc: Y,
+		play: V.data ?? null,
+		m: H,
+		route: {
+			...d,
+			tab: G
+		},
+		agent: K,
+		selectAgent: q
+	} : null;
+	return /* @__PURE__ */ b(c, { children: /* @__PURE__ */ x("div", {
+		className: "rp rp-run",
+		"data-run": o,
+		"data-tab": Q ? void 0 : G,
+		children: [
+			/* @__PURE__ */ b(S, {
+				className: "rp-head",
+				title: /* @__PURE__ */ x(y, { children: [
+					/* @__PURE__ */ b("a", {
+						href: `/play/${encodeURIComponent(Y.run.play)}`,
+						children: Y.run.play
+					}),
+					/* @__PURE__ */ b("span", {
+						className: "sep",
+						"aria-hidden": "true",
+						children: "/"
+					}),
+					/* @__PURE__ */ x("span", { children: ["Run ", t(Y.run.play, Y.run.id)] })
+				] }),
+				description: Y.view ? /* @__PURE__ */ b(n, {
+					status: e(Y.view.status),
+					title: Y.view.status.reason ?? void 0
+				}) : void 0,
+				actions: H ? /* @__PURE__ */ b(z, {
+					m: H,
+					doc: Y
+				}) : void 0
+			}),
+			/* @__PURE__ */ x("nav", {
+				ref: J,
+				className: "rp-tabs",
+				role: "tablist",
+				"aria-label": "Run",
+				onKeyDown: Z,
+				children: [C.map((e) => /* @__PURE__ */ x("a", {
+					role: "tab",
+					"data-tab": e,
+					href: d.href(e),
+					"aria-selected": !Q && e === G,
+					tabIndex: e === G ? 0 : -1,
+					"aria-controls": "rp-panel",
+					onClick: (t) => {
+						t.metaKey || t.ctrlKey || t.shiftKey || t.button !== 0 || (t.preventDefault(), d.go(e));
+					},
+					children: [w[e], X[e] ? /* @__PURE__ */ b("span", {
+						className: "ct",
+						children: X[e]
+					}) : null]
+				}, e)), /* @__PURE__ */ b("span", {
+					className: "rp-more",
+					children: /* @__PURE__ */ b(s, {
+						label: "More run sections",
+						options: P.map(([e, t]) => ({
+							id: e,
+							label: t
+						})),
+						value: Q ? U : null,
+						width: 260,
+						placeholder: "Find a section",
+						onChange: (e) => {
+							e && (window.history.pushState(null, "", `/run/${encodeURIComponent(o)}?section=${e}`), window.dispatchEvent(new PopStateEvent("popstate")));
+						},
+						children: Q ? P.find(([e]) => e === U)?.[1] ?? "More" : "More"
+					})
+				})]
+			}),
+			/* @__PURE__ */ b("main", {
+				id: "rp-panel",
+				className: "rp-work",
+				role: "tabpanel",
+				"aria-label": Q ? U ?? void 0 : w[G],
+				children: Q ?? ($ ? /* @__PURE__ */ x(f, {
+					fallback: /* @__PURE__ */ b("p", {
+						className: "ws-status",
+						role: "status",
+						children: "Loading…"
+					}),
+					children: [
+						G === "overview" && /* @__PURE__ */ b(T, { ...$ }),
+						G === "timeline" && /* @__PURE__ */ b(E, { ...$ }),
+						G === "files" && /* @__PURE__ */ b(D, { ...$ }),
+						G === "topology" && /* @__PURE__ */ b(O, { ...$ }),
+						G === "conversations" && /* @__PURE__ */ b(k, { ...$ }),
+						G === "traces" && /* @__PURE__ */ b(A, { ...$ }),
+						G === "analytics" && /* @__PURE__ */ b(j, { ...$ }),
+						G === "checks" && /* @__PURE__ */ b(M, { ...$ })
+					]
+				}) : /* @__PURE__ */ b("p", {
+					className: "ws-status",
+					role: B.error ? "alert" : "status",
+					children: B.error ? `The run's agents are unavailable: ${B.error}` : "Reading the run…"
+				}))
+			})
+		]
+	}) });
+}
+function z({ 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.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.listUsd === null ? [o(n ?? t.spend.paidUsd ?? null), "billed"] : [o(e.totals.listUsd), "list"]
+	];
+	return /* @__PURE__ */ b("ul", {
+		className: "rp-stats",
+		children: r.map(([e, t, n]) => /* @__PURE__ */ x("li", {
+			title: n,
+			children: [
+				/* @__PURE__ */ b("b", { children: e }),
+				" ",
+				t
+			]
+		}, t))
+	});
+}
+//#endregion
+export { C as RUN_PAGE_TABS, R as RunPage, L as agentFromParam, I as agentParam, F as useRunRoute };

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

@@ -0,0 +1,293 @@
+import { C as e, S as t, a as n, b as r, l as i, n as a, s as o, v as s, w as c } from "./ui-CEhDqce8.js";
+import { agentParam as l } from "./RunPage-nJwCsArn.js";
+import { useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { FlowWaterfall as _ } from "@tangle-network/charts/react";
+//#region src/workspace/run/Timeline.tsx
+function v(t) {
+	let n = t.root?.model ?? null, i = [];
+	for (let e of t.agents) {
+		if (e.start === null) continue;
+		let a = e.state.tone === "live", o = a ? t.duration : Math.max(e.start, e.end ?? e.last ?? e.start);
+		i.push({
+			id: e.id,
+			...e.parent ? { parentId: e.parent } : {},
+			kind: "pipeline",
+			name: e.name,
+			...e.model && e.model !== n ? { detail: e.model } : {},
+			startMs: Math.max(0, e.start),
+			endMs: o,
+			status: a ? "running" : e.status === "failed" ? "failed" : "done",
+			...e.commits === null ? {} : { outcome: e.commits ? {
+				tone: "ok",
+				label: "Shipped"
+			} : e.status === "failed" ? {
+				tone: "failed",
+				label: "Failed"
+			} : a ? {
+				tone: "warn",
+				label: "Running"
+			} : {
+				tone: "neutral",
+				label: "Nothing shipped"
+			} },
+			...e.listUsd ? { costUsd: e.listUsd } : e.billedUsd ? { costUsd: e.billedUsd } : {},
+			...e.byClass ? {
+				promptTokens: e.byClass.input + e.byClass.cacheRead,
+				completionTokens: e.byClass.output,
+				cachedTokens: e.byClass.cacheRead
+			} : {},
+			marks: e.restarts.map((e) => ({
+				at: e,
+				kind: "restart",
+				label: `Restarted ${r(t.t0)(e)} UTC`
+			})),
+			facts: [
+				{
+					label: "Commits",
+					value: e.commits === null ? "—" : String(e.commits)
+				},
+				{
+					label: "Restarts",
+					value: String(e.restarts.length)
+				},
+				...e.turns === null ? [] : [{
+					label: "Turns",
+					value: String(e.turns)
+				}],
+				...e.harness ? [{
+					label: "Harness",
+					value: e.harness
+				}] : []
+			]
+		}), e.steps.forEach((t, n) => {
+			i.push({
+				id: `${e.id}#${n}`,
+				parentId: e.id,
+				kind: t.kind,
+				name: t.kind === "model" ? t.model ? t.model.split("/").pop() ?? "model call" : "model call" : t.kind === "tool" ? t.tool ?? "tool" : "waiting",
+				...t.target ? { detail: t.target } : {},
+				startMs: Math.max(0, t.t),
+				endMs: Math.max(0, t.t + t.d),
+				status: t.failed ? "failed" : "done",
+				...t.tokens ? {
+					promptTokens: t.tokens.input + t.tokens.cacheRead,
+					completionTokens: t.tokens.output,
+					cachedTokens: t.tokens.cacheRead
+				} : {},
+				...t.usd ? { costUsd: t.usd } : {}
+			});
+		});
+	}
+	let a = t.totals.byClass;
+	return {
+		spans: i,
+		totalMs: t.duration,
+		promptTokens: a ? a.input + a.cacheRead : t.totals.tokens ?? 0,
+		completionTokens: a?.output ?? 0,
+		...t.totals.listUsd === null ? {} : {
+			costUsd: t.totals.listUsd,
+			costBasis: "list"
+		},
+		...t.totals.billedUsd === null ? {} : { billedUsd: t.totals.billedUsd },
+		modelCalls: t.totals.model,
+		toolCalls: t.totals.tool,
+		errors: t.totals.failed,
+		pauses: t.pauses.map((t) => ({
+			startMs: t.from,
+			endMs: t.to,
+			label: `No agent turn ${e(t.to - t.from)}`,
+			detail: t.reason
+		}))
+	};
+}
+function y({ m: e, agent: t, selectAgent: n, route: r, doc: i }) {
+	let a = d(() => v(e), [e]), o = d(() => 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 = f(null), [c, m] = p(480);
+	u(() => {
+		let e = s.current;
+		if (!e) return;
+		let t = new ResizeObserver(() => m(e.clientHeight));
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let y = r.params.get("agent") ? t : null, x = y ? e.byId.get(y) ?? null : null;
+	return /* @__PURE__ */ g("div", {
+		className: "rp-tl",
+		children: [/* @__PURE__ */ h("section", {
+			className: "rp-tl-chart",
+			"aria-label": "Agents over time",
+			ref: s,
+			children: /* @__PURE__ */ h(_, {
+				trace: a,
+				live: e.live,
+				label: "Agents over time",
+				defaultView: "agents",
+				summary: !1,
+				markers: o,
+				maxHeight: Math.max(200, c - 230),
+				selectedId: y ?? void 0,
+				onDeselect: () => n(null),
+				onSelect: (t) => {
+					let r = t.kind === "pipeline" ? t.id : t.parentId;
+					r && e.byId.has(r) && n(r);
+				}
+			})
+		}), x && /* @__PURE__ */ h(b, {
+			m: e,
+			a: x,
+			href: (e) => r.href(e, { agent: l(i.run.id, x.id) })
+		})]
+	});
+}
+function b({ m: l, a: u, href: d }) {
+	let f = r(l.t0), p = Math.max(1, ...u.tools.map((e) => e.calls));
+	return /* @__PURE__ */ g("section", {
+		className: "rp-card rp-insp",
+		"aria-label": `${u.name}: whole run`,
+		children: [/* @__PURE__ */ g("div", {
+			className: "rp-hd sm",
+			children: [
+				/* @__PURE__ */ g("h2", { children: [/* @__PURE__ */ h(o, { tone: u.state.tone }), u.name] }),
+				/* @__PURE__ */ h("span", {
+					className: `rp-pill ${u.state.tone}`,
+					children: u.state.label
+				}),
+				/* @__PURE__ */ h("span", {
+					className: "muted ph-hide",
+					children: [u.model, u.harness].filter(Boolean).join(" · ")
+				}),
+				/* @__PURE__ */ g("span", {
+					className: "end",
+					children: [/* @__PURE__ */ g("a", {
+						className: "rp-btn sm",
+						href: d("conversations"),
+						children: ["Conversation", /* @__PURE__ */ h(n, {
+							name: "arrow",
+							size: 14
+						})]
+					}), /* @__PURE__ */ g("a", {
+						className: "rp-btn sm ph-hide",
+						href: d("traces"),
+						children: ["Traces", /* @__PURE__ */ h(n, {
+							name: "arrow",
+							size: 14
+						})]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ g("div", {
+			className: "rp-ig",
+			children: [
+				/* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ h("h4", { children: "Tokens" }),
+					/* @__PURE__ */ h("div", {
+						className: "big",
+						children: u.tokens === null ? "—" : s(u.tokens)
+					}),
+					/* @__PURE__ */ g("dl", { children: [
+						u.byClass ? /* @__PURE__ */ g(m, { children: [
+							/* @__PURE__ */ h("dt", { children: "In" }),
+							/* @__PURE__ */ h("dd", { children: s(u.byClass.input) }),
+							/* @__PURE__ */ h("dt", { children: "Out" }),
+							/* @__PURE__ */ h("dd", { children: s(u.byClass.output) }),
+							/* @__PURE__ */ h("dt", { children: "Cached" }),
+							/* @__PURE__ */ h("dd", { children: s(u.byClass.cacheRead) })
+						] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("dt", { children: "In · out split" }), /* @__PURE__ */ h("dd", {
+							className: "dim",
+							children: "not recorded"
+						})] }),
+						/* @__PURE__ */ h("dt", { children: "Cost" }),
+						/* @__PURE__ */ h("dd", { children: i(u) })
+					] })
+				] }),
+				/* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ h("h4", { children: "Model calls" }),
+					/* @__PURE__ */ h("div", {
+						className: "big",
+						children: t(u.modelCalls)
+					}),
+					/* @__PURE__ */ g("dl", { children: [
+						/* @__PURE__ */ h("dt", { children: "p50" }),
+						/* @__PURE__ */ h("dd", { children: c(u.latency.p50) }),
+						/* @__PURE__ */ h("dt", { children: "p90" }),
+						/* @__PURE__ */ h("dd", { children: c(u.latency.p90) }),
+						/* @__PURE__ */ h("dt", { children: "p99" }),
+						/* @__PURE__ */ h("dd", { children: c(u.latency.p99) }),
+						/* @__PURE__ */ h("dt", { children: "Busy" }),
+						/* @__PURE__ */ h("dd", { children: e(u.busy) })
+					] })
+				] }),
+				/* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ h("h4", { children: "Tool calls" }),
+					/* @__PURE__ */ g("div", {
+						className: "big",
+						children: [t(u.toolCalls), u.toolFailures ? /* @__PURE__ */ g("small", {
+							className: "f",
+							children: [
+								" ",
+								u.toolFailures,
+								" failed"
+							]
+						}) : null]
+					}),
+					u.tools.length ? /* @__PURE__ */ h("div", {
+						className: "rp-tbars",
+						children: u.tools.slice(0, 4).map((e) => /* @__PURE__ */ g("div", {
+							className: "row",
+							children: [
+								/* @__PURE__ */ h("span", {
+									className: "l",
+									title: e.name,
+									children: e.name
+								}),
+								/* @__PURE__ */ h(a, {
+									ok: e.calls - e.failures,
+									failed: e.failures,
+									max: p
+								}),
+								/* @__PURE__ */ h("span", {
+									className: "n",
+									children: t(e.calls)
+								})
+							]
+						}, e.name))
+					}) : /* @__PURE__ */ h("span", {
+						className: "dim",
+						children: "No tool calls"
+					})
+				] }),
+				/* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ h("h4", { children: "Reliability" }),
+					/* @__PURE__ */ g("div", {
+						className: "big",
+						children: [
+							u.failedSteps,
+							" ",
+							/* @__PURE__ */ h("small", { children: "failed steps" })
+						]
+					}),
+					/* @__PURE__ */ g("dl", { children: [
+						/* @__PURE__ */ h("dt", { children: "Retried steps" }),
+						/* @__PURE__ */ h("dd", { children: u.retries }),
+						/* @__PURE__ */ h("dt", { children: "Restarts" }),
+						/* @__PURE__ */ h("dd", { children: u.restarts.length }),
+						/* @__PURE__ */ h("dt", { children: "Spawned · commits" }),
+						/* @__PURE__ */ g("dd", { children: [
+							u.children.length,
+							" · ",
+							u.commits ?? "—"
+						] }),
+						/* @__PURE__ */ h("dt", { children: "Active" }),
+						/* @__PURE__ */ h("dd", { children: u.first === null ? "never" : `${f(u.first)}–${u.state.tone === "live" ? "now" : f(u.last ?? u.first)}` })
+					] })
+				] })
+			]
+		})]
+	});
+}
+//#endregion
+export { b as AgentInspector, y as TimelineTab, v as flowTrace };