@tangle-network/sandbox-cli 0.22.0-develop.20260814044321.7b71e30 → 0.22.0

package/dist/graph-viewer/viewer/Overview-Dzg5XJgy.js

@@ -0,0 +1,436 @@
+import { i as e, n as t } from "./rolldown-runtime-DArdT4gl.js";
+import { n, t as r } from "./jsx-runtime-DPT6sCLq.js";
+import { T as i, a, n as o, o as s, p as c } from "./primitives-znfPK9NP-B6UO7uDr.js";
+import { t as l } from "./utils-BuObIC0n.js";
+import { i as u, n as d, r as f, t as p } from "./es2015-utW4DTOJ.js";
+import { a as m, i as h, o as g, r as _, s as v, t as y } from "./dist-4_KJz8ZM.js";
+import { a as ee, d as b, l as x, o as te, s as ne, u as re } from "./dist-Dy-wrdTt.js";
+import { c as S, y as ie } from "./markdown-lADwhD7y.js";
+import { n as ae } from "./record-DZnT6SWN-H-ul3U3a.js";
+import "./lazy-pages-ChiMJ8r_.js";
+import { c as oe, k as se, x as C } from "./ui-Co03nZUX.js";
+import { f as w, o as T, u as ce } from "./react-DQ7E2Epi.js";
+import { n as E, r as le, t as ue } from "./plain-words-BrMHl0On.js";
+import "./record-W39D5MO-.js";
+import { agentParam as D } from "./RunPage-NtevWXBs.js";
+//#region node_modules/.pnpm/@radix-ui+react-dialog@1.3.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react@_a3b87985ed5587cda38fa4297542256b/node_modules/@radix-ui/react-dialog/dist/index.mjs
+var O = /* @__PURE__ */ e(n(), 1), k = r(), de = Object.defineProperty, A = (e, t) => de(e, "name", {
+	value: t,
+	configurable: !0
+}), j = "Dialog", [M, fe] = g(j), [pe, N] = M(j), me = /* @__PURE__ */ A((e) => {
+	let { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = O.useRef(null), c = O.useRef(null), { nodes: l, registry: u } = x(), [d, f] = _({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: a,
+		caller: j
+	}), [p, m] = O.useState(0), [g, v] = O.useState(0);
+	return /* @__PURE__ */ (0, k.jsx)(pe, {
+		scope: t,
+		triggerRef: s,
+		contentRef: c,
+		contentId: h(),
+		titleId: h(),
+		descriptionId: h(),
+		titlePresent: p > 0,
+		descriptionPresent: g > 0,
+		setTitleCount: m,
+		setDescriptionCount: v,
+		open: d,
+		onOpenChange: f,
+		onOpenToggle: O.useCallback(() => f((e) => !e), [f]),
+		modal: o,
+		branchNodes: l,
+		branchRegistry: u,
+		children: n
+	});
+}, "Dialog"), P = "DialogPortal", [F, I] = M(P, { forceMount: void 0 }), L = /* @__PURE__ */ A((e) => {
+	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, a = N(P, t);
+	return /* @__PURE__ */ (0, k.jsx)(F, {
+		scope: t,
+		forceMount: n,
+		children: O.Children.map(r, (e) => /* @__PURE__ */ (0, k.jsx)(y, {
+			present: n || a.open,
+			children: /* @__PURE__ */ (0, k.jsx)(ee, {
+				asChild: !0,
+				container: i,
+				children: e
+			})
+		}))
+	});
+}, "DialogPortal"), R = "DialogOverlay", z = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ A(function(e, t) {
+	let n = I(R, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = N(R, e.__scopeDialog);
+	return a.modal ? /* @__PURE__ */ (0, k.jsx)(y, {
+		present: r || a.open,
+		children: /* @__PURE__ */ (0, k.jsx)(ge, {
+			...i,
+			ref: t
+		})
+	}) : null;
+}, "DialogOverlay")), he = a("DialogOverlay.RemoveScroll"), ge = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ A(function(e, t) {
+	let { __scopeDialog: n, ...r } = e, i = N(R, n), a = b(), c = s(t, a);
+	return /* @__PURE__ */ (0, k.jsx)(d, {
+		as: he,
+		allowPinchZoom: !0,
+		shards: O.useMemo(() => [i.contentRef, ...i.branchNodes.map((e) => ({ current: e }))], [i.contentRef, i.branchNodes]),
+		children: /* @__PURE__ */ (0, k.jsx)(o.div, {
+			"data-state": K(i.open),
+			...r,
+			ref: c,
+			style: {
+				pointerEvents: "auto",
+				...r.style
+			}
+		})
+	});
+}, "DialogOverlayImpl")), B = "DialogContent", V = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ A(function(e, t) {
+	let n = I(B, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = N(B, e.__scopeDialog);
+	return /* @__PURE__ */ (0, k.jsx)(y, {
+		present: r || a.open,
+		children: a.modal ? /* @__PURE__ */ (0, k.jsx)(_e, {
+			...i,
+			ref: t
+		}) : /* @__PURE__ */ (0, k.jsx)(ve, {
+			...i,
+			ref: t
+		})
+	});
+}, "DialogContent")), _e = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ A(function(e, t) {
+	let n = N(B, e.__scopeDialog), r = O.useRef(null), i = s(t, n.contentRef, r);
+	return O.useEffect(() => {
+		let e = r.current;
+		if (e) return p(e);
+	}, []), /* @__PURE__ */ (0, k.jsx)(H, {
+		...e,
+		ref: i,
+		trapFocus: n.open,
+		disableOutsidePointerEvents: n.open,
+		onCloseAutoFocus: v(e.onCloseAutoFocus, (e) => {
+			e.preventDefault(), n.triggerRef.current?.focus();
+		}),
+		onPointerDownOutside: v(e.onPointerDownOutside, (e) => {
+			let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
+			(t.button === 2 || n) && e.preventDefault();
+		}),
+		onFocusOutside: v(e.onFocusOutside, (e) => e.preventDefault())
+	});
+}, "DialogContentModal")), ve = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ A(function(e, t) {
+	let n = N(B, e.__scopeDialog), r = O.useRef(!1), i = O.useRef(!1);
+	return /* @__PURE__ */ (0, k.jsx)(H, {
+		...e,
+		ref: t,
+		trapFocus: !1,
+		disableOutsidePointerEvents: !1,
+		onCloseAutoFocus: (t) => {
+			e.onCloseAutoFocus?.(t), t.defaultPrevented || (r.current || n.triggerRef.current?.focus(), t.preventDefault()), r.current = !1, i.current = !1;
+		},
+		onInteractOutside: (t) => {
+			e.onInteractOutside?.(t), t.defaultPrevented || (r.current = !0, t.detail.originalEvent.type === "pointerdown" && (i.current = !0));
+			let a = t.target;
+			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
+		}
+	});
+}, "DialogContentNonModal")), H = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ A(function(e, t) {
+	let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, "aria-describedby": o, children: s, ...c } = e, l = N(B, n);
+	return f(), /* @__PURE__ */ (0, k.jsx)(ne, {
+		registry: l.branchRegistry,
+		children: /* @__PURE__ */ (0, k.jsx)(te, {
+			asChild: !0,
+			loop: !0,
+			trapped: r,
+			branches: l.branchNodes,
+			onMountAutoFocus: i,
+			onUnmountAutoFocus: a,
+			children: /* @__PURE__ */ (0, k.jsx)(re, {
+				role: "dialog",
+				id: l.contentId,
+				"aria-labelledby": l.titlePresent ? l.titleId : void 0,
+				"aria-describedby": l.descriptionPresent ? G(o, l.descriptionId) : o,
+				"data-state": K(l.open),
+				...c,
+				ref: t,
+				deferPointerDownOutside: !0,
+				onDismiss: () => l.onOpenChange(!1),
+				children: s
+			})
+		})
+	});
+}, "DialogContentImpl")), U = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ A(function(e, t) {
+	let { __scopeDialog: n, ...r } = e, i = N("DialogTitle", n), { setTitleCount: a } = i;
+	return m(() => (a((e) => e + 1), () => a((e) => e - 1)), [a]), /* @__PURE__ */ (0, k.jsx)(o.h2, {
+		id: i.titleId,
+		...r,
+		ref: t
+	});
+}, "DialogTitle")), W = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ A(function(e, t) {
+	let { __scopeDialog: n, ...r } = e, i = N("DialogDescription", n), { setDescriptionCount: a } = i;
+	return m(() => (a((e) => e + 1), () => a((e) => e - 1)), [a]), /* @__PURE__ */ (0, k.jsx)(o.p, {
+		id: i.descriptionId,
+		...r,
+		ref: t
+	});
+}, "DialogDescription")), ye = "DialogClose", be = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ A(function(e, t) {
+	let { __scopeDialog: n, ...r } = e, i = N(ye, n);
+	return /* @__PURE__ */ (0, k.jsx)(o.button, {
+		type: "button",
+		...r,
+		ref: t,
+		onClick: v(e.onClick, () => i.onOpenChange(!1))
+	});
+}, "DialogClose"));
+function G(...e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e) if (typeof n == "string") for (let e of String(n).trim().split(/\s+/)) e && t.add(e);
+	return t.size > 0 ? Array.from(t).join(" ") : void 0;
+}
+A(G, "concatAriaDescribedby");
+function K(e) {
+	return e ? "open" : "closed";
+}
+A(K, "getState");
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.51.1_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_a7187ff5a73f27dfe4cc06a400b0c7a3/node_modules/@tangle-network/ui/dist/primitives/sheet.js
+var xe = me, Se = L, q = O.forwardRef(({ className: e, asChild: t, children: n, ...r }, a) => /* @__PURE__ */ (0, k.jsx)(z, {
+	ref: a,
+	className: l("fixed inset-0 z-50 bg-black/40", i, e),
+	...r,
+	asChild: !0,
+	children: /* @__PURE__ */ (0, k.jsx)(u, {
+		kind: "overlay",
+		asChild: t,
+		children: n
+	})
+}));
+q.displayName = z.displayName;
+var Ce = c(["fixed z-50 flex flex-col gap-4 border-border bg-card shadow-lg", i], {
+	variants: { side: {
+		right: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+		top: "inset-x-0 top-0 h-auto border-b",
+		bottom: "inset-x-0 bottom-0 h-auto border-t"
+	} },
+	defaultVariants: { side: "right" }
+}), J = O.forwardRef(({ className: e, children: t, side: n = "right", hideCloseButton: r = !1, asChild: i, ...a }, o) => /* @__PURE__ */ (0, k.jsxs)(Se, { children: [/* @__PURE__ */ (0, k.jsx)(q, {}), /* @__PURE__ */ (0, k.jsx)(V, {
+	ref: o,
+	className: l(Ce({ side: n }), e),
+	...a,
+	asChild: !0,
+	children: /* @__PURE__ */ (0, k.jsxs)(u, {
+		kind: "sheet",
+		side: n ?? "right",
+		asChild: i,
+		children: [t, !r && /* @__PURE__ */ (0, k.jsxs)(be, {
+			className: l("absolute top-4 right-4 rounded-sm text-muted-foreground opacity-70 transition-[opacity,box-shadow] hover:opacity-100 focus-visible:opacity-100 disabled:pointer-events-none", "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none", "focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:outline-offset-0"),
+			children: [/* @__PURE__ */ (0, k.jsx)(ie, { className: "size-4" }), /* @__PURE__ */ (0, k.jsx)("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})
+})] }));
+J.displayName = V.displayName;
+var Y = ({ className: e, ...t }) => /* @__PURE__ */ (0, k.jsx)("div", {
+	className: l("flex flex-col gap-1.5 p-4 pr-10", e),
+	...t
+});
+Y.displayName = "SheetHeader";
+var X = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, k.jsx)(U, {
+	ref: n,
+	className: l("font-semibold text-base text-foreground leading-tight", e),
+	...t
+}));
+X.displayName = U.displayName;
+var we = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, k.jsx)(W, {
+	ref: n,
+	className: l("text-muted-foreground text-sm", e),
+	...t
+}));
+we.displayName = W.displayName;
+//#endregion
+//#region src/workspace/run/Overview.tsx
+var Z = /* @__PURE__ */ t({
+	Overview: () => Te,
+	clause: () => Q
+});
+function Q(e, t = Infinity) {
+	if (!e) return "";
+	let n = e.replace(/\/(home|mnt|Users|tmp|private)\/\S+/g, "").replace(/:?\s*\b[0-9a-f]{10,40}\b/g, "").replace(/\s+/g, " ").trim();
+	n = n.replace(/^(?:[\w-]+(?: [\w-]+){0,3}: )+(?=\S)/, (e) => e.split(": ").length > 2 ? "" : e), n = n.split(/(?<=[.;])\s|;\s|, the |, starting /)[0] ?? n;
+	let r = n.split(" ");
+	return r.length > t ? `${r.slice(0, t).join(" ").replace(/[.;,:]+$/, "")}…` : n.replace(/[.;,:]$/, "");
+}
+var $ = (e) => e.checked && typeof e.total == "number" && e.total > 0 && e.passed === e.total;
+function Te({ m: e, doc: t, route: n, agent: r, selectAgent: i }) {
+	let a = se(), o = (0, O.useRef)(null), s = e.best, c = e.releases.filter((e) => e.taggedAt), l = s ? c.find((e) => e.passed === s.passed) ?? s : null, u = s?.steps?.find((e) => e.state !== "pass"), d = l?.taggedAt ? C(Math.max(0, e.t0 + e.duration - Date.parse(l.taggedAt))) : null, f = [];
+	for (let e of c) {
+		let t = f.at(-1), n = t?.at(-1);
+		n && n.passed === e.passed && n.total === e.total && n.checker === e.checker ? t.push(e) : f.push([e]);
+	}
+	let p = t.view?.blocker, m = n.params.has("agent") && r ? e.byId.get(r) : null, h = [...new Set(c.flatMap((e) => m ? e.files?.[m.id] ?? [] : []))].sort((e, t) => Number(S(t) === "code") - Number(S(e) === "code") || e.localeCompare(t)), g = e.tree.filter((e) => e.start !== null).map((t) => ({
+		id: t.id,
+		label: t.name,
+		count: t.commits ?? (t.modelCalls !== null && t.toolCalls !== null ? t.modelCalls + t.toolCalls : void 0),
+		countLabel: t.commits === null ? "calls" : "commits",
+		spans: [{
+			start: e.t0 + Math.max(0, t.start),
+			end: e.live && [
+				"running",
+				"waiting",
+				"needs-you"
+			].includes(t.status) ? null : e.t0 + Math.max(t.start, t.end ?? t.last ?? t.start),
+			state: t.id === e.root?.id ? "lead" : t.state.tone || "none",
+			note: t.state.label,
+			endLabel: `${C(Math.max(0, (e.live && [
+				"running",
+				"waiting",
+				"needs-you"
+			].includes(t.status) ? e.duration : t.end ?? t.last ?? t.start) - t.start))} · ${oe(t)}`
+		}]
+	})), _ = c.map((e) => ({
+		at: Date.parse(e.taggedAt),
+		kind: "release",
+		label: e.release,
+		verdict: $(e) ? "pass" : "unknown"
+	})), v = (e) => new Date(e).toISOString().slice(5, 16).replace("T", " "), y = m ? /* @__PURE__ */ (0, k.jsx)("section", {
+		ref: o,
+		tabIndex: 0,
+		role: "list",
+		className: "rp-card rj-drill rj-files",
+		"aria-label": `${m.name}: what it did`,
+		children: /* @__PURE__ */ (0, k.jsx)(ae, {
+			items: [null, ...h],
+			keyOf: (e) => e === null ? "summary" : `file:${e}`,
+			scroller: o,
+			estimate: 28,
+			overscan: 280,
+			render: (e) => /* @__PURE__ */ (0, k.jsx)("div", {
+				role: "listitem",
+				children: e === null ? /* @__PURE__ */ (0, k.jsxs)(k.Fragment, { children: [/* @__PURE__ */ (0, k.jsxs)("div", {
+					className: "rp-hd",
+					children: [/* @__PURE__ */ (0, k.jsx)("h2", { children: m.name }), /* @__PURE__ */ (0, k.jsx)("a", {
+						className: "rp-btn end",
+						href: n.href("conversations", { agent: D(t.run.id, m.id) }),
+						children: "Conversation →"
+					})]
+				}), /* @__PURE__ */ (0, k.jsxs)("dl", { children: [
+					/* @__PURE__ */ (0, k.jsx)("dt", { children: "Task" }),
+					/* @__PURE__ */ (0, k.jsx)("dd", { children: E(m.node.assignment) || m.id === t.run.id && E(ue(t.input?.objective)) || "Not recorded" }),
+					/* @__PURE__ */ (0, k.jsx)("dt", { children: "Result" }),
+					/* @__PURE__ */ (0, k.jsx)("dd", { children: E(m.node.turn) || "No result recorded yet" }),
+					/* @__PURE__ */ (0, k.jsx)("dt", { children: "Changed" }),
+					/* @__PURE__ */ (0, k.jsx)("dd", { children: h.length ? `${h.length} files in released work` : "No files in released work" })
+				] })] }) : /* @__PURE__ */ (0, k.jsx)("code", { children: e })
+			})
+		})
+	}, m.id) : null;
+	return /* @__PURE__ */ (0, k.jsxs)("section", {
+		className: "rp-journey",
+		"aria-label": "Run overview",
+		children: [/* @__PURE__ */ (0, k.jsxs)("section", {
+			className: "rj-hero",
+			"aria-label": "How close the best release is",
+			children: [
+				s?.steps?.length ? /* @__PURE__ */ (0, k.jsx)(ce, {
+					total: s.total,
+					used: s.passed,
+					steps: s.steps,
+					text: "How close the best release is"
+				}) : /* @__PURE__ */ (0, k.jsx)("p", { children: "No release was checked." }),
+				s && /* @__PURE__ */ (0, k.jsxs)("p", { children: [
+					/* @__PURE__ */ (0, k.jsx)("b", { children: s.release }),
+					" · ",
+					u ? `stuck at ${u.label}${d ? ` for ${d}, since ${l?.release}` : ""}` : "every step passes"
+				] }),
+				/* @__PURE__ */ (0, k.jsx)("p", {
+					className: "rj-next",
+					children: t.view?.paused ? /* @__PURE__ */ (0, k.jsxs)(k.Fragment, { children: [
+						/* @__PURE__ */ (0, k.jsx)("b", { children: "Next:" }),
+						" Decide whether to resume research. ",
+						/* @__PURE__ */ (0, k.jsx)("a", {
+							href: "/today",
+							children: "Today →"
+						})
+					] }) : p?.owner === "Drew" ? /* @__PURE__ */ (0, k.jsxs)(k.Fragment, { children: [
+						/* @__PURE__ */ (0, k.jsx)("b", { children: "Next:" }),
+						" ",
+						p.action
+					] }) : /* @__PURE__ */ (0, k.jsxs)(k.Fragment, { children: [
+						/* @__PURE__ */ (0, k.jsx)("b", { children: "Nothing for you." }),
+						" ",
+						p?.owner ?? "Discovery operator",
+						" is on it",
+						p?.since ? ` since ${le(p.since)}` : "",
+						p?.action ? `: ${p.action}` : "."
+					] })
+				}),
+				/* @__PURE__ */ (0, k.jsx)("p", {
+					className: "rj-releases",
+					children: f.map((e) => {
+						let t = e[0], r = e.at(-1);
+						return /* @__PURE__ */ (0, k.jsxs)("a", {
+							"data-pass": $(r) || void 0,
+							href: n.href("checks", { release: r.release }),
+							children: [
+								t.release,
+								e.length > 1 ? `–${r.release}: all` : "",
+								" ",
+								r.passed ?? "?",
+								"/",
+								r.total ?? "?"
+							]
+						}, t.release);
+					})
+				})
+			]
+		}), /* @__PURE__ */ (0, k.jsxs)("div", {
+			className: "rj-main",
+			"data-picked": m && !a || void 0,
+			children: [/* @__PURE__ */ (0, k.jsxs)("section", {
+				className: "rp-card rj-work",
+				"aria-label": "What the agents did",
+				children: [/* @__PURE__ */ (0, k.jsxs)("div", {
+					className: "rp-hd",
+					children: [/* @__PURE__ */ (0, k.jsx)("h2", { children: "What the agents did" }), /* @__PURE__ */ (0, k.jsxs)("span", {
+						className: "muted",
+						children: [e.agents.length, " agents"]
+					})]
+				}), /* @__PURE__ */ (0, k.jsx)(T, {
+					lanes: g,
+					marks: _,
+					bestMark: s?.release,
+					selectedId: m?.id,
+					onSelect: (e) => i(e),
+					maxHeight: 420,
+					now: e.live ? e.t0 + e.duration : void 0,
+					colors: {
+						ok: w.solved,
+						done: w.cancelled,
+						live: w.live,
+						lead: w.cancelled,
+						fail: w.died,
+						waiting: w.stalled,
+						"needs-you": w.stalled,
+						none: w.cancelled
+					},
+					axis: v,
+					span: (e, t) => C(t - e)
+				})]
+			}), a ? /* @__PURE__ */ (0, k.jsx)(xe, {
+				open: !!m,
+				onOpenChange: (e) => {
+					e || i(null);
+				},
+				children: /* @__PURE__ */ (0, k.jsxs)(J, {
+					side: "bottom",
+					className: "rj-agent-sheet agent-record rp",
+					children: [/* @__PURE__ */ (0, k.jsxs)(Y, { children: [/* @__PURE__ */ (0, k.jsx)(X, { children: m?.name }), m && /* @__PURE__ */ (0, k.jsx)("a", {
+						className: "rp-btn",
+						href: n.href("conversations", { agent: D(t.run.id, m.id) }),
+						children: "Conversation →"
+					})] }), y]
+				})
+			}) : y]
+		})]
+	});
+}
+//#endregion
+export { Q as n, Z as t };