@tangle-network/sandbox-cli 0.21.23 → 0.21.24

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

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