@tangle-network/sandbox-cli 0.21.26 → 0.21.28

package/dist/graph-viewer/{Traces-C5x2UvJh.js → Traces-BhMxjNgw.js}

@@ -1,5 +1,5 @@
-import { E as e, S as t, _ as n, d as r, l as i, o as a, p as o, u as s, v as c, w as l, x as u } from "./ui-CEhDqce8.js";
-import { agentParam as d } from "./RunPage-nJwCsArn.js";
+import { C as e, E as t, M as n, S as r, _ as i, d as a, l as o, o as s, p as c, u as l, v as u } from "./ui-D8QZRsC3.js";
+import { agentParam as d } from "./RunPage-CkkcBEUe.js";
 import { useEffect 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 { SegmentedControl as y } from "@tangle-network/ui/primitives";
@@ -11,11 +11,11 @@ function x({ m: x, doc: S, agent: C, route: w }) {
 		model: A.filter((e) => e.step.kind === "model").length,
 		tool: A.filter((e) => e.step.kind === "tool").length,
 		failed: A.filter((e) => e.step.failed).length
-	}), [A]), M = p(() => A.filter(({ step: e }) => E === "all" || (E === "failed" ? e.failed : e.kind === E)), [A, E]), N = p(() => Math.log10(Math.max(10, ...M.map((e) => e.step.d))), [M]), P = m(null), F = n(P, M.length, b, 8);
+	}), [A]), M = p(() => A.filter(({ step: e }) => E === "all" || (E === "failed" ? e.failed : e.kind === E)), [A, E]), N = p(() => Math.log10(Math.max(10, ...M.map((e) => e.step.d))), [M]), P = m(null), F = i(P, M.length, b, 8);
 	f(() => {
 		k(0), P.current && (P.current.scrollTop = 0);
 	}, [E, T]);
-	let I = u(x.t0), L = (e, t = !1) => {
+	let I = r(x.t0), L = (e, t = !1) => {
 		let n = Math.max(0, Math.min(M.length - 1, e));
 		k(n);
 		let r = P.current;
@@ -25,20 +25,20 @@ function x({ m: x, doc: S, agent: C, route: w }) {
 		}
 	}, R = (e) => {
 		(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), L(O + (e.key === "ArrowDown" ? 1 : -1), !0));
-	}, z = M[O], B = r(x, (e) => e.steps.length > 0, (e) => `${t(e.steps.length)} steps`);
+	}, z = M[O], B = a(x, (e) => e.steps.length > 0, (t) => `${e(t.steps.length)} steps`);
 	return /* @__PURE__ */ v("section", {
 		className: "rp-card rp-traces",
 		"aria-label": "Traces",
 		children: [/* @__PURE__ */ v("div", {
-			className: "rp-hd",
+			className: "rp-hd rp-hd-tools",
 			style: { paddingLeft: 8 },
-			children: [/* @__PURE__ */ _(a, {
+			children: [/* @__PURE__ */ _(s, {
 				label: "Agent",
 				options: B,
-				groups: s(x),
+				groups: l(x),
 				all: {
 					label: "All agents",
-					meta: `${t(x.totals.steps)} steps`
+					meta: `${e(x.totals.steps)} steps`
 				},
 				value: T,
 				width: 340,
@@ -55,12 +55,12 @@ function x({ m: x, doc: S, agent: C, route: w }) {
 					"model",
 					"tool",
 					"failed"
-				].map((e) => ({
-					value: e,
-					label: e === "all" ? "All" : e[0].toUpperCase() + e.slice(1),
+				].map((t) => ({
+					value: t,
+					label: t === "all" ? "All" : t[0].toUpperCase() + t.slice(1),
 					adornment: /* @__PURE__ */ _("span", {
 						className: "ct",
-						children: t(j[e])
+						children: e(j[t])
 					})
 				}))
 			})]
@@ -78,13 +78,12 @@ function x({ m: x, doc: S, agent: C, route: w }) {
 						className: "rp-tr th",
 						role: "row",
 						children: [
-							/* @__PURE__ */ _("span", {
-								role: "columnheader",
-								children: "Start (UTC)"
-							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ v("span", {
 								role: "columnheader",
-								children: "Offset"
+								children: ["Start", /* @__PURE__ */ _("span", {
+									className: "ph-hide",
+									children: " (UTC)"
+								})]
 							}),
 							/* @__PURE__ */ _("span", {
 								role: "columnheader",
@@ -110,11 +109,11 @@ function x({ m: x, doc: S, agent: C, route: w }) {
 						]
 					}),
 					/* @__PURE__ */ _("div", { style: { height: F.before } }),
-					M.slice(F.first, F.last).map(({ agent: t, step: n }, r) => {
+					M.slice(F.first, F.last).map(({ agent: e, step: n }, r) => {
 						let i = F.first + r;
 						return /* @__PURE__ */ v("div", {
 							"data-i": i,
-							className: "rp-tr",
+							className: `rp-tr${n.failed ? " failed" : ""}`,
 							role: "row",
 							"aria-selected": i === O,
 							tabIndex: i === O ? 0 : -1,
@@ -125,12 +124,8 @@ function x({ m: x, doc: S, agent: C, route: w }) {
 									children: I(n.t)
 								}),
 								/* @__PURE__ */ _("span", {
-									className: "m muted",
-									children: e(n.t)
-								}),
-								/* @__PURE__ */ _("span", {
-									title: t.name,
-									children: o(t, 30)
+									title: e.name,
+									children: c(e, 30)
 								}),
 								/* @__PURE__ */ v("span", {
 									className: "kind",
@@ -139,7 +134,7 @@ function x({ m: x, doc: S, agent: C, route: w }) {
 								/* @__PURE__ */ _("span", {
 									className: "m nm",
 									title: n.kind === "tool" ? `${n.tool}${n.target ? ` ${n.target}` : ""}` : void 0,
-									children: n.kind === "model" ? n.model?.split("/").pop() ?? t.model ?? "model" : n.kind === "tool" ? /* @__PURE__ */ v(g, { children: [n.tool, n.target && /* @__PURE__ */ v("span", {
+									children: n.kind === "model" ? n.model?.split("/").pop() ?? e.model ?? "model" : n.kind === "tool" ? /* @__PURE__ */ v(g, { children: [n.tool, n.target && /* @__PURE__ */ v("span", {
 										className: "muted",
 										children: [" ", n.target]
 									})] }) : /* @__PURE__ */ _("span", {
@@ -149,7 +144,7 @@ function x({ m: x, doc: S, agent: C, route: w }) {
 								}),
 								/* @__PURE__ */ v("span", {
 									className: "m r dur",
-									children: [/* @__PURE__ */ _("b", { style: { width: Math.max(2, Math.log10(Math.max(n.d, 1)) / N * 56) } }), l(n.d)]
+									children: [/* @__PURE__ */ _("b", { style: { width: Math.max(2, Math.log10(Math.max(n.d, 1)) / N * 56) } }), t(n.d)]
 								}),
 								/* @__PURE__ */ _("span", { children: n.failed ? /* @__PURE__ */ _("span", {
 									className: "f",
@@ -172,45 +167,77 @@ function x({ m: x, doc: S, agent: C, route: w }) {
 				}), /* @__PURE__ */ _("div", {
 					className: "rp-scroll",
 					children: z ? /* @__PURE__ */ v(g, { children: [
-						/* @__PURE__ */ _("pre", {
-							className: "rp-json",
-							children: JSON.stringify({
-								run: S.run.id,
-								agent: z.agent.name,
-								agentId: z.agent.id,
-								kind: z.step.kind,
-								...z.step.kind === "tool" ? { tool: z.step.tool } : z.step.kind === "model" ? { model: z.step.model ?? z.agent.node.model } : {},
-								...z.step.target ? { target: z.step.target } : {},
-								startedAt: new Date(x.t0 + z.step.t).toISOString(),
-								durationMs: z.step.d,
-								failed: z.step.failed,
-								...z.step.latency === null ? {} : { latencyMs: z.step.latency },
-								tokens: z.step.tokens,
-								...z.step.usd === null ? {} : { billedUsd: z.step.usd }
-							}, null, 2)
+						/* @__PURE__ */ _("h5", {
+							className: "rp-subh",
+							children: "This span"
+						}),
+						/* @__PURE__ */ v("dl", {
+							className: "rp-kv",
+							children: [
+								/* @__PURE__ */ _("dt", { children: "Agent" }),
+								/* @__PURE__ */ _("dd", { children: z.agent.name }),
+								/* @__PURE__ */ _("dt", { children: z.step.kind === "tool" ? "Tool" : z.step.kind === "model" ? "Model" : "Kind" }),
+								/* @__PURE__ */ _("dd", { children: z.step.kind === "tool" ? `${z.step.tool ?? "tool"}${z.step.target ? ` ${z.step.target}` : ""}` : z.step.kind === "model" ? z.step.model ?? z.agent.node.model ?? "model" : "waiting on a spawned agent" }),
+								/* @__PURE__ */ _("dt", { children: "Started" }),
+								/* @__PURE__ */ v("dd", { children: [new Date(x.t0 + z.step.t).toISOString().slice(0, 19).replace("T", " "), " UTC"] }),
+								/* @__PURE__ */ _("dt", { children: "Duration" }),
+								/* @__PURE__ */ v("dd", { children: [t(z.step.d), z.step.latency === null ? "" : ` · first token ${t(z.step.latency)}`] }),
+								z.step.tokens && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("dt", { children: "Tokens" }), /* @__PURE__ */ v("dd", { children: [
+									u(z.step.tokens.input),
+									" in · ",
+									u(z.step.tokens.output),
+									" out · ",
+									u(z.step.tokens.cacheRead),
+									" cached"
+								] })] }),
+								z.step.usd !== null && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("dt", { children: "Cost" }), /* @__PURE__ */ _("dd", { children: n(z.step.usd) })] }),
+								/* @__PURE__ */ _("dt", { children: "Status" }),
+								/* @__PURE__ */ _("dd", { children: z.step.failed ? /* @__PURE__ */ _("span", {
+									className: "f",
+									children: "✕ failed"
+								}) : "ok" })
+							]
+						}),
+						/* @__PURE__ */ v("details", {
+							className: "rp-raw",
+							children: [/* @__PURE__ */ _("summary", { children: "Raw span" }), /* @__PURE__ */ _("pre", {
+								className: "rp-json",
+								children: JSON.stringify({
+									agent: z.agent.name,
+									kind: z.step.kind,
+									...z.step.kind === "tool" ? { tool: z.step.tool } : z.step.kind === "model" ? { model: z.step.model ?? z.agent.node.model } : {},
+									...z.step.target ? { target: z.step.target } : {},
+									startedAt: new Date(x.t0 + z.step.t).toISOString(),
+									durationMs: z.step.d,
+									failed: z.step.failed,
+									...z.step.latency === null ? {} : { latencyMs: z.step.latency },
+									tokens: z.step.tokens,
+									...z.step.usd === null ? {} : { billedUsd: z.step.usd }
+								}, null, 2)
+							})]
 						}),
 						/* @__PURE__ */ v("h5", {
 							className: "rp-subh",
-							children: [z.agent.name, " · whole run"]
+							children: [z.agent.name, ", whole run"]
 						}),
 						/* @__PURE__ */ v("dl", {
 							className: "rp-kv",
 							children: [
 								/* @__PURE__ */ _("dt", { children: "Tokens" }),
-								/* @__PURE__ */ v("dd", { children: [c(z.agent.tokens), z.agent.byClass ? ` · ${c(z.agent.byClass.input)} in · ${c(z.agent.byClass.output)} out · ${c(z.agent.byClass.cacheRead)} cached` : ""] }),
+								/* @__PURE__ */ v("dd", { children: [u(z.agent.tokens), z.agent.byClass ? ` · ${u(z.agent.byClass.input)} in · ${u(z.agent.byClass.output)} out · ${u(z.agent.byClass.cacheRead)} cached` : ""] }),
 								/* @__PURE__ */ _("dt", { children: "Cost" }),
-								/* @__PURE__ */ _("dd", { children: i(z.agent) }),
+								/* @__PURE__ */ _("dd", { children: o(z.agent) }),
 								/* @__PURE__ */ _("dt", { children: "Model calls" }),
 								/* @__PURE__ */ v("dd", { children: [
-									t(z.agent.modelCalls),
+									e(z.agent.modelCalls),
 									" · p50 ",
-									l(z.agent.latency.p50),
+									t(z.agent.latency.p50),
 									" · p99 ",
-									l(z.agent.latency.p99)
+									t(z.agent.latency.p99)
 								] }),
 								/* @__PURE__ */ _("dt", { children: "Tool calls" }),
 								/* @__PURE__ */ v("dd", { children: [
-									t(z.agent.toolCalls),
+									e(z.agent.toolCalls),
 									" · ",
 									z.agent.toolFailures,
 									" failed"

package/dist/graph-viewer/{WallPages-DSmRm2v3.js → WallPages-4d9QUZDq.js}

@@ -106,9 +106,9 @@ function C({ h: e }) {
 				className: "wp-over",
 				children: e.breaches.map((e) => /* @__PURE__ */ c("li", {
 					"data-alarm": e.alarm || void 0,
-					children: /* @__PURE__ */ l(i, {
+					children: /* @__PURE__ */ c(i, {
 						text: `${e.text} (${e.limit}${e.held ? `; ${e.held}` : ""})`,
-						children: [e.label, e.alarm && e.held ? ` ${e.held}` : ""]
+						children: e.alarm && e.held ? `${e.label.replace(/\s*\/\s*$/, "")}: ${e.held}` : e.label
 					})
 				}, e.label))
 			})
@@ -119,7 +119,7 @@ var w = {
 	asks: m.warn,
 	working: m.ok,
 	blocked: m.breach,
-	limited: m.warn,
+	limited: "var(--accent-text)",
 	idle: "var(--ar-fg-faint)"
 };
 function T({ a: e }) {