@wular/coder 0.4.13 → 0.5.0

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/agent/{agent-pills.44e689e546fb042b.js → agent-pills.1012e04bfbc7bffd.js}

@@ -1,10 +1,10 @@
 import "./agent-pills.183f03f1e7e5ac9f.css.pnext-asset.js";
 import { useId } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { iGit } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
-import { Badge, COLLAPSE_FROM, COLLAPSED } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { iGit } from "../../../../../comps/ui/icons.f769275420d072ce.js";
+import { Badge, COLLAPSE_FROM, COLLAPSED } from "../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { MoreList } from "../../../../../comps/ui/menu.ee45bace979944b6.js";
-import { OrgLink } from "../../../../../comps/nav/org.d3abfd4053b711ce.js";
+import { MoreList } from "../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
+import { OrgLink } from "../../../../../comps/nav/org.853d173b55368728.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Official marks carry gradient ids; each copy on a page gets its own so they never shadow one another. */
 const scoped = (svg, suffix) => svg.replace(/\bid="([^"]+)"/g, `id="$1${suffix}"`).replace(/url\(#([^)]+)\)/g, `url(#$1${suffix})`).replace(/href="#([^"]+)"/g, `href="#$1${suffix}"`);
@@ -97,7 +97,7 @@ export function AgentPills({ agent, fix }) {
 		}) : /* @__PURE__ */ _jsxs(Badge, { children: ["v", agent.currentVersion] }),
 		agent.settings?.disabled ? /* @__PURE__ */ _jsx(DisabledBadge, {}) : null,
 		agent.problems?.length ? /* @__PURE__ */ _jsx(Badge, {
-			tone: "warn",
+			tone: "bad",
 			title: agent.problems.join("\n"),
 			...fix,
 			children: "not running"

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/agent/{agent-toggle.4c67dfbb7d28a416.js → agent-toggle.ffbf9a8b8b2fbde7.js}

@@ -1,8 +1,8 @@
 "use client";
 import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../../utils/client.78267fa3d7905d17.js";
-import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
-import { useAction } from "../../../../../utils/action.67dd6f8ab1ae067d.js";
+import { client } from "../../../../../utils/client.c8d7efefb6194d7d.js";
+import { Button } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { useAction } from "../../../../../utils/action.f22057e7dfac40fe.js";
 import { jsx as _jsx } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Disable or Enable the agent in this workspace; its other settings stay. `link` shows it as a text link. */
 export function AgentToggle({ agent, link }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/agent/{hero.9740a8e2f4b41f28.js → hero.0ae015a4fbe6321e.js}

@@ -1,9 +1,9 @@
 import "./hero.243d85cac1f22df2.css.pnext-asset.js";
-import { BLANK } from "../../../../../comps/frame/loading-card.1cea8a722c10b998.js";
+import { BLANK } from "../../../../../comps/frame/loading-card.77bea8c5870b5d3c.js";
 import { initial } from "../../../../../utils/format.ceeaafa10a0563f3.js";
-import { AgentPills } from "./agent-pills.44e689e546fb042b.js";
-import { AgentToggle } from "./agent-toggle.4c67dfbb7d28a416.js";
-import { MoreList } from "../../../../../comps/ui/menu.ee45bace979944b6.js";
+import { AgentPills } from "./agent-pills.1012e04bfbc7bffd.js";
+import { AgentToggle } from "./agent-toggle.ffbf9a8b8b2fbde7.js";
+import { MoreList } from "../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
 import { Sentinel } from "../../../../../comps/ui/sentinel.0ddf515b8f09ef9f.js";
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Handles shown before the rest fold behind +N more. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/agent/{instructions.85b1cd986a9edbb5.js → instructions.1b8c9189961c5a4f.js}

@@ -1,14 +1,15 @@
 "use client";
-import "./instructions.446bccc375f30eeb.css.pnext-asset.js";
+import "./instructions.4c31196fcbf9846c.css.pnext-asset.js";
 import { h } from "../../../../../../../../../../node_modules/preact/dist/preact.mjs";
-import { Collapse } from "../../../../../comps/ui/collapse.93e4d1b20c2873ed.js";
-import { jsx as _jsx } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { Collapse } from "../../../../../comps/ui/collapse.eb578fdf42029754.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const INLINE = /`([^`\n]+)`|\*\*(.+?)\*\*|__(.+?)__|\*(\S(?:.*?\S)?)\*|(?<!\w)_(\S(?:.*?\S)?)_(?!\w)|\[([^\]\n]+)\]\(([^)\s]+)\)/g;
 const SAFE_HREF = /^(?:https?:|mailto:)/i;
 const FENCE = /^\s*(```|~~~)/;
 const HEADING = /^(#{1,6})\s+(.*?)(?:\s+#+)?\s*$/;
 const ITEM = /^\s*(?:([-*+])|\d+[.)])\s+(.*)$/;
-const BLOCK = /^\s*(?:#{1,6}\s|```|~~~|[-*+]\s|\d+[.)]\s)/;
+const BLOCK = /^\s*(?:#{1,6}\s|```|~~~|[-*+]\s|\d+[.)]\s|\|)/;
+const TABLE_RULE = /^\s*\|?\s*:?-+:?\s*(?:\|\s*:?-+:?\s*)*\|?\s*$/;
 function inline(text) {
 	const out = [];
 	let at = 0;
@@ -31,6 +32,7 @@ function inline(text) {
 	if (at < text.length) out.push(text.slice(at));
 	return out;
 }
+const cells = (row) => row.trim().replace(/^\||\|$/g, "").split("|").map((cell) => inline(cell.trim()));
 /** Minimal markdown as Preact nodes, so raw HTML in the text stays text. */
 export function markdown(text) {
 	const lines = text.split(/\r?\n/);
@@ -48,6 +50,13 @@ export function markdown(text) {
 		} else if (heading) {
 			blocks.push(h(`h${Math.min(heading[1].length + 2, 6)}`, null, inline(heading[2])));
 			i++;
+		} else if (line.trim().startsWith("|") && TABLE_RULE.test(lines[i + 1] ?? "")) {
+			const rows = [];
+			for (i += 2; lines[i]?.trim().startsWith("|"); i++) rows.push(lines[i]);
+			blocks.push(/* @__PURE__ */ _jsx("div", {
+				class: "table",
+				children: /* @__PURE__ */ _jsxs("table", { children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsx("tr", { children: cells(line).map((cell) => /* @__PURE__ */ _jsx("th", { children: cell })) }) }), /* @__PURE__ */ _jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ _jsx("tr", { children: cells(row).map((cell) => /* @__PURE__ */ _jsx("td", { children: cell })) })) })] })
+			}));
 		} else if (item) {
 			const ordered = !item[1];
 			const items = [];

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/editor/{connect-repositories.ff8b78a03153239b.js → connect-repositories.9abe365f0098d358.js}

@@ -1,5 +1,5 @@
 "use client";
-import { client } from "../../../../../utils/client.78267fa3d7905d17.js";
+import { client } from "../../../../../utils/client.c8d7efefb6194d7d.js";
 /** Installs the app that reaches repositories, a built-in one first, and comes back to `back`. */
 export async function connectRepositories(back) {
 	const [apps, catalog] = await Promise.all([client.apps.list(), client.integrations.list()]);

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/editor/{editor.471af698b8060eba.js → editor.6548f8f757578f90.js}

@@ -1,52 +1,55 @@
 "use client";
-import "./editor.1eb1bce282b289c9.css.pnext-asset.js";
+import "./editor.6b9a1d5c0a490153.css.pnext-asset.js";
 // The preview is the same card the agents list draws.
 import "./@/app/dash/[org]/agents/(list)/page.81c825592da30a32.css.pnext-asset.js";
+import { Fragment } from "../../../../../../../../../../node_modules/preact/dist/preact.mjs";
 import { useEffect, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../../utils/client.78267fa3d7905d17.js";
-import { useAction } from "../../../../../utils/action.67dd6f8ab1ae067d.js";
-import { iDown, iPlus, iShuffle, iUpload } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { client } from "../../../../../utils/client.c8d7efefb6194d7d.js";
+import { useAction } from "../../../../../utils/action.f22057e7dfac40fe.js";
+import { iAlert, iDown, iPlus, iShuffle, iUpload } from "../../../../../comps/ui/icons.f769275420d072ce.js";
+import { Notice } from "../../../../../comps/ui/notice.f395f231cbb96445.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../comps/nav/org.d3abfd4053b711ce.js";
+import { useOrg } from "../../../../../comps/nav/org.853d173b55368728.js";
 import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { BrandIcon, DisabledBadge, PlatformLine } from "../agent/agent-pills.44e689e546fb042b.js";
-import { Hero } from "../agent/hero.9740a8e2f4b41f28.js";
-import { Back, PageHead } from "../../../../../comps/frame/page-head.87b92529dbb53ceb.js";
+import { BrandIcon, DisabledBadge, PlatformLine } from "../agent/agent-pills.1012e04bfbc7bffd.js";
+import { Hero } from "../agent/hero.0ae015a4fbe6321e.js";
+import { Back, PageHead } from "../../../../../comps/frame/page-head.2eb1e0213eb50349.js";
 import { HEADS } from "../../../../../comps/frame/heads.37e35439c02fc636.js";
 import { initial } from "../../../../../utils/format.ceeaafa10a0563f3.js";
 import { eventNames } from "../../../../../api/types.79f9092cdb5a00d1.js";
 import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
-import { showToast, toastError } from "../../../../../comps/frame/task-toasts.44075fa7e04575e8.js";
-import { Badge, Chip, Chips } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
-import { Button, LinkButton } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { showToast, toastError } from "../../../../../comps/frame/task-toasts.3b7eeee29fc327de.js";
+import { Badge, Chip, Chips } from "../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { Button, LinkButton } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Select } from "../../../../../comps/ui/select.2eb33e5bea28d804.js";
 import { Segmented } from "../../../../../comps/ui/segmented.633abe26ff760e37.js";
-import { Search } from "../../../../../comps/ui/toolbar.8b3a460a65edf85a.js";
-import { ImportPicker } from "./import-picker.b7b5c89e618e8f89.js";
-import { markdown } from "../agent/instructions.85b1cd986a9edbb5.js";
-import { EFFORTS, ENGINE_NAMES, PERMISSIONS, defaultLabel, modelHeadings, modelOptions, modelValue, splitModel } from "../../settings/model-options.73f8d0d54f79d8e3.js";
+import { Search } from "../../../../../comps/ui/toolbar.ff8367c641d28c1e.js";
+import { ImportPicker } from "./import-picker.577b1d84c7ab84e1.js";
+import { markdown } from "../agent/instructions.1b8c9189961c5a4f.js";
+import { ACCESS, NO_MODELS, chainChoice, specName } from "../../settings/model-options.dc630cb6e2cbf83a.js";
+import { ModelPick } from "../../settings/model-pick.a143e77f5ed5f9d3.js";
+import { ChainHint } from "../../settings/chain-hint.65c4cc04c78e8bfd.js";
+import { InfoTip } from "../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
+import { Select } from "../../../../../comps/ui/select.0ee9e8f04ddd8b47.js";
 import { suggestName } from "./names.1ee5bba8d2b6ac41.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const NEVER_ASKS = "never asks you; anything outside its sandbox fails";
-const PERMISSION_HINTS = {
-	"read-only": `reads the repository and changes nothing; ${NEVER_ASKS}`,
-	"workspace-write": `edits files inside the repository; ${NEVER_ASKS}`,
-	auto: "edits files, reaches the network, and asks you when it needs more"
-};
-const PERMISSION_OPTIONS = PERMISSIONS.map(([key, label]) => key === "auto" ? [key, /* @__PURE__ */ _jsxs(_Fragment, { children: [
-	label,
-	" ",
-	/* @__PURE__ */ _jsx(Badge, {
-		tone: "acc",
-		children: "escalates"
-	})
-] })] : [key, label]);
-const ACCESS = [["read", "Read-only"], ["write", "Read-write"]];
 const ACCESS_HINTS = {
-	read: "reads its platforms and connections; replies and reacts in the conversation",
-	write: "also changes things there, like opening pull requests"
+	auto: "Changes things too, like opening pull requests; the engine reviews what leaves the sandbox.",
+	"read-only": "Reads files, platforms and connections; replies and reacts in the conversation."
+};
+/** The form section of the field a definition problem names first. */
+const PROBLEM_FIELDS = {
+	name: "agent-name",
+	description: "agent-name",
+	integrations: "agent-platforms",
+	engine: "agent-run",
+	model: "agent-run",
+	effort: "agent-run",
+	access: "agent-run",
+	permissions: "agent-run",
+	runner: "agent-run"
 };
+const fieldOf = (problem) => PROBLEM_FIELDS[problem.split(/[\s:.]/)[0]];
 const TEMPLATES = [
 	[
 		"blank",
@@ -66,11 +69,13 @@ const TEMPLATES = [
 ];
 /** A search over platforms shows once the catalog is longer than this. */
 const SEARCH_FROM = 6;
-const REVIEWER = "Review each pull request for bugs, risky changes and missing tests.\nComment on the lines that matter and keep it short.\nWhen mentioned, answer questions about the code and cite file paths.";
-const HELPER = "Answer the team's questions in the thread.\nRead the code before you answer, cite file paths, and say when you are unsure.\nIf asked to change code, describe the change and stop.";
+const REVIEWER = "You review this team's pull requests.\nPoint at what matters, skip nits, keep it short.\nWhen mentioned, answer plainly and cite the code.";
+const HELPER = "You are the team's helper in Slack.\nBe warm, brief and direct. Say when you are unsure.\nWhen asked for work, say what you will do, do it, and link what you made.";
 const slug = (value) => value.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 40);
 function draftOf(agent, suggested, catalog) {
 	const definition = agent?.definition;
+	// Renamed to access; the stricter of the two carries over.
+	const permissions = definition?.permissions;
 	const draft = {
 		name: agent?.name ?? suggested,
 		id: agent?.id ?? slug(suggested),
@@ -78,12 +83,9 @@ function draftOf(agent, suggested, catalog) {
 		platforms: [],
 		events: {},
 		match: {},
-		access: definition?.access ?? "write",
-		permissions: definition?.permissions ?? "auto",
+		access: permissions === "read-only" ? "read-only" : definition?.access ?? "auto",
 		systemPrompt: agent?.systemPrompt ?? "",
-		engine: definition?.engine ?? "",
-		model: definition?.model ?? "",
-		effort: definition?.effort ?? ""
+		model: definition?.model ?? ""
 	};
 	// A platform this server does not offer is left out, so publishing drops it.
 	for (const [id, entry] of Object.entries(definition?.integrations ?? {})) {
@@ -127,6 +129,32 @@ function fromTemplate(template, catalog) {
 		systemPrompt: ""
 	};
 }
+/** What a chat's create link asks for: `create` is the id, with its name, platforms, events, access and matches. */
+function fromLink(asked, catalog) {
+	const list = (key) => (asked[key] ?? "").split(",").map((item) => item.trim()).filter(Boolean);
+	const platforms = list("integrations").filter((id) => catalog.some((info) => info.id === id));
+	const wanted = list("events");
+	const match = Object.fromEntries(list("match").flatMap((pair) => {
+		const at = pair.indexOf("=");
+		return at > 0 ? [[pair.slice(0, at), pair.slice(at + 1)]] : [];
+	}));
+	const events = (id) => {
+		const info = catalog.find((entry) => entry.id === id);
+		const offered = wanted.filter((name) => name in (info?.events ?? {}));
+		return offered.length ? offered : defaultEvents(info);
+	};
+	return {
+		id: asked.create,
+		name: asked.name || asked.create,
+		...asked.description ? { description: asked.description } : {},
+		...asked.access === "read-only" || asked.access === "auto" ? { access: asked.access } : {},
+		...platforms.length ? {
+			platforms,
+			events: Object.fromEntries(platforms.map((id) => [id, events(id)])),
+			match: Object.fromEntries(platforms.map((id) => [id, match]))
+		} : {}
+	};
+}
 /** One platform's events: a plain list unless an event carries options, which are kept. */
 function eventsFor(previous, names, match) {
 	const before = previous?.events && !Array.isArray(previous.events) ? previous.events : {};
@@ -142,20 +170,22 @@ function eventsFor(previous, names, match) {
 	return Object.values(built).every((value) => value === true) ? names : built;
 }
 /** Make a dashboard agent on one page, from a template or a repository, or edit one. Saving publishes a version. */
-export function AgentEditor({ catalog, agent, suggested = "", section, models, defaults = {
-	engine: "",
-	engines: {},
-	builtin: {}
-}, template: first, connected = false, connectLabel = "Connect", tunnel = false, port = "" }) {
+export function AgentEditor({ catalog, agent, suggested = "", section, shape = NO_MODELS, defaults = { chain: [] }, template: first, connected = false, connectLabel = "Connect", tunnel = false, port = "", asked }) {
 	const nav = useRouter();
 	const org = useOrg();
 	const creating = !agent;
 	const [template, setTemplate] = useState(first ?? "blank");
+	const linked = creating && asked?.create ? fromLink(asked, catalog) : undefined;
 	const [draft, setDraft] = useState(() => ({
 		...draftOf(agent, suggested, catalog),
-		...creating ? fromTemplate(first ?? "blank", catalog) : {}
+		...creating ? fromTemplate(first ?? "blank", catalog) : {},
+		...linked
 	}));
-	const [idTouched, setIdTouched] = useState(false);
+	const [idTouched, setIdTouched] = useState(Boolean(linked));
+	// Keys the stored definition has that Coder renamed, carried over, or no longer reads, removed here.
+	const renamed = Object.entries(agent?.stale?.renamed ?? {});
+	const [removed, setRemoved] = useState([]);
+	const unknown = (agent?.stale?.unknown ?? []).filter((key) => !removed.includes(key));
 	const [writing, setWriting] = useState("write");
 	const [query, setQuery] = useState("");
 	const action = useAction({
@@ -167,18 +197,8 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 		...current,
 		[key]: value
 	}));
-	const aliasOf = (engine, model) => Object.entries(defaults.builtin[engine] ?? {}).find(([, target]) => target === model)?.[0] ?? model;
-	const engine = draft.engine || defaults.engine;
-	const base = defaults.engines[engine] ?? {};
-	const fallback = [ENGINE_NAMES[defaults.engine] ?? defaults.engine, aliasOf(defaults.engine, defaults.engines[defaults.engine]?.model)].filter(Boolean).join(" · ");
-	const permission = PERMISSIONS.find(([key]) => key === draft.permissions);
-	const repoAccess = permission?.[1].toLowerCase();
-	const run = creating ? "you can change these later in its settings" : (draft.engine || draft.model || draft.effort ? [
-		ENGINE_NAMES[engine] ?? engine,
-		draft.model || aliasOf(engine, base.model),
-		draft.effort || base.effort,
-		repoAccess
-	] : ["Default models", repoAccess]).filter(Boolean).join(" · ");
+	const fallback = specName(defaults.chain[0] ?? "", shape.builtin);
+	const run = creating ? "changeable later in its settings" : draft.model || `Default, ${fallback}`;
 	useEffect(() => {
 		if (!section) return;
 		const target = document.getElementById(`agent-${section}`);
@@ -198,7 +218,6 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 		...creating && !idTouched ? { id: slug(name) } : {}
 	}));
 	const togglePlatform = (id, on) => setDraft((current) => {
-		const names = Object.keys(catalog.find((entry) => entry.id === id)?.events ?? {});
 		return {
 			...current,
 			platforms: on ? catalog.map((entry) => entry.id).filter((key) => key === id || current.platforms.includes(key)) : current.platforms.filter((key) => key !== id),
@@ -241,23 +260,21 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 		if (silent) return toastError("Not published", `Pick at least one event on ${silent}, or turn ${silent} off.`);
 		const integrations = {};
 		for (const id of draft.platforms) integrations[id] = { events: eventsFor(agent?.definition?.integrations?.[id], draft.events[id] ?? [], draft.match[id] ?? {}) };
+		// Renamed and removed keys leave the definition.
+		const dropped = [...Object.keys(agent?.stale?.renamed ?? {}), ...removed];
 		const definition = {
-			...agent?.definition,
+			...Object.fromEntries(Object.entries(agent?.definition ?? {}).filter(([key]) => !dropped.includes(key))),
 			integrations,
-			permissions: draft.permissions,
 			access: draft.access
 		};
-		for (const key of [
-			"name",
-			"description",
-			"engine",
-			"model",
-			"effort"
-		]) {
+		for (const key of ["name", "description"]) {
 			const value = draft[key].trim();
 			if (value) definition[key] = value;
 			else delete definition[key];
 		}
+		const spec = draft.model.trim();
+		if (spec) definition.model = spec;
+		else delete definition.model;
 		const id = creating ? draft.id : agent.id;
 		const name = draft.name.trim();
 		await action.run("publish", async () => {
@@ -312,7 +329,8 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 		/* @__PURE__ */ _jsx(Button, {
 			type: "submit",
 			leftIcon: creating ? iPlus : iUpload,
-			disabled: !draft.name.trim() || template === "import",
+			disabled: !draft.name.trim() || template === "import" || unknown.length > 0,
+			title: unknown.length ? "Remove the settings Coder no longer reads first" : undefined,
 			loading: busy,
 			children: creating ? "Create agent" : "Publish new version"
 		})
@@ -377,6 +395,39 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 		children: [
 			head,
 			templates,
+			renamed.length || unknown.length ? /* @__PURE__ */ _jsxs(Notice, {
+				tone: "warning",
+				children: [/* @__PURE__ */ _jsx(Icon, { d: iAlert }), /* @__PURE__ */ _jsxs("span", {
+					class: "grow stale",
+					children: [renamed.map(([from, to]) => /* @__PURE__ */ _jsxs("span", { children: [
+						from,
+						" is now ",
+						to,
+						", set to ",
+						String(draft[to] ?? ""),
+						"."
+					] }, from)), unknown.map((key) => /* @__PURE__ */ _jsxs("span", { children: [
+						key,
+						" is not an agent setting, so publishing waits until it is removed.",
+						/* @__PURE__ */ _jsx(Button, {
+							variant: "secondary",
+							size: "sm",
+							onClick: () => setRemoved((current) => [...current, key]),
+							children: "Remove"
+						})
+					] }, key))]
+				})]
+			}) : agent?.problems?.length ? /* @__PURE__ */ _jsxs(Notice, {
+				tone: "error",
+				children: [/* @__PURE__ */ _jsx(Icon, { d: iAlert }), /* @__PURE__ */ _jsxs("span", {
+					class: "grow",
+					children: ["Fix these before publishing.", agent.problems.map((problem) => /* @__PURE__ */ _jsxs(Fragment, { children: [/* @__PURE__ */ _jsx("br", {}), fieldOf(problem) ? /* @__PURE__ */ _jsx("a", {
+						class: "link",
+						href: `#${fieldOf(problem)}`,
+						children: problem
+					}) : problem] }, problem))]
+				})]
+			}) : null,
 			/* @__PURE__ */ _jsxs("div", {
 				class: "agent-form",
 				children: [/* @__PURE__ */ _jsxs("div", {
@@ -386,12 +437,21 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 							id: "agent-name",
 							class: "form-part",
 							children: [
-								/* @__PURE__ */ _jsx("h2", { children: "Name and description" }),
+								/* @__PURE__ */ _jsxs("div", {
+									class: "part-head",
+									children: [/* @__PURE__ */ _jsx("h2", { children: "Name and description" }), /* @__PURE__ */ _jsxs(InfoTip, {
+										label: "About these fields",
+										children: [
+											/* @__PURE__ */ _jsxs("p", { children: [/* @__PURE__ */ _jsx("b", { children: "Name" }), ": its handle on every platform."] }),
+											/* @__PURE__ */ _jsxs("p", { children: [/* @__PURE__ */ _jsx("b", { children: "Id" }), ": the folder and command name, fixed once created."] }),
+											/* @__PURE__ */ _jsxs("p", { children: [/* @__PURE__ */ _jsx("b", { children: "Description" }), ": optional; shown in lists and added to the prompt."] })
+										]
+									})]
+								}),
 								/* @__PURE__ */ _jsxs("div", {
 									class: "fields",
 									children: [/* @__PURE__ */ _jsx(Field, {
 										label: "Name",
-										hint: "its handle on every platform",
 										children: /* @__PURE__ */ _jsxs("span", {
 											class: "with-btn",
 											children: [/* @__PURE__ */ _jsx("input", {
@@ -409,7 +469,6 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 										})
 									}), creating ? /* @__PURE__ */ _jsx(Field, {
 										label: "Id",
-										hint: "the folder and command name",
 										children: /* @__PURE__ */ _jsx("input", {
 											class: "mono",
 											name: "id",
@@ -424,7 +483,7 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 										})
 									}) : /* @__PURE__ */ _jsxs("div", {
 										class: "field",
-										children: [/* @__PURE__ */ _jsxs("span", { children: ["Id ", /* @__PURE__ */ _jsx("small", { children: "fixed once created" })] }), /* @__PURE__ */ _jsx("p", {
+										children: [/* @__PURE__ */ _jsx("span", { children: "Id" }), /* @__PURE__ */ _jsx("p", {
 											class: "fixed mono",
 											children: agent.id
 										})]
@@ -432,7 +491,6 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 								}),
 								/* @__PURE__ */ _jsx(Field, {
 									label: "Description",
-									hint: "optional, shown in lists and added to the prompt",
 									children: /* @__PURE__ */ _jsx("input", {
 										name: "description",
 										maxLength: 240,
@@ -575,16 +633,28 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 										children: "No platform matches."
 									})]
 								}),
-								/* @__PURE__ */ _jsx(Field, {
-									label: "Access",
-									hint: ACCESS_HINTS[draft.access],
-									group: true,
-									children: /* @__PURE__ */ _jsx(Segmented, {
+								/* @__PURE__ */ _jsxs("div", {
+									class: "setting-row",
+									children: [/* @__PURE__ */ _jsxs("div", {
+										class: "grow setting-name",
+										children: [/* @__PURE__ */ _jsx("b", { children: "Access" }), /* @__PURE__ */ _jsxs(InfoTip, {
+											label: "About access",
+											children: [/* @__PURE__ */ _jsxs("p", { children: [
+												/* @__PURE__ */ _jsx("b", { children: "Auto" }),
+												": ",
+												ACCESS_HINTS.auto
+											] }), /* @__PURE__ */ _jsxs("p", { children: [
+												/* @__PURE__ */ _jsx("b", { children: "Read-only" }),
+												": ",
+												ACCESS_HINTS["read-only"]
+											] })]
+										})]
+									}), /* @__PURE__ */ _jsx(Select, {
 										label: "Access",
 										options: ACCESS,
 										value: draft.access,
 										onChange: (value) => set("access", value)
-									})
+									})]
 								})
 							]
 						}),
@@ -599,56 +669,23 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 									children: run
 								}),
 								/* @__PURE__ */ _jsx(Icon, { d: iDown })
-							] }), /* @__PURE__ */ _jsxs("div", {
+							] }), /* @__PURE__ */ _jsx("div", {
 								class: "run-body",
-								children: [/* @__PURE__ */ _jsxs("div", {
+								children: /* @__PURE__ */ _jsx("div", {
 									class: "fields",
-									children: [/* @__PURE__ */ _jsx(Field, {
-										label: "Engine and model",
-										hint: "what runs each task",
+									children: /* @__PURE__ */ _jsx(Field, {
+										label: "Model",
+										hint: /* @__PURE__ */ _jsx(ChainHint, { org }),
 										group: true,
-										children: /* @__PURE__ */ _jsx(Select, {
-											label: "Model",
-											value: modelValue(draft.engine, draft.model),
-											options: modelOptions(models, defaultLabel(fallback)),
-											headings: modelHeadings(models),
-											action: {
-												label: "Add models",
-												icon: iPlus,
-												onPick: () => nav.push("/dash/[org]/settings/[tab]", { params: {
-													org,
-													tab: "models"
-												} })
-											},
-											onChange: (value) => setDraft((current) => ({
-												...current,
-												...splitModel(value)
-											}))
+										children: /* @__PURE__ */ _jsx(ModelPick, {
+											shape,
+											name: "model",
+											empty: chainChoice(defaults.chain, shape),
+											value: draft.model,
+											onChange: (value) => set("model", value)
 										})
-									}), /* @__PURE__ */ _jsx(Field, {
-										label: "Effort",
-										hint: "how hard the model thinks",
-										group: true,
-										children: /* @__PURE__ */ _jsx(Segmented, {
-											label: "Effort",
-											options: [["", defaultLabel(base.effort)], ...EFFORTS],
-											value: draft.effort,
-											onChange: (value) => set("effort", value)
-										})
-									})]
-								}), /* @__PURE__ */ _jsxs(Field, {
-									label: "Repository access",
-									group: true,
-									children: [/* @__PURE__ */ _jsx("p", {
-										class: draft.permissions === "auto" ? "access-note" : "access-note warn-hint",
-										children: PERMISSION_HINTS[draft.permissions]
-									}), /* @__PURE__ */ _jsx(Segmented, {
-										label: "Repository access",
-										options: PERMISSION_OPTIONS,
-										value: draft.permissions,
-										onChange: (value) => set("permissions", value)
-									})]
-								})]
+									})
+								})
 							})]
 						})
 					]

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/editor/{import-picker.b7b5c89e618e8f89.js → import-picker.577b1d84c7ab84e1.js}

@@ -2,19 +2,19 @@
 
 // app/dash/[org]/agents/editor/import-picker.tsx
 import { useEffect, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../../utils/client.78267fa3d7905d17.js";
-import { toastFailure, useAction } from "../../../../../utils/action.67dd6f8ab1ae067d.js";
-import { iGit } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { client } from "../../../../../utils/client.c8d7efefb6194d7d.js";
+import { toastFailure, useAction } from "../../../../../utils/action.f22057e7dfac40fe.js";
+import { iGit } from "../../../../../comps/ui/icons.f769275420d072ce.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../comps/nav/org.d3abfd4053b711ce.js";
-import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
-import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { useOrg } from "../../../../../comps/nav/org.853d173b55368728.js";
+import { Button } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { Loading } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Badge, Id } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
-import { MenuItem, MenuNote } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
-import { connectRepositories } from "./connect-repositories.ff8b78a03153239b.js";
-import { Search } from "../../../../../comps/ui/toolbar.8b3a460a65edf85a.js";
-import { TunnelGuide } from "../../settings/tunnel-guide.29eee1a0b1852168.js";
+import { Badge, Id } from "../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { MenuItem, MenuNote } from "../../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
+import { connectRepositories } from "./connect-repositories.9abe365f0098d358.js";
+import { Search } from "../../../../../comps/ui/toolbar.ff8367c641d28c1e.js";
+import { TunnelGuide } from "../../settings/tunnel-guide.1bc6bff9d8019098.js";
 import { Notice } from "../../../../../comps/ui/notice.f395f231cbb96445.js";
 import { Fragment, jsx, jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 var REPO = /^[\w.-]+\/[\w.-]+$/;

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/new/{loading.ecb9dfd4d0f9d107.js → loading.9b65a8c1cdc8346f.js}

@@ -1,9 +1,9 @@
 import { HEADS } from "../../../../../comps/frame/heads.37e35439c02fc636.js";
-import { Page, PageHead } from "../../../../../comps/frame/page-head.87b92529dbb53ceb.js";
-import { OrgBack } from "../../../../../comps/nav/org.d3abfd4053b711ce.js";
-import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
-import { iPlus } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Page, PageHead } from "../../../../../comps/frame/page-head.2eb1e0213eb50349.js";
+import { OrgBack } from "../../../../../comps/nav/org.853d173b55368728.js";
+import { Loading } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Button } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { iPlus } from "../../../../../comps/ui/icons.f769275420d072ce.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function NewAgentLoading() {
 	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(PageHead, {