@tangle-network/sandbox-cli 0.21.27 → 0.21.28

package/dist/graph-viewer/viewer/{Traces-BWBulSPE.js → Traces-C0IGk0L4.js}

@@ -1,8 +1,8 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { t as r } from "./segmented-control-ChhLMa6h.js";
-import { E as i, S as a, _ as o, d as s, l as c, o as l, p as u, u as d, v as f, w as p, x as m } from "./ui-DZiGjPwl.js";
-import { agentParam as h } from "./RunPage-ChipoSdO.js";
+import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
+import { t as r } from "./segmented-control-BaJmvTNd.js";
+import { C as i, E as a, M as o, S as s, _ as c, d as l, l as u, o as d, p as f, u as p, v as m } from "./ui-C9b1rIUH.js";
+import { agentParam as h } from "./RunPage-DZlBW7Va.js";
 //#region src/workspace/run/Traces.tsx
 var g = /* @__PURE__ */ e(t(), 1), _ = n(), v = 34;
 function y({ m: e, doc: t, agent: n, route: y }) {
@@ -11,11 +11,11 @@ function y({ m: e, doc: t, agent: n, route: y }) {
 		model: T.filter((e) => e.step.kind === "model").length,
 		tool: T.filter((e) => e.step.kind === "tool").length,
 		failed: T.filter((e) => e.step.failed).length
-	}), [T]), D = (0, g.useMemo)(() => T.filter(({ step: e }) => x === "all" || (x === "failed" ? e.failed : e.kind === x)), [T, x]), O = (0, g.useMemo)(() => Math.log10(Math.max(10, ...D.map((e) => e.step.d))), [D]), k = (0, g.useRef)(null), A = o(k, D.length, v, 8);
+	}), [T]), D = (0, g.useMemo)(() => T.filter(({ step: e }) => x === "all" || (x === "failed" ? e.failed : e.kind === x)), [T, x]), O = (0, g.useMemo)(() => Math.log10(Math.max(10, ...D.map((e) => e.step.d))), [D]), k = (0, g.useRef)(null), A = c(k, D.length, v, 8);
 	(0, g.useEffect)(() => {
 		w(0), k.current && (k.current.scrollTop = 0);
 	}, [x, b]);
-	let j = m(e.t0), M = (e, t = !1) => {
+	let j = s(e.t0), M = (e, t = !1) => {
 		let n = Math.max(0, Math.min(D.length - 1, e));
 		w(n);
 		let r = k.current;
@@ -25,20 +25,20 @@ function y({ m: e, doc: t, agent: n, route: y }) {
 		}
 	}, N = (e) => {
 		(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), M(C + (e.key === "ArrowDown" ? 1 : -1), !0));
-	}, P = D[C], F = s(e, (e) => e.steps.length > 0, (e) => `${a(e.steps.length)} steps`);
+	}, P = D[C], F = l(e, (e) => e.steps.length > 0, (e) => `${i(e.steps.length)} steps`);
 	return /* @__PURE__ */ (0, _.jsxs)("section", {
 		className: "rp-card rp-traces",
 		"aria-label": "Traces",
 		children: [/* @__PURE__ */ (0, _.jsxs)("div", {
-			className: "rp-hd",
+			className: "rp-hd rp-hd-tools",
 			style: { paddingLeft: 8 },
-			children: [/* @__PURE__ */ (0, _.jsx)(l, {
+			children: [/* @__PURE__ */ (0, _.jsx)(d, {
 				label: "Agent",
 				options: F,
-				groups: d(e),
+				groups: p(e),
 				all: {
 					label: "All agents",
-					meta: `${a(e.totals.steps)} steps`
+					meta: `${i(e.totals.steps)} steps`
 				},
 				value: b,
 				width: 340,
@@ -60,7 +60,7 @@ function y({ m: e, doc: t, agent: n, route: y }) {
 					label: e === "all" ? "All" : e[0].toUpperCase() + e.slice(1),
 					adornment: /* @__PURE__ */ (0, _.jsx)("span", {
 						className: "ct",
-						children: a(E[e])
+						children: i(E[e])
 					})
 				}))
 			})]
@@ -78,13 +78,12 @@ function y({ m: e, doc: t, agent: n, route: y }) {
 						className: "rp-tr th",
 						role: "row",
 						children: [
-							/* @__PURE__ */ (0, _.jsx)("span", {
-								role: "columnheader",
-								children: "Start (UTC)"
-							}),
-							/* @__PURE__ */ (0, _.jsx)("span", {
+							/* @__PURE__ */ (0, _.jsxs)("span", {
 								role: "columnheader",
-								children: "Offset"
+								children: ["Start", /* @__PURE__ */ (0, _.jsx)("span", {
+									className: "ph-hide",
+									children: " (UTC)"
+								})]
 							}),
 							/* @__PURE__ */ (0, _.jsx)("span", {
 								role: "columnheader",
@@ -114,7 +113,7 @@ function y({ m: e, doc: t, agent: n, route: y }) {
 						let r = A.first + n;
 						return /* @__PURE__ */ (0, _.jsxs)("div", {
 							"data-i": r,
-							className: "rp-tr",
+							className: `rp-tr${t.failed ? " failed" : ""}`,
 							role: "row",
 							"aria-selected": r === C,
 							tabIndex: r === C ? 0 : -1,
@@ -124,13 +123,9 @@ function y({ m: e, doc: t, agent: n, route: y }) {
 									className: "m",
 									children: j(t.t)
 								}),
-								/* @__PURE__ */ (0, _.jsx)("span", {
-									className: "m muted",
-									children: i(t.t)
-								}),
 								/* @__PURE__ */ (0, _.jsx)("span", {
 									title: e.name,
-									children: u(e, 30)
+									children: f(e, 30)
 								}),
 								/* @__PURE__ */ (0, _.jsxs)("span", {
 									className: "kind",
@@ -149,7 +144,7 @@ function y({ m: e, doc: t, agent: n, route: y }) {
 								}),
 								/* @__PURE__ */ (0, _.jsxs)("span", {
 									className: "m r dur",
-									children: [/* @__PURE__ */ (0, _.jsx)("b", { style: { width: Math.max(2, Math.log10(Math.max(t.d, 1)) / O * 56) } }), p(t.d)]
+									children: [/* @__PURE__ */ (0, _.jsx)("b", { style: { width: Math.max(2, Math.log10(Math.max(t.d, 1)) / O * 56) } }), a(t.d)]
 								}),
 								/* @__PURE__ */ (0, _.jsx)("span", { children: t.failed ? /* @__PURE__ */ (0, _.jsx)("span", {
 									className: "f",
@@ -172,45 +167,77 @@ function y({ m: e, doc: t, agent: n, route: y }) {
 				}), /* @__PURE__ */ (0, _.jsx)("div", {
 					className: "rp-scroll",
 					children: P ? /* @__PURE__ */ (0, _.jsxs)(_.Fragment, { children: [
-						/* @__PURE__ */ (0, _.jsx)("pre", {
-							className: "rp-json",
-							children: JSON.stringify({
-								run: t.run.id,
-								agent: P.agent.name,
-								agentId: P.agent.id,
-								kind: P.step.kind,
-								...P.step.kind === "tool" ? { tool: P.step.tool } : P.step.kind === "model" ? { model: P.step.model ?? P.agent.node.model } : {},
-								...P.step.target ? { target: P.step.target } : {},
-								startedAt: new Date(e.t0 + P.step.t).toISOString(),
-								durationMs: P.step.d,
-								failed: P.step.failed,
-								...P.step.latency === null ? {} : { latencyMs: P.step.latency },
-								tokens: P.step.tokens,
-								...P.step.usd === null ? {} : { billedUsd: P.step.usd }
-							}, null, 2)
+						/* @__PURE__ */ (0, _.jsx)("h5", {
+							className: "rp-subh",
+							children: "This span"
+						}),
+						/* @__PURE__ */ (0, _.jsxs)("dl", {
+							className: "rp-kv",
+							children: [
+								/* @__PURE__ */ (0, _.jsx)("dt", { children: "Agent" }),
+								/* @__PURE__ */ (0, _.jsx)("dd", { children: P.agent.name }),
+								/* @__PURE__ */ (0, _.jsx)("dt", { children: P.step.kind === "tool" ? "Tool" : P.step.kind === "model" ? "Model" : "Kind" }),
+								/* @__PURE__ */ (0, _.jsx)("dd", { children: P.step.kind === "tool" ? `${P.step.tool ?? "tool"}${P.step.target ? ` ${P.step.target}` : ""}` : P.step.kind === "model" ? P.step.model ?? P.agent.node.model ?? "model" : "waiting on a spawned agent" }),
+								/* @__PURE__ */ (0, _.jsx)("dt", { children: "Started" }),
+								/* @__PURE__ */ (0, _.jsxs)("dd", { children: [new Date(e.t0 + P.step.t).toISOString().slice(0, 19).replace("T", " "), " UTC"] }),
+								/* @__PURE__ */ (0, _.jsx)("dt", { children: "Duration" }),
+								/* @__PURE__ */ (0, _.jsxs)("dd", { children: [a(P.step.d), P.step.latency === null ? "" : ` · first token ${a(P.step.latency)}`] }),
+								P.step.tokens && /* @__PURE__ */ (0, _.jsxs)(_.Fragment, { children: [/* @__PURE__ */ (0, _.jsx)("dt", { children: "Tokens" }), /* @__PURE__ */ (0, _.jsxs)("dd", { children: [
+									m(P.step.tokens.input),
+									" in · ",
+									m(P.step.tokens.output),
+									" out · ",
+									m(P.step.tokens.cacheRead),
+									" cached"
+								] })] }),
+								P.step.usd !== null && /* @__PURE__ */ (0, _.jsxs)(_.Fragment, { children: [/* @__PURE__ */ (0, _.jsx)("dt", { children: "Cost" }), /* @__PURE__ */ (0, _.jsx)("dd", { children: o(P.step.usd) })] }),
+								/* @__PURE__ */ (0, _.jsx)("dt", { children: "Status" }),
+								/* @__PURE__ */ (0, _.jsx)("dd", { children: P.step.failed ? /* @__PURE__ */ (0, _.jsx)("span", {
+									className: "f",
+									children: "✕ failed"
+								}) : "ok" })
+							]
+						}),
+						/* @__PURE__ */ (0, _.jsxs)("details", {
+							className: "rp-raw",
+							children: [/* @__PURE__ */ (0, _.jsx)("summary", { children: "Raw span" }), /* @__PURE__ */ (0, _.jsx)("pre", {
+								className: "rp-json",
+								children: JSON.stringify({
+									agent: P.agent.name,
+									kind: P.step.kind,
+									...P.step.kind === "tool" ? { tool: P.step.tool } : P.step.kind === "model" ? { model: P.step.model ?? P.agent.node.model } : {},
+									...P.step.target ? { target: P.step.target } : {},
+									startedAt: new Date(e.t0 + P.step.t).toISOString(),
+									durationMs: P.step.d,
+									failed: P.step.failed,
+									...P.step.latency === null ? {} : { latencyMs: P.step.latency },
+									tokens: P.step.tokens,
+									...P.step.usd === null ? {} : { billedUsd: P.step.usd }
+								}, null, 2)
+							})]
 						}),
 						/* @__PURE__ */ (0, _.jsxs)("h5", {
 							className: "rp-subh",
-							children: [P.agent.name, " · whole run"]
+							children: [P.agent.name, ", whole run"]
 						}),
 						/* @__PURE__ */ (0, _.jsxs)("dl", {
 							className: "rp-kv",
 							children: [
 								/* @__PURE__ */ (0, _.jsx)("dt", { children: "Tokens" }),
-								/* @__PURE__ */ (0, _.jsxs)("dd", { children: [f(P.agent.tokens), P.agent.byClass ? ` · ${f(P.agent.byClass.input)} in · ${f(P.agent.byClass.output)} out · ${f(P.agent.byClass.cacheRead)} cached` : ""] }),
+								/* @__PURE__ */ (0, _.jsxs)("dd", { children: [m(P.agent.tokens), P.agent.byClass ? ` · ${m(P.agent.byClass.input)} in · ${m(P.agent.byClass.output)} out · ${m(P.agent.byClass.cacheRead)} cached` : ""] }),
 								/* @__PURE__ */ (0, _.jsx)("dt", { children: "Cost" }),
-								/* @__PURE__ */ (0, _.jsx)("dd", { children: c(P.agent) }),
+								/* @__PURE__ */ (0, _.jsx)("dd", { children: u(P.agent) }),
 								/* @__PURE__ */ (0, _.jsx)("dt", { children: "Model calls" }),
 								/* @__PURE__ */ (0, _.jsxs)("dd", { children: [
-									a(P.agent.modelCalls),
+									i(P.agent.modelCalls),
 									" · p50 ",
-									p(P.agent.latency.p50),
+									a(P.agent.latency.p50),
 									" · p99 ",
-									p(P.agent.latency.p99)
+									a(P.agent.latency.p99)
 								] }),
 								/* @__PURE__ */ (0, _.jsx)("dt", { children: "Tool calls" }),
 								/* @__PURE__ */ (0, _.jsxs)("dd", { children: [
-									a(P.agent.toolCalls),
+									i(P.agent.toolCalls),
 									" · ",
 									P.agent.toolFailures,
 									" failed"

package/dist/graph-viewer/viewer/{WallPages-Crj-qPoK.js → WallPages-CzWpyIfp.js}

@@ -1,9 +1,9 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { t as r } from "./page-header-C6YCPkzJ.js";
-import { p as i } from "./data-azhapQrS.js";
-import { c as a, l as o, u as s } from "./react-CisnW4fB.js";
-import { n as c, r as l, s as u, t as d } from "./AnswerStrip-DsI9aF-i.js";
+import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
+import { t as r } from "./page-header-Brq611fd.js";
+import { p as i } from "./data-CkWfWr7i.js";
+import { c as a, l as o, u as s } from "./react-CY3IbSNO.js";
+import { n as c, r as l, s as u, t as d } from "./AnswerStrip-CGUyXuYH.js";
 //#region src/workspace/WallPages.tsx
 var f = /* @__PURE__ */ e(t(), 1), p = n(), m = {
 	ok: "var(--ar-c-ok)",
@@ -105,9 +105,9 @@ function C({ h: e }) {
 				className: "wp-over",
 				children: e.breaches.map((e) => /* @__PURE__ */ (0, p.jsx)("li", {
 					"data-alarm": e.alarm || void 0,
-					children: /* @__PURE__ */ (0, p.jsxs)(c, {
+					children: /* @__PURE__ */ (0, p.jsx)(c, {
 						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))
 			})
@@ -118,7 +118,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 }) {

package/dist/graph-viewer/viewer/{WorkflowGraph-DYsP_Kcg-C0O7M5iH.js → WorkflowGraph-DZ3xejKE-jRXKeSrg.js}

@@ -1,10 +1,10 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { S as r, x as i } from "./workspace-DalRxssx.js";
-import { t as a } from "./createLucideIcon-Z6KTw8ff.js";
-import { t as o } from "./x-B_F8B4lq.js";
-import { _ as s, a as c, c as l, d as u, f as d, g as f, h as p, i as m, l as h, m as g, n as ee, o as _, p as v, r as te, s as ne, t as y, u as b } from "./AgentGraphCanvas-D7jjAE6i-DecKyUGA.js";
-import { A as re, C as ie, D as ae, E as x, F as oe, M as S, N as C, O as w, P as T, T as E, _ as D, b as se, c as ce, d as O, f as k, g as A, h as j, i as M, j as N, k as P, l as le, m as F, n as I, o as L, p as ue, r as de, s as R, u as z, v as fe, w as pe, x as B, y as me } from "./LiveRun-BMQnTpTZ.js";
+import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
+import { S as r, x as i } from "./workspace-CekmOBs3.js";
+import { t as a } from "./createLucideIcon-yH0cxLMy.js";
+import { t as o } from "./x-DOc2URqZ.js";
+import { _ as s, a as c, c as l, d as u, f as d, g as f, h as p, i as m, l as h, m as g, n as ee, o as _, p as v, r as te, s as ne, t as y, u as b } from "./AgentGraphCanvas-CMdOlSlh-4EervjeC.js";
+import { A as re, C as ie, D as ae, E as x, F as oe, M as S, N as C, O as w, P as T, T as E, _ as D, b as se, c as ce, d as O, f as k, g as A, h as j, i as M, j as N, k as P, l as le, m as F, n as I, o as L, p as ue, r as de, s as R, u as z, v as fe, w as pe, x as B, y as me } from "./LiveRun-uPTkPSjo.js";
 //#region node_modules/.pnpm/lucide-react@1.61.0_@types+react@19.3.0_react@19.3.0/node_modules/lucide-react/dist/esm/icons/expand.mjs
 var V = {
 	name: "expand",