@wular/coder 0.4.8 → 0.4.10

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/{page.293492d13a9dca2e.js → page.b78f0df100410db0.js}

@@ -1,8 +1,8 @@
-import { load } from "../../../../api/load.4f942c7f68b2e273.js";
-import { HEADS } from "../../../../comps/frame/heads.20414ddcb2d08bcd.js";
-import { Page } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
-import { TasksSection, loadTasks } from "./list/tasks-section.fd72404364042b87.js";
-import { credentialMissing } from "./composer-data.ff108c0ef82a4d7b.js";
+import { load } from "../../../../api/load.7ae462ef36271be8.js";
+import { HEADS } from "../../../../comps/frame/heads.37e35439c02fc636.js";
+import { Page } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { TasksSection, loadTasks } from "./list/tasks-section.13f64b0836ae406b.js";
+import { credentialMissing } from "./composer-data.309a194fc7fa34be.js";
 import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Every task, with New task in the head. */
 export default function TasksPage({ request }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{custom-range.471edcb853889c2e.js → custom-range.2e21c7f891966c15.js}

@@ -1,29 +1,26 @@
 "use client";
-import { iDown } from "../../../../comps/ui/icons.868385119bf2de28.js";
+import { iDown } from "../../../../comps/ui/icons.e36c72f54750663a.js";
 import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
 import { linkOf, withSearch } from "../../../../comps/nav/to.a2c840c09bd4bf4a.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { useId } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { Button } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Field } from "../../../../comps/ui/field.75588c33b72824a7.js";
+import { Menu } from "../../../../comps/ui/menu.ee45bace979944b6.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Custom from and to dates; applying them moves the page to that range. */
 export function CustomRange({ page, from, to, today, on }) {
 	const nav = useRouter();
-	const id = useId();
-	return /* @__PURE__ */ _jsxs("span", {
-		class: on ? "menu custom on" : "menu custom",
-		children: [/* @__PURE__ */ _jsxs("button", {
-			popovertarget: id,
-			type: "button",
-			children: ["Custom", /* @__PURE__ */ _jsx(Icon, { d: iDown })]
-		}), /* @__PURE__ */ _jsxs("form", {
-			id,
-			class: "pop date-pop",
-			popover: "auto",
+	return /* @__PURE__ */ _jsx(Menu, {
+		class: on ? "custom on" : "custom",
+		align: "left",
+		summary: /* @__PURE__ */ _jsxs(_Fragment, { children: ["Custom", /* @__PURE__ */ _jsx(Icon, { d: iDown })] }),
+		children: /* @__PURE__ */ _jsxs("form", {
+			class: "date-pop",
 			onSubmit: (event) => {
 				event.preventDefault();
 				const values = new FormData(event.currentTarget);
 				const [start, end] = [String(values.get("from")), String(values.get("to"))].sort();
-				event.currentTarget.hidePopover();
+				event.currentTarget.closest("[popover]")?.hidePopover();
 				nav.push(page.href, {
 					params: linkOf(page).params,
 					search: withSearch(page.search, {
@@ -34,31 +31,33 @@ export function CustomRange({ page, from, to, today, on }) {
 				});
 			},
 			children: [
-				/* @__PURE__ */ _jsxs("label", {
-					class: "field",
-					children: [/* @__PURE__ */ _jsx("span", { children: "From" }), /* @__PURE__ */ _jsx("input", {
+				/* @__PURE__ */ _jsx(Field, {
+					label: "From",
+					children: /* @__PURE__ */ _jsx("input", {
 						type: "date",
 						name: "from",
 						defaultValue: from,
 						max: today,
 						required: true
-					})]
+					})
 				}),
-				/* @__PURE__ */ _jsxs("label", {
-					class: "field",
-					children: [/* @__PURE__ */ _jsx("span", { children: "To" }), /* @__PURE__ */ _jsx("input", {
+				/* @__PURE__ */ _jsx(Field, {
+					label: "To",
+					children: /* @__PURE__ */ _jsx("input", {
 						type: "date",
 						name: "to",
 						defaultValue: to,
 						max: today,
 						required: true
-					})]
+					})
 				}),
-				/* @__PURE__ */ _jsx("button", {
-					class: "btn sm",
+				/* @__PURE__ */ _jsx(Button, {
+					type: "submit",
+					size: "sm",
+					"data-keep": true,
 					children: "Apply"
 				})
 			]
-		})]
+		})
 	});
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{day-chart.d40438efa74b0596.js → day-chart.261b6651df2d3966.js}

@@ -1,6 +1,6 @@
 import "./day-chart.4b3dbef8704de0e0.css.pnext-asset.js";
-import { Empty } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { formatMetric } from "./metric.ada350d2b7449b39.js";
+import { Empty } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { formatMetric } from "./metric.5ff3636065481c44.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const OTHER = {
 	key: "",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{loading.5b28c7d8f3a473a3.js → loading.97d277dbab9c15cf.js}

@@ -1,10 +1,9 @@
 import "./@/comps/ui/segmented.41728247cda62f82.css.pnext-asset.js";
 import "./@/app/dash/[org]/usage/range-bar.85d30ec5f022f124.css.pnext-asset.js";
-import "./usage.775df2f43187c487.css.pnext-asset.js";
-import { HEADS } from "../../../../comps/frame/heads.20414ddcb2d08bcd.js";
-import { LoadingRange } from "./range-bar.884e58b044238e98.js";
-import { Loading } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { HEADS } from "../../../../comps/frame/heads.37e35439c02fc636.js";
+import { LoadingRange } from "./range-bar.2197d8f43216d104.js";
+import { Loading } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function UsageLoading() {
 	return /* @__PURE__ */ _jsxs(Page, { children: [

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{metric.ada350d2b7449b39.js → metric.5ff3636065481c44.js}

@@ -1,4 +1,4 @@
-import { formatCompact, formatCount, formatDuration } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { formatCompact, formatCount, formatDuration } from "../../../../utils/format.ceeaafa10a0563f3.js";
 export const METRIC_LABEL = {
 	tasks: "Tasks",
 	runnerMs: "Runner time",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{page.69adbf6cde427292.js → page.93c2306069c03c68.js}

@@ -1,18 +1,17 @@
 import "./@/comps/ui/segmented.41728247cda62f82.css.pnext-asset.js";
 import "./@/app/dash/[org]/usage/range-bar.85d30ec5f022f124.css.pnext-asset.js";
-import "./usage.775df2f43187c487.css.pnext-asset.js";
-import { formatCompact, formatCount, formatDuration, zoneOf } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { formatCompact, formatCount, formatDuration, zoneOf } from "../../../../utils/format.ceeaafa10a0563f3.js";
 import { daysIn, rangeFor } from "../../../../utils/range.f73ba9cac0a60af1.js";
-import { load, orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
-import { Card } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { load, orgOf } from "../../../../api/load.7ae462ef36271be8.js";
+import { Card } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
 import { Stat, Stats } from "./stats.de820599cf126120.js";
-import { Settle } from "../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
-import { HEADS } from "../../../../comps/frame/heads.20414ddcb2d08bcd.js";
-import { TopAgents } from "./top-agents.b00f571862b5b608.js";
-import { DayChart } from "./day-chart.d40438efa74b0596.js";
-import { RangeBar } from "./range-bar.884e58b044238e98.js";
-import { METRIC_LABEL } from "./metric.ada350d2b7449b39.js";
+import { Settle } from "../../../../comps/frame/stream.95a2468086aceb84.js";
+import { HEADS } from "../../../../comps/frame/heads.37e35439c02fc636.js";
+import { TopAgents } from "./top-agents.18fc469e781e2305.js";
+import { DayChart } from "./day-chart.261b6651df2d3966.js";
+import { RangeBar } from "./range-bar.2197d8f43216d104.js";
+import { METRIC_LABEL } from "./metric.5ff3636065481c44.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const SORT_METRIC = {
 	tasks: "tasks",
@@ -43,7 +42,6 @@ export default function UsagePage({ request }) {
 		limit: TOP_AGENTS,
 		sort
 	});
-	const agents = load(request).agents.list({ fields: "id" });
 	const days = load(request).usage({
 		by: "day",
 		since: range.since,
@@ -63,11 +61,7 @@ export default function UsagePage({ request }) {
 			},
 			tz
 		}),
-		/* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
-			first,
-			days,
-			agents
-		]).then(([page, chart, known]) => {
+		/* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([first, days]).then(([page, chart]) => {
 			const { summary, items } = page;
 			const series = (chart.top ?? []).map((key, index) => ({
 				key,
@@ -116,7 +110,6 @@ export default function UsagePage({ request }) {
 				/* @__PURE__ */ _jsx(TopAgents, {
 					org: orgOf(request),
 					rows: items,
-					known: new Set(known.map((agent) => agent.id)),
 					other: summary.agents > items.length ? {
 						tasks: summary.tasks - shown("tasks"),
 						runnerMs: summary.runnerMs - shown("runnerMs"),

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/range-bar.2197d8f43216d104.js

@@ -0,0 +1,57 @@
+import "./range-bar.476c059123ef6c23.css.pnext-asset.js";
+import { PRESETS, dayOf } from "../../../../utils/range.f73ba9cac0a60af1.js";
+import { CustomRange } from "./custom-range.2e21c7f891966c15.js";
+import { linkOf, withSearch } from "../../../../comps/nav/to.a2c840c09bd4bf4a.js";
+import { iDown } from "../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { BLANK } from "../../../../comps/frame/loading-card.cc76fc9708142525.js";
+import { LoadingMenu } from "../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { Segmented } from "../../../../comps/ui/segmented.a08dc08338d080e9.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const OPTIONS = Object.entries(PRESETS).map(([key, preset]) => [key, preset.short]);
+/** Presets and a custom span, for the usage pages. */
+export function RangeBar({ range, to, tz }) {
+	const today = dayOf(Date.now(), tz);
+	return /* @__PURE__ */ _jsxs("div", {
+		class: "range-line",
+		children: [/* @__PURE__ */ _jsx(Segmented, {
+			label: "Range",
+			options: OPTIONS,
+			value: range.key,
+			link: (key) => ({
+				...linkOf(to),
+				search: withSearch(to.search, { range: key }),
+				scroll: false
+			}),
+			children: /* @__PURE__ */ _jsx(CustomRange, {
+				page: to,
+				from: range.from ?? dayOf(range.since, tz),
+				to: range.to ?? today,
+				today,
+				on: range.key === "custom"
+			})
+		}), /* @__PURE__ */ _jsx("span", {
+			class: "muted",
+			children: range.label
+		})]
+	});
+}
+/** A usage range bar before its page arrives; the range it shows comes with the page. */
+export function LoadingRange() {
+	return /* @__PURE__ */ _jsxs("div", {
+		class: "range-line",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ _jsx(Segmented, {
+			label: "Range",
+			options: OPTIONS,
+			value: "",
+			children: /* @__PURE__ */ _jsx(LoadingMenu, {
+				class: "custom",
+				summary: /* @__PURE__ */ _jsxs(_Fragment, { children: ["Custom", /* @__PURE__ */ _jsx(Icon, { d: iDown })] })
+			})
+		}), /* @__PURE__ */ _jsx("span", {
+			class: "muted",
+			children: BLANK
+		})]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{top-agents.b00f571862b5b608.js → top-agents.18fc469e781e2305.js}

@@ -1,10 +1,10 @@
 import "./top-agents.20a1d4451784792b.css.pnext-asset.js";
-import { iDown, iUp } from "../../../../comps/ui/icons.868385119bf2de28.js";
+import { iDown, iUp } from "../../../../comps/ui/icons.e36c72f54750663a.js";
 import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { withSearch } from "../../../../comps/nav/to.a2c840c09bd4bf4a.js";
-import { Card, Empty } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Card, Empty } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { formatMetric } from "./metric.ada350d2b7449b39.js";
+import { formatMetric } from "./metric.5ff3636065481c44.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const COLUMNS = [
 	[
@@ -24,7 +24,7 @@ const COLUMNS = [
 	]
 ];
 /** The leading agents by the sorted column, the rest summed as Other agents, as the chart draws them. */
-export function TopAgents({ org, rows, known, other, sort, range, tops, metric }) {
+export function TopAgents({ org, rows, other, sort, range, tops, metric }) {
 	const max = Math.max(1, other?.[metric] ?? 0, ...rows.map((row) => row[metric]));
 	const sortSearch = (key) => {
 		const search = new URLSearchParams(range);
@@ -67,18 +67,14 @@ export function TopAgents({ org, rows, known, other, sort, range, tops, metric }
 					class: "unlinked gone",
 					title: "Deleted agent",
 					children: row.key
-				}) : known.has(row.key) ? /* @__PURE__ */ _jsx(Link, {
+				}) : /* @__PURE__ */ _jsx(Link, {
 					class: "cover",
 					href: "/dash/[org]/agents/[slug]/usage",
 					params: {
 						org,
 						slug: row.key
 					},
-					search: withSearch(new URLSearchParams(range), { from: `/dash/${org}/usage?${range}` }),
-					children: row.key
-				}) : /* @__PURE__ */ _jsx("span", {
-					class: "unlinked",
-					title: "Not an agent on this server",
+					search: withSearch(new URLSearchParams(range), { back: `/dash/${org}/usage?${range}` }),
 					children: row.key
 				}), bar(row[metric], tops[row.key])] }), cells(row)] }, row.key)), other ? /* @__PURE__ */ _jsxs("tr", { children: [/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsx(Link, {
 					class: "cover",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/{layout.ab6f86cc5b8b2dab.js → layout.185dbc99875e208a.js}

@@ -1,6 +1,6 @@
-import "./globals.76731787d2a1aa3b.css.pnext-asset.js";
-import "./responsive.82549d958fae8f00.css.pnext-asset.js";
-import { Zone } from "./zone.dbc84f981415d8f7.js";
+import "./globals.c8fd2b8b01e7077b.css.pnext-asset.js";
+import "./responsive.ebc5f7d77b4b86a0.css.pnext-asset.js";
+import { Zone } from "./zone.0515a688ee5ff6ca.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export const metadata = {
 	title: "Coder",
@@ -21,6 +21,13 @@ const FONTS = [
 	"fira-code-latin-500-normal-530b6706",
 	"fira-code-latin-700-normal-98730669"
 ];
+// Keep the first frame's font when a preloaded face arrives late.
+const FONT_FALLBACK = `(() => {
+  for (const face of document.fonts) face.load().catch(() => {});
+  requestAnimationFrame(() => {
+    if ([...document.fonts].some(face => face.status !== 'loaded')) document.documentElement.classList.add('font-fallback');
+  });
+})()`;
 export default function RootLayout({ request, children }) {
 	const theme = request?.cookies.get("theme")?.value;
 	return /* @__PURE__ */ _jsx("html", {
@@ -34,6 +41,7 @@ export default function RootLayout({ request, children }) {
 				type: "font/woff2",
 				crossOrigin: "anonymous"
 			}, name)),
+			/* @__PURE__ */ _jsx("script", { dangerouslySetInnerHTML: { __html: FONT_FALLBACK } }),
 			/* @__PURE__ */ _jsx(Zone, {}),
 			children
 		] })

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/login/{page.088b41424cd6cf3c.js → page.a82be2fd23e9ac67.js}

@@ -1,8 +1,7 @@
-import "./page.57e5198339e9ca28.css.pnext-asset.js";
-import { redirect } from "../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+import "./page.586a41a7ab9988e0.css.pnext-asset.js";
 import { AuthPanel } from "../../comps/frame/auth-panel.5712a8d190b003b4.js";
+import { Button } from "../../comps/ui/button.ce9e6cdb08ca86db.js";
 import { safeReturnPath } from "../../../auth/sign-in.661b3a4139af5bd7.js";
-import { load } from "../../api/load.4f942c7f68b2e273.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const WULAR_LOGO = /* @__PURE__ */ _jsx("svg", {
 	class: "logo",
@@ -28,8 +27,9 @@ function LoginPage({ signIn, error }) {
 		lead: "Coder signs you in with your Wular Auth account.",
 		children: [/* @__PURE__ */ _jsx("div", {
 			class: "provider-grid",
-			children: /* @__PURE__ */ _jsxs("a", {
-				class: "btn outline provider",
+			children: /* @__PURE__ */ _jsxs(Button, {
+				variant: "outline",
+				class: "provider",
 				href: signIn,
 				children: [WULAR_LOGO, /* @__PURE__ */ _jsx("span", { children: "Sign in with Wular Auth" })]
 			})
@@ -40,12 +40,9 @@ function LoginPage({ signIn, error }) {
 		}) : null]
 	});
 }
-export default async function Page({ request }) {
+export default function Page({ request }) {
 	if (!request) return null;
 	const url = new URL(request.url);
-	const { wular } = await load(request).info();
-	// A memory server keeps no accounts: its dashboard asks for the admin token.
-	if (!wular) redirect("/dash");
 	return /* @__PURE__ */ _jsx(LoginPage, {
 		signIn: `/api/auth/sign-in?return=${encodeURIComponent(safeReturnPath(url.searchParams.get("return"), url.origin))}`,
 		error: url.searchParams.get("error")

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/zone.0515a688ee5ff6ca.js

@@ -0,0 +1,17 @@
+"use client";
+import { useEffect, useState } from "../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+const browserZone = () => Intl.DateTimeFormat().resolvedOptions().timeZone;
+/** Records the browser's zone for server-rendered dates; until then they show in UTC. */
+export function Zone() {
+	useEffect(() => {
+		const zone = browserZone();
+		if (zone && !document.cookie.includes(`tz=${encodeURIComponent(zone)}`)) document.cookie = `tz=${encodeURIComponent(zone)}; path=/; max-age=31536000; samesite=lax`;
+	}, []);
+	return null;
+}
+/** The viewer's zone for an island's dates: the server's `tz` while it hydrates, then the browser's. */
+export function useZone(tz) {
+	const [zone, setZone] = useState(tz);
+	useEffect(() => setZone(browserZone() || tz), []);
+	return zone;
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{drawer.0e2e3636f33049f5.js → drawer.d3e61538dbc8ec39.js}

@@ -1,9 +1,9 @@
 "use client";
-import "./drawer.e8201d78154045bc.css.pnext-asset.js";
+import "./drawer.0b0220d1edabce29.css.pnext-asset.js";
 import { useEffect, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { usePathname } from "../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { iMenu } from "../ui/icons.868385119bf2de28.js";
-import { Icon } from "../ui/icon.0874ca2f58f7db14.js";
+import { iMenu } from "../ui/icons.e36c72f54750663a.js";
+import { IconButton } from "../ui/button.ce9e6cdb08ca86db.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** The phone layout's navigation drawer: its button and the scrim behind it; Escape or a new page closes it. */
 export function Drawer() {
@@ -19,12 +19,11 @@ export function Drawer() {
 		addEventListener("keydown", onKey);
 		return () => removeEventListener("keydown", onKey);
 	}, [open]);
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("button", {
-		type: "button",
-		class: "icon-btn only-m",
-		"aria-label": "Open navigation",
-		onClick: () => setOpen(!open),
-		children: /* @__PURE__ */ _jsx(Icon, { d: iMenu })
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(IconButton, {
+		icon: iMenu,
+		label: "Open navigation",
+		class: "only-m",
+		onClick: () => setOpen(!open)
 	}), /* @__PURE__ */ _jsx("div", {
 		class: "scrim",
 		onClick: () => setOpen(false)

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{foreign-link.fe46528a6a66c0f4.js → foreign-link.1f4217895ff1e835.js}

@@ -1,6 +1,7 @@
 "use client";
-import { iAlert } from "../ui/icons.868385119bf2de28.js";
-import { Modal } from "../ui/modal.92432959e3a3e2c0.js";
+import { iAlert } from "../ui/icons.e36c72f54750663a.js";
+import { Button } from "../ui/button.ce9e6cdb08ca86db.js";
+import { Modal } from "../ui/modal.25d53e5b41b9c4e5.js";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Opened from a link of a workspace this account is not in: says so, and offers signing in as another account. */
 export function ForeignLink({ link }) {
@@ -14,8 +15,7 @@ export function ForeignLink({ link }) {
 		title: "Not in this workspace",
 		icon: iAlert,
 		cancel: "Stay here",
-		actions: /* @__PURE__ */ _jsx("a", {
-			class: "btn",
+		actions: /* @__PURE__ */ _jsx(Button, {
 			href: again,
 			children: "Sign in with another account"
 		}),

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/heads.37e35439c02fc636.js

@@ -0,0 +1,16 @@
+/** Page titles and leads, shared by the pages and their loading frames. */
+export const HEADS = {
+	agents: {
+		title: "Agents",
+		lead: "Each agent listens on the platforms it declares and answers as itself."
+	},
+	tasks: { title: "Tasks" },
+	newAgent: {
+		title: "New agent",
+		lead: "Start from a template or a repository. Everything but the name has a sensible default."
+	},
+	usage: {
+		title: "Usage",
+		lead: "Tasks, runner time, and tokens by agent. Pick a range, or open an agent for its breakdown."
+	}
+};

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/loading-card.cc76fc9708142525.js

@@ -0,0 +1,40 @@
+import { Button } from "../ui/button.ce9e6cdb08ca86db.js";
+import { Card, Loading } from "../ui/card.9f0d45b73bc78b4f.js";
+import { LoadingFilter } from "../ui/filter.3a452a262f040973.js";
+import { Select } from "../ui/select.2eb33e5bea28d804.js";
+import { Search, Toolbar } from "../ui/toolbar.24036899654de6df.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export const BLANK = "\xA0";
+/** `Loading` inside the box its data fills, titled as that box. */
+export function LoadingCard({ title, label, h }) {
+	return /* @__PURE__ */ _jsx(Card, {
+		title,
+		children: /* @__PURE__ */ _jsx(Loading, {
+			label,
+			h
+		})
+	});
+}
+/** A list's toolbar while the list loads: the same title and controls, inert until the list is live. */
+export function LoadingToolbar({ head, search, selects = [], more, action }) {
+	return /* @__PURE__ */ _jsxs(Toolbar, {
+		head,
+		action: action ? /* @__PURE__ */ _jsx(Button, {
+			disabled: true,
+			leftIcon: action.icon,
+			children: action.label
+		}) : undefined,
+		children: [
+			/* @__PURE__ */ _jsx(Search, {
+				label: search,
+				disabled: true
+			}),
+			selects.map((label) => /* @__PURE__ */ _jsx(Select, {
+				label,
+				options: [["", label]],
+				disabled: true
+			}, label)),
+			more ? /* @__PURE__ */ _jsx(LoadingFilter, {}) : null
+		]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{page-head.e5d2185c1cdac740.js → page-head.85f15db7b648d48c.js}

@@ -1,10 +1,11 @@
 import "./page-head.364ec93a8e7857b3.css.pnext-asset.js";
-import { iLeft } from "../ui/icons.868385119bf2de28.js";
+import { iLeft } from "../ui/icons.e36c72f54750663a.js";
 import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { linkOf } from "../nav/to.a2c840c09bd4bf4a.js";
-import { HEADS } from "./heads.20414ddcb2d08bcd.js";
+import { HEADS } from "./heads.37e35439c02fc636.js";
 import { Icon } from "../ui/icon.0874ca2f58f7db14.js";
 import { Sentinel } from "../ui/sentinel.17cffebfc3103b9f.js";
+import { BLANK } from "./loading-card.cc76fc9708142525.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export function Page({ narrow, children }) {
 	return /* @__PURE__ */ _jsx("div", {
@@ -19,6 +20,7 @@ function backTo(back) {
 	if (url.origin !== "http://dash" || !/^\/dash(\/|$)/.test(url.pathname)) return;
 	const [, , , section, slug] = url.pathname.split("/");
 	let label = HEADS[section]?.title ?? "Back";
+	if (section === "tasks" && slug) label = "Task";
 	if (section === "agents" && slug) try {
 		label = decodeURIComponent(slug);
 	} catch {}
@@ -41,6 +43,12 @@ export function Back({ label, back, named, ...to }) {
 		children: [/* @__PURE__ */ _jsx(Icon, { d: iLeft }), /* @__PURE__ */ _jsx("span", { children: name })]
 	});
 }
+/** A `Back` before its page arrives: the arrow, inert. */
+export const LoadingBack = () => /* @__PURE__ */ _jsxs("span", {
+	class: "back",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ _jsx(Icon, { d: iLeft }), BLANK]
+});
 /** The page title row with its meta and actions, and one muted lead line; it sticks under the top bar and turns compact there. */
 export function PageHead({ title, lead, actions, meta, back }) {
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Sentinel, {}), /* @__PURE__ */ _jsxs("header", {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{stream.2fea238dc4f4f9a4.js → stream.95a2468086aceb84.js}

@@ -1,7 +1,7 @@
 import { Suspense } from "../../../../../../../node_modules/preact/compat/dist/compat.mjs";
-import { signedOut } from "../../api/load.4f942c7f68b2e273.js";
-import { Card } from "../ui/card.6227f43fc0ae4bd1.js";
-import { reasonText } from "../../utils/format.6a7d1beaf4d09d9c.js";
+import { signedOut } from "../../api/load.7ae462ef36271be8.js";
+import { Card } from "../ui/card.9f0d45b73bc78b4f.js";
+import { reasonText } from "../../utils/format.ceeaafa10a0563f3.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** A section that waits for `load`, under the route's loading frame; a failure stays inside it. */
 export async function Settle({ load }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{task-toasts.4282affa47415a36.js → task-toasts.e1a484113e1df660.js}

@@ -1,12 +1,12 @@
 "use client";
-import "./@/comps/ui/toast.a4c3e977997216cf.css.pnext-asset.js";
+import "./task-toasts.d13d9f628e530552.css.pnext-asset.js";
 import { useEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { serverEvents } from "../../../../client/index.8e150ef2bc6a5f4e.js";
-import { client } from "../../utils/client.d25e6dcc6704eb60.js";
+import { serverEvents } from "../../../../client/index.843431e3538fd9a4.js";
+import { client } from "../../utils/client.189224c16057d7a1.js";
 import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { usePathname, useRouter } from "../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
 import { Status, STATUS_LABEL } from "../../app/dash/[org]/tasks/list/status.16190fdd5fd7daad.js";
-import { useOrg } from "../nav/org.813dc34bd23a336f.js";
+import { useOrg } from "../nav/org.572ad93c7707ab27.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const WATCHED = "coder:watched";
 export const NOTIFY = "coder:notify";
@@ -193,7 +193,9 @@ function useEventsStream(ids, leading, org) {
 						channel?.postMessage(message);
 						receive(message);
 					}
-				} catch {}
+				} catch (reason) {
+					if (!once.signal.aborted) console.error("coder dashboard: events", reason);
+				}
 				abort.signal.removeEventListener("abort", stop);
 				// A new task set opens the next stream at once.
 				if (once.signal.aborted) continue;
@@ -207,7 +209,9 @@ function useEventsStream(ids, leading, org) {
 				wake = () => {};
 			}
 		};
-		if (channel) void navigator.locks.request(`${EVENTS}:${org}`, { signal: abort.signal }, lead).catch(() => {});
+		if (channel) void navigator.locks.request(`${EVENTS}:${org}`, { signal: abort.signal }, lead).catch((reason) => {
+			if (!abort.signal.aborted) console.error("coder dashboard: events", reason);
+		});
 		else void lead();
 		return () => {
 			abort.abort();
@@ -339,10 +343,10 @@ export function TaskToasts() {
 	}, [toasts[0]?.key]);
 	const dismiss = (key) => setToasts((list) => list.filter((toast) => toast.key !== key));
 	useTaskEvents((event) => {
-		const all = read();
-		const seen = all[event.id];
+		const seen = watched[event.id];
 		if (seen?.org !== org) return;
 		if (event.deleted) {
+			const all = read();
 			delete all[event.id];
 			return save(all);
 		}