@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]/models-list.acb92b39cab1d11c.js

@@ -0,0 +1,635 @@
+"use client";
+import "./models-list.efd3f5781314c1d9.css.pnext-asset.js";
+import { client } from "../../../../../utils/client.c8d7efefb6194d7d.js";
+import { Fragment } from "../../../../../../../../../../node_modules/preact/dist/preact.mjs";
+import { useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { useSearchParams } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { Card, Loading } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
+import { Badge } from "../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { Button, LinkButton } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Menu } from "../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
+import { MenuHead, MenuItem, MenuLabel } from "../../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
+import { Select } from "../../../../../comps/ui/select.0ee9e8f04ddd8b47.js";
+import { Combo } from "../../../../../comps/ui/combo.e4e08287494081a3.js";
+import { Modal } from "../../../../../comps/ui/modal.08ac85d31f4c76c1.js";
+import { Notice } from "../../../../../comps/ui/notice.f395f231cbb96445.js";
+import { iAlert, iCheck, iDots, iFirst, iLeft, iOff, iPencil, iPlus, iRight, iTrash, iUndo } from "../../../../../comps/ui/icons.f769275420d072ce.js";
+import { useOrg } from "../../../../../comps/nav/org.853d173b55368728.js";
+import { CUSTOM_PROVIDERS, SCOPES, modelChoices, splitSpec } from "../model-options.dc630cb6e2cbf83a.js";
+import { ModelPick } from "../model-pick.a143e77f5ed5f9d3.js";
+import { reasonText } from "../../../../../utils/format.ceeaafa10a0563f3.js";
+import { useAction } from "../../../../../utils/action.f22057e7dfac40fe.js";
+import { toastError } from "../../../../../comps/frame/task-toasts.3b7eeee29fc327de.js";
+import { List, Row, replaceTitle, useAddDialog, useConfig, useReplace } from "./list.e7d6a422f6a869ea.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+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, "");
+/** An OpenAI-compatible model, such as Ollama or OpenRouter, in a dialog. Enter adds. */
+function AddModel({ credentials, admin, onAdd, onClose }) {
+	const [busy, setBusy] = useState(false);
+	const replace = useReplace();
+	const add = async (values) => {
+		setBusy(true);
+		const added = 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,
+				...values.contextWindow ? { contextWindow: Number(values.contextWindow) } : {}
+			});
+		});
+		setBusy(false);
+		if (added) onClose();
+	};
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Modal, {
+		class: "add-modal",
+		title: "Add a model",
+		dismiss: true,
+		busy,
+		onSubmit: (event) => {
+			event.preventDefault();
+			const form = event.currentTarget;
+			const values = Object.fromEntries([...new FormData(form)].map(([key, value]) => [key, String(value).trim()]));
+			if (!values.name) values.name = slug(values.model ?? "");
+			if (!values.name || !values.model || !values.baseUrl) return;
+			const envKey = values.envKey || "OPENAI_API_KEY";
+			const scope = values.scope || "personal";
+			if (values.key && credentials?.some((row) => row.name === envKey && row.scope === scope)) return replace.ask(replaceTitle(envKey, scope), () => void add(values));
+			void add(values);
+		},
+		onClose,
+		actions: /* @__PURE__ */ _jsx(Button, {
+			type: "submit",
+			loading: busy,
+			children: "Add model"
+		}),
+		children: /* @__PURE__ */ _jsx("div", {
+			class: "add-form",
+			children: /* @__PURE__ */ _jsx(CustomFields, {
+				credentials,
+				admin
+			})
+		})
+	}), 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({ credentials, admin }) {
+	// A chat's link fills the form in.
+	const asked = useSearchParams();
+	const askedUrl = asked.get("base-url") ?? "";
+	const [preset, setPreset] = useState(askedUrl ? providers.find((provider) => provider.baseUrl === askedUrl) ?? OTHER : providers[0] ?? OTHER);
+	const [baseUrl, setBaseUrl] = useState(askedUrl || preset.baseUrl);
+	const [envKey, setEnvKey] = useState(asked.get("env-key") ?? preset.envKey);
+	const [key, setKey] = useState("");
+	const [scope, setScope] = useState(admin ? "workspace" : "personal");
+	const [probe, setProbe] = useState(null);
+	const latest = useRef(0);
+	// One toast per failure; a probe that works again clears it.
+	const failed = useRef("");
+	const [model, setModel] = useState(asked.get("model") ?? "");
+	const [contextWindow, setContextWindow] = useState(asked.get("context-window"));
+	const reported = probe?.contextWindows?.[model];
+	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" : "the personal";
+	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);
+			const failure = result.reachable ? "" : /HTTP 40[13]/.test(result.detail) ? "The API key was rejected." : `${url.trim()} isn't reachable.`;
+			if (failure && failure !== failed.current) toastError("Models not listed", failure);
+			failed.current = failure;
+		});
+	};
+	// 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);
+	};
+	// Only what the endpoint lists; an unreachable one just offers no suggestions.
+	const status = probe?.models ? `${probe.models.length} listed` : undefined;
+	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: [
+				/* @__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);
+							// The model and a typed key belong to the previous provider.
+							setModel("");
+							setContextWindow(null);
+							setKey("");
+							setProbe(null);
+							if (saved(next.envKey) || !next.needsKey) check(next.baseUrl, next.envKey, "");
+						}
+					})
+				}),
+				/* @__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: (next) => {
+							setModel(next);
+							setContextWindow(null);
+						}
+					})
+				}),
+				/* @__PURE__ */ _jsx(Field, {
+					label: "Short name",
+					hint: "used as --model; defaults to the model id",
+					children: /* @__PURE__ */ _jsx("input", {
+						name: "name",
+						defaultValue: asked.get("add") ?? undefined,
+						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("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(Field, {
+						label: "Context window",
+						hint: "tokens; empty uses Codex's default, 272000",
+						children: /* @__PURE__ */ _jsx("input", {
+							name: "contextWindow",
+							type: "number",
+							min: "1",
+							step: "1",
+							placeholder: "272000",
+							autocomplete: "off",
+							value: contextWindow ?? (reported ? String(reported) : ""),
+							onInput: (event) => setContextWindow(event.currentTarget.value)
+						})
+					})
+				]
+			})]
+		})
+	] });
+}
+/** An alias in a dialog: a short name for a model and effort; a built-in's name replaces it, or turns it off. */
+function AliasDialog({ shape, editing, onSave, onClose }) {
+	const entry = editing ? shape.models[editing] : undefined;
+	const [name, setName] = useState(editing ?? "");
+	const [spec, setSpec] = useState(typeof entry === "string" ? entry : entry === false ? "" : "sol");
+	const [busy, setBusy] = useState(false);
+	const builtin = shape.builtin[name.trim()];
+	const shown = name.trim() || "name";
+	return /* @__PURE__ */ _jsxs(Modal, {
+		title: editing ? `Edit ${editing}` : "Add alias",
+		dismiss: true,
+		busy,
+		onSubmit: async (event) => {
+			event.preventDefault();
+			const alias = name.trim();
+			if (!alias) return;
+			setBusy(true);
+			const saved = await onSave(() => spec ? client.models.alias(alias, spec) : client.models.disable(alias));
+			setBusy(false);
+			if (saved) onClose();
+		},
+		onClose,
+		actions: /* @__PURE__ */ _jsx(Button, {
+			type: "submit",
+			loading: busy,
+			children: "Save"
+		}),
+		children: [
+			/* @__PURE__ */ _jsx(Field, {
+				label: "Name",
+				hint: builtin ? `replaces the built-in, ${builtin}` : "used as --model",
+				children: /* @__PURE__ */ _jsx("input", {
+					name: "name",
+					value: name,
+					onInput: (event) => setName(event.currentTarget.value),
+					placeholder: "fast",
+					autocomplete: "off",
+					spellcheck: false,
+					pattern: "[a-z0-9][a-z0-9\\-]*",
+					readOnly: Boolean(editing),
+					required: true
+				})
+			}),
+			/* @__PURE__ */ _jsx(Field, {
+				label: "Model",
+				group: true,
+				children: /* @__PURE__ */ _jsx(ModelPick, {
+					shape,
+					value: spec,
+					onChange: setSpec,
+					empty: builtin ? {
+						label: "Off",
+						sub: "can't be picked or fallen back to"
+					} : undefined
+				})
+			}),
+			/* @__PURE__ */ _jsx("p", {
+				class: "muted mono",
+				children: spec ? `${shown} = ${spec}` : `${shown} can't be picked or fallen back to`
+			})
+		]
+	});
+}
+/** One chain entry: its model and effort, each one click, and its ⋯ menu; it drags to a new place. */
+function ChainItem({ shape, spec, index, count, runsOn, onChange, onMove, onRemove, onDrop, onAdd }) {
+	const skipped = runsOn?.includes("no credential");
+	return /* @__PURE__ */ _jsxs("span", {
+		class: "chain-item chain-chip",
+		draggable: true,
+		onDragStart: (event) => event.dataTransfer?.setData("text/plain", String(index)),
+		onDragOver: (event) => event.preventDefault(),
+		onDrop: (event) => {
+			event.preventDefault();
+			onDrop(Number(event.dataTransfer?.getData("text/plain")));
+		},
+		children: [
+			/* @__PURE__ */ _jsx(ModelPick, {
+				shape,
+				value: spec,
+				onChange,
+				onAdd,
+				compact: true
+			}),
+			/* @__PURE__ */ _jsxs(Menu, {
+				button: "icon",
+				class: "chain-more",
+				label: `${spec} actions`,
+				summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
+				children: [
+					/* @__PURE__ */ _jsx(MenuHead, {
+						icon: /* @__PURE__ */ _jsx("span", {
+							class: "chain-n",
+							children: index + 1
+						}),
+						title: index ? spec : `${spec}, the default`,
+						sub: runsOn ?? ""
+					}),
+					index > 0 ? /* @__PURE__ */ _jsx(MenuItem, {
+						icon: iFirst,
+						title: "Make default",
+						onClick: () => onMove(0)
+					}) : null,
+					index > 0 ? /* @__PURE__ */ _jsx(MenuItem, {
+						icon: iLeft,
+						title: "Move earlier",
+						onClick: () => onMove(index - 1)
+					}) : null,
+					index < count - 1 ? /* @__PURE__ */ _jsx(MenuItem, {
+						icon: iRight,
+						title: "Move later",
+						onClick: () => onMove(index + 1)
+					}) : null,
+					count > 1 ? /* @__PURE__ */ _jsx(MenuItem, {
+						icon: iTrash,
+						title: "Remove from chain",
+						danger: true,
+						onClick: onRemove
+					}) : null
+				]
+			}),
+			skipped ? /* @__PURE__ */ _jsx("i", {
+				class: "chain-dot",
+				title: runsOn
+			}) : null
+		]
+	});
+}
+/** What a name runs, as its row says it. */
+function target(shape, name) {
+	const entry = shape.models[name];
+	if (entry === false) return shape.builtin[name] ?? "";
+	if (typeof entry === "object" && entry) return `${entry.model} · ${URL.canParse(entry.baseUrl) ? new URL(entry.baseUrl).host : entry.baseUrl}`;
+	return String(entry ?? "");
+}
+/** The chain tasks try in order and the review model, each a model and effort; then the workspace's own names: aliases, custom models and built-ins turned off. */
+export function ModelsList({ first, config, credentials, admin }) {
+	const [models, setModels] = useState(first);
+	const adding = useAddDialog("Add model", [
+		"base-url",
+		"model",
+		"env-key",
+		"context-window"
+	]);
+	const [aliasing, setAliasing] = useState();
+	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 ?? {},
+			runsOn: answer.runsOn
+		}));
+	}, { toast });
+	// A chain or review save answers where each model now runs.
+	const save = async (patch) => {
+		const answer = await settings.patch(patch);
+		if (answer) setModels((now) => ({
+			...now,
+			runsOn: answer.runsOn
+		}));
+	};
+	const chain = settings.value.chain ?? config.effective.chain ?? [];
+	const review = settings.value.reviewModel ?? config.effective.reviewModel ?? "";
+	const move = (from, to) => {
+		if (from === to || Number.isNaN(from)) return;
+		const next = [...chain];
+		next.splice(to, 0, ...next.splice(from, 1));
+		void save({ chain: next });
+	};
+	const { options, headings } = modelChoices(models);
+	const unused = options.filter(([name]) => !chain.some((spec) => splitSpec(spec, models).model === name));
+	const own = Object.keys(models.models);
+	// Built-ins the workspace left as they are, listed after its own names.
+	const builtins = Object.keys(models.builtin).filter((name) => !(name in models.models));
+	const org = useOrg();
+	const skipped = chain.filter((spec) => models.runsOn?.[spec]?.includes("no credential"));
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		/* @__PURE__ */ _jsxs(Card, {
+			look: "filled",
+			title: "Chain",
+			children: [
+				/* @__PURE__ */ _jsx("p", {
+					class: "body muted",
+					children: "Tasks try these in order; drag a model to move it."
+				}),
+				skipped.length ? /* @__PURE__ */ _jsxs(Notice, {
+					tone: "warning",
+					slim: true,
+					children: [
+						/* @__PURE__ */ _jsx(Icon, { d: iAlert }),
+						/* @__PURE__ */ _jsxs("span", {
+							class: "grow",
+							children: [
+								skipped.join(", "),
+								" ",
+								skipped.length > 1 ? "have" : "has",
+								" no credential, so tasks skip ",
+								skipped.length > 1 ? "them" : "it",
+								"."
+							]
+						}),
+						/* @__PURE__ */ _jsx(LinkButton, {
+							variant: "outline",
+							size: "sm",
+							href: "/dash/[org]/settings/[tab]",
+							params: {
+								org,
+								tab: "credentials"
+							},
+							children: "Add credential"
+						})
+					]
+				}) : null,
+				/* @__PURE__ */ _jsxs("div", {
+					class: "chain",
+					children: [chain.map((spec, index) => /* @__PURE__ */ _jsxs(Fragment, { children: [index ? /* @__PURE__ */ _jsx("span", {
+						class: "chain-arrow",
+						"aria-hidden": "true",
+						children: "→"
+					}) : null, /* @__PURE__ */ _jsx(ChainItem, {
+						shape: models,
+						spec,
+						index,
+						count: chain.length,
+						runsOn: models.runsOn?.[spec],
+						onChange: (next) => save({ chain: chain.map((each, at) => at === index ? next : each) }),
+						onMove: (to) => move(index, to),
+						onRemove: () => save({ chain: chain.filter((_, at) => at !== index) }),
+						onDrop: (from) => move(from, index),
+						onAdd: adding.show
+					})] }, `${index}:${spec}`)), admin ? /* @__PURE__ */ _jsxs(Menu, {
+						class: "chain-add",
+						label: "Add to the chain",
+						summary: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "Add"] }),
+						summaryClass: "chain-add-btn",
+						children: [unused.map(([name]) => /* @__PURE__ */ _jsxs(Fragment, { children: [headings[name] ? /* @__PURE__ */ _jsx(MenuLabel, { children: headings[name] }) : null, /* @__PURE__ */ _jsx(MenuItem, {
+							title: name,
+							end: /* @__PURE__ */ _jsx("small", {
+								class: "muted",
+								children: target(models, name) || models.builtin[name]
+							}),
+							onClick: () => save({ chain: [...chain, name] })
+						})] }, name)), /* @__PURE__ */ _jsx(MenuItem, {
+							icon: iPlus,
+							title: "Add a model",
+							onClick: adding.show
+						})]
+					}) : null]
+				})
+			]
+		}),
+		/* @__PURE__ */ _jsxs(Card, {
+			look: "filled",
+			title: "Review",
+			children: [/* @__PURE__ */ _jsx("p", {
+				class: "body muted",
+				children: "coder review and the review tool run this model, then the chain."
+			}), /* @__PURE__ */ _jsx("div", {
+				class: "chain",
+				title: models.runsOn?.[review],
+				children: /* @__PURE__ */ _jsx(ModelPick, {
+					shape: models,
+					value: review,
+					onChange: (spec) => save({ reviewModel: spec }),
+					onAdd: adding.show,
+					compact: true
+				})
+			})]
+		}),
+		/* @__PURE__ */ _jsxs(List, {
+			look: "filled",
+			title: "Models",
+			count: own.length + builtins.length,
+			actions: admin ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+				size: "sm",
+				variant: "secondary",
+				leftIcon: iPlus,
+				onClick: () => setAliasing(true),
+				children: "Add alias"
+			}), adding.button] }) : undefined,
+			children: [own.map((name) => {
+				const entry = models.models[name];
+				const off = entry === false || typeof entry === "object" && entry?.disabled;
+				const replaces = typeof entry === "string" && name in models.builtin;
+				return /* @__PURE__ */ _jsx(Row, {
+					title: name,
+					actions: off ? /* @__PURE__ */ _jsx(Badge, { children: "off" }) : replaces ? /* @__PURE__ */ _jsx(Badge, {
+						tone: "acc",
+						children: "replaces built-in"
+					}) : null,
+					sub: target(models, name),
+					menu: admin ? /* @__PURE__ */ _jsxs(_Fragment, { children: [typeof entry === "string" || entry === false ? /* @__PURE__ */ _jsx(MenuItem, {
+						icon: iPencil,
+						title: "Edit",
+						onClick: () => setAliasing(name)
+					}) : null, typeof entry === "object" && entry ? /* @__PURE__ */ _jsx(MenuItem, {
+						icon: off ? iCheck : iOff,
+						title: off ? "Enable" : "Disable",
+						onClick: () => void send(() => client.models[off ? "enable" : "disable"](name))
+					}) : null] }) : undefined,
+					remove: admin ? {
+						title: replaces || off ? `Reset ${name}?` : `Remove ${name}?`,
+						body: replaces || off ? `${name} runs the built-in ${models.builtin[name]} again.` : "Tasks that ask for it stop running.",
+						label: replaces || off ? "Reset" : "Remove",
+						icon: replaces || off ? iUndo : iTrash,
+						link: name,
+						onRemove: () => send(() => client.models.remove(name))
+					} : undefined
+				}, name);
+			}), builtins.map((name) => /* @__PURE__ */ _jsx(Row, {
+				title: name,
+				actions: /* @__PURE__ */ _jsx(Badge, { children: "built-in" }),
+				sub: models.builtin[name],
+				menu: admin ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(MenuItem, {
+					icon: iPencil,
+					title: "Override",
+					onClick: () => setAliasing(name)
+				}), /* @__PURE__ */ _jsx(MenuItem, {
+					icon: iOff,
+					title: "Disable",
+					onClick: () => void send(() => client.models.disable(name))
+				})] }) : undefined
+			}, name))]
+		}),
+		aliasing ? /* @__PURE__ */ _jsx(AliasDialog, {
+			shape: models,
+			editing: aliasing === true ? undefined : aliasing,
+			onSave: (act) => send(act, "Not saved"),
+			onClose: () => setAliasing(undefined)
+		}) : null,
+		adding.open ? /* @__PURE__ */ _jsx(AddModel, {
+			credentials,
+			admin,
+			onAdd: (act) => send(act, "Not saved"),
+			onClose: adding.close
+		}) : null
+	] });
+}