@wular/coder 0.4.8 → 0.4.10

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

@@ -1,24 +1,17 @@
 "use client";
-import "./list.e0ce46919b75ef76.css.pnext-asset.js";
+import "./list.8cbee173a5aff98d.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 { client } from "../../../../../utils/client.189224c16057d7a1.js";
+import { toastFailure } from "../../../../../utils/action.968bcab0f5e3665d.js";
+import { mergePatch } from "../../../../../../../core/defaults.1b615366c56838a1.js";
+import { iDots } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Card } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.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 { Menu } from "../../../../../comps/ui/menu.ee45bace979944b6.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.c1281f9b12854210.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;
-	const out = target && typeof target === "object" && !Array.isArray(target) ? { ...target } : {};
-	for (const [key, value] of Object.entries(patch)) {
-		if (value === null) delete out[key];
-		else out[key] = merged(out[key], value);
-	}
-	return out;
-}
 /** 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);
@@ -26,7 +19,7 @@ export function useConfig(first) {
 	const saved = useRef(first);
 	const patch = (body) => {
 		const seq = ++sent.current;
-		setValue((now) => merged(now, body));
+		setValue((now) => mergePatch(now, body));
 		return client.config.patch(body).then((answer) => {
 			saved.current = answer;
 			if (seq === sent.current) setValue(answer);
@@ -44,16 +37,6 @@ export function useConfig(first) {
 		patch
 	};
 }
-export const EFFORTS = [
-	"low",
-	"medium",
-	"high"
-];
-export const PERMISSIONS = [
-	"read-only",
-	"workspace-write",
-	"auto"
-];
 /** The add row: its fields, and Enter in any of them adds. */
 export function AddRow({ fields, onAdd }) {
 	return /* @__PURE__ */ _jsxs("form", {
@@ -71,8 +54,8 @@ export function AddRow({ fields, onAdd }) {
 			placeholder,
 			"aria-label": placeholder,
 			autocomplete: "off"
-		}, name)), /* @__PURE__ */ _jsx("button", {
-			class: "btn",
+		}, name)), /* @__PURE__ */ _jsx(Button, {
+			type: "submit",
 			children: "Add"
 		})]
 	});
@@ -106,8 +89,30 @@ export function useRemove(removal) {
 		}) : null
 	};
 }
+export const replaceTitle = (name, scope) => scope === "workspace" ? `Replace ${name} for the workspace?` : `Replace your ${name}?`;
+/** The dialog that asks before a save replaces the key saved for a variable in that scope. */
+export function useReplace() {
+	const [asking, setAsking] = useState();
+	return {
+		ask: (title, run) => setAsking({
+			title,
+			run
+		}),
+		dialog: asking ? /* @__PURE__ */ _jsx(ConfirmDialog, {
+			open: true,
+			title: asking.title,
+			body: "Tasks use the new one from now on.",
+			confirmLabel: "Replace",
+			onClose: () => setAsking(undefined),
+			onConfirm: () => {
+				setAsking(undefined);
+				asking.run();
+			}
+		}) : null
+	};
+}
 /** A settings row: its primary action as a button, the rest and Remove in the ⋯ menu. */
-export function Row({ title, badges, sub, actions, menu, remove }) {
+export function Row({ title, badges, sub, actions, menu, alignMenu, remove }) {
 	const removing = useRemove(remove);
 	return /* @__PURE__ */ _jsxs("tr", { children: [/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsxs("span", {
 		class: "row-title",
@@ -119,11 +124,18 @@ export function Row({ title, badges, sub, actions, menu, remove }) {
 		class: "acts",
 		children: [
 			actions,
-			menu || removing.item ? /* @__PURE__ */ _jsxs(Menu, {
-				summaryClass: "icon-btn",
+			menu || removing.item || alignMenu ? /* @__PURE__ */ _jsxs(Menu, {
+				button: "icon",
 				label: "Actions",
 				summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
-				children: [menu, removing.item]
+				children: [
+					menu,
+					removing.item,
+					menu || removing.item ? null : /* @__PURE__ */ _jsx("p", {
+						class: "menu-none",
+						children: "No options"
+					})
+				]
 			}) : null,
 			removing.dialog
 		]

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

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

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{models-list.04eb5a47bca3bd09.js → models-list.6fea9faddb8300bb.js}

@@ -1,107 +1,117 @@
 "use client";
-import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { client } from "../../../../../utils/client.189224c16057d7a1.js";
 import { useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { FoldCard, Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { FoldCard, Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
 import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
-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 { Combo } from "../../../../../comps/ui/combo.0572dd5730c94112.js";
-import { CUSTOM_PROVIDERS, ENGINES, ENGINE_NAMES, defaultLabel } from "../model-options.2eacf7f8ac0032df.js";
-import { reasonText } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { useAction } from "../../../../../utils/action.568346602027ac74.js";
-import { List, Row, useConfig } from "./list.6d6180438e2bd0c8.js";
+import { Badge } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { Select } from "../../../../../comps/ui/select.2eb33e5bea28d804.js";
+import { Combo } from "../../../../../comps/ui/combo.54270c0251466fda.js";
+import { CUSTOM_PROVIDERS, EFFORTS, ENGINES, ENGINE_NAMES, SCOPES, defaultLabel } from "../model-options.a96c11d11674f598.js";
+import { reasonText } from "../../../../../utils/format.ceeaafa10a0563f3.js";
+import { useAction } from "../../../../../utils/action.968bcab0f5e3665d.js";
+import { List, Row, replaceTitle, useConfig, useReplace } from "./list.0c87d55cf4ef382c.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const PROVIDERS = [
-	["custom", "Custom endpoint"],
-	["claude", "Claude"],
-	["codex", "Codex"]
-];
+const KINDS = [["endpoint", "Endpoint"], ["alias", "Engine alias"]];
+const ALIAS_ENGINES = [["claude", "Claude"], ["codex", "Codex"]];
 /** The built-in model each engine's id field shows as its example. */
 const EXAMPLES = {
 	claude: "sonnet",
 	codex: "sol"
 };
-const EFFORTS = [
-	["low", "Low"],
-	["medium", "Medium"],
-	["high", "High"]
-];
-const SCOPES = [["personal", "Just me"], ["workspace", "Workspace"]];
 const providers = CUSTOM_PROVIDERS;
-const OTHER = {
-	id: "other",
-	name: "Other",
-	baseUrl: "",
-	envKey: "",
-	needsKey: true
-};
+const OTHER = providers.at(-1);
 /** A model name from an id: its last path part, lowercase kebab, like `kimi-k2` from `moonshotai/kimi-k2`. */
 const slug = (id) => id.split("/").pop().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 /** The first example name no model has, for a placeholder. */
 const unused = (names, taken) => names.find((name) => !(name in taken));
-/** A short name for a Claude or Codex model id, or a custom OpenAI-compatible endpoint. Enter adds. */
+/** A short name for a Claude or Codex model id, or an OpenAI-compatible endpoint. Enter adds. */
 function AddModel({ builtin, credentials, admin, taken, efforts, onAdd }) {
-	const [provider, setProvider] = useState("custom");
-	const kind = provider === "custom" ? "custom" : "alias";
-	const engine = /* @__PURE__ */ _jsx(Field, {
-		label: "Engine",
+	const [kind, setKind] = useState("endpoint");
+	const kindField = /* @__PURE__ */ _jsx(Field, {
+		label: "Kind",
 		group: true,
 		children: /* @__PURE__ */ _jsx(Select, {
-			label: "Engine",
-			options: PROVIDERS,
-			value: provider,
-			onChange: setProvider
+			label: "Kind",
+			options: KINDS,
+			value: kind,
+			onChange: setKind
 		})
 	});
+	const [engine, setEngine] = useState("claude");
 	const [effort, setEffort] = useState("");
 	const [busy, setBusy] = useState(false);
 	const [round, setRound] = useState(0);
-	const known = builtin[provider] ?? {};
-	const example = known[EXAMPLES[provider]] ?? Object.values(known)[0];
-	return /* @__PURE__ */ _jsx(FoldCard, {
+	const replace = useReplace();
+	const known = builtin[engine] ?? {};
+	const example = known[EXAMPLES[engine]] ?? Object.values(known)[0];
+	const add = async (form, values) => {
+		setBusy(true);
+		const added = kind === "alias" ? await onAdd(() => client.models.alias(values.name, [
+			engine,
+			values.model,
+			effort
+		].filter(Boolean).join(":"))) : await onAdd(async () => {
+			const envKey = values.envKey || "OPENAI_API_KEY";
+			if (values.key) await client.credentials.add({
+				env: { [envKey]: values.key },
+				workspace: values.scope === "workspace"
+			});
+			return client.models.add({
+				name: values.name,
+				baseUrl: values.baseUrl,
+				model: values.model,
+				envKey
+			});
+		});
+		setBusy(false);
+		if (!added) return;
+		form.reset();
+		setRound(round + 1);
+	};
+	return /* @__PURE__ */ _jsxs(FoldCard, {
 		title: "Add a model",
 		note: "A short name for an engine model, or an OpenAI-compatible endpoint",
-		children: /* @__PURE__ */ _jsx("form", {
+		children: [/* @__PURE__ */ _jsx("form", {
 			class: "add-form",
 			method: "post",
-			onSubmit: async (event) => {
+			onSubmit: (event) => {
 				event.preventDefault();
 				const form = event.currentTarget;
 				const values = Object.fromEntries([...new FormData(form)].map(([key, value]) => [key, String(value).trim()]));
-				if (kind === "custom" && !values.name) values.name = slug(values.model ?? "");
-				if (!values.name || !values.model || kind === "custom" && !values.baseUrl) return;
-				setBusy(true);
-				const added = kind === "alias" ? await onAdd(() => client.models.alias(values.name, [
-					provider,
-					values.model,
-					effort
-				].filter(Boolean).join(":"))) : await onAdd(async () => {
-					const envKey = values.envKey || "OPENAI_API_KEY";
-					if (values.key) await client.credentials.add({
-						env: { [envKey]: values.key },
-						engine: "custom",
-						label: providers.find((item) => item.id === values.provider)?.name,
-						workspace: values.scope === "workspace"
-					});
-					return client.models.add({
-						name: values.name,
-						baseUrl: values.baseUrl,
-						model: values.model,
-						envKey
-					});
-				});
-				setBusy(false);
-				if (!added) return;
-				form.reset();
-				setRound(round + 1);
+				if (kind === "endpoint" && !values.name) values.name = slug(values.model ?? "");
+				if (!values.name || !values.model || kind === "endpoint" && !values.baseUrl) return;
+				const envKey = values.envKey || "OPENAI_API_KEY";
+				const scope = values.scope || "personal";
+				if (kind === "endpoint" && values.key && credentials?.some((row) => row.name === envKey && row.scope === scope)) return replace.ask(replaceTitle(envKey, scope), () => void add(form, values));
+				void add(form, values);
 			},
 			children: kind === "alias" ? /* @__PURE__ */ _jsxs("div", {
 				class: "add-grid",
 				children: [
-					engine,
+					kindField,
 					/* @__PURE__ */ _jsx(Field, {
-						label: "Name",
+						label: "Engine",
+						group: true,
+						children: /* @__PURE__ */ _jsx(Select, {
+							label: "Engine",
+							options: ALIAS_ENGINES,
+							value: engine,
+							onChange: setEngine
+						})
+					}),
+					/* @__PURE__ */ _jsx(Field, {
+						label: "Model id",
+						children: /* @__PURE__ */ _jsx("input", {
+							name: "model",
+							placeholder: example ?? "model id",
+							autocomplete: "off"
+						})
+					}),
+					/* @__PURE__ */ _jsx(Field, {
+						label: "Short name",
+						hint: "used as --model",
 						children: /* @__PURE__ */ _jsx("input", {
 							name: "name",
 							placeholder: unused([
@@ -113,53 +123,47 @@ function AddModel({ builtin, credentials, admin, taken, efforts, onAdd }) {
 							pattern: "[a-z0-9][a-z0-9\\-]*"
 						})
 					}),
-					/* @__PURE__ */ _jsx(Field, {
-						label: "Model id",
-						children: /* @__PURE__ */ _jsx("input", {
-							name: "model",
-							placeholder: example ?? "model id",
-							autocomplete: "off"
-						})
-					}),
 					/* @__PURE__ */ _jsx(Field, {
 						label: "Effort",
 						hint: "optional",
 						group: true,
 						children: /* @__PURE__ */ _jsx(Select, {
 							label: "Effort",
-							options: [["", defaultLabel(efforts[provider])], ...EFFORTS],
+							options: [["", defaultLabel(efforts[engine])], ...EFFORTS],
 							value: effort,
 							onChange: setEffort
 						})
 					}),
-					/* @__PURE__ */ _jsx("button", {
-						class: "btn",
-						disabled: busy,
-						"aria-busy": busy,
+					/* @__PURE__ */ _jsx(Button, {
+						type: "submit",
+						loading: busy,
 						children: "Add"
 					})
 				]
 			}) : /* @__PURE__ */ _jsx(CustomFields, {
-				engine,
+				kind: kindField,
 				credentials,
 				admin,
-				taken,
 				busy
 			}, round)
-		})
+		}), replace.dialog]
 	});
 }
-/** A custom endpoint's fields; a provider fills its URL and key variable, and a probe lists its models. */
-function CustomFields({ engine, credentials, admin, taken, busy }) {
+/** A custom endpoint's fields: the model in one row, its key in the next; a provider fills its URL and key variable, and a probe lists its models. */
+function CustomFields({ kind, credentials, admin, busy }) {
 	const [preset, setPreset] = useState(providers[0] ?? OTHER);
 	const [baseUrl, setBaseUrl] = useState(preset.baseUrl);
 	const [envKey, setEnvKey] = useState(preset.envKey);
 	const [key, setKey] = useState("");
-	const [scope, setScope] = useState("personal");
+	const [scope, setScope] = useState(admin ? "workspace" : "personal");
 	const [probe, setProbe] = useState(null);
 	const latest = useRef(0);
 	const [model, setModel] = useState("");
-	const saved = (name) => Boolean(name) && Boolean(credentials?.some((row) => row.env.includes(name)));
+	const has = (name, where) => Boolean(name) && Boolean(credentials?.some((row) => row.name === name && row.scope === where));
+	// The scope whose saved key a model would use; a member's tasks fall back to the workspace's.
+	const saved = (name, where = scope) => has(name, where) ? where : !admin && has(name, "workspace") ? "workspace" : undefined;
+	const collapsed = saved(envKey, admin ? "workspace" : "personal");
+	const whose = (where) => where === "workspace" ? "the workspace's" : "your";
 	const [checking, setChecking] = useState(false);
 	const timer = useRef();
 	const check = (url, name, typed) => {
@@ -190,11 +194,45 @@ function CustomFields({ engine, credentials, admin, taken, busy }) {
 		timer.current = setTimeout(() => check(url, name, typed), 250);
 	};
 	const status = !probe ? undefined : !probe.reachable ? /HTTP 40[13]/.test(probe.detail) ? "key rejected" : probe.detail : probe.models ? `${probe.models.length} listed` : "reachable, no model list";
+	const keyRow = preset.needsKey && credentials ? /* @__PURE__ */ _jsxs("div", {
+		class: "add-grid",
+		children: [/* @__PURE__ */ _jsx(Field, {
+			label: "API key",
+			hint: /* @__PURE__ */ _jsxs(_Fragment, { children: [saved(envKey) ? `uses ${whose(saved(envKey))} saved ${envKey}; enter one to replace it` : `a new key, stored as ${envKey}`, preset.keyUrl ? /* @__PURE__ */ _jsxs(_Fragment, { children: [", ", /* @__PURE__ */ _jsx("a", {
+				class: "link",
+				href: preset.keyUrl,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: "get a key"
+			})] }) : null] }),
+			children: /* @__PURE__ */ _jsx("input", {
+				name: "key",
+				type: "password",
+				autocomplete: "off",
+				placeholder: saved(envKey) ? "Leave empty to use the saved key" : `${preset.name} API key`,
+				value: key,
+				onInput: (event) => {
+					setKey(event.currentTarget.value);
+					checkSoon(baseUrl, envKey, event.currentTarget.value);
+				}
+			})
+		}), admin ? /* @__PURE__ */ _jsx(Field, {
+			label: "Scope",
+			group: true,
+			children: /* @__PURE__ */ _jsx(Select, {
+				label: "Scope",
+				name: "scope",
+				options: SCOPES,
+				value: scope,
+				onChange: setScope
+			})
+		}) : null]
+	}) : null;
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
 		/* @__PURE__ */ _jsxs("div", {
 			class: "add-grid",
 			children: [
-				engine,
+				kind,
 				/* @__PURE__ */ _jsx(Field, {
 					label: "Provider",
 					group: true,
@@ -213,42 +251,6 @@ function CustomFields({ engine, credentials, admin, taken, busy }) {
 						}
 					})
 				}),
-				/* @__PURE__ */ _jsx(Field, {
-					label: "Model name",
-					hint: "optional",
-					children: /* @__PURE__ */ _jsx("input", {
-						name: "name",
-						placeholder: slug(model) || "short name like kimi",
-						autocomplete: "off",
-						pattern: "[a-z0-9][a-z0-9\\-]*"
-					})
-				})
-			]
-		}),
-		/* @__PURE__ */ _jsxs("div", {
-			class: "add-grid",
-			children: [
-				preset.needsKey && credentials ? /* @__PURE__ */ _jsx(Field, {
-					label: "API key",
-					hint: /* @__PURE__ */ _jsxs(_Fragment, { children: [saved(envKey) ? `optional, your saved ${envKey}` : `saved as ${envKey}`, preset.keyUrl ? /* @__PURE__ */ _jsxs(_Fragment, { children: [", ", /* @__PURE__ */ _jsx("a", {
-						class: "link",
-						href: preset.keyUrl,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						children: "get a key"
-					})] }) : null] }),
-					children: /* @__PURE__ */ _jsx("input", {
-						name: "key",
-						type: "password",
-						autocomplete: "off",
-						placeholder: saved(envKey) ? "Optional" : `${preset.name} API key`,
-						value: key,
-						onInput: (event) => {
-							setKey(event.currentTarget.value);
-							checkSoon(baseUrl, envKey, event.currentTarget.value);
-						}
-					})
-				}) : null,
 				/* @__PURE__ */ _jsx(Field, {
 					label: "Model id",
 					group: true,
@@ -269,19 +271,27 @@ function CustomFields({ engine, credentials, admin, taken, busy }) {
 						onChange: setModel
 					})
 				}),
-				preset.needsKey && credentials && admin ? /* @__PURE__ */ _jsx(Field, {
-					label: "Scope",
-					group: true,
-					children: /* @__PURE__ */ _jsx(Select, {
-						label: "Scope",
-						name: "scope",
-						options: SCOPES,
-						value: scope,
-						onChange: setScope
+				/* @__PURE__ */ _jsx(Field, {
+					label: "Short name",
+					hint: "used as --model; defaults to the model id",
+					children: /* @__PURE__ */ _jsx("input", {
+						name: "name",
+						placeholder: slug(model) || "kimi",
+						autocomplete: "off",
+						pattern: "[a-z0-9][a-z0-9\\-]*"
 					})
-				}) : null
+				})
 			]
 		}),
+		keyRow && collapsed ? /* @__PURE__ */ _jsxs("details", {
+			class: "add-more",
+			children: [/* @__PURE__ */ _jsxs("summary", { children: [
+				"API key · uses ",
+				whose(collapsed),
+				" saved ",
+				envKey
+			] }), keyRow]
+		}, envKey) : keyRow,
 		/* @__PURE__ */ _jsxs("div", {
 			class: "add-foot",
 			children: [/* @__PURE__ */ _jsxs("details", {
@@ -315,10 +325,9 @@ function CustomFields({ engine, credentials, admin, taken, busy }) {
 						})
 					})]
 				})]
-			}), /* @__PURE__ */ _jsx("button", {
-				class: "btn",
-				disabled: busy,
-				"aria-busy": busy,
+			}), /* @__PURE__ */ _jsx(Button, {
+				type: "submit",
+				loading: busy,
 				children: "Add model"
 			})]
 		})
@@ -329,13 +338,13 @@ export function ModelsList({ first, config, credentials, admin }) {
 	const [models, setModels] = useState(first);
 	const action = useAction();
 	const settings = useConfig(config.config);
-	const send = (act) => action.run("send", async () => {
+	const send = (act, toast) => action.run("send", async () => {
 		const answer = await act();
 		setModels((now) => ({
 			...now,
 			models: answer.models ?? {}
 		}));
-	});
+	}, { toast });
 	const defaultOf = (engine) => settings.value.engines?.[engine]?.model ?? config.effective.engines?.[engine]?.model;
 	const off = (name) => models.models[name]?.disabled === true;
 	const chain = settings.value.chain ?? config.effective.chain ?? ENGINES;
@@ -363,7 +372,7 @@ export function ModelsList({ first, config, credentials, admin }) {
 			...Object.assign({}, ...Object.values(models.builtin))
 		},
 		efforts: Object.fromEntries(ENGINES.map((engine) => [engine, settings.value.engines?.[engine]?.effort ?? config.effective.engines?.[engine]?.effort])),
-		onAdd: send
+		onAdd: (act) => send(act, "Not saved")
 	}), groups.map(([engine, list]) => /* @__PURE__ */ _jsx(List, {
 		title: ENGINE_NAMES[engine] ?? engine,
 		count: list.length,
@@ -380,9 +389,9 @@ export function ModelsList({ first, config, credentials, admin }) {
 					entry?.disabled ? /* @__PURE__ */ _jsx(Badge, { children: "off" }) : null
 				] }),
 				sub: target === name ? undefined : `→ ${target}`,
-				actions: isDefault || entry?.disabled ? null : /* @__PURE__ */ _jsx("button", {
-					type: "button",
-					class: "btn ghost sm",
+				actions: isDefault || entry?.disabled ? null : /* @__PURE__ */ _jsx(Button, {
+					variant: "ghost",
+					size: "sm",
 					onClick: () => void settings.patch({ engines: { [engine]: { model: name } } }),
 					children: "Make default"
 				}),

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{page.dd00f57d398be882.js → page.295245052b93af90.js}

@@ -1,19 +1,19 @@
-import "./runners-list.a835c9a264cf8903.css.pnext-asset.js";
-import "./connections-list.f742847e4887f072.css.pnext-asset.js";
+import "./runners-list.53c7ea80b6fb734c.css.pnext-asset.js";
+import "./connections-list.46786fe36b121a43.css.pnext-asset.js";
 import "./engines-list.9927d602ebe9e7fc.css.pnext-asset.js";
-import "./credentials-list.1236d6680ec02696.css.pnext-asset.js";
-import "./list.e0ce46919b75ef76.css.pnext-asset.js";
+import "./credentials-list.f7c27f170ec1e868.css.pnext-asset.js";
+import "./list.8cbee173a5aff98d.css.pnext-asset.js";
 import "./@/app/dash/[org]/setup/outcome.3ad5f7ec67e5238d.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
 import { notFound } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
-import { DEFAULT_CONFIG } from "../../../../../../../core/defaults.e6ce0944639198a2.js";
-import { load } from "../../../../../api/load.4f942c7f68b2e273.js";
-import { Settle, Stream } from "../../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
-import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { SETTINGS } from "../settings-head.a14b9796a8af62dc.js";
-import { localServer } from "../../../../../api/types.9f59e6c761d6aac4.js";
+import { DEFAULT_CONFIG } from "../../../../../../../core/defaults.1b615366c56838a1.js";
+import { load } from "../../../../../api/load.7ae462ef36271be8.js";
+import { Settle, Stream } from "../../../../../comps/frame/stream.95a2468086aceb84.js";
+import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { SETTINGS } from "../settings-head.bbc7ced8dd5491eb.js";
+import { isAdmin, localServer } from "../../../../../api/types.79f9092cdb5a00d1.js";
 import { outcomeName, outcomeText, outcomeTitle, readOutcome, succeeded } from "../../setup/outcome.cbbc8cd1bbbee01b.js";
-import { Credentials } from "./credentials.c1a312e6ec58db83.js";
+import { Credentials } from "./credentials.a535c9c6dd8b4cdf.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const ADMIN_ROLES = new Set(["owner", "admin"]);
 /** What a connection's sign-in says when it comes back with `outcome`. */
@@ -24,30 +24,30 @@ const SIGN_IN = {
 	failed: SIGN_IN_FAILED,
 	"invalid-state": "This sign-in link expired or was already used. Try Reconnect."
 };
-const ModelsList = dynamic(() => import("./models-list.04eb5a47bca3bd09.js").then((m) => m.ModelsList), undefined, {
+const ModelsList = dynamic(() => import("./models-list.6fea9faddb8300bb.js").then((m) => m.ModelsList), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/models-list.tsx", import.meta.url).pathname),
 	"exportName": "ModelsList",
-	"id": "c-4e3afd9170"
+	"id": "c-73b875dc77"
 });
-const ConnectionsList = dynamic(() => import("./connections-list.544315916300ed07.js").then((m) => m.ConnectionsList), undefined, {
+const ConnectionsList = dynamic(() => import("./connections-list.ff7e1dadcd4df17f.js").then((m) => m.ConnectionsList), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/connections-list.tsx", import.meta.url).pathname),
 	"exportName": "ConnectionsList",
-	"id": "c-91b1d58ca3"
+	"id": "c-68b1a82751"
 });
-const OutcomeDialog = dynamic(() => import("../../setup/outcome-dialog.d730e0bfbe0cf2f8.js").then((m) => m.OutcomeDialog), undefined, {
+const OutcomeDialog = dynamic(() => import("../../setup/outcome-dialog.894c73f9abee3ce1.js").then((m) => m.OutcomeDialog), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/setup/outcome-dialog.tsx", import.meta.url).pathname),
 	"exportName": "OutcomeDialog",
-	"id": "c-f677dcd4b7"
+	"id": "c-7fe5b3c3c8"
 });
-const EnginesList = dynamic(() => import("./engines-list.75dc69caed34ff8f.js").then((m) => m.EnginesList), undefined, {
+const EnginesList = dynamic(() => import("./engines-list.29fffd07c1c3b771.js").then((m) => m.EnginesList), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/engines-list.tsx", import.meta.url).pathname),
 	"exportName": "EnginesList",
-	"id": "c-6ab193b131"
+	"id": "c-44bb3a970e"
 });
-const RunnersList = dynamic(() => import("./runners-list.e644287ae91ea8c3.js").then((m) => m.RunnersList), undefined, {
+const RunnersList = dynamic(() => import("./runners-list.a4a38e54d834a1ec.js").then((m) => m.RunnersList), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/runners-list.tsx", import.meta.url).pathname),
 	"exportName": "RunnersList",
-	"id": "c-729fd0c984"
+	"id": "c-497bb69bba"
 });
 /** One settings tab. */
 export default async function SettingsTabPage({ request, params }) {
@@ -71,7 +71,7 @@ export default async function SettingsTabPage({ request, params }) {
 				first: list,
 				config: shape,
 				credentials: local ? null : await credentials,
-				admin: !who.user || ADMIN_ROLES.has(who.organization?.role ?? "")
+				admin: isAdmin(who)
 			});
 		} });
 	}
@@ -105,7 +105,7 @@ export default async function SettingsTabPage({ request, params }) {
 					first,
 					catalog: integrations,
 					local: localServer(who),
-					admin: !who.user || ADMIN_ROLES.has(who.organization?.role ?? ""),
+					admin: isAdmin(who),
 					operator: who.operator === true
 				})
 			] });