@wular/coder 0.4.6 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/settings/[tab]/models-list.520cb30b291794c3.js

@@ -1,396 +0,0 @@
-"use client";
-import { client } from "../../../../utils/client.f37a313f4811ddb8.js";
-import { useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { Card, Loading } from "../../../../comps/ui/card.e6876039e375b849.js";
-import { ErrorText, Field } from "../../../../comps/ui/field.37f93068217e1470.js";
-import { Badge } from "../../../../comps/ui/badge.e52db98d78836f9a.js";
-import { MenuItem } from "../../../../comps/ui/menu.3b3026ecd4dc31f0.js";
-import { Select } from "../../../../comps/ui/select.14e820c8a26ab8b5.js";
-import { Combo } from "../../../../comps/ui/combo.d478120a76502dd1.js";
-import { CUSTOM_PROVIDERS, ENGINES, ENGINE_NAMES, defaultLabel } from "../model-options.2ca6c87aedf3588c.js";
-import { reasonText } from "../../../../utils/format.ba382c381ea40e77.js";
-import { List, Row, useConfig, useSend } from "./list.2cafbe93b7b2dc0f.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"]
-];
-/** 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
-};
-/** 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. */
-function AddModel({ builtin, credentials, admin, taken, efforts, error, onAdd }) {
-	const [provider, setProvider] = useState("custom");
-	const kind = provider === "custom" ? "custom" : "alias";
-	const engine = /* @__PURE__ */ _jsx(Field, {
-		label: "Engine",
-		group: true,
-		children: /* @__PURE__ */ _jsx(Select, {
-			label: "Engine",
-			options: PROVIDERS,
-			value: provider,
-			onChange: setProvider
-		})
-	});
-	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(Card, {
-		title: "Add a model",
-		actions: /* @__PURE__ */ _jsx(ErrorText, { value: error }),
-		children: /* @__PURE__ */ _jsx("form", {
-			class: "add-form",
-			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 (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);
-			},
-			children: kind === "alias" ? /* @__PURE__ */ _jsxs("div", {
-				class: "add-grid",
-				children: [
-					engine,
-					/* @__PURE__ */ _jsx(Field, {
-						label: "Name",
-						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: "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],
-							value: effort,
-							onChange: setEffort
-						})
-					}),
-					/* @__PURE__ */ _jsx("button", {
-						class: "btn",
-						disabled: busy,
-						children: "Add"
-					})
-				]
-			}) : /* @__PURE__ */ _jsx(CustomFields, {
-				engine,
-				credentials,
-				admin,
-				taken,
-				busy
-			}, round)
-		})
-	});
-}
-/** 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 }) {
-	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 [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 [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";
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
-		/* @__PURE__ */ _jsxs("div", {
-			class: "add-grid",
-			children: [
-				engine,
-				/* @__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 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,
-					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
-					})
-				}),
-				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
-					})
-				}) : null
-			]
-		}),
-		/* @__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", {
-				class: "btn",
-				disabled: 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 = useSend(first);
-	const settings = useConfig(config.config);
-	const refresh = (answer) => ({
-		...models.value,
-		models: answer.models ?? {}
-	});
-	const defaultOf = (engine) => settings.value.engines?.[engine]?.model ?? config.effective.engines?.[engine]?.model;
-	const off = (name) => models.value.models[name]?.disabled === true;
-	const chain = settings.value.chain ?? config.effective.chain ?? ENGINES;
-	const own = Object.entries(models.value.models).filter(([, entry]) => entry.provider || entry.baseUrl);
-	const shown = [...Object.entries(models.value.builtin).flatMap(([engine, names]) => Object.entries(names).filter(([name]) => !own.some(([alias]) => alias === name)).map(([name, id]) => ({
-		name,
-		engine,
-		target: id,
-		entry: models.value.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.value.builtin,
-		credentials,
-		admin,
-		taken: {
-			...models.value.models,
-			...Object.assign({}, ...Object.values(models.value.builtin))
-		},
-		efforts: Object.fromEntries(ENGINES.map((engine) => [engine, settings.value.engines?.[engine]?.effort ?? config.effective.engines?.[engine]?.effort])),
-		error: models.error,
-		onAdd: (act) => models.send(act, refresh)
-	}), groups.map(([engine, list], index) => /* @__PURE__ */ _jsx(List, {
-		title: ENGINE_NAMES[engine] ?? engine,
-		count: list.length,
-		error: index ? "" : settings.error,
-		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", {
-					type: "button",
-					class: "btn ghost sm",
-					onClick: () => void settings.patch({ engines: { [engine]: { model: name } } }),
-					children: "Make default"
-				}),
-				menu: /* @__PURE__ */ _jsx(MenuItem, {
-					title: off(name) ? "Enable" : "Disable",
-					onClick: () => void models.send(() => client.models[off(name) ? "enable" : "disable"](name), refresh)
-				}),
-				remove: removable ? {
-					title: `Remove ${name}?`,
-					body: "Tasks that ask for it stop running.",
-					onRemove: () => models.send(() => client.models.remove(name), refresh)
-				} : undefined
-			}, name);
-		})
-	}, engine))] });
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/settings/[tab]/page.04b07f9c365be073.js

@@ -1,86 +0,0 @@
-import "./runners-list.3dac92fb9f64e2be.css.pnext-asset.js";
-import "./mcp-list.d743e37cd6dc85d8.css.pnext-asset.js";
-import "./engines-list.39cd71b7dc568516.css.pnext-asset.js";
-import "./credentials-list.3bd27b14c0d60e48.css.pnext-asset.js";
-import "./list.2a204889b73638d9.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.f8b4eee28e030eda.js";
-import { load } from "../../../../api/load.bdbf17006af803d1.js";
-import { Settle, Stream } from "../../../../comps/frame/stream.4c04416dab6ffc52.js";
-import { Loading } from "../../../../comps/ui/card.e6876039e375b849.js";
-import { SETTINGS } from "../settings-head.d726e31e4dd04d60.js";
-import { localServer } from "../../../../api/types.0cf02e7714d7c1a2.js";
-import { Credentials } from "./credentials.6423846391b20446.js";
-import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const ADMIN_ROLES = new Set(["owner", "admin"]);
-const ModelsList = dynamic(() => import("./models-list.520cb30b291794c3.js").then((m) => m.ModelsList), undefined, {
-	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/settings/[tab]/models-list.tsx", import.meta.url).pathname),
-	"exportName": "ModelsList",
-	"id": "c-6990f05f89"
-});
-const McpList = dynamic(() => import("./mcp-list.1fc0f6165dd85b8c.js").then((m) => m.McpList), undefined, {
-	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/settings/[tab]/mcp-list.tsx", import.meta.url).pathname),
-	"exportName": "McpList",
-	"id": "c-2be74a5534"
-});
-const EnginesList = dynamic(() => import("./engines-list.5bad79f0d4e12e07.js").then((m) => m.EnginesList), undefined, {
-	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/settings/[tab]/engines-list.tsx", import.meta.url).pathname),
-	"exportName": "EnginesList",
-	"id": "c-8fc544863c"
-});
-const RunnersList = dynamic(() => import("./runners-list.67786d7d51692d19.js").then((m) => m.RunnersList), undefined, {
-	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/settings/[tab]/runners-list.tsx", import.meta.url).pathname),
-	"exportName": "RunnersList",
-	"id": "c-54e5ee8f4c"
-});
-/** One settings tab. */
-export default async function SettingsTabPage({ request, params }) {
-	if (!request) return null;
-	const { tab } = await params;
-	if (!SETTINGS.some((item) => item.tab === tab)) notFound();
-	if (tab === "credentials") return /* @__PURE__ */ _jsx(Credentials, { request });
-	if (tab === "models") {
-		const models = load(request).models.list();
-		const config = load(request).config.get();
-		const me = load(request).me();
-		const credentials = load(request).credentials.list();
-		return /* @__PURE__ */ _jsx(Settle, { load: async () => {
-			const [list, shape, who] = await Promise.all([
-				models,
-				config,
-				me
-			]);
-			const local = localServer(who);
-			return /* @__PURE__ */ _jsx(ModelsList, {
-				first: list,
-				config: shape,
-				credentials: local ? null : await credentials,
-				admin: !who.user || ADMIN_ROLES.has(who.organization?.role ?? "")
-			});
-		} });
-	}
-	if (tab === "mcp") {
-		const rows = load(request).mcp.list();
-		return /* @__PURE__ */ _jsx(Settle, { load: () => rows.then((first) => /* @__PURE__ */ _jsx(McpList, { first })) });
-	}
-	if (tab === "engines") {
-		const config = load(request).config.get();
-		return /* @__PURE__ */ _jsx(Settle, { load: () => config.then((first) => /* @__PURE__ */ _jsx(EnginesList, {
-			first,
-			defaults: DEFAULT_CONFIG.engines ?? {}
-		})) });
-	}
-	const runners = load(request).runners.list();
-	const me = load(request).me();
-	return /* @__PURE__ */ _jsx(Stream, {
-		fallback: /* @__PURE__ */ _jsx(Loading, {
-			label: "Loading runners",
-			h: 188
-		}),
-		load: () => Promise.all([runners, me]).then(([first, who]) => /* @__PURE__ */ _jsx(RunnersList, {
-			first,
-			me: who
-		}))
-	});
-}