@tangle-network/sandbox-cli 0.22.0-develop.20260814062836.bb3da78 → 0.22.0

package/dist/graph-viewer/Topology-SAfGtd5u.js

@@ -0,0 +1,238 @@
+import { D as e, S as t, a as n, b as r, c as i, h as a, l as o, m as s, n as c, o as l, s as u, u as d } from "./ui-xa5w5bEN.js";
+import { agentParam as f } from "./RunPage-F_prVwiV.js";
+import { useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { toolGlyph as b } from "@tangle-network/charts/react";
+import { AgentGraph as x } from "@tangle-network/sandbox-ui/workflows";
+//#region src/workspace/run/Topology.tsx
+function S(e) {
+	return e.agents.map((t) => {
+		let n = t.events;
+		return {
+			id: t.id,
+			label: t.name,
+			status: t.status,
+			model: t.model,
+			harness: t.harness,
+			costUsd: t.listUsd ?? t.billedUsd,
+			tokens: t.tokens,
+			commits: t.commits,
+			facts: a(e, t),
+			startedAt: Number.isFinite(Date.parse(t.node.start ?? "")) ? Date.parse(t.node.start) : void 0,
+			lastActivityAt: t.lastActivityAt,
+			medianEventGapMs: t.medianEventGapMs,
+			turn: t.node.turn,
+			events: n,
+			result: t.status === "failed" ? t.node.failureReason || `Failure cause not recorded${n.at(-1)?.label ? `. Last event: ${n.at(-1).label}` : ""}` : t.commits ? `${t.commits} commits shipped` : t.state.label
+		};
+	});
+}
+function C({ m: e, agent: t, selectAgent: n, route: r, doc: i }) {
+	let a = m(() => S(e), [e]), s = m(() => e.agents.flatMap((e) => e.parent ? [{
+		from: e.parent,
+		to: e.id,
+		kind: "spawn"
+	}] : []), [e]), [c, u] = g(0), p = (e) => {
+		n(e), u((e) => e + 1);
+	}, h = t ?? e.root?.id ?? null, _ = h ? e.byId.get(h) ?? null : null;
+	return /* @__PURE__ */ y("div", {
+		className: "rp-topo",
+		children: [/* @__PURE__ */ y("section", {
+			className: "rp-card",
+			"aria-label": "Spawn tree",
+			children: [/* @__PURE__ */ y("div", {
+				className: "rp-hd rp-hd-tools",
+				children: [/* @__PURE__ */ v("h2", { children: "Agents" }), /* @__PURE__ */ v("span", {
+					className: "end",
+					children: /* @__PURE__ */ v(l, {
+						label: "Go to agent",
+						options: d(e),
+						groups: o(e),
+						value: h,
+						placeholder: `Search ${e.agents.length} agents`,
+						width: 340,
+						onChange: (e) => {
+							e && p(e);
+						},
+						children: /* @__PURE__ */ v("span", {
+							className: "dim",
+							children: "Go to agent"
+						})
+					})
+				})]
+			}), /* @__PURE__ */ v(x, {
+				renderEventIcon: (e) => b(e.label),
+				nodes: a,
+				edges: s,
+				selectedId: h,
+				onSelect: p,
+				live: e.live,
+				showLatestEvents: !1,
+				title: "Agents",
+				className: "rp-topo-graph"
+			})]
+		}), _ && /* @__PURE__ */ v(w, {
+			m: e,
+			a: _,
+			reveal: r.params.has("agent"),
+			selection: c,
+			onSelect: p,
+			href: r.href("conversations", { agent: f(i.run.id, _.id) })
+		})]
+	});
+}
+function w({ m: a, a: o, reveal: l, selection: d, onSelect: f, href: m }) {
+	let g = h(null);
+	p(() => {
+		l && matchMedia("(max-width: 720px)").matches && (g.current?.focus({ preventScroll: !0 }), g.current?.scrollIntoView({
+			block: "start",
+			behavior: "instant"
+		}));
+	}, [
+		o.id,
+		l,
+		d
+	]);
+	let b = a.duration > 72e6 || new Date(a.t0).toISOString().slice(0, 10) !== new Date(a.t0 + a.duration).toISOString().slice(0, 10), x = (t) => Number.isFinite(Date.parse(t ?? "")) ? e(t, b) : "—", S = Math.max(1, ...o.tools.map((e) => e.calls)), C = o.parent ? a.byId.get(o.parent) : null, w = [[
+		o.model ?? "model",
+		o.latency.p50,
+		o.latency.p90,
+		o.latency.p99,
+		o.modelCalls
+	], ...o.tools.slice(0, 5).map((e) => [
+		e.name,
+		e.p50,
+		e.p90,
+		e.p99,
+		e.calls
+	])];
+	return /* @__PURE__ */ y("aside", {
+		ref: g,
+		tabIndex: -1,
+		className: "rp-card",
+		"aria-label": o.name,
+		style: { scrollMarginTop: "calc(var(--ar-sticky-top, 0px) + 44px)" },
+		children: [/* @__PURE__ */ y("div", {
+			className: "rp-hd",
+			children: [/* @__PURE__ */ y("h2", { children: [/* @__PURE__ */ v(u, { tone: o.state.tone }), o.name] }), /* @__PURE__ */ v("span", {
+				className: "end",
+				children: /* @__PURE__ */ v("span", {
+					className: `rp-pill ${o.state.tone}`,
+					children: o.state.label
+				})
+			})]
+		}), /* @__PURE__ */ y("div", {
+			className: "rp-scroll rp-tinsp",
+			children: [
+				/* @__PURE__ */ y("dl", {
+					className: "rp-kv",
+					children: [
+						o.status === "failed" && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("dt", { children: "Failure" }), /* @__PURE__ */ v("dd", {
+							className: "f",
+							children: o.node.failureReason || "Cause not recorded"
+						})] }),
+						o.status === "needs-you" && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("dt", { children: "Request" }), /* @__PURE__ */ v("dd", { children: o.node.turn || "Request not recorded" })] }),
+						/* @__PURE__ */ v("dt", { children: "Model" }),
+						/* @__PURE__ */ v("dd", { children: [o.model, o.harness].filter(Boolean).join(" · ") || "—" }),
+						/* @__PURE__ */ v("dt", { children: "Spawned" }),
+						/* @__PURE__ */ y("dd", { children: [C ? `by ${C.name} · ` : "", x(o.node.start)] }),
+						/* @__PURE__ */ v("dt", { children: "Ended" }),
+						/* @__PURE__ */ v("dd", { children: x(o.node.end) }),
+						/* @__PURE__ */ v("dt", { children: "Cost" }),
+						/* @__PURE__ */ v("dd", { children: i(o) })
+					]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "rp-stat3",
+					children: [
+						[s(o.tokens), "tokens"],
+						[r(o.modelCalls), o.modelCalls === 1 ? "model call" : "model calls"],
+						[r(o.toolCalls), o.toolCalls === 1 ? "tool call" : "tool calls"],
+						[String(o.failedSteps), o.failedSteps === 1 ? "failed step" : "failed steps"],
+						[String(o.restarts.length), o.restarts.length === 1 ? "restart" : "restarts"],
+						[o.commits === null ? "—" : String(o.commits), o.commits === 1 ? "commit" : "commits"]
+					].map(([e, t]) => /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("b", { children: e }), /* @__PURE__ */ v("span", { children: t })] }, t))
+				}),
+				(o.modelCalls ?? 0) > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("h5", {
+					className: "rp-subh",
+					children: "Latency"
+				}), /* @__PURE__ */ y("table", {
+					className: "rp-lt",
+					children: [/* @__PURE__ */ v("thead", { children: /* @__PURE__ */ y("tr", { children: [
+						/* @__PURE__ */ v("th", {}),
+						/* @__PURE__ */ v("th", { children: "calls" }),
+						/* @__PURE__ */ v("th", { children: "p50" }),
+						/* @__PURE__ */ v("th", { children: "p90" }),
+						/* @__PURE__ */ v("th", { children: "p99" })
+					] }) }), /* @__PURE__ */ v("tbody", { children: w.map(([e, n, i, a, o]) => /* @__PURE__ */ y("tr", { children: [
+						/* @__PURE__ */ v("td", {
+							title: e,
+							children: e
+						}),
+						/* @__PURE__ */ v("td", { children: r(o) }),
+						/* @__PURE__ */ v("td", { children: t(n) }),
+						/* @__PURE__ */ v("td", { children: t(i) }),
+						/* @__PURE__ */ v("td", { children: t(a) })
+					] }, e)) })]
+				})] }),
+				o.tools.length > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("h5", {
+					className: "rp-subh",
+					children: "Tool calls"
+				}), /* @__PURE__ */ v("div", {
+					className: "rp-tbars four",
+					children: o.tools.slice(0, 8).map((e) => /* @__PURE__ */ y("div", {
+						className: "row",
+						children: [
+							/* @__PURE__ */ v("span", {
+								className: "l",
+								title: e.name,
+								children: e.name
+							}),
+							/* @__PURE__ */ v(c, {
+								ok: e.calls - e.failures,
+								failed: e.failures,
+								max: S
+							}),
+							/* @__PURE__ */ v("span", {
+								className: "n",
+								children: r(e.calls)
+							}),
+							/* @__PURE__ */ v("span", {
+								className: "n f",
+								children: e.failures ? `${e.failures} ✕` : ""
+							})
+						]
+					}, e.name))
+				})] }),
+				o.children.length > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("h5", {
+					className: "rp-subh",
+					children: ["Spawned · ", o.children.length]
+				}), /* @__PURE__ */ y("div", {
+					className: "rp-chips",
+					children: [o.children.slice(0, 14).map((e) => {
+						let t = a.byId.get(e);
+						return /* @__PURE__ */ y("button", {
+							type: "button",
+							className: "rp-chip",
+							onClick: () => f(e),
+							children: [/* @__PURE__ */ v(u, { tone: t.state.tone }), t.name]
+						}, e);
+					}), o.children.length > 14 && /* @__PURE__ */ y("span", {
+						className: "rp-chip dim",
+						children: [o.children.length - 14, " more"]
+					})]
+				})] }),
+				/* @__PURE__ */ v("p", { children: /* @__PURE__ */ y("a", {
+					className: "rp-btn sm framed",
+					href: m,
+					children: ["Conversation", /* @__PURE__ */ v(n, {
+						name: "arrow",
+						size: 14
+					})]
+				}) })
+			]
+		})]
+	});
+}
+//#endregion
+export { C as Topology, S as graphNodes };

package/dist/graph-viewer/Traces-BYqXaS_s.js

@@ -0,0 +1,254 @@
+import { O as e, S as t, b as n, c as r, l as i, m as a, o, p as s, u as c, y as l } from "./ui-xa5w5bEN.js";
+import { agentParam as u } from "./RunPage-F_prVwiV.js";
+import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { SegmentedControl as v } from "@tangle-network/ui/primitives";
+//#region src/workspace/run/Traces.tsx
+var y = 34;
+function b({ m: b, doc: x, agent: S, route: C }) {
+	let w = C.params.get("agent") ? S : null, [T, E] = m("all"), [D, O] = m(0), k = f(() => b.steps.filter((e) => !w || e.agent.id === w), [b, w]), A = f(() => ({
+		all: k.length,
+		model: k.filter((e) => e.step.kind === "model").length,
+		tool: k.filter((e) => e.step.kind === "tool").length,
+		failed: k.filter((e) => e.step.failed).length
+	}), [k]), j = f(() => k.filter(({ step: e }) => T === "all" || (T === "failed" ? e.failed : e.kind === T)), [k, T]), M = f(() => Math.log10(Math.max(10, ...j.map((e) => e.step.d))), [j]), N = p(null), P = s(N, j.length, y, 8);
+	d(() => {
+		O(0), N.current && (N.current.scrollTop = 0);
+	}, [T, w]);
+	let F = l(b.t0), I = (e, t = !1) => {
+		let n = Math.max(0, Math.min(j.length - 1, e));
+		O(n);
+		let r = N.current;
+		if (r && t) {
+			let e = n * y;
+			e < r.scrollTop ? r.scrollTop = e : e + y + 36 > r.scrollTop + r.clientHeight && (r.scrollTop = e + y + 36 - r.clientHeight), requestAnimationFrame(() => r.querySelector(`[data-i="${n}"]`)?.focus());
+		}
+	}, L = (e) => {
+		(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), I(D + (e.key === "ArrowDown" ? 1 : -1), !0));
+	}, R = j[D], z = c(b, (e) => e.steps.length > 0, (e) => `${n(e.steps.length)} steps`);
+	return /* @__PURE__ */ _("section", {
+		className: "rp-card rp-traces",
+		"aria-label": "Traces",
+		children: [/* @__PURE__ */ _("div", {
+			className: "rp-hd rp-hd-tools",
+			style: { paddingLeft: 8 },
+			children: [/* @__PURE__ */ g(o, {
+				label: "Agent",
+				options: z,
+				groups: i(b),
+				all: {
+					label: "All agents",
+					meta: `${n(b.totals.steps)} steps`
+				},
+				value: w,
+				width: 340,
+				placeholder: `Search ${z.length} agents`,
+				style: { width: 260 },
+				onChange: (e) => C.go("traces", { agent: e ? u(x.run.id, e) : null }),
+				children: w ? b.byId.get(w)?.name : "All agents"
+			}), /* @__PURE__ */ g(v, {
+				"aria-label": "Kind",
+				value: T,
+				onValueChange: E,
+				options: [
+					"all",
+					"model",
+					"tool",
+					"failed"
+				].map((e) => ({
+					value: e,
+					label: e === "all" ? "All" : e[0].toUpperCase() + e.slice(1),
+					adornment: /* @__PURE__ */ g("span", {
+						className: "ct",
+						children: n(A[e])
+					})
+				}))
+			})]
+		}), /* @__PURE__ */ _("div", {
+			className: "rp-trw",
+			children: [/* @__PURE__ */ _("div", {
+				className: "rp-tbl",
+				ref: N,
+				role: "grid",
+				"aria-label": "Spans",
+				"aria-rowcount": j.length,
+				onKeyDown: L,
+				children: [
+					/* @__PURE__ */ _("div", {
+						className: "rp-tr th",
+						role: "row",
+						children: [
+							/* @__PURE__ */ _("span", {
+								role: "columnheader",
+								children: ["Start", /* @__PURE__ */ g("span", {
+									className: "ph-hide",
+									children: " (UTC)"
+								})]
+							}),
+							/* @__PURE__ */ g("span", {
+								role: "columnheader",
+								children: "Agent"
+							}),
+							/* @__PURE__ */ g("span", {
+								role: "columnheader",
+								children: "Kind"
+							}),
+							/* @__PURE__ */ g("span", {
+								role: "columnheader",
+								children: "Name"
+							}),
+							/* @__PURE__ */ g("span", {
+								role: "columnheader",
+								className: "r",
+								children: "Duration"
+							}),
+							/* @__PURE__ */ g("span", {
+								role: "columnheader",
+								className: "sr",
+								children: "Status"
+							})
+						]
+					}),
+					/* @__PURE__ */ g("div", { style: { height: P.before } }),
+					j.slice(P.first, P.last).map(({ agent: e, step: n }, r) => {
+						let i = P.first + r;
+						return /* @__PURE__ */ _("div", {
+							"data-i": i,
+							className: `rp-tr${n.failed ? " failed" : ""}`,
+							role: "row",
+							"aria-selected": i === D,
+							tabIndex: i === D ? 0 : -1,
+							onClick: () => I(i),
+							children: [
+								/* @__PURE__ */ g("span", {
+									className: "m",
+									children: F(n.t)
+								}),
+								/* @__PURE__ */ g("span", {
+									title: e.name,
+									children: e.name
+								}),
+								/* @__PURE__ */ _("span", {
+									className: "kind",
+									children: [/* @__PURE__ */ g("i", { className: n.kind }), n.kind]
+								}),
+								/* @__PURE__ */ g("span", {
+									className: "m nm",
+									title: n.kind === "tool" ? `${n.tool}${n.target ? ` ${n.target}` : ""}` : void 0,
+									children: n.kind === "model" ? n.model?.split("/").pop() ?? e.model ?? "model" : n.kind === "tool" ? /* @__PURE__ */ _(h, { children: [n.tool, n.target && /* @__PURE__ */ _("span", {
+										className: "muted",
+										children: [" ", n.target]
+									})] }) : /* @__PURE__ */ g("span", {
+										className: "muted",
+										children: "waiting on a spawned agent"
+									})
+								}),
+								/* @__PURE__ */ _("span", {
+									className: "m r dur",
+									children: [/* @__PURE__ */ g("b", { style: { width: Math.max(2, Math.log10(Math.max(n.d, 1)) / M * 56) } }), t(n.d)]
+								}),
+								/* @__PURE__ */ g("span", {
+									className: "st",
+									children: n.failed ? /* @__PURE__ */ g("span", {
+										className: "f",
+										title: "failed",
+										"aria-label": "failed",
+										children: "✕"
+									}) : null
+								})
+							]
+						}, i);
+					}),
+					/* @__PURE__ */ g("div", { style: { height: P.after } })
+				]
+			}), /* @__PURE__ */ g("aside", {
+				className: "rp-trd",
+				"aria-label": "Span",
+				children: /* @__PURE__ */ g("div", {
+					className: "rp-scroll",
+					children: R ? /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ _("dl", {
+							className: "rp-kv",
+							children: [
+								/* @__PURE__ */ g("dt", { children: "Agent" }),
+								/* @__PURE__ */ g("dd", { children: R.agent.name }),
+								/* @__PURE__ */ g("dt", { children: R.step.kind === "tool" ? "Tool" : R.step.kind === "model" ? "Model" : "Kind" }),
+								/* @__PURE__ */ g("dd", { children: R.step.kind === "tool" ? `${R.step.tool ?? "tool"}${R.step.target ? ` ${R.step.target}` : ""}` : R.step.kind === "model" ? R.step.model ?? R.agent.node.model ?? "model" : "waiting on a spawned agent" }),
+								/* @__PURE__ */ g("dt", { children: "Started" }),
+								/* @__PURE__ */ _("dd", { children: [new Date(b.t0 + R.step.t).toISOString().slice(0, 19).replace("T", " "), " UTC"] }),
+								/* @__PURE__ */ g("dt", { children: "Duration" }),
+								/* @__PURE__ */ _("dd", { children: [t(R.step.d), R.step.latency === null ? "" : ` · first token ${t(R.step.latency)}`] }),
+								R.step.tokens && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("dt", { children: "Tokens" }), /* @__PURE__ */ _("dd", { children: [
+									a(R.step.tokens.input),
+									" in · ",
+									a(R.step.tokens.output),
+									" out · ",
+									a(R.step.tokens.cacheRead),
+									" cached"
+								] })] }),
+								R.step.usd !== null && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("dt", { children: "Billed" }), /* @__PURE__ */ g("dd", { children: e(R.step.usd) })] }),
+								R.step.failed && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("dt", { children: "Status" }), /* @__PURE__ */ g("dd", { children: /* @__PURE__ */ g("span", {
+									className: "f",
+									children: "✕ failed"
+								}) })] })
+							]
+						}),
+						/* @__PURE__ */ _("h5", {
+							className: "rp-subh",
+							children: [R.agent.name, ", whole run"]
+						}),
+						/* @__PURE__ */ _("dl", {
+							className: "rp-kv",
+							children: [
+								/* @__PURE__ */ g("dt", { children: "Tokens" }),
+								/* @__PURE__ */ _("dd", { children: [a(R.agent.tokens), R.agent.byClass ? ` · ${a(R.agent.byClass.input)} in · ${a(R.agent.byClass.output)} out · ${a(R.agent.byClass.cacheRead)} cached` : ""] }),
+								/* @__PURE__ */ g("dt", { children: "Cost" }),
+								/* @__PURE__ */ g("dd", { children: r(R.agent) }),
+								/* @__PURE__ */ g("dt", { children: "Model calls" }),
+								/* @__PURE__ */ _("dd", { children: [
+									n(R.agent.modelCalls),
+									" · p50 ",
+									t(R.agent.latency.p50),
+									" · p99 ",
+									t(R.agent.latency.p99)
+								] }),
+								/* @__PURE__ */ g("dt", { children: "Tool calls" }),
+								/* @__PURE__ */ _("dd", { children: [
+									n(R.agent.toolCalls),
+									" · ",
+									R.agent.toolFailures,
+									" failed"
+								] }),
+								/* @__PURE__ */ g("dt", { children: "Restarts" }),
+								/* @__PURE__ */ g("dd", { children: R.agent.restarts.length })
+							]
+						}),
+						/* @__PURE__ */ _("details", {
+							className: "rp-raw",
+							children: [/* @__PURE__ */ g("summary", { children: "Raw span" }), /* @__PURE__ */ g("pre", {
+								className: "rp-json",
+								children: JSON.stringify({
+									agent: R.agent.name,
+									kind: R.step.kind,
+									...R.step.kind === "tool" ? { tool: R.step.tool } : R.step.kind === "model" ? { model: R.step.model ?? R.agent.node.model } : {},
+									...R.step.target ? { target: R.step.target } : {},
+									startedAt: new Date(b.t0 + R.step.t).toISOString(),
+									durationMs: R.step.d,
+									failed: R.step.failed,
+									...R.step.latency === null ? {} : { latencyMs: R.step.latency },
+									tokens: R.step.tokens,
+									...R.step.usd === null ? {} : { billedUsd: R.step.usd }
+								}, null, 2)
+							})]
+						})
+					] }) : /* @__PURE__ */ g("p", {
+						className: "ws-status",
+						children: "No span matches."
+					})
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+export { b as Traces };