@tangle-network/sandbox-cli 0.21.64 → 0.21.66

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

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