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

package/dist/graph-viewer/viewer/WallPages-Clj4bORg.js

@@ -0,0 +1,675 @@
+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 { p as i } from "./data-CVHeKhrh.js";
+import { c as a, l as o, u as s } from "./react-DQ7E2Epi.js";
+import { n as c, r as l, s as u, t as d } from "./AnswerStrip-B7xMU57A.js";
+//#region src/workspace/WallPages.tsx
+var f = /* @__PURE__ */ e(t(), 1), p = n(), m = {
+	ok: "var(--ar-c-ok)",
+	warn: "var(--ar-c-run)",
+	breach: "var(--ar-c-fail)",
+	stale: "var(--ar-fg-faint)",
+	unknown: "var(--ar-fg-faint)"
+}, h = (e) => e == null ? "—" : `${Math.round(e * 100)}%`, g = (e, t = 0) => e == null ? "—" : `$${e.toLocaleString("en-US", {
+	maximumFractionDigits: t,
+	minimumFractionDigits: t
+})}`, _ = (e, t = 0) => e == null ? "—" : e.toFixed(t), v = (e) => {
+	if (!e) return "—";
+	let t = Math.max(0, (Date.now() - Date.parse(e)) / 6e4);
+	return t < 2 ? "now" : t < 90 ? `${Math.round(t)} min` : t < 2880 ? `${Math.round(t / 60)} h` : `${Math.round(t / 1440)} d`;
+}, y = (e) => v((/* @__PURE__ */ new Date(Date.now() - e * 6e4)).toISOString()), b = (e, t) => e ? {
+	at: e,
+	meaning: `when the host last read ${t} (${l(e)})`,
+	source: t
+} : null;
+function x({ mode: e, title: t, at: n, source: i, doc: a, children: o }) {
+	return /* @__PURE__ */ (0, p.jsxs)("div", {
+		className: "ws-page td wp",
+		"data-mode": e,
+		children: [/* @__PURE__ */ (0, p.jsx)(r, {
+			className: "rp-head",
+			title: t,
+			actions: /* @__PURE__ */ (0, p.jsx)(d, { asOf: b(n ?? null, i) })
+		}), a.data ? /* @__PURE__ */ (0, p.jsx)("div", {
+			className: "wp-body",
+			children: o()
+		}) : /* @__PURE__ */ (0, p.jsx)("p", {
+			className: "ws-status",
+			role: a.error ? "alert" : "status",
+			children: a.error ? `${t} is unavailable: ${a.error}` : `Reading ${i}…`
+		})]
+	});
+}
+function S({ h: e }) {
+	if (e.diskFreeGb === null || e.diskFloorGb === null) return /* @__PURE__ */ (0, p.jsx)("span", {
+		className: "wp-muted",
+		children: "disk not reported"
+	});
+	let t = Math.max(e.diskFloorGb * 1.5, 1), n = e.diskFreeGb < e.diskFloorGb, r = n || e.breaches.some((e) => e.family === "disk" && e.alarm);
+	return /* @__PURE__ */ (0, p.jsxs)(c, {
+		className: "wp-bar",
+		text: `${_(e.diskFreeGb, 1)} GB free; the floor is ${e.diskFloorGb} GB${n ? `, ${_(e.diskFloorGb - e.diskFreeGb, 1)} GB below it` : `, ${_(e.diskFreeGb - e.diskFloorGb, 1)} GB above it`}`,
+		children: [/* @__PURE__ */ (0, p.jsxs)("span", {
+			className: "wp-val",
+			children: [/* @__PURE__ */ (0, p.jsxs)("b", { children: [_(e.diskFreeGb), " GB"] }), " free"]
+		}), /* @__PURE__ */ (0, p.jsxs)("span", {
+			className: "wp-track",
+			children: [/* @__PURE__ */ (0, p.jsx)("span", { style: {
+				width: `${Math.min(100, e.diskFreeGb / t * 100)}%`,
+				background: r ? m.breach : m.ok
+			} }), /* @__PURE__ */ (0, p.jsx)("i", { style: { left: `${e.diskFloorGb / t * 100}%` } })]
+		})]
+	});
+}
+function C({ h: e }) {
+	let t = e.breaches.some((e) => e.family === "load" && e.alarm), n = e.up === null ? "report age unknown" : e.up ? "up" : `no report for ${y(e.reportMin)}`;
+	return /* @__PURE__ */ (0, p.jsxs)("li", {
+		className: "wp-host",
+		"data-up": e.up === !1 ? "no" : void 0,
+		"data-breach": e.breaches.some((e) => e.alarm) ? "yes" : void 0,
+		children: [
+			/* @__PURE__ */ (0, p.jsxs)(c, {
+				className: "wp-host-head",
+				text: e.reportMin === null ? "report age unknown" : `${e.local ? "read" : "reported"} ${y(e.reportMin)} ago`,
+				children: [
+					/* @__PURE__ */ (0, p.jsx)("i", {
+						className: "wp-dot",
+						style: {
+							background: e.up ? m.ok : "transparent",
+							borderColor: e.up === !1 ? m.warn : e.up ? m.ok : m.unknown
+						}
+					}),
+					/* @__PURE__ */ (0, p.jsx)("b", { children: e.name }),
+					/* @__PURE__ */ (0, p.jsx)("span", {
+						className: e.up === !1 ? "wp-warn" : "wp-muted",
+						children: n
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, p.jsxs)(c, {
+				className: "wp-bar",
+				text: `load1 ${_(e.load1, 1)} on ${e.cores ?? "—"} cores; the limit is ${_(e.loadLimit)}`,
+				children: [/* @__PURE__ */ (0, p.jsxs)("span", {
+					className: "wp-val",
+					children: [/* @__PURE__ */ (0, p.jsx)("b", { children: _(e.loadPerCore, 1) }), " load per core"]
+				}), /* @__PURE__ */ (0, p.jsx)(s, {
+					used: e.load1,
+					total: e.loadLimit,
+					text: "",
+					tone: t ? m.breach : e.load1 !== null && e.loadLimit !== null && e.load1 >= e.loadLimit ? m.warn : "var(--wp-ink)"
+				})]
+			}),
+			/* @__PURE__ */ (0, p.jsx)(S, { h: e }),
+			e.breaches.filter((e) => e.alarm).map((e) => /* @__PURE__ */ (0, p.jsxs)(c, {
+				className: "wp-alarm",
+				text: `${e.text} (${e.limit}${e.held ? `; ${e.held}` : ""})`,
+				children: [/* @__PURE__ */ (0, p.jsx)("b", { children: e.label.replace(/\s*\/\s*$/, "") }), e.held ? ` ${e.held}` : ` ${e.text}`]
+			}, e.label)),
+			e.breaches.some((e) => !e.alarm) && /* @__PURE__ */ (0, p.jsxs)(c, {
+				className: "wp-watch",
+				text: e.breaches.filter((e) => !e.alarm).map((e) => `${e.label}: ${e.text} (${e.limit})`).join("; "),
+				children: ["Watching: ", e.breaches.filter((e) => !e.alarm).map((e) => e.label).join(", ")]
+			})
+		]
+	});
+}
+var w = {
+	asks: m.warn,
+	working: m.ok,
+	blocked: m.breach,
+	limited: "var(--accent-text)",
+	idle: "var(--ar-fg-faint)"
+};
+function T({ a: e }) {
+	return /* @__PURE__ */ (0, p.jsxs)("li", { children: [
+		/* @__PURE__ */ (0, p.jsx)("i", {
+			className: "wp-dot",
+			style: {
+				background: w[e.state],
+				borderColor: w[e.state]
+			}
+		}),
+		/* @__PURE__ */ (0, p.jsx)(c, {
+			text: [
+				e.lane,
+				e.harness,
+				e.model
+			].filter(Boolean).join(" · "),
+			children: /* @__PURE__ */ (0, p.jsx)("b", { children: e.name })
+		}),
+		/* @__PURE__ */ (0, p.jsx)("details", {
+			className: "wp-step",
+			children: /* @__PURE__ */ (0, p.jsx)("summary", { children: e.state === "limited" && e.limitUntil ? `limited until ${l(e.limitUntil)}` : e.step ?? e.state })
+		}),
+		/* @__PURE__ */ (0, p.jsx)(c, {
+			className: "wp-num",
+			text: e.since ? `last activity ${l(e.since)}` : "no activity recorded",
+			children: v(e.since)
+		})
+	] });
+}
+function E({ doc: e }) {
+	let { counts: t } = e.agents, n = (t) => e.agents.rows.filter((e) => e.state === t), r = e.seats.rows.filter((e) => e.long.used !== null).sort((e, t) => t.long.used - e.long.used), i = e.seats.rows.filter((e) => e.long.used === null), o = r.filter((e) => e.state === "empty"), c = r.filter((e) => e.state !== "empty"), l = e.seats.rows.filter((e) => e.state === "empty" && e.back).map((e) => e.back).sort()[0];
+	return /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [/* @__PURE__ */ (0, p.jsxs)("div", {
+		className: "wp-split",
+		children: [/* @__PURE__ */ (0, p.jsxs)("section", {
+			"aria-label": "Agents",
+			children: [
+				/* @__PURE__ */ (0, p.jsxs)("h2", { children: [
+					t.asks ?? "—",
+					" asking for Drew ",
+					/* @__PURE__ */ (0, p.jsxs)("span", {
+						className: "wp-muted",
+						children: [
+							"of ",
+							e.agents.total ?? "—",
+							" agents"
+						]
+					})
+				] }),
+				/* @__PURE__ */ (0, p.jsx)(s, {
+					text: "",
+					total: e.agents.total,
+					segments: [
+						"working",
+						"asks",
+						"blocked",
+						"limited",
+						"idle"
+					].map((e) => ({
+						label: e,
+						value: t[e] ?? null,
+						color: w[e]
+					})),
+					format: (e) => String(e)
+				}),
+				n("asks").length > 0 && /* @__PURE__ */ (0, p.jsx)("ul", {
+					className: "wp-rows",
+					"aria-label": "Asking for Drew",
+					children: n("asks").map((e) => /* @__PURE__ */ (0, p.jsx)(T, { a: e }, e.lane))
+				}),
+				[
+					"blocked",
+					"limited",
+					"working"
+				].map((e) => n(e).length > 0 && /* @__PURE__ */ (0, p.jsxs)("details", {
+					className: "wp-group",
+					children: [/* @__PURE__ */ (0, p.jsxs)("summary", { children: [
+						n(e).length,
+						" ",
+						e
+					] }), /* @__PURE__ */ (0, p.jsx)("ul", {
+						className: "wp-rows",
+						children: n(e).map((e) => /* @__PURE__ */ (0, p.jsx)(T, { a: e }, e.lane))
+					})]
+				}, e))
+			]
+		}), /* @__PURE__ */ (0, p.jsxs)("section", {
+			"aria-label": "Seats",
+			children: [
+				/* @__PURE__ */ (0, p.jsxs)("h2", { children: ["Seats ", /* @__PURE__ */ (0, p.jsxs)("span", {
+					className: "wp-muted",
+					children: [
+						e.seats.limited ?? "—",
+						" of ",
+						e.seats.total ?? "—",
+						" at a limit",
+						l ? `, first back ${u(l, Date.now())}` : ""
+					]
+				})] }),
+				[...new Set(o.map((e) => e.provider))].map((e) => {
+					let t = o.filter((t) => t.provider === e), n = t.map((e) => e.back).filter((e) => !!e).sort()[0];
+					return /* @__PURE__ */ (0, p.jsxs)("details", {
+						className: "wp-group wp-seats",
+						children: [/* @__PURE__ */ (0, p.jsxs)("summary", { children: [
+							/* @__PURE__ */ (0, p.jsx)("b", { children: e[0].toUpperCase() + e.slice(1).toLowerCase() }),
+							" ",
+							t.length,
+							" at a limit",
+							n ? `, first back ${u(n, Date.now())}` : ""
+						] }), /* @__PURE__ */ (0, p.jsx)("ul", {
+							className: "wp-back",
+							children: t.map((e) => /* @__PURE__ */ (0, p.jsxs)("li", { children: [/* @__PURE__ */ (0, p.jsx)("span", { children: e.name }), /* @__PURE__ */ (0, p.jsxs)("span", {
+								className: "wp-muted",
+								children: [
+									e.long.label ? `${e.long.label} · ` : "",
+									"back ",
+									e.back ? u(e.back, Date.now()) : "—"
+								]
+							})] }, e.name))
+						})]
+					}, e);
+				}),
+				c.length > 0 && /* @__PURE__ */ (0, p.jsxs)("details", {
+					className: "wp-group",
+					children: [/* @__PURE__ */ (0, p.jsxs)("summary", { children: [c.length, " with room"] }), /* @__PURE__ */ (0, p.jsx)(a, {
+						limit: c.length,
+						max: 1,
+						format: h,
+						rows: c.map((e) => ({
+							label: `${e.provider.toLowerCase()} ${e.name}`,
+							value: e.long.used,
+							note: [e.long.label, e.state === "unknown" ? "state unknown" : null].filter(Boolean).join(" · ") || void 0
+						}))
+					})]
+				}),
+				i.length > 0 && /* @__PURE__ */ (0, p.jsxs)("details", {
+					className: "wp-group",
+					children: [/* @__PURE__ */ (0, p.jsxs)("summary", { children: [i.length, " not reported"] }), /* @__PURE__ */ (0, p.jsx)("ul", {
+						className: "wp-back",
+						children: i.map((e) => /* @__PURE__ */ (0, p.jsxs)("li", { children: [/* @__PURE__ */ (0, p.jsxs)("span", { children: [
+							e.provider.toLowerCase(),
+							" ",
+							e.name
+						] }), /* @__PURE__ */ (0, p.jsx)("span", {
+							className: "wp-muted",
+							children: e.long.why ?? "no reading"
+						})] }, `${e.provider} ${e.name}`))
+					})]
+				})
+			]
+		})]
+	}), /* @__PURE__ */ (0, p.jsx)("ul", {
+		className: "wp-hosts",
+		"aria-label": "Hosts",
+		children: e.hosts.map((e) => /* @__PURE__ */ (0, p.jsx)(C, { h: e }, e.name))
+	})] });
+}
+function D({ api: e }) {
+	let t = i(`${e}/wall/fleet`, 3e4, !0);
+	return /* @__PURE__ */ (0, p.jsx)(x, {
+		mode: "fleet",
+		title: "Fleet",
+		at: t.data?.asOf,
+		source: "host reports, agents and seats",
+		doc: t,
+		children: () => /* @__PURE__ */ (0, p.jsx)(E, { doc: t.data })
+	});
+}
+function O({ label: e, value: t, children: n }) {
+	return /* @__PURE__ */ (0, p.jsxs)("div", {
+		className: "wp-stat",
+		children: [
+			/* @__PURE__ */ (0, p.jsx)("span", {
+				className: "wp-k",
+				children: e
+			}),
+			/* @__PURE__ */ (0, p.jsx)("b", { children: t }),
+			n
+		]
+	});
+}
+function k({ host: e, onDone: t }) {
+	let [n, r] = (0, f.useState)("idle: nothing running or parked"), [i, a] = (0, f.useState)(null), [o, s] = (0, f.useState)(null), [c, l] = (0, f.useState)(!1), u = async (e, t) => {
+		s(null);
+		let r = await fetch("/api/act", {
+			method: "POST",
+			credentials: "same-origin",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				action: "retire-hosts",
+				dryRun: e,
+				reason: n,
+				hostIds: t,
+				allowWhileBirthsEnabled: c
+			})
+		}), i = await r.json().catch(() => ({}));
+		if (!r.ok) throw Error(i.error ?? `HTTP ${r.status}`);
+		return i;
+	}, d = () => u(!0, [e.retire]).then(a, (e) => s(e.message));
+	return (0, f.useEffect)(() => {
+		d();
+	}, []), /* @__PURE__ */ (0, p.jsxs)("div", {
+		className: "wp-retire",
+		role: "group",
+		"aria-label": `Retire ${e.name}`,
+		children: [
+			/* @__PURE__ */ (0, p.jsx)("input", {
+				value: n,
+				maxLength: 400,
+				onChange: (e) => r(e.target.value),
+				"aria-label": "Reason the orchestrator logs"
+			}),
+			/* @__PURE__ */ (0, p.jsxs)("label", { children: [/* @__PURE__ */ (0, p.jsx)("input", {
+				type: "checkbox",
+				checked: c,
+				onChange: (e) => l(e.target.checked)
+			}), " retire even while cloud births run"] }),
+			/* @__PURE__ */ (0, p.jsx)("span", { children: o ?? (i ? i.retiring.length ? `Would retire ${i.retiring.map((e) => e.hostId).join(", ")}` : `Kept: ${i.kept.map((e) => e.why).join("; ") || i.result}` : "Asking for a dry run…") }),
+			/* @__PURE__ */ (0, p.jsx)("button", {
+				type: "button",
+				onClick: d,
+				children: "Dry run again"
+			}),
+			/* @__PURE__ */ (0, p.jsx)("button", {
+				type: "button",
+				disabled: !i?.retiring.length,
+				onClick: () => u(!1, i.retiring.map((e) => e.hostId)).then(t, (e) => s(e.message)),
+				children: "Retire"
+			})
+		]
+	});
+}
+function A({ doc: e, writer: t }) {
+	let [n, r] = (0, f.useState)(null), i = e.totals, l = e.fleetKey;
+	return e.known ? /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [
+		/* @__PURE__ */ (0, p.jsxs)("div", {
+			className: "wp-stats",
+			children: [
+				/* @__PURE__ */ (0, p.jsx)(O, {
+					label: "Autoscaled hosts",
+					value: `${i.hosts ?? "—"} · ${g(i.monthlyUsd)}/mo`,
+					children: /* @__PURE__ */ (0, p.jsx)(c, {
+						className: i.idleHosts ? "wp-warn" : "wp-muted",
+						text: `${g(i.perHourUsd, 2)} an hour at list price; ${i.draining ?? "—"} hosts draining`,
+						children: i.idleHosts ? `${i.idleHosts} with nothing running · ${g(i.idleMonthlyUsd)}/mo` : "all running sandboxes"
+					})
+				}),
+				/* @__PURE__ */ (0, p.jsx)(O, {
+					label: "Slots running",
+					value: h(i.runningShare),
+					children: /* @__PURE__ */ (0, p.jsx)(c, {
+						text: `${i.running ?? "—"} of ${i.slots ?? "—"} slots run a sandbox; ${i.discoveryRunning ?? "—"} are Discovery's`,
+						children: /* @__PURE__ */ (0, p.jsx)(s, {
+							used: i.running,
+							total: i.slots,
+							tone: "var(--ws-accent)",
+							text: ""
+						})
+					})
+				}),
+				/* @__PURE__ */ (0, p.jsx)(O, {
+					label: "Parked",
+					value: String(i.parked ?? "—"),
+					children: /* @__PURE__ */ (0, p.jsx)(c, {
+						text: `${i.discoveryParked ?? "—"} of them Discovery's`,
+						children: /* @__PURE__ */ (0, p.jsx)(s, {
+							used: i.parked,
+							total: i.slots,
+							tone: "var(--ws-accent)",
+							text: ""
+						})
+					})
+				}),
+				/* @__PURE__ */ (0, p.jsx)(O, {
+					label: "Fleet key left",
+					value: g(l.leftUsd, 2),
+					children: /* @__PURE__ */ (0, p.jsx)(c, {
+						text: `${l.name ?? "Discovery fleet key"}: ${g(l.spentUsd, 2)} spent of a ${g(l.capUsd, 2)} cap`,
+						children: /* @__PURE__ */ (0, p.jsx)(s, {
+							used: l.leftUsd,
+							total: l.capUsd,
+							tone: "var(--ws-accent)",
+							text: ""
+						})
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ (0, p.jsxs)("div", {
+			className: "wp-split",
+			children: [/* @__PURE__ */ (0, p.jsxs)("section", {
+				"aria-label": "Hosts over time",
+				children: [/* @__PURE__ */ (0, p.jsx)("h2", { children: /* @__PURE__ */ (0, p.jsxs)(c, {
+					text: `Autoscaler decision ${e.scaler.decision}: ${e.scaler.current} counted, target ${e.scaler.target}, max ${e.scaler.max}; birth breaker ${e.scaler.breaker}; ${e.scaler.pendingRetirement ?? 0} pending retirement; last error ${e.scaler.error ?? "none"}`,
+					children: [
+						"Autoscaled hosts, ",
+						e.hostsOverTime.days,
+						" days"
+					]
+				}) }), /* @__PURE__ */ (0, p.jsx)("div", { children: /* @__PURE__ */ (0, p.jsx)(o, {
+					series: [{
+						name: "hosts",
+						color: "var(--ws-accent)",
+						points: e.hostsOverTime.points.map(([e, t]) => [e * 1e3, t])
+					}],
+					format: (e) => String(Math.round(e))
+				}) })]
+			}), /* @__PURE__ */ (0, p.jsxs)("section", {
+				"aria-label": "Why parked sandboxes stay",
+				children: [/* @__PURE__ */ (0, p.jsxs)("h2", { children: [
+					"Why ",
+					i.parked ?? "—",
+					" stay parked"
+				] }), /* @__PURE__ */ (0, p.jsx)(a, {
+					limit: e.parked.length,
+					format: (e) => String(e),
+					color: "var(--ws-accent)",
+					rows: e.parked.map((e) => ({
+						label: e.label,
+						value: e.boxes,
+						note: `${e.discovery} Discovery's${e.hours === null ? "" : ` · ${_(e.hours, 1)} h`}`
+					}))
+				})]
+			})]
+		}),
+		/* @__PURE__ */ (0, p.jsxs)("section", {
+			"aria-label": "Hosts",
+			children: [/* @__PURE__ */ (0, p.jsxs)("table", {
+				className: "wp-table",
+				children: [/* @__PURE__ */ (0, p.jsx)("thead", { children: /* @__PURE__ */ (0, p.jsxs)("tr", { children: [
+					/* @__PURE__ */ (0, p.jsx)("th", { children: "Host" }),
+					/* @__PURE__ */ (0, p.jsx)("th", { children: "State" }),
+					/* @__PURE__ */ (0, p.jsx)("th", { children: "Slots used" }),
+					/* @__PURE__ */ (0, p.jsx)("th", { children: "CPU" }),
+					/* @__PURE__ */ (0, p.jsx)("th", {
+						className: "wp-r",
+						children: "Per month"
+					})
+				] }) }), /* @__PURE__ */ (0, p.jsx)("tbody", { children: e.hosts.map((e) => /* @__PURE__ */ (0, p.jsxs)("tr", {
+					"data-state": e.state,
+					children: [
+						/* @__PURE__ */ (0, p.jsxs)("td", { children: [
+							/* @__PURE__ */ (0, p.jsx)(c, {
+								text: `${e.id} · ${e.type}${e.heldBy && e.heldBy !== "—" ? ` · parked boxes held by ${e.heldBy}` : ""}`,
+								children: /* @__PURE__ */ (0, p.jsx)("b", { children: e.name })
+							}),
+							" ",
+							/* @__PURE__ */ (0, p.jsx)("span", {
+								className: "wp-muted",
+								children: e.type
+							}),
+							!e.autoscaled && /* @__PURE__ */ (0, p.jsx)("span", {
+								className: "wp-k",
+								children: " · fixed"
+							})
+						] }),
+						/* @__PURE__ */ (0, p.jsxs)("td", {
+							className: e.state === "idle" ? "wp-warn" : "wp-muted",
+							children: [e.state, t && e.retire && e.state === "idle" && /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [" ", /* @__PURE__ */ (0, p.jsx)("button", {
+								type: "button",
+								onClick: () => r(e.id),
+								children: "Retire"
+							})] })]
+						}),
+						/* @__PURE__ */ (0, p.jsx)("td", { children: /* @__PURE__ */ (0, p.jsx)(c, {
+							text: `${e.running ?? "—"} running and ${e.parked ?? "—"} parked of ${e.slots ?? "—"} slots`,
+							children: /* @__PURE__ */ (0, p.jsx)(s, {
+								used: (e.running ?? 0) + (e.parked ?? 0),
+								total: e.slots,
+								tone: "var(--ws-accent)",
+								text: `${e.running ?? "—"} running · ${e.parked ?? "—"} parked of ${e.slots ?? "—"}`
+							})
+						}) }),
+						/* @__PURE__ */ (0, p.jsx)("td", { children: /* @__PURE__ */ (0, p.jsx)(c, {
+							text: `CPU ${h(e.cpu)} at the host scan`,
+							children: /* @__PURE__ */ (0, p.jsx)(s, {
+								used: e.cpu,
+								total: 1,
+								tone: "var(--ws-accent)",
+								text: h(e.cpu)
+							})
+						}) }),
+						/* @__PURE__ */ (0, p.jsx)("td", {
+							className: "wp-r wp-num",
+							children: g(e.monthlyUsd)
+						})
+					]
+				}, e.id)) })]
+			}), n && /* @__PURE__ */ (0, p.jsx)(k, {
+				host: e.hosts.find((e) => e.id === n),
+				onDone: () => r(null)
+			})]
+		})
+	] }) : /* @__PURE__ */ (0, p.jsxs)("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["The host scan is unavailable: ", e.why ?? "not reported"]
+	});
+}
+function j({ api: e }) {
+	let t = i(`${e}/wall/sandboxes`, 6e4, !0), n = i(`${e}/me`);
+	return /* @__PURE__ */ (0, p.jsx)(x, {
+		mode: "sandboxes",
+		title: "Sandboxes",
+		at: t.data?.asOf,
+		source: "the host scan",
+		doc: t,
+		children: () => /* @__PURE__ */ (0, p.jsx)(A, {
+			doc: t.data,
+			writer: !!n.data?.writer
+		})
+	});
+}
+var M = {
+	awaiting: 0,
+	approved: 1,
+	routed: 2,
+	launched: 3,
+	discarded: 4
+}, N = (e) => {
+	let t = e.indexOf(":");
+	if (t > 0 && t < 80) return [e.slice(0, t), e.slice(t + 1).trim()];
+	let n = e.split(/[,(;]/)[0].trim().split(/\s+/), r = n.length <= 12 ? n.join(" ") : `${n.slice(0, 8).join(" ")}…`;
+	return r.length < e.length ? [r, e] : [e, ""];
+};
+function P({ idea: e, decideUrl: t }) {
+	return /* @__PURE__ */ (0, p.jsxs)("article", {
+		className: "wp-idea",
+		children: [
+			/* @__PURE__ */ (0, p.jsxs)("h2", { children: [
+				"#",
+				e.id,
+				" ",
+				e.title
+			] }),
+			/* @__PURE__ */ (0, p.jsxs)("p", {
+				className: "wp-muted",
+				children: [
+					e.destination,
+					" · ",
+					e.stage,
+					e.created ? ` · ${v(e.created)} ago` : ""
+				]
+			}),
+			/* @__PURE__ */ (0, p.jsxs)("details", {
+				className: "wp-group",
+				children: [/* @__PURE__ */ (0, p.jsx)("summary", { children: "Summary" }), /* @__PURE__ */ (0, p.jsx)("p", { children: e.summary })]
+			}),
+			e.problemStatements.length > 0 && /* @__PURE__ */ (0, p.jsx)("ol", { children: e.problemStatements.map((e) => {
+				let [t, n] = N(e);
+				return /* @__PURE__ */ (0, p.jsx)("li", { children: n ? /* @__PURE__ */ (0, p.jsxs)("details", {
+					className: "wp-group",
+					children: [/* @__PURE__ */ (0, p.jsx)("summary", { children: t }), /* @__PURE__ */ (0, p.jsx)("p", { children: n })]
+				}) : t }, e);
+			}) }),
+			t && /* @__PURE__ */ (0, p.jsx)("a", {
+				className: "wp-go",
+				href: t,
+				children: e.stage === "awaiting" ? "Decide in Idea Triage" : "Open in Idea Triage"
+			})
+		]
+	});
+}
+function F({ doc: e }) {
+	let t = [...e.rows].sort((e, t) => (M[e.stage] ?? 9) - (M[t.stage] ?? 9) || Number(t.id) - Number(e.id)), n = t.filter((e) => e.stage === "awaiting"), r = t.filter((e) => e.stage !== "awaiting"), [i, o] = (0, f.useState)(() => new URLSearchParams(location.search).get("idea"));
+	(0, f.useEffect)(() => {
+		let e = () => o(new URLSearchParams(location.search).get("idea"));
+		return addEventListener("popstate", e), () => removeEventListener("popstate", e);
+	}, []);
+	let s = (e) => {
+		let t = e === i ? null : e;
+		history.pushState(null, "", t ? `?idea=${encodeURIComponent(t)}` : location.pathname), o(t);
+	}, c = e.stages.filter((e) => e.count !== null), l = Math.max(1, ...c.map((e) => e.count));
+	return /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [
+		/* @__PURE__ */ (0, p.jsx)("p", {
+			className: "wp-lead",
+			children: e.awaiting === null ? "The idea inbox was not read." : e.awaiting ? `${e.awaiting} ${e.awaiting === 1 ? "idea waits" : "ideas wait"} on you.` : "No idea waits on you."
+		}),
+		n.length > 0 && /* @__PURE__ */ (0, p.jsx)("ul", {
+			className: "wp-awaiting",
+			"aria-label": "Awaiting you",
+			children: n.map((t) => /* @__PURE__ */ (0, p.jsx)("li", { children: /* @__PURE__ */ (0, p.jsx)(P, {
+				idea: t,
+				decideUrl: e.decideUrl
+			}) }, t.id))
+		}),
+		/* @__PURE__ */ (0, p.jsxs)("section", {
+			"aria-label": "From intake to launch",
+			children: [/* @__PURE__ */ (0, p.jsx)(a, {
+				limit: c.length,
+				max: l,
+				format: (e) => String(e),
+				rows: c.map((e) => ({
+					label: e.stage,
+					value: e.count,
+					note: e.of === null ? void 0 : `of ${e.of} approved for Discovery`
+				}))
+			}), c.length < e.stages.length && /* @__PURE__ */ (0, p.jsxs)("p", {
+				className: "wp-muted wp-line",
+				children: ["Not reported: ", e.stages.filter((e) => e.count === null).map((e) => e.stage).join(", ")]
+			})]
+		}),
+		/* @__PURE__ */ (0, p.jsxs)("details", {
+			className: "wp-group",
+			"aria-label": "Decided",
+			open: r.some((e) => e.id === i),
+			children: [/* @__PURE__ */ (0, p.jsxs)("summary", { children: [r.length, " decided"] }), /* @__PURE__ */ (0, p.jsx)("ul", {
+				className: "wp-rows wp-ideas",
+				children: r.map((t) => /* @__PURE__ */ (0, p.jsxs)("li", {
+					"aria-current": t.id === i || void 0,
+					children: [/* @__PURE__ */ (0, p.jsxs)("button", {
+						type: "button",
+						"aria-expanded": t.id === i,
+						onClick: () => s(t.id),
+						children: [
+							/* @__PURE__ */ (0, p.jsx)("i", {
+								className: "wp-dot",
+								style: {
+									background: t.stage === "discarded" ? "transparent" : "var(--ws-accent)",
+									borderColor: "var(--ws-accent)"
+								}
+							}),
+							/* @__PURE__ */ (0, p.jsx)("b", { children: t.title }),
+							/* @__PURE__ */ (0, p.jsx)("span", {
+								className: "wp-muted",
+								children: t.stage
+							}),
+							/* @__PURE__ */ (0, p.jsx)("span", {
+								className: "wp-num",
+								children: t.problems
+							})
+						]
+					}), t.id === i && /* @__PURE__ */ (0, p.jsx)(P, {
+						idea: t,
+						decideUrl: e.decideUrl
+					})]
+				}, t.id))
+			})]
+		})
+	] });
+}
+function I({ api: e }) {
+	let t = i(`${e}/wall/ideas`, 6e4, !0);
+	return /* @__PURE__ */ (0, p.jsx)(x, {
+		mode: "ideas",
+		title: "Ideas",
+		at: t.data?.asOf,
+		source: "the idea inbox",
+		doc: t,
+		children: () => /* @__PURE__ */ (0, p.jsx)(F, { doc: t.data })
+	});
+}
+//#endregion
+export { D as FleetPage, I as IdeasPage, j as SandboxesPage };