@tangle-network/sandbox-cli 0.21.27 → 0.21.28

package/dist/graph-viewer/viewer/{AgentGraphCanvas-D7jjAE6i-DecKyUGA.js → AgentGraphCanvas-CMdOlSlh-4EervjeC.js}

@@ -1,12 +1,12 @@
 import { i as e, t } from "./rolldown-runtime-DArdT4gl.js";
-import { i as n, t as r } from "./jsx-runtime-BSzbUOFc.js";
-import { t as i } from "./react-dom-C5NDYQCD.js";
-import { t as a } from "./createLucideIcon-Z6KTw8ff.js";
-import { r as o } from "./x-B_F8B4lq.js";
-import { n as s, t as c } from "./file-text-B34N7Soo.js";
-import { o as l } from "./model-brand-bTcMjQtB-C9bHPsPk.js";
-import { n as u, r as d, t as f } from "./terminal-BxRacTx0.js";
-import { E as p, I as m, N as h, S as g, a as _, b as v, d as y, f as b, j as x, l as S, o as C, u as w, v as T } from "./LiveRun-BMQnTpTZ.js";
+import { i as n, t as r } from "./jsx-runtime-DQWyJOhv.js";
+import { t as i } from "./react-dom-t1L4_-il.js";
+import { t as a } from "./createLucideIcon-yH0cxLMy.js";
+import { r as o } from "./x-DOc2URqZ.js";
+import { n as s, t as c } from "./file-text-m7a3piQF.js";
+import { o as l } from "./model-brand-bTcMjQtB-fagiBQam.js";
+import { n as u, r as d, t as f } from "./terminal-83J_I4Ne.js";
+import { E as p, I as m, N as h, S as g, a as _, b as v, d as y, f as b, j as x, l as S, o as C, u as w, v as T } 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/circle-pause.mjs
 var E = {
 	name: "circle-pause",
@@ -7936,7 +7936,7 @@ function jf({ nodeId: e, position: t, variant: n = uc.Handle, className: r, styl
 }
 (0, W.memo)(jf);
 //#endregion
-//#region node_modules/.pnpm/@tangle-network+sandbox-ui@1.1.2_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__139c5a364560ada2e4d1dcb6d9a4a1b4/node_modules/@tangle-network/sandbox-ui/dist/AgentGraphCanvas-D7jjAE6i.js
+//#region node_modules/.pnpm/@tangle-network+sandbox-ui@1.1.7_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__486139d97cfccb1dcecab4d3bb654768/node_modules/@tangle-network/sandbox-ui/dist/AgentGraphCanvas-CMdOlSlh.js
 var Mf = {
 	width: 200,
 	height: 78
@@ -8400,11 +8400,7 @@ function lp({ id: e, source: t, target: n, data: r, markerEnd: i }) {
 		children: ["×", u]
 	}) })] });
 }
-var up = /* @__PURE__ */ new Set([
-	"succeeded",
-	"failed",
-	"stopped"
-]), dp = [
+var up = /* @__PURE__ */ new Set(["succeeded", "stopped"]), dp = [
 	[/^(bash|sh|run|exec|cargo|npm|pnpm|make)\b/, f],
 	[/^(edit|write|patch|apply)\b/, z],
 	[/^(read|cat|open|view|ls|glob)\b/, c],
@@ -8413,7 +8409,14 @@ var up = /* @__PURE__ */ new Set([
 	[/^(spawn|steer|release|merge|commit|git)\b/, l],
 	[/^(wait|sleep|queue)\b/, L]
 ], fp = (e) => dp.find(([t]) => t.test(e.toLowerCase()))?.[1] ?? m;
-function pp(e, t) {
+function pp(e) {
+	return e == null || !Number.isFinite(e) ? void 0 : new Date(e).toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit",
+		hourCycle: "h23"
+	});
+}
+function mp(e, t) {
 	if (e == null || !Number.isFinite(e)) return;
 	let n = Math.max(0, Math.round((t - e) / 1e3));
 	if (n < 5) return "now";
@@ -8421,14 +8424,14 @@ function pp(e, t) {
 	let r = Math.floor(n / 60);
 	return r < 60 ? `${r}m` : `${Math.floor(r / 60)}h`;
 }
-function mp(e, t) {
+function hp(e, t) {
 	if (e == null || !Number.isFinite(e)) return;
 	let n = Math.max(0, Math.round((t - e) / 1e3));
 	if (n < 60) return `${n}s`;
 	let r = Math.floor(n / 60);
 	return r < 60 ? `${r}m` : `${Math.floor(r / 60)}h ${r % 60}m`;
 }
-function hp(e, t) {
+function gp(e, t) {
 	let [n, r] = (0, W.useState)(() => e ?? Date.now());
 	return (0, W.useEffect)(() => {
 		if (e !== void 0 || !t) return;
@@ -8436,8 +8439,8 @@ function hp(e, t) {
 		return () => clearInterval(n);
 	}, [e, t]), e ?? n;
 }
-function gp({ data: e }) {
-	let { agent: t, selected: n, direction: r } = e, i = up.has(t.status), a = hp(e.now, !i), o = Yf(t.status), s = mp(t.startedAt, a);
+function _p({ data: e }) {
+	let { agent: t, selected: n, direction: r } = e, i = up.has(t.status), a = t.status === "failed", o = gp(e.now, !i && !a), s = Yf(t.status), c = hp(t.startedAt, o);
 	if (i) return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "ag-live-slot",
 		"data-status": t.status,
@@ -8457,12 +8460,12 @@ function gp({ data: e }) {
 				}),
 				/* @__PURE__ */ (0, G.jsx)("span", {
 					className: "ag-live-chip-result",
-					children: t.result ?? o.label
+					children: t.result ?? s.label
 				})
 			]
 		})]
 	});
-	let c = [t.model?.replace(/^[\w-]+\//, ""), t.effort].filter(Boolean).join(" · "), l = (t.events ?? []).slice(-3);
+	let l = [t.model?.replace(/^[\w-]+\//, ""), t.effort].filter(Boolean).join(" · "), u = (t.events ?? []).slice(-3);
 	return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "ag-live-card",
 		"data-status": t.status,
@@ -8473,7 +8476,7 @@ function gp({ data: e }) {
 			boxShadow: w,
 			...Zf(t.status),
 			...n ? y : {},
-			"--ag-status": o.color
+			"--ag-status": s.color
 		},
 		children: [
 			/* @__PURE__ */ (0, G.jsx)(tp, { direction: r }),
@@ -8491,9 +8494,9 @@ function gp({ data: e }) {
 						children: [/* @__PURE__ */ (0, G.jsx)("span", {
 							className: "ag-live-name",
 							children: t.label
-						}), c && /* @__PURE__ */ (0, G.jsx)("span", {
+						}), l && /* @__PURE__ */ (0, G.jsx)("span", {
 							className: "ag-live-meta",
-							children: c
+							children: l
 						})]
 					}),
 					/* @__PURE__ */ (0, G.jsxs)("div", {
@@ -8503,14 +8506,14 @@ function gp({ data: e }) {
 							children: [/* @__PURE__ */ (0, G.jsx)("span", {
 								className: "ag-live-dot",
 								"aria-hidden": !0
-							}), o.label]
-						}), /* @__PURE__ */ (0, G.jsxs)("span", { children: [s && /* @__PURE__ */ (0, G.jsx)("span", {
+							}), s.label]
+						}), /* @__PURE__ */ (0, G.jsxs)("span", { children: [c && /* @__PURE__ */ (0, G.jsx)("span", {
 							title: "Time alive",
-							children: s
+							children: c
 						}), t.commits != null && /* @__PURE__ */ (0, G.jsxs)("span", {
 							title: "Commits shipped",
 							children: [
-								s ? " · " : "",
+								c ? " · " : "",
 								t.commits,
 								" ",
 								t.commits === 1 ? "commit" : "commits"
@@ -8519,18 +8522,21 @@ function gp({ data: e }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, G.jsx)("p", {
+			a ? /* @__PURE__ */ (0, G.jsx)("p", {
+				className: "ag-live-thinking ag-live-failure",
+				children: t.result ?? u.at(-1)?.label ?? s.label
+			}) : /* @__PURE__ */ (0, G.jsx)("p", {
 				className: "ag-live-thinking",
 				children: t.turn || /* @__PURE__ */ (0, G.jsx)("span", {
 					className: "ag-live-quiet",
-					children: o.label
+					children: s.label
 				})
 			}, t.turn ?? ""),
 			/* @__PURE__ */ (0, G.jsx)("ol", {
 				className: "ag-live-events",
 				"aria-label": "Latest events",
-				children: l.map((e) => {
-					let t = fp(e.label), n = pp(e.at, a);
+				children: u.map((e) => {
+					let t = fp(e.label), n = a ? pp(e.at) : mp(e.at, o);
 					return /* @__PURE__ */ (0, G.jsxs)("li", { children: [
 						/* @__PURE__ */ (0, G.jsx)(t, {
 							"aria-hidden": !0,
@@ -8551,12 +8557,12 @@ function gp({ data: e }) {
 		]
 	});
 }
-var _p = {
+var vp = {
 	agent: np,
-	liveAgent: gp,
+	liveAgent: _p,
 	agentFrame: ip
-}, vp = { agentMessage: lp }, yp = 16, bp = 40;
-function xp() {
+}, yp = { agentMessage: lp }, bp = 16, xp = 40;
+function Sp() {
 	let [e, t] = (0, W.useState)(null), n = (0, W.useRef)(null);
 	return [e, (0, W.useCallback)((e) => {
 		if (n.current?.disconnect(), n.current = null, !e || typeof ResizeObserver > "u") return;
@@ -8570,8 +8576,8 @@ function xp() {
 		n.current = new ResizeObserver(r), n.current.observe(e), r();
 	}, [])];
 }
-function Sp({ nodes: e, edges: t, selectedId: n, onSelect: r, direction: i = "TB", className: a, emptyState: o, live: s = !1, now: c }) {
-	let l = s ? Nf : Mf, u = (0, W.useRef)(null), [d, f] = xp(), m = h(u, e.length > 0), g = zf(e, t), _ = (0, W.useRef)(g);
+function Cp({ nodes: e, edges: t, selectedId: n, onSelect: r, direction: i = "TB", className: a, emptyState: o, live: s = !1, now: c }) {
+	let l = s ? Nf : Mf, u = (0, W.useRef)(null), [d, f] = Sp(), m = h(u, e.length > 0), g = zf(e, t), _ = (0, W.useRef)(g);
 	_.current.key !== g.key && (_.current = g);
 	let v = _.current, [y, b] = (0, W.useState)(null), x = `${i}:${s ? "live" : "cards"}:${v.key}`;
 	(0, W.useEffect)(() => {
@@ -8590,7 +8596,7 @@ function Sp({ nodes: e, edges: t, selectedId: n, onSelect: r, direction: i = "TB
 		x,
 		l
 	]);
-	let S = (0, W.useMemo)(() => y && y.key === x && d ? Kf(y.all, d, yp) : null, [
+	let S = (0, W.useMemo)(() => y && y.key === x && d ? Kf(y.all, d, bp) : null, [
 		y,
 		x,
 		d
@@ -8716,7 +8722,7 @@ function Sp({ nodes: e, edges: t, selectedId: n, onSelect: r, direction: i = "TB
 		N.current = P, M.current = !1;
 		let r = requestAnimationFrame(() => {
 			e.fitView({
-				padding: `${yp}px`,
+				padding: `${bp}px`,
 				maxZoom: 1,
 				minZoom: F,
 				duration: n ? 220 : 0
@@ -8739,18 +8745,18 @@ function Sp({ nodes: e, edges: t, selectedId: n, onSelect: r, direction: i = "TB
 	return e.length === 0 ? /* @__PURE__ */ (0, G.jsx)("div", {
 		className: `flex items-center justify-center rounded-lg border border-border border-dashed p-4 text-center text-muted-foreground text-xs ${a ?? ""}`,
 		children: o ?? "No agents yet"
-	}) : /* @__PURE__ */ (0, G.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, G.jsx)("div", {
 		ref: (e) => {
 			u.current = e, f(e);
 		},
 		className: `agent-graph${s ? " ag-live" : ""} relative transition-opacity duration-150 ease-out motion-reduce:transition-none ${S && A ? "opacity-100" : "opacity-0"} ${a ?? ""}`,
 		"data-layout": S && A ? "ready" : "pending",
 		"data-columns": S?.columns,
-		children: [s && /* @__PURE__ */ (0, G.jsx)("style", { children: "\n.ag-live { --ag-fg: hsl(var(--foreground)); --ag-muted: hsl(var(--muted-foreground)); --ag-surface: hsl(var(--card)); --ag-border: hsl(var(--border)); }\n.ag-live .ag-live-card { position: relative; display: flex; flex-direction: column; gap: 8px; width: 100%; height: 100%; padding: 12px; border: 1px solid var(--ag-border);\n  border-radius: 14px; background: var(--ag-surface); color: var(--ag-fg); cursor: pointer; overflow: hidden; animation: ag-live-grow 420ms cubic-bezier(.2,.8,.2,1) both; transform-origin: 50% 0;\n  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms cubic-bezier(.2,.8,.2,1); }\n.ag-live .ag-live-card:hover { transform: translateY(-1px); }\n/* A running agent's card carries a thin travelling sheen along its top edge: work in progress without a glowing border. */\n.ag-live .ag-live-card[data-status=\"running\"]::before { content: \"\"; position: absolute; inset: 0 0 auto; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--ag-status), transparent); background-size: 40% 100%; background-repeat: no-repeat; animation: ag-live-sheen 2.4s ease-in-out infinite; }\n.ag-live .ag-live-head { display: flex; align-items: center; gap: 8px; min-width: 0; }\n.ag-live .ag-live-names { display: flex; flex-direction: column; min-width: 0; flex: 1; }\n.ag-live .ag-live-name { font-size: 14px; line-height: 18px; font-weight: 600; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.ag-live .ag-live-meta, .ag-live .ag-live-stats { font-size: 11px; line-height: 14px; color: var(--ag-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.ag-live .ag-live-stats { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-variant-numeric: tabular-nums; flex: none; }\n.ag-live .ag-live-pill { display: inline-flex; align-items: center; gap: 4px; height: 16px; padding: 0 6px; border-radius: 8px; font-weight: 600; color: var(--ag-status);\n  background: color-mix(in oklab, var(--ag-status) 14%, transparent); }\n.ag-live .ag-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ag-status); }\n.ag-live [data-status=\"running\"] .ag-live-dot { animation: ag-live-breathe 1.6s ease-in-out infinite; }\n.ag-live .ag-live-thinking { flex: none; margin: 0; font-size: 13px; line-height: 17px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; animation: ag-live-in 260ms ease-out both; }\n.ag-live .ag-live-quiet { color: var(--ag-muted); }\n.ag-live .ag-live-events { margin: auto 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; }\n.ag-live .ag-live-events li { display: flex; align-items: center; gap: 6px; height: 16px; font: 11px/16px var(--font-mono, ui-monospace, monospace); color: var(--ag-muted);\n  animation: ag-live-in 260ms cubic-bezier(.2,.8,.2,1) both; }\n.ag-live .ag-live-events li svg { flex: none; opacity: .8; }\n/* Older lines fade back so the newest reads first, as a log tail does. */\n.ag-live .ag-live-events li:nth-last-child(3) { opacity: .55; }\n.ag-live .ag-live-events li:nth-last-child(2) { opacity: .8; }\n.ag-live .ag-live-events li:last-child { color: var(--ag-fg); animation: ag-live-in 260ms cubic-bezier(.2,.8,.2,1) both, ag-live-flash 1.2s ease-out both; }\n.ag-live .ag-live-event-label { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.ag-live .ag-live-event-at { flex: none; font-family: inherit; color: var(--ag-muted); font-variant-numeric: tabular-nums; }\n.ag-live .ag-live-slot { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }\n.ag-live .ag-live-chip { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; height: 32px; padding: 0 12px; border: 1px solid var(--ag-border); border-radius: 16px;\n  background: var(--ag-surface); color: var(--ag-muted); font-size: 12px; opacity: .72; cursor: pointer; animation: ag-live-settle 320ms cubic-bezier(.2,.8,.2,1) both; }\n.ag-live .ag-live-chip-name { color: var(--ag-fg); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.ag-live .ag-live-chip-result { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n@keyframes ag-live-sheen { from { background-position: -40% 0; } to { background-position: 140% 0; } }\n@keyframes ag-live-breathe { 50% { opacity: .35; transform: scale(.8); } }\n@keyframes ag-live-flash { from { background: color-mix(in oklab, var(--ag-status) 16%, transparent); } to { background: transparent; } }\n@keyframes ag-live-grow { from { opacity: 0; transform: scale(.92) translateY(-8px); } }\n@keyframes ag-live-in { from { opacity: 0; transform: translateY(6px); } }\n@keyframes ag-live-settle { from { opacity: 1; transform: scale(1.08); } }\n@media (prefers-reduced-motion: reduce) { .ag-live *, .ag-live *::before { animation: none !important; } .ag-live .ag-live-card:hover { transform: none; } }\n" }), /* @__PURE__ */ (0, G.jsxs)(Vd, {
+		children: /* @__PURE__ */ (0, G.jsxs)(Vd, {
 			nodes: w,
 			edges: E,
-			nodeTypes: _p,
-			edgeTypes: vp,
+			nodeTypes: vp,
+			edgeTypes: yp,
 			colorMode: m,
 			onInit: (e) => {
 				D.current = e, k(!0);
@@ -8781,7 +8787,7 @@ function Sp({ nodes: e, edges: t, selectedId: n, onSelect: r, direction: i = "TB
 					size: 1.4,
 					color: "hsl(var(--muted-foreground) / 0.38)"
 				}),
-				e.length > bp && /* @__PURE__ */ (0, G.jsx)(Of, {
+				e.length > xp && /* @__PURE__ */ (0, G.jsx)(Of, {
 					pannable: !0,
 					zoomable: !0,
 					position: "bottom-left",
@@ -8796,13 +8802,13 @@ function Sp({ nodes: e, edges: t, selectedId: n, onSelect: r, direction: i = "TB
 					showInteractive: !1,
 					position: "bottom-right",
 					fitViewOptions: {
-						padding: `${yp}px`,
+						padding: `${bp}px`,
 						maxZoom: 1
 					}
 				})
 			]
-		})]
+		})
 	});
 }
 //#endregion
-export { Sp as AgentGraphCanvas, ee as _, cu as a, Gd as c, Kd as d, Q as f, Do as g, ss as h, Ud as i, Vd as l, X as m, Hu as n, Of as o, Wa as p, df as r, qc as s, tf as t, qd as u };
+export { Cp as AgentGraphCanvas, ee as _, cu as a, Gd as c, Kd as d, Q as f, Do as g, ss as h, Ud as i, Vd as l, X as m, Hu as n, Of as o, Wa as p, df as r, qc as s, tf as t, qd as u };