@tangle-network/sandbox-cli 0.21.27 → 0.21.28

package/dist/graph-viewer/viewer/{Files-B-g25gSO.js → Files-Cjr7NMU_.js}

@@ -1,13 +1,13 @@
 import { i as e } from "./rolldown-runtime-DArdT4gl.js";
-import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
-import { o as r } from "./markdown-BpJEJUTW.js";
-import { a as i, i as a, n as o, o as s, t as c } from "./workspace-DalRxssx.js";
-import { a as l, i as u, t as d } from "./popover-DrLB9iar.js";
-import { t as f } from "./segmented-control-ChhLMa6h.js";
-import { a as p, d as m, o as h } from "./ui-DZiGjPwl.js";
-import { d as g, t as _ } from "./final-output-Db2D9cMT.js";
-import { p as v } from "./data-azhapQrS.js";
-import { agentFromParam as y, agentParam as b } from "./RunPage-ChipoSdO.js";
+import { i as t, t as n } from "./jsx-runtime-DQWyJOhv.js";
+import { o as r } from "./markdown-CX_sVrXB.js";
+import { a as i, i as a, n as o, o as s, t as c } from "./workspace-CekmOBs3.js";
+import { a as l, i as u, t as d } from "./popover-CvOAjlnk.js";
+import { t as f } from "./segmented-control-BaJmvTNd.js";
+import { a as p, d as m, o as h } from "./ui-C9b1rIUH.js";
+import { d as g, t as _ } from "./final-output-kwY11u9X.js";
+import { p as v } from "./data-CkWfWr7i.js";
+import { agentFromParam as y, agentParam as b } from "./RunPage-DZlBW7Va.js";
 //#region src/workspace/ref-file.tsx
 var x = /* @__PURE__ */ e(t(), 1), S = n(), C = /* @__PURE__ */ new Set([
 	"image",
@@ -103,9 +103,18 @@ function T({ runUrl: e, base: t, head: n, path: r, headTree: a }) {
 	})] });
 }
 //#endregion
+//#region src/workspace/use-phone.ts
+var E = "(max-width: 1023px)";
+function D(e = E) {
+	return (0, x.useSyncExternalStore)((t) => {
+		let n = window.matchMedia(e);
+		return n.addEventListener("change", t), () => n.removeEventListener("change", t);
+	}, () => window.matchMedia(e).matches, () => !1);
+}
+//#endregion
 //#region src/workspace/run/Files.tsx
-var E = "Pages", D = "Code", O = (e) => e.name.replaceAll("/", "∕");
-function k(e, t) {
+var O = "Pages", k = "Code", A = (e) => e.name.replaceAll("/", "∕");
+function j(e, t) {
 	let [n, r] = (0, x.useState)(/* @__PURE__ */ new Map()), i = t.map((e) => e.id).join("|");
 	return (0, x.useEffect)(() => {
 		let n = new AbortController(), i = !0;
@@ -120,7 +129,7 @@ function k(e, t) {
 		};
 	}, [e, i]), n;
 }
-function A({ api: e, runUrl: t, doc: n, m: r, route: i }) {
+function M({ api: e, runUrl: t, doc: n, m: r, route: i }) {
 	let a = v(`${t}/files`, r.live ? 15e3 : void 0), s = (0, x.useMemo)(() => {
 		if (!a.data) return null;
 		try {
@@ -132,12 +141,12 @@ function A({ api: e, runUrl: t, doc: n, m: r, route: i }) {
 		a.data,
 		n.run.id,
 		e
-	]), l = (0, x.useMemo)(() => r.tree.filter((e) => e.node.hasCode).slice(0, 40), [r]), u = y(r, n.run.id, i.params.get("scope")) ?? (i.params.get("scope") === "pages" ? "pages" : null), d = (0, x.useMemo)(() => u === "pages" ? [] : u ? l.filter((e) => e.id === u) : l, [l, u]), f = k(t, d), p = v(`${t}/tree?ref=main`), g = (0, x.useMemo)(() => {
+	]), l = (0, x.useMemo)(() => r.tree.filter((e) => e.node.hasCode).slice(0, 40), [r]), u = y(r, n.run.id, i.params.get("scope")) ?? (i.params.get("scope") === "pages" ? "pages" : null), d = (0, x.useMemo)(() => u === "pages" ? [] : u ? l.filter((e) => e.id === u) : l, [l, u]), f = j(t, d), p = v(`${t}/tree?ref=main`), g = (0, x.useMemo)(() => {
 		let e = [];
 		if (u === null || u === "pages") for (let t of s?.items ?? []) e.push({
 			key: `page:${t.path}`,
 			kind: "page",
-			tree: `${E}/${t.path.replace(/^pages\//, "")}`,
+			tree: `${O}/${t.path.replace(/^pages\//, "")}`,
 			path: t.path,
 			file: t
 		});
@@ -147,7 +156,7 @@ function A({ api: e, runUrl: t, doc: n, m: r, route: i }) {
 			if (!(!i || "error" in i)) for (let a of i.files) e.push({
 				key: `code:${b(n.run.id, r.id)}:${a.path}`,
 				kind: "code",
-				tree: `${D}/${O(r)}/${a.path}`,
+				tree: `${k}/${A(r)}/${a.path}`,
 				path: a.path,
 				agent: r,
 				status: t.has(a.path) ? "M" : "A",
@@ -164,17 +173,17 @@ function A({ api: e, runUrl: t, doc: n, m: r, route: i }) {
 		p.data,
 		u,
 		n.run.id
-	]), _ = (0, x.useMemo)(() => new Map(g.map((e) => [e.tree, e])), [g]), C = (0, x.useMemo)(() => Object.fromEntries(g.filter((e) => e.kind === "code").map((e) => [e.tree, e.kind === "code" && e.status === "A" ? "added" : "modified"])), [g]), w = i.params.get("file"), T = g.find((e) => e.key === w) ?? (w ? null : g[0] ?? null), A = !s && !a.error ? "Reading the retained files…" : d.some((e) => !f.has(e.id)) && !g.length ? "Reading the agent branches…" : null, M = m(r, (e) => e.node.hasCode, (e) => {
+	]), _ = (0, x.useMemo)(() => new Map(g.map((e) => [e.tree, e])), [g]), C = (0, x.useMemo)(() => Object.fromEntries(g.filter((e) => e.kind === "code").map((e) => [e.tree, e.kind === "code" && e.status === "A" ? "added" : "modified"])), [g]), w = i.params.get("file"), T = D("(max-width: 720px)"), E = g.find((e) => e.key === w) ?? (w || T ? null : g[0] ?? null), M = !s && !a.error ? "Reading the retained files…" : d.some((e) => !f.has(e.id)) && !g.length ? "Reading the agent branches…" : null, P = m(r, (e) => e.node.hasCode, (e) => {
 		let t = f.get(e.id);
-		return t && !("error" in t) ? `${t.files.length} files` : "";
-	}), N = /* @__PURE__ */ (0, S.jsx)(h, {
+		return t && !("error" in t) ? `${t.files.length} changed` : "";
+	}), F = /* @__PURE__ */ (0, S.jsx)(h, {
 		label: "Files written by",
 		options: [{
 			id: "pages",
 			label: "Pages",
-			meta: s ? `${s.items.length}` : ""
-		}, ...M],
-		all: { label: "All agents" },
+			meta: s ? `${s.items.length} pages` : ""
+		}, ...P],
+		all: { label: "Pages and every branch" },
 		value: u,
 		placeholder: `Search ${l.length} branches`,
 		width: 300,
@@ -183,50 +192,50 @@ function A({ api: e, runUrl: t, doc: n, m: r, route: i }) {
 			scope: e === "pages" ? "pages" : e ? b(n.run.id, e) : null,
 			file: null
 		}),
-		children: u === "pages" ? "Pages" : u ? r.byId.get(u)?.name ?? "Agent" : "All agents"
+		children: u === "pages" ? "Pages" : u ? r.byId.get(u)?.name ?? "Branch" : "All files"
 	});
 	return /* @__PURE__ */ (0, S.jsx)("div", {
 		className: "rp-files",
 		children: /* @__PURE__ */ (0, S.jsx)(c, {
 			paths: g.map((e) => e.tree),
 			status: C,
-			selectedPath: T?.tree,
+			selectedPath: E?.tree,
 			onSelect: (e) => {
 				let t = _.get(e);
 				t && i.go("files", { file: t.key });
 			},
 			onBack: () => i.go("files", { file: null }),
-			headerActions: N,
+			headerActions: F,
 			search: !0,
 			label: "Files",
 			expansionKey: `${n.run.id}:files`,
 			emptyState: /* @__PURE__ */ (0, S.jsx)("p", {
 				className: "ws-status",
 				role: a.error ? "alert" : "status",
-				children: a.error ? `The retained files are unavailable: ${a.error}` : A ?? "This run left no pages and no branch changed a file."
+				children: a.error ? `The retained files are unavailable: ${a.error}` : M ?? "This run left no pages and no branch changed a file."
 			}),
-			preview: T ? {
-				path: T.tree,
-				...j(T, t, i.href("files", { file: T.key }))
+			preview: E ? {
+				path: E.tree,
+				...N(E, t, i.href("files", { file: E.key }))
 			} : void 0,
 			style: { height: "100%" }
 		})
 	});
 }
-function j(e, t, n) {
+function N(e, t, n) {
 	return {
-		actions: /* @__PURE__ */ (0, S.jsx)(N, {
+		actions: /* @__PURE__ */ (0, S.jsx)(F, {
 			entry: e,
 			runUrl: t,
 			link: n
 		}),
-		content: /* @__PURE__ */ (0, S.jsx)(F, {
+		content: /* @__PURE__ */ (0, S.jsx)(L, {
 			entry: e,
 			runUrl: t
 		}, e.key)
 	};
 }
-var M = () => {
+var P = () => {
 	let [e, t] = (0, x.useState)(() => {
 		let e = new URLSearchParams(window.location.search).get("fileView");
 		return e === "source" || e === "diff" ? e : "preview";
@@ -239,8 +248,8 @@ var M = () => {
 		e === "preview" ? t.delete("fileView") : t.set("fileView", e), window.history.replaceState(null, "", `${window.location.pathname}${t.size ? `?${t}` : ""}`), window.dispatchEvent(new CustomEvent("rp-file-view", { detail: e }));
 	}];
 };
-function N({ entry: e, runUrl: t, link: n }) {
-	let [i, o] = M(), [s, c] = (0, x.useState)(!1), m = e.path.split("/").pop() ?? e.path, h = r(e.path), g = [...h === "markdown" || h === "csv" ? [{
+function F({ entry: e, runUrl: t, link: n }) {
+	let [i, o] = P(), [s, c] = (0, x.useState)(!1), m = e.path.split("/").pop() ?? e.path, h = r(e.path), g = [...h === "markdown" || h === "csv" ? [{
 		value: "preview",
 		label: "Preview"
 	}, {
@@ -260,39 +269,45 @@ function N({ entry: e, runUrl: t, link: n }) {
 		}), /* @__PURE__ */ (0, S.jsxs)("span", {
 			className: "rp-group ph-hide",
 			children: [
-				_ && /* @__PURE__ */ (0, S.jsxs)("a", {
-					className: "rp-btn",
+				_ && /* @__PURE__ */ (0, S.jsx)("a", {
+					className: "rp-btn ic",
 					href: _,
 					download: m,
-					children: [/* @__PURE__ */ (0, S.jsx)(p, { name: "download" }), /* @__PURE__ */ (0, S.jsx)("span", { children: "Download" })]
+					"aria-label": `Download ${m}`,
+					title: "Download",
+					children: /* @__PURE__ */ (0, S.jsx)(p, { name: "download" })
 				}),
-				/* @__PURE__ */ (0, S.jsxs)("button", {
+				/* @__PURE__ */ (0, S.jsx)("button", {
 					type: "button",
-					className: "rp-btn",
+					className: "rp-btn ic",
+					"aria-label": s ? "Link copied" : "Copy link",
+					title: s ? "Copied" : "Copy link",
 					onClick: () => {
 						navigator.clipboard?.writeText(new URL(n, window.location.href).toString()).then(() => {
 							c(!0), window.setTimeout(() => c(!1), 1500);
 						});
 					},
-					children: [/* @__PURE__ */ (0, S.jsx)(p, { name: s ? "check" : "link" }), /* @__PURE__ */ (0, S.jsx)("span", { children: s ? "Copied" : "Copy link" })]
+					children: /* @__PURE__ */ (0, S.jsx)(p, { name: s ? "check" : "link" })
 				}),
 				/* @__PURE__ */ (0, S.jsxs)(d, { children: [/* @__PURE__ */ (0, S.jsx)(l, {
 					asChild: !0,
-					children: /* @__PURE__ */ (0, S.jsxs)("button", {
+					children: /* @__PURE__ */ (0, S.jsx)("button", {
 						type: "button",
-						className: "rp-btn",
-						children: [/* @__PURE__ */ (0, S.jsx)(p, { name: "info" }), /* @__PURE__ */ (0, S.jsx)("span", { children: "Provenance" })]
+						className: "rp-btn ic",
+						"aria-label": "Provenance",
+						title: "Provenance",
+						children: /* @__PURE__ */ (0, S.jsx)(p, { name: "info" })
 					})
 				}), /* @__PURE__ */ (0, S.jsx)(u, {
 					className: "rp-pop",
 					align: "end",
-					children: /* @__PURE__ */ (0, S.jsx)(P, { entry: e })
+					children: /* @__PURE__ */ (0, S.jsx)(I, { entry: e })
 				})] })
 			]
 		})]
 	});
 }
-function P({ entry: e }) {
+function I({ entry: e }) {
 	let t = e.path.split("/").pop();
 	if (e.kind === "page") {
 		let n = e.file;
@@ -350,8 +365,8 @@ function P({ entry: e }) {
 		] })
 	})] });
 }
-function F({ entry: e, runUrl: t }) {
-	let [n] = M(), i = e.path.split("/").pop() ?? e.path, o = r(e.path), c = o === "markdown" || o === "csv", l = [
+function L({ entry: e, runUrl: t }) {
+	let [n] = P(), i = e.path.split("/").pop() ?? e.path, o = r(e.path), c = o === "markdown" || o === "csv", l = [
 		"image",
 		"pdf",
 		"video",
@@ -430,4 +445,4 @@ function F({ entry: e, runUrl: t }) {
 	});
 }
 //#endregion
-export { A as Files };
+export { M as Files };