@tangle-network/sandbox-cli 0.21.23 → 0.21.25

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

@@ -0,0 +1,653 @@
+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 { t as i } from "./segmented-control-ChhLMa6h.js";
+import { a, o } from "./ui-DZiGjPwl.js";
+import { O as s, R as c, n as l, p as u } from "./data-azhapQrS.js";
+//#region src/workspace/Today.tsx
+var d = /* @__PURE__ */ e(t(), 1), f = n(), p = (e, t) => e.view.status.key === "solved" ? "solved" : t || e.view.status.key === "live" ? "running" : "stopped", m = (e) => `/play/${encodeURIComponent(e)}`, h = (e) => `/run/${encodeURIComponent(e)}`, g = (e) => e ? e.slice(11, 16) : "—", _ = (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`;
+}, v = "discovery.today.visit";
+function y(e) {
+	let [t] = (0, d.useState)(() => {
+		try {
+			return window.localStorage.getItem(v);
+		} catch {
+			return null;
+		}
+	});
+	(0, d.useEffect)(() => {
+		try {
+			window.localStorage.setItem(v, (/* @__PURE__ */ new Date()).toISOString());
+		} catch {}
+	}, []);
+	let n = t && e - Date.parse(t) < 6048e5 && e - Date.parse(t) > 6e4 ? t : null, [r, i] = (0, d.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 b(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 x = (e) => {
+	let t = e.target;
+	return t ? t.approx ? `≈ ${b(t.approx, e.unit)}` : t.min && t.max ? `${b(t.min, e.unit)}–${b(t.max, e.unit)}` : t.min ? `≥ ${b(t.min, e.unit)}` : t.max ? `≤ ${b(t.max, e.unit)}` : "" : "";
+}, S = (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"}`, C = 4;
+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, f.jsxs)(f.Fragment, { children: [
+					/* @__PURE__ */ (0, f.jsx)("b", { children: n.release }),
+					n.runId ? ` of run ${s(e.play, n.runId)}` : "",
+					" checked: ",
+					/* @__PURE__ */ (0, f.jsxs)("b", { children: [
+						n.passed,
+						"/",
+						e.view.trend.total
+					] }),
+					" steps"
+				] }),
+				...c ? { badge: {
+					text: `${c > 0 ? "+" : ""}${c} step${Math.abs(c) === 1 ? "" : "s"}`,
+					tone: c > 0 ? "ok" : "warn"
+				} } : {}
+			});
+		});
+		for (let t of e.view.bars ?? []) {
+			if (!t.latest || !i(t.latest.at)) continue;
+			let n = t.change && t.change.from ? (t.change.to - t.change.from) / t.change.from * 100 : null, a = n === null ? null : t.direction === "down" ? n < 0 : n > 0;
+			r.push({
+				at: t.latest.at,
+				play: e.play,
+				title: e.title,
+				text: /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [
+					/* @__PURE__ */ (0, f.jsx)("b", { children: t.label }),
+					" ",
+					b(t.latest.value, t.unit),
+					t.latest.release ? ` at ${t.latest.release}` : "",
+					" · ",
+					S(t)
+				] }),
+				...n !== null && Math.abs(n) >= 1 ? { badge: {
+					text: `${n > 0 ? "+" : ""}${n.toFixed(0)}% in 7 days`,
+					tone: a ? "ok" : "warn"
+				} } : {}
+			});
+		}
+		let n = e.view.blocker?.since;
+		e.view.blocker && i(n) && r.push({
+			at: n,
+			play: e.play,
+			title: e.title,
+			text: /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [
+				e.view.blocker.kind === "stopped" ? "Stopped" : "Held",
+				": ",
+				/* @__PURE__ */ (0, f.jsx)("b", { children: E(e.view.blocker.sentence ?? e.view.blocker.text) })
+			] }),
+			badge: {
+				text: e.view.blocker.kind === "stopped" ? "stopped" : "held",
+				tone: "neutral"
+			}
+		});
+	}
+	for (let t of e.now ?? []) i(t.startedAt) && r.push({
+		at: t.startedAt,
+		play: t.play,
+		title: t.title,
+		text: /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [
+			"Run ",
+			/* @__PURE__ */ (0, f.jsx)("a", {
+				href: h(t.runId),
+				children: /* @__PURE__ */ (0, f.jsx)("b", { children: s(t.play, t.runId) })
+			}),
+			" started",
+			t.agents ? ` · ${t.agents} agents` : ""
+		] }),
+		badge: {
+			text: "started",
+			tone: "neutral"
+		}
+	});
+	return r.sort((e, t) => e.at < t.at ? 1 : -1);
+}
+var T = (e) => e.replace(/\/(home|mnt|Users)\/\S+/g, "").replace(/\bkey_[A-Za-z0-9]+\b\s*·?\s*/g, "").replace(/\s{2,}/g, " ").trim(), E = (e, t = 14) => {
+	let n = T(e).split(/\s+/);
+	return n.length > t ? `${n.slice(0, t).join(" ")}…` : n.join(" ");
+};
+function D({ api: e }) {
+	let t = u(`${e}/overview`, 6e4, !0);
+	return t.error && !t.data ? /* @__PURE__ */ (0, f.jsxs)("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["Today is unavailable: ", t.error]
+	}) : t.data ? /* @__PURE__ */ (0, f.jsx)(O, { doc: t.data }) : /* @__PURE__ */ (0, f.jsx)("p", {
+		className: "ws-status",
+		role: "status",
+		children: "Reading what needs you…"
+	});
+}
+function O({ doc: e }) {
+	let t = Date.parse(e.composedAt) || Date.now(), n = y(t), i = e.plays ?? [], s = (0, d.useMemo)(() => new Map(i.map((t) => [t.play, (e.now ?? []).filter((e) => e.play === t.play)])), [e, i]), c = (0, d.useMemo)(() => new Map((e.week ?? []).map((e) => [e.play, e])), [e]), l = (e.attention ?? []).filter((e) => e.needsYou || e.tone === "crit" || e.tone === "warn"), u = l.filter((e) => e.needsYou || !e.owner || e.owner === "The operator"), h = l.length - u.length, _ = (0, d.useMemo)(() => w(e, i, n.at), [
+		e,
+		i,
+		n.at
+	]), v = (e.now ?? []).reduce((e, t) => e + (t.agents ?? 0), 0), b = i.filter((e) => p(e, (s.get(e.play)?.length ?? 0) > 0) === "running").length, x = n.choice === "visit" ? `your last visit, ${g(new Date(n.at).toISOString())} UTC` : n.choice === "week" ? "7 days ago" : "24 hours ago";
+	return /* @__PURE__ */ (0, f.jsxs)("div", {
+		className: "rp td2",
+		"data-mode": "today",
+		children: [
+			/* @__PURE__ */ (0, f.jsx)(r, {
+				className: "rp-head",
+				title: "Today",
+				description: /* @__PURE__ */ (0, f.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: `${g(n.last)} UTC`
+						}] : [],
+						{
+							id: "day",
+							label: "The last 24 hours"
+						},
+						{
+							id: "week",
+							label: "The last 7 days"
+						}
+					],
+					children: [/* @__PURE__ */ (0, f.jsx)("span", {
+						className: "dim",
+						children: "Since "
+					}), x]
+				}),
+				actions: /* @__PURE__ */ (0, f.jsxs)("ul", {
+					className: "rp-stats",
+					children: [
+						/* @__PURE__ */ (0, f.jsxs)("li", { children: [/* @__PURE__ */ (0, f.jsx)("b", { children: u.length }), " need you"] }),
+						/* @__PURE__ */ (0, f.jsxs)("li", { children: [/* @__PURE__ */ (0, f.jsx)("b", { children: _.length }), " changes"] }),
+						/* @__PURE__ */ (0, f.jsxs)("li", { children: [
+							/* @__PURE__ */ (0, f.jsx)("b", { children: b }),
+							" ",
+							b === 1 ? "play" : "plays",
+							" running"
+						] }),
+						/* @__PURE__ */ (0, f.jsxs)("li", { children: [
+							/* @__PURE__ */ (0, f.jsx)("b", { children: (e.now ?? []).length }),
+							" runs · ",
+							/* @__PURE__ */ (0, f.jsx)("b", { children: v }),
+							" agents live"
+						] })
+					]
+				})
+			}),
+			/* @__PURE__ */ (0, f.jsxs)("div", {
+				className: "td2-top",
+				children: [/* @__PURE__ */ (0, f.jsxs)("section", {
+					className: "rp-card",
+					"aria-label": "Needs you",
+					children: [
+						/* @__PURE__ */ (0, f.jsx)("div", {
+							className: "rp-hd",
+							children: /* @__PURE__ */ (0, f.jsxs)("h2", { children: ["Needs you", /* @__PURE__ */ (0, f.jsx)("span", {
+								className: "ct",
+								children: u.length
+							})] })
+						}),
+						/* @__PURE__ */ (0, f.jsx)("ul", {
+							className: "td2-needs rp-scroll",
+							children: u.length ? u.map((e, t) => /* @__PURE__ */ (0, f.jsx)(k, { item: e }, t)) : /* @__PURE__ */ (0, f.jsxs)("li", {
+								className: "td2-none",
+								children: [/* @__PURE__ */ (0, f.jsx)(a, { name: "check" }), "Nothing needs you."]
+							})
+						}),
+						h > 0 && /* @__PURE__ */ (0, f.jsxs)("div", {
+							className: "td2-foot",
+							children: [/* @__PURE__ */ (0, f.jsxs)("span", { children: [h, " more for other owners"] }), /* @__PURE__ */ (0, f.jsxs)("a", {
+								className: "rp-link",
+								href: "/fleet",
+								children: ["Fleet ", /* @__PURE__ */ (0, f.jsx)(a, {
+									name: "arrow",
+									size: 14
+								})]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ (0, f.jsxs)("section", {
+					className: "rp-card",
+					"aria-label": `Moved since ${x}`,
+					children: [/* @__PURE__ */ (0, f.jsx)("div", {
+						className: "rp-hd",
+						children: /* @__PURE__ */ (0, f.jsxs)("h2", { children: [
+							"Moved since ",
+							n.choice === "visit" ? `${g(new Date(n.at).toISOString())} UTC` : x,
+							/* @__PURE__ */ (0, f.jsx)("span", {
+								className: "ct",
+								children: _.length
+							})
+						] })
+					}), /* @__PURE__ */ (0, f.jsx)("ol", {
+						className: "td2-moves rp-scroll",
+						children: _.length ? _.slice(0, 60).map((e, t) => /* @__PURE__ */ (0, f.jsxs)("li", { children: [
+							/* @__PURE__ */ (0, f.jsx)("time", { children: g(e.at) }),
+							/* @__PURE__ */ (0, f.jsx)("a", {
+								className: "pl",
+								href: m(e.play),
+								children: e.title
+							}),
+							/* @__PURE__ */ (0, f.jsx)("span", {
+								className: "tx",
+								children: e.text
+							}),
+							e.badge && /* @__PURE__ */ (0, f.jsx)("span", {
+								className: `td2-badge ${e.badge.tone}`,
+								children: e.badge.text
+							})
+						] }, t)) : /* @__PURE__ */ (0, f.jsxs)("li", {
+							className: "td2-none",
+							children: [
+								"Nothing moved since ",
+								x,
+								"."
+							]
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, f.jsx)(j, {
+				plays: i,
+				live: s,
+				week: c,
+				now: t
+			})
+		]
+	});
+}
+function k({ item: e }) {
+	let t = /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [
+		/* @__PURE__ */ (0, f.jsx)(a, {
+			name: "alert",
+			className: e.tone === "crit" ? "f" : "warn"
+		}),
+		/* @__PURE__ */ (0, f.jsxs)("span", { children: [/* @__PURE__ */ (0, f.jsx)("b", { children: e.text }), (e.next || e.detail) && /* @__PURE__ */ (0, f.jsx)("span", {
+			className: "sub",
+			children: T([e.next, e.detail].filter(Boolean).join(" · "))
+		})] }),
+		e.href && /* @__PURE__ */ (0, f.jsx)(a, {
+			name: "chevron",
+			className: "go"
+		})
+	] });
+	return /* @__PURE__ */ (0, f.jsx)("li", { children: e.href ? /* @__PURE__ */ (0, f.jsx)("a", {
+		href: e.href.startsWith("#") ? `/${e.href}` : e.href,
+		children: t
+	}) : /* @__PURE__ */ (0, f.jsx)("div", { children: t }) });
+}
+var A = 6;
+function j({ plays: e, live: t, week: n, now: r }) {
+	let [o, s] = (0, d.useState)("all"), [c, l] = (0, d.useState)(""), [u, m] = (0, d.useState)({
+		running: !0,
+		stopped: !0,
+		solved: !0
+	}), [h, g] = (0, d.useState)({
+		running: !1,
+		stopped: !1,
+		solved: !1
+	}), _ = (0, d.useMemo)(() => {
+		let r = c.trim().toLowerCase(), i = {
+			running: [],
+			stopped: [],
+			solved: []
+		};
+		for (let n of e) (!r || `${n.title} ${n.play}`.toLowerCase().includes(r)) && i[p(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, f.jsxs)("section", {
+		className: "rp-card td2-board",
+		"aria-label": "Plays",
+		children: [
+			/* @__PURE__ */ (0, f.jsxs)("div", {
+				className: "rp-hd",
+				children: [
+					/* @__PURE__ */ (0, f.jsxs)("h2", { children: ["Plays", /* @__PURE__ */ (0, f.jsx)("span", {
+						className: "ct",
+						children: e.length
+					})] }),
+					/* @__PURE__ */ (0, f.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, f.jsx)("span", {
+								className: "ct",
+								children: v[e]
+							})
+						}))
+					}),
+					/* @__PURE__ */ (0, f.jsx)("span", {
+						className: "end",
+						children: /* @__PURE__ */ (0, f.jsxs)("label", {
+							className: "rp-field td2-find",
+							children: [/* @__PURE__ */ (0, f.jsx)(a, { name: "search" }), /* @__PURE__ */ (0, f.jsx)("input", {
+								value: c,
+								onChange: (e) => l(e.target.value),
+								placeholder: "Find a play",
+								"aria-label": "Find a play"
+							})]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, f.jsxs)("div", {
+				className: "td2-cols",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ (0, f.jsx)("span", { children: "Play" }),
+					/* @__PURE__ */ (0, f.jsx)("span", { children: "Steps passed" }),
+					/* @__PURE__ */ (0, f.jsxs)("span", {
+						className: "axis",
+						children: [Array.from({ length: C }, (e, t) => /* @__PURE__ */ (0, f.jsxs)("i", {
+							style: { left: `${t / C * 100}%` },
+							children: [(10 ** (C - t)).toLocaleString("en-US"), "×"]
+						}, t)), /* @__PURE__ */ (0, f.jsx)("i", {
+							style: { left: "100%" },
+							className: "t",
+							children: "target"
+						})]
+					}),
+					/* @__PURE__ */ (0, f.jsx)("span", { children: "7 days" }),
+					/* @__PURE__ */ (0, f.jsx)("span", {
+						className: "r",
+						children: "Live"
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, f.jsx)("div", {
+				className: "rp-scroll",
+				children: [
+					"running",
+					"stopped",
+					"solved"
+				].filter((e) => (o === "all" || o === e) && _[e].length).map((e) => {
+					let i = _[e], o = h[e] || c ? i : i.slice(0, A);
+					return /* @__PURE__ */ (0, f.jsxs)("div", {
+						className: "td2-group",
+						children: [
+							/* @__PURE__ */ (0, f.jsxs)("button", {
+								type: "button",
+								className: "td2-gh",
+								"aria-expanded": u[e],
+								onClick: () => m({
+									...u,
+									[e]: !u[e]
+								}),
+								children: [
+									/* @__PURE__ */ (0, f.jsx)(a, { name: "chevron" }),
+									e[0].toUpperCase() + e.slice(1),
+									/* @__PURE__ */ (0, f.jsx)("span", {
+										className: "ct",
+										children: i.length
+									})
+								]
+							}),
+							u[e] && o.map((i) => /* @__PURE__ */ (0, f.jsx)(M, {
+								p: i,
+								group: e,
+								runs: t.get(i.play) ?? [],
+								week: n.get(i.play),
+								now: r
+							}, i.play)),
+							u[e] && o.length < i.length && /* @__PURE__ */ (0, f.jsxs)("button", {
+								type: "button",
+								className: "rp-btn sm td2-more",
+								onClick: () => g({
+									...h,
+									[e]: !0
+								}),
+								children: [
+									"Show ",
+									i.length - o.length,
+									" more"
+								]
+							})
+						]
+					}, e);
+				})
+			})
+		]
+	});
+}
+function M({ p: e, group: t, runs: n, week: r, now: i }) {
+	let a = e.view.trend, o = a?.newest, u = a && o ? o.passed - a.best : 0, d = n.reduce((e, t) => e + (t.agents ?? 0), 0), p = (e.view.bars ?? []).filter((e) => e.latest);
+	return /* @__PURE__ */ (0, f.jsxs)("div", {
+		className: `td2-row ${t}`,
+		children: [
+			/* @__PURE__ */ (0, f.jsxs)("div", {
+				className: "nm",
+				children: [/* @__PURE__ */ (0, f.jsx)("a", {
+					href: m(e.play),
+					children: e.title
+				}), /* @__PURE__ */ (0, f.jsx)("span", {
+					className: "sub",
+					children: r ? `${r.runCount ?? r.runs.length} runs this week${r.lostHours >= .1 ? ` · ${r.lostHours.toFixed(+(r.lostHours < 10))} h lost` : ""}` : /* @__PURE__ */ (0, f.jsx)(l, { status: c(e.view.status) })
+				})]
+			}),
+			/* @__PURE__ */ (0, f.jsx)("div", {
+				className: "steps",
+				children: a && o ? /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [/* @__PURE__ */ (0, f.jsxs)("span", {
+					className: "st",
+					children: [
+						/* @__PURE__ */ (0, f.jsxs)("b", { children: [
+							o.passed,
+							"/",
+							a.total
+						] }),
+						/* @__PURE__ */ (0, f.jsx)(N, {
+							passed: o.passed,
+							total: a.total
+						}),
+						u < 0 && /* @__PURE__ */ (0, f.jsxs)("span", {
+							className: "td2-badge warn",
+							title: `best ${a.best}/${a.total}`,
+							children: ["▾ ", -u]
+						})
+					]
+				}), /* @__PURE__ */ (0, f.jsxs)("span", {
+					className: "sub",
+					children: [
+						o.release,
+						" · ",
+						_(o.at, i),
+						u < 0 ? ` · best ${a.best}/${a.total}` : ""
+					]
+				})] }) : /* @__PURE__ */ (0, f.jsx)("span", {
+					className: "dim",
+					children: "—"
+				})
+			}),
+			/* @__PURE__ */ (0, f.jsx)("div", {
+				className: "metrics",
+				children: t === "stopped" && e.view.blocker ? /* @__PURE__ */ (0, f.jsxs)("p", {
+					className: "hold",
+					children: [
+						/* @__PURE__ */ (0, f.jsxs)("b", { children: [
+							"Stopped ",
+							g(e.view.blocker.since),
+							":"
+						] }),
+						" ",
+						E((e.view.blocker.sentence ?? e.view.blocker.text).replace(/^Stopped by [\w ]+: /, ""), 22)
+					]
+				}) : p.length ? p.map((e) => /* @__PURE__ */ (0, f.jsx)(P, { bar: e }, e.metric)) : t === "running" && e.view.blocker ? /* @__PURE__ */ (0, f.jsxs)("p", {
+					className: "hold",
+					children: [
+						/* @__PURE__ */ (0, f.jsx)("b", { children: "Held:" }),
+						" ",
+						E(e.view.blocker.sentence ?? e.view.blocker.text, 18)
+					]
+				}) : null
+			}),
+			/* @__PURE__ */ (0, f.jsx)("div", {
+				className: "trend",
+				children: a && /* @__PURE__ */ (0, f.jsx)(F, { trend: a })
+			}),
+			/* @__PURE__ */ (0, f.jsx)("div", {
+				className: "live",
+				children: n.length ? /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [/* @__PURE__ */ (0, f.jsxs)("span", {
+					className: "lv",
+					children: [
+						/* @__PURE__ */ (0, f.jsx)("span", { className: "rp-dot live" }),
+						/* @__PURE__ */ (0, f.jsx)("b", { children: n.length }),
+						" ",
+						n.length === 1 ? "run" : "runs",
+						d ? /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [
+							" · ",
+							/* @__PURE__ */ (0, f.jsx)("b", { children: d }),
+							" agents"
+						] }) : null
+					]
+				}), /* @__PURE__ */ (0, f.jsx)("span", {
+					className: "sub",
+					children: n.slice(0, 3).map((t, n) => /* @__PURE__ */ (0, f.jsxs)("span", { children: [n ? " · " : "", /* @__PURE__ */ (0, f.jsx)("a", {
+						href: h(t.runId),
+						children: s(e.play, t.runId)
+					})] }, t.runId))
+				})] }) : /* @__PURE__ */ (0, f.jsx)("span", {
+					className: "sub",
+					children: r?.lastActiveAt ? `active ${_(r.lastActiveAt, i)}` : ""
+				})
+			})
+		]
+	});
+}
+function N({ passed: e, total: t }) {
+	return /* @__PURE__ */ (0, f.jsx)("span", {
+		className: "td2-meter",
+		"aria-hidden": "true",
+		children: Array.from({ length: Math.min(t, 12) }, (t, n) => /* @__PURE__ */ (0, f.jsx)("i", { className: n < e ? "on" : "" }, n))
+	});
+}
+function P({ bar: e }) {
+	let t = !e.ratio || e.ratio.side === "met", n = t ? 0 : Math.min(C, Math.log10(Math.max(1, e.ratio.x)));
+	return /* @__PURE__ */ (0, f.jsxs)("div", {
+		className: "td2-metric",
+		title: `${e.label}: ${b(e.latest?.value, e.unit)}${e.latest?.release ? ` at ${e.latest.release}` : ""}; target ${x(e)}`,
+		children: [
+			/* @__PURE__ */ (0, f.jsxs)("span", {
+				className: "l",
+				children: [
+					e.label,
+					" ",
+					e.direction === "down" ? "↓" : "↑",
+					/* @__PURE__ */ (0, f.jsx)("span", {
+						className: "tg",
+						children: x(e)
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, f.jsxs)("span", {
+				className: "ax",
+				children: [
+					/* @__PURE__ */ (0, f.jsx)("i", { className: "track" }),
+					!t && /* @__PURE__ */ (0, f.jsx)("i", {
+						className: "dist",
+						style: { left: `${(1 - n / C) * 100}%` }
+					}),
+					/* @__PURE__ */ (0, f.jsx)("i", { className: "tick" })
+				]
+			}),
+			/* @__PURE__ */ (0, f.jsxs)("span", {
+				className: "v",
+				children: [
+					/* @__PURE__ */ (0, f.jsx)("b", { children: b(e.latest?.value, e.unit) }),
+					" ",
+					/* @__PURE__ */ (0, f.jsx)("span", {
+						className: t ? "ok" : "warn",
+						children: S(e)
+					})
+				]
+			})
+		]
+	});
+}
+function F({ trend: e }) {
+	let t = e.passed.length, n = (e) => t <= 1 ? 168 : e / (t - 1) * 162 + 3, r = (t) => 27 - t / Math.max(1, e.total) * 22, i = "";
+	e.passed.forEach((e, t) => {
+		e !== null && (i += `${i ? "L" : "M"}${n(t).toFixed(1)} ${r(e).toFixed(1)}`);
+	});
+	let a = [...e.passed.entries()].reverse().find(([, e]) => e !== null);
+	return /* @__PURE__ */ (0, f.jsxs)("svg", {
+		className: "td2-spark",
+		viewBox: "0 0 168 30",
+		role: "img",
+		"aria-label": `Steps passed over ${t} days, newest ${a?.[1] ?? "none"} of ${e.total}`,
+		children: [
+			/* @__PURE__ */ (0, f.jsx)("line", {
+				x1: "0",
+				x2: 168,
+				y1: r(e.total),
+				y2: r(e.total),
+				className: "all"
+			}),
+			i && /* @__PURE__ */ (0, f.jsx)("path", {
+				d: i,
+				className: "ln"
+			}),
+			a && /* @__PURE__ */ (0, f.jsx)("circle", {
+				cx: n(a[0]),
+				cy: r(a[1]),
+				r: "3",
+				className: "pt"
+			})
+		]
+	});
+}
+//#endregion
+export { D as TodayPage, b as measure };