@wular/coder 0.4.7 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{settings/[tab]/credentials-list.c25242f7f4ef6399.js → [org]/settings/[tab]/credentials-list.41ce6eb622300bb3.js}

@@ -1,20 +1,21 @@
 "use client";
-import "./credentials-list.0953506d95c86a2f.css.pnext-asset.js";
-import { useEffect, useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client, poll } from "../../../../utils/client.a8205c524e63d4a9.js";
-import { iCheck, iCopy, iDots } from "../../../../comps/ui/icons.1777c0350d5d215e.js";
-import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { Card, Loading } from "../../../../comps/ui/card.b0873d38765c9d20.js";
-import { reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { ErrorText } from "../../../../comps/ui/field.7b2a2075ee8c6e29.js";
-import { Badge } from "../../../../comps/ui/badge.5abdef72e9189fdc.js";
-import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Menu, MenuItem } from "../../../../comps/ui/menu.a4dd9fb9f566689a.js";
-import { Segmented } from "../../../../comps/ui/segmented.5ac52bb38fb64ae5.js";
-import { Select } from "../../../../comps/ui/select.f036fdc3fce02b92.js";
-import { Combo } from "../../../../comps/ui/combo.ca0efacf2ce15578.js";
-import { useRemove } from "./list.db2e212e3c8b5d32.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import "./credentials-list.1236d6680ec02696.css.pnext-asset.js";
+import { useEffect, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client, usePoll } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure, useAction } from "../../../../../utils/action.568346602027ac74.js";
+import { iCheck, iCopy, iDots } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { Card, Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { reasonText } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Menu, MenuItem } from "../../../../../comps/ui/menu.0f064f75822888be.js";
+import { Segmented } from "../../../../../comps/ui/segmented.5ac52bb38fb64ae5.js";
+import { Select } from "../../../../../comps/ui/select.7f481669998074f8.js";
+import { Combo } from "../../../../../comps/ui/combo.0572dd5730c94112.js";
+import { useRemove } from "./list.6d6180438e2bd0c8.js";
+import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const ENGINES = [
 	{
 		id: "claude",
@@ -107,22 +108,20 @@ function KeyField({ engine, token, admin, autoFocus, onSaved }) {
 	const input = useRef(null);
 	const [name, setName] = useState(engine.key);
 	const [scope, setScope] = useState("personal");
-	const [busy, setBusy] = useState(false);
-	const [error, setError] = useState("");
+	const action = useAction({ leaves: true });
+	const busy = Boolean(action.pending);
 	useEffect(() => {
 		if (autoFocus) input.current?.focus();
 	}, []);
 	const save = () => {
 		if (busy || !value.trim() || !name.trim()) return;
-		setBusy(true);
-		setError("");
-		void client.credentials.add({
-			engine: engine.id,
-			env: { [token ? "CLAUDE_CODE_OAUTH_TOKEN" : name.trim()]: value.trim() },
-			...scope === "workspace" && !token ? { workspace: true } : {}
-		}).then(onSaved).catch((reason) => {
-			setBusy(false);
-			setError(reasonText(reason));
+		void action.run("save", async () => {
+			await client.credentials.add({
+				engine: engine.id,
+				env: { [token ? "CLAUDE_CODE_OAUTH_TOKEN" : name.trim()]: value.trim() },
+				...scope === "workspace" && !token ? { workspace: true } : {}
+			});
+			onSaved();
 		});
 	};
 	return /* @__PURE__ */ _jsxs("form", {
@@ -160,7 +159,6 @@ function KeyField({ engine, token, admin, autoFocus, onSaved }) {
 				onChange: setScope,
 				disabled: token
 			}) : null,
-			/* @__PURE__ */ _jsx(ErrorText, { value: error }),
 			/* @__PURE__ */ _jsx("button", { hidden: true })
 		]
 	});
@@ -183,17 +181,11 @@ function SignInLabel({ engine, label }) {
 function SignIn({ login, engine, onChange, onDone, onError }) {
 	const [copied, setCopied] = useState(false);
 	const [opened, setOpened] = useState(false);
-	useEffect(() => {
-		if (!login.id || login.state === "done" || login.state === "failed") return;
-		const timer = setTimeout(() => {
-			void client.credentials.loginStatus(login.id).then((next) => {
-				if (next.state === "done") return onDone();
-				if (next.state === "failed") return onError(next.error ?? "Sign-in failed. Try again.");
-				onChange(next);
-			}).catch((reason) => onError(reasonText(reason)));
-		}, 800);
-		return () => clearTimeout(timer);
-	}, [login]);
+	usePoll(login.id && login.state !== "done" && login.state !== "failed" ? () => client.credentials.loginStatus(login.id).then((next) => {
+		if (next.state === "done") return onDone();
+		if (next.state === "failed") return onError(next.error ?? "Sign-in failed. Try again.");
+		onChange(next);
+	}).catch((reason) => onError(reasonText(reason))) : undefined, 800, [login.id]);
 	const onCode = (code) => {
 		onChange({
 			...login,
@@ -283,127 +275,141 @@ function SignIn({ login, engine, onChange, onDone, onError }) {
 /** A server on this machine: tasks use its own claude and codex logins, so nothing is stored here. */
 export function EngineLogins({ status: initial }) {
 	const [status, setStatus] = useState(initial);
-	const [busy, setBusy] = useState("");
-	const [error, setError] = useState("");
-	const waiting = useRef();
+	const action = useAction();
 	// A sign-in finishes in the browser the engine opened; the status says when.
-	const watch = (engine) => {
-		waiting.current?.();
-		const until = Date.now() + 5 * 6e4;
+	const [watching, setWatching] = useState();
+	const busy = action.pending ?? (watching ? `${watching.engine}:login` : "");
+	usePoll(watching ? async (signal) => {
+		const next = await client.engines.status();
 		// A status read from a sign-in already stopped never stops the next one.
-		let current = true;
-		const stopPoll = poll(async () => {
-			const next = await client.engines.status();
-			if (!current) return;
-			setStatus(next);
-			if (next[engine]?.signedIn || Date.now() > until) {
-				stop();
-				setBusy("");
-			}
-		}, 2e3);
-		const stop = () => {
-			current = false;
-			stopPoll();
-		};
-		waiting.current = stop;
-	};
-	useEffect(() => () => waiting.current?.(), []);
-	const act = (engine, action) => {
-		setBusy(`${engine}:${action}`);
-		setError("");
-		client.engines[action](engine).then((next) => {
-			setStatus(next);
-			if (action === "login") watch(engine);
-			else setBusy("");
-		}).catch((reason) => {
-			setBusy("");
-			setError(reasonText(reason));
+		if (signal.aborted) return;
+		setStatus(next);
+		if (next[watching.engine]?.signedIn || Date.now() > watching.until) setWatching(undefined);
+	} : undefined, 2e3, [watching]);
+	const act = (engine, kind) => void action.run(`${engine}:${kind}`, async () => {
+		setStatus(await client.engines[kind](engine));
+		if (kind === "login") setWatching({
+			engine,
+			until: Date.now() + 5 * 6e4
 		});
-	};
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
-		ENGINES.filter((engine) => engine.id !== "custom").map((engine) => {
-			const own = status[engine.id];
-			const signingIn = busy === `${engine.id}:login`;
-			return /* @__PURE__ */ _jsx(Card, {
-				title: engine.name,
-				children: /* @__PURE__ */ _jsxs("div", {
-					class: "cred-new",
-					children: [
-						own?.signedIn ? /* @__PURE__ */ _jsxs("span", {
-							class: "signed grow",
-							children: [
-								/* @__PURE__ */ _jsx(Icon, { d: iCheck }),
-								"Signed in to ",
-								engine.name
-							]
-						}) : signingIn ? /* @__PURE__ */ _jsxs("span", {
-							class: "grow muted",
-							children: [
-								"Finish signing in in the window ",
-								engine.name,
-								" opened."
-							]
-						}) : /* @__PURE__ */ _jsx("span", {
-							class: "grow muted",
-							children: "Not signed in on this machine."
-						}),
-						own?.signedIn ? /* @__PURE__ */ _jsx("button", {
-							type: "button",
-							class: "btn secondary-danger sm",
-							disabled: busy === `${engine.id}:logout`,
-							onClick: () => act(engine.id, "logout"),
-							children: "Sign out"
-						}) : /* @__PURE__ */ _jsx("button", {
-							type: "button",
-							class: "btn secondary sm",
-							"aria-busy": signingIn,
-							disabled: Boolean(busy),
-							onClick: () => act(engine.id, "login"),
-							children: "Sign in"
-						}),
-						signingIn ? /* @__PURE__ */ _jsx("button", {
-							type: "button",
-							class: "btn ghost sm",
-							onClick: () => {
-								waiting.current?.();
-								setBusy("");
-							},
-							children: "Cancel"
-						}) : null
-					]
-				})
-			}, engine.id);
-		}),
-		/* @__PURE__ */ _jsx(ErrorText, { value: error }),
-		/* @__PURE__ */ _jsx("p", {
-			class: "muted",
-			children: "On the local server, custom models read their key variable from this machine's environment."
-		})
-	] });
+	});
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [ENGINES.filter((engine) => engine.id !== "custom").map((engine) => {
+		const own = status[engine.id];
+		const signingIn = busy === `${engine.id}:login`;
+		return /* @__PURE__ */ _jsx(Card, {
+			title: engine.name,
+			children: /* @__PURE__ */ _jsxs("div", {
+				class: "cred-new",
+				children: [
+					own?.signedIn ? /* @__PURE__ */ _jsxs("span", {
+						class: "signed grow",
+						children: [
+							/* @__PURE__ */ _jsx(Icon, { d: iCheck }),
+							"Signed in to ",
+							engine.name
+						]
+					}) : signingIn ? /* @__PURE__ */ _jsxs("span", {
+						class: "grow muted",
+						children: [
+							"Finish signing in in the window ",
+							engine.name,
+							" opened."
+						]
+					}) : /* @__PURE__ */ _jsx("span", {
+						class: "grow muted",
+						children: "Not signed in on this machine."
+					}),
+					own?.signedIn ? /* @__PURE__ */ _jsx("button", {
+						type: "button",
+						class: "btn secondary-danger sm",
+						disabled: busy === `${engine.id}:logout`,
+						"aria-busy": busy === `${engine.id}:logout`,
+						onClick: () => act(engine.id, "logout"),
+						children: "Sign out"
+					}) : /* @__PURE__ */ _jsx("button", {
+						type: "button",
+						class: "btn secondary sm",
+						"aria-busy": signingIn,
+						disabled: Boolean(busy),
+						onClick: () => act(engine.id, "login"),
+						children: "Sign in"
+					}),
+					signingIn ? /* @__PURE__ */ _jsx("button", {
+						type: "button",
+						class: "btn ghost sm",
+						onClick: () => setWatching(undefined),
+						children: "Cancel"
+					}) : null
+				]
+			})
+		}, engine.id);
+	}), /* @__PURE__ */ _jsx("p", {
+		class: "muted",
+		children: "On the local server, custom models read their key variable from this machine's environment."
+	})] });
 }
-export function CredentialsList({ rows, me, focus, back }) {
+export function CredentialsList({ rows, me, focus }) {
 	const nav = useRouter();
-	const [error, setError] = useState("");
-	const [pending, setPending] = useState("");
+	const org = useOrg();
 	const [adding, setAdding] = useState("");
 	const [logins, setLogins] = useState({});
 	const [chosen, setChosen] = useState({});
 	const token = !me.user;
 	const admin = token || ADMIN_ROLES.has(me.organization?.role ?? "");
 	const subscriptions = me.server?.subscriptions;
-	useEffect(() => setPending(""), [rows]);
-	const setLogin = (engine, login) => setLogins((all) => ({
-		...all,
-		[engine]: login
-	}));
+	const action = useAction({
+		refresh: true,
+		leaves: true
+	});
+	// A row's action stays busy until the refreshed rows arrive.
+	const [acted, setActed] = useState(rows);
+	const pending = acted === rows ? action.pending ?? "" : "";
+	// The tab remembers its sign-ins in progress, so a reload picks them back up.
+	const saved = `coder-logins:${org}`;
+	const remembered = () => {
+		try {
+			return JSON.parse(sessionStorage.getItem(saved) ?? "{}");
+		} catch {
+			return {};
+		}
+	};
+	const setLogin = (engine, login) => {
+		setLogins((all) => ({
+			...all,
+			[engine]: login
+		}));
+		try {
+			const ids = {
+				...remembered(),
+				[engine]: login?.id || undefined
+			};
+			sessionStorage.setItem(saved, JSON.stringify(ids));
+		} catch {}
+	};
+	// A sign-in started on this page wins over a restore still in flight.
+	const started = useRef(new Set());
+	useEffect(() => {
+		for (const [engine, id] of Object.entries(remembered())) {
+			void client.credentials.loginStatus(id).then((next) => {
+				if (started.current.has(engine)) return;
+				if (next.state === "done") return done(engine);
+				if (next.state === "failed") {
+					setLogin(engine);
+					return toastFailure(next.error ?? "Sign-in failed. Try again.");
+				}
+				setLogin(engine, next);
+			}).catch(() => {
+				if (!started.current.has(engine)) setLogin(engine);
+			});
+		}
+	}, []);
 	const done = (engine) => {
 		if (engine) setLogin(engine);
 		setAdding("");
-		if (back) location.href = back;
-		else nav.refresh();
+		nav.refresh();
 	};
 	const signIn = (engine) => {
-		setError("");
+		started.current.add(engine);
 		setLogin(engine, {
 			id: "",
 			engine,
@@ -411,19 +417,15 @@ export function CredentialsList({ rows, me, focus, back }) {
 		});
 		void client.credentials.login(engine).then((next) => setLogin(engine, next)).catch((reason) => {
 			setLogin(engine);
-			setError(reasonText(reason));
+			toastFailure(reason);
 		});
 	};
 	const act = (row, kind) => {
 		if (pending) return Promise.resolve();
-		setPending(`${row.scope}/${row.label}/${kind}`);
-		setError("");
-		return client.credentials[kind === "default" ? "setDefault" : "remove"](row.label, { workspace: row.scope === "workspace" }).then(() => nav.refresh()).catch((reason) => {
-			setPending("");
-			setError(reasonText(reason));
-		});
+		setActed(rows);
+		return action.run(`${row.scope}/${row.label}/${kind}`, () => client.credentials[kind === "default" ? "setDefault" : "remove"](row.label, { workspace: row.scope === "workspace" }));
 	};
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(ErrorText, { value: error }), ENGINES.map((engine) => {
+	return /* @__PURE__ */ _jsx(_Fragment, { children: ENGINES.map((engine) => {
 		const own = rows.filter((row) => row.engine === engine.id);
 		const canSignIn = engine.id !== "custom" && !token && Boolean(subscriptions?.[engine.id]);
 		const methods = [
@@ -460,7 +462,7 @@ export function CredentialsList({ rows, me, focus, back }) {
 						children: [
 							"Custom keys back ",
 							/* @__PURE__ */ _jsx("a", {
-								href: "/dash/settings/models",
+								href: `/dash/${org}/settings/models`,
 								children: "custom models"
 							}),
 							". A model uses OPENAI_API_KEY unless it names another variable."
@@ -485,7 +487,7 @@ export function CredentialsList({ rows, me, focus, back }) {
 							"Ready. Built-in models run on this key. Add aliases or custom endpoints on",
 							" ",
 							/* @__PURE__ */ _jsx("a", {
-								href: "/dash/settings/models",
+								href: `/dash/${org}/settings/models`,
 								children: "Models"
 							}),
 							"."
@@ -509,7 +511,7 @@ export function CredentialsList({ rows, me, focus, back }) {
 							onDone: () => done(active.engine),
 							onError: (reason) => {
 								setLogin(active.engine);
-								setError(reason);
+								toastFailure(reason);
 							}
 						}) : how === "signin" ? /* @__PURE__ */ _jsx("div", {
 							class: "cred-login grow end",
@@ -534,5 +536,5 @@ export function CredentialsList({ rows, me, focus, back }) {
 				]
 			})
 		}, engine.id);
-	})] });
+	}) });
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/credentials.c1a312e6ec58db83.js

@@ -0,0 +1,44 @@
+import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { load } from "../../../../../api/load.4f942c7f68b2e273.js";
+import { Settle } from "../../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
+import { localServer } from "../../../../../api/types.9f59e6c761d6aac4.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+// Hydrates as soon as the page does, so its sign-in buttons are live at once.
+const CredentialsList = dynamic(() => import("./credentials-list.41ce6eb622300bb3.js").then((m) => m.CredentialsList), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/credentials-list.tsx", import.meta.url).pathname),
+	"exportName": "CredentialsList",
+	"id": "c-1583af22cd"
+});
+const EngineLogins = dynamic(() => import("./credentials-list.41ce6eb622300bb3.js").then((m) => m.EngineLogins), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/credentials-list.tsx", import.meta.url).pathname),
+	"exportName": "EngineLogins",
+	"id": "c-5a8d952797"
+});
+const TaskSecrets = dynamic(() => import("./secrets-list.35fa72bf3f00d1af.js").then((m) => m.TaskSecrets), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/secrets-list.tsx", import.meta.url).pathname),
+	"exportName": "TaskSecrets",
+	"id": "c-a80f71b0fa"
+});
+const ADMIN_ROLES = new Set(["owner", "admin"]);
+/** The credentials settings tab. */
+export function Credentials({ request }) {
+	const params = new URL(request.url).searchParams;
+	const me = load(request).me();
+	const rows = load(request).credentials.list();
+	const secrets = load(request).connections.list().then((list) => list.filter((row) => row.provider === "env"));
+	return /* @__PURE__ */ _jsx(Settle, { load: async () => {
+		const [who, env] = await Promise.all([me, secrets]);
+		const local = localServer(who);
+		const list = /* @__PURE__ */ _jsx(TaskSecrets, {
+			first: env,
+			local,
+			admin: !who.user || ADMIN_ROLES.has(who.organization?.role ?? "")
+		});
+		if (local) return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(EngineLogins, { status: await load(request).engines.status() }), list] });
+		return rows.then((credentials) => /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(CredentialsList, {
+			rows: credentials,
+			me: who,
+			focus: params.get("engine") ?? ""
+		}), list] }));
+	} });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{settings/[tab]/engines-list.6c02a7e6d3c965cc.js → [org]/settings/[tab]/engines-list.75dc69caed34ff8f.js}

@@ -1,12 +1,12 @@
 "use client";
-import "./engines-list.c04c712adfc0ca48.css.pnext-asset.js";
-import { useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { Badge } from "../../../../comps/ui/badge.5abdef72e9189fdc.js";
-import { MenuItem } from "../../../../comps/ui/menu.a4dd9fb9f566689a.js";
-import { Select } from "../../../../comps/ui/select.f036fdc3fce02b92.js";
-import { ENGINES, ENGINE_NAMES, defaultLabel } from "../model-options.bccfaced52fc0c00.js";
-import { useConfig, List, Row, EFFORTS, PERMISSIONS, AddRow } from "./list.db2e212e3c8b5d32.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import "./engines-list.9927d602ebe9e7fc.css.pnext-asset.js";
+import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { MenuItem } from "../../../../../comps/ui/menu.0f064f75822888be.js";
+import { Select } from "../../../../../comps/ui/select.7f481669998074f8.js";
+import { ENGINES, ENGINE_NAMES, defaultLabel } from "../model-options.2eacf7f8ac0032df.js";
+import { useConfig, List, Row, EFFORTS, PERMISSIONS, AddRow } from "./list.6d6180438e2bd0c8.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Each engine's defaults, the order tasks try them, and the hosts tasks may reach. */
 export function EnginesList({ first, defaults }) {
 	const [making, setMaking] = useState("");
@@ -25,7 +25,6 @@ export function EnginesList({ first, defaults }) {
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(List, {
 		title: "Engines",
 		count: chain.length,
-		error: config.error,
 		children: rows.map((name) => /* @__PURE__ */ _jsx(Row, {
 			title: ENGINE_NAMES[name],
 			badges: /* @__PURE__ */ _jsxs(_Fragment, { children: [chain[0] === name ? /* @__PURE__ */ _jsx(Badge, {
@@ -58,7 +57,6 @@ export function EnginesList({ first, defaults }) {
 	}), /* @__PURE__ */ _jsx(List, {
 		title: "Allowed network hosts",
 		count: hosts.length,
-		error: "",
 		add: /* @__PURE__ */ _jsx(AddRow, {
 			fields: [["host", "Host, like registry.npmjs.org"]],
 			onAdd: ({ host }) => config.patch({ approvals: { allowedNetworkHosts: [...new Set([...hosts, host])] } })

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{settings/[tab]/list.db2e212e3c8b5d32.js → [org]/settings/[tab]/list.6d6180438e2bd0c8.js}

@@ -1,15 +1,14 @@
 "use client";
-import "./list.4835150fd34d0c4f.css.pnext-asset.js";
-import { useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../utils/client.a8205c524e63d4a9.js";
-import { iDots } from "../../../../comps/ui/icons.1777c0350d5d215e.js";
-import { Card } 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 { Menu, MenuItem } from "../../../../comps/ui/menu.a4dd9fb9f566689a.js";
-import { ConfirmDialog } from "../../../../comps/ui/confirm.1328a7ede6c27bb9.js";
-import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import "./list.e0ce46919b75ef76.css.pnext-asset.js";
+import { useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure } from "../../../../../utils/action.568346602027ac74.js";
+import { iDots } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { Card } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Menu, MenuItem } from "../../../../../comps/ui/menu.0f064f75822888be.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.fe133a074c2743af.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** RFC 7396: objects merge, null deletes, anything else replaces. */
 function merged(target, patch) {
 	if (!patch || typeof patch !== "object" || Array.isArray(patch)) return patch;
@@ -23,12 +22,10 @@ function merged(target, patch) {
 /** Config edits shown at once and sent as merge patches; the newest answer wins and a failure rolls back. */
 export function useConfig(first) {
 	const [value, setValue] = useState(first);
-	const [error, setError] = useState("");
 	const sent = useRef(0);
 	const saved = useRef(first);
 	const patch = (body) => {
 		const seq = ++sent.current;
-		setError("");
 		setValue((now) => merged(now, body));
 		return client.config.patch(body).then((answer) => {
 			saved.current = answer;
@@ -37,14 +34,13 @@ export function useConfig(first) {
 		}, (reason) => {
 			if (seq === sent.current) {
 				setValue(saved.current);
-				setError(reasonText(reason));
+				toastFailure(reason);
 			}
 			return false;
 		});
 	};
 	return {
 		value,
-		error,
 		patch
 	};
 }
@@ -58,29 +54,6 @@ export const PERMISSIONS = [
 	"workspace-write",
 	"auto"
 ];
-/** A change sent to the server; its answer replaces what the list shows. */
-export function useSend(first) {
-	const [value, setValue] = useState(first);
-	const [error, setError] = useState("");
-	const send = async (act, apply) => {
-		setError("");
-		try {
-			const answer = await act();
-			if (apply) setValue(apply(answer));
-			return true;
-		} catch (reason) {
-			setError(reasonText(reason));
-			return false;
-		}
-	};
-	return {
-		value,
-		setValue,
-		error,
-		setError,
-		send
-	};
-}
 /** The add row: its fields, and Enter in any of them adds. */
 export function AddRow({ fields, onAdd }) {
 	return /* @__PURE__ */ _jsxs("form", {
@@ -156,11 +129,10 @@ export function Row({ title, badges, sub, actions, menu, remove }) {
 		]
 	})] });
 }
-export function List({ title, count, error, children, add }) {
+export function List({ title, count, children, add }) {
 	return /* @__PURE__ */ _jsxs(Card, {
 		title,
 		count,
-		actions: /* @__PURE__ */ _jsx(ErrorText, { value: error }),
 		children: [/* @__PURE__ */ _jsx("div", {
 			class: "table-scroll",
 			children: /* @__PURE__ */ _jsx("table", {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/loading.9d7c30db2ecccda3.js

@@ -0,0 +1,6 @@
+import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { jsx as _jsx } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** Any settings tab before it arrives. */
+export default function LoadingSettings() {
+	return /* @__PURE__ */ _jsx(Loading, { label: "Loading settings" });
+}