@wular/coder 0.4.12 → 0.5.0

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/engines-list.9e116751bd34e2cc.js

@@ -1,73 +0,0 @@
-"use client";
-import "./engines-list.9927d602ebe9e7fc.css.pnext-asset.js";
-import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-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 { EFFORTS, ENGINES, ENGINE_NAMES, PERMISSIONS, defaultLabel } from "../model-options.a96c11d11674f598.js";
-import { useConfig, List, Row, AddRow } from "./list.083f5c665df04b1b.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("");
-	const config = useConfig(first.config);
-	const chain = config.value.chain ?? first.effective.chain ?? ENGINES;
-	const hosts = config.value.approvals?.allowedNetworkHosts ?? [];
-	const rows = [...chain.filter((name) => ENGINES.includes(name)), ...ENGINES.filter((name) => !chain.includes(name))];
-	// What an unset select resolves to: the inherited value, else the built-in default.
-	const resolved = (name, key) => (first.config.engines?.[name]?.[key] ? undefined : first.effective.engines?.[name]?.[key]) ?? defaults[name]?.[key];
-	const pick = (name, key, options) => /* @__PURE__ */ _jsxs("label", { children: [key, /* @__PURE__ */ _jsx(Select, {
-		label: `${ENGINE_NAMES[name]} ${key}`,
-		value: config.value.engines?.[name]?.[key] ?? "",
-		options: [["", defaultLabel(resolved(name, key) ?? (key === "permissions" ? "auto" : undefined))], ...options],
-		onChange: (value) => void config.patch({ engines: { [name]: { [key]: value || null } } })
-	})] });
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(List, {
-		title: "Engines",
-		count: chain.length,
-		children: rows.map((name) => /* @__PURE__ */ _jsx(Row, {
-			title: ENGINE_NAMES[name],
-			badges: /* @__PURE__ */ _jsxs(_Fragment, { children: [chain[0] === name ? /* @__PURE__ */ _jsx(Badge, {
-				tone: "acc",
-				children: "default"
-			}) : null, chain.includes(name) ? null : /* @__PURE__ */ _jsx(Badge, { children: "off" })] }),
-			sub: /* @__PURE__ */ _jsxs("span", {
-				class: "inline-picks",
-				children: [pick(name, "effort", EFFORTS), pick(name, "permissions", PERMISSIONS)]
-			}),
-			actions: chain[0] === name ? null : /* @__PURE__ */ _jsx(Button, {
-				variant: "secondary",
-				size: "sm",
-				loading: making === name,
-				onClick: () => {
-					setMaking(name);
-					void config.patch({ chain: [name, ...chain.filter((each) => each !== name)] }).finally(() => setMaking(""));
-				},
-				children: "Make default"
-			}),
-			menu: chain.includes(name) ? chain.length > 1 ? /* @__PURE__ */ _jsx(MenuItem, {
-				title: "Disable",
-				onClick: () => void config.patch({ chain: chain.filter((each) => each !== name) })
-			}) : undefined : /* @__PURE__ */ _jsx(MenuItem, {
-				title: "Enable",
-				onClick: () => void config.patch({ chain: [...chain, name] })
-			})
-		}, name))
-	}), /* @__PURE__ */ _jsx(List, {
-		title: "Allowed network hosts",
-		count: hosts.length,
-		add: /* @__PURE__ */ _jsx(AddRow, {
-			fields: [["host", "Host, like registry.npmjs.org"]],
-			onAdd: ({ host }) => config.patch({ approvals: { allowedNetworkHosts: [...new Set([...hosts, host])] } })
-		}),
-		children: hosts.map((host) => /* @__PURE__ */ _jsx(Row, {
-			title: host,
-			remove: {
-				title: `Remove ${host}?`,
-				body: "Tasks lose access to it.",
-				onRemove: () => config.patch({ approvals: { allowedNetworkHosts: hosts.filter((each) => each !== host) } })
-			}
-		}, host))
-	})] });
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/list.083f5c665df04b1b.js

@@ -1,156 +0,0 @@
-"use client";
-import "./list.8cbee173a5aff98d.css.pnext-asset.js";
-import { useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../../utils/client.a3928fa2dcd27b75.js";
-import { toastFailure } from "../../../../../utils/action.b9a5c37272250e82.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 } 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";
-/** 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 sent = useRef(0);
-	const saved = useRef(first);
-	const patch = (body) => {
-		const seq = ++sent.current;
-		setValue((now) => mergePatch(now, body));
-		return client.config.patch(body).then((answer) => {
-			saved.current = answer;
-			if (seq === sent.current) setValue(answer);
-			return true;
-		}, (reason) => {
-			if (seq === sent.current) {
-				setValue(saved.current);
-				toastFailure(reason);
-			}
-			return false;
-		});
-	};
-	return {
-		value,
-		patch
-	};
-}
-/** The add row: its fields, and Enter in any of them adds. */
-export function AddRow({ fields, onAdd }) {
-	return /* @__PURE__ */ _jsxs("form", {
-		class: "add-row",
-		method: "post",
-		onSubmit: async (event) => {
-			event.preventDefault();
-			const form = event.currentTarget;
-			const values = Object.fromEntries([...new FormData(form)].map(([key, value]) => [key, String(value).trim()]));
-			if (Object.values(values).some((value) => !value)) return;
-			if (await onAdd(values)) form.reset();
-		},
-		children: [fields.map(([name, placeholder]) => /* @__PURE__ */ _jsx("input", {
-			name,
-			placeholder,
-			"aria-label": placeholder,
-			autocomplete: "off"
-		}, name)), /* @__PURE__ */ _jsx(Button, {
-			type: "submit",
-			children: "Add"
-		})]
-	});
-}
-/** A ghost-danger item for a row's ⋯ menu, and the shared dialog that asks before it removes; the dialog sits outside the menu. */
-export function useRemove(removal) {
-	const [open, setOpen] = useState(false);
-	const [busy, setBusy] = useState(false);
-	if (!removal) return {};
-	const { title, body, label = "Remove", onRemove } = removal;
-	return {
-		item: /* @__PURE__ */ _jsx(MenuItem, {
-			title: label,
-			danger: true,
-			onClick: () => setOpen(true)
-		}),
-		dialog: open ? /* @__PURE__ */ _jsx(ConfirmDialog, {
-			open: true,
-			title,
-			body,
-			confirmLabel: label,
-			busy,
-			onClose: () => setOpen(false),
-			onConfirm: () => {
-				setBusy(true);
-				void onRemove().finally(() => {
-					setBusy(false);
-					setOpen(false);
-				});
-			}
-		}) : 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, alignMenu, remove }) {
-	const removing = useRemove(remove);
-	return /* @__PURE__ */ _jsxs("tr", { children: [/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsxs("span", {
-		class: "row-title",
-		children: [/* @__PURE__ */ _jsx("b", { children: title }), badges]
-	}), sub ? /* @__PURE__ */ _jsx("span", {
-		class: "sub mono",
-		children: sub
-	}) : null] }), /* @__PURE__ */ _jsxs("td", {
-		class: "acts",
-		children: [
-			actions,
-			menu || removing.item || alignMenu ? /* @__PURE__ */ _jsxs(Menu, {
-				button: "icon",
-				label: "Actions",
-				summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
-				children: [
-					menu,
-					removing.item,
-					menu || removing.item ? null : /* @__PURE__ */ _jsx("p", {
-						class: "menu-none",
-						children: "No options"
-					})
-				]
-			}) : null,
-			removing.dialog
-		]
-	})] });
-}
-export function List({ title, count, children, add }) {
-	return /* @__PURE__ */ _jsxs(Card, {
-		title,
-		count,
-		children: [/* @__PURE__ */ _jsx("div", {
-			class: "table-scroll",
-			children: /* @__PURE__ */ _jsx("table", {
-				class: "rows settings",
-				children: /* @__PURE__ */ _jsx("tbody", { children })
-			})
-		}), add]
-	});
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/models-list.537f63f8e5dd085d.js

@@ -1,410 +0,0 @@
-"use client";
-import { client } from "../../../../../utils/client.a3928fa2dcd27b75.js";
-import { useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { FoldCard, Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.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.b9a5c37272250e82.js";
-import { List, Row, replaceTitle, useConfig, useReplace } from "./list.083f5c665df04b1b.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-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 providers = CUSTOM_PROVIDERS;
-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 an OpenAI-compatible endpoint. Enter adds. */
-function AddModel({ builtin, credentials, admin, taken, efforts, onAdd }) {
-	const [kind, setKind] = useState("endpoint");
-	const kindField = /* @__PURE__ */ _jsx(Field, {
-		label: "Kind",
-		group: true,
-		children: /* @__PURE__ */ _jsx(Select, {
-			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 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", {
-			class: "add-form",
-			method: "post",
-			onSubmit: (event) => {
-				event.preventDefault();
-				const form = event.currentTarget;
-				const values = Object.fromEntries([...new FormData(form)].map(([key, value]) => [key, String(value).trim()]));
-				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: [
-					kindField,
-					/* @__PURE__ */ _jsx(Field, {
-						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([
-								"fast",
-								"deep",
-								"quick"
-							], taken),
-							autocomplete: "off",
-							pattern: "[a-z0-9][a-z0-9\\-]*"
-						})
-					}),
-					/* @__PURE__ */ _jsx(Field, {
-						label: "Effort",
-						hint: "optional",
-						group: true,
-						children: /* @__PURE__ */ _jsx(Select, {
-							label: "Effort",
-							options: [["", defaultLabel(efforts[engine])], ...EFFORTS],
-							value: effort,
-							onChange: setEffort
-						})
-					}),
-					/* @__PURE__ */ _jsx(Button, {
-						type: "submit",
-						loading: busy,
-						children: "Add"
-					})
-				]
-			}) : /* @__PURE__ */ _jsx(CustomFields, {
-				kind: kindField,
-				credentials,
-				admin,
-				busy
-			}, round)
-		}), replace.dialog]
-	});
-}
-/** 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(admin ? "workspace" : "personal");
-	const [probe, setProbe] = useState(null);
-	const latest = useRef(0);
-	const [model, setModel] = useState("");
-	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) => {
-		const round = ++latest.current;
-		if (!url.trim()) return setProbe(null);
-		setChecking(true);
-		void client.models.probe({
-			baseUrl: url.trim(),
-			...name.trim() ? { envKey: name.trim() } : {},
-			...typed.trim() ? { key: typed.trim() } : {}
-		}).catch((reason) => ({
-			reachable: false,
-			modelListed: null,
-			models: null,
-			detail: reasonText(reason)
-		})).then((result) => {
-			if (round !== latest.current) return;
-			setChecking(false);
-			setProbe(result.models ? {
-				...result,
-				models: [...result.models].sort()
-			} : result);
-		});
-	};
-	// Typing settles for 250 ms before a probe, like the registry search.
-	const checkSoon = (url, name, typed) => {
-		clearTimeout(timer.current);
-		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: [
-				kind,
-				/* @__PURE__ */ _jsx(Field, {
-					label: "Provider",
-					group: true,
-					children: /* @__PURE__ */ _jsx(Select, {
-						label: "Provider",
-						name: "provider",
-						options: providers.map((provider) => [provider.id, provider.name]),
-						value: preset.id,
-						onChange: (id) => {
-							const next = providers.find((provider) => provider.id === id) ?? OTHER;
-							setPreset(next);
-							setBaseUrl(next.baseUrl);
-							setEnvKey(next.envKey);
-							setProbe(null);
-							if (key.trim() || saved(next.envKey) || !next.needsKey) check(next.baseUrl, next.envKey, key);
-						}
-					})
-				}),
-				/* @__PURE__ */ _jsx(Field, {
-					label: "Model id",
-					group: true,
-					hint: checking ? /* @__PURE__ */ _jsx(Loading, {
-						label: "Fetching models",
-						inline: true,
-						dots: true
-					}) : status,
-					children: /* @__PURE__ */ _jsx(Combo, {
-						label: "Model id",
-						onOpen: () => {
-							if (!probe && !checking) check(baseUrl, envKey, key);
-						},
-						name: "model",
-						options: probe?.models ?? [],
-						placeholder: probe?.models?.[0] ?? "qwen3-coder",
-						value: model,
-						onChange: setModel
-					})
-				}),
-				/* @__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\\-]*"
-					})
-				})
-			]
-		}),
-		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", {
-				class: "add-more",
-				open: preset.id === "other" || undefined,
-				children: [/* @__PURE__ */ _jsx("summary", { children: "Advanced" }), /* @__PURE__ */ _jsxs("div", {
-					class: "add-grid",
-					children: [/* @__PURE__ */ _jsx(Field, {
-						label: "Base URL",
-						children: /* @__PURE__ */ _jsx("input", {
-							name: "baseUrl",
-							type: "url",
-							placeholder: "http://localhost:11434/v1",
-							autocomplete: "off",
-							value: baseUrl,
-							onInput: (event) => {
-								setBaseUrl(event.currentTarget.value);
-								checkSoon(event.currentTarget.value, envKey, key);
-							}
-						})
-					}), /* @__PURE__ */ _jsx(Field, {
-						label: "Key variable",
-						children: /* @__PURE__ */ _jsx("input", {
-							name: "envKey",
-							class: "mono",
-							placeholder: "OPENAI_API_KEY",
-							autocomplete: "off",
-							pattern: "[A-Za-z_][A-Za-z0-9_]*",
-							value: envKey,
-							onInput: (event) => setEnvKey(event.currentTarget.value)
-						})
-					})]
-				})]
-			}), /* @__PURE__ */ _jsx(Button, {
-				type: "submit",
-				loading: busy,
-				children: "Add model"
-			})]
-		})
-	] });
-}
-/** Each engine's models, what each points to, and its default; the default engine's default runs new tasks. */
-export function ModelsList({ first, config, credentials, admin }) {
-	const [models, setModels] = useState(first);
-	const action = useAction();
-	const settings = useConfig(config.config);
-	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;
-	const own = Object.entries(models.models).filter(([, entry]) => entry.provider || entry.baseUrl);
-	const shown = [...Object.entries(models.builtin).flatMap(([engine, names]) => Object.entries(names).filter(([name]) => !own.some(([alias]) => alias === name)).map(([name, id]) => ({
-		name,
-		engine,
-		target: id,
-		entry: models.models[name],
-		removable: false
-	}))), ...own.map(([name, entry]) => ({
-		name,
-		engine: entry.provider ?? "custom",
-		target: entry.baseUrl ? `${entry.model} · ${entry.baseUrl}` : `${entry.model}${entry.effort ? ` · ${entry.effort}` : ""}`,
-		entry,
-		removable: true
-	}))];
-	const groups = [...new Set([...chain, ...ENGINES])].map((engine) => [engine, shown.filter((model) => model.engine === engine)]).filter(([, list]) => list.length);
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(AddModel, {
-		builtin: models.builtin,
-		credentials,
-		admin,
-		taken: {
-			...models.models,
-			...Object.assign({}, ...Object.values(models.builtin))
-		},
-		efforts: Object.fromEntries(ENGINES.map((engine) => [engine, settings.value.engines?.[engine]?.effort ?? config.effective.engines?.[engine]?.effort])),
-		onAdd: (act) => send(act, "Not saved")
-	}), groups.map(([engine, list]) => /* @__PURE__ */ _jsx(List, {
-		title: ENGINE_NAMES[engine] ?? engine,
-		count: list.length,
-		children: list.map(({ name, target, entry, removable }) => {
-			const isDefault = [name, target].includes(defaultOf(engine) ?? "");
-			return /* @__PURE__ */ _jsx(Row, {
-				title: name,
-				badges: /* @__PURE__ */ _jsxs(_Fragment, { children: [
-					isDefault && chain[0] === engine ? /* @__PURE__ */ _jsx(Badge, {
-						tone: "acc",
-						children: "default for new tasks"
-					}) : null,
-					isDefault && chain[0] !== engine ? /* @__PURE__ */ _jsxs(Badge, { children: ["default for ", ENGINE_NAMES[engine] ?? engine] }) : null,
-					entry?.disabled ? /* @__PURE__ */ _jsx(Badge, { children: "off" }) : null
-				] }),
-				sub: target === name ? undefined : `→ ${target}`,
-				actions: isDefault || entry?.disabled ? null : /* @__PURE__ */ _jsx(Button, {
-					variant: "ghost",
-					size: "sm",
-					onClick: () => void settings.patch({ engines: { [engine]: { model: name } } }),
-					children: "Make default"
-				}),
-				menu: /* @__PURE__ */ _jsx(MenuItem, {
-					title: off(name) ? "Enable" : "Disable",
-					onClick: () => void send(() => client.models[off(name) ? "enable" : "disable"](name))
-				}),
-				remove: removable ? {
-					title: `Remove ${name}?`,
-					body: "Tasks that ask for it stop running.",
-					onRemove: () => send(() => client.models.remove(name))
-				} : undefined
-			}, name);
-		})
-	}, engine))] });
-}