@tangle-network/sandbox-cli 0.21.64 → 0.21.66

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

@@ -0,0 +1,335 @@
+import { S as e, a as t, b as n, c as r, h as i, m as a, n as o, s, v as c, x as l } from "./ui-xa5w5bEN.js";
+import { agentParam as u } from "./RunPage-F_prVwiV.js";
+import { useEffect as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { FlowWaterfall as y } from "@tangle-network/charts/react";
+//#region src/workspace/run/Timeline.tsx
+var b = {
+	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 x(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", a = 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: a,
+			status: n.status === "succeeded" ? "done" : n.status,
+			outcome: b[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 ${c(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"
+				},
+				...i(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 ${l(e.to - e.from)}`,
+			detail: e.reason
+		}))
+	};
+}
+function S({ m: e, agent: t, selectAgent: n, route: r, doc: i }) {
+	let a = p(() => x(e), [e]), o = p(() => 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 = m(null), [c, l] = h(480);
+	d(() => {
+		let e = s.current;
+		if (!e) return;
+		let t = new ResizeObserver(() => l(e.clientHeight));
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let [g, b] = h(196);
+	f(() => {
+		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 - g) > 1 && b(n);
+	});
+	let S = r.params.get("agent") ? t : null, w = S ? e.byId.get(S) ?? null : null;
+	return /* @__PURE__ */ v("div", {
+		className: "rp-tl",
+		children: [/* @__PURE__ */ _("section", {
+			className: "rp-tl-chart",
+			"aria-label": "Agents over time",
+			ref: s,
+			children: /* @__PURE__ */ _(y, {
+				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 - g - 2),
+				selectedId: S ?? void 0,
+				onDeselect: () => n(null),
+				onSelect: (t) => {
+					let r = t.kind === "pipeline" ? t.id : t.parentId;
+					r && e.byId.has(r) && n(r);
+				}
+			})
+		}), w && /* @__PURE__ */ _(C, {
+			m: e,
+			a: w,
+			href: (e) => r.href(e, { agent: u(i.run.id, w.id) })
+		})]
+	});
+}
+function C({ m: i, a: u, href: d }) {
+	let f = c(i.t0), p = Math.max(1, ...u.tools.map((e) => e.calls));
+	return /* @__PURE__ */ v("section", {
+		className: "rp-card rp-insp",
+		"aria-label": `${u.name}: whole run`,
+		children: [/* @__PURE__ */ v("div", {
+			className: "rp-hd sm",
+			children: [
+				/* @__PURE__ */ v("h2", { children: [/* @__PURE__ */ _(s, { tone: u.state.tone }), u.name] }),
+				/* @__PURE__ */ _("span", {
+					className: `rp-pill ${u.state.tone}`,
+					children: u.state.label
+				}),
+				/* @__PURE__ */ _("span", {
+					className: "muted ph-hide",
+					children: [u.model, u.harness].filter(Boolean).join(" · ")
+				}),
+				/* @__PURE__ */ v("span", {
+					className: "end",
+					children: [/* @__PURE__ */ v("a", {
+						className: "rp-btn sm",
+						href: d("conversations"),
+						children: ["Conversation", /* @__PURE__ */ _(t, {
+							name: "arrow",
+							size: 14
+						})]
+					}), /* @__PURE__ */ v("a", {
+						className: "rp-btn sm ph-hide",
+						href: d("traces"),
+						children: ["Traces", /* @__PURE__ */ _(t, {
+							name: "arrow",
+							size: 14
+						})]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ v("div", {
+			className: "rp-ig",
+			children: [
+				/* @__PURE__ */ v("div", { children: [
+					/* @__PURE__ */ _("h4", { children: "Tokens" }),
+					/* @__PURE__ */ _("div", {
+						className: "big",
+						children: u.tokens === null ? "—" : a(u.tokens)
+					}),
+					/* @__PURE__ */ v("dl", { children: [
+						u.byClass ? /* @__PURE__ */ v(g, { children: [
+							/* @__PURE__ */ _("dt", { children: "In" }),
+							/* @__PURE__ */ _("dd", { children: a(u.byClass.input) }),
+							/* @__PURE__ */ _("dt", { children: "Out" }),
+							/* @__PURE__ */ _("dd", { children: a(u.byClass.output) }),
+							/* @__PURE__ */ _("dt", { children: "Cached" }),
+							/* @__PURE__ */ _("dd", { children: a(u.byClass.cacheRead) })
+						] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("dt", { children: "In · out split" }), /* @__PURE__ */ _("dd", {
+							className: "dim",
+							children: "not recorded"
+						})] }),
+						/* @__PURE__ */ _("dt", { children: "Cost" }),
+						/* @__PURE__ */ _("dd", { children: r(u) })
+					] })
+				] }),
+				/* @__PURE__ */ v("div", { children: [
+					/* @__PURE__ */ _("h4", { children: "Model calls" }),
+					/* @__PURE__ */ _("div", {
+						className: "big",
+						children: n(u.modelCalls)
+					}),
+					/* @__PURE__ */ v("dl", { children: [
+						/* @__PURE__ */ _("dt", { children: "p50" }),
+						/* @__PURE__ */ _("dd", { children: e(u.latency.p50) }),
+						/* @__PURE__ */ _("dt", { children: "p90" }),
+						/* @__PURE__ */ _("dd", { children: e(u.latency.p90) }),
+						/* @__PURE__ */ _("dt", { children: "p99" }),
+						/* @__PURE__ */ _("dd", { children: e(u.latency.p99) }),
+						/* @__PURE__ */ _("dt", { children: "Busy" }),
+						/* @__PURE__ */ _("dd", { children: l(u.busy) })
+					] })
+				] }),
+				/* @__PURE__ */ v("div", { children: [
+					/* @__PURE__ */ _("h4", { children: "Tool calls" }),
+					/* @__PURE__ */ v("div", {
+						className: "big",
+						children: [n(u.toolCalls), u.toolFailures ? /* @__PURE__ */ v("small", {
+							className: "f",
+							children: [
+								" ",
+								u.toolFailures,
+								" failed"
+							]
+						}) : null]
+					}),
+					u.tools.length ? /* @__PURE__ */ _("div", {
+						className: "rp-tbars",
+						children: u.tools.slice(0, 4).map((e) => /* @__PURE__ */ v("div", {
+							className: "row",
+							children: [
+								/* @__PURE__ */ _("span", {
+									className: "l",
+									title: e.name,
+									children: e.name
+								}),
+								/* @__PURE__ */ _(o, {
+									ok: e.calls - e.failures,
+									failed: e.failures,
+									max: p
+								}),
+								/* @__PURE__ */ _("span", {
+									className: "n",
+									children: n(e.calls)
+								})
+							]
+						}, e.name))
+					}) : /* @__PURE__ */ _("span", {
+						className: "dim",
+						children: u.toolCalls === null ? "Tool calls not recorded" : "No tool calls"
+					})
+				] }),
+				/* @__PURE__ */ v("div", { children: [
+					/* @__PURE__ */ _("h4", { children: "Reliability" }),
+					/* @__PURE__ */ v("div", {
+						className: "big",
+						children: [
+							u.failedSteps,
+							" ",
+							/* @__PURE__ */ _("small", { children: "failed steps" })
+						]
+					}),
+					/* @__PURE__ */ v("dl", { children: [
+						/* @__PURE__ */ _("dt", { children: "Retried steps" }),
+						/* @__PURE__ */ _("dd", { children: u.retries }),
+						/* @__PURE__ */ _("dt", { children: "Restarts" }),
+						/* @__PURE__ */ _("dd", { children: u.restarts.length }),
+						/* @__PURE__ */ _("dt", { children: "Spawned · commits" }),
+						/* @__PURE__ */ v("dd", { children: [
+							u.children.length,
+							" · ",
+							u.commits ?? "—"
+						] }),
+						/* @__PURE__ */ _("dt", { children: "Active" }),
+						/* @__PURE__ */ _("dd", { children: u.first === null ? "never" : `${f(u.first)}–${u.state.tone === "live" ? "now" : f(u.last ?? u.first)}` })
+					] })
+				] })
+			]
+		})]
+	});
+}
+//#endregion
+export { C as AgentInspector, S as TimelineTab, x as flowTrace };