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

package/dist/graph-viewer/viewer/Today-Bi9IIwuh.js

@@ -0,0 +1,623 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { n as t, t as n } from "./jsx-runtime-DPT6sCLq.js";
+import { t as r } from "./page-header-QbUg8F8i.js";
+import { t as i } from "./segmented-control-Di1mbQlP.js";
+import { a, o } from "./ui-Co03nZUX.js";
+import { O as s, p as c } from "./data-CVHeKhrh.js";
+//#region src/workspace/Today.tsx
+var l = /* @__PURE__ */ e(t(), 1), u = n(), d = (e, t) => e.view.status.key === "solved" ? "solved" : t || e.view.status.key === "live" ? "running" : "stopped", f = (e) => `/play/${encodeURIComponent(e)}`, p = (e) => `/run/${encodeURIComponent(e)}`, m = (e) => e ? e.slice(11, 16) : "—", h = (e, t) => {
+	if (!e) return "";
+	let n = Math.max(0, (t - Date.parse(e)) / 6e4);
+	return n < 60 ? `${Math.max(1, Math.round(n))} min ago` : n < 2880 ? `${Math.round(n / 60)} h ago` : `${Math.round(n / 1440)} days ago`;
+}, g = "discovery.today.visit";
+function _(e) {
+	let [t] = (0, l.useState)(() => {
+		try {
+			return window.localStorage.getItem(g);
+		} catch {
+			return null;
+		}
+	});
+	(0, l.useEffect)(() => {
+		try {
+			window.localStorage.setItem(g, (/* @__PURE__ */ new Date()).toISOString());
+		} catch {}
+	}, []);
+	let n = t && e - Date.parse(t) < 6048e5 && e - Date.parse(t) > 6e4 ? t : null, [r, i] = (0, l.useState)(n ? "visit" : "day");
+	return {
+		at: r === "visit" && n ? Date.parse(n) : e - (r === "week" ? 7 : 1) * 864e5,
+		choice: r,
+		setChoice: i,
+		last: n
+	};
+}
+function v(e, t) {
+	if (e == null) return "—";
+	let n = (e, t = e < 10 ? 2 : +(e < 100)) => e.toLocaleString("en-US", { maximumFractionDigits: t });
+	if (t === "B" || t === "KiB") {
+		let r = t === "KiB" ? e * 1024 : e, i = [
+			"B",
+			"KiB",
+			"MiB",
+			"GiB",
+			"TiB"
+		], a = Math.min(i.length - 1, Math.max(0, Math.floor(Math.log(Math.max(1, r)) / Math.log(1024))));
+		return `${n(r / 1024 ** a, 1)} ${i[a]}`;
+	}
+	return t === "cycles/s" ? `${n(e, 0)}/s` : t === "ms" ? `${n(e, 1)} ms` : `${n(e)} ${t}`;
+}
+var y = (e) => {
+	let t = e.target;
+	return t ? t.approx ? `≈ ${v(t.approx, e.unit)}` : t.min && t.max ? `${v(t.min, e.unit)}–${v(t.max, e.unit)}` : t.min ? `≥ ${v(t.min, e.unit)}` : t.max ? `≤ ${v(t.max, e.unit)}` : "" : "";
+}, b = (e) => !e.ratio || e.ratio.side === "met" ? "on target" : `${e.ratio.x >= 100 ? Math.round(e.ratio.x).toLocaleString("en-US") : e.ratio.x.toFixed(1)}× ${e.direction === "down" ? "over" : "below"}`, x = 4;
+function S(e) {
+	let t = e.change && e.change.from ? (e.change.to - e.change.from) / e.change.from * 100 : null;
+	if (t === null || Math.abs(t) < 1) return null;
+	let n = e.direction === "down" ? t < 0 : t > 0;
+	return {
+		text: `${t > 0 ? "↑" : "↓"} ${Math.abs(t).toFixed(0)}% ${n ? "better" : "worse"}`,
+		tone: n ? "ok" : "neutral"
+	};
+}
+function C(e, t) {
+	if (t) {
+		let e = S(t);
+		if (e) return e;
+	}
+	let n = e.view.trend?.passed.filter((e) => e !== null) ?? [], r = n.length > 1 ? n[n.length - 1] - n[0] : 0;
+	return r ? {
+		text: `${r > 0 ? "↑" : "↓"} ${Math.abs(r)} step${Math.abs(r) === 1 ? "" : "s"}`,
+		tone: r > 0 ? "ok" : "neutral"
+	} : null;
+}
+function w(e, t, n) {
+	let r = [], i = (e) => !!(e && Date.parse(e) > n);
+	for (let e of t) {
+		let t = e.view.trend?.series ?? [];
+		t.forEach((n, a) => {
+			if (!i(n.at)) return;
+			let o = t[a - 1], c = o ? n.passed - o.passed : 0;
+			r.push({
+				at: n.at,
+				play: e.play,
+				title: e.title,
+				text: /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
+					/* @__PURE__ */ (0, u.jsx)("b", { children: n.release }),
+					n.runId ? ` of run ${s(e.play, n.runId)}` : "",
+					" checked: ",
+					/* @__PURE__ */ (0, u.jsxs)("b", { children: [
+						n.passed,
+						"/",
+						e.view.trend.total
+					] }),
+					" steps"
+				] }),
+				...c ? { badge: {
+					text: `${c > 0 ? "↑" : "↓"} ${Math.abs(c)} step${Math.abs(c) === 1 ? "" : "s"}`,
+					tone: c > 0 ? "ok" : "neutral"
+				} } : {}
+			});
+		});
+		for (let t of e.view.bars ?? []) {
+			if (!t.latest || !i(t.latest.at)) continue;
+			let n = S(t);
+			r.push({
+				at: t.latest.at,
+				play: e.play,
+				title: e.title,
+				text: /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
+					/* @__PURE__ */ (0, u.jsx)("b", { children: t.label }),
+					" ",
+					v(t.latest.value, t.unit),
+					t.latest.release ? ` at ${t.latest.release}` : "",
+					" · ",
+					b(t)
+				] }),
+				...n ? { badge: n } : {}
+			});
+		}
+		let n = e.view.blocker?.since;
+		e.view.blocker && i(n) && r.push({
+			at: n,
+			play: e.play,
+			title: e.title,
+			text: /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
+				e.view.blocker.kind === "stopped" ? "Stopped" : "Held",
+				": ",
+				D((e.view.blocker.sentence ?? e.view.blocker.text).replace(/^(?:Stopped|Held) by [\w ]+: /, ""), 12)
+			] })
+		});
+	}
+	for (let t of e.now ?? []) i(t.startedAt) && r.push({
+		at: t.startedAt,
+		play: t.play,
+		title: t.title,
+		text: /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
+			"Run ",
+			/* @__PURE__ */ (0, u.jsx)("a", {
+				href: p(t.runId),
+				children: /* @__PURE__ */ (0, u.jsx)("b", { children: s(t.play, t.runId) })
+			}),
+			" started",
+			t.agents ? ` · ${t.agents} agents` : ""
+		] })
+	});
+	return r.sort((e, t) => e.at < t.at ? 1 : -1);
+}
+function T(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = t.get(n.play) ?? {
+			play: n.play,
+			title: n.title,
+			moves: []
+		};
+		e.moves.push(n), t.set(n.play, e);
+	}
+	return [...t.values()];
+}
+var E = (e) => e.replace(/\/(home|mnt|Users)\/\S+/g, "").replace(/\bkey_[A-Za-z0-9]+\b\s*·?\s*/g, "").replace(/\s{2,}/g, " ").trim(), D = (e, t = 14) => {
+	let n = E(e).split(/\s+/);
+	return n.length > t ? `${n.slice(0, t).join(" ")}…` : n.join(" ");
+};
+function O({ api: e }) {
+	let t = c(`${e}/overview`, 6e4, !0);
+	return t.error && !t.data ? /* @__PURE__ */ (0, u.jsxs)("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["Today is unavailable: ", t.error]
+	}) : t.data ? /* @__PURE__ */ (0, u.jsx)(k, { doc: t.data }) : /* @__PURE__ */ (0, u.jsx)("p", {
+		className: "ws-status",
+		role: "status",
+		children: "Reading what needs you…"
+	});
+}
+function k({ doc: e }) {
+	let t = Date.parse(e.composedAt) || Date.now(), n = _(t), i = e.plays ?? [], s = (0, l.useMemo)(() => new Map(i.map((t) => [t.play, (e.now ?? []).filter((e) => e.play === t.play)])), [e, i]), c = (0, l.useMemo)(() => new Map((e.week ?? []).map((e) => [e.play, e])), [e]), p = (e.attention ?? []).filter((e) => e.needsYou || e.tone === "crit" || e.tone === "warn"), h = p.filter((e) => e.needsYou || !e.owner || e.owner === "The operator"), g = p.length - h.length, v = (0, l.useMemo)(() => w(e, i, n.at), [
+		e,
+		i,
+		n.at
+	]), y = (e.now ?? []).reduce((e, t) => e + (t.agents ?? 0), 0), b = i.filter((e) => d(e, (s.get(e.play)?.length ?? 0) > 0) === "running").length, x = n.choice === "visit" ? `your last visit, ${m(new Date(n.at).toISOString())} UTC` : n.choice === "week" ? "7 days ago" : "24 hours ago";
+	return /* @__PURE__ */ (0, u.jsxs)("div", {
+		className: "rp td2",
+		"data-mode": "today",
+		children: [
+			/* @__PURE__ */ (0, u.jsx)(r, {
+				className: "rp-head",
+				title: "Today",
+				description: /* @__PURE__ */ (0, u.jsxs)(o, {
+					label: "Since",
+					value: n.choice,
+					onChange: (e) => e && n.setChoice(e),
+					width: 260,
+					placeholder: "Show changes since",
+					options: [
+						...n.last ? [{
+							id: "visit",
+							label: "Your last visit",
+							meta: `${m(n.last)} UTC`
+						}] : [],
+						{
+							id: "day",
+							label: "The last 24 hours"
+						},
+						{
+							id: "week",
+							label: "The last 7 days"
+						}
+					],
+					children: [/* @__PURE__ */ (0, u.jsx)("span", {
+						className: "dim",
+						children: "Since "
+					}), x]
+				}),
+				actions: /* @__PURE__ */ (0, u.jsxs)("ul", {
+					className: "rp-stats",
+					children: [/* @__PURE__ */ (0, u.jsxs)("li", { children: [
+						/* @__PURE__ */ (0, u.jsx)("b", { children: b }),
+						" ",
+						b === 1 ? "play" : "plays",
+						" running"
+					] }), /* @__PURE__ */ (0, u.jsxs)("li", { children: [
+						/* @__PURE__ */ (0, u.jsx)("b", { children: y }),
+						" ",
+						y === 1 ? "agent" : "agents",
+						" live"
+					] })]
+				})
+			}),
+			/* @__PURE__ */ (0, u.jsxs)("div", {
+				className: "td2-top",
+				children: [/* @__PURE__ */ (0, u.jsxs)("section", {
+					className: "rp-card",
+					"aria-label": "Needs you",
+					children: [
+						/* @__PURE__ */ (0, u.jsx)("div", {
+							className: "rp-hd",
+							children: /* @__PURE__ */ (0, u.jsxs)("h2", { children: ["Needs you", /* @__PURE__ */ (0, u.jsx)("span", {
+								className: "ct",
+								children: h.length
+							})] })
+						}),
+						/* @__PURE__ */ (0, u.jsx)("ul", {
+							className: "td2-needs rp-scroll",
+							children: h.length ? h.map((e, t) => /* @__PURE__ */ (0, u.jsx)(A, { item: e }, t)) : /* @__PURE__ */ (0, u.jsxs)("li", {
+								className: "td2-none",
+								children: [/* @__PURE__ */ (0, u.jsx)(a, { name: "check" }), "Nothing needs you."]
+							})
+						}),
+						g > 0 && /* @__PURE__ */ (0, u.jsxs)("div", {
+							className: "td2-foot",
+							children: [/* @__PURE__ */ (0, u.jsxs)("span", { children: [g, " more for other owners"] }), /* @__PURE__ */ (0, u.jsxs)("a", {
+								className: "rp-link",
+								href: "/fleet",
+								children: ["Fleet ", /* @__PURE__ */ (0, u.jsx)(a, {
+									name: "arrow",
+									size: 14
+								})]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ (0, u.jsxs)("section", {
+					className: "rp-card",
+					"aria-label": `Moved since ${x}`,
+					children: [/* @__PURE__ */ (0, u.jsx)("div", {
+						className: "rp-hd",
+						children: /* @__PURE__ */ (0, u.jsxs)("h2", { children: [
+							"Moved since ",
+							n.choice === "visit" ? `${m(new Date(n.at).toISOString())} UTC` : x,
+							/* @__PURE__ */ (0, u.jsx)("span", {
+								className: "ct",
+								children: v.length
+							})
+						] })
+					}), /* @__PURE__ */ (0, u.jsx)("div", {
+						className: "td2-moves rp-scroll",
+						children: v.length ? T(v.slice(0, 60)).map((e) => /* @__PURE__ */ (0, u.jsxs)("section", { children: [/* @__PURE__ */ (0, u.jsxs)("h3", { children: [/* @__PURE__ */ (0, u.jsx)("a", {
+							href: f(e.play),
+							children: e.title
+						}), /* @__PURE__ */ (0, u.jsx)("span", {
+							className: "ct",
+							children: e.moves.length
+						})] }), /* @__PURE__ */ (0, u.jsx)("ol", { children: e.moves.map((e, t) => /* @__PURE__ */ (0, u.jsxs)("li", { children: [
+							/* @__PURE__ */ (0, u.jsx)("time", { children: m(e.at) }),
+							/* @__PURE__ */ (0, u.jsx)("span", {
+								className: "tx",
+								children: e.text
+							}),
+							e.badge && /* @__PURE__ */ (0, u.jsx)("span", {
+								className: "bd",
+								children: /* @__PURE__ */ (0, u.jsx)("span", {
+									className: `td2-badge ${e.badge.tone}`,
+									children: e.badge.text
+								})
+							})
+						] }, t)) })] }, e.play)) : /* @__PURE__ */ (0, u.jsxs)("p", {
+							className: "td2-none",
+							children: [
+								"Nothing moved since ",
+								x,
+								"."
+							]
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, u.jsx)(M, {
+				plays: i,
+				live: s,
+				week: c,
+				now: t
+			})
+		]
+	});
+}
+function A({ item: e }) {
+	let t = /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
+		/* @__PURE__ */ (0, u.jsx)(a, {
+			name: "alert",
+			className: e.tone === "crit" ? "f" : "warn"
+		}),
+		/* @__PURE__ */ (0, u.jsxs)("span", { children: [/* @__PURE__ */ (0, u.jsx)("b", { children: e.text }), (e.next || e.detail) && /* @__PURE__ */ (0, u.jsx)("span", {
+			className: "sub",
+			children: E([e.next, e.detail].filter(Boolean).join(" · "))
+		})] }),
+		e.href && /* @__PURE__ */ (0, u.jsx)(a, {
+			name: "chevron",
+			className: "go"
+		})
+	] });
+	return /* @__PURE__ */ (0, u.jsx)("li", { children: e.href ? /* @__PURE__ */ (0, u.jsx)("a", {
+		href: e.href.startsWith("#") ? `/${e.href}` : e.href,
+		children: t
+	}) : /* @__PURE__ */ (0, u.jsx)("div", { children: t }) });
+}
+var j = 8;
+function M({ plays: e, live: t, week: n, now: r }) {
+	let [o, s] = (0, l.useState)("all"), [c, f] = (0, l.useState)(""), [p, m] = (0, l.useState)({
+		running: !0,
+		stopped: !0,
+		solved: !0
+	}), [h, g] = (0, l.useState)({
+		running: !1,
+		stopped: !1,
+		solved: !1
+	}), _ = (0, l.useMemo)(() => {
+		let r = c.trim().toLowerCase(), i = {
+			running: [],
+			stopped: [],
+			solved: []
+		};
+		for (let n of e) (!r || `${n.title} ${n.play}`.toLowerCase().includes(r)) && i[d(n, (t.get(n.play)?.length ?? 0) > 0)].push(n);
+		for (let e of Object.values(i)) e.sort((e, t) => (n.get(t.play)?.lastActiveAt ?? "").localeCompare(n.get(e.play)?.lastActiveAt ?? ""));
+		return i;
+	}, [
+		e,
+		t,
+		n,
+		c
+	]), v = {
+		all: e.length,
+		running: _.running.length,
+		stopped: _.stopped.length,
+		solved: _.solved.length
+	};
+	return /* @__PURE__ */ (0, u.jsxs)("section", {
+		className: "rp-card td2-board",
+		"aria-label": "Plays",
+		children: [/* @__PURE__ */ (0, u.jsxs)("div", {
+			className: "rp-hd",
+			children: [
+				/* @__PURE__ */ (0, u.jsxs)("h2", { children: ["Plays", /* @__PURE__ */ (0, u.jsx)("span", {
+					className: "ct",
+					children: e.length
+				})] }),
+				/* @__PURE__ */ (0, u.jsx)(i, {
+					"aria-label": "Show",
+					value: o,
+					onValueChange: s,
+					options: [
+						"all",
+						"running",
+						"stopped",
+						"solved"
+					].map((e) => ({
+						value: e,
+						label: e === "all" ? "All" : e[0].toUpperCase() + e.slice(1),
+						adornment: /* @__PURE__ */ (0, u.jsx)("span", {
+							className: "ct",
+							children: v[e]
+						})
+					}))
+				}),
+				/* @__PURE__ */ (0, u.jsx)("span", {
+					className: "end",
+					children: /* @__PURE__ */ (0, u.jsxs)("label", {
+						className: "rp-field td2-find",
+						children: [/* @__PURE__ */ (0, u.jsx)(a, { name: "search" }), /* @__PURE__ */ (0, u.jsx)("input", {
+							value: c,
+							onChange: (e) => f(e.target.value),
+							placeholder: "Find a play",
+							"aria-label": "Find a play"
+						})]
+					})
+				})
+			]
+		}), /* @__PURE__ */ (0, u.jsxs)("div", {
+			className: "td2-grid",
+			children: [/* @__PURE__ */ (0, u.jsxs)("div", {
+				className: "td2-cols",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ (0, u.jsx)("span", { children: "Play" }),
+					/* @__PURE__ */ (0, u.jsx)("span", { children: "Steps" }),
+					/* @__PURE__ */ (0, u.jsx)("span", { children: "Metric" }),
+					/* @__PURE__ */ (0, u.jsxs)("span", {
+						className: "axis",
+						children: [Array.from({ length: x }, (e, t) => /* @__PURE__ */ (0, u.jsxs)("i", {
+							style: { left: `${t / x * 100}%` },
+							children: [(10 ** (x - t)).toLocaleString("en-US"), "×"]
+						}, t)), /* @__PURE__ */ (0, u.jsx)("i", {
+							style: { left: "100%" },
+							className: "t",
+							children: "target"
+						})]
+					}),
+					/* @__PURE__ */ (0, u.jsx)("span", { children: "Now" }),
+					/* @__PURE__ */ (0, u.jsx)("span", { children: "7 days" }),
+					/* @__PURE__ */ (0, u.jsx)("span", {
+						className: "r",
+						children: "Live"
+					})
+				]
+			}), [
+				"running",
+				"stopped",
+				"solved"
+			].filter((e) => (o === "all" || o === e) && _[e].length).map((e) => {
+				let i = _[e], o = h[e] || c ? i : i.slice(0, j);
+				return /* @__PURE__ */ (0, u.jsxs)("div", {
+					className: "td2-group",
+					children: [
+						/* @__PURE__ */ (0, u.jsxs)("button", {
+							type: "button",
+							className: "td2-gh",
+							"aria-expanded": p[e],
+							onClick: () => m({
+								...p,
+								[e]: !p[e]
+							}),
+							children: [
+								/* @__PURE__ */ (0, u.jsx)(a, { name: "chevron" }),
+								e[0].toUpperCase() + e.slice(1),
+								/* @__PURE__ */ (0, u.jsx)("span", {
+									className: "ct",
+									children: i.length
+								})
+							]
+						}),
+						p[e] && o.map((i) => /* @__PURE__ */ (0, u.jsx)(N, {
+							p: i,
+							group: e,
+							runs: t.get(i.play) ?? [],
+							week: n.get(i.play),
+							now: r
+						}, i.play)),
+						p[e] && o.length < i.length && /* @__PURE__ */ (0, u.jsxs)("button", {
+							type: "button",
+							className: "rp-more-row",
+							onClick: () => g({
+								...h,
+								[e]: !0
+							}),
+							children: [
+								"Show ",
+								i.length - o.length,
+								" more"
+							]
+						})
+					]
+				}, e);
+			})]
+		})]
+	});
+}
+function N({ p: e, group: t, runs: n, week: r, now: i }) {
+	let [a, o] = (0, l.useState)(!1), c = e.view.trend, d = c?.newest, g = n.reduce((e, t) => e + (t.agents ?? 0), 0), [_, ...v] = (e.view.bars ?? []).filter((e) => e.latest), y = C(e, _), b = e.view.blocker ? E(e.view.blocker.sentence ?? e.view.blocker.text) : void 0, x = t === "stopped" && e.view.blocker ? `${e.view.blocker.kind === "stopped" ? "Stopped" : "Held"} ${m(e.view.blocker.since)}` : t === "running" && e.view.blocker ? "Held" : r ? `${r.runCount ?? r.runs.length} ${(r.runCount ?? r.runs.length) === 1 ? "run" : "runs"} this week${r.lostHours >= .1 ? ` · ${r.lostHours.toFixed(+(r.lostHours < 10))} h lost` : ""}` : e.view.status.label;
+	return /* @__PURE__ */ (0, u.jsxs)("div", {
+		className: `td2-row ${t}`,
+		children: [
+			/* @__PURE__ */ (0, u.jsxs)("div", {
+				className: "nm",
+				children: [/* @__PURE__ */ (0, u.jsx)("a", {
+					href: f(e.play),
+					children: e.title
+				}), /* @__PURE__ */ (0, u.jsx)("span", {
+					className: "sub",
+					title: b,
+					children: x
+				})]
+			}),
+			/* @__PURE__ */ (0, u.jsx)("div", {
+				className: "steps",
+				children: c && d ? /* @__PURE__ */ (0, u.jsxs)("span", {
+					className: "st",
+					title: `${d.release}, ${h(d.at, i)}${d.passed < c.best ? `; best ${c.best}/${c.total}` : ""}`,
+					children: [/* @__PURE__ */ (0, u.jsxs)("b", { children: [
+						d.passed,
+						"/",
+						c.total
+					] }), /* @__PURE__ */ (0, u.jsx)(P, {
+						passed: d.passed,
+						total: c.total
+					})]
+				}) : /* @__PURE__ */ (0, u.jsx)("span", {
+					className: "dim",
+					children: "—"
+				})
+			}),
+			_ ? /* @__PURE__ */ (0, u.jsx)(F, {
+				bar: _,
+				more: v.length ? /* @__PURE__ */ (0, u.jsx)("button", {
+					type: "button",
+					className: "td2-mx",
+					"aria-expanded": a,
+					"aria-label": `${a ? "Hide" : "Show"} ${v.length} more ${v.length === 1 ? "metric" : "metrics"}`,
+					onClick: () => o(!a),
+					children: a ? "−" : `+${v.length}`
+				}) : null
+			}) : /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
+				/* @__PURE__ */ (0, u.jsx)("span", {
+					className: "ml dim",
+					children: b ? /* @__PURE__ */ (0, u.jsx)("span", {
+						title: b,
+						children: D(b, 8)
+					}) : "No metric"
+				}),
+				/* @__PURE__ */ (0, u.jsx)("span", {}),
+				/* @__PURE__ */ (0, u.jsx)("span", {})
+			] }),
+			/* @__PURE__ */ (0, u.jsx)("div", {
+				className: "wk",
+				children: y ? /* @__PURE__ */ (0, u.jsx)("span", {
+					className: `td2-badge ${y.tone}`,
+					children: y.text
+				}) : /* @__PURE__ */ (0, u.jsx)("span", {
+					className: "dim",
+					children: "—"
+				})
+			}),
+			/* @__PURE__ */ (0, u.jsx)("div", {
+				className: "live",
+				children: n.length ? /* @__PURE__ */ (0, u.jsxs)("span", {
+					className: "lv",
+					title: n.map((t) => s(e.play, t.runId)).join(", "),
+					children: [/* @__PURE__ */ (0, u.jsx)("span", { className: "rp-dot live" }), /* @__PURE__ */ (0, u.jsxs)("a", {
+						href: p(n[0].runId),
+						children: [
+							/* @__PURE__ */ (0, u.jsx)("b", { children: g || n.length }),
+							" ",
+							g ? g === 1 ? "agent" : "agents" : n.length === 1 ? "run" : "runs"
+						]
+					})]
+				}) : /* @__PURE__ */ (0, u.jsx)("span", {
+					className: "sub",
+					children: r?.lastActiveAt ? h(r.lastActiveAt, i) : ""
+				})
+			}),
+			a && v.map((e) => /* @__PURE__ */ (0, u.jsx)("div", {
+				className: "td2-extra",
+				children: /* @__PURE__ */ (0, u.jsx)(F, { bar: e })
+			}, e.metric))
+		]
+	});
+}
+function P({ passed: e, total: t }) {
+	return /* @__PURE__ */ (0, u.jsx)("span", {
+		className: "td2-meter",
+		"aria-hidden": "true",
+		children: Array.from({ length: Math.min(t, 12) }, (t, n) => /* @__PURE__ */ (0, u.jsx)("i", { className: n < e ? "on" : "" }, n))
+	});
+}
+function F({ bar: e, more: t }) {
+	let n = !e.ratio || e.ratio.side === "met", r = n ? 0 : Math.min(x, Math.log10(Math.max(1, e.ratio.x))), i = `${e.label}: ${v(e.latest?.value, e.unit)}${e.latest?.release ? ` at ${e.latest.release}` : ""}; target ${y(e)}`;
+	return /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
+		/* @__PURE__ */ (0, u.jsxs)("span", {
+			className: "ml",
+			children: [/* @__PURE__ */ (0, u.jsxs)("span", {
+				title: i,
+				children: [
+					e.label,
+					" ",
+					e.direction === "down" ? "↓" : "↑"
+				]
+			}), t]
+		}),
+		/* @__PURE__ */ (0, u.jsxs)("span", {
+			className: "ax",
+			title: i,
+			children: [
+				/* @__PURE__ */ (0, u.jsx)("i", { className: "track" }),
+				!n && /* @__PURE__ */ (0, u.jsx)("i", {
+					className: "dist",
+					style: { left: `${(1 - r / x) * 100}%` }
+				}),
+				/* @__PURE__ */ (0, u.jsx)("i", { className: "tick" })
+			]
+		}),
+		/* @__PURE__ */ (0, u.jsxs)("span", {
+			className: "mv",
+			title: `target ${y(e)}`,
+			children: [
+				/* @__PURE__ */ (0, u.jsx)("b", { children: v(e.latest?.value, e.unit) }),
+				" ",
+				/* @__PURE__ */ (0, u.jsx)("span", {
+					className: n ? "ok" : "dim",
+					children: b(e)
+				})
+			]
+		})
+	] });
+}
+//#endregion
+export { O as TodayPage, v as measure };