@wular/coder 0.4.7 → 0.4.9

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

@@ -1,15 +1,16 @@
 "use client";
-import "./list.4835150fd34d0c4f.css.pnext-asset.js";
-import { useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../utils/client.a8205c524e63d4a9.js";
-import { iDots } from "../../../../comps/ui/icons.1777c0350d5d215e.js";
-import { Card } from "../../../../comps/ui/card.b0873d38765c9d20.js";
-import { reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { ErrorText } from "../../../../comps/ui/field.7b2a2075ee8c6e29.js";
-import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Menu, MenuItem } from "../../../../comps/ui/menu.a4dd9fb9f566689a.js";
-import { ConfirmDialog } from "../../../../comps/ui/confirm.1328a7ede6c27bb9.js";
-import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import "./list.e0ce46919b75ef76.css.pnext-asset.js";
+import { useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure } from "../../../../../utils/action.1a6356d5b722cafb.js";
+import { iDots } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Card } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Menu } from "../../../../../comps/ui/menu.a41edd5cde1c90cf.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.53edc755945b0563.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** RFC 7396: objects merge, null deletes, anything else replaces. */
 function merged(target, patch) {
 	if (!patch || typeof patch !== "object" || Array.isArray(patch)) return patch;
@@ -23,12 +24,10 @@ function merged(target, patch) {
 /** Config edits shown at once and sent as merge patches; the newest answer wins and a failure rolls back. */
 export function useConfig(first) {
 	const [value, setValue] = useState(first);
-	const [error, setError] = useState("");
 	const sent = useRef(0);
 	const saved = useRef(first);
 	const patch = (body) => {
 		const seq = ++sent.current;
-		setError("");
 		setValue((now) => merged(now, body));
 		return client.config.patch(body).then((answer) => {
 			saved.current = answer;
@@ -37,14 +36,13 @@ export function useConfig(first) {
 		}, (reason) => {
 			if (seq === sent.current) {
 				setValue(saved.current);
-				setError(reasonText(reason));
+				toastFailure(reason);
 			}
 			return false;
 		});
 	};
 	return {
 		value,
-		error,
 		patch
 	};
 }
@@ -58,29 +56,6 @@ export const PERMISSIONS = [
 	"workspace-write",
 	"auto"
 ];
-/** A change sent to the server; its answer replaces what the list shows. */
-export function useSend(first) {
-	const [value, setValue] = useState(first);
-	const [error, setError] = useState("");
-	const send = async (act, apply) => {
-		setError("");
-		try {
-			const answer = await act();
-			if (apply) setValue(apply(answer));
-			return true;
-		} catch (reason) {
-			setError(reasonText(reason));
-			return false;
-		}
-	};
-	return {
-		value,
-		setValue,
-		error,
-		setError,
-		send
-	};
-}
 /** The add row: its fields, and Enter in any of them adds. */
 export function AddRow({ fields, onAdd }) {
 	return /* @__PURE__ */ _jsxs("form", {
@@ -98,8 +73,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"
 		})]
 	});
@@ -147,7 +122,7 @@ export function Row({ title, badges, sub, actions, menu, remove }) {
 		children: [
 			actions,
 			menu || removing.item ? /* @__PURE__ */ _jsxs(Menu, {
-				summaryClass: "icon-btn",
+				button: "icon",
 				label: "Actions",
 				summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
 				children: [menu, removing.item]
@@ -156,11 +131,10 @@ export function Row({ title, badges, sub, actions, menu, remove }) {
 		]
 	})] });
 }
-export function List({ title, count, error, children, add }) {
+export function List({ title, count, children, add }) {
 	return /* @__PURE__ */ _jsxs(Card, {
 		title,
 		count,
-		actions: /* @__PURE__ */ _jsx(ErrorText, { value: error }),
 		children: [/* @__PURE__ */ _jsx("div", {
 			class: "table-scroll",
 			children: /* @__PURE__ */ _jsx("table", {

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

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

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{settings/[tab]/models-list.052f3ccc66833937.js → [org]/settings/[tab]/models-list.2835a48d1edeb6d1.js}

@@ -1,16 +1,18 @@
 "use client";
-import { client } from "../../../../utils/client.a8205c524e63d4a9.js";
-import { useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { Card, Loading } from "../../../../comps/ui/card.b0873d38765c9d20.js";
-import { ErrorText, Field } from "../../../../comps/ui/field.7b2a2075ee8c6e29.js";
-import { Badge } from "../../../../comps/ui/badge.5abdef72e9189fdc.js";
-import { MenuItem } from "../../../../comps/ui/menu.a4dd9fb9f566689a.js";
-import { Select } from "../../../../comps/ui/select.f036fdc3fce02b92.js";
-import { Combo } from "../../../../comps/ui/combo.ca0efacf2ce15578.js";
-import { CUSTOM_PROVIDERS, ENGINES, ENGINE_NAMES, defaultLabel } from "../model-options.bccfaced52fc0c00.js";
-import { reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { List, Row, useConfig, useSend } from "./list.db2e212e3c8b5d32.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { FoldCard, Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
+import { Badge } from "../../../../../comps/ui/badge.0851f234f300c694.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
+import { Select } from "../../../../../comps/ui/select.36c6f21ce6aa720f.js";
+import { Combo } from "../../../../../comps/ui/combo.efb84f0cca771948.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.1a6356d5b722cafb.js";
+import { List, Row, useConfig } from "./list.df5ee5d74bec0f5b.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"],
@@ -40,7 +42,7 @@ const slug = (id) => id.split("/").pop().toLowerCase().replace(/[^a-z0-9]+/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 }) {
+function AddModel({ builtin, credentials, admin, taken, efforts, onAdd }) {
 	const [provider, setProvider] = useState("custom");
 	const kind = provider === "custom" ? "custom" : "alias";
 	const engine = /* @__PURE__ */ _jsx(Field, {
@@ -58,9 +60,9 @@ function AddModel({ builtin, credentials, admin, taken, efforts, error, onAdd })
 	const [round, setRound] = useState(0);
 	const known = builtin[provider] ?? {};
 	const example = known[EXAMPLES[provider]] ?? Object.values(known)[0];
-	return /* @__PURE__ */ _jsx(Card, {
+	return /* @__PURE__ */ _jsx(FoldCard, {
 		title: "Add a model",
-		actions: /* @__PURE__ */ _jsx(ErrorText, { value: error }),
+		note: "A short name for an engine model, or an OpenAI-compatible endpoint",
 		children: /* @__PURE__ */ _jsx("form", {
 			class: "add-form",
 			method: "post",
@@ -131,9 +133,9 @@ function AddModel({ builtin, credentials, admin, taken, efforts, error, onAdd })
 							onChange: setEffort
 						})
 					}),
-					/* @__PURE__ */ _jsx("button", {
-						class: "btn",
-						disabled: busy,
+					/* @__PURE__ */ _jsx(Button, {
+						type: "submit",
+						loading: busy,
 						children: "Add"
 					})
 				]
@@ -313,9 +315,9 @@ function CustomFields({ engine, credentials, admin, taken, busy }) {
 						})
 					})]
 				})]
-			}), /* @__PURE__ */ _jsx("button", {
-				class: "btn",
-				disabled: busy,
+			}), /* @__PURE__ */ _jsx(Button, {
+				type: "submit",
+				loading: busy,
 				children: "Add model"
 			})]
 		})
@@ -323,21 +325,25 @@ function CustomFields({ engine, credentials, admin, taken, busy }) {
 }
 /** 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 [models, setModels] = useState(first);
+	const action = useAction();
 	const settings = useConfig(config.config);
-	const refresh = (answer) => ({
-		...models.value,
-		models: answer.models ?? {}
+	const send = (act) => action.run("send", async () => {
+		const answer = await act();
+		setModels((now) => ({
+			...now,
+			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 off = (name) => models.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]) => ({
+	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.value.models[name],
+		entry: models.models[name],
 		removable: false
 	}))), ...own.map(([name, entry]) => ({
 		name,
@@ -348,20 +354,18 @@ export function ModelsList({ first, config, credentials, admin }) {
 	}))];
 	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,
+		builtin: models.builtin,
 		credentials,
 		admin,
 		taken: {
-			...models.value.models,
-			...Object.assign({}, ...Object.values(models.value.builtin))
+			...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])),
-		error: models.error,
-		onAdd: (act) => models.send(act, refresh)
-	}), groups.map(([engine, list], index) => /* @__PURE__ */ _jsx(List, {
+		onAdd: send
+	}), groups.map(([engine, list]) => /* @__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, {
@@ -375,20 +379,20 @@ 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"
 				}),
 				menu: /* @__PURE__ */ _jsx(MenuItem, {
 					title: off(name) ? "Enable" : "Disable",
-					onClick: () => void models.send(() => client.models[off(name) ? "enable" : "disable"](name), refresh)
+					onClick: () => void send(() => client.models[off(name) ? "enable" : "disable"](name))
 				}),
 				remove: removable ? {
 					title: `Remove ${name}?`,
 					body: "Tasks that ask for it stop running.",
-					onRemove: () => models.send(() => client.models.remove(name), refresh)
+					onRemove: () => send(() => client.models.remove(name))
 				} : undefined
 			}, name);
 		})

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/page.1d53415d55e77fee.js

@@ -0,0 +1,133 @@
+import "./runners-list.a835c9a264cf8903.css.pnext-asset.js";
+import "./connections-list.f742847e4887f072.css.pnext-asset.js";
+import "./engines-list.9927d602ebe9e7fc.css.pnext-asset.js";
+import "./credentials-list.98e0b34932a6ee4c.css.pnext-asset.js";
+import "./list.e0ce46919b75ef76.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.1cc355a530dcc5e3.js";
+import { Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { SETTINGS } from "../settings-head.5e2dff2550b3b73e.js";
+import { localServer } from "../../../../../api/types.9f59e6c761d6aac4.js";
+import { outcomeName, outcomeText, outcomeTitle, readOutcome, succeeded } from "../../setup/outcome.cbbc8cd1bbbee01b.js";
+import { Credentials } from "./credentials.c4b01484d183549d.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`. */
+const SIGN_IN_FAILED = "The sign-in did not finish. Try Reconnect.";
+const SIGN_IN = {
+	connected: "Signed in. New tasks can use the connection.",
+	denied: "The sign-in was declined, so nothing changed.",
+	failed: SIGN_IN_FAILED,
+	"invalid-state": "This sign-in link expired or was already used. Try Reconnect."
+};
+const ModelsList = dynamic(() => import("./models-list.2835a48d1edeb6d1.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-c4069e7b5b"
+});
+const ConnectionsList = dynamic(() => import("./connections-list.9b96914a4fa4e2a9.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-05813fe703"
+});
+const OutcomeDialog = dynamic(() => import("../../setup/outcome-dialog.4debc1a8c644df4b.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-4f567968af"
+});
+const EnginesList = dynamic(() => import("./engines-list.5c03e83663a6a9b7.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-4c0faf7796"
+});
+const RunnersList = dynamic(() => import("./runners-list.bf5746f48e3f78f5.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-a365ac7ea9"
+});
+/** 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 === "connections") {
+		const rows = load(request).connections.list();
+		const catalog = load(request).integrations.list().catch(() => []);
+		const me = load(request).me();
+		const search = new URL(request.url).searchParams;
+		const outcome = readOutcome(search);
+		const signIn = search.get("outcome");
+		return /* @__PURE__ */ _jsx(Settle, { load: async () => {
+			const [first, integrations, who] = await Promise.all([
+				rows,
+				catalog,
+				me
+			]);
+			return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+				outcome ? /* @__PURE__ */ _jsx(OutcomeDialog, {
+					ok: succeeded(outcome),
+					title: outcomeTitle(outcome, outcomeName(outcome, integrations)),
+					text: outcomeText(outcome, outcomeName(outcome, integrations)),
+					issues: who.server?.issuesUrl
+				}) : null,
+				signIn ? /* @__PURE__ */ _jsx(OutcomeDialog, {
+					ok: signIn === "connected",
+					title: signIn === "connected" ? "Signed in" : "Not signed in",
+					text: SIGN_IN[signIn] ?? SIGN_IN_FAILED,
+					issues: who.server?.issuesUrl
+				}) : null,
+				/* @__PURE__ */ _jsx(ConnectionsList, {
+					first,
+					catalog: integrations,
+					local: localServer(who),
+					admin: !who.user || ADMIN_ROLES.has(who.organization?.role ?? ""),
+					operator: who.operator === true
+				})
+			] });
+		} });
+	}
+	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
+		}))
+	});
+}