@wular/coder 0.4.8 → 0.4.10

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/{platform-actions.4b14873a20ebd56c.js → platform-actions.b6c3d3184e167d0b.js}

@@ -1,19 +1,23 @@
 "use client";
 import { useEffect, useRef, useState } from "../../../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { useRouter } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { client } from "../../../../../../../utils/client.d25e6dcc6704eb60.js";
-import { useAction } from "../../../../../../../utils/action.568346602027ac74.js";
-import { iAlert, iDots, iDown, iOut, iPlus, iSpark, iSteer, iUpload, iX } from "../../../../../../../comps/ui/icons.868385119bf2de28.js";
-import { Modal } from "../../../../../../../comps/ui/modal.92432959e3a3e2c0.js";
-import { reasonText } from "../../../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { ConfirmDialog } from "../../../../../../../comps/ui/confirm.fe133a074c2743af.js";
-import { Badge } from "../../../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
-import { CopyButton, CopyLine } from "../../../../../../../comps/ui/copy.9be99c94423eb1ca.js";
+import { client } from "../../../../../../../utils/client.189224c16057d7a1.js";
+import { useAction } from "../../../../../../../utils/action.968bcab0f5e3665d.js";
+import { iDots, iDown, iOut, iPlus, iSpark, iSteer, iUpload, iX } from "../../../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Modal } from "../../../../../../../comps/ui/modal.25d53e5b41b9c4e5.js";
+import { reasonText } from "../../../../../../../utils/format.ceeaafa10a0563f3.js";
+import { ConfirmDialog } from "../../../../../../../comps/ui/confirm.c1281f9b12854210.js";
+import { Badge } from "../../../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { Button } from "../../../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { CopyButton, CopyLine } from "../../../../../../../comps/ui/copy.bd6fc1577a393965.js";
 import { Field } from "../../../../../../../comps/ui/field.75588c33b72824a7.js";
 import { Icon } from "../../../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Menu, MenuItem } from "../../../../../../../comps/ui/menu.0f064f75822888be.js";
-import { Segmented } from "../../../../../../../comps/ui/segmented.5ac52bb38fb64ae5.js";
-import { showToast, toastError } from "../../../../../../../comps/frame/task-toasts.4282affa47415a36.js";
+import { Menu } from "../../../../../../../comps/ui/menu.ee45bace979944b6.js";
+import { MenuItem } from "../../../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { Segmented } from "../../../../../../../comps/ui/segmented.a08dc08338d080e9.js";
+import { Select } from "../../../../../../../comps/ui/select.2eb33e5bea28d804.js";
+import { showToast, toastError } from "../../../../../../../comps/frame/task-toasts.e1a484113e1df660.js";
+import { OutcomeDialog } from "../../../../setup/outcome-dialog.894c73f9abee3ce1.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Who can install a new app, as the create link's `public`, with what owning it then means. */
 const WHO = {
@@ -38,6 +42,8 @@ const uiNames = (text) => text.split(/\*\*(.+?)\*\*/).map((part, index) => index
 	class: "ui-name",
 	children: part
 }, index) : part);
+/** Focuses a field the form just revealed. */
+const focusShown = (input) => input?.focus();
 /** Posts the platform's own create form, such as GitHub's app manifest. */
 export function postTo({ url, fields }) {
 	const form = Object.assign(document.createElement("form"), {
@@ -95,13 +101,10 @@ function useInstall() {
 	};
 }
 /** One install button, for the next steps of a flow's outcome. */
-export function InstallButton({ app, label, class: className = "btn sm outline" }) {
+export function InstallButton({ app, label }) {
 	const { busy, install } = useInstall();
-	return /* @__PURE__ */ _jsx("button", {
-		type: "button",
-		class: className,
-		disabled: busy,
-		"aria-busy": busy,
+	return /* @__PURE__ */ _jsx(Button, {
+		loading: busy,
 		onClick: () => install(app),
 		children: label
 	});
@@ -153,6 +156,26 @@ function RemoveDialog({ app, name, onClose }) {
 export function CreateDialog({ integration, step, start, unreachable, onClose }) {
 	const action = useAction({ leaves: true });
 	const busy = Boolean(action.pending);
+	const intro = useRef(null);
+	const [values, setValues] = useState(() => Object.fromEntries(step.fields.map((field) => [field.name, field.options?.[0]?.value ?? ""])));
+	const shown = ({ when }) => !when || values[when.field] === when.equals;
+	const steps = step.steps.filter(shown);
+	const fields = step.fields.filter(shown);
+	const choose = (name, value) => {
+		// The dialog keeps its top while the form below grows or shrinks.
+		const dialog = intro.current.closest("dialog");
+		if (!dialog.style.marginTop) {
+			const { top } = dialog.getBoundingClientRect();
+			Object.assign(dialog.style, {
+				marginTop: `${top}px`,
+				maxHeight: `calc(100dvh - ${top + 24}px)`
+			});
+		}
+		setValues({
+			...values,
+			[name]: value
+		});
+	};
 	const submit = (event) => {
 		event.preventDefault();
 		const form = event.currentTarget;
@@ -168,38 +191,47 @@ export function CreateDialog({ integration, step, start, unreachable, onClose })
 		busy,
 		onSubmit: submit,
 		onClose,
-		actions: /* @__PURE__ */ _jsxs("button", {
-			class: "btn",
-			disabled: busy,
-			"aria-busy": busy,
-			children: [step.submit, /* @__PURE__ */ _jsx(Icon, { d: iSteer })]
+		actions: /* @__PURE__ */ _jsx(Button, {
+			type: "submit",
+			rightIcon: iSteer,
+			loading: busy,
+			children: step.submit
 		}),
 		children: [
 			unreachable ? /* @__PURE__ */ _jsx(Unreachable, {}) : null,
 			/* @__PURE__ */ _jsx("p", {
+				ref: intro,
 				class: "muted",
 				children: step.intro
 			}),
-			/* @__PURE__ */ _jsxs("div", {
+			fields.filter((field) => field.options).map((field) => /* @__PURE__ */ _jsx(Field, {
+				label: field.label,
+				hint: field.hint,
+				group: true,
+				children: /* @__PURE__ */ _jsx(Select, {
+					label: field.label,
+					name: field.name,
+					options: field.options.map(({ value, label }) => [value, label]),
+					value: values[field.name],
+					onChange: (value) => choose(field.name, value),
+					disabled: busy
+				})
+			}, field.name)),
+			steps.length ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("div", {
 				class: "create-link",
-				children: [/* @__PURE__ */ _jsxs("a", {
-					class: "btn secondary create-open",
+				children: [/* @__PURE__ */ _jsxs(Button, {
+					variant: "secondary",
+					class: "create-open",
 					href: step.link,
-					target: "_blank",
-					rel: "noreferrer",
-					children: [
-						"Open ",
-						new URL(step.link).host,
-						" ↗"
-					]
+					external: true,
+					children: ["Open ", new URL(step.link).host]
 				}), /* @__PURE__ */ _jsx(CopyButton, {
 					value: step.link,
 					label: "Copy link"
 				})]
-			}),
-			/* @__PURE__ */ _jsx("ol", {
+			}), /* @__PURE__ */ _jsx("ol", {
 				class: "create-steps",
-				children: step.steps.map(({ text, link, copy = [] }) => /* @__PURE__ */ _jsxs("li", { children: [
+				children: steps.map(({ text, link, copy = [] }) => /* @__PURE__ */ _jsxs("li", { children: [
 					/* @__PURE__ */ _jsx("p", { children: uiNames(text) }),
 					link && link !== step.link ? /* @__PURE__ */ _jsxs("div", {
 						class: "create-link",
@@ -218,15 +250,16 @@ export function CreateDialog({ integration, step, start, unreachable, onClose })
 						label: "Copy"
 					}, value))
 				] }, text))
-			}),
+			})] }) : null,
 			step.notes?.length ? /* @__PURE__ */ _jsxs("details", {
 				class: "create-more",
 				children: [/* @__PURE__ */ _jsx("summary", { children: "Advanced" }), /* @__PURE__ */ _jsx("ul", { children: step.notes.map((note) => /* @__PURE__ */ _jsx("li", { children: uiNames(note) }, note)) })]
 			}) : null,
-			step.fields.map((field) => /* @__PURE__ */ _jsx(Field, {
+			fields.filter((field) => !field.options).map((field) => /* @__PURE__ */ _jsx(Field, {
 				label: field.label,
 				hint: field.hint ?? (field.required ? undefined : "optional"),
 				children: /* @__PURE__ */ _jsx("input", {
+					ref: field.when ? focusShown : undefined,
 					name: field.name,
 					placeholder: field.placeholder,
 					required: field.required,
@@ -266,15 +299,11 @@ function WhereDialog({ integration, name, publicApps, organizationApps, unreacha
 		busy,
 		onSubmit: submit,
 		onClose,
-		actions: /* @__PURE__ */ _jsxs("button", {
-			class: "btn",
-			disabled: busy,
-			"aria-busy": busy,
-			children: [
-				"Continue to ",
-				name,
-				/* @__PURE__ */ _jsx(Icon, { d: iOut })
-			]
+		actions: /* @__PURE__ */ _jsxs(Button, {
+			type: "submit",
+			rightIcon: iOut,
+			loading: busy,
+			children: ["Continue to ", name]
 		}),
 		children: [
 			unreachable ? /* @__PURE__ */ _jsx(Unreachable, {}) : null,
@@ -327,19 +356,15 @@ function UpdateDialog({ app, name, check, onClose }) {
 		busy,
 		cancel: current ? "Close" : "Cancel",
 		onClose,
-		actions: current && !check.confirm ? null : /* @__PURE__ */ _jsxs(_Fragment, { children: [check.confirm && !current ? /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn secondary",
-			disabled: busy,
-			"aria-busy": busy,
+		actions: current && !check.confirm ? null : /* @__PURE__ */ _jsxs(_Fragment, { children: [check.confirm && !current ? /* @__PURE__ */ _jsx(Button, {
+			variant: "secondary",
+			loading: busy,
 			onClick: confirm,
 			children: "I updated it"
-		}) : null, /* @__PURE__ */ _jsxs("a", {
-			class: "btn",
+		}) : null, /* @__PURE__ */ _jsx(Button, {
 			href: check.url,
-			target: "_blank",
-			rel: "noreferrer",
-			children: [check.label, " ↗"]
+			external: true,
+			children: check.label
 		})] }),
 		children: check.confirm ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("p", {
 			class: "muted",
@@ -412,36 +437,21 @@ function FailedDialog({ name, issues, title = `Setting up ${name} failed`, text
 		event.currentTarget.closest("dialog").close();
 		onRetry();
 	};
-	return /* @__PURE__ */ _jsx(Modal, {
-		class: "outcome-dialog",
-		tone: "error",
+	return /* @__PURE__ */ _jsx(OutcomeDialog, {
+		ok: false,
 		title,
-		icon: iAlert,
-		cancel: "Close",
+		text,
+		issues,
 		focus: "actions",
-		// A reload must not show it again.
-		onClose: () => history.replaceState(history.state, "", location.pathname),
-		actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [issues ? /* @__PURE__ */ _jsx("a", {
-			class: "btn outline",
-			href: `${issues}?${new URLSearchParams({
-				title,
-				body: text
-			})}`,
-			target: "_blank",
-			rel: "noreferrer",
-			children: "Report issue"
-		}) : null, /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn",
+		children: /* @__PURE__ */ _jsx(Button, {
 			autofocus: true,
 			onClick: retry,
 			children: "Try again"
-		})] }),
-		children: /* @__PURE__ */ _jsx("p", { children: text })
+		})
 	});
 }
 /** The one next step for a platform, and the rarer ones in its row menu. */
-export function PlatformActions({ integration, name, apps, installed, createUrl, create, unreachable, publicApps = false, organizationApps = false, shared = false, appUpdate, failed }) {
+export function PlatformActions({ integration, name, apps, installed, reinstall, createUrl, create, unreachable, publicApps = false, organizationApps = false, shared = false, appUpdate, failed }) {
 	const nav = useRouter();
 	const { busy, install } = useInstall();
 	const [leaving, setLeaving] = useState(false);
@@ -450,6 +460,7 @@ export function PlatformActions({ integration, name, apps, installed, createUrl,
 	const [removing, setRemoving] = useState();
 	const [updating, setUpdating] = useState();
 	const asks = publicApps || organizationApps;
+	const main = apps.find((app) => app.id === reinstall) ?? apps[0];
 	// Creation on the platform: the browser posts the platform's own form, such as GitHub's manifest.
 	const createThere = (state) => {
 		setLeaving(true);
@@ -513,11 +524,9 @@ export function PlatformActions({ integration, name, apps, installed, createUrl,
 		onRetry: () => apps.some((app) => app.id === failed.app) ? install(failed.app) : start()
 	}) : null;
 	if (!apps.length) return /* @__PURE__ */ _jsxs(_Fragment, { children: [
-		/* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn sm",
-			disabled: leaving,
-			"aria-busy": leaving,
+		/* @__PURE__ */ _jsx(Button, {
+			size: "sm",
+			loading: leaving,
 			onClick: start,
 			children: create && !create.fields.length ? create.submit : "Create app"
 		}),
@@ -528,22 +537,23 @@ export function PlatformActions({ integration, name, apps, installed, createUrl,
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
 		/* @__PURE__ */ _jsxs("span", {
 			class: "split",
-			children: [installed ? null : /* @__PURE__ */ _jsx("button", {
-				type: "button",
-				class: "btn sm",
-				disabled: busy,
-				"aria-busy": busy,
-				onClick: () => install(apps[0].id),
-				children: "Install"
+			children: [installed ? null : /* @__PURE__ */ _jsx(Button, {
+				size: "sm",
+				loading: busy,
+				onClick: () => install(main.id),
+				children: reinstall ? "Reinstall" : "Install"
 			}), /* @__PURE__ */ _jsxs(Menu, {
-				summaryClass: installed ? "icon-btn" : "btn sm split-more",
+				button: installed ? "icon" : {
+					size: "sm",
+					class: "split-more"
+				},
 				label: `More for ${integration}`,
 				wide: true,
 				summary: /* @__PURE__ */ _jsx(Icon, { d: installed ? iDots : iDown }),
 				children: [
 					apps.map((app) => {
-						// The main button already installs the first app.
-						if (!installed && app === apps[0]) return null;
+						// The main button already installs this app.
+						if (!installed && app === main) return null;
 						const named = apps.length > 1 ? ` ${app.name}` : "";
 						return /* @__PURE__ */ _jsx(MenuItem, {
 							icon: iPlus,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/settings/{agent-settings-form.dd8f3cbc00876ebd.js → agent-settings-form.28220621573033d7.js}

@@ -1,39 +1,24 @@
 "use client";
-import "./agent-settings-form.2d19ea3a4d380e0d.css.pnext-asset.js";
+import "./agent-settings-form.ca926c58d15044aa.css.pnext-asset.js";
 import { useLayoutEffect, useRef, useState } from "../../../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../../../../utils/client.d25e6dcc6704eb60.js";
-import { useAction } from "../../../../../../../utils/action.568346602027ac74.js";
+import { client } from "../../../../../../../utils/client.189224c16057d7a1.js";
+import { useAction } from "../../../../../../../utils/action.968bcab0f5e3665d.js";
 import { useRouter } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../../../comps/nav/org.813dc34bd23a336f.js";
+import { useOrg } from "../../../../../../../comps/nav/org.572ad93c7707ab27.js";
 import { Link } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { editableAgent } from "../../../../../../../api/types.9f59e6c761d6aac4.js";
-import { ConfirmDialog } from "../../../../../../../comps/ui/confirm.fe133a074c2743af.js";
-import { BrandIcon } from "../../../agent/agent-pills.19e913c8cb22db21.js";
-import { AgentToggle } from "../../../agent/agent-toggle.ec6d07ccd1f9796e.js";
+import { editableAgent, eventNames } from "../../../../../../../api/types.79f9092cdb5a00d1.js";
+import { ConfirmDialog } from "../../../../../../../comps/ui/confirm.c1281f9b12854210.js";
+import { BrandIcon } from "../../../agent/agent-pills.f987c12bcbc5c850.js";
+import { AgentToggle } from "../../../agent/agent-toggle.a6ee8bd882178e29.js";
 import { Field } from "../../../../../../../comps/ui/field.75588c33b72824a7.js";
-import { Chips } from "../../../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
-import { Select } from "../../../../../../../comps/ui/select.7f481669998074f8.js";
-import { Search } from "../../../../../../../comps/ui/toolbar.801bbd3163d3fbb0.js";
-import { ENGINE_NAMES, defaultLabel, modelHeadings, modelOptions, modelValue, splitModel } from "../../../../settings/model-options.2eacf7f8ac0032df.js";
+import { Button } from "../../../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Select } from "../../../../../../../comps/ui/select.2eb33e5bea28d804.js";
+import { Search } from "../../../../../../../comps/ui/toolbar.24036899654de6df.js";
+import { EFFORTS, ENGINE_NAMES, PERMISSIONS, defaultLabel, modelHeadings, modelOptions, modelValue, splitModel } from "../../../../settings/model-options.a96c11d11674f598.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const EFFORTS = [
-	"low",
-	"medium",
-	"high"
-];
-const PERMISSIONS = [
-	"read-only",
-	"workspace-write",
-	"auto"
-];
-const PRESETS = [
-	"observe",
-	"comment",
-	"write"
-];
-const eventNames = (events) => Array.isArray(events) ? events.map(String) : events && typeof events === "object" ? Object.keys(events) : [];
+const ACCESS = [["read", "Read-only"], ["write", "Read-write"]];
 function Choice({ name, label, hint, value, options, blank }) {
-	const list = value && !options.includes(value) ? [...options, value] : options;
+	const list = value && !options.some(([key]) => key === value) ? [...options, [value, value]] : options;
 	return /* @__PURE__ */ _jsx(Field, {
 		label,
 		hint,
@@ -42,11 +27,11 @@ function Choice({ name, label, hint, value, options, blank }) {
 			name,
 			label,
 			defaultValue: value ?? "",
-			options: [["", blank], ...list.map((option) => [option, option])]
+			options: [["", blank], ...list]
 		})
 	});
 }
-/** How this agent runs here: engine settings, every platform's access and events on one panel, and deleting it. One Save. */
+/** How this agent runs here: engine settings and access, every platform's events on one panel, and deleting it. One Save. */
 export function AgentSettingsForm({ agent, catalog, models, defaults, runners, connections }) {
 	const nav = useRouter();
 	const org = useOrg();
@@ -65,7 +50,7 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 	const declared = agent.definition?.integrations ?? {};
 	const platforms = Object.keys(declared).sort();
 	const own = agent.definition;
-	const engine = own?.engine ?? defaults.engine;
+	const engine = own?.engine;
 	const deletable = agent.source !== "builtin";
 	// Filters every panel's fields by label, current value and platform, and moves to a panel that has a match.
 	useLayoutEffect(() => {
@@ -107,6 +92,7 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 		for (const key of [
 			"effort",
 			"permissions",
+			"access",
 			"runner"
 		]) if (text(key)) next[key] = text(key);
 		const picked = splitModel(model);
@@ -114,10 +100,7 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 		if (picked.model) next.model = picked.model;
 		if (narrowed) next.connections = values.getAll("connection").map(String);
 		for (const id of platforms) {
-			const current = settings.integrations?.[id] ?? {};
 			const entry = {};
-			if (Array.isArray(current.allowedTools)) entry.allowedTools = current.allowedTools;
-			else if (text(`tools:${id}`)) entry.allowedTools = text(`tools:${id}`);
 			const names = eventNames(declared[id]?.events);
 			const picked = values.getAll(`event:${id}`).map(String);
 			if (names.length && picked.length < names.length) entry.allowedEvents = picked;
@@ -183,7 +166,7 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 										children: /* @__PURE__ */ _jsx(Select, {
 											label: "Model",
 											value: model,
-											options: [...modelOptions(models, defaultLabel([ENGINE_NAMES[engine] ?? engine, own?.model ?? defaults.engines[engine]?.model].filter(Boolean).join(" · "))), ...!settings.engine && settings.model ? [[modelValue(undefined, settings.model), settings.model]] : []],
+											options: [...modelOptions(models, defaultLabel(engine ? [ENGINE_NAMES[engine] ?? engine, own?.model ?? defaults.engines[engine]?.model].filter(Boolean).join(" · ") : "first available engine")), ...!settings.engine && settings.model ? [[modelValue(undefined, settings.model), settings.model]] : []],
 											headings: modelHeadings(models),
 											onChange: setModel
 										})
@@ -203,6 +186,14 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 										options: PERMISSIONS,
 										blank: defaultLabel(own?.permissions ?? "read-only")
 									}),
+									/* @__PURE__ */ _jsx(Choice, {
+										name: "access",
+										label: "Access",
+										hint: "what it may do on its platforms and connections",
+										value: settings.access,
+										options: own?.access === "read" ? ACCESS.slice(0, 1) : ACCESS,
+										blank: defaultLabel(own?.access === "read" ? "Read-only" : "Read-write")
+									}),
 									runners.length > 1 ? /* @__PURE__ */ _jsx(Field, {
 										label: "Runs on",
 										group: true,
@@ -267,7 +258,7 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 							/* @__PURE__ */ _jsxs("p", {
 								class: "muted",
 								children: [
-									"Overrides for this workspace: turn events off or lower access.",
+									"Turn events off for this workspace.",
 									" ",
 									editableAgent(agent) ? /* @__PURE__ */ _jsxs(_Fragment, { children: [
 										"To add an event or a platform,",
@@ -313,43 +304,28 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 								const current = settings.integrations?.[id] ?? {};
 								const names = eventNames(declared[id]?.events);
 								const allowed = current.allowedEvents;
-								const tools = declared[id]?.tools;
 								const info = catalog.find((entry) => entry.id === id);
 								return /* @__PURE__ */ _jsxs("div", {
 									class: "vplatform",
-									children: [
-										/* @__PURE__ */ _jsxs("h3", { children: [info ? /* @__PURE__ */ _jsx(BrandIcon, { brand: info.brand }) : null, info?.name ?? id] }),
-										Array.isArray(current.allowedTools) ? /* @__PURE__ */ _jsxs("div", {
-											class: "field",
-											children: [/* @__PURE__ */ _jsx("span", { children: "Platform access" }), /* @__PURE__ */ _jsx(Chips, { values: current.allowedTools })]
-										}) : /* @__PURE__ */ _jsx(Choice, {
-											name: `tools:${id}`,
-											label: "Platform access",
-											hint: `observe reads, comment also replies, write also pushes and merges; at most ${typeof tools === "string" ? tools : tools ? "its tools" : "observe"}, as the definition grants`,
-											value: typeof current.allowedTools === "string" ? current.allowedTools : undefined,
-											options: typeof tools === "string" ? PRESETS.slice(0, PRESETS.indexOf(tools) + 1) : tools ? PRESETS : PRESETS.slice(0, 1),
-											blank: defaultLabel(typeof tools === "string" ? tools : tools ? "custom" : "observe")
-										}),
-										names.length ? /* @__PURE__ */ _jsxs("div", {
-											class: "field",
-											children: [/* @__PURE__ */ _jsxs("span", { children: [
-												"Events",
-												" ",
-												/* @__PURE__ */ _jsx("small", { children: "the definition's events; turn off any it should ignore here" })
-											] }), /* @__PURE__ */ _jsx("div", {
-												class: "checks",
-												children: names.map((name) => /* @__PURE__ */ _jsxs("label", {
-													class: "check",
-													children: [/* @__PURE__ */ _jsx("input", {
-														type: "checkbox",
-														name: `event:${id}`,
-														value: name,
-														defaultChecked: !allowed || allowed.includes(name)
-													}), name]
-												}, name))
-											})]
-										}) : null
-									]
+									children: [/* @__PURE__ */ _jsxs("h3", { children: [info ? /* @__PURE__ */ _jsx(BrandIcon, { brand: info.brand }) : null, info?.name ?? id] }), names.length ? /* @__PURE__ */ _jsxs("div", {
+										class: "field",
+										children: [/* @__PURE__ */ _jsxs("span", { children: [
+											"Events",
+											" ",
+											/* @__PURE__ */ _jsx("small", { children: "the definition's events; turn off any it should ignore here" })
+										] }), /* @__PURE__ */ _jsx("div", {
+											class: "checks",
+											children: names.map((name) => /* @__PURE__ */ _jsxs("label", {
+												class: "check",
+												children: [/* @__PURE__ */ _jsx("input", {
+													type: "checkbox",
+													name: `event:${id}`,
+													value: name,
+													defaultChecked: !allowed || allowed.includes(name)
+												}), name]
+											}, name))
+										})]
+									}) : null]
 								}, id);
 							})
 						]
@@ -362,16 +338,13 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 							/* @__PURE__ */ _jsx("h2", { children: "Manage" }),
 							/* @__PURE__ */ _jsxs("div", {
 								class: "field row-action",
-								children: [/* @__PURE__ */ _jsxs("span", { children: ["Disable agent", /* @__PURE__ */ _jsx("small", { children: "stops its events and new tasks in this workspace; its apps and tasks stay" })] }), /* @__PURE__ */ _jsx(AgentToggle, {
-									agent,
-									class: "btn outline"
-								})]
+								children: [/* @__PURE__ */ _jsxs("span", { children: ["Disable agent", /* @__PURE__ */ _jsx("small", { children: "stops its events and new tasks in this workspace; its apps and tasks stay" })] }), /* @__PURE__ */ _jsx(AgentToggle, { agent })]
 							}),
 							/* @__PURE__ */ _jsxs("div", {
 								class: "field row-action",
-								children: [/* @__PURE__ */ _jsxs("span", { children: ["Delete agent", /* @__PURE__ */ _jsx("small", { children: deletable ? "removes it and every version; its tasks and platform apps stay" : `${agent.name} is built in and cannot be deleted; disable it above instead` })] }), /* @__PURE__ */ _jsx("button", {
-									type: "button",
-									class: "btn secondary-danger",
+								children: [/* @__PURE__ */ _jsxs("span", { children: ["Delete agent", /* @__PURE__ */ _jsx("small", { children: deletable ? "removes it and every version; its tasks and platform apps stay" : `${agent.name} is built in and cannot be deleted; disable it above instead` })] }), /* @__PURE__ */ _jsx(Button, {
+									variant: "secondary",
+									danger: true,
 									disabled: !deletable,
 									onClick: () => setDeleting(true),
 									children: "Delete agent"
@@ -385,10 +358,9 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 							class: "flash",
 							role: "status",
 							children: saved
-						}) : null, /* @__PURE__ */ _jsx("button", {
-							class: "btn",
-							disabled: busy,
-							"aria-busy": busy,
+						}) : null, /* @__PURE__ */ _jsx(Button, {
+							type: "submit",
+							loading: busy,
 							children: "Save"
 						})]
 					})

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/settings/{loading.80f597fd04fc4a97.js → loading.ad1a4c9b000d269a.js}

@@ -1,4 +1,4 @@
-import { LoadingCard } from "../../../../../../../comps/frame/loading-card.df3717186948c93f.js";
+import { LoadingCard } from "../../../../../../../comps/frame/loading-card.cc76fc9708142525.js";
 import { jsx as _jsx } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function AgentSettingsLoading() {
 	return /* @__PURE__ */ _jsx(LoadingCard, {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/settings/{page.35d01036ce840ff9.js → page.2f7467868f599ebc.js}

@@ -1,45 +1,39 @@
 import { dynamic } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { load } from "../../../../../../../api/load.4f942c7f68b2e273.js";
-import { Settle } from "../../../../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
-import { loadAgent } from "../../../../../../../api/load.4f942c7f68b2e273.js";
-import { NO_MODELS, modelsByEngine } from "../../../../settings/model-options.2eacf7f8ac0032df.js";
-import { runnerOptions } from "../../../../tasks/composer-data.ff108c0ef82a4d7b.js";
-import { DEFAULT_ENGINE } from "../../../../../../../../../core/defaults.e6ce0944639198a2.js";
-import { NeedsCredential } from "../../../../tasks/composer.c7ec618e215d63ce.js";
+import { load } from "../../../../../../../api/load.7ae462ef36271be8.js";
+import { Settle } from "../../../../../../../comps/frame/stream.95a2468086aceb84.js";
+import { loadAgent, loadRunDefaults } from "../../../../../../../api/load.7ae462ef36271be8.js";
+import { runnerOptions } from "../../../../tasks/composer-data.309a194fc7fa34be.js";
+import { NeedsCredential } from "../../../../tasks/composer.2d4122eb33addbdd.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const AgentSettingsForm = dynamic(() => import("./agent-settings-form.dd8f3cbc00876ebd.js").then((m) => m.AgentSettingsForm), undefined, {
+const AgentSettingsForm = dynamic(() => import("./agent-settings-form.28220621573033d7.js").then((m) => m.AgentSettingsForm), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/settings/agent-settings-form.tsx", import.meta.url).pathname),
 	"exportName": "AgentSettingsForm",
-	"id": "c-82eb0b3ac3"
+	"id": "c-a43128fe47"
 });
 export default async function AgentSettingsPage({ request, params }) {
 	if (!request) return null;
 	const { slug: raw } = await params;
 	const slug = Array.isArray(raw) ? raw[0] : raw;
 	const agent = loadAgent(request, slug);
-	const models = load(request).models.list().catch(() => NO_MODELS);
-	const config = load(request).config.get().catch(() => undefined);
+	const run = loadRunDefaults(request);
 	const catalog = load(request).integrations.list().catch(() => []);
-	const connections = load(request).connections.list().then((rows) => rows.filter((row) => !row.owner), () => []);
-	const runners = load(request).runners.list().then((rows) => rows.items, () => []);
+	// A failed list fails the form: Save replaces settings whole, so a missing list would wipe them.
+	const connections = load(request).connections.list().then((rows) => rows.filter((row) => !row.owner));
+	const runners = load(request).runners.list().then((rows) => rows.items);
 	return /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
 		agent,
-		models,
-		config,
+		run,
 		runners,
 		catalog,
 		connections
-	]).then(([row, shape, shown, rows, integrations, workspace]) => /* @__PURE__ */ _jsxs(_Fragment, { children: [row.needsModel ? /* @__PURE__ */ _jsx(NeedsCredential, {
+	]).then(([row, { models, defaults }, rows, integrations, workspace]) => /* @__PURE__ */ _jsxs(_Fragment, { children: [row.needsModel ? /* @__PURE__ */ _jsx(NeedsCredential, {
 		reason: "Agents need a model credential to run.",
 		label: row.name
 	}) : null, /* @__PURE__ */ _jsx(AgentSettingsForm, {
 		agent: row,
 		catalog: integrations,
-		models: modelsByEngine(shape),
-		defaults: {
-			engine: shown?.effective.chain?.[0] ?? DEFAULT_ENGINE,
-			engines: shown?.effective.engines ?? {}
-		},
+		models,
+		defaults,
 		runners: runnerOptions(rows),
 		connections: workspace
 	})] })) });

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/tasks/{loading.ff54c7100f781fbc.js → loading.ec94096015346f2c.js}

@@ -1,5 +1,5 @@
-import { TasksLoading } from "../../../../tasks/list/tasks-section.fd72404364042b87.js";
+import { TasksLoading } from "../../../../tasks/list/tasks-section.13f64b0836ae406b.js";
 import { jsx as _jsx } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function AgentTasksLoading() {
-	return /* @__PURE__ */ _jsx(TasksLoading, { agent: true });
+	return /* @__PURE__ */ _jsx(TasksLoading, {});
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/tasks/{page.e5a405c518c1d8e6.js → page.a92a36a8ce21088c.js}

@@ -1,4 +1,4 @@
-import { TasksSection, loadTasks } from "../../../../tasks/list/tasks-section.fd72404364042b87.js";
+import { TasksSection, loadTasks } from "../../../../tasks/list/tasks-section.13f64b0836ae406b.js";
 import { jsx as _jsx } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default async function AgentTasksPage({ request, params }) {
 	if (!request) return null;