@wular/coder 0.4.7 → 0.4.9

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{tasks/composer.f232cc1bf2d7b08a.js → [org]/tasks/composer.fdad306647cbaa59.js}

@@ -1,24 +1,27 @@
 "use client";
-import "./composer.80a979f079b29681.css.pnext-asset.js";
-import { Fragment } from "../../../../../../../../node_modules/preact/dist/preact.mjs";
-import { useEffect, useId, useLayoutEffect, useRef, useState } from "../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../utils/client.a8205c524e63d4a9.js";
-import { formatDate } from "../../../utils/format.6a7d1beaf4d09d9c.js";
-import { iAlert, iCheck, iPlus, iRight, iSliders, iSteer, iX } from "../../../comps/ui/icons.1777c0350d5d215e.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 { Loading } from "../../../comps/ui/card.b0873d38765c9d20.js";
-import { reasonText } from "../../../utils/format.6a7d1beaf4d09d9c.js";
-import { ErrorText } from "../../../comps/ui/field.7b2a2075ee8c6e29.js";
-import { Icon } from "../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Select } from "../../../comps/ui/select.f036fdc3fce02b92.js";
-import { MenuRadio } from "../../../comps/ui/menu.a4dd9fb9f566689a.js";
-import { connectRepositories } from "../agents/editor/connect-repositories.329ac182c8242a67.js";
-import { ENGINES, ENGINE_NAMES, defaultLabel, modelValue, splitModel } from "../settings/model-options.bccfaced52fc0c00.js";
-import { folderName } from "./list/task.465c2af602cce783.js";
-import { watchTask } from "../../../comps/frame/task-toasts.10b46a8b8db1791f.js";
-import { CHOICE, PLACEHOLDER, loadComposer, savedChoice } from "./composer-data.5f12d8ef1db38026.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import "./composer.79c015348f861749.css.pnext-asset.js";
+import { Fragment } from "../../../../../../../../../node_modules/preact/dist/preact.mjs";
+import { useEffect, useId, useLayoutEffect, useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure, useAction } from "../../../../utils/action.1a6356d5b722cafb.js";
+import { formatDate } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { iAlert, iPlus, iRight, iSliders, iSteer, iX } from "../../../../comps/ui/icons.a34176f37808cd66.js";
+import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { useOrg } from "../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { Loading } from "../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Button, IconButton } from "../../../../comps/ui/button.983daea9e687fc5d.js";
+import { reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Select } from "../../../../comps/ui/select.36c6f21ce6aa720f.js";
+import { MenuLabel, MenuLink, MenuNote, MenuOption, MenuPanel, MenuRadio, MenuRow } from "../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
+import { connectRepositories } from "../agents/editor/connect-repositories.258f6c2c5f1b1b17.js";
+import { ENGINES, ENGINE_NAMES, defaultLabel, modelValue, splitModel } from "../settings/model-options.2eacf7f8ac0032df.js";
+import { folderName } from "./list/task.af5001e51d2f612b.js";
+import { watchTask } from "../../../../comps/frame/task-toasts.63f673632770924d.js";
+import { CHOICE, PLACEHOLDER, loadComposer, savedChoice, usableAgent } from "./composer-data.ff108c0ef82a4d7b.js";
+import { Notice } from "../../../../comps/ui/notice.f395f231cbb96445.js";
+import { CredentialsLink } from "../../../../comps/nav/back.5681714d0cf45454.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const EFFORTS = [
 	["", "Default"],
 	["low", "Low"],
@@ -33,6 +36,7 @@ const PERMISSIONS = [
 ];
 const DRAFT = "coder:draft";
 const CONNECT = "+connect";
+const REFRESH = "+refresh";
 const OTHER = "+other";
 const PICK = "+pick";
 const CLONE = "+clone";
@@ -40,12 +44,6 @@ const CLONE = "+clone";
 const COMMAND = /^\/(review|flow)(?:\s+(\S+))?\s*([\s\S]*)$/;
 /** A select's options: its unset value, then the picked value, then the rest, so it shows its label before the list loads. */
 const optionsOf = (fallback, value, values) => [["", fallback], ...[...new Set([value, ...values])].filter(Boolean).map((each) => [each, each])];
-// Named choices; a value the list lacks still shows, as itself.
-const named = (fallback, value, values) => [
-	["", fallback],
-	...value && !values.some(([id]) => id === value) ? [[value, value]] : [],
-	...values
-];
 /** Unset runs in the server's own folder; then recent and chosen ones, then the machine's dialog or a path box, then a repository URL box. A saved folder the list lacks still shows. */
 const folderOptions = (folders, added, value) => {
 	const paths = [...folders.recent, ...added].map((each) => each.path);
@@ -95,26 +93,19 @@ function argsOf(text) {
 }
 /** Rows under a combobox; the field keeps focus, so the mouse never takes it. */
 function Entries({ id, entries, active, selected, onActive }) {
-	return /* @__PURE__ */ _jsx(_Fragment, { children: entries.flatMap((entry, index) => [entry.head ? /* @__PURE__ */ _jsx("div", {
-		class: "pop-label",
+	return /* @__PURE__ */ _jsx(_Fragment, { children: entries.flatMap((entry, index) => [entry.head ? /* @__PURE__ */ _jsx(MenuLabel, {
 		role: "presentation",
 		children: entry.head
-	}, `h:${entry.key}`) : null, /* @__PURE__ */ _jsxs("div", {
+	}, `h:${entry.key}`) : null, /* @__PURE__ */ _jsx(MenuOption, {
 		id: `${id}-${index}`,
-		role: "option",
-		"aria-selected": selected === undefined ? index === active : entry.key === selected,
-		class: index === active ? "pop-item on" : "pop-item",
+		active: index === active,
+		selected: selected === undefined ? index === active : entry.key === selected,
+		check: selected !== undefined,
+		end: entry.hint ? /* @__PURE__ */ _jsx("small", { children: entry.hint }) : null,
 		onMouseDown: (event) => event.preventDefault(),
 		onPointerMove: () => index !== active && onActive(index),
 		onClick: entry.pick,
-		children: [
-			/* @__PURE__ */ _jsx("span", {
-				class: "grow",
-				children: entry.label
-			}),
-			entry.hint ? /* @__PURE__ */ _jsx("small", { children: entry.hint }) : null,
-			selected === undefined ? null : /* @__PURE__ */ _jsx(Icon, { d: iCheck })
-		]
+		children: entry.label
 	}, entry.key)]) });
 }
 /** Arrows move through `count` rows and wrap; returns whether the key was one of them. */
@@ -129,21 +120,20 @@ const stepped = (event, at, count, move) => {
 	return true;
 };
 /** A credential link that comes back here with the draft kept. */
-export function NeedsCredential({ reason, back = "/dash/tasks" }) {
-	return /* @__PURE__ */ _jsxs("div", {
-		class: "notice slim",
-		role: "status",
+export function NeedsCredential({ reason, label }) {
+	return /* @__PURE__ */ _jsxs(Notice, {
+		tone: "warning",
+		slim: true,
 		children: [
 			/* @__PURE__ */ _jsx(Icon, { d: iAlert }),
 			/* @__PURE__ */ _jsx("span", {
 				class: "grow",
 				children: reason || "Tasks need a model credential to run."
 			}),
-			/* @__PURE__ */ _jsx(Link, {
-				class: "btn outline sm",
-				href: "/dash/settings/[tab]",
-				params: { tab: "credentials" },
-				search: { return: back },
+			/* @__PURE__ */ _jsx(CredentialsLink, {
+				variant: "outline",
+				size: "sm",
+				label,
 				children: "Add credential"
 			})
 		]
@@ -152,14 +142,14 @@ export function NeedsCredential({ reason, back = "/dash/tasks" }) {
 /** The dashboard's one box: type and press Enter to start a task, or `/` for reviews and flows. */
 export function Composer({ initial, data, defaults, missing, connectLabel, tz }) {
 	const nav = useRouter();
-	const [choice, setChoice] = useState({
+	const org = useOrg();
+	const [choice, setChoice] = useState(() => usableAgent({
 		...CHOICE,
 		...initial
-	});
+	}, data));
 	const [lists, setLists] = useState(data);
 	const [pulls, setPulls] = useState();
 	const [busy, setBusy] = useState(false);
-	const [error, setError] = useState("");
 	// Why no credential can run it, once a start says so.
 	const [needs, setNeeds] = useState();
 	// The model row whose effort choices are open.
@@ -199,18 +189,46 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 				repo,
 				items: []
 			});
-			setError(reasonText(reason));
+			toastFailure(reason);
 		});
 		void client.flows.list(repo).then((flows) => setLists((current) => ({
 			...current,
 			flows: flows.map((flow) => flow.name)
 		}))).catch(() => {});
 	}, [commanding, choice.repo]);
+	const reposRead = useRef(Boolean(data.repos));
+	const readRepos = () => {
+		if (reposRead.current) return;
+		reposRead.current = true;
+		void client.repositories.list().catch((reason) => {
+			console.error("coder dashboard: repositories", reason);
+			return [];
+		}).then((rows) => setLists((current) => ({
+			...current,
+			repos: rows.map((row) => row.repo)
+		})));
+	};
+	// Repositories the saved list misses, such as ones created since the platform was connected.
+	const repos = useAction();
+	const refreshing = Boolean(repos.pending);
+	const refreshRepos = () => {
+		reposRead.current = true;
+		void repos.run("refresh", async () => {
+			const rows = await client.repositories.refresh();
+			setLists((current) => ({
+				...current,
+				repos: rows.map((row) => row.repo)
+			}));
+		});
+	};
+	const choosingRepo = !choice.repo && /^\/review\s/.test(text);
+	useEffect(() => void (choosingRepo && readRepos()), [choosingRepo]);
 	const pick = (key, value) => {
 		if (value === OTHER) return setTyping("path");
 		if (value === CLONE) return setTyping("url");
 		if (value === PICK) return void pickFolder();
-		if (value === CONNECT) return void connectRepositories("/dash/tasks").catch((reason) => setError(reasonText(reason)));
+		if (value === REFRESH) return refreshing ? undefined : refreshRepos();
+		if (value === CONNECT) return void connectRepositories(`/dash/${org}/tasks`).catch(toastFailure);
 		apply({ [key]: value });
 		if (key === "repo" || key === "cwd") box.current?.focus({ preventScroll: true });
 	};
@@ -223,8 +241,7 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 		document.cookie = `compose=${encodeURIComponent(JSON.stringify(next))}; path=/; max-age=31536000; samesite=lax`;
 	};
 	const chose = (checked) => {
-		if (!checked.ok) return setError(checked.detail);
-		setError("");
+		if (!checked.ok) return toastFailure(checked.detail);
 		setTyping("");
 		setAdded((current) => [...current.filter((each) => each.path !== checked.folder.path), checked.folder]);
 		pick("cwd", checked.folder.path === lists.folders?.current.path ? "" : checked.folder.path);
@@ -270,11 +287,11 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 	};
 	const start = async (pr) => {
 		const text = box.current?.value.trim() ?? "";
-		if (busy || cloning || !(text || pr)) return;
+		if (busy || cloning || lists.agentsOff || !(text || pr)) return;
 		const [, command, name = "", args = ""] = COMMAND.exec(text) ?? [];
 		if (!pr && command && !(command === "flow" ? name : /^#?\d+$/.test(name))) return void setDismissed(false);
 		const review = pr ?? (command === "review" ? Number(name.replace("#", "")) : undefined);
-		if (review && !choice.repo) return setError("Pick a repository first.");
+		if (review && !choice.repo) return toastFailure("Pick a repository first.");
 		const { agent, engine, model, effort, permissions, runner } = choice;
 		const [repo, cwd] = lists.folders ? ["", choice.cwd] : [choice.repo, ""];
 		const fields = Object.fromEntries(Object.entries({
@@ -287,7 +304,6 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 			runner
 		}).filter(([, value]) => value));
 		setBusy(true);
-		setError("");
 		try {
 			const created = review ? await client.review({
 				...fields,
@@ -304,11 +320,14 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 			});
 			if (!pr || command) localStorage.removeItem(DRAFT);
 			watchTask(created.task.id, "queued", text || `Review of #${review}`);
-			nav.push("/dash/tasks/[id]", { params: { id: created.task.id } });
+			nav.push("/dash/[org]/tasks/[id]", { params: {
+				org,
+				id: created.task.id
+			} });
 		} catch (reason) {
 			setBusy(false);
 			if (reason.status === 409) setNeeds(reasonText(reason));
-			else setError(reasonText(reason));
+			else toastFailure(reason);
 		}
 	};
 	// The slash menu for what is typed so far: commands, then a flow, a repository or a pull request.
@@ -344,7 +363,7 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 		if (number === undefined) return undefined;
 		if (!choice.repo) return {
 			label: "Pick a repository",
-			entries: [...lists.repos.filter((repo) => repo.includes(number)).map((repo) => ({
+			entries: [...(lists.repos ?? []).filter((repo) => repo.includes(number)).map((repo) => ({
 				key: repo,
 				label: repo,
 				pick: () => pick("repo", repo)
@@ -399,10 +418,10 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 	}, [open, text]);
 	const engine = choice.engine || defaults.engine;
 	const own = defaults.engines[engine] ?? {};
-	const agents = lists.agents.filter(([id]) => id !== "coder");
+	const agents = lists.agents.some(([id]) => id === choice.agent) ? lists.agents : [...lists.agents, [choice.agent, choice.agent]];
 	// Only the settings that differ from the workspace's defaults.
 	const changed = [
-		choice.agent !== "coder" && choice.agent,
+		choice.agent !== lists.defaultAgent && choice.agent,
 		choice.engine !== defaults.engine && choice.engine,
 		...[
 			"model",
@@ -464,8 +483,13 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					!lists.folders ? /* @__PURE__ */ _jsx(Select, {
 						label: "Repository",
 						value: choice.repo,
-						options: [...optionsOf("No repository", choice.repo, lists.repos), [CONNECT, connectLabel]],
-						onChange: (value) => pick("repo", value)
+						options: [
+							...optionsOf("No repository", choice.repo, lists.repos ?? []),
+							[REFRESH, refreshing ? "Refreshing repositories…" : "Refresh repositories"],
+							[CONNECT, connectLabel]
+						],
+						onChange: (value) => pick("repo", value),
+						onFocus: readRepos
 					}) : typing ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("input", {
 						class: "folder-path",
 						"aria-label": typing === "url" ? "Repository URL" : "Folder path",
@@ -477,7 +501,6 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 							if (cloning) return event.preventDefault();
 							if (event.key === "Escape") {
 								event.preventDefault();
-								setError("");
 								return setTyping("");
 							}
 							if (event.key !== "Enter" || event.isComposing) return;
@@ -507,31 +530,33 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 						title: "Model, effort, permissions and more",
 						children: [/* @__PURE__ */ _jsx(Icon, { d: iSliders }), changed ? /* @__PURE__ */ _jsx("span", { children: changed }) : null]
 					}),
-					/* @__PURE__ */ _jsx("button", {
-						class: "btn sm send",
-						disabled: busy || !text.trim(),
-						"aria-busy": busy,
+					/* @__PURE__ */ _jsx(Button, {
+						type: "submit",
+						size: "sm",
+						class: "send",
+						leftIcon: iSteer,
+						disabled: !text.trim() || lists.agentsOff,
+						loading: busy,
 						"aria-label": busy ? "Starting task" : "Start task",
-						title: "Start task (Enter)",
-						children: /* @__PURE__ */ _jsx(Icon, { d: iSteer })
+						title: "Start task (Enter)"
 					})
 				]
 			}),
+			lists.agentsOff ? /* @__PURE__ */ _jsx("small", {
+				class: "folder-hint",
+				children: "Every agent here is disabled. Enable one in its settings to start tasks."
+			}) : null,
 			typing === "url" ? /* @__PURE__ */ _jsx("small", {
 				class: "folder-hint",
 				children: "Uses this machine's git logins"
 			}) : null,
-			/* @__PURE__ */ _jsx(ErrorText, { value: error }),
-			/* @__PURE__ */ _jsxs("div", {
+			/* @__PURE__ */ _jsxs(MenuPanel, {
 				id: `${id}-settings`,
-				class: "pop composer-settings",
+				class: "composer-settings",
 				popover: "auto",
 				onBeforeToggle: place,
 				children: [
-					/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Model"
-					}),
+					/* @__PURE__ */ _jsx(MenuLabel, { children: "Model" }),
 					/* @__PURE__ */ _jsxs("div", {
 						role: "group",
 						"aria-label": "Model",
@@ -545,38 +570,26 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 							const efforts = resolved(EFFORTS, defaults.engines[picked.engine || defaults.engine]?.effort);
 							const effortLabel = on && choice.effort ? efforts.find(([key]) => key === choice.effort)?.[1] : undefined;
 							const showing = expanded === value;
-							return /* @__PURE__ */ _jsxs(Fragment, { children: [/* @__PURE__ */ _jsxs("div", {
-								class: "pop-row",
-								children: [/* @__PURE__ */ _jsxs("button", {
-									type: "button",
-									role: "menuitemradio",
-									"aria-checked": on,
-									class: on ? "pop-item on" : "pop-item",
-									onClick: (event) => {
-										apply({
-											...picked,
-											effort: ""
-										});
-										event.currentTarget.closest("[popover]")?.hidePopover();
-									},
-									children: [
-										/* @__PURE__ */ _jsx("span", {
-											class: "grow",
-											children: label
-										}),
-										effortLabel ? /* @__PURE__ */ _jsx("small", { children: effortLabel.toLowerCase() }) : null,
-										on ? /* @__PURE__ */ _jsx(Icon, { d: iCheck }) : null
-									]
-								}), /* @__PURE__ */ _jsx("button", {
-									type: "button",
-									class: "pop-chev",
-									"data-keep": true,
-									"aria-label": `Effort for ${label}`,
-									"aria-expanded": showing,
-									onClick: () => setExpanded(showing ? undefined : value),
-									children: /* @__PURE__ */ _jsx(Icon, { d: iRight })
-								})]
-							}), showing ? /* @__PURE__ */ _jsx("div", {
+							return /* @__PURE__ */ _jsxs(Fragment, { children: [/* @__PURE__ */ _jsxs(MenuRow, { children: [/* @__PURE__ */ _jsx(MenuRadio, {
+								on,
+								onPick: () => {
+									apply({
+										...picked,
+										effort: ""
+									});
+									document.getElementById(`${id}-settings`)?.hidePopover();
+								},
+								end: effortLabel ? /* @__PURE__ */ _jsx("small", { children: effortLabel.toLowerCase() }) : null,
+								children: label
+							}), /* @__PURE__ */ _jsx("button", {
+								type: "button",
+								class: "pop-chev",
+								"data-keep": true,
+								"aria-label": `Effort for ${label}`,
+								"aria-expanded": showing,
+								onClick: () => setExpanded(showing ? undefined : value),
+								children: /* @__PURE__ */ _jsx(Icon, { d: iRight })
+							})] }), showing ? /* @__PURE__ */ _jsx("div", {
 								role: "group",
 								"aria-label": `Effort for ${label}`,
 								class: "pop-sub",
@@ -592,20 +605,18 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 									children: text
 								}, effort))
 							}) : null] }, value);
-						})] }, engine)), /* @__PURE__ */ _jsxs(Link, {
-							class: "pop-item add-models",
-							href: "/dash/settings/[tab]",
-							params: { tab: "models" },
-							children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), /* @__PURE__ */ _jsx("span", {
-								class: "grow",
-								children: "Add models"
-							})]
+						})] }, engine)), /* @__PURE__ */ _jsx(MenuLink, {
+							class: "add-models",
+							href: "/dash/[org]/settings/[tab]",
+							params: {
+								org,
+								tab: "models"
+							},
+							icon: iPlus,
+							children: "Add models"
 						})]
 					}),
-					/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Permissions"
-					}),
+					/* @__PURE__ */ _jsx(MenuLabel, { children: "Permissions" }),
 					/* @__PURE__ */ _jsx("div", {
 						role: "group",
 						"aria-label": "Permissions",
@@ -615,19 +626,13 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 							children: label
 						}, value))
 					}),
-					agents.length || choice.agent !== "coder" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Agent"
-					}), /* @__PURE__ */ _jsx(Select, {
+					agents.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(MenuLabel, { children: "Agent" }), /* @__PURE__ */ _jsx(Select, {
 						label: "Agent",
 						value: choice.agent,
-						options: named("coder", choice.agent, agents),
+						options: agents,
 						onChange: (value) => apply({ agent: value })
 					})] }) : null,
-					lists.runners.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Runs on"
-					}), /* @__PURE__ */ _jsx(Select, {
+					lists.runners.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(MenuLabel, { children: "Runs on" }), /* @__PURE__ */ _jsx(Select, {
 						label: "Runs on",
 						options: lists.runners,
 						value: choice.runner,
@@ -635,18 +640,15 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					})] }) : null
 				]
 			}),
-			/* @__PURE__ */ _jsx("div", {
-				ref: slash,
+			/* @__PURE__ */ _jsx(MenuPanel, {
+				panelRef: slash,
 				id: `${id}-slash`,
-				class: "pop composer-slash",
+				class: "composer-slash",
 				popover: "manual",
 				role: "listbox",
 				"aria-label": menu?.label ?? "Commands",
 				children: menu ? /* @__PURE__ */ _jsxs(_Fragment, { children: [
-					/* @__PURE__ */ _jsx("div", {
-						class: "pop-label",
-						children: menu.label
-					}),
+					/* @__PURE__ */ _jsx(MenuLabel, { children: menu.label }),
 					/* @__PURE__ */ _jsx(Entries, {
 						id: `${id}-slash`,
 						entries: menu.entries,
@@ -656,10 +658,7 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					menu.note === "loading" ? /* @__PURE__ */ _jsx(Loading, {
 						label: "Loading pull requests",
 						inline: true
-					}) : menu.note && !menu.entries.length ? /* @__PURE__ */ _jsx("p", {
-						class: "pop-note",
-						children: menu.note
-					}) : null
+					}) : menu.note && !menu.entries.length ? /* @__PURE__ */ _jsx(MenuNote, { children: menu.note }) : null
 				] }) : null
 			})
 		]
@@ -685,20 +684,16 @@ export function NewTaskButton({ agent }) {
 	const [error, setError] = useState("");
 	const [shown, setShown] = useState(false);
 	const loading = useRef();
-	// Hovering the button already loads what the composer needs.
-	const prepare = () => loading.current ??= loadComposer(client).then(setSetup, (reason) => setError(reasonText(reason)));
 	const open = () => {
 		setShown(true);
 		dialog.current?.showModal();
-		void prepare();
+		loading.current ??= loadComposer(client).then(setSetup, (reason) => setError(reasonText(reason)));
 	};
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("button", {
-		type: "button",
-		class: "btn new-task",
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+		class: "new-task",
+		leftIcon: iPlus,
 		onClick: open,
-		onPointerEnter: prepare,
-		onFocus: prepare,
-		children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "New task"]
+		children: "New task"
 	}), /* @__PURE__ */ _jsxs("dialog", {
 		ref: dialog,
 		class: "compose-dialog",
@@ -711,12 +706,10 @@ export function NewTaskButton({ agent }) {
 				class: "sub",
 				children: agent
 			}) : null,
-			/* @__PURE__ */ _jsx("button", {
-				type: "button",
-				class: "icon-btn",
-				"aria-label": "Close",
-				onClick: () => dialog.current?.close(),
-				children: /* @__PURE__ */ _jsx(Icon, { d: iX })
+			/* @__PURE__ */ _jsx(IconButton, {
+				icon: iX,
+				label: "Close",
+				onClick: () => dialog.current?.close()
 			})
 		] }), !shown ? null : setup ? /* @__PURE__ */ _jsx(Composer, {
 			...setup,
@@ -725,6 +718,10 @@ export function NewTaskButton({ agent }) {
 				...agent ? { agent } : {}
 			},
 			tz: Intl.DateTimeFormat().resolvedOptions().timeZone
-		}) : error ? /* @__PURE__ */ _jsx(ErrorText, { value: error }) : /* @__PURE__ */ _jsx(LoadingComposer, {})]
+		}) : error ? /* @__PURE__ */ _jsx("p", {
+			class: "flash err",
+			role: "alert",
+			children: error
+		}) : /* @__PURE__ */ _jsx(LoadingComposer, {})]
 	})] });
 }

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

@@ -1,5 +1,5 @@
-import "./status.d71a946ed749ca30.css.pnext-asset.js";
-import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+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}`,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{tasks/list/task.465c2af602cce783.js → [org]/tasks/list/task.af5001e51d2f612b.js}

@@ -1,4 +1,4 @@
-import { byListKey, listRank } from "../../../../../../core/defaults.36612942475445c3.js";
+import { byListKey, listRank } from "../../../../../../../core/defaults.e6ce0944639198a2.js";
 /** Task statuses a list filters by. */
 export const STATUSES = [
 	["", "Recent"],
@@ -48,6 +48,17 @@ 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;