@wular/coder 0.4.6 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/status.16190fdd5fd7daad.js

@@ -0,0 +1,16 @@
+import "./status.7e63f2b02469ca40.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/[org]/tasks/list/task.af5001e51d2f612b.js

@@ -0,0 +1,64 @@
+import { byListKey, listRank } from "../../../../../../../core/defaults.e6ce0944639198a2.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);
+}
+/** A delta read's rows no event changed after `started`, and the cursor past its last row. */
+export function readDelta(changed, cursor, touched, started) {
+	const last = changed.at(-1);
+	return {
+		rows: changed.filter((row) => (touched[row.task.id] ?? 0) <= started),
+		cursor: last ? {
+			since: last.updatedAt,
+			sinceId: last.task.id
+		} : cursor
+	};
+}
+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/[org]/tasks/list/tasks-list.0976f1812d6d15f5.js

@@ -0,0 +1,433 @@
+"use client";
+import "./tasks-list.2282a7cef8b15bd8.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.d25e6dcc6704eb60.js";
+import { useAction } from "../../../../../utils/action.568346602027ac74.js";
+import { formatCount, formatDate, formatDay, formatDuration } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { iAgent, iClock, iDots, iFolder, iMonitor, iPlug, iPlus, iTerminal } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { Menu, MenuItem } from "../../../../../comps/ui/menu.0f064f75822888be.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.18f5872fc5aebe96.js";
+import { BrandIcon } from "../../agents/agent/agent-pills.19e913c8cb22db21.js";
+import { Card, Empty } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Id } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.fe133a074c2743af.js";
+import { approvalParts } from "../[id]/task-actions.ece7ec732352ce70.js";
+import { Status } from "./status.16190fdd5fd7daad.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Filter } from "../../../../../comps/ui/filter.4f703a4ce7d2a519.js";
+import { addRows, readDelta, taskActive, withAdded } from "./task.af5001e51d2f612b.js";
+import { taskTitle } from "./task.af5001e51d2f612b.js";
+import { LIST_PAGE } from "../../../../../utils/paged.18f5872fc5aebe96.js";
+import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.801bbd3163d3fbb0.js";
+import { Tail } from "../../../../../comps/ui/tail.30913c92f5ca6102.js";
+import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.af5001e51d2f612b.js";
+import { NeedsCredential } from "../composer.c7ec618e215d63ce.js";
+import { useTaskEvents } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
+import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.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.c7ec618e215d63ce.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/[org]/tasks/composer.tsx", import.meta.url).pathname),
+	"exportName": "NewTaskButton",
+	"id": "c-fdfde05882"
+});
+const SOURCE_ICONS = {
+	dashboard: iMonitor,
+	cli: iTerminal,
+	schedule: iClock
+};
+const sourceIcon = (source) => SOURCE_ICONS[source] ?? iPlug;
+const DELTA_ROWS = 200;
+/** 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 }) {
+	const org = useOrg();
+	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/[org]/tasks/[id]",
+			params: {
+				org,
+				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
+			})
+		})] })
+	] });
+}
+function RowActions({ task, onDone }) {
+	const action = useAction();
+	const [confirming, setConfirming] = useState(false);
+	const act = (what, decision) => void action.run(what, () => 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)).then((ok) => {
+		if (ok) onDone(what);
+		setConfirming(false);
+	});
+	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: () => setConfirming(true)
+			})
+		]
+	}), /* @__PURE__ */ _jsx(ConfirmDialog, {
+		open: confirming,
+		title: "Delete this task?",
+		body: "Its conversation, activity and diff go with it.",
+		confirmLabel: "Delete",
+		busy: action.pending === "delete",
+		onConfirm: () => act("delete"),
+		onClose: () => setConfirming(false)
+	})] });
+}
+/** 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 org = useOrg();
+	const { values, set, query } = useFilters(filters);
+	const initial = queryOf(filters);
+	const scope = agent ? `&agent=${encodeURIComponent(agent)}` : "";
+	const path = agent ? `/dash/${org}/agents/${encodeURIComponent(agent)}/tasks` : `/dash/${org}/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: []
+	});
+	// Rows hidden after an archive or delete come back into view when the filters change.
+	const [goneIn, setGoneIn] = useState({
+		query,
+		ids: []
+	});
+	const gone = goneIn.query === query ? goneIn.ids : [];
+	const setGone = (next) => setGoneIn((now) => ({
+		query,
+		ids: next(now.query === query ? now.ids : [])
+	}));
+	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({});
+	const refresh = () => {
+		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;
+		void client.tasks.list({
+			...options,
+			cursor: ""
+		}).then((page) => {
+			if (era.current !== before) return;
+			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.
+	const heard = (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
+					}
+				}
+			};
+		});
+	};
+	// The minute's resync reads only rows changed since the newest one it has seen, each as an event.
+	const since = useRef({ since: first.items.reduce((most, row) => Math.max(most, row.updatedAt), 0) || now });
+	const resync = () => {
+		if (document.visibilityState === "hidden") return;
+		const started = Date.now();
+		const before = era.current;
+		void client.tasks.list({
+			...since.current,
+			limit: DELTA_ROWS,
+			agent: options.agent,
+			source: options.source,
+			archived: options.archived
+		}).then((changed) => {
+			if (era.current !== before) return;
+			const delta = readDelta(changed, since.current, touched.current, started);
+			since.current = delta.cursor;
+			for (const row of delta.rows) heard({
+				id: row.task.id,
+				agent: row.task.agent,
+				status: row.status,
+				approval: row.approval,
+				archivedAt: row.archivedAt,
+				createdAt: row.createdAt,
+				startedAt: row.startedAt,
+				finishedAt: row.finishedAt
+			});
+			// A full page has more past its cursor.
+			if (changed.length === DELTA_ROWS) resync();
+		}).catch((reason) => console.error("coder dashboard: task resync", reason));
+	};
+	useTaskEvents(heard, reset, resync);
+	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: [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,
+						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/[org]/tasks/list/tasks-section.fd72404364042b87.js

@@ -0,0 +1,80 @@
+import "./tasks-list.2282a7cef8b15bd8.css.pnext-asset.js";
+import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { zoneOf } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { FILTER_ROWS, LIST_PAGE } from "../../../../../utils/paged.18f5872fc5aebe96.js";
+import { load } from "../../../../../api/load.4f942c7f68b2e273.js";
+import { Settle } from "../../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
+import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.df3717186948c93f.js";
+import { listFilters } from "./task.af5001e51d2f612b.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.0976f1812d6d15f5.js").then((m) => m.TasksList), {
+	load: "visible",
+	ssr: true
+}, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/tasks/list/tasks-list.tsx", import.meta.url).pathname),
+	"exportName": "TasksList",
+	"id": "c-ea95c61a2c"
+});
+/** 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,
+		fields: "id,name"
+	}).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/[org]/tasks/page.293492d13a9dca2e.js

@@ -0,0 +1,16 @@
+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 { 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/[org]/usage/custom-range.471edcb853889c2e.js

@@ -0,0 +1,64 @@
+"use client";
+import { iDown } from "../../../../comps/ui/icons.868385119bf2de28.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";
+/** 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: linkOf(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"
+				})
+			]
+		})]
+	});
+}