@wular/coder 0.4.12 → 0.5.0

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

@@ -1,38 +1,25 @@
 "use client";
-import "./agent-settings-form.ca926c58d15044aa.css.pnext-asset.js";
+import "./agent-settings-form.bf5430862c505c55.css.pnext-asset.js";
 import { useLayoutEffect, useRef, useState } from "../../../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../../../../utils/client.a3928fa2dcd27b75.js";
-import { useAction } from "../../../../../../../utils/action.b9a5c37272250e82.js";
+import { client } from "../../../../../../../utils/client.c8d7efefb6194d7d.js";
+import { useAction } from "../../../../../../../utils/action.f22057e7dfac40fe.js";
 import { useRouter } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { useOrg } from "../../../../../../../comps/nav/org.853d173b55368728.js";
 import { Link } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 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.1579dc8acbaacf92.js";
+import { ConfirmDialog } from "../../../../../../../comps/ui/confirm.e21b7f5e486dafb8.js";
+import { BrandIcon } from "../../../agent/agent-pills.1012e04bfbc7bffd.js";
+import { AgentToggle } from "../../../agent/agent-toggle.ffbf9a8b8b2fbde7.js";
 import { Field } from "../../../../../../../comps/ui/field.75588c33b72824a7.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 { Button } from "../../../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { Select } from "../../../../../../../comps/ui/select.0ee9e8f04ddd8b47.js";
+import { Search } from "../../../../../../../comps/ui/toolbar.ff8367c641d28c1e.js";
+import { ACCESS, 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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const ACCESS = [["read", "Read-only"], ["write", "Read-write"]];
-function Choice({ name, label, hint, value, options, blank }) {
-	const list = value && !options.some(([key]) => key === value) ? [...options, [value, value]] : options;
-	return /* @__PURE__ */ _jsx(Field, {
-		label,
-		hint,
-		group: true,
-		children: /* @__PURE__ */ _jsx(Select, {
-			name,
-			label,
-			defaultValue: value ?? "",
-			options: [["", blank], ...list]
-		})
-	});
-}
-/** 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 }) {
+/** How this agent runs here: its model and access, every platform's events on one panel, and deleting it. One Save. */
+export function AgentSettingsForm({ agent, catalog, shape, chain, runners, connections }) {
 	const nav = useRouter();
 	const org = useOrg();
 	const [panel, setPanel] = useState("run");
@@ -45,12 +32,16 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 	const [deleting, setDeleting] = useState(false);
 	const form = useRef(null);
 	const settings = agent.settings ?? {};
-	const [model, setModel] = useState(modelValue(settings.engine, settings.model));
+	// Settings save a spec split; it shows whole again.
+	const [model, setModel] = useState(settings.model?.includes("/") ? settings.model : [
+		settings.engine,
+		settings.model,
+		settings.effort
+	].filter(Boolean).join("/"));
 	const [narrowed, setNarrowed] = useState(settings.connections ? "some" : "");
 	const declared = agent.definition?.integrations ?? {};
 	const platforms = Object.keys(declared).sort();
 	const own = agent.definition;
-	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(() => {
@@ -89,15 +80,9 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 		const values = new FormData(event.currentTarget);
 		const text = (key) => String(values.get(key) ?? "").trim();
 		const next = {};
-		for (const key of [
-			"effort",
-			"permissions",
-			"access",
-			"runner"
-		]) if (text(key)) next[key] = text(key);
-		const picked = splitModel(model);
-		if (picked.engine) next.engine = picked.engine;
-		if (picked.model) next.model = picked.model;
+		if (text("runner")) next.runner = text("runner");
+		if (text("access") !== (own?.access ?? "auto")) next.access = text("access");
+		if (model.trim()) next.model = model.trim();
 		if (narrowed) next.connections = values.getAll("connection").map(String);
 		for (const id of platforms) {
 			const entry = {};
@@ -154,45 +139,38 @@ export function AgentSettingsForm({ agent, catalog, models, defaults, runners, c
 							/* @__PURE__ */ _jsx("h2", { children: "How it runs" }),
 							/* @__PURE__ */ _jsx("p", {
 								class: "muted",
-								children: "Anything left on Default follows the agent's own definition."
+								children: "Anything left empty follows the agent's own definition, then the workspace chain."
 							}),
 							/* @__PURE__ */ _jsxs("div", {
 								class: "fields",
 								children: [
 									/* @__PURE__ */ _jsx(Field, {
 										label: "Model",
-										hint: "picking a model picks its engine",
+										hint: /* @__PURE__ */ _jsx(ChainHint, {
+											org,
+											own: agent.definition?.model && specName(agent.definition.model, shape.builtin)
+										}),
 										group: true,
-										children: /* @__PURE__ */ _jsx(Select, {
-											label: "Model",
+										children: /* @__PURE__ */ _jsx(ModelPick, {
+											shape,
+											empty: agent.definition?.model ? {
+												label: `Its own, ${specName(agent.definition.model, shape.builtin)}`,
+												sub: "from agent.json"
+											} : chainChoice(chain, shape),
 											value: 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
 										})
 									}),
-									/* @__PURE__ */ _jsx(Choice, {
-										name: "effort",
-										label: "Effort",
-										value: settings.effort,
-										options: EFFORTS,
-										blank: defaultLabel(own?.effort ?? defaults.engines[splitModel(model).engine ?? engine]?.effort)
-									}),
-									/* @__PURE__ */ _jsx(Choice, {
-										name: "permissions",
-										label: "Permissions",
-										hint: "what the runner may change in the checkout",
-										value: settings.permissions,
-										options: PERMISSIONS,
-										blank: defaultLabel(own?.permissions ?? "auto")
-									}),
-									/* @__PURE__ */ _jsx(Choice, {
-										name: "access",
+									/* @__PURE__ */ _jsx(Field, {
 										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")
+										hint: "what its tasks, platforms and connections may do",
+										group: true,
+										children: /* @__PURE__ */ _jsx(Select, {
+											name: "access",
+											label: "Access",
+											defaultValue: settings.access ?? own?.access ?? "auto",
+											options: own?.access === "read-only" ? ACCESS.filter(([value]) => value === "read-only") : ACCESS
+										})
 									}),
 									runners.length > 1 ? /* @__PURE__ */ _jsx(Field, {
 										label: "Runs on",

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

@@ -1,4 +1,4 @@
-import { LoadingCard } from "../../../../../../../comps/frame/loading-card.cc76fc9708142525.js";
+import { LoadingCard } from "../../../../../../../comps/frame/loading-card.77bea8c5870b5d3c.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.44d886e60ae04303.js → page.4d06f759984a63b3.js}

@@ -1,14 +1,14 @@
 import { dynamic } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { load } from "../../../../../../../api/load.be791a5eaf328738.js";
-import { Settle } from "../../../../../../../comps/frame/stream.e2915852cf82c86b.js";
-import { loadAgent, loadRunDefaults } from "../../../../../../../api/load.be791a5eaf328738.js";
-import { runnerOptions } from "../../../../tasks/composer-data.309a194fc7fa34be.js";
-import { NeedsCredential } from "../../../../tasks/composer.5072aacdce127689.js";
+import { load } from "../../../../../../../api/load.252f972b42c690e2.js";
+import { Settle } from "../../../../../../../comps/frame/stream.e3800e736f832124.js";
+import { loadAgent, loadRunDefaults } from "../../../../../../../api/load.252f972b42c690e2.js";
+import { runnerOptions } from "../../../../tasks/composer-data.73225456d60d63e3.js";
+import { NeedsCredential } from "../../../../tasks/composer.ee326fbf5e526fb1.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.aa9e157d141481d7.js").then((m) => m.AgentSettingsForm), undefined, {
+const AgentSettingsForm = dynamic(() => import("./agent-settings-form.61de585104c2be10.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-118b215fcd"
+	"id": "c-36c3d510e6"
 });
 export default async function AgentSettingsPage({ request, params }) {
 	if (!request) return null;
@@ -18,7 +18,7 @@ export default async function AgentSettingsPage({ request, params }) {
 	const run = loadRunDefaults(request);
 	const catalog = load(request).integrations.list().catch(() => []);
 	// 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 connections = load(request).connections.list().then((rows) => rows.filter((row) => !row.owner && !row.agent));
 	const runners = load(request).runners.list().then((rows) => rows.items);
 	return /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
 		agent,
@@ -26,14 +26,14 @@ export default async function AgentSettingsPage({ request, params }) {
 		runners,
 		catalog,
 		connections
-	]).then(([row, { models, defaults }, rows, integrations, workspace]) => /* @__PURE__ */ _jsxs(_Fragment, { children: [row.needsModel ? /* @__PURE__ */ _jsx(NeedsCredential, {
+	]).then(([row, { shape, 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,
-		defaults,
+		shape,
+		chain: defaults.chain,
 		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.521c9e7b8d77f557.js → loading.ea2925eab1d2e594.js}

@@ -1,4 +1,4 @@
-import { TasksLoading } from "../../../../tasks/list/tasks-section.1d687c986db53a73.js";
+import { TasksLoading } from "../../../../tasks/list/tasks-section.01510523d1556d59.js";
 import { jsx as _jsx } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function AgentTasksLoading() {
 	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.828cfb8112404792.js → page.fb069bf82b727d27.js}

@@ -1,4 +1,4 @@
-import { TasksSection, loadTasks } from "../../../../tasks/list/tasks-section.1d687c986db53a73.js";
+import { TasksSection, loadTasks } from "../../../../tasks/list/tasks-section.01510523d1556d59.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;

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/usage/{loading.8f998a9c511e1fb3.js → loading.3a615597ca648452.js}

@@ -1,9 +1,9 @@
 import "./@/comps/ui/segmented.2cb43dc7d1f1588a.css.pnext-asset.js";
 import "./@/app/dash/[org]/usage/range-bar.e8f6f0c7ee443262.css.pnext-asset.js";
-import { LoadingRange } from "../../../../usage/range-bar.2197d8f43216d104.js";
+import { LoadingRange } from "../../../../usage/range-bar.0b9038e9df707843.js";
 import { Stat, Stats } from "../../../../usage/stats.de820599cf126120.js";
-import { Card, Loading } from "../../../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { BLANK } from "../../../../../../../comps/frame/loading-card.cc76fc9708142525.js";
+import { Card, Loading } from "../../../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { BLANK } from "../../../../../../../comps/frame/loading-card.77bea8c5870b5d3c.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** The usage tab's shape before its numbers arrive: totals, the day chart, the two breakdowns and the deliveries, blank. */
 export default function AgentUsageLoading() {
@@ -25,7 +25,7 @@ export default function AgentUsageLoading() {
 			title: "Tasks per day",
 			children: /* @__PURE__ */ _jsx(Loading, {
 				label: "Loading usage",
-				h: 232
+				h: 216
 			})
 		}),
 		/* @__PURE__ */ _jsxs("div", {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/usage/{page.45e18b6dc3019af4.js → page.0a472a0e269b8c01.js}

@@ -3,13 +3,13 @@ import "./@/app/dash/[org]/usage/range-bar.e8f6f0c7ee443262.css.pnext-asset.js";
 import "./page.80adb3d2ea31d080.css.pnext-asset.js";
 import { formatCompact, formatCount, formatDate, formatDuration, zoneOf } from "../../../../../../../utils/format.ceeaafa10a0563f3.js";
 import { daysIn, rangeFor } from "../../../../../../../utils/range.f73ba9cac0a60af1.js";
-import { load, loadAgent, orgOf } from "../../../../../../../api/load.be791a5eaf328738.js";
-import { Card, Empty } from "../../../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { load, loadAgent, orgOf } from "../../../../../../../api/load.252f972b42c690e2.js";
+import { Card, Empty } from "../../../../../../../comps/ui/card.c0030eafd76587e3.js";
 import { Stat, Stats } from "../../../../usage/stats.de820599cf126120.js";
-import { Settle } from "../../../../../../../comps/frame/stream.e2915852cf82c86b.js";
-import { unwrap } from "../../../../../../../api/load.be791a5eaf328738.js";
-import { DayChart } from "../../../../usage/day-chart.261b6651df2d3966.js";
-import { RangeBar } from "../../../../usage/range-bar.2197d8f43216d104.js";
+import { Settle } from "../../../../../../../comps/frame/stream.e3800e736f832124.js";
+import { unwrap } from "../../../../../../../api/load.252f972b42c690e2.js";
+import { DayChart } from "../../../../usage/day-chart.20faaaf57c81ad9e.js";
+import { RangeBar } from "../../../../usage/range-bar.0b9038e9df707843.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 function Breakdown({ title, head, rows, label }) {
 	const sorted = [...rows].sort((a, b) => b.tokenCount - a.tokenCount || b.tasks - a.tasks);

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/{versions-list.c8d76988c734dda2.js → versions-list.7ef7dfd5d8f5de43.js}

@@ -1,10 +1,10 @@
 "use client";
-import { client } from "../../../../../../utils/client.a3928fa2dcd27b75.js";
+import { client } from "../../../../../../utils/client.c8d7efefb6194d7d.js";
 import { formatDate } from "../../../../../../utils/format.ceeaafa10a0563f3.js";
 import { usePaged } from "../../../../../../utils/paged.0e54c3044f8ca567.js";
-import { Badge } from "../../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { Badge } from "../../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
 import { LIST_PAGE } from "../../../../../../utils/paged.0e54c3044f8ca567.js";
-import { Tail } from "../../../../../../comps/ui/tail.04132db0c5033d4f.js";
+import { Tail } from "../../../../../../comps/ui/tail.7eb303330802ac18.js";
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Version history newest first; older versions load as the page scrolls. */
 export function VersionsList({ agent, current, first, tz }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/edit/{loading.b1367e864b4fb406.js → loading.007326a04f05d46c.js}

@@ -1,8 +1,8 @@
-import { iUpload } from "../../../../../../comps/ui/icons.e36c72f54750663a.js";
-import { LoadingCard } from "../../../../../../comps/frame/loading-card.cc76fc9708142525.js";
-import { LoadingHero } from "../../agent/hero.ad5cc342db794e5d.js";
-import { LoadingBack, Page } from "../../../../../../comps/frame/page-head.85f15db7b648d48c.js";
-import { Button } from "../../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { iUpload } from "../../../../../../comps/ui/icons.f769275420d072ce.js";
+import { LoadingCard } from "../../../../../../comps/frame/loading-card.77bea8c5870b5d3c.js";
+import { LoadingHero } from "../../agent/hero.0ae015a4fbe6321e.js";
+import { LoadingBack, Page } from "../../../../../../comps/frame/page-head.2eb1e0213eb50349.js";
+import { Button } from "../../../../../../comps/ui/button.b62fa52e18fa338b.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function AgentEditLoading() {
 	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(LoadingHero, {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/edit/{page.dd11f2618e08becd.js → page.a26aa7bc6ab655f0.js}

@@ -1,16 +1,16 @@
 import { dynamic } from "../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { load, orgOf } from "../../../../../../api/load.be791a5eaf328738.js";
-import { Card } from "../../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Back, Page } from "../../../../../../comps/frame/page-head.85f15db7b648d48c.js";
-import { Settle } from "../../../../../../comps/frame/stream.e2915852cf82c86b.js";
-import { Hero } from "../../agent/hero.ad5cc342db794e5d.js";
-import { loadAgent, loadRunDefaults } from "../../../../../../api/load.be791a5eaf328738.js";
+import { load, orgOf } from "../../../../../../api/load.252f972b42c690e2.js";
+import { Card } from "../../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Back, Page } from "../../../../../../comps/frame/page-head.2eb1e0213eb50349.js";
+import { Settle } from "../../../../../../comps/frame/stream.e3800e736f832124.js";
+import { Hero } from "../../agent/hero.0ae015a4fbe6321e.js";
+import { loadAgent, loadRunDefaults } from "../../../../../../api/load.252f972b42c690e2.js";
 import { editableAgent } from "../../../../../../api/types.79f9092cdb5a00d1.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const AgentEditor = dynamic(() => import("../../editor/editor.776856fe1ed1a642.js").then((m) => m.AgentEditor), undefined, {
+const AgentEditor = dynamic(() => import("../../editor/editor.6548f8f757578f90.js").then((m) => m.AgentEditor), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/editor/editor.tsx", import.meta.url).pathname),
 	"exportName": "AgentEditor",
-	"id": "c-0f449496a8"
+	"id": "c-a1967c140b"
 });
 function EditedElsewhere({ agent }) {
 	return /* @__PURE__ */ _jsx(Card, {
@@ -42,11 +42,11 @@ export default async function AgentEditPage({ request, params }) {
 	const run = loadRunDefaults(request);
 	const section = new URL(request.url).searchParams.get("section") ?? undefined;
 	const agent = await loadAgent(request, slug);
-	return /* @__PURE__ */ _jsx(Page, { children: /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([catalog, run]).then(([integrations, { models, defaults }]) => editableAgent(agent) ? /* @__PURE__ */ _jsx(AgentEditor, {
+	return /* @__PURE__ */ _jsx(Page, { children: /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([catalog, run]).then(([integrations, { shape, defaults }]) => editableAgent(agent) ? /* @__PURE__ */ _jsx(AgentEditor, {
 		catalog: integrations,
 		agent,
 		section,
-		models,
+		shape,
 		defaults
 	}) : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Hero, {
 		agent,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/platforms/[app]/app-cards.361918fe58349aa1.js

@@ -0,0 +1,142 @@
+"use client";
+import "./app-cards.d2f5c8d620066e05.css.pnext-asset.js";
+import { Card } from "../../../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Badge, Chips } from "../../../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { Button, LinkButton } from "../../../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { Row } from "../../../../settings/[tab]/list.e7d6a422f6a869ea.js";
+import { CreateButton, InstallButton, RemoveButton, UninstallButton, UpdateButton } from "../../(tabs)/platforms/platform-actions.c44c7df7841719f2.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** An app's installs, how it stays up to date, and removing it; a shared app's own actions are only the operator's. */
+export function AppCards({ org, slug, app, installs, events, covered, admin, operator, appUpdate, check, asked, create }) {
+	const { name } = create;
+	const live = installs.filter((entry) => !entry.uninstalled);
+	const manages = admin && !app.builtin;
+	const kind = (entry) => [entry.account.type?.toLowerCase() ?? "account", entry.covers && `${entry.covers.length} ${covered}${entry.covers.length === 1 ? "" : "s"}`].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ _jsxs("div", {
+		class: "app-cards",
+		children: [
+			/* @__PURE__ */ _jsx(Card, {
+				title: "Installed on",
+				count: live.length,
+				actions: /* @__PURE__ */ _jsx(InstallButton, {
+					app: app.id,
+					label: live.length ? "Install on another account" : "Install",
+					variant: "outline",
+					size: "sm"
+				}),
+				children: installs.length ? /* @__PURE__ */ _jsx("div", {
+					class: "table-scroll",
+					children: /* @__PURE__ */ _jsx("table", {
+						class: "rows settings",
+						children: /* @__PURE__ */ _jsxs("tbody", { children: [live.map((entry) => /* @__PURE__ */ _jsx(Row, {
+							title: entry.account.login,
+							sub: kind(entry),
+							actions: admin ? /* @__PURE__ */ _jsx(UninstallButton, {
+								install: {
+									id: entry.id,
+									app: app.name,
+									account: entry.account.login
+								},
+								name,
+								url: entry.installationUrl
+							}) : null
+						}, entry.id)), installs.filter((entry) => entry.uninstalled).map((entry) => /* @__PURE__ */ _jsx(Row, {
+							muted: true,
+							title: entry.account.login,
+							badges: /* @__PURE__ */ _jsx(Badge, { children: "uninstalled" }),
+							sub: kind(entry),
+							actions: /* @__PURE__ */ _jsx(InstallButton, {
+								app: app.id,
+								label: "Reinstall",
+								variant: "outline",
+								size: "sm"
+							})
+						}, entry.id))] })
+					})
+				}) : /* @__PURE__ */ _jsxs("p", {
+					class: "body muted",
+					children: [
+						"Not installed on any ",
+						name,
+						" account yet."
+					]
+				})
+			}),
+			/* @__PURE__ */ _jsx(Card, {
+				title: "App",
+				children: /* @__PURE__ */ _jsx("div", {
+					class: "table-scroll",
+					children: /* @__PURE__ */ _jsx("table", {
+						class: "rows settings",
+						children: /* @__PURE__ */ _jsxs("tbody", { children: [
+							/* @__PURE__ */ _jsx(Row, {
+								title: `Settings on ${name}`,
+								sub: app.builtin ? `This server's shared app. Only whoever runs this server changes it.` : app.changed ? "The agent changed since the app was last updated." : undefined,
+								actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [
+									manages && appUpdate ? /* @__PURE__ */ _jsx(UpdateButton, {
+										app,
+										name,
+										appUpdate,
+										check
+									}) : null,
+									app.builtin && operator ? /* @__PURE__ */ _jsx(LinkButton, {
+										variant: "outline",
+										size: "sm",
+										href: "/dash/[org]/operator",
+										params: { org },
+										children: "Open Operator"
+									}) : null,
+									app.settingsUrl ? /* @__PURE__ */ _jsx(Button, {
+										variant: "outline",
+										size: "sm",
+										href: app.settingsUrl,
+										external: true,
+										children: "Open app settings"
+									}) : null
+								] })
+							}),
+							/* @__PURE__ */ _jsx(Row, {
+								title: "Events",
+								sub: events.length ? /* @__PURE__ */ _jsx(Chips, { values: events }) : "None",
+								actions: /* @__PURE__ */ _jsx(LinkButton, {
+									variant: "outline",
+									size: "sm",
+									href: "/dash/[org]/agents/[slug]/settings",
+									params: {
+										org,
+										slug
+									},
+									children: "Change in Settings"
+								})
+							}),
+							manages ? /* @__PURE__ */ _jsx(Row, {
+								title: `Another ${name} app`,
+								sub: "A separate app with its own name, for the same agent.",
+								actions: /* @__PURE__ */ _jsx(CreateButton, { ...create })
+							}) : null
+						] })
+					})
+				})
+			}),
+			manages ? /* @__PURE__ */ _jsx(Card, {
+				tone: "danger",
+				title: "Danger zone",
+				children: /* @__PURE__ */ _jsx("div", {
+					class: "table-scroll",
+					children: /* @__PURE__ */ _jsx("table", {
+						class: "rows settings",
+						children: /* @__PURE__ */ _jsx("tbody", { children: /* @__PURE__ */ _jsx(Row, {
+							title: "Remove app",
+							sub: `Coder forgets this app and its installs. It stays on ${name} until you delete it there.`,
+							actions: /* @__PURE__ */ _jsx(RemoveButton, {
+								app,
+								name,
+								asked
+							})
+						}) })
+					})
+				})
+			}) : null
+		]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/platforms/[app]/loading.f0d91d48e2b79e50.js

@@ -0,0 +1,14 @@
+import { LoadingBack, Page, PageHead } from "../../../../../../../comps/frame/page-head.2eb1e0213eb50349.js";
+import { BLANK, LoadingCard } from "../../../../../../../comps/frame/loading-card.77bea8c5870b5d3c.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** An app's page before its installs arrive. */
+export default function AgentAppLoading() {
+	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(PageHead, {
+		back: /* @__PURE__ */ _jsx(LoadingBack, {}),
+		title: BLANK,
+		lead: BLANK
+	}), /* @__PURE__ */ _jsx(LoadingCard, {
+		title: "Installed on",
+		label: "Loading app"
+	})] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/platforms/[app]/page.3f60cf67517d0d31.js

@@ -0,0 +1,99 @@
+import "./@/app/dash/[org]/agents/[slug]/(tabs)/platforms/page.db05694ed4113dab.css.pnext-asset.js";
+import { createUrl, load, loadAgent, orgOf, unwrap } from "../../../../../../../api/load.252f972b42c690e2.js";
+import { Back, Page, PageHead } from "../../../../../../../comps/frame/page-head.2eb1e0213eb50349.js";
+import { Settle } from "../../../../../../../comps/frame/stream.e3800e736f832124.js";
+import { Card, Empty } from "../../../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Badge } from "../../../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { eventNames, isAdmin } from "../../../../../../../api/types.79f9092cdb5a00d1.js";
+import { Platform } from "../../../agent/agent-pills.1012e04bfbc7bffd.js";
+import { AppCards } from "./app-cards.361918fe58349aa1.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** One of an agent's apps: its handle and platform, then where it is installed, how it stays up to date, and removing it. */
+export default async function AgentAppPage({ request, params }) {
+	if (!request) return null;
+	const { slug: rawSlug, app: rawApp } = await params;
+	const slug = Array.isArray(rawSlug) ? rawSlug[0] : rawSlug;
+	const id = Array.isArray(rawApp) ? rawApp[0] : rawApp;
+	const org = orgOf(request);
+	const search = new URL(request.url).searchParams;
+	const agent = loadAgent(request, slug);
+	const apps = load(request).apps.list(slug).then(unwrap);
+	const installations = load(request).installations.list(slug, {
+		limit: 200,
+		active: true
+	}).then(unwrap);
+	const catalog = load(request).integrations.list(slug).catch(() => []);
+	const me = load(request).me().catch(() => undefined);
+	apps.catch(() => {});
+	installations.catch(() => {});
+	const back = /* @__PURE__ */ _jsx(Back, {
+		href: "/dash/[org]/agents/[slug]/platforms",
+		params: {
+			org,
+			slug
+		},
+		label: "Platforms",
+		back: search.get("back")
+	});
+	return /* @__PURE__ */ _jsx(Page, { children: /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
+		agent,
+		apps,
+		installations,
+		catalog,
+		me
+	]).then(async ([row, own, all, integrations, who]) => {
+		const app = own.find((entry) => entry.id === id);
+		if (!app) return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(PageHead, {
+			back,
+			title: "App not found"
+		}), /* @__PURE__ */ _jsx(Card, { children: /* @__PURE__ */ _jsx(Empty, {
+			title: "This app is gone",
+			children: "Coder no longer knows it, or it belongs to another agent."
+		}) })] });
+		const info = integrations.find((entry) => entry.id === app.integration);
+		const name = info?.name ?? app.integration;
+		const installs = all.filter((entry) => entry.app === app.id);
+		const events = row.settings?.integrations?.[app.integration]?.allowedEvents ?? eventNames(row.definition?.integrations?.[app.integration]?.events);
+		const admin = who ? isAdmin(who) : false;
+		// A chat's update link opens the dialog with what to change already read.
+		const check = admin && !app.builtin && search.has("update") && info?.appUpdate && info.appUpdate !== "push" ? await load(request).apps.drift(app.id).catch(() => undefined) : undefined;
+		return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(PageHead, {
+			back,
+			title: app.name,
+			meta: /* @__PURE__ */ _jsxs(_Fragment, { children: [
+				/* @__PURE__ */ _jsx(Platform, {
+					id: app.integration,
+					info,
+					state: installs.some((entry) => !entry.uninstalled) ? "installed" : "created"
+				}),
+				app.changed ? /* @__PURE__ */ _jsx(Badge, {
+					tone: "warn",
+					children: "update needed"
+				}) : null,
+				app.builtin ? /* @__PURE__ */ _jsx(Badge, { children: "shared" }) : null
+			] }),
+			lead: events.includes("mention") ? `Mention @${app.name} on ${name} to start a task.` : `The agent's handle on ${name} is @${app.name}.`
+		}), /* @__PURE__ */ _jsx(AppCards, {
+			org,
+			slug,
+			app,
+			installs,
+			events,
+			covered: info?.covered ?? "account",
+			admin,
+			operator: who?.operator === true,
+			appUpdate: info?.appUpdate,
+			check,
+			asked: search.has("delete"),
+			create: {
+				integration: app.integration,
+				name,
+				createUrl: createUrl(row, own, app.integration),
+				create: info?.create,
+				unreachable: integrations.some((entry) => entry.unreachable),
+				publicApps: info?.publicApps,
+				organizationApps: info?.organizationApps
+			}
+		})] });
+	}) }) });
+}