@wular/coder 0.4.7 → 0.4.9

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

@@ -1,28 +1,32 @@
 "use client";
-import "./editor.52403b9719fb5157.css.pnext-asset.js";
+import "./editor.c496247a81ed832c.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.1a6356d5b722cafb.js";
+import { iDown, iPlus, iShuffle, iUpload } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { useOrg } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { BrandIcon, DisabledBadge, PlatformLine } from "../agent/agent-pills.d8e785c45f5410a6.js";
+import { Hero } from "../agent/hero.96bdca9762ff3e2e.js";
+import { Back, PageHead } from "../../../../../comps/frame/page-head.bd54e52ac4a7a89c.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.63f673632770924d.js";
+import { Badge, Chip, Chips } from "../../../../../comps/ui/badge.0851f234f300c694.js";
+import { Button, LinkButton } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Select } from "../../../../../comps/ui/select.36c6f21ce6aa720f.js";
+import { Segmented } from "../../../../../comps/ui/segmented.a08dc08338d080e9.js";
+import { Search } from "../../../../../comps/ui/toolbar.9621ef221a896a8e.js";
+import { ImportPicker } from "./import-picker.b8093a7ca97656a5.js";
+import { markdown } from "../agent/instructions.ca0c09d4849bfc30.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, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const PERMISSIONS = [
 	["read-only", "Read only"],
 	["workspace-write", "Edit files"],
@@ -61,7 +65,7 @@ const TEMPLATES = [
 	],
 	[
 		"reviewer",
-		"Reviewer",
+		"GitHub reviewer",
 		"reviews pull requests"
 	]
 ];
@@ -69,19 +73,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 +91,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 +138,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 +150,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 +166,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 +197,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 +267,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,58 +291,79 @@ 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",
+		creating ? /* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
 			"aria-pressed": template === "import",
 			onClick: () => pickTemplate("import"),
 			children: "Import from repo"
 		}) : null,
-		creating ? null : /* @__PURE__ */ _jsx(Link, {
-			class: "btn ghost",
-			href: "/dash/agents/[slug]",
-			params: { slug: agent.id },
+		creating ? null : /* @__PURE__ */ _jsx(LinkButton, {
+			variant: "ghost",
+			href: "/dash/[org]/agents/[slug]",
+			params: {
+				org,
+				slug: agent.id
+			},
 			children: "Cancel"
 		}),
-		/* @__PURE__ */ _jsx("button", {
-			class: "btn",
-			disabled: busy || !draft.name.trim() || template === "import",
+		/* @__PURE__ */ _jsx(Button, {
+			type: "submit",
+			leftIcon: creating ? iPlus : iUpload,
+			disabled: !draft.name.trim() || template === "import",
+			loading: busy,
 			children: 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 +395,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) => {
@@ -411,12 +430,12 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 												required: true,
 												value: draft.name,
 												onInput: (event) => rename(event.currentTarget.value)
-											}), creating ? /* @__PURE__ */ _jsxs("button", {
-												type: "button",
-												class: "btn outline",
+											}), creating ? /* @__PURE__ */ _jsx(Button, {
+												variant: "outline",
+												leftIcon: iShuffle,
 												title: "Suggest another name",
 												onClick: () => rename(suggestName()),
-												children: [/* @__PURE__ */ _jsx(Icon, { d: iShuffle }), "Suggest"]
+												children: "Suggest"
 											}) : null]
 										})
 									}), creating ? /* @__PURE__ */ _jsx(Field, {
@@ -488,15 +507,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,16 +576,12 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 													})
 												]
 											}), on ? /* @__PURE__ */ _jsxs("div", {
-												class: "triggers",
-												children: [/* @__PURE__ */ _jsx("div", {
-													class: "chips",
-													role: "group",
-													"aria-label": `What wakes it on ${info.id}`,
+												class: "events",
+												children: [/* @__PURE__ */ _jsx(Chips, {
+													label: `What wakes it on ${info.id}`,
 													children: events.map(([event, spec]) => {
 														const pressed = ticked.includes(event);
-														return /* @__PURE__ */ _jsx("button", {
-															type: "button",
-															class: "chip",
+														return /* @__PURE__ */ _jsx(Chip, {
 															"aria-pressed": pressed,
 															title: spec.description,
 															onClick: () => toggleEvent(info.id, event, !pressed),
@@ -606,7 +646,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 +684,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"
+							})
+						]
+					})]
 				})]
 			})
 		]