@wular/coder 0.4.7 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{tasks/composer.f232cc1bf2d7b08a.js → [org]/tasks/composer.c7ec618e215d63ce.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.360b393e5938c60b.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.568346602027ac74.js";
+import { formatDate } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { iAlert, iCheck, iPlus, iRight, iSliders, iSteer, iX } from "../../../../comps/ui/icons.868385119bf2de28.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 { useOrg } from "../../../../comps/nav/org.813dc34bd23a336f.js";
+import { Loading } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Select } from "../../../../comps/ui/select.7f481669998074f8.js";
+import { MenuRadio } from "../../../../comps/ui/menu.0f064f75822888be.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.4282affa47415a36.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.af528135d7e33d6d.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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);
@@ -129,21 +127,19 @@ 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, {
+			/* @__PURE__ */ _jsx(CredentialsLink, {
 				class: "btn outline sm",
-				href: "/dash/settings/[tab]",
-				params: { tab: "credentials" },
-				search: { return: back },
+				label,
 				children: "Add credential"
 			})
 		]
@@ -152,14 +148,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 +195,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 +247,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 +293,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 +310,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 +326,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 +369,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 +424,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 +489,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 +507,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;
@@ -509,7 +538,7 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					}),
 					/* @__PURE__ */ _jsx("button", {
 						class: "btn sm send",
-						disabled: busy || !text.trim(),
+						disabled: busy || !text.trim() || lists.agentsOff,
 						"aria-busy": busy,
 						"aria-label": busy ? "Starting task" : "Start task",
 						title: "Start task (Enter)",
@@ -517,11 +546,14 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					})
 				]
 			}),
+			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", {
 				id: `${id}-settings`,
 				class: "pop composer-settings",
@@ -594,8 +626,11 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 							}) : null] }, value);
 						})] }, engine)), /* @__PURE__ */ _jsxs(Link, {
 							class: "pop-item add-models",
-							href: "/dash/settings/[tab]",
-							params: { tab: "models" },
+							href: "/dash/[org]/settings/[tab]",
+							params: {
+								org,
+								tab: "models"
+							},
 							children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), /* @__PURE__ */ _jsx("span", {
 								class: "grow",
 								children: "Add models"
@@ -615,13 +650,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", {
+					agents.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("p", {
 						class: "pop-label",
 						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", {
@@ -685,19 +720,15 @@ 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",
 		onClick: open,
-		onPointerEnter: prepare,
-		onFocus: prepare,
 		children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "New task"]
 	}), /* @__PURE__ */ _jsxs("dialog", {
 		ref: dialog,
@@ -725,6 +756,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;