@wular/coder 0.4.3 → 0.4.5

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/usage/day-chart.c7f6c8981a7acb15.js

@@ -0,0 +1,70 @@
+import "./day-chart.c7b7d04403f0fc79.css.pnext-asset.js";
+import { Empty } from "../../../comps/ui/card.e6876039e375b849.js";
+import { formatMetric } from "./metric.5481ab0e025e218e.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/usage/loading.1716941ff725f152.js

@@ -0,0 +1,15 @@
+import "./@/comps/ui/segmented.81631cafb8e3b260.css.pnext-asset.js";
+import "./@/app/dash/usage/range-bar.72f0c7c440fb34af.css.pnext-asset.js";
+import "./usage.d6df7cb6980171ce.css.pnext-asset.js";
+import { HEADS } from "../../../comps/frame/heads.5407f7793f985b16.js";
+import { LoadingRange } from "./range-bar.8c9b18116c8eb5f0.js";
+import { Loading } from "../../../comps/ui/card.e6876039e375b849.js";
+import { Page, PageHead } from "../../../comps/frame/page-head.857951b5dc1ad827.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/usage/metric.5481ab0e025e218e.js

@@ -0,0 +1,10 @@
+import { formatCompact, formatCount, formatDuration } from "../../../utils/format.ba382c381ea40e77.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/usage/page.4159d729e8aa0439.js

@@ -0,0 +1,132 @@
+import "./@/comps/ui/segmented.81631cafb8e3b260.css.pnext-asset.js";
+import "./@/app/dash/usage/range-bar.72f0c7c440fb34af.css.pnext-asset.js";
+import "./usage.d6df7cb6980171ce.css.pnext-asset.js";
+import { formatCompact, formatCount, formatDuration, zoneOf } from "../../../utils/format.ba382c381ea40e77.js";
+import { daysIn, rangeFor } from "../../../utils/range.f0a5ef1763ff3cb9.js";
+import { load } from "../../../api/load.bdbf17006af803d1.js";
+import { Card } from "../../../comps/ui/card.e6876039e375b849.js";
+import { Page, PageHead } from "../../../comps/frame/page-head.857951b5dc1ad827.js";
+import { Stat, Stats } from "./stats.7b8db8c56920b311.js";
+import { Settle } from "../../../comps/frame/stream.4c04416dab6ffc52.js";
+import { HEADS } from "../../../comps/frame/heads.5407f7793f985b16.js";
+import { TopAgents } from "./top-agents.8af5d53eb64bae9c.js";
+import { DayChart } from "./day-chart.c7f6c8981a7acb15.js";
+import { RangeBar } from "./range-bar.8c9b18116c8eb5f0.js";
+import { METRIC_LABEL } from "./metric.5481ab0e025e218e.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();
+	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/usage",
+				params: {},
+				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, {
+					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/usage/range-bar.8c9b18116c8eb5f0.js

@@ -0,0 +1,60 @@
+import "./@/comps/ui/segmented.81631cafb8e3b260.css.pnext-asset.js";
+import "./range-bar.671afdd0798f4de9.css.pnext-asset.js";
+import { Link } from "../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { PRESETS, dayOf } from "../../../utils/range.f0a5ef1763ff3cb9.js";
+import { CustomRange } from "./custom-range.9343f6115e244cb4.js";
+import { withSearch } from "../../../comps/nav/to.248665fde7daaf07.js";
+import { iDown } from "../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { Icon } from "../../../comps/ui/icon.93605083edf7efe3.js";
+import { BLANK } from "../../../comps/frame/loading-card.9648c7782502babc.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, {
+				...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/usage/stats.7b8db8c56920b311.js

@@ -0,0 +1,12 @@
+import "./stats.3b02ee8317b9c4e3.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/usage/top-agents.8af5d53eb64bae9c.js

@@ -0,0 +1,89 @@
+import "./top-agents.441006da5b4eae17.css.pnext-asset.js";
+import { iDown, iUp } from "../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { Link } from "../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { withSearch } from "../../../comps/nav/to.248665fde7daaf07.js";
+import { Card, Empty } from "../../../comps/ui/card.e6876039e375b849.js";
+import { Icon } from "../../../comps/ui/icon.93605083edf7efe3.js";
+import { formatMetric } from "./metric.5481ab0e025e218e.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({ 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/usage",
+					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/usage",
+						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/agents/[slug]/usage",
+					params: { slug: row.key },
+					search: withSearch(new URLSearchParams(range), { from: `/dash/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/agents",
+					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.77960a272f19bf24.js

@@ -0,0 +1,41 @@
+import "./globals.89a59affc5df947b.css.pnext-asset.js";
+import "./responsive.1fd73ea94977bfc0.css.pnext-asset.js";
+import { Zone } from "./zone.66f36b17e74cf5f8.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.33464bce52044759.js

@@ -0,0 +1,50 @@
+import "./page.f852a09edc8b6b44.css.pnext-asset.js";
+import { redirect } from "../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+import { ErrorText } from "../../comps/ui/field.37f93068217e1470.js";
+import { AuthPanel } from "../../comps/frame/auth-panel.3e020d19aa5ab464.js";
+import { safeReturnPath } from "../../../auth/sign-in.7ee1680af722840f.js";
+import { load } from "../../api/load.bdbf17006af803d1.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" })]
+			})
+		}), /* @__PURE__ */ _jsx(ErrorText, { value: error ? ERRORS[error] ?? "Sign-in did not finish. Try again." : "" })]
+	});
+}
+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/app/page.7e7f8611a9bb7b22.js

@@ -0,0 +1,4 @@
+import { redirect } from "../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+export default function Home() {
+	redirect("/dash");
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/zone.66f36b17e74cf5f8.js

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

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/auth-panel.3e020d19aa5ab464.js

@@ -0,0 +1,48 @@
+import "./auth-panel.e5af611567239b13.css.pnext-asset.js";
+import { Mark } from "../ui/icon.93605083edf7efe3.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.cf0eb4936a2c7222.js

@@ -0,0 +1,30 @@
+"use client";
+import "./drawer.9090aa789dffa730.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.e17bdd0b5504787f.js";
+import { Icon } from "../ui/icon.93605083edf7efe3.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 [open, setOpen] = useState(false);
+	const path = usePathname();
+	useEffect(() => setOpen(false), [path]);
+	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/heads.5407f7793f985b16.js

@@ -0,0 +1,47 @@
+/** 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/tasks/[id]",
+		params: { id: decodeURIComponent(task[1]) },
+		label: "Task"
+	};
+	const section = from?.match(/^\/dash\/(usage|agents|tasks)(?:\?(.*))?$/);
+	if (!section) return list;
+	const search = new URLSearchParams(section[2] ?? "");
+	const label = HEADS[section[1]].title;
+	if (section[1] === "usage") return {
+		href: "/dash/usage",
+		params: {},
+		search,
+		label
+	};
+	if (section[1] === "agents") return {
+		href: "/dash/agents",
+		params: {},
+		search,
+		label
+	};
+	return {
+		href: "/dash/tasks",
+		params: {},
+		search,
+		label
+	};
+}