@wular/coder 0.4.3 → 0.4.4

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/tasks/list/status.d78e769ff1411932.js

@@ -0,0 +1,16 @@
+import "./status.9516cc22cbd5d84b.css.pnext-asset.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export function Status({ status }) {
+	return /* @__PURE__ */ _jsxs("span", {
+		class: `st ${status}`,
+		children: [/* @__PURE__ */ _jsx("i", {}), STATUS_LABEL[status] ?? status]
+	});
+}
+export const STATUS_LABEL = {
+	queued: "waiting for slot",
+	running: "running",
+	waiting: "needs approval",
+	completed: "completed",
+	failed: "failed",
+	cancelled: "cancelled"
+};

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/tasks/list/task.674ebeabafa0a7e1.js

@@ -0,0 +1,53 @@
+import { byListKey, listRank } from "../../../../../../core/defaults.f8b4eee28e030eda.js";
+/** Task statuses a list filters by. */
+export const STATUSES = [
+	["", "Recent"],
+	["active", "Active"],
+	["waiting", "Needs approval"],
+	["running", "Running"],
+	["queued", "Queued"],
+	["completed", "Completed"],
+	["failed", "Failed"],
+	["cancelled", "Cancelled"],
+	["archived", "Archived"]
+];
+/** The list request's filters; "archived" is its own switch, not a status. */
+export function listFilters(filters) {
+	const { status, ...rest } = filters;
+	return status === "archived" ? {
+		...rest,
+		archived: true
+	} : {
+		...rest,
+		status
+	};
+}
+/** Where tasks come from besides platforms, which join by their integration id. */
+export const SOURCES = [
+	["", "All sources"],
+	["dashboard", "Dashboard"],
+	["cli", "CLI"],
+	["schedule", "Schedule"]
+];
+export const sourceLabel = (value) => (SOURCES.find(([key]) => key === value) ?? [value, value])[1];
+export const taskActive = (task) => task.status === "queued" || task.status === "running" || task.status === "waiting";
+const listKey = (row) => ({
+	rank: listRank(row.status),
+	createdAt: row.createdAt,
+	id: row.task.id
+});
+/** The server's list order. */
+export const listOrder = (a, b) => byListKey(listKey(a), listKey(b));
+/** Rows refetched first pages added so far, the newest copy of each, in list order. */
+export function addRows(previous, page) {
+	const fetched = new Set(page.map((row) => row.task.id));
+	return [...page, ...previous.filter((row) => !fetched.has(row.task.id))].sort(listOrder);
+}
+/** The loaded rows with the added ones they lack, each at its latest, in list order. */
+export function withAdded(rows, added, latest = {}) {
+	const listed = new Set(rows.map((row) => row.task.id));
+	return [...added.filter((row) => !listed.has(row.task.id)), ...rows].map((row) => latest[row.task.id] ?? row).sort(listOrder);
+}
+export const taskTitle = (task) => task.task.name?.trim() || task.task.prompt?.trim() || task.task.event?.text?.trim() || `${task.task.event?.type ?? "task"} on ${task.task.agent}`;
+/** A folder path's last segment. */
+export const folderName = (path) => path.split(/[\\/]/).filter(Boolean).at(-1) ?? path;

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/tasks/list/tasks-list.9698bdff71c3b3c7.js

@@ -0,0 +1,429 @@
+"use client";
+import "./tasks-list.55fa11c945f9c6db.css.pnext-asset.js";
+import { dynamic } from "../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { useEffect, useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../utils/client.f37a313f4811ddb8.js";
+import { formatCount, formatDate, formatDay, formatDuration } from "../../../../utils/format.ba382c381ea40e77.js";
+import { iAgent, iClock, iDots, iFolder, iMonitor, iPlug, iPlus, iTerminal } from "../../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { Menu, MenuItem } from "../../../../comps/ui/menu.3b3026ecd4dc31f0.js";
+import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { usePaged } from "../../../../utils/paged.64ead375df845ff2.js";
+import { BrandIcon } from "../../agents/agent/agent-pills.c5710a4f634f9d6a.js";
+import { Card, Empty } from "../../../../comps/ui/card.e6876039e375b849.js";
+import { Id } from "../../../../comps/ui/badge.e52db98d78836f9a.js";
+import { ConfirmDialog } from "../../../../comps/ui/confirm.cd23ea20bdf120d2.js";
+import { ErrorText } from "../../../../comps/ui/field.37f93068217e1470.js";
+import { approvalParts } from "../[id]/task-actions.f2be118dd5a02896.js";
+import { reasonText } from "../../../../utils/format.ba382c381ea40e77.js";
+import { Status } from "./status.d78e769ff1411932.js";
+import { Icon } from "../../../../comps/ui/icon.93605083edf7efe3.js";
+import { Filter } from "../../../../comps/ui/filter.3e8df59ca8abf397.js";
+import { addRows, listOrder, taskActive, withAdded } from "./task.674ebeabafa0a7e1.js";
+import { taskTitle } from "./task.674ebeabafa0a7e1.js";
+import { LIST_PAGE } from "../../../../utils/paged.64ead375df845ff2.js";
+import { Search, Toolbar, queryOf, useFilters } from "../../../../comps/ui/toolbar.32503820243ede06.js";
+import { Tail } from "../../../../comps/ui/tail.2d57d68076cef3e1.js";
+import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.674ebeabafa0a7e1.js";
+import { NeedsCredential } from "../composer.78b7d3000d615c7c.js";
+import { useTaskEvents } from "../../../../comps/frame/task-toasts.b14bb1f66ed75e75.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const NewTaskButton = dynamic(() => import("../composer.78b7d3000d615c7c.js").then((m) => m.NewTaskButton), { 
+// TODO: stays disabled after client navigation until pnext SSRs nested dynamic() like Next.js.
+loading: () => /* @__PURE__ */ _jsxs("button", {
+	type: "button",
+	class: "btn new-task",
+	disabled: true,
+	children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "New task"]
+}) }, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/tasks/composer.tsx", import.meta.url).pathname),
+	"exportName": "NewTaskButton",
+	"id": "c-3babc01746"
+});
+const SOURCE_ICONS = {
+	dashboard: iMonitor,
+	cli: iTerminal,
+	schedule: iClock
+};
+const sourceIcon = (source) => SOURCE_ICONS[source] ?? iPlug;
+/** How long ago, under a day; the date after that. */
+function ago(value, now, tz) {
+	const minutes = Math.round((now - value) / 6e4);
+	if (minutes < 1) return "just now";
+	if (minutes < 60) return `${minutes} min ago`;
+	if (minutes < 1440) return `${Math.round(minutes / 60)} h ago`;
+	return formatDay(value, tz);
+}
+function TaskRowView({ task, brand, back, scoped, tz, now, onDone, onError }) {
+	const elapsed = task.startedAt === undefined ? undefined : (task.finishedAt ?? now) - task.startedAt;
+	const source = task.task.event?.integration ?? task.task.source ?? "dashboard";
+	const kind = task.task.event?.type ?? (task.task.flow === "default" ? undefined : task.task.flow);
+	return /* @__PURE__ */ _jsxs("tr", { children: [
+		/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsx(Link, {
+			class: "cover",
+			href: "/dash/tasks/[id]",
+			params: { id: task.task.id },
+			search: back ? { back } : undefined,
+			children: taskTitle(task)
+		}), /* @__PURE__ */ _jsxs("span", {
+			class: "sub",
+			children: [
+				scoped ? null : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Icon, { d: iAgent }), `${task.task.agent} · `] }),
+				/* @__PURE__ */ _jsx(Id, { value: task.task.id }),
+				kind ? ` · ${kind}` : null,
+				task.task.cwd ? /* @__PURE__ */ _jsxs(_Fragment, { children: [" · ", /* @__PURE__ */ _jsxs("span", {
+					title: task.task.cwd,
+					children: [/* @__PURE__ */ _jsx(Icon, { d: iFolder }), folderName(task.task.cwd)]
+				})] }) : null
+			]
+		})] }),
+		/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Status, { status: task.status }) }),
+		/* @__PURE__ */ _jsx("td", {
+			class: "when",
+			title: formatDate(task.createdAt, tz),
+			children: ago(task.createdAt, now, tz)
+		}),
+		/* @__PURE__ */ _jsx("td", {
+			class: "num",
+			children: formatDuration(elapsed)
+		}),
+		/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsxs("span", {
+			class: "source",
+			title: sourceLabel(source),
+			children: [brand ? /* @__PURE__ */ _jsx(BrandIcon, { brand }) : /* @__PURE__ */ _jsx(Icon, { d: sourceIcon(source) }), sourceLabel(source)]
+		}), /* @__PURE__ */ _jsx("span", {
+			class: "row-acts",
+			children: /* @__PURE__ */ _jsx(RowActions, {
+				task,
+				onDone,
+				onError
+			})
+		})] })
+	] });
+}
+function RowActions({ task, onDone, onError }) {
+	const [deleting, setDeleting] = useState();
+	const act = (what, decision) => {
+		onError("");
+		const call = what === "approve" ? client.tasks.approve(task.task.id, approvalParts(task.approval).id ?? "", decision ?? "decline") : what === "delete" ? client.tasks.delete(task.task.id) : client.tasks[what](task.task.id);
+		void call.then(() => onDone(what), (reason) => onError(reasonText(reason))).finally(() => setDeleting(undefined));
+	};
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs(Menu, {
+		summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
+		summaryClass: "icon-btn",
+		label: "Task actions",
+		align: "right",
+		children: [
+			task.approval ? /* @__PURE__ */ _jsx(MenuItem, {
+				title: "Approve",
+				onClick: () => act("approve", "accept")
+			}) : null,
+			task.approval ? /* @__PURE__ */ _jsx(MenuItem, {
+				title: "Deny",
+				onClick: () => act("approve", "decline")
+			}) : null,
+			taskActive(task) ? /* @__PURE__ */ _jsx(MenuItem, {
+				title: "Stop",
+				onClick: () => act("cancel")
+			}) : null,
+			task.archivedAt ? null : /* @__PURE__ */ _jsx(MenuItem, {
+				title: "Archive",
+				onClick: () => act("archive")
+			}),
+			/* @__PURE__ */ _jsx(MenuItem, {
+				title: "Delete",
+				danger: true,
+				onClick: () => setDeleting("ask")
+			})
+		]
+	}), /* @__PURE__ */ _jsx(ConfirmDialog, {
+		open: Boolean(deleting),
+		title: "Delete this task?",
+		body: "Its conversation, activity and diff go with it.",
+		confirmLabel: "Delete",
+		busy: deleting === "busy",
+		onConfirm: () => {
+			setDeleting("busy");
+			act("delete");
+		},
+		onClose: () => setDeleting(undefined)
+	})] });
+}
+/** Tasks newest first, in pages as the list scrolls; search and filters run on the server, running ones stay live. */
+export function TasksList({ first, platforms, brands = {}, agents = [], filters, agent, head, missing, tz, now }) {
+	const { values, set, query } = useFilters(filters);
+	const initial = queryOf(filters);
+	const scope = agent ? `&agent=${encodeURIComponent(agent)}` : "";
+	const path = agent ? `/dash/agents/${encodeURIComponent(agent)}/tasks` : "/dash/tasks";
+	const back = query || agent ? `${path}${query ? `?${query}` : ""}` : undefined;
+	const options = {
+		limit: LIST_PAGE,
+		summary: true,
+		counts: true,
+		...listFilters(values),
+		agent: agent ?? values.agent
+	};
+	const facets = [{
+		key: "status",
+		label: "Status",
+		options: STATUSES,
+		inline: true
+	}, {
+		key: "source",
+		label: "Source",
+		options: [...SOURCES, ...platforms],
+		icon: (value) => brands[value] ? /* @__PURE__ */ _jsx(BrandIcon, { brand: brands[value] }) : sourceIcon(value)
+	}];
+	if (!agent) facets.push({
+		key: "agent",
+		label: "Agent",
+		options: agents,
+		icon: () => iAgent,
+		search: (q, limit) => client.agents.list({
+			cursor: "",
+			limit,
+			q
+		}).then((page) => page.items.map((row) => [row.id, row.name]))
+	});
+	const list = usePaged({
+		name: `tasks${scope}`,
+		fetchPage: (cursor) => client.tasks.list({
+			...options,
+			cursor
+		}),
+		query,
+		first,
+		initial
+	});
+	const [fresh, setFresh] = useState({
+		rows: {},
+		added: []
+	});
+	const [gone, setGone] = useState([]);
+	// Rows hidden after an archive or delete come back into view when the filters change.
+	useEffect(() => setGone([]), [query]);
+	const [actionError, setActionError] = useState("");
+	const rows = withAdded(list.rows, fresh.query === query ? fresh.added : [], fresh.rows).filter((task) => !gone.includes(task.task.id));
+	const counts = (fresh.query === query ? fresh.counts : undefined) ?? list.meta.counts;
+	// One first-page refetch at a time and a second apart, longer after failures; a change meanwhile asks for one more, with the filters then; a hidden tab waits to show.
+	const refetching = useRef();
+	const again = useRef(false);
+	const hidden = useRef(false);
+	const spaced = useRef();
+	const left = useRef(false);
+	const failures = useRef(0);
+	// Bumped by a reset, so a fetch started before it never writes over the page that follows.
+	const era = useRef(0);
+	// When each row last took an event, so an older page never undoes it.
+	const touched = useRef({});
+	// The minute's resync reads every loaded row, not just the first page.
+	const deep = useRef(false);
+	const refresh = (all = false) => {
+		deep.current ||= all;
+		if (document.visibilityState === "hidden") return void (hidden.current = true);
+		if (refetching.current) return void (again.current = true);
+		const started = refetching.current = Date.now();
+		const before = era.current;
+		const loaded = deep.current ? rows : [];
+		deep.current = false;
+		// Pages of up to 200 until every loaded row is covered.
+		const read = async () => {
+			const first = await client.tasks.list({
+				...options,
+				limit: Math.min(200, Math.max(LIST_PAGE, loaded.length)),
+				cursor: ""
+			});
+			let page = first;
+			const items = [...first.items];
+			while (page.next && items.length < loaded.length) {
+				page = await client.tasks.list({
+					...options,
+					limit: 200,
+					cursor: page.next
+				});
+				items.push(...page.items);
+			}
+			return {
+				...page,
+				items,
+				counts: first.counts
+			};
+		};
+		void read().then((page) => {
+			if (era.current !== before) return;
+			// A loaded row the read covers but no longer lists has left this view.
+			const last = page.items.at(-1);
+			const fetched = new Set(page.items.map((row) => row.task.id));
+			const left = loaded.filter((row) => !fetched.has(row.task.id) && (touched.current[row.task.id] ?? 0) <= started && (!page.next || last && listOrder(row, last) < 0));
+			if (left.length) setGone((current) => [...current, ...left.map((row) => row.task.id)]);
+			setFresh((current) => ({
+				rows: {
+					...current.rows,
+					// A page row is a summary, so what events added to the row stays.
+					...Object.fromEntries(page.items.filter((row) => (touched.current[row.task.id] ?? 0) <= started).map((row) => [row.task.id, {
+						...current.rows[row.task.id],
+						...row
+					}]))
+				},
+				added: addRows(current.query === query ? current.added : [], page.items),
+				counts: page.counts,
+				query
+			}));
+			failures.current = 0;
+		}).catch(() => {
+			failures.current++;
+			again.current = true;
+		}).finally(() => {
+			if (left.current) return;
+			if (!again.current) return void (refetching.current = undefined);
+			again.current = false;
+			spaced.current = setTimeout(() => {
+				refetching.current = undefined;
+				latest.current();
+			}, Math.min(3e4, 1e3 * 2 ** failures.current));
+		});
+	};
+	const latest = useRef(refresh);
+	latest.current = refresh;
+	useEffect(() => {
+		const show = () => {
+			if (document.visibilityState !== "visible" || !hidden.current) return;
+			hidden.current = false;
+			latest.current();
+		};
+		addEventListener("visibilitychange", show);
+		return () => {
+			removeEventListener("visibilitychange", show);
+			clearTimeout(spaced.current);
+			left.current = true;
+		};
+	}, []);
+	// Changes were missed, so every loaded page goes: the page renders again from the server.
+	const nav = useRouter();
+	const reset = () => {
+		era.current++;
+		touched.current = {};
+		setFresh({
+			rows: {},
+			added: []
+		});
+		setGone([]);
+		nav.refresh();
+	};
+	// Rows follow the events stream at once; counts, and tasks the list lacks, come with its first page again.
+	useTaskEvents((event) => {
+		const row = rows.find((task) => task.task.id === event.id);
+		if (!row) {
+			// A deleted or archived task stays out even if a read from before it brings it; an unarchived one comes back.
+			if (event.deleted || event.archivedAt && values.status !== "archived") setGone((current) => [...current, event.id]);
+			else setGone((current) => current.includes(event.id) ? current.filter((id) => id !== event.id) : current);
+			// A row kept from another view would outlive this change, so it goes.
+			setFresh((current) => {
+				const { [event.id]: _kept, ...rows } = current.rows;
+				return _kept ? {
+					...current,
+					rows
+				} : current;
+			});
+			if (event.deleted || (agent || values.agent || event.agent) === event.agent) refresh();
+			return;
+		}
+		touched.current[event.id] = Date.now();
+		if (refetching.current) again.current = true;
+		// A change that moves the counts asks the server; a continued task also brings its new prompt.
+		if (event.deleted || event.status !== row.status || Boolean(event.archivedAt) !== Boolean(row.archivedAt)) refresh();
+		if (event.deleted || event.archivedAt && values.status !== "archived") return setGone((current) => [...current, event.id]);
+		setFresh((current) => {
+			const was = current.rows[event.id] ?? row;
+			return {
+				...current,
+				rows: {
+					...current.rows,
+					[event.id]: {
+						...was,
+						status: event.status,
+						approval: event.approval ?? undefined,
+						archivedAt: event.archivedAt,
+						startedAt: event.startedAt,
+						finishedAt: event.finishedAt
+					}
+				}
+			};
+		});
+	}, reset, () => refresh(true));
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		/* @__PURE__ */ _jsxs(Toolbar, {
+			head,
+			action: head ? /* @__PURE__ */ _jsx(NewTaskButton, {}) : undefined,
+			children: [/* @__PURE__ */ _jsx(Search, {
+				value: values.q,
+				label: "Search tasks",
+				onInput: (value) => set("q", value, 250)
+			}), /* @__PURE__ */ _jsx(Filter, {
+				name: "tasks",
+				facets,
+				values,
+				onChange: set
+			})]
+		}),
+		missing ? /* @__PURE__ */ _jsx(NeedsCredential, {}) : null,
+		/* @__PURE__ */ _jsxs(Card, {
+			title: "Tasks",
+			count: counts ? formatCount(counts.all) : undefined,
+			actions: counts ? /* @__PURE__ */ _jsxs(_Fragment, { children: [
+				/* @__PURE__ */ _jsx(ErrorText, { value: actionError }),
+				counts.active ? /* @__PURE__ */ _jsxs("button", {
+					type: "button",
+					class: "badge acc",
+					onClick: () => set("status", "active"),
+					children: [formatCount(counts.active), " active"]
+				}) : null,
+				counts.waiting ? /* @__PURE__ */ _jsxs("button", {
+					type: "button",
+					class: "badge warn",
+					onClick: () => set("status", "waiting"),
+					children: [formatCount(counts.waiting), " awaiting approval"]
+				}) : null
+			] }) : undefined,
+			children: [rows.length ? /* @__PURE__ */ _jsx("div", {
+				class: "table-scroll",
+				children: /* @__PURE__ */ _jsxs("table", {
+					class: "rows tasks stacked",
+					"aria-busy": list.stale,
+					children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsxs("tr", { children: [
+						/* @__PURE__ */ _jsx("th", { children: "Task" }),
+						/* @__PURE__ */ _jsx("th", { children: "Status" }),
+						/* @__PURE__ */ _jsx("th", { children: "Created" }),
+						/* @__PURE__ */ _jsx("th", {
+							class: "num",
+							children: "Duration"
+						}),
+						/* @__PURE__ */ _jsx("th", { children: "Source" })
+					] }) }), /* @__PURE__ */ _jsx("tbody", { children: rows.map((task) => /* @__PURE__ */ _jsx(TaskRowView, {
+						task,
+						brand: brands[task.task.event?.integration ?? task.task.source],
+						back,
+						scoped: Boolean(agent),
+						tz,
+						now,
+						onError: setActionError,
+						onDone: (what) => {
+							// An archived row leaves every view but the archive; a stopped one just refreshes.
+							if (what === "delete" || what === "archive" && values.status !== "archived") setGone((current) => [...current, task.task.id]);
+							refresh();
+						}
+					}, task.task.id)) })]
+				})
+			}) : list.stale ? null : query ? /* @__PURE__ */ _jsx(Empty, {
+				title: "No tasks match",
+				children: "Try another search or filter."
+			}) : /* @__PURE__ */ _jsx(Empty, {
+				title: "No tasks yet",
+				children: agent ? "Tasks appear here as this agent runs." : "Start one with New task. Tasks from the dashboard, the CLI and platforms like GitHub show up here, newest first."
+			}), /* @__PURE__ */ _jsx(Tail, {
+				noun: "tasks",
+				...list
+			})]
+		})
+	] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/tasks/list/tasks-section.c77194f05c3f58fb.js

@@ -0,0 +1,79 @@
+import "./tasks-list.55fa11c945f9c6db.css.pnext-asset.js";
+import { dynamic } from "../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { zoneOf } from "../../../../utils/format.ba382c381ea40e77.js";
+import { FILTER_ROWS, LIST_PAGE } from "../../../../utils/paged.64ead375df845ff2.js";
+import { load } from "../../../../api/load.bdbf17006af803d1.js";
+import { Settle } from "../../../../comps/frame/stream.4c04416dab6ffc52.js";
+import { LoadingCard, LoadingToolbar } from "../../../../comps/frame/loading-card.9648c7782502babc.js";
+import { listFilters } from "./task.674ebeabafa0a7e1.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+// Rows arrive rendered; paging and filters hydrate once the list is in view.
+const TasksList = dynamic(() => import("./tasks-list.9698bdff71c3b3c7.js").then((m) => m.TasksList), {
+	load: "visible",
+	ssr: true
+}, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/tasks/list/tasks-list.tsx", import.meta.url).pathname),
+	"exportName": "TasksList",
+	"id": "c-9ce1c87442"
+});
+/** A task list before it arrives; an agent's own tab has no head and no agent filter. */
+export function TasksLoading({ head, agent }) {
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(LoadingToolbar, {
+		head,
+		search: "Search tasks",
+		more: true
+	}), /* @__PURE__ */ _jsx(LoadingCard, {
+		title: "Tasks",
+		label: "Loading tasks"
+	})] });
+}
+/** The tasks the address bar's filters select; the page starts these loads before it renders. */
+export function loadTasks(request, agent) {
+	const params = new URL(request.url).searchParams;
+	const filters = {
+		q: params.get("q") ?? "",
+		status: params.get("status") ?? "",
+		source: params.get("source") ?? "",
+		agent: agent ? "" : params.get("agent") ?? ""
+	};
+	const first = load(request).tasks.list({
+		cursor: "",
+		limit: LIST_PAGE,
+		summary: true,
+		counts: true,
+		...listFilters(filters),
+		agent: agent ?? filters.agent
+	});
+	const catalog = load(request).integrations.list();
+	// The agent filter's first rows, one past what it shows so it knows to offer typing; an agent's own tab has none.
+	const agents = agent ? undefined : load(request).agents.list({
+		cursor: "",
+		limit: FILTER_ROWS + 1
+	}).then((page) => page.items.map((row) => [row.id, row.name]), () => []);
+	return {
+		filters,
+		first,
+		catalog,
+		agents,
+		tz: zoneOf(request)
+	};
+}
+export function TasksSection({ tasks: { filters, first, catalog, agents, tz }, agent, head, missing }) {
+	return /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
+		first,
+		catalog.catch(() => []),
+		agents,
+		missing
+	]).then(([page, integrations, ids, needs]) => /* @__PURE__ */ _jsx(TasksList, {
+		first: page,
+		platforms: integrations.map((entry) => [entry.id, entry.name]),
+		brands: Object.fromEntries(integrations.map((entry) => [entry.id, entry.brand])),
+		agents: ids,
+		filters,
+		agent,
+		head,
+		missing: needs,
+		tz,
+		now: Date.now()
+	})) });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/tasks/page.157ac3a0938206b0.js

@@ -0,0 +1,16 @@
+import { load } from "../../../api/load.bdbf17006af803d1.js";
+import { HEADS } from "../../../comps/frame/heads.5407f7793f985b16.js";
+import { Page } from "../../../comps/frame/page-head.857951b5dc1ad827.js";
+import { TasksSection, loadTasks } from "./list/tasks-section.c77194f05c3f58fb.js";
+import { credentialMissing } from "./composer-data.e2d442d6ecbaa6d3.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 }) {
+	if (!request) return null;
+	const client = load(request);
+	return /* @__PURE__ */ _jsx(Page, { children: /* @__PURE__ */ _jsx(TasksSection, {
+		tasks: loadTasks(request),
+		head: HEADS.tasks,
+		missing: credentialMissing(client)
+	}) });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/usage/custom-range.9343f6115e244cb4.js

@@ -0,0 +1,64 @@
+"use client";
+import { iDown } from "../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { useRouter } from "../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { withSearch } from "../../../comps/nav/to.248665fde7daaf07.js";
+import { Icon } from "../../../comps/ui/icon.93605083edf7efe3.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";
+/** 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",
+			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();
+				nav.push(page.href, {
+					params: page.params,
+					search: withSearch(page.search, {
+						from: String(start),
+						to: String(end)
+					}),
+					scroll: false
+				});
+			},
+			children: [
+				/* @__PURE__ */ _jsxs("label", {
+					class: "field",
+					children: [/* @__PURE__ */ _jsx("span", { children: "From" }), /* @__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", {
+						type: "date",
+						name: "to",
+						defaultValue: to,
+						max: today,
+						required: true
+					})]
+				}),
+				/* @__PURE__ */ _jsx("button", {
+					class: "btn sm",
+					children: "Apply"
+				})
+			]
+		})]
+	});
+}