@tangle-network/sandbox-cli 0.21.22 → 0.21.24

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

@@ -0,0 +1,658 @@
+import { p as e } from "./data-BJmP7F1M.js";
+import { O as t, w as n } from "./RunOverview-DJQDAMIx.js";
+import { n as r, r as i } from "./AnswerStrip-DhwqOyxI.js";
+import { useEffect as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { HBars as u, Lines as d, Meter as f } from "@tangle-network/charts/react";
+import { PageHeader as p } from "@tangle-network/ui/primitives";
+//#region src/workspace/WallPages.tsx
+var 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} (${n(e)})`,
+	source: t
+} : null;
+function x({ mode: e, title: t, at: n, source: i, doc: a, children: o }) {
+	return /* @__PURE__ */ l("div", {
+		className: "ws-page td wp",
+		"data-mode": e,
+		children: [/* @__PURE__ */ c(p, {
+			className: "rp-head",
+			title: t,
+			actions: /* @__PURE__ */ c(r, { asOf: b(n ?? null, i) })
+		}), a.data ? /* @__PURE__ */ c("div", {
+			className: "wp-body",
+			children: o()
+		}) : /* @__PURE__ */ c("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__ */ c("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__ */ l(i, {
+		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__ */ l("span", {
+			className: "wp-val",
+			children: [/* @__PURE__ */ l("b", { children: [_(e.diskFreeGb), " GB"] }), " free"]
+		}), /* @__PURE__ */ l("span", {
+			className: "wp-track",
+			children: [/* @__PURE__ */ c("span", { style: {
+				width: `${Math.min(100, e.diskFreeGb / t * 100)}%`,
+				background: r ? m.breach : m.ok
+			} }), /* @__PURE__ */ c("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__ */ l("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__ */ l(i, {
+				className: "wp-host-head",
+				text: e.reportMin === null ? "report age unknown" : `${e.local ? "read" : "reported"} ${y(e.reportMin)} ago`,
+				children: [
+					/* @__PURE__ */ c("i", {
+						className: "wp-dot",
+						style: {
+							background: e.up ? m.ok : "transparent",
+							borderColor: e.up === !1 ? m.warn : e.up ? m.ok : m.unknown
+						}
+					}),
+					/* @__PURE__ */ c("b", { children: e.name }),
+					/* @__PURE__ */ c("span", {
+						className: e.up === !1 ? "wp-warn" : "wp-muted",
+						children: n
+					})
+				]
+			}),
+			/* @__PURE__ */ l(i, {
+				className: "wp-bar",
+				text: `load1 ${_(e.load1, 1)} on ${e.cores ?? "—"} cores; the limit is ${_(e.loadLimit)}`,
+				children: [/* @__PURE__ */ l("span", {
+					className: "wp-val",
+					children: [/* @__PURE__ */ c("b", { children: _(e.loadPerCore, 1) }), " load per core"]
+				}), /* @__PURE__ */ c(f, {
+					used: e.load1,
+					total: e.loadLimit,
+					text: "",
+					tone: t ? m.breach : "var(--ws-accent)"
+				})]
+			}),
+			/* @__PURE__ */ c(S, { h: e }),
+			e.breaches.length > 0 && /* @__PURE__ */ c("ul", {
+				className: "wp-over",
+				children: e.breaches.map((e) => /* @__PURE__ */ c("li", {
+					"data-alarm": e.alarm || void 0,
+					children: /* @__PURE__ */ l(i, {
+						text: `${e.text} (${e.limit}${e.held ? `; ${e.held}` : ""})`,
+						children: [e.label, e.alarm && e.held ? ` ${e.held}` : ""]
+					})
+				}, e.label))
+			})
+		]
+	});
+}
+var w = {
+	asks: m.warn,
+	working: m.ok,
+	blocked: m.breach,
+	limited: m.warn,
+	idle: "var(--ar-fg-faint)"
+};
+function T({ a: e }) {
+	return /* @__PURE__ */ l("li", { children: [
+		/* @__PURE__ */ c("i", {
+			className: "wp-dot",
+			style: {
+				background: w[e.state],
+				borderColor: w[e.state]
+			}
+		}),
+		/* @__PURE__ */ c(i, {
+			text: [
+				e.lane,
+				e.harness,
+				e.model
+			].filter(Boolean).join(" · "),
+			children: /* @__PURE__ */ c("b", { children: e.name })
+		}),
+		/* @__PURE__ */ c("details", {
+			className: "wp-step",
+			children: /* @__PURE__ */ c("summary", { children: e.state === "limited" && e.limitUntil ? `limited until ${n(e.limitUntil)}` : e.step ?? e.state })
+		}),
+		/* @__PURE__ */ c(i, {
+			className: "wp-num",
+			text: e.since ? `last activity ${n(e.since)}` : "no activity recorded",
+			children: v(e.since)
+		})
+	] });
+}
+function E({ doc: e }) {
+	let { counts: n } = e.agents, r = (t) => e.agents.rows.filter((e) => e.state === t), i = e.seats.rows.filter((e) => e.long.used !== null).sort((e, t) => t.long.used - e.long.used), a = e.seats.rows.filter((e) => e.long.used === null), o = i.filter((e) => e.state === "empty"), d = i.filter((e) => e.state !== "empty"), p = e.seats.rows.filter((e) => e.state === "empty" && e.back).map((e) => e.back).sort()[0];
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
+		className: "wp-split",
+		children: [/* @__PURE__ */ l("section", {
+			"aria-label": "Agents",
+			children: [
+				/* @__PURE__ */ l("h2", { children: [
+					n.asks ?? "—",
+					" asking for Drew ",
+					/* @__PURE__ */ l("span", {
+						className: "wp-muted",
+						children: [
+							"of ",
+							e.agents.total ?? "—",
+							" agents"
+						]
+					})
+				] }),
+				/* @__PURE__ */ c(f, {
+					text: "",
+					total: e.agents.total,
+					segments: [
+						"working",
+						"asks",
+						"blocked",
+						"limited",
+						"idle"
+					].map((e) => ({
+						label: e,
+						value: n[e] ?? null,
+						color: w[e]
+					})),
+					format: (e) => String(e)
+				}),
+				r("asks").length > 0 && /* @__PURE__ */ c("ul", {
+					className: "wp-rows",
+					"aria-label": "Asking for Drew",
+					children: r("asks").map((e) => /* @__PURE__ */ c(T, { a: e }, e.lane))
+				}),
+				[
+					"blocked",
+					"limited",
+					"working"
+				].map((e) => r(e).length > 0 && /* @__PURE__ */ l("details", {
+					className: "wp-group",
+					children: [/* @__PURE__ */ l("summary", { children: [
+						r(e).length,
+						" ",
+						e
+					] }), /* @__PURE__ */ c("ul", {
+						className: "wp-rows",
+						children: r(e).map((e) => /* @__PURE__ */ c(T, { a: e }, e.lane))
+					})]
+				}, e))
+			]
+		}), /* @__PURE__ */ l("section", {
+			"aria-label": "Seats",
+			children: [
+				/* @__PURE__ */ l("h2", { children: ["Seats ", /* @__PURE__ */ l("span", {
+					className: "wp-muted",
+					children: [
+						e.seats.limited ?? "—",
+						" of ",
+						e.seats.total ?? "—",
+						" at a limit",
+						p ? `, first back ${t(p, Date.now())}` : ""
+					]
+				})] }),
+				o.length > 0 && /* @__PURE__ */ c("ul", {
+					className: "wp-back",
+					children: o.map((e) => /* @__PURE__ */ l("li", { children: [/* @__PURE__ */ l("span", { children: [
+						e.provider.toLowerCase(),
+						" ",
+						e.name
+					] }), /* @__PURE__ */ l("span", {
+						className: "wp-muted",
+						children: [
+							e.long.label ? `${e.long.label} · ` : "",
+							"back ",
+							e.back ? t(e.back, Date.now()) : "—"
+						]
+					})] }, `${e.provider} ${e.name}`))
+				}),
+				d.length > 0 && /* @__PURE__ */ l("details", {
+					className: "wp-group",
+					children: [/* @__PURE__ */ l("summary", { children: [d.length, " with room"] }), /* @__PURE__ */ c(u, {
+						limit: d.length,
+						max: 1,
+						format: h,
+						rows: d.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
+						}))
+					})]
+				}),
+				a.length > 0 && /* @__PURE__ */ l("p", {
+					className: "wp-muted wp-line",
+					children: ["Not reported: ", a.map((e) => `${e.provider.toLowerCase()} ${e.name}${e.long.why ? ` (${e.long.why})` : ""}`).join(", ")]
+				})
+			]
+		})]
+	}), /* @__PURE__ */ c("ul", {
+		className: "wp-hosts",
+		"aria-label": "Hosts",
+		children: e.hosts.map((e) => /* @__PURE__ */ c(C, { h: e }, e.name))
+	})] });
+}
+function D({ api: t }) {
+	let n = e(`${t}/wall/fleet`, 3e4, !0);
+	return /* @__PURE__ */ c(x, {
+		mode: "fleet",
+		title: "Fleet",
+		at: n.data?.asOf,
+		source: "host reports, agents and seats",
+		doc: n,
+		children: () => /* @__PURE__ */ c(E, { doc: n.data })
+	});
+}
+function O({ label: e, value: t, children: n }) {
+	return /* @__PURE__ */ l("div", {
+		className: "wp-stat",
+		children: [
+			/* @__PURE__ */ c("span", {
+				className: "wp-k",
+				children: e
+			}),
+			/* @__PURE__ */ c("b", { children: t }),
+			n
+		]
+	});
+}
+function k({ host: e, onDone: t }) {
+	let [n, r] = o("idle: nothing running or parked"), [i, s] = o(null), [u, d] = o(null), [f, p] = o(!1), m = async (e, t) => {
+		d(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: f
+			})
+		}), i = await r.json().catch(() => ({}));
+		if (!r.ok) throw Error(i.error ?? `HTTP ${r.status}`);
+		return i;
+	}, h = () => m(!0, [e.retire]).then(s, (e) => d(e.message));
+	return a(() => {
+		h();
+	}, []), /* @__PURE__ */ l("div", {
+		className: "wp-retire",
+		role: "group",
+		"aria-label": `Retire ${e.name}`,
+		children: [
+			/* @__PURE__ */ c("input", {
+				value: n,
+				maxLength: 400,
+				onChange: (e) => r(e.target.value),
+				"aria-label": "Reason the orchestrator logs"
+			}),
+			/* @__PURE__ */ l("label", { children: [/* @__PURE__ */ c("input", {
+				type: "checkbox",
+				checked: f,
+				onChange: (e) => p(e.target.checked)
+			}), " retire even while cloud births run"] }),
+			/* @__PURE__ */ c("span", { children: u ?? (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__ */ c("button", {
+				type: "button",
+				onClick: h,
+				children: "Dry run again"
+			}),
+			/* @__PURE__ */ c("button", {
+				type: "button",
+				disabled: !i?.retiring.length,
+				onClick: () => m(!1, i.retiring.map((e) => e.hostId)).then(t, (e) => d(e.message)),
+				children: "Retire"
+			})
+		]
+	});
+}
+function A({ doc: e, writer: t }) {
+	let [n, r] = o(null), a = e.totals, p = e.fleetKey;
+	return e.known ? /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ l("div", {
+			className: "wp-stats",
+			children: [
+				/* @__PURE__ */ c(O, {
+					label: "Autoscaled hosts",
+					value: `${a.hosts ?? "—"} · ${g(a.monthlyUsd)}/mo`,
+					children: /* @__PURE__ */ c(i, {
+						className: a.idleHosts ? "wp-warn" : "wp-muted",
+						text: `${g(a.perHourUsd, 2)} an hour at list price; ${a.draining ?? "—"} hosts draining`,
+						children: a.idleHosts ? `${a.idleHosts} with nothing running · ${g(a.idleMonthlyUsd)}/mo` : "all running sandboxes"
+					})
+				}),
+				/* @__PURE__ */ c(O, {
+					label: "Slots running",
+					value: h(a.runningShare),
+					children: /* @__PURE__ */ c(i, {
+						text: `${a.running ?? "—"} of ${a.slots ?? "—"} slots run a sandbox; ${a.discoveryRunning ?? "—"} are Discovery's`,
+						children: /* @__PURE__ */ c(f, {
+							used: a.running,
+							total: a.slots,
+							tone: "var(--ws-accent)",
+							text: ""
+						})
+					})
+				}),
+				/* @__PURE__ */ c(O, {
+					label: "Parked",
+					value: String(a.parked ?? "—"),
+					children: /* @__PURE__ */ c(i, {
+						text: `${a.discoveryParked ?? "—"} of them Discovery's`,
+						children: /* @__PURE__ */ c(f, {
+							used: a.parked,
+							total: a.slots,
+							tone: "var(--ws-accent)",
+							text: ""
+						})
+					})
+				}),
+				/* @__PURE__ */ c(O, {
+					label: "Fleet key left",
+					value: g(p.leftUsd, 2),
+					children: /* @__PURE__ */ c(i, {
+						text: `${p.name ?? "Discovery fleet key"}: ${g(p.spentUsd, 2)} spent of a ${g(p.capUsd, 2)} cap`,
+						children: /* @__PURE__ */ c(f, {
+							used: p.leftUsd,
+							total: p.capUsd,
+							tone: "var(--ws-accent)",
+							text: ""
+						})
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ l("div", {
+			className: "wp-split",
+			children: [/* @__PURE__ */ l("section", {
+				"aria-label": "Hosts over time",
+				children: [/* @__PURE__ */ c("h2", { children: /* @__PURE__ */ l(i, {
+					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__ */ c("div", { children: /* @__PURE__ */ c(d, {
+					series: [{
+						name: "hosts",
+						color: "var(--ws-accent)",
+						points: e.hostsOverTime.points.map(([e, t]) => [e * 1e3, t])
+					}],
+					format: (e) => String(Math.round(e))
+				}) })]
+			}), /* @__PURE__ */ l("section", {
+				"aria-label": "Why parked sandboxes stay",
+				children: [/* @__PURE__ */ l("h2", { children: [
+					"Why ",
+					a.parked ?? "—",
+					" stay parked"
+				] }), /* @__PURE__ */ c(u, {
+					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__ */ l("section", {
+			"aria-label": "Hosts",
+			children: [/* @__PURE__ */ l("table", {
+				className: "wp-table",
+				children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
+					/* @__PURE__ */ c("th", { children: "Host" }),
+					/* @__PURE__ */ c("th", { children: "State" }),
+					/* @__PURE__ */ c("th", { children: "Slots used" }),
+					/* @__PURE__ */ c("th", { children: "CPU" }),
+					/* @__PURE__ */ c("th", {
+						className: "wp-r",
+						children: "Per month"
+					})
+				] }) }), /* @__PURE__ */ c("tbody", { children: e.hosts.map((e) => /* @__PURE__ */ l("tr", {
+					"data-state": e.state,
+					children: [
+						/* @__PURE__ */ l("td", { children: [
+							/* @__PURE__ */ c(i, {
+								text: `${e.id} · ${e.type}${e.heldBy && e.heldBy !== "—" ? ` · parked boxes held by ${e.heldBy}` : ""}`,
+								children: /* @__PURE__ */ c("b", { children: e.name })
+							}),
+							" ",
+							/* @__PURE__ */ c("span", {
+								className: "wp-muted",
+								children: e.type
+							}),
+							!e.autoscaled && /* @__PURE__ */ c("span", {
+								className: "wp-k",
+								children: " · fixed"
+							})
+						] }),
+						/* @__PURE__ */ l("td", {
+							className: e.state === "idle" ? "wp-warn" : "wp-muted",
+							children: [e.state, t && e.retire && e.state === "idle" && /* @__PURE__ */ l(s, { children: [" ", /* @__PURE__ */ c("button", {
+								type: "button",
+								onClick: () => r(e.id),
+								children: "Retire"
+							})] })]
+						}),
+						/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(i, {
+							text: `${e.running ?? "—"} running and ${e.parked ?? "—"} parked of ${e.slots ?? "—"} slots`,
+							children: /* @__PURE__ */ c(f, {
+								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__ */ c("td", { children: /* @__PURE__ */ c(i, {
+							text: `CPU ${h(e.cpu)} at the host scan`,
+							children: /* @__PURE__ */ c(f, {
+								used: e.cpu,
+								total: 1,
+								tone: "var(--ws-accent)",
+								text: h(e.cpu)
+							})
+						}) }),
+						/* @__PURE__ */ c("td", {
+							className: "wp-r wp-num",
+							children: g(e.monthlyUsd)
+						})
+					]
+				}, e.id)) })]
+			}), n && /* @__PURE__ */ c(k, {
+				host: e.hosts.find((e) => e.id === n),
+				onDone: () => r(null)
+			})]
+		})
+	] }) : /* @__PURE__ */ l("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["The host scan is unavailable: ", e.why ?? "not reported"]
+	});
+}
+function j({ api: t }) {
+	let n = e(`${t}/wall/sandboxes`, 6e4, !0), r = e(`${t}/me`);
+	return /* @__PURE__ */ c(x, {
+		mode: "sandboxes",
+		title: "Sandboxes",
+		at: n.data?.asOf,
+		source: "the host scan",
+		doc: n,
+		children: () => /* @__PURE__ */ c(A, {
+			doc: n.data,
+			writer: !!r.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__ */ l("article", {
+		className: "wp-idea",
+		children: [
+			/* @__PURE__ */ l("h2", { children: [
+				"#",
+				e.id,
+				" ",
+				e.title
+			] }),
+			/* @__PURE__ */ l("p", {
+				className: "wp-muted",
+				children: [
+					e.destination,
+					" · ",
+					e.stage,
+					e.created ? ` · ${v(e.created)} ago` : ""
+				]
+			}),
+			/* @__PURE__ */ l("details", {
+				className: "wp-group",
+				children: [/* @__PURE__ */ c("summary", { children: "Summary" }), /* @__PURE__ */ c("p", { children: e.summary })]
+			}),
+			e.problemStatements.length > 0 && /* @__PURE__ */ c("ol", { children: e.problemStatements.map((e) => {
+				let [t, n] = N(e);
+				return /* @__PURE__ */ c("li", { children: n ? /* @__PURE__ */ l("details", {
+					className: "wp-group",
+					children: [/* @__PURE__ */ c("summary", { children: t }), /* @__PURE__ */ c("p", { children: n })]
+				}) : t }, e);
+			}) }),
+			t && /* @__PURE__ */ c("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, d] = o(() => new URLSearchParams(location.search).get("idea"));
+	a(() => {
+		let e = () => d(new URLSearchParams(location.search).get("idea"));
+		return addEventListener("popstate", e), () => removeEventListener("popstate", e);
+	}, []);
+	let f = (e) => {
+		let t = e === i ? null : e;
+		history.pushState(null, "", t ? `?idea=${encodeURIComponent(t)}` : location.pathname), d(t);
+	}, p = e.stages.filter((e) => e.count !== null), m = Math.max(1, ...p.map((e) => e.count));
+	return /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ c("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__ */ c("ul", {
+			className: "wp-awaiting",
+			"aria-label": "Awaiting you",
+			children: n.map((t) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(P, {
+				idea: t,
+				decideUrl: e.decideUrl
+			}) }, t.id))
+		}),
+		/* @__PURE__ */ l("section", {
+			"aria-label": "From intake to launch",
+			children: [/* @__PURE__ */ c(u, {
+				limit: p.length,
+				max: m,
+				format: (e) => String(e),
+				rows: p.map((e) => ({
+					label: e.stage,
+					value: e.count,
+					note: e.of === null ? void 0 : `of ${e.of} approved for Discovery`
+				}))
+			}), p.length < e.stages.length && /* @__PURE__ */ l("p", {
+				className: "wp-muted wp-line",
+				children: ["Not reported: ", e.stages.filter((e) => e.count === null).map((e) => e.stage).join(", ")]
+			})]
+		}),
+		/* @__PURE__ */ l("details", {
+			className: "wp-group",
+			"aria-label": "Decided",
+			open: r.some((e) => e.id === i),
+			children: [/* @__PURE__ */ l("summary", { children: [r.length, " decided"] }), /* @__PURE__ */ c("ul", {
+				className: "wp-rows wp-ideas",
+				children: r.map((t) => /* @__PURE__ */ l("li", {
+					"aria-current": t.id === i || void 0,
+					children: [/* @__PURE__ */ l("button", {
+						type: "button",
+						"aria-expanded": t.id === i,
+						onClick: () => f(t.id),
+						children: [
+							/* @__PURE__ */ c("i", {
+								className: "wp-dot",
+								style: {
+									background: t.stage === "discarded" ? "transparent" : "var(--ws-accent)",
+									borderColor: "var(--ws-accent)"
+								}
+							}),
+							/* @__PURE__ */ c("b", { children: t.title }),
+							/* @__PURE__ */ c("span", {
+								className: "wp-muted",
+								children: t.stage
+							}),
+							/* @__PURE__ */ c("span", {
+								className: "wp-num",
+								children: t.problems
+							})
+						]
+					}), t.id === i && /* @__PURE__ */ c(P, {
+						idea: t,
+						decideUrl: e.decideUrl
+					})]
+				}, t.id))
+			})]
+		})
+	] });
+}
+function I({ api: t }) {
+	let n = e(`${t}/wall/ideas`, 6e4, !0);
+	return /* @__PURE__ */ c(x, {
+		mode: "ideas",
+		title: "Ideas",
+		at: n.data?.asOf,
+		source: "the idea inbox",
+		doc: n,
+		children: () => /* @__PURE__ */ c(F, { doc: n.data })
+	});
+}
+//#endregion
+export { D as FleetPage, I as IdeasPage, j as SandboxesPage };