@wular/coder 0.4.7 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{agents/editor/editor.d28d4afe11d7ff71.js → [org]/agents/editor/editor.9e1a0945f6880076.js}

@@ -1,28 +1,31 @@
 "use client";
-import "./editor.52403b9719fb5157.css.pnext-asset.js";
+import "./editor.d2e3bc878dcb47da.css.pnext-asset.js";
 // The preview is the same card the agents list draws.
-import "./@/app/dash/agents/(list)/page.1e19c72828fbd611.css.pnext-asset.js";
-import { useEffect, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../utils/client.a8205c524e63d4a9.js";
-import { iDown, iPlus, iShuffle } from "../../../../comps/ui/icons.1777c0350d5d215e.js";
-import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { BrandIcon, Platform } from "../agent/agent-pills.6a0eea1ec99dffd7.js";
-import { Hero } from "../agent/hero.9af8c50df6487ca5.js";
-import { Back, PageHead } from "../../../../comps/frame/page-head.a2336c95004aed4b.js";
-import { HEADS } from "../../../../comps/frame/heads.fa2157b3b36647f3.js";
-import { initial, reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { ErrorText, Field } from "../../../../comps/ui/field.7b2a2075ee8c6e29.js";
-import { Badge } from "../../../../comps/ui/badge.5abdef72e9189fdc.js";
-import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Select } from "../../../../comps/ui/select.f036fdc3fce02b92.js";
-import { Segmented } from "../../../../comps/ui/segmented.5ac52bb38fb64ae5.js";
-import { Search } from "../../../../comps/ui/toolbar.b2c59c5fc015d08d.js";
-import { ImportPicker } from "./import-picker.5e76549e7934b718.js";
-import { markdown } from "../agent/instructions.2f4229d42e7c99ef.js";
-import { ENGINE_NAMES, defaultLabel, modelHeadings, modelOptions, modelValue, splitModel } from "../../settings/model-options.bccfaced52fc0c00.js";
-import { suggestName } from "./names.afb112f2a5a6f0f5.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import "./@/app/dash/[org]/agents/(list)/page.81c825592da30a32.css.pnext-asset.js";
+import { useEffect, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { useAction } from "../../../../../utils/action.568346602027ac74.js";
+import { iDown, iPlus, iShuffle, iUpload } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
+import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { BrandIcon, DisabledBadge, PlatformLine } from "../agent/agent-pills.19e913c8cb22db21.js";
+import { Hero } from "../agent/hero.9de48723967d8546.js";
+import { Back, PageHead } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { HEADS } from "../../../../../comps/frame/heads.20414ddcb2d08bcd.js";
+import { initial } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
+import { showToast, toastError } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
+import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Select } from "../../../../../comps/ui/select.7f481669998074f8.js";
+import { Segmented } from "../../../../../comps/ui/segmented.5ac52bb38fb64ae5.js";
+import { Search } from "../../../../../comps/ui/toolbar.801bbd3163d3fbb0.js";
+import { ImportPicker } from "./import-picker.e54af9841da11373.js";
+import { markdown } from "../agent/instructions.6558ffd02a59ad53.js";
+import { ENGINE_NAMES, defaultLabel, modelHeadings, modelOptions, modelValue, splitModel } from "../../settings/model-options.2eacf7f8ac0032df.js";
+import { suggestName } from "./names.1ee5bba8d2b6ac41.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const PERMISSIONS = [
 	["read-only", "Read only"],
 	["workspace-write", "Edit files"],
@@ -61,7 +64,7 @@ const TEMPLATES = [
 	],
 	[
 		"reviewer",
-		"Reviewer",
+		"GitHub reviewer",
 		"reviews pull requests"
 	]
 ];
@@ -69,19 +72,9 @@ const TEMPLATES = [
 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.";
-/** Summary words for common events; any other event reads as its name. */
-const DOES = {
-	mention: "replies to @mentions",
-	pull_request: "reviews pull requests",
-	issue: "triages issues",
-	comment: "reads comments",
-	message: "reads messages",
-	reaction: "answers reactions",
-	command: "runs slash commands"
-};
 const eventNames = (events) => Array.isArray(events) ? events.map(String) : events && typeof events === "object" ? Object.keys(events) : [];
 const slug = (value) => value.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 40);
-function draftOf(agent, suggested) {
+function draftOf(agent, suggested, catalog) {
 	const definition = agent?.definition;
 	const draft = {
 		name: agent?.name ?? suggested,
@@ -97,12 +90,14 @@ function draftOf(agent, suggested) {
 		model: definition?.model ?? "",
 		effort: definition?.effort ?? ""
 	};
+	// A platform this server does not offer is left out, so publishing drops it.
 	for (const [id, entry] of Object.entries(definition?.integrations ?? {})) {
+		if (!catalog.some((info) => info.id === id)) continue;
 		draft.platforms.push(id);
-		draft.events[id] = eventNames(entry.triggers);
+		draft.events[id] = eventNames(entry.events);
 		draft.match[id] = {};
-		if (entry.triggers && !Array.isArray(entry.triggers)) {
-			for (const [name, options] of Object.entries(entry.triggers)) if (options && typeof options === "object" && "match" in options) draft.match[id][name] = String(options.match);
+		if (entry.events && !Array.isArray(entry.events)) {
+			for (const [name, options] of Object.entries(entry.events)) if (options && typeof options === "object" && "match" in options) draft.match[id][name] = String(options.match);
 		}
 		draft.tools[id] = entry.tools;
 	}
@@ -142,7 +137,7 @@ function fromTemplate(template, catalog) {
 }
 /** One platform's events: a plain list unless an event carries options, which are kept. */
 function eventsFor(previous, names, match) {
-	const before = previous?.triggers && !Array.isArray(previous.triggers) ? previous.triggers : {};
+	const before = previous?.events && !Array.isArray(previous.events) ? previous.events : {};
 	const built = Object.fromEntries(names.map((name) => {
 		const kept = before[name];
 		const text = match[name]?.trim();
@@ -154,12 +149,6 @@ function eventsFor(previous, names, match) {
 	}));
 	return Object.values(built).every((value) => value === true) ? names : built;
 }
-/** One line on what the agent does, from its platforms' events. */
-function summaryOf(draft) {
-	const parts = draft.platforms.filter((id) => draft.events[id]?.length).map((id) => `${draft.events[id].map((event) => DOES[event] ?? event.replace(/_/g, " ")).join(" and ")} in ${id}`);
-	const text = parts.length ? parts.join(", ") : "runs from the dashboard and the CLI";
-	return `${text.charAt(0).toUpperCase()}${text.slice(1)}.`;
-}
 const sameTools = (a = [], b = []) => a.length === b.length && a.every((tool) => b.includes(tool));
 /** A platform's access presets that each grant more than the one before; a single one means it has no levels. */
 function levelsOf(info) {
@@ -176,17 +165,21 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 	builtin: {}
 }, template: first, connected = false, connectLabel = "Connect", tunnel = false, port = "" }) {
 	const nav = useRouter();
+	const org = useOrg();
 	const creating = !agent;
 	const [template, setTemplate] = useState(first ?? "blank");
 	const [draft, setDraft] = useState(() => ({
-		...draftOf(agent, suggested),
+		...draftOf(agent, suggested, catalog),
 		...creating ? fromTemplate(first ?? "blank", catalog) : {}
 	}));
 	const [idTouched, setIdTouched] = useState(false);
 	const [writing, setWriting] = useState("write");
 	const [query, setQuery] = useState("");
-	const [busy, setBusy] = useState(false);
-	const [error, setError] = useState("");
+	const action = useAction({
+		toast: creating ? "Agent not created" : "Not published",
+		leaves: true
+	});
+	const busy = Boolean(action.pending);
 	const set = (key, value) => setDraft((current) => ({
 		...current,
 		[key]: value
@@ -203,12 +196,13 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 	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 run = [
+	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,
-		permission?.[1].toLowerCase()
-	].filter(Boolean).join(" · ");
+		repoAccess
+	] : ["Default models", repoAccess]).filter(Boolean).join(" · ");
 	useEffect(() => {
 		if (!section) return;
 		const target = document.getElementById(`agent-${section}`);
@@ -272,10 +266,10 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 	}));
 	const submit = async () => {
 		const silent = draft.platforms.find((id) => !draft.events[id]?.length);
-		if (silent) return setError(`Pick at least one event on ${silent}, or turn ${silent} off.`);
+		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] = {
-			triggers: eventsFor(agent?.definition?.integrations?.[id], draft.events[id] ?? [], draft.match[id] ?? {}),
+			events: eventsFor(agent?.definition?.integrations?.[id], draft.events[id] ?? [], draft.match[id] ?? {}),
 			tools: draft.tools[id]
 		};
 		const definition = {
@@ -296,26 +290,40 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 		}
 		const id = creating ? draft.id : agent.id;
 		const name = draft.name.trim();
-		setBusy(true);
-		setError("");
-		try {
+		await action.run("publish", async () => {
 			const files = agent?.files;
-			await client.agents.put(id, {
+			const { apps = [] } = await client.agents.put(id, {
 				definition,
 				...files ? { files } : {},
 				systemPrompt: draft.systemPrompt.trim() ? draft.systemPrompt : `You are ${name || id}.\n`,
 				...name ? { name } : {},
 				...draft.description.trim() ? { description: draft.description.trim() } : {}
 			});
-			if (creating && draft.platforms.length) nav.push("/dash/agents/[slug]/platforms", { params: { slug: id } });
-			else nav.push("/dash/agents/[slug]", { params: { slug: id } });
-		} catch (reason) {
-			setBusy(false);
-			setError(reasonText(reason));
-		}
+			for (const app of apps) {
+				const platform = catalog.find((info) => info.id === app.integration)?.name ?? app.integration;
+				if (app.updated) showToast(`${platform} app updated`, `${app.name} now matches the agent.`, "success");
+				if (app.error) toastError(`${platform} app not updated`, app.error);
+			}
+			// Apps that need changes on their platform open there, one dialog each.
+			const update = apps.filter((app) => app.drift).map((app) => app.id);
+			if (update.length) nav.push("/dash/[org]/agents/[slug]/platforms", {
+				params: {
+					org,
+					slug: id
+				},
+				search: { update: update.join(",") }
+			});
+			else if (creating && draft.platforms.length) nav.push("/dash/[org]/agents/[slug]/platforms", { params: {
+				org,
+				slug: id
+			} });
+			else nav.push("/dash/[org]/agents/[slug]", { params: {
+				org,
+				slug: id
+			} });
+		});
 	};
 	const actions = /* @__PURE__ */ _jsxs(_Fragment, { children: [
-		/* @__PURE__ */ _jsx(ErrorText, { value: error }),
 		creating ? /* @__PURE__ */ _jsx("button", {
 			type: "button",
 			class: "btn outline",
@@ -325,29 +333,36 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 		}) : null,
 		creating ? null : /* @__PURE__ */ _jsx(Link, {
 			class: "btn ghost",
-			href: "/dash/agents/[slug]",
-			params: { slug: agent.id },
+			href: "/dash/[org]/agents/[slug]",
+			params: {
+				org,
+				slug: agent.id
+			},
 			children: "Cancel"
 		}),
-		/* @__PURE__ */ _jsx("button", {
+		/* @__PURE__ */ _jsxs("button", {
 			class: "btn",
 			disabled: busy || !draft.name.trim() || template === "import",
-			children: creating ? "Create agent" : "Publish new version"
+			"aria-busy": busy,
+			children: [/* @__PURE__ */ _jsx(Icon, { d: creating ? iPlus : iUpload }), creating ? "Create agent" : "Publish new version"]
 		})
 	] });
 	const head = creating ? /* @__PURE__ */ _jsx(PageHead, {
 		...HEADS.newAgent,
 		back: /* @__PURE__ */ _jsx(Back, {
-			href: "/dash/agents",
-			params: {},
+			href: "/dash/[org]/agents",
+			params: { org },
 			label: "Agents"
 		}),
 		actions
 	}) : /* @__PURE__ */ _jsx(Hero, {
 		agent,
 		back: /* @__PURE__ */ _jsx(Back, {
-			href: "/dash/agents/[slug]",
-			params: { slug: agent.id },
+			href: "/dash/[org]/agents/[slug]",
+			params: {
+				org,
+				slug: agent.id
+			},
 			label: agent.name
 		}),
 		actions
@@ -379,7 +394,10 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 		]
 	});
 	const needle = query.trim().toLowerCase();
-	const shown = catalog.filter((info) => `${info.id} ${info.description}`.toLowerCase().includes(needle));
+	const matches = catalog.filter((info) => `${info.id} ${info.description}`.toLowerCase().includes(needle));
+	// Featured and picked platforms first.
+	const upFront = (info) => !!info.featured || draft.platforms.includes(info.id);
+	const shown = [...matches.filter(upFront), ...matches.filter((info) => !upFront(info))];
 	return /* @__PURE__ */ _jsxs("form", {
 		class: "agent-new",
 		onSubmit: (event) => {
@@ -488,15 +506,40 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 								/* @__PURE__ */ _jsxs("div", {
 									class: "part-head",
 									onKeyDown: (event) => event.key === "Enter" && event.preventDefault(),
-									children: [/* @__PURE__ */ _jsx("h2", { children: "Where it listens" }), catalog.length > SEARCH_FROM ? /* @__PURE__ */ _jsx(Search, {
+									children: [/* @__PURE__ */ _jsx("h2", { children: "Handles" }), catalog.length > SEARCH_FROM ? /* @__PURE__ */ _jsx(Search, {
 										value: query,
 										label: "Search platforms",
 										onInput: setQuery
 									}) : null]
 								}),
-								/* @__PURE__ */ _jsx("p", {
+								/* @__PURE__ */ _jsxs("p", {
+									class: "muted",
+									children: [
+										"Each platform becomes the agent's handle there: its own app, set up on the next page, where ",
+										/* @__PURE__ */ _jsx("span", {
+											class: "semi",
+											children: "@mentions"
+										}),
+										" and events start tasks. The dashboard, the CLI and the SDK can always start it."
+									]
+								}),
+								/* @__PURE__ */ _jsxs("p", {
 									class: "muted",
-									children: "Each platform becomes an app, set up on the next page. With none it runs from the dashboard and the CLI."
+									children: [
+										/* @__PURE__ */ _jsx("b", { children: "Connections" }),
+										" are separate and shared by all agents: add as many as tasks need, like an API key, an MCP server or a member's own account, in",
+										" ",
+										/* @__PURE__ */ _jsx(Link, {
+											class: "link",
+											href: "/dash/[org]/settings/[tab]",
+											params: {
+												org,
+												tab: "connections"
+											},
+											children: "Settings"
+										}),
+										"."
+									]
 								}),
 								/* @__PURE__ */ _jsxs("ul", {
 									class: "listen",
@@ -532,7 +575,7 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 													})
 												]
 											}), on ? /* @__PURE__ */ _jsxs("div", {
-												class: "triggers",
+												class: "events",
 												children: [/* @__PURE__ */ _jsx("div", {
 													class: "chips",
 													role: "group",
@@ -606,7 +649,10 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 											action: {
 												label: "Add models",
 												icon: iPlus,
-												onPick: () => nav.push("/dash/settings/[tab]", { params: { tab: "models" } })
+												onPick: () => nav.push("/dash/[org]/settings/[tab]", { params: {
+													org,
+													tab: "models"
+												} })
 											},
 											onChange: (value) => setDraft((current) => ({
 												...current,
@@ -641,49 +687,45 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 				}), /* @__PURE__ */ _jsxs("aside", {
 					class: "agent-side",
 					"aria-label": "Preview",
-					children: [
-						/* @__PURE__ */ _jsx("span", {
-							class: "side-label",
-							children: "Preview"
-						}),
-						/* @__PURE__ */ _jsxs("div", {
-							class: "agent-card preview",
-							children: [
-								/* @__PURE__ */ _jsxs("div", {
-									class: "bc-head",
-									children: [/* @__PURE__ */ _jsx("span", {
-										class: "mark",
-										children: initial(draft.name)
-									}), /* @__PURE__ */ _jsxs("div", {
-										class: "grow",
-										children: [/* @__PURE__ */ _jsx("h3", { children: draft.name.trim() || "Unnamed agent" }), /* @__PURE__ */ _jsxs("span", {
-											class: "pills",
-											children: [/* @__PURE__ */ _jsx(Badge, { children: "dashboard" }), agent?.local ? null : /* @__PURE__ */ _jsxs(Badge, { children: ["v", creating ? 1 : agent.currentVersion + 1] })]
-										})]
+					children: [/* @__PURE__ */ _jsx("span", {
+						class: "side-label",
+						children: "Preview"
+					}), /* @__PURE__ */ _jsxs("div", {
+						class: "agent-card preview",
+						children: [
+							/* @__PURE__ */ _jsxs("div", {
+								class: "bc-head",
+								children: [/* @__PURE__ */ _jsx("span", {
+									class: "mark",
+									children: initial(draft.name)
+								}), /* @__PURE__ */ _jsxs("div", {
+									class: "grow",
+									children: [/* @__PURE__ */ _jsx("h3", { children: draft.name.trim() || "Unnamed agent" }), /* @__PURE__ */ _jsxs("span", {
+										class: "pills",
+										children: [
+											/* @__PURE__ */ _jsx(Badge, { children: "dashboard" }),
+											agent?.local ? null : /* @__PURE__ */ _jsxs(Badge, { children: ["v", creating ? 1 : agent.currentVersion + 1] }),
+											agent?.settings?.disabled ? /* @__PURE__ */ _jsx(DisabledBadge, {}) : null
+										]
 									})]
-								}),
-								/* @__PURE__ */ _jsx("div", {
-									class: "lead-clamp",
-									children: /* @__PURE__ */ _jsx("span", { children: draft.description.trim() || "No description yet." })
-								}),
-								draft.platforms.length ? /* @__PURE__ */ _jsx("span", {
-									class: "pfs",
-									children: draft.platforms.map((id) => /* @__PURE__ */ _jsx(Platform, {
-										id,
-										info: catalog.find((entry) => entry.id === id),
-										state: "none"
-									}, id))
-								}) : /* @__PURE__ */ _jsx("span", {
-									class: "pfs muted",
-									children: "Listens nowhere yet"
-								})
-							]
-						}),
-						/* @__PURE__ */ _jsx("p", {
-							class: "summary",
-							children: summaryOf(draft)
-						})
-					]
+								})]
+							}),
+							/* @__PURE__ */ _jsx("div", {
+								class: "lead-clamp",
+								children: /* @__PURE__ */ _jsx("span", { children: draft.description.trim() || "No description yet." })
+							}),
+							draft.platforms.length ? /* @__PURE__ */ _jsx(PlatformLine, {
+								platforms: draft.platforms.map((id) => ({
+									id,
+									state: "none"
+								})),
+								catalog
+							}) : /* @__PURE__ */ _jsx("span", {
+								class: "pfs muted",
+								children: "No handles yet"
+							})
+						]
+					})]
 				})]
 			})
 		]

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{agents/editor/import-picker.5e76549e7934b718.js → [org]/agents/editor/import-picker.e54af9841da11373.js}

@@ -1,27 +1,26 @@
 "use client";
 
-// app/dash/agents/editor/import-picker.tsx
-import { useEffect, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../utils/client.a8205c524e63d4a9.js";
-import { iGit } from "../../../../comps/ui/icons.1777c0350d5d215e.js";
-import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { held } from "../../../../utils/paged.7e5713a82abf0211.js";
-import { Loading } from "../../../../comps/ui/card.b0873d38765c9d20.js";
-import { reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { ErrorText } from "../../../../comps/ui/field.7b2a2075ee8c6e29.js";
-import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { connectRepositories } from "./connect-repositories.329ac182c8242a67.js";
-import { Search } from "../../../../comps/ui/toolbar.b2c59c5fc015d08d.js";
-import { TunnelGuide } from "../../settings/tunnel-guide.f6685b045ccccdcd.js";
-import { Fragment, jsx, jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+// 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.d25e6dcc6704eb60.js";
+import { toastFailure, useAction } from "../../../../../utils/action.568346602027ac74.js";
+import { iGit } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
+import { held } from "../../../../../utils/paged.18f5872fc5aebe96.js";
+import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { connectRepositories } from "./connect-repositories.258f6c2c5f1b1b17.js";
+import { Search } from "../../../../../comps/ui/toolbar.801bbd3163d3fbb0.js";
+import { TunnelGuide } from "../../settings/tunnel-guide.1fd664df1fd0e3c1.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.-]+$/;
 var short = (commit) => /^[0-9a-f]{12,}$/i.test(commit) ? commit.slice(0, 7) : commit;
 function Agents({ preview, onDone }) {
   const [off, setOff] = useState(/* @__PURE__ */ new Set());
-  const [busy, setBusy] = useState(false);
-  const [error, setError] = useState("");
-  useEffect(() => setOff(/* @__PURE__ */ new Set()), [preview.repo]);
-  if (preview.error) return /* @__PURE__ */ jsx(ErrorText, { value: preview.error });
+  const action = useAction({ leaves: true });
+  if (preview.failed) return null;
   if (!preview.agents) return /* @__PURE__ */ jsx(Loading, { label: `Reading ${preview.repo}`, h: 180 });
   if (!preview.agents.length)
     return /* @__PURE__ */ jsxs("p", { class: "muted", children: [
@@ -42,15 +41,10 @@ function Agents({ preview, onDone }) {
       onSubmit: async (event) => {
         event.preventDefault();
         if (!ticked.length) return;
-        setBusy(true);
-        setError("");
-        try {
-          const { imported } = await client.agents.import(preview.repo, void 0, ticked);
-          onDone(imported);
-        } catch (reason) {
-          setBusy(false);
-          setError(reasonText(reason));
-        }
+        await action.run(
+          "import",
+          async () => onDone((await client.agents.import(preview.repo, void 0, ticked)).imported)
+        );
       },
       children: [
         /* @__PURE__ */ jsx("ul", { class: "picks-list", children: preview.agents.map((agent) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { class: "check", children: [
@@ -77,7 +71,8 @@ function Agents({ preview, onDone }) {
               agent.version,
               agent.commit ? ` \xB7 ${short(agent.commit)}` : ""
             ] }) : null,
-            /* @__PURE__ */ jsx("small", { children: agent.taken ? "An agent with this id already exists here." : agent.description ?? "No description." })
+            /* @__PURE__ */ jsx("small", { children: agent.taken ? "An agent with this id already exists here." : agent.description ?? "No description." }),
+            agent.warnings?.map((warning) => /* @__PURE__ */ jsx("small", { role: "status", children: warning }, warning))
           ] })
         ] }) }, agent.id)) }),
         /* @__PURE__ */ jsxs("p", { class: "muted", children: [
@@ -85,13 +80,10 @@ function Agents({ preview, onDone }) {
           preview.repo,
           " that changes an agent publishes its new version here."
         ] }),
-        /* @__PURE__ */ jsxs("div", { class: "form-actions end", children: [
-          /* @__PURE__ */ jsx(ErrorText, { value: error }),
-          /* @__PURE__ */ jsxs("button", { class: "btn", disabled: busy || !ticked.length, children: [
-            "Import ",
-            ticked.length === 1 ? "1 agent" : `${ticked.length} agents`
-          ] })
-        ] })
+        /* @__PURE__ */ jsx("div", { class: "form-actions end", children: /* @__PURE__ */ jsxs("button", { class: "btn", disabled: Boolean(action.pending) || !ticked.length, children: [
+          "Import ",
+          ticked.length === 1 ? "1 agent" : `${ticked.length} agents`
+        ] }) })
       ]
     }
   );
@@ -103,31 +95,35 @@ function ImportPicker({
   port
 }) {
   const nav = useRouter();
+  const org = useOrg();
   const [repos, setRepos] = useState();
   const [query, setQuery] = useState("");
   const [preview, setPreview] = useState();
-  const [error, setError] = useState("");
+  const opened = useRef("");
   useEffect(() => {
     if (!connected) return;
     void client.repositories.list().then(held(performance.now())).then((rows) => setRepos(rows.map((row) => row.repo))).catch((reason) => {
       setRepos([]);
-      setError(reasonText(reason));
+      toastFailure(reason);
     });
   }, []);
   const open = (repo) => {
+    opened.current = repo;
     setPreview({ repo });
-    void client.agents.preview(repo).then(held(performance.now())).then(({ agents }) => setPreview((now) => now?.repo === repo ? { repo, agents } : now)).catch(
-      (reason) => setPreview((now) => now?.repo === repo ? { repo, error: reasonText(reason) } : now)
-    );
+    void client.agents.preview(repo).then(held(performance.now())).then(({ agents }) => opened.current === repo && setPreview({ repo, agents })).catch((reason) => {
+      if (opened.current !== repo) return;
+      setPreview({ repo, failed: true });
+      toastFailure(reason);
+    });
   };
-  const done = (ids) => ids.length === 1 ? nav.push("/dash/agents/[slug]", { params: { slug: ids[0] } }) : nav.push("/dash/agents");
+  const done = (ids) => ids.length === 1 ? nav.push("/dash/[org]/agents/[slug]", { params: { org, slug: ids[0] } }) : nav.push("/dash/[org]/agents", { params: { org } });
   const needle = query.trim().toLowerCase();
   const shown = (repos ?? []).filter((repo) => repo.toLowerCase().includes(needle));
   const typed = REPO.test(query.trim()) && !repos?.includes(query.trim()) ? query.trim() : "";
   return /* @__PURE__ */ jsxs("div", { class: "import", children: [
     /* @__PURE__ */ jsxs("div", { class: "import-repos", children: [
       connected ? /* @__PURE__ */ jsx(Search, { value: query, label: "Search repositories or type owner/repo", onInput: setQuery }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { class: "notice soft", children: [
+        /* @__PURE__ */ jsxs(Notice, { children: [
           /* @__PURE__ */ jsx(Icon, { d: iGit }),
           /* @__PURE__ */ jsx("span", { class: "grow", children: "Connect to list your repositories here." }),
           /* @__PURE__ */ jsx(
@@ -135,8 +131,8 @@ function ImportPicker({
             {
               type: "button",
               class: "btn outline sm",
-              onClick: () => void connectRepositories("/dash/agents/new?template=import").catch(
-                (reason) => setError(reasonText(reason))
+              onClick: () => void connectRepositories(`/dash/${org}/agents/new?template=import`).catch(
+                toastFailure
               ),
               children: connectLabel
             }
@@ -167,7 +163,6 @@ function ImportPicker({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(ErrorText, { value: error }),
       connected ? /* @__PURE__ */ jsx("div", { class: "repo-list scroll-box", role: "list", children: !repos ? /* @__PURE__ */ jsx(Loading, { label: "Loading repositories", h: 240 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         typed ? /* @__PURE__ */ jsxs(
           "button",
@@ -205,7 +200,7 @@ function ImportPicker({
         "Agents in ",
         preview.repo
       ] }),
-      /* @__PURE__ */ jsx(Agents, { preview, onDone: done })
+      /* @__PURE__ */ jsx(Agents, { preview, onDone: done }, preview.repo)
     ] }) : /* @__PURE__ */ jsx("p", { class: "muted", children: "Pick a repository to see the agents in its .coder/agents folder." }) })
   ] });
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/new/loading.38715a27e2d25ebd.js

@@ -0,0 +1,30 @@
+import { HEADS } from "../../../../../comps/frame/heads.20414ddcb2d08bcd.js";
+import { Page, PageHead } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { OrgBack } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
+import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { iPlus } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export default function NewAgentLoading() {
+	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(PageHead, {
+		...HEADS.newAgent,
+		back: /* @__PURE__ */ _jsx(OrgBack, {
+			href: "/dash/[org]/agents",
+			label: "Agents"
+		}),
+		actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("button", {
+			type: "button",
+			class: "btn outline",
+			disabled: true,
+			children: "Import from repo"
+		}), /* @__PURE__ */ _jsxs("button", {
+			type: "button",
+			class: "btn",
+			disabled: true,
+			children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "Create agent"]
+		})] })
+	}), /* @__PURE__ */ _jsx(Loading, {
+		label: "Loading editor",
+		h: 640
+	})] });
+}