@wular/coder 0.4.7 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/usage/page.67c3489c62b661da.js

@@ -0,0 +1,209 @@
+import "./@/comps/ui/segmented.2cb43dc7d1f1588a.css.pnext-asset.js";
+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.6a7d1beaf4d09d9c.js";
+import { daysIn, rangeFor } from "../../../../../../../utils/range.f73ba9cac0a60af1.js";
+import { load, loadAgent, orgOf } from "../../../../../../../api/load.4f942c7f68b2e273.js";
+import { Card, Empty } from "../../../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Stat, Stats } from "../../../../usage/stats.de820599cf126120.js";
+import { Settle } from "../../../../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
+import { unwrap } from "../../../../../../../api/load.4f942c7f68b2e273.js";
+import { DayChart } from "../../../../usage/day-chart.d40438efa74b0596.js";
+import { RangeBar } from "../../../../usage/range-bar.884e58b044238e98.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);
+	return /* @__PURE__ */ _jsx(Card, {
+		title,
+		count: rows.length,
+		children: rows.length ? /* @__PURE__ */ _jsx("div", {
+			class: "table-scroll scroll-box",
+			style: "--max:420px",
+			children: /* @__PURE__ */ _jsxs("table", { children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsxs("tr", { children: [
+				/* @__PURE__ */ _jsx("th", { children: head }),
+				/* @__PURE__ */ _jsx("th", {
+					class: "num",
+					children: "Tasks"
+				}),
+				/* @__PURE__ */ _jsx("th", {
+					class: "num",
+					children: "Runner time"
+				}),
+				/* @__PURE__ */ _jsx("th", {
+					class: "num",
+					children: "Tokens"
+				})
+			] }) }), /* @__PURE__ */ _jsx("tbody", { children: sorted.map((row) => {
+				const { name, sub } = label(row.key);
+				return /* @__PURE__ */ _jsxs("tr", { children: [
+					/* @__PURE__ */ _jsxs("td", { children: [name, sub ? /* @__PURE__ */ _jsx("span", {
+						class: "sub",
+						children: sub
+					}) : null] }),
+					/* @__PURE__ */ _jsx("td", {
+						class: "num",
+						children: formatCount(row.tasks)
+					}),
+					/* @__PURE__ */ _jsx("td", {
+						class: "num",
+						children: formatDuration(row.runnerMs)
+					}),
+					/* @__PURE__ */ _jsx("td", {
+						class: "num",
+						title: formatCount(row.tokenCount),
+						children: formatCompact(row.tokenCount)
+					})
+				] }, row.key);
+			}) })] })
+		}) : /* @__PURE__ */ _jsx(Empty, { title: "Nothing in this range" })
+	});
+}
+/** Platform events the agent failed to handle in the last day, newest first. */
+function Deliveries({ deliveries, tz }) {
+	return /* @__PURE__ */ _jsx(Card, {
+		id: "deliveries",
+		title: "Deliveries",
+		count: deliveries?.failed,
+		children: deliveries ? /* @__PURE__ */ _jsx("div", {
+			class: "table-scroll scroll-box",
+			style: "--max:420px",
+			children: /* @__PURE__ */ _jsxs("table", { children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsxs("tr", { children: [
+				/* @__PURE__ */ _jsx("th", { children: "When" }),
+				/* @__PURE__ */ _jsx("th", { children: "Platform" }),
+				/* @__PURE__ */ _jsx("th", { children: "Event" }),
+				/* @__PURE__ */ _jsx("th", { children: "Error" }),
+				/* @__PURE__ */ _jsx("th", {})
+			] }) }), /* @__PURE__ */ _jsx("tbody", { children: deliveries.recent.map((failure, index) => /* @__PURE__ */ _jsxs("tr", {
+				class: "failed",
+				children: [
+					/* @__PURE__ */ _jsx("td", { children: formatDate(failure.at, tz, true) }),
+					/* @__PURE__ */ _jsx("td", { children: failure.platform }),
+					/* @__PURE__ */ _jsx("td", { children: failure.type ?? "Unknown" }),
+					/* @__PURE__ */ _jsx("td", {
+						class: "mono bad",
+						children: failure.error
+					}),
+					/* @__PURE__ */ _jsx("td", { children: failure.url ? /* @__PURE__ */ _jsx("a", {
+						class: "link",
+						href: failure.url,
+						target: "_blank",
+						rel: "noreferrer",
+						children: "Open"
+					}) : null })
+				]
+			}, index)) })] })
+		}) : /* @__PURE__ */ _jsx(Empty, { title: "No failed deliveries in the last day" })
+	});
+}
+/** One agent's usage: the range at once, then figures and tasks per day, then where and on what it ran. */
+export default async function AgentUsagePage({ request, params }) {
+	if (!request) return null;
+	const { slug: raw } = await params;
+	const slug = Array.isArray(raw) ? raw[0] : raw;
+	const tz = zoneOf(request);
+	const range = rangeFor(request, tz);
+	const totals = (by) => load(request).usage({
+		by,
+		since: range.since,
+		until: range.until,
+		agent: slug,
+		...by === "day" ? { tz } : {}
+	}).then((value) => value.totals);
+	const data = Promise.all([
+		totals("day"),
+		totals("installation"),
+		totals("engine")
+	]);
+	const installations = load(request).installations.list(slug).then(unwrap);
+	const agent = loadAgent(request, slug);
+	data.catch(() => {});
+	installations.catch(() => {});
+	agent.catch(() => {});
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		/* @__PURE__ */ _jsx(RangeBar, {
+			range,
+			to: {
+				href: "/dash/[org]/agents/[slug]/usage",
+				params: {
+					org: orgOf(request),
+					slug
+				}
+			},
+			tz
+		}),
+		/* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([data, installations]).then(([[days, where, engines], installed]) => {
+			const sum = (pick) => engines.reduce((total, row) => total + pick(row), 0);
+			const tasks = sum((row) => row.tasks);
+			const runner = sum((row) => row.runnerMs);
+			const place = (key) => {
+				const found = installed.find((entry) => entry.id === key);
+				return found ? {
+					name: found.account.login,
+					sub: found.integration
+				} : {
+					name: key,
+					sub: "removed installation"
+				};
+			};
+			return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+				/* @__PURE__ */ _jsxs(Stats, {
+					label: "Totals",
+					children: [
+						/* @__PURE__ */ _jsx(Stat, {
+							label: "Tasks",
+							value: formatCount(tasks)
+						}),
+						/* @__PURE__ */ _jsx(Stat, {
+							label: "Runner time",
+							value: formatDuration(runner)
+						}),
+						/* @__PURE__ */ _jsx(Stat, {
+							label: "Tokens",
+							value: /* @__PURE__ */ _jsx("strong", {
+								title: formatCount(sum((row) => row.tokenCount)),
+								children: formatCompact(sum((row) => row.tokenCount))
+							})
+						}),
+						/* @__PURE__ */ _jsx(Stat, {
+							label: "Average task",
+							value: tasks ? formatDuration(runner / tasks) : "Not available"
+						})
+					]
+				}),
+				/* @__PURE__ */ _jsx(Card, {
+					title: "Tasks per day",
+					children: /* @__PURE__ */ _jsx("div", {
+						class: "body",
+						children: tasks ? /* @__PURE__ */ _jsx(DayChart, {
+							days: daysIn(range, tz),
+							totals: days,
+							metric: "tasks",
+							label: "Tasks per day"
+						}) : /* @__PURE__ */ _jsx(Empty, {
+							title: "Nothing ran in this range",
+							children: "Pick a longer range, or run a task."
+						})
+					})
+				}),
+				/* @__PURE__ */ _jsxs("div", {
+					class: "grid-2",
+					children: [/* @__PURE__ */ _jsx(Breakdown, {
+						title: "By installation",
+						head: "Installed on",
+						rows: where,
+						label: place
+					}), /* @__PURE__ */ _jsx(Breakdown, {
+						title: "By engine",
+						head: "Engine",
+						rows: engines,
+						label: (key) => ({ name: key })
+					})]
+				})
+			] });
+		}) }),
+		/* @__PURE__ */ _jsx(Settle, { load: () => agent.then((row) => /* @__PURE__ */ _jsx(Deliveries, {
+			deliveries: row.deliveries,
+			tz
+		})) })
+	] });
+}

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

@@ -1,11 +1,11 @@
 "use client";
-import { client } from "../../../../../utils/client.a8205c524e63d4a9.js";
-import { formatDate } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { usePaged } from "../../../../../utils/paged.7e5713a82abf0211.js";
-import { Badge } from "../../../../../comps/ui/badge.5abdef72e9189fdc.js";
-import { LIST_PAGE } from "../../../../../utils/paged.7e5713a82abf0211.js";
-import { Tail } from "../../../../../comps/ui/tail.9377d261fe9e91df.js";
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { client } from "../../../../../../utils/client.d25e6dcc6704eb60.js";
+import { formatDate } from "../../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { usePaged } from "../../../../../../utils/paged.18f5872fc5aebe96.js";
+import { Badge } from "../../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { LIST_PAGE } from "../../../../../../utils/paged.18f5872fc5aebe96.js";
+import { Tail } from "../../../../../../comps/ui/tail.30913c92f5ca6102.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 }) {
 	const list = usePaged({

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{agents/[slug]/edit/loading.21eb60e655c125c7.js → [org]/agents/[slug]/edit/loading.2fa9e225a5c42496.js}

@@ -1,9 +1,9 @@
-import { iLeft } from "../../../../../comps/ui/icons.1777c0350d5d215e.js";
-import { BLANK, LoadingCard } from "../../../../../comps/frame/loading-card.bf58af8330a78704.js";
-import { LoadingHero } from "../../agent/hero.9af8c50df6487ca5.js";
-import { Page } from "../../../../../comps/frame/page-head.a2336c95004aed4b.js";
-import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { iLeft, iUpload } from "../../../../../../comps/ui/icons.868385119bf2de28.js";
+import { BLANK, LoadingCard } from "../../../../../../comps/frame/loading-card.df3717186948c93f.js";
+import { LoadingHero } from "../../agent/hero.9de48723967d8546.js";
+import { Page } from "../../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { Icon } from "../../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function AgentEditLoading() {
 	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(LoadingHero, {
 		back: /* @__PURE__ */ _jsxs("span", {
@@ -16,11 +16,11 @@ export default function AgentEditLoading() {
 			class: "btn ghost",
 			disabled: true,
 			children: "Cancel"
-		}), /* @__PURE__ */ _jsx("button", {
+		}), /* @__PURE__ */ _jsxs("button", {
 			type: "button",
 			class: "btn",
 			disabled: true,
-			children: "Publish new version"
+			children: [/* @__PURE__ */ _jsx(Icon, { d: iUpload }), "Publish new version"]
 		})] })
 	}), /* @__PURE__ */ _jsx(LoadingCard, {
 		label: "Loading editor",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{agents/[slug]/edit/page.057807354396ea77.js → [org]/agents/[slug]/edit/page.7132b3ef68d33cc4.js}

@@ -1,17 +1,18 @@
-import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { load } from "../../../../../api/load.35be1b07171553e7.js";
-import { Card } from "../../../../../comps/ui/card.b0873d38765c9d20.js";
-import { Back, Page } from "../../../../../comps/frame/page-head.a2336c95004aed4b.js";
-import { Settle } from "../../../../../comps/frame/stream.77a2ec038d97b2b8.js";
-import { Hero } from "../../agent/hero.9af8c50df6487ca5.js";
-import { loadAgent } from "../../../../../api/load.35be1b07171553e7.js";
-import { editableAgent } from "../../../../../api/types.9f59e6c761d6aac4.js";
-import { NO_MODELS, modelsByEngine } from "../../../settings/model-options.bccfaced52fc0c00.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.d28d4afe11d7ff71.js").then((m) => m.AgentEditor), undefined, {
-	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/agents/editor/editor.tsx", import.meta.url).pathname),
+import { dynamic } from "../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { load, orgOf } from "../../../../../../api/load.4f942c7f68b2e273.js";
+import { Card } from "../../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Back, Page } from "../../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { Settle } from "../../../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
+import { Hero } from "../../agent/hero.9de48723967d8546.js";
+import { loadAgent } from "../../../../../../api/load.4f942c7f68b2e273.js";
+import { editableAgent } from "../../../../../../api/types.9f59e6c761d6aac4.js";
+import { NO_MODELS, modelsByEngine } from "../../../settings/model-options.2eacf7f8ac0032df.js";
+import { DEFAULT_ENGINE } from "../../../../../../../../core/defaults.e6ce0944639198a2.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.9e1a0945f6880076.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-00c11152f2"
+	"id": "c-bf95e76c92"
 });
 function EditedElsewhere({ agent }) {
 	return /* @__PURE__ */ _jsx(Card, {
@@ -54,15 +55,18 @@ export default async function AgentEditPage({ request, params }) {
 		section,
 		models: modelsByEngine(shape),
 		defaults: {
-			engine: shown?.effective.chain?.[0] ?? "claude",
+			engine: shown?.effective.chain?.[0] ?? DEFAULT_ENGINE,
 			engines: shown?.effective.engines ?? {},
 			builtin: shape.builtin
 		}
 	}) : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Hero, {
 		agent,
 		back: /* @__PURE__ */ _jsx(Back, {
-			href: "/dash/agents/[slug]",
-			params: { slug },
+			href: "/dash/[org]/agents/[slug]",
+			params: {
+				org: orgOf(request),
+				slug
+			},
 			label: agent.name
 		})
 	}), /* @__PURE__ */ _jsx(EditedElsewhere, { agent })] })) }) });

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/agent/agent-pills.19e913c8cb22db21.js

@@ -0,0 +1,101 @@
+import "./agent-pills.183f03f1e7e5ac9f.css.pnext-asset.js";
+import { useId } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { iGit } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { Badge, COLLAPSE_FROM, COLLAPSED } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { MoreList } from "../../../../../comps/ui/menu.0f064f75822888be.js";
+import { OrgLink } from "../../../../../comps/nav/org.813dc34bd23a336f.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}"`);
+export function BrandIcon({ brand }) {
+	const uid = useId().replace(/[^a-zA-Z0-9_-]/g, "");
+	if (brand.svg) return /* @__PURE__ */ _jsx("span", {
+		class: "brand-icon",
+		"aria-hidden": "true",
+		dangerouslySetInnerHTML: { __html: scoped(brand.svg, `-${uid}`) }
+	});
+	return /* @__PURE__ */ _jsx("svg", {
+		class: "brand-icon",
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		style: { color: brand.dark ? `light-dark(${brand.color}, ${brand.dark})` : brand.color },
+		children: /* @__PURE__ */ _jsx("path", { d: brand.icon })
+	});
+}
+export function Platform({ id, info, state }) {
+	const name = info?.name ?? id;
+	return /* @__PURE__ */ _jsxs("span", {
+		class: `pf ${state}`,
+		children: [info ? /* @__PURE__ */ _jsx(BrandIcon, { brand: info.brand }) : null, name]
+	});
+}
+/** A card's platforms on one line: from five on, the first few, then +n opening every one; with `agent` each opens its platforms tab. */
+export function PlatformLine({ platforms, catalog, agent }) {
+	const shown = platforms.length >= COLLAPSE_FROM ? COLLAPSED : platforms.length;
+	const pill = ({ id, state }, cls) => {
+		const mark = /* @__PURE__ */ _jsx(Platform, {
+			id,
+			info: catalog.find((entry) => entry.id === id),
+			state
+		});
+		return agent ? /* @__PURE__ */ _jsx(OrgLink, {
+			class: cls,
+			href: "/dash/[org]/agents/[slug]/platforms",
+			params: { slug: agent },
+			children: mark
+		}, id) : /* @__PURE__ */ _jsx("span", {
+			class: cls,
+			children: mark
+		}, id);
+	};
+	return /* @__PURE__ */ _jsxs("span", {
+		class: "pfs",
+		children: [platforms.slice(0, shown).map((platform) => pill(platform)), platforms.length > shown ? /* @__PURE__ */ _jsx(MoreList, {
+			label: `+${platforms.length - shown}`,
+			children: platforms.map((platform) => pill(platform, "pf-row"))
+		}) : null]
+	});
+}
+const AGENT_KIND = {
+	builtin: "built-in",
+	upload: "dashboard",
+	repo: "repository",
+	home: "local"
+};
+export function DisabledBadge() {
+	return /* @__PURE__ */ _jsx(Badge, {
+		tone: "warn",
+		title: "Disabled in this workspace",
+		children: "disabled"
+	});
+}
+/** Built-in, dashboard, or the repository it comes from, plus the version and whether it is disabled. */
+export function AgentPills({ agent }) {
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		agent.source === "repo" && agent.repo ? agent.sourceUrl ? /* @__PURE__ */ _jsxs("a", {
+			class: "badge link-pill",
+			href: agent.sourceUrl,
+			target: "_blank",
+			rel: "noreferrer",
+			title: `Repository agent, opens ${agent.repo}`,
+			children: [/* @__PURE__ */ _jsx(Icon, { d: iGit }), agent.repo]
+		}) : /* @__PURE__ */ _jsxs("span", {
+			class: "badge link-pill",
+			title: "Repository agent",
+			children: [/* @__PURE__ */ _jsx(Icon, { d: iGit }), agent.repo]
+		}) : /* @__PURE__ */ _jsx(Badge, {
+			tone: agent.source === "builtin" ? "acc" : undefined,
+			title: agent.local && agent.source === "repo" ? "Repo agent, a folder in this repository" : agent.source === "home" ? "Local agent, a folder on this machine" : agent.source !== "upload" ? "Ships with Coder" : agent.local ? "Local agent, a folder on this machine" : "Dashboard agent, made and edited here",
+			children: agent.local && agent.source === "upload" ? "local" : AGENT_KIND[agent.source] ?? agent.source
+		}),
+		agent.local ? agent.commit && /* @__PURE__ */ _jsx(Badge, {
+			title: "Last commit of the agent's folder",
+			children: agent.commit.slice(0, 7)
+		}) : /* @__PURE__ */ _jsxs(Badge, { children: ["v", agent.currentVersion] }),
+		agent.settings?.disabled ? /* @__PURE__ */ _jsx(DisabledBadge, {}) : null
+	] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/agent/agent-toggle.ec6d07ccd1f9796e.js

@@ -0,0 +1,35 @@
+"use client";
+import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { useAction } from "../../../../../utils/action.568346602027ac74.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. */
+export function AgentToggle({ agent, class: className }) {
+	const action = useAction({ refresh: true });
+	const busy = Boolean(action.pending);
+	const saved = Boolean(agent.settings?.disabled);
+	// A toggle shows at once, until the refreshed agent says the same.
+	const [toggled, setToggled] = useState({
+		saved,
+		disabled: saved
+	});
+	const disabled = toggled.saved === saved ? toggled.disabled : saved;
+	const toggle = () => void action.run("toggle", async () => {
+		await client.agents.settings(agent.id, {
+			...agent.settings,
+			disabled: !disabled
+		});
+		setToggled({
+			saved,
+			disabled: !disabled
+		});
+	});
+	return /* @__PURE__ */ _jsx("button", {
+		type: "button",
+		class: className,
+		disabled: busy,
+		"aria-busy": busy,
+		onClick: toggle,
+		children: disabled ? "Enable" : "Disable"
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/agent/hero.9de48723967d8546.js

@@ -0,0 +1,94 @@
+import "./hero.13019680f38b0630.css.pnext-asset.js";
+import { BLANK } from "../../../../../comps/frame/loading-card.df3717186948c93f.js";
+import { initial } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { AgentPills } from "./agent-pills.19e913c8cb22db21.js";
+import { AgentToggle } from "./agent-toggle.ec6d07ccd1f9796e.js";
+import { MoreList } from "../../../../../comps/ui/menu.0f064f75822888be.js";
+import { Sentinel } from "../../../../../comps/ui/sentinel.17cffebfc3103b9f.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. */
+const SHOWN = 2;
+const handleLine = ({ name, platform }) => /* @__PURE__ */ _jsxs("li", { children: [
+	/* @__PURE__ */ _jsxs("b", { children: ["@", name] }),
+	" on ",
+	platform
+] }, `${platform} ${name}`);
+/** An agent's hero before its record arrives: the same lines, blank, so what it shows lands in place. */
+export function LoadingHero({ actions, back }) {
+	return /* @__PURE__ */ _jsxs("header", {
+		class: "hero",
+		children: [
+			/* @__PURE__ */ _jsx("span", { class: "hero-mark" }),
+			/* @__PURE__ */ _jsxs("div", {
+				class: "grow",
+				children: [
+					back,
+					/* @__PURE__ */ _jsx("div", {
+						class: "title-row",
+						children: /* @__PURE__ */ _jsx("h1", { children: BLANK })
+					}),
+					/* @__PURE__ */ _jsx("p", {
+						class: "lead",
+						children: BLANK
+					})
+				]
+			}),
+			actions ? /* @__PURE__ */ _jsx("div", {
+				class: "hero-side",
+				children: /* @__PURE__ */ _jsx("div", {
+					class: "actions",
+					children: actions
+				})
+			}) : null
+		]
+	});
+}
+export function Hero({ agent, actions, back }) {
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Sentinel, {}), /* @__PURE__ */ _jsxs("header", {
+		class: "hero",
+		children: [
+			/* @__PURE__ */ _jsx("span", {
+				class: "hero-mark",
+				children: initial(agent.name)
+			}),
+			/* @__PURE__ */ _jsxs("div", {
+				class: "grow",
+				children: [
+					back,
+					/* @__PURE__ */ _jsxs("div", {
+						class: "title-row",
+						children: [
+							/* @__PURE__ */ _jsx("h1", { children: agent.name }),
+							/* @__PURE__ */ _jsx(AgentPills, { agent }),
+							agent.settings?.disabled ? /* @__PURE__ */ _jsx(AgentToggle, {
+								agent,
+								class: "link"
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ _jsx("p", {
+						class: "lead",
+						children: agent.description ?? "No description yet."
+					})
+				]
+			}),
+			actions || agent.handles?.length ? /* @__PURE__ */ _jsxs("div", {
+				class: "hero-side",
+				children: [actions ? /* @__PURE__ */ _jsx("div", {
+					class: "actions",
+					children: actions
+				}) : null, agent.handles?.length ? /* @__PURE__ */ _jsxs("ul", {
+					class: "handles",
+					title: "Mention it on its platforms by these names",
+					children: [agent.handles.slice(0, SHOWN).map(handleLine), agent.handles.length > SHOWN ? /* @__PURE__ */ _jsx("li", { children: /* @__PURE__ */ _jsx(MoreList, {
+						label: `+${agent.handles.length - SHOWN} more`,
+						children: /* @__PURE__ */ _jsx("ul", {
+							class: "handles",
+							children: agent.handles.slice(SHOWN).map(handleLine)
+						})
+					}) }) : null]
+				}) : null]
+			}) : null
+		]
+	})] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{agents/agent/instructions.2f4229d42e7c99ef.js → [org]/agents/agent/instructions.6558ffd02a59ad53.js}

@@ -1,8 +1,8 @@
 "use client";
-import "./instructions.532dc545ddb11e88.css.pnext-asset.js";
-import { h } from "../../../../../../../../../node_modules/preact/dist/preact.mjs";
-import { Collapse } from "../../../../comps/ui/collapse.dab7f208cbbe6a33.js";
-import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import "./instructions.446bccc375f30eeb.css.pnext-asset.js";
+import { h } from "../../../../../../../../../../node_modules/preact/dist/preact.mjs";
+import { Collapse } from "../../../../../comps/ui/collapse.dab7f208cbbe6a33.js";
+import { jsx as _jsx } 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*(```|~~~)/;

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{agents/editor/connect-repositories.329ac182c8242a67.js → [org]/agents/editor/connect-repositories.258f6c2c5f1b1b17.js}

@@ -1,5 +1,5 @@
 "use client";
-import { client } from "../../../../utils/client.a8205c524e63d4a9.js";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.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()]);