@wular/coder 0.4.6 → 0.4.8

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

@@ -0,0 +1,70 @@
+import "./day-chart.4b3dbef8704de0e0.css.pnext-asset.js";
+import { Empty } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { formatMetric } from "./metric.ada350d2b7449b39.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const OTHER = {
+	key: "",
+	label: "Other agents",
+	color: "var(--s0)"
+};
+/** Bars per day; with `series`, those agents are stacked and the rest sit on top as one. */
+export function DayChart({ days, totals, metric, series = [], label }) {
+	const byDay = new Map(totals.map((row) => [row.key, row]));
+	const max = Math.max(1, ...totals.map((row) => row[metric]));
+	const step = Math.ceil(days.length / 16);
+	const text = (value) => formatMetric(metric, value);
+	if (!totals.some((row) => row[metric] > 0)) return /* @__PURE__ */ _jsx("div", {
+		class: "chart empty-chart",
+		"aria-label": label,
+		children: /* @__PURE__ */ _jsx(Empty, { title: "Nothing ran in this range" })
+	});
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [series.length ? /* @__PURE__ */ _jsx("div", {
+		class: "legend",
+		children: [...series, OTHER].map((entry) => /* @__PURE__ */ _jsxs("span", { children: [/* @__PURE__ */ _jsx("i", { style: `--c:${entry.color}` }), entry.label] }, entry.key))
+	}) : null, /* @__PURE__ */ _jsx("ol", {
+		class: "chart",
+		"aria-label": label,
+		children: days.map((day, index) => {
+			const row = byDay.get(day);
+			const total = row?.[metric] ?? 0;
+			const parts = series.map((entry) => ({
+				...entry,
+				value: row?.parts?.[entry.key]?.[metric] ?? 0
+			}));
+			const rest = total - parts.reduce((sum, part) => sum + part.value, 0);
+			const name = new Date(`${day}T12:00:00Z`).toLocaleDateString("en-US", {
+				month: "short",
+				day: "numeric",
+				timeZone: "UTC"
+			});
+			return /* @__PURE__ */ _jsxs("li", {
+				style: `--h:${total / max * 100}%`,
+				"aria-label": `${name}, ${text(total)}`,
+				children: [
+					total ? /* @__PURE__ */ _jsx("span", {
+						class: "col",
+						children: series.length ? /* @__PURE__ */ _jsxs(_Fragment, { children: [parts.map((part) => part.value ? /* @__PURE__ */ _jsx("i", { style: `--f:${part.value};--c:${part.color}` }, part.key) : null), rest > 0 ? /* @__PURE__ */ _jsx("i", { style: `--f:${rest};--c:${OTHER.color}` }) : null] }) : /* @__PURE__ */ _jsx("i", { style: "--f:1" })
+					}) : null,
+					/* @__PURE__ */ _jsx("small", { children: index % step ? "" : index && days[index - step].slice(0, 7) === day.slice(0, 7) ? Number(day.slice(8)) : name }),
+					/* @__PURE__ */ _jsxs("span", {
+						class: "tip",
+						role: "tooltip",
+						children: [/* @__PURE__ */ _jsxs("b", { children: [
+							name,
+							", ",
+							text(total)
+						] }), series.length ? [...parts, {
+							...OTHER,
+							value: rest
+						}].filter((part) => part.value > 0).map((part) => /* @__PURE__ */ _jsxs("span", { children: [
+							/* @__PURE__ */ _jsx("i", { style: `--c:${part.color}` }),
+							part.label,
+							" ",
+							text(part.value)
+						] }, part.key)) : null]
+					})
+				]
+			}, day);
+		})
+	})] });
+}

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

@@ -0,0 +1,15 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export default function UsageLoading() {
+	return /* @__PURE__ */ _jsxs(Page, { children: [
+		/* @__PURE__ */ _jsx(PageHead, { ...HEADS.usage }),
+		/* @__PURE__ */ _jsx(LoadingRange, {}),
+		/* @__PURE__ */ _jsx(Loading, { label: "Loading usage" })
+	] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/metric.ada350d2b7449b39.js

@@ -0,0 +1,10 @@
+import { formatCompact, formatCount, formatDuration } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
+export const METRIC_LABEL = {
+	tasks: "Tasks",
+	runnerMs: "Runner time",
+	tokenCount: "Tokens"
+};
+export function formatMetric(metric, value) {
+	if (metric === "runnerMs") return formatDuration(value);
+	return metric === "tokenCount" ? formatCompact(value) : formatCount(value);
+}

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

@@ -0,0 +1,133 @@
+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 { 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 { 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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const SORT_METRIC = {
+	tasks: "tasks",
+	runner: "runnerMs",
+	tokens: "tokenCount",
+	name: "tokenCount"
+};
+const COLORS = [
+	"var(--s1)",
+	"var(--s2)",
+	"var(--s3)",
+	"var(--s4)"
+];
+const TOP_AGENTS = 10;
+export default function UsagePage({ request }) {
+	if (!request) return null;
+	const url = new URL(request.url);
+	const tz = zoneOf(request);
+	const range = rangeFor(request, tz);
+	const asked = url.searchParams.get("sort") ?? "";
+	const sort = Object.hasOwn(SORT_METRIC, asked) ? asked : "tokens";
+	const metric = SORT_METRIC[sort];
+	const first = load(request).usage({
+		by: "agent",
+		cursor: "",
+		since: range.since,
+		until: range.until,
+		limit: TOP_AGENTS,
+		sort
+	});
+	const agents = load(request).agents.list({ fields: "id" });
+	const days = load(request).usage({
+		by: "day",
+		since: range.since,
+		until: range.until,
+		tz,
+		top: 4,
+		sort: sort === "name" ? "tokens" : sort
+	});
+	return /* @__PURE__ */ _jsxs(Page, { children: [
+		/* @__PURE__ */ _jsx(PageHead, { ...HEADS.usage }),
+		/* @__PURE__ */ _jsx(RangeBar, {
+			range,
+			to: {
+				href: "/dash/[org]/usage",
+				params: { org: orgOf(request) },
+				search: sort === "tokens" ? undefined : { sort }
+			},
+			tz
+		}),
+		/* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
+			first,
+			days,
+			agents
+		]).then(([page, chart, known]) => {
+			const { summary, items } = page;
+			const series = (chart.top ?? []).map((key, index) => ({
+				key,
+				label: key,
+				color: COLORS[index]
+			}));
+			const shown = (key) => items.reduce((sum, row) => sum + row[key], 0);
+			return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+				/* @__PURE__ */ _jsxs(Stats, {
+					label: "Totals",
+					children: [
+						/* @__PURE__ */ _jsx(Stat, {
+							label: "Agents",
+							value: formatCount(summary.agents)
+						}),
+						/* @__PURE__ */ _jsx(Stat, {
+							label: "Tasks",
+							value: formatCount(summary.tasks)
+						}),
+						/* @__PURE__ */ _jsx(Stat, {
+							label: "Runner time",
+							value: formatDuration(summary.runnerMs)
+						}),
+						/* @__PURE__ */ _jsx(Stat, {
+							label: "Tokens",
+							value: /* @__PURE__ */ _jsx("strong", {
+								title: formatCount(summary.tokenCount),
+								children: formatCompact(summary.tokenCount)
+							})
+						})
+					]
+				}),
+				summary.tasks ? /* @__PURE__ */ _jsx(Card, {
+					title: `${METRIC_LABEL[metric]} per day`,
+					children: /* @__PURE__ */ _jsx("div", {
+						class: "body",
+						children: /* @__PURE__ */ _jsx(DayChart, {
+							days: daysIn(range, tz),
+							totals: chart.totals,
+							metric,
+							series,
+							label: `${METRIC_LABEL[metric]} per day, top agents stacked`
+						})
+					})
+				}) : null,
+				/* @__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"),
+						tokenCount: summary.tokenCount - shown("tokenCount")
+					} : undefined,
+					sort,
+					range: range.query,
+					tops: Object.fromEntries(series.map((entry) => [entry.key, entry.color])),
+					metric
+				})
+			] });
+		}) })
+	] });
+}

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

@@ -0,0 +1,60 @@
+import "./@/comps/ui/segmented.41728247cda62f82.css.pnext-asset.js";
+import "./range-bar.1da88d087e3b5302.css.pnext-asset.js";
+import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { PRESETS, dayOf } from "../../../../utils/range.f73ba9cac0a60af1.js";
+import { CustomRange } from "./custom-range.471edcb853889c2e.js";
+import { linkOf, withSearch } from "../../../../comps/nav/to.a2c840c09bd4bf4a.js";
+import { iDown } from "../../../../comps/ui/icons.868385119bf2de28.js";
+import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { BLANK } from "../../../../comps/frame/loading-card.df3717186948c93f.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** 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__ */ _jsxs("div", {
+			class: "seg-btns",
+			role: "group",
+			"aria-label": "Range",
+			children: [Object.entries(PRESETS).map(([key, preset]) => /* @__PURE__ */ _jsx(Link, {
+				...linkOf(to),
+				search: withSearch(to.search, { range: key }),
+				scroll: false,
+				"aria-current": range.key === key ? "page" : undefined,
+				children: preset.short
+			}, key)), /* @__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__ */ _jsxs("div", {
+			class: "seg-btns",
+			children: [Object.values(PRESETS).map((preset) => /* @__PURE__ */ _jsx("a", { children: preset.short }, preset.short)), /* @__PURE__ */ _jsx("span", {
+				class: "menu custom",
+				children: /* @__PURE__ */ _jsxs("button", {
+					type: "button",
+					disabled: true,
+					tabIndex: -1,
+					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/stats.de820599cf126120.js

@@ -0,0 +1,12 @@
+import "./stats.bb7cb568c0174557.css.pnext-asset.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export function Stats({ label, children }) {
+	return /* @__PURE__ */ _jsx("section", {
+		class: "stats",
+		"aria-label": label,
+		children
+	});
+}
+export function Stat({ label, value }) {
+	return /* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("small", { children: label }), typeof value === "object" ? value : /* @__PURE__ */ _jsx("strong", { children: value })] });
+}

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

@@ -0,0 +1,95 @@
+import "./top-agents.20a1d4451784792b.css.pnext-asset.js";
+import { iDown, iUp } from "../../../../comps/ui/icons.868385119bf2de28.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 { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { formatMetric } from "./metric.ada350d2b7449b39.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const COLUMNS = [
+	[
+		"tasks",
+		"Tasks",
+		"tasks"
+	],
+	[
+		"runner",
+		"Runner time",
+		"runnerMs"
+	],
+	[
+		"tokens",
+		"Tokens",
+		"tokenCount"
+	]
+];
+/** 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 }) {
+	const max = Math.max(1, other?.[metric] ?? 0, ...rows.map((row) => row[metric]));
+	const sortSearch = (key) => {
+		const search = new URLSearchParams(range);
+		if (key !== "tokens") search.set("sort", key);
+		return search;
+	};
+	const cells = (row) => COLUMNS.map(([key, label, column]) => /* @__PURE__ */ _jsx("td", {
+		class: "num",
+		"data-label": label,
+		children: formatMetric(column, row[column])
+	}, key));
+	const bar = (value, color) => /* @__PURE__ */ _jsx("span", {
+		class: color ? "bar-in top" : "bar-in",
+		style: `--w:${Math.max(1, value / max * 100)}%${color ? `;--c:${color}` : ""}`
+	});
+	return /* @__PURE__ */ _jsx(Card, {
+		title: "Top agents",
+		children: rows.length ? /* @__PURE__ */ _jsx("div", {
+			class: "table-scroll",
+			children: /* @__PURE__ */ _jsxs("table", {
+				class: "rows usage stacked",
+				children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsxs("tr", { children: [/* @__PURE__ */ _jsx("th", { children: /* @__PURE__ */ _jsxs(Link, {
+					href: "/dash/[org]/usage",
+					params: { org },
+					search: sortSearch("name"),
+					scroll: false,
+					"aria-current": sort === "name" ? "page" : undefined,
+					children: ["Agent", sort === "name" ? /* @__PURE__ */ _jsx(Icon, { d: iUp }) : null]
+				}) }), COLUMNS.map(([key, label]) => /* @__PURE__ */ _jsx("th", {
+					class: "num",
+					children: /* @__PURE__ */ _jsxs(Link, {
+						href: "/dash/[org]/usage",
+						params: { org },
+						search: sortSearch(key),
+						scroll: false,
+						"aria-current": sort === key ? "page" : undefined,
+						children: [label, sort === key ? /* @__PURE__ */ _jsx(Icon, { d: iDown }) : null]
+					})
+				}, key))] }) }), /* @__PURE__ */ _jsxs("tbody", { children: [rows.map((row) => /* @__PURE__ */ _jsxs("tr", { children: [/* @__PURE__ */ _jsxs("td", { children: [row.deleted ? /* @__PURE__ */ _jsx("span", {
+					class: "unlinked gone",
+					title: "Deleted agent",
+					children: row.key
+				}) : known.has(row.key) ? /* @__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",
+					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",
+					href: "/dash/[org]/agents",
+					params: { org },
+					children: "Other agents"
+				}), bar(other[metric], "var(--s0)")] }), cells(other)] }) : null] })]
+			})
+		}) : /* @__PURE__ */ _jsx(Empty, {
+			title: "Nothing ran in this range",
+			children: "Usage is recorded as tasks finish. Pick a longer range, or run a task."
+		})
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/layout.ab6f86cc5b8b2dab.js

@@ -0,0 +1,41 @@
+import "./globals.76731787d2a1aa3b.css.pnext-asset.js";
+import "./responsive.82549d958fae8f00.css.pnext-asset.js";
+import { Zone } from "./zone.dbc84f981415d8f7.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export const metadata = {
+	title: "Coder",
+	icons: {
+		icon: [{
+			url: "/assets/favicon.ico",
+			sizes: "16x16 32x32"
+		}, {
+			url: "/assets/favicon.svg",
+			type: "image/svg+xml"
+		}],
+		apple: "/assets/apple-touch-icon.png"
+	}
+};
+// Fonts arrive with the stylesheet, so text never repaints in another face.
+const FONTS = [
+	"fira-code-latin-400-normal-717ee080",
+	"fira-code-latin-500-normal-530b6706",
+	"fira-code-latin-700-normal-98730669"
+];
+export default function RootLayout({ request, children }) {
+	const theme = request?.cookies.get("theme")?.value;
+	return /* @__PURE__ */ _jsx("html", {
+		lang: "en",
+		"data-theme": theme === "light" || theme === "dark" ? theme : undefined,
+		children: /* @__PURE__ */ _jsxs("body", { children: [
+			FONTS.map((name) => /* @__PURE__ */ _jsx("link", {
+				rel: "preload",
+				href: `/assets/fonts/${name}.woff2`,
+				as: "font",
+				type: "font/woff2",
+				crossOrigin: "anonymous"
+			}, name)),
+			/* @__PURE__ */ _jsx(Zone, {}),
+			children
+		] })
+	});
+}

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

@@ -0,0 +1,53 @@
+import "./page.57e5198339e9ca28.css.pnext-asset.js";
+import { redirect } from "../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+import { AuthPanel } from "../../comps/frame/auth-panel.5712a8d190b003b4.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",
+	viewBox: "6 12 52 36",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ _jsx("path", {
+		d: "M8 14 18 46 26 26h12l8 20 10-32",
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "5",
+		"stroke-linejoin": "miter"
+	})
+});
+const ERRORS = {
+	expired: "That sign-in took too long. Sign in again.",
+	unavailable: "Wular Auth could not be reached. Try again in a moment.",
+	access_denied: "Sign-in was cancelled."
+};
+function LoginPage({ signIn, error }) {
+	return /* @__PURE__ */ _jsxs(AuthPanel, {
+		tag: "sign in",
+		title: "Continue to Coder",
+		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",
+				href: signIn,
+				children: [WULAR_LOGO, /* @__PURE__ */ _jsx("span", { children: "Sign in with Wular Auth" })]
+			})
+		}), error ? /* @__PURE__ */ _jsx("p", {
+			class: "flash err",
+			role: "alert",
+			children: ERRORS[error] ?? "Sign-in did not finish. Try again."
+		}) : null]
+	});
+}
+export default async 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/comps/frame/auth-panel.5712a8d190b003b4.js

@@ -0,0 +1,48 @@
+import "./auth-panel.c6e05b4540b3d555.css.pnext-asset.js";
+import { Mark } from "../ui/icon.0874ca2f58f7db14.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** The one centered panel every server page outside the dashboard uses. */
+export function AuthPanel({ tag, title, lead, children }) {
+	return /* @__PURE__ */ _jsx("section", {
+		class: "auth",
+		children: /* @__PURE__ */ _jsxs("div", {
+			class: "auth-side",
+			children: [/* @__PURE__ */ _jsxs("div", {
+				class: "auth-frame frame",
+				children: [/* @__PURE__ */ _jsxs("div", {
+					class: "bar",
+					children: [/* @__PURE__ */ _jsxs("a", {
+						class: "brand",
+						href: "/",
+						children: [/* @__PURE__ */ _jsx(Mark, {}), /* @__PURE__ */ _jsxs("span", {
+							class: "lockup",
+							children: ["coder ", /* @__PURE__ */ _jsx("small", { children: "wular" })]
+						})]
+					}), /* @__PURE__ */ _jsx("span", {
+						class: "tag",
+						children: tag
+					})]
+				}), /* @__PURE__ */ _jsxs("div", {
+					class: "auth-body",
+					children: [
+						/* @__PURE__ */ _jsx("h1", { children: title }),
+						lead ? /* @__PURE__ */ _jsx("p", {
+							class: "lead",
+							children: lead
+						}) : null,
+						children
+					]
+				})]
+			}), /* @__PURE__ */ _jsxs("nav", {
+				class: "auth-links",
+				children: [/* @__PURE__ */ _jsx("a", {
+					href: "https://wular.ai",
+					children: "wular.ai"
+				}), /* @__PURE__ */ _jsx("a", {
+					href: "https://coder.wular.ai",
+					children: "hosted service"
+				})]
+			})]
+		})
+	});
+}

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

@@ -0,0 +1,32 @@
+"use client";
+import "./drawer.e8201d78154045bc.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 { 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() {
+	const path = usePathname();
+	// Open on the page it opened on, so a new page closes it.
+	const [openOn, setOpenOn] = useState();
+	const open = openOn === path;
+	const setOpen = (next) => setOpenOn(next ? path : undefined);
+	useEffect(() => {
+		document.documentElement.classList.toggle("drawer", open);
+		if (!open) return;
+		const onKey = (event) => event.key === "Escape" && setOpen(false);
+		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 })
+	}), /* @__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

@@ -0,0 +1,28 @@
+"use client";
+import { iAlert } from "../ui/icons.868385119bf2de28.js";
+import { Modal } from "../ui/modal.92432959e3a3e2c0.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 }) {
+	const again = `/api/auth/sign-in?${new URLSearchParams({
+		return: link,
+		prompt: "login"
+	})}`;
+	return /* @__PURE__ */ _jsx(Modal, {
+		class: "outcome-dialog",
+		tone: "warning",
+		title: "Not in this workspace",
+		icon: iAlert,
+		cancel: "Stay here",
+		actions: /* @__PURE__ */ _jsx("a", {
+			class: "btn",
+			href: again,
+			children: "Sign in with another account"
+		}),
+		onClose: () => history.replaceState(history.state, "", location.pathname),
+		children: /* @__PURE__ */ _jsx("p", {
+			role: "status",
+			children: "The link you followed does not belong to this workspace."
+		})
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/heads.20414ddcb2d08bcd.js

@@ -0,0 +1,51 @@
+/** 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."
+	}
+};
+/** Back to the section a link came from, named in the link as `from`, or to the page's own list. */
+export function backFrom(from, list) {
+	const task = from?.match(/^\/dash\/([^\/?]+)\/tasks\/([^\/?]+)$/);
+	if (task) return {
+		href: "/dash/[org]/tasks/[id]",
+		params: {
+			org: decodeURIComponent(task[1]),
+			id: decodeURIComponent(task[2])
+		},
+		label: "Task"
+	};
+	const section = from?.match(/^\/dash\/([^\/?]+)\/(usage|agents|tasks)(?:\?(.*))?$/);
+	if (!section) return list;
+	const params = { org: decodeURIComponent(section[1]) };
+	const search = new URLSearchParams(section[3] ?? "");
+	const label = HEADS[section[2]].title;
+	if (section[2] === "usage") return {
+		href: "/dash/[org]/usage",
+		params,
+		search,
+		label
+	};
+	if (section[2] === "agents") return {
+		href: "/dash/[org]/agents",
+		params,
+		search,
+		label
+	};
+	return {
+		href: "/dash/[org]/tasks",
+		params,
+		search,
+		label
+	};
+}