@wular/coder 0.4.7 → 0.4.9

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/layout.8aeb0fddffe22ad5.js

@@ -0,0 +1,120 @@
+import { dynamic } from "../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { iGit, iPencil, iPlus } from "../../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { load, orgOf } from "../../../../../../api/load.4f942c7f68b2e273.js";
+import { Back, Page } from "../../../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { Button, LinkButton } from "../../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Stream } from "../../../../../../comps/frame/stream.1cc355a530dcc5e3.js";
+import { LoadingTabs, Tabs } from "../../../../../../comps/ui/tabs.66b2e54963f6901b.js";
+import { editableAgent } from "../../../../../../api/types.9f59e6c761d6aac4.js";
+import { backFrom } from "../../../../../../comps/frame/heads.20414ddcb2d08bcd.js";
+import { LoadingHero, Hero } from "../../agent/hero.96bdca9762ff3e2e.js";
+import { loadAgent } from "../../../../../../api/load.4f942c7f68b2e273.js";
+import { loadTasks } from "../../../tasks/list/tasks-section.1247d4765d0e1bdc.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const NewTaskButton = dynamic(() => import("../../../tasks/composer.fdad306647cbaa59.js").then((m) => m.NewTaskButton), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/tasks/composer.tsx", import.meta.url).pathname),
+	"exportName": "NewTaskButton",
+	"id": "c-b43fd610ad"
+});
+function Actions({ agent, org }) {
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [editableAgent(agent) ? /* @__PURE__ */ _jsx(LinkButton, {
+		variant: "outline",
+		leftIcon: iPencil,
+		href: "/dash/[org]/agents/[slug]/edit",
+		params: {
+			org,
+			slug: agent.id
+		},
+		children: "Edit"
+	}) : agent.source === "repo" && agent.sourceUrl ? /* @__PURE__ */ _jsx(Button, {
+		variant: "outline",
+		leftIcon: iGit,
+		href: agent.sourceUrl,
+		external: true,
+		children: "Open in repository"
+	}) : null, agent.settings?.disabled ? /* @__PURE__ */ _jsx(Button, {
+		leftIcon: iPlus,
+		disabled: true,
+		title: "Enable this agent to start tasks",
+		children: "New task"
+	}) : /* @__PURE__ */ _jsx(NewTaskButton, { agent: agent.id })] });
+}
+/** The agent's newest task and its task counts. */
+const lastTask = (request, slug) => load(request).tasks.list({
+	cursor: "",
+	limit: 1,
+	summary: true,
+	counts: true,
+	agent: slug
+});
+const TABS = [
+	["/dash/[org]/agents/[slug]", "Overview"],
+	["/dash/[org]/agents/[slug]/usage", "Usage"],
+	["/dash/[org]/agents/[slug]/platforms", "Platforms"],
+	["/dash/[org]/agents/[slug]/tasks", "Tasks"],
+	["/dash/[org]/agents/[slug]/settings", "Settings"]
+];
+/** The agent's header and tabs while its record loads. */
+function LoadingAgentHead({ back }) {
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(LoadingHero, {
+		back,
+		actions: /* @__PURE__ */ _jsx(Button, {
+			leftIcon: iPlus,
+			disabled: true,
+			children: "New task"
+		})
+	}), /* @__PURE__ */ _jsx(LoadingTabs, { labels: TABS.map(([, label]) => label) })] });
+}
+function AgentHead({ agent, org, tasks, from, back }) {
+	const counts = {
+		"/dash/[org]/agents/[slug]/platforms": Object.keys(agent.definition?.integrations ?? {}).length,
+		"/dash/[org]/agents/[slug]/tasks": tasks?.counts?.all
+	};
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Hero, {
+		agent,
+		back,
+		actions: /* @__PURE__ */ _jsx(Actions, {
+			agent,
+			org
+		})
+	}), /* @__PURE__ */ _jsx(Tabs, {
+		label: "Agent",
+		items: TABS.map(([href, label]) => ({
+			href,
+			params: {
+				org,
+				slug: agent.id
+			},
+			search: from ? { from } : undefined,
+			label,
+			count: counts[href]
+		}))
+	})] });
+}
+/** The agent's header and tabs around the open tab; a tab switch keeps them and swaps only the tab. */
+export default function AgentTabsLayout({ request, children }) {
+	if (!request) return null;
+	const url = new URL(request.url);
+	// Read from the address, not the params promise, so the layout renders with the loading frame.
+	const org = orgOf(request);
+	const slug = decodeURIComponent(url.pathname.split("/")[4]);
+	const from = url.searchParams.get("from");
+	const back = /* @__PURE__ */ _jsx(Back, { ...backFrom(from, {
+		href: "/dash/[org]/agents",
+		params: { org },
+		label: "Agents"
+	}) });
+	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(Stream, {
+		fallback: /* @__PURE__ */ _jsx(LoadingAgentHead, { back }),
+		load: () => Promise.all([loadAgent(request, slug), (url.pathname.endsWith("/tasks") ? loadTasks(request, slug).first : lastTask(request, slug)).catch(() => undefined)]).then(([agent, tasks]) => /* @__PURE__ */ _jsx(AgentHead, {
+			agent,
+			org,
+			tasks,
+			from,
+			back
+		}))
+	}), /* @__PURE__ */ _jsx("div", {
+		class: "tab-body",
+		children
+	})] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/loading.50692149df9abb28.js

@@ -0,0 +1,5 @@
+import { Loading } from "../../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { jsx as _jsx } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export default function AgentOverviewLoading() {
+	return /* @__PURE__ */ _jsx(Loading, { label: "Loading agent" });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{agents/[slug]/(tabs)/page.1ba2497fa9116713.js → [org]/agents/[slug]/(tabs)/page.e2e23101c05b9548.js}

@@ -1,27 +1,29 @@
-import "./page.31a5f9731d946f4f.css.pnext-asset.js";
-import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { formatDay, zoneOf } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { load } from "../../../../../api/load.35be1b07171553e7.js";
-import { Card, Empty } from "../../../../../comps/ui/card.b0873d38765c9d20.js";
-import { Settle } from "../../../../../comps/frame/stream.77a2ec038d97b2b8.js";
-import { loadAgent } from "../../../../../api/load.35be1b07171553e7.js";
-import { editableAgent } from "../../../../../api/types.9f59e6c761d6aac4.js";
-import { LIST_PAGE } from "../../../../../utils/paged.7e5713a82abf0211.js";
-import { ENGINE_NAMES, defaultLabel } from "../../../settings/model-options.bccfaced52fc0c00.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const VersionsList = dynamic(() => import("./versions-list.e2427d618decaf7a.js").then((m) => m.VersionsList), {
+import "./page.1a97b8d4b955c464.css.pnext-asset.js";
+import { dynamic } from "../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { formatDay, zoneOf } from "../../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { Button, LinkButton } from "../../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { load, orgOf } from "../../../../../../api/load.4f942c7f68b2e273.js";
+import { Card, Empty } from "../../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Settle } from "../../../../../../comps/frame/stream.1cc355a530dcc5e3.js";
+import { loadAgent } from "../../../../../../api/load.4f942c7f68b2e273.js";
+import { editableAgent } from "../../../../../../api/types.9f59e6c761d6aac4.js";
+import { LIST_PAGE } from "../../../../../../utils/paged.18f5872fc5aebe96.js";
+import { ENGINE_NAMES, defaultLabel } from "../../../settings/model-options.2eacf7f8ac0032df.js";
+import { DEFAULT_ENGINE } from "../../../../../../../../core/defaults.e6ce0944639198a2.js";
+import { NeedsCredential } from "../../../tasks/composer.fdad306647cbaa59.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const VersionsList = dynamic(() => import("./versions-list.23e4131cdf71daa5.js").then((m) => m.VersionsList), {
 	load: "visible",
 	ssr: true
 }, {
-	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/agents/[slug]/(tabs)/versions-list.tsx", import.meta.url).pathname),
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/versions-list.tsx", import.meta.url).pathname),
 	"exportName": "VersionsList",
-	"id": "c-91b99482e6"
+	"id": "c-bc7d9bb476"
 });
-const Instructions = dynamic(() => import("../../agent/instructions.2f4229d42e7c99ef.js").then((m) => m.Instructions), undefined, {
-	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/agents/agent/instructions.tsx", import.meta.url).pathname),
+const Instructions = dynamic(() => import("../../agent/instructions.ca0c09d4849bfc30.js").then((m) => m.Instructions), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/agent/instructions.tsx", import.meta.url).pathname),
 	"exportName": "Instructions",
-	"id": "c-22a2687aca"
+	"id": "c-b7ff4ffcff"
 });
 const KIND = {
 	builtin: "Built-in agent",
@@ -30,7 +32,7 @@ const KIND = {
 	home: "Local agent"
 };
 /** Details, instructions and version history: the agent and its versions. */
-function OverviewBody({ agent, history, defaults, tz }) {
+function OverviewBody({ agent, org, history, defaults, tz }) {
 	const current = history.items.find((version) => version.version === agent.currentVersion);
 	const definition = agent.definition;
 	const engine = agent.settings?.engine ?? definition?.engine;
@@ -56,17 +58,21 @@ function OverviewBody({ agent, history, defaults, tz }) {
 		}),
 		/* @__PURE__ */ _jsx(Card, {
 			title: "Instructions",
-			actions: editableAgent(agent) ? /* @__PURE__ */ _jsx(Link, {
-				class: "btn ghost sm",
-				href: "/dash/agents/[slug]/edit",
-				params: { slug: agent.id },
+			actions: editableAgent(agent) ? /* @__PURE__ */ _jsx(LinkButton, {
+				variant: "ghost",
+				size: "sm",
+				href: "/dash/[org]/agents/[slug]/edit",
+				params: {
+					org,
+					slug: agent.id
+				},
 				search: { section: "instructions" },
 				children: "Edit"
-			}) : agent.sourceUrl ? /* @__PURE__ */ _jsx("a", {
-				class: "btn ghost sm",
+			}) : agent.sourceUrl ? /* @__PURE__ */ _jsx(Button, {
+				variant: "ghost",
+				size: "sm",
 				href: agent.sourceUrl,
-				target: "_blank",
-				rel: "noreferrer",
+				external: true,
 				children: "Open source"
 			}) : undefined,
 			children: agent.systemPrompt?.trim() ? /* @__PURE__ */ _jsx(Instructions, { text: agent.systemPrompt.trim() }) : /* @__PURE__ */ _jsx(Empty, {
@@ -104,13 +110,17 @@ export default async function AgentPage({ request, params }) {
 		agent,
 		versions,
 		config
-	]).then(([row, history, shown]) => /* @__PURE__ */ _jsx(OverviewBody, {
+	]).then(([row, history, shown]) => /* @__PURE__ */ _jsxs(_Fragment, { children: [row.needsModel ? /* @__PURE__ */ _jsx(NeedsCredential, {
+		reason: "Agents need a model credential to run.",
+		label: row.name
+	}) : null, /* @__PURE__ */ _jsx(OverviewBody, {
 		agent: row,
+		org: orgOf(request),
 		history,
 		defaults: {
-			engine: shown?.effective.chain?.[0] ?? "claude",
+			engine: shown?.effective.chain?.[0] ?? DEFAULT_ENGINE,
 			engines: shown?.effective.engines ?? {}
 		},
 		tz
-	})) });
+	})] })) });
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/loading.31d2c13229ae9222.js

@@ -0,0 +1,29 @@
+import { LoadingCard } from "../../../../../../../comps/frame/loading-card.0c6ac62ff3ccf38a.js";
+import { OrgLink } from "../../../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export const Lead = () => /* @__PURE__ */ _jsxs("p", {
+	class: "tab-lead",
+	children: [/* @__PURE__ */ _jsx("b", { children: "Handles" }), " are the agent's own apps on platforms. Install one where the agent is triggered from: @mentions and events there start tasks, and it replies as itself."]
+});
+/** Under the handles: where everything else the agent's tasks reach is managed. */
+export const ConnectionsLine = () => /* @__PURE__ */ _jsxs("p", {
+	class: "tab-lead",
+	children: [
+		/* @__PURE__ */ _jsx("b", { children: "Connections" }),
+		" reach everything else: an API key, an MCP server, or a member's own account.",
+		" ",
+		/* @__PURE__ */ _jsx(OrgLink, {
+			class: "link",
+			href: "/dash/[org]/settings/[tab]",
+			params: { tab: "connections" },
+			children: "Manage connections"
+		})
+	]
+});
+/** The platforms tab before its apps arrive. */
+export default function PlatformsLoading() {
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Lead, {}), /* @__PURE__ */ _jsx(LoadingCard, {
+		title: "Handles",
+		label: "Loading platforms"
+	})] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/page.11c7b50d6119efe6.js

@@ -0,0 +1,343 @@
+import "./page.3ffef848a0b0dda3.css.pnext-asset.js";
+import { dynamic } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { encodeDefinition, load, orgOf, unwrap } from "../../../../../../../api/load.4f942c7f68b2e273.js";
+import { Card, Empty } from "../../../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Badge, 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 { iAlert } from "../../../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { InfoTip, MoreList } from "../../../../../../../comps/ui/menu.a41edd5cde1c90cf.js";
+import { Settle } from "../../../../../../../comps/frame/stream.1cc355a530dcc5e3.js";
+import { loadAgent } from "../../../../../../../api/load.4f942c7f68b2e273.js";
+import { needsTunnel } from "../../../../../../../api/types.9f59e6c761d6aac4.js";
+import { editableAgent } from "../../../../../../../api/types.9f59e6c761d6aac4.js";
+import { TunnelGuide } from "../../../../settings/tunnel-guide.d6fae1c5d62f2c74.js";
+import { Platform } from "../../../agent/agent-pills.d8e785c45f5410a6.js";
+import { outcomeName, outcomeText, outcomeTitle, readOutcome, succeeded } from "../../../../setup/outcome.cbbc8cd1bbbee01b.js";
+import { ConnectionsLine, Lead } from "./loading.31d2c13229ae9222.js";
+import { Notice } from "../../../../../../../comps/ui/notice.f395f231cbb96445.js";
+import { NeedsCredential } from "../../../../tasks/composer.fdad306647cbaa59.js";
+import { CredentialsLink } from "../../../../../../../comps/nav/back.5681714d0cf45454.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const PlatformActions = dynamic(() => import("./platform-actions.92ac7aa258e706a4.js").then((m) => m.PlatformActions), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/platform-actions.tsx", import.meta.url).pathname),
+	"exportName": "PlatformActions",
+	"id": "c-03f11cffed"
+});
+const InstallButton = dynamic(() => import("./platform-actions.92ac7aa258e706a4.js").then((m) => m.InstallButton), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/platform-actions.tsx", import.meta.url).pathname),
+	"exportName": "InstallButton",
+	"id": "c-721796115f"
+});
+const DriftQueue = dynamic(() => import("./platform-actions.92ac7aa258e706a4.js").then((m) => m.DriftQueue), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/platform-actions.tsx", import.meta.url).pathname),
+	"exportName": "DriftQueue",
+	"id": "c-7962c6ea4c"
+});
+const OutcomeDialog = dynamic(() => import("../../../../setup/outcome-dialog.4debc1a8c644df4b.js").then((m) => m.OutcomeDialog), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/setup/outcome-dialog.tsx", import.meta.url).pathname),
+	"exportName": "OutcomeDialog",
+	"id": "c-4f567968af"
+});
+/** Outcomes the person fixes by installing again. */
+const RETRY = new Set([
+	"cancelled",
+	"install-expired",
+	"platform-error",
+	"missing-code",
+	"failed"
+]);
+const eventNames = (events) => Array.isArray(events) ? events.map(String) : events && typeof events === "object" ? Object.keys(events) : [];
+const REACH_BADGE = {
+	installed: {
+		tone: "ok",
+		label: "installed"
+	},
+	created: {
+		tone: "warn",
+		label: "app created"
+	},
+	none: { label: "not set up" }
+};
+/** One row per platform: what wakes it, its access, the app, where it is installed, and the next step. */
+function Platforms({ agent, org, apps, installations, catalog, operator = false, failed, issues }) {
+	const declared = agent.definition?.integrations ?? {};
+	const ids = Object.keys(declared).sort();
+	if (!ids.length) return /* @__PURE__ */ _jsx(Empty, {
+		title: "This agent listens nowhere yet",
+		children: editableAgent(agent) ? /* @__PURE__ */ _jsx(LinkButton, {
+			variant: "outline",
+			size: "sm",
+			href: "/dash/[org]/agents/[slug]/edit",
+			params: {
+				org,
+				slug: agent.id
+			},
+			search: { section: "platforms" },
+			children: "Pick a platform"
+		}) : "Its definition declares no platform."
+	});
+	// In catalog order; a platform the catalog lacks goes last.
+	const position = (id) => {
+		const index = catalog.findIndex((entry) => entry.id === id);
+		return index < 0 ? catalog.length : index;
+	};
+	const order = [...ids].sort((a, b) => position(a) - position(b));
+	const builtin = agent.source === "builtin";
+	const def = agent.definition ? encodeDefinition(agent.definition) : "";
+	const createUrl = (integration) => {
+		const params = new URLSearchParams({
+			agent: agent.id,
+			def
+		});
+		if (agent.source === "repo" && agent.repo) {
+			params.set("repo", agent.repo);
+			params.set("branch", apps.find((app) => app.branch)?.branch ?? "main");
+		}
+		return `/create/${encodeURIComponent(integration)}?${params}`;
+	};
+	return /* @__PURE__ */ _jsx(Card, {
+		title: "Handles",
+		count: order.filter((id) => catalog.some((entry) => entry.id === id)).length,
+		children: /* @__PURE__ */ _jsx("div", {
+			class: "table-scroll",
+			children: /* @__PURE__ */ _jsxs("table", {
+				class: "plat stacked early",
+				children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsxs("tr", { children: [
+					/* @__PURE__ */ _jsx("th", { children: "Platform" }),
+					/* @__PURE__ */ _jsx("th", { children: "Wakes on" }),
+					/* @__PURE__ */ _jsx("th", { children: "Access" }),
+					/* @__PURE__ */ _jsx("th", { children: "App" }),
+					/* @__PURE__ */ _jsx("th", { children: "Installed on" }),
+					/* @__PURE__ */ _jsx("th", {})
+				] }) }), /* @__PURE__ */ _jsx("tbody", { children: order.map((id) => {
+					const info = catalog.find((entry) => entry.id === id);
+					const own = apps.filter((app) => app.integration === id);
+					const installs = installations.filter((entry) => own.some((app) => app.id === entry.app));
+					const state = !own.length ? "none" : installs.length ? "installed" : "created";
+					const narrowed = agent.settings?.integrations?.[id];
+					const events = narrowed?.allowedEvents ?? eventNames(declared[id]?.events);
+					const tools = narrowed?.allowedTools ?? declared[id]?.tools;
+					const place = (entry) => /* @__PURE__ */ _jsxs("span", {
+						class: "inst",
+						children: [entry.account.url ? /* @__PURE__ */ _jsx("a", {
+							href: entry.account.url,
+							target: "_blank",
+							rel: "noreferrer",
+							children: /* @__PURE__ */ _jsx("b", { children: entry.account.login })
+						}) : /* @__PURE__ */ _jsx("b", { children: entry.account.login }), /* @__PURE__ */ _jsx("span", {
+							class: "sub",
+							children: [
+								entry.account.type?.toLowerCase(),
+								entry.covers && `${entry.covers.length} ${info?.covered ?? "account"}${entry.covers.length === 1 ? "" : "s"}`,
+								[
+									entry.settings?.configRepo,
+									entry.settings?.engine,
+									entry.settings?.effort
+								].filter(Boolean).join(", ")
+							].filter(Boolean).join(" · ") || "account"
+						})]
+					}, entry.id);
+					return /* @__PURE__ */ _jsxs("tr", { children: [
+						/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Platform, {
+							id,
+							info,
+							state
+						}) }),
+						/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Chips, { values: events }) }),
+						/* @__PURE__ */ _jsx("td", {
+							class: "muted",
+							children: typeof tools === "string" ? tools : Array.isArray(tools) ? `${tools.length} tools` : "observe"
+						}),
+						/* @__PURE__ */ _jsx("td", { children: own.length ? own.map((app) => /* @__PURE__ */ _jsxs("span", {
+							class: "inst",
+							children: [app.settingsUrl ? /* @__PURE__ */ _jsx("a", {
+								href: app.settingsUrl,
+								target: "_blank",
+								rel: "noreferrer",
+								children: /* @__PURE__ */ _jsx("b", { children: app.name })
+							}) : /* @__PURE__ */ _jsx("b", { children: app.name }), events.includes("mention") ? /* @__PURE__ */ _jsxs("span", {
+								class: "sub",
+								children: ["mention @", app.name]
+							}) : null]
+						}, app.id)) : null }),
+						/* @__PURE__ */ _jsx("td", {
+							class: "where",
+							children: installs.length ? /* @__PURE__ */ _jsxs(_Fragment, { children: [installs.slice(0, 2).map(place), installs.length > 2 ? /* @__PURE__ */ _jsx(MoreList, {
+								label: `+${installs.length - 2} more`,
+								children: installs.slice(2).map(place)
+							}) : null] }) : own.length ? /* @__PURE__ */ _jsx("span", {
+								class: "muted",
+								children: "Not installed"
+							}) : null
+						}),
+						/* @__PURE__ */ _jsx("td", {
+							class: "acts",
+							children: !info ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Badge, { children: "not offered" }), /* @__PURE__ */ _jsx(InfoTip, {
+								label: `Why ${id} is not offered`,
+								children: /* @__PURE__ */ _jsxs("p", { children: [
+									"This server does not offer ",
+									id,
+									". Remove it from the agent's platforms, or ask whoever runs this server to add it."
+								] })
+							})] }) : builtin && !own.length && info.builtinApp !== "own" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Badge, { children: REACH_BADGE.none.label }), operator ? /* @__PURE__ */ _jsx(LinkButton, {
+								variant: "outline",
+								size: "sm",
+								href: "/dash/[org]/operator",
+								params: { org },
+								children: "Set up shared app"
+							}) : /* @__PURE__ */ _jsx(InfoTip, {
+								label: `Why ${info?.name ?? id} is not set up`,
+								children: /* @__PURE__ */ _jsxs("p", { children: [
+									"This server has no shared ",
+									info?.name ?? id,
+									" app yet. Ask whoever runs this server to add one."
+								] })
+							})] }) : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Badge, {
+								tone: REACH_BADGE[state].tone,
+								children: REACH_BADGE[state].label
+							}), /* @__PURE__ */ _jsx(PlatformActions, {
+								integration: id,
+								name: info?.name ?? id,
+								apps: own.map((app) => ({
+									id: app.id,
+									name: app.name,
+									settingsUrl: app.settingsUrl,
+									changed: app.changed
+								})),
+								installed: installs.length > 0,
+								createUrl: createUrl(id),
+								create: info?.create,
+								unreachable: catalog.some((entry) => entry.unreachable),
+								publicApps: info?.publicApps,
+								organizationApps: info?.organizationApps,
+								shared: builtin && info.builtinApp !== "own",
+								appUpdate: info.appUpdate,
+								failed: failed?.platform === id ? {
+									name: info?.name ?? id,
+									app: failed.appId,
+									issues,
+									...failed.status === "failed" ? {} : {
+										title: outcomeTitle(failed, info?.name ?? id),
+										text: outcomeText(failed, info?.name ?? id)
+									}
+								} : undefined
+							})] })
+						})
+					] }, id);
+				}) })]
+			})
+		})
+	});
+}
+export default async function AgentPlatformsPage({ request, params }) {
+	if (!request) return null;
+	const { slug: raw } = await params;
+	const slug = Array.isArray(raw) ? raw[0] : raw;
+	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);
+	const port = new URL(request.url).port || "8787";
+	const outcome = readOutcome(new URL(request.url).searchParams);
+	// A failure worth retrying opens a dialog on its platform's row, where Try again lives.
+	const failed = outcome && RETRY.has(outcome.status) ? outcome : undefined;
+	// Apps a publish left needing changes on their platform.
+	const updates = new URL(request.url).searchParams.get("update")?.split(",") ?? [];
+	const appOn = (apps, integration) => apps.find((app) => app.integration === integration);
+	const retried = (apps) => apps.find((app) => app.id === outcome?.appId) ?? appOn(apps, outcome?.platform);
+	apps.catch(() => {});
+	installations.catch(() => {});
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Lead, {}), /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
+		agent,
+		apps,
+		installations,
+		catalog,
+		me
+	]).then(([row, own, all, integrations, who]) => {
+		// A failure opens on its row when the row has actions; a shared app not set up here has none.
+		const inRow = failed?.platform && row.definition?.integrations?.[failed.platform] && !(row.source === "builtin" && !appOn(own, failed.platform) && integrations.find((entry) => entry.id === failed.platform)?.builtinApp !== "own");
+		const entry = integrations.find((item) => item.id === outcome?.platform);
+		const connected = outcome?.status === "connected" && entry ? {
+			platform: entry.name,
+			ready: !row.needsModel,
+			next: !row.needsModel ? (entry.use ?? "").replace("{handle}", appOn(own, entry.id)?.name ?? row.name) : `Add a model so ${row.name} can start working.`,
+			url: all.find((item) => item.integration === entry.id && item.account.login === outcome.account)?.account.url
+		} : undefined;
+		const queued = own.filter((app) => updates.includes(app.id)).map((app) => ({
+			id: app.id,
+			name: app.name,
+			platform: integrations.find((entry) => entry.id === app.integration)?.name ?? app.integration
+		}));
+		return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+			row.needsModel ? /* @__PURE__ */ _jsx(NeedsCredential, {
+				reason: "Agents need a model credential to run.",
+				label: row.name
+			}) : null,
+			outcome && !inRow ? /* @__PURE__ */ _jsxs(OutcomeDialog, {
+				ok: succeeded(outcome),
+				title: outcomeTitle(outcome, outcomeName(outcome, integrations)),
+				text: connected ? [outcomeText(outcome, connected.platform), connected.next].filter(Boolean).join(" ") : outcomeText(outcome, outcomeName(outcome, integrations)),
+				issues: who?.server?.issuesUrl,
+				...connected ? { cancel: "Connect more" } : {},
+				children: [
+					connected?.ready && connected.url ? /* @__PURE__ */ _jsxs(Button, {
+						href: connected.url,
+						external: true,
+						children: ["Open ", connected.platform]
+					}) : null,
+					connected && !connected.ready ? /* @__PURE__ */ _jsx(CredentialsLink, {
+						label: row.name,
+						children: "Add a model"
+					}) : null,
+					RETRY.has(outcome.status) && retried(own) ? /* @__PURE__ */ _jsx(InstallButton, {
+						app: retried(own).id,
+						label: "Install again"
+					}) : null
+				]
+			}) : null,
+			queued.length ? /* @__PURE__ */ _jsx(DriftQueue, { apps: queued }) : null,
+			/* @__PURE__ */ _jsx(Platforms, {
+				agent: row,
+				org: orgOf(request),
+				apps: own,
+				installations: all,
+				catalog: integrations,
+				operator: who?.operator === true,
+				failed: inRow ? failed : undefined,
+				issues: who?.server?.issuesUrl
+			}),
+			row.deliveries ? /* @__PURE__ */ _jsxs(Notice, {
+				tone: "error",
+				slim: true,
+				children: [
+					/* @__PURE__ */ _jsx(Icon, { d: iAlert }),
+					/* @__PURE__ */ _jsx("span", {
+						class: "grow",
+						children: row.deliveries.failed === 1 ? "1 delivery failed in the last day." : `${row.deliveries.failed} deliveries failed in the last day.`
+					}),
+					/* @__PURE__ */ _jsx(LinkButton, {
+						variant: "outline",
+						size: "sm",
+						href: "/dash/[org]/agents/[slug]/usage",
+						params: {
+							org: orgOf(request),
+							slug: row.id
+						},
+						hash: "deliveries",
+						children: "View deliveries"
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ _jsx(ConnectionsLine, {}),
+			who && needsTunnel(who) || integrations.some((entry) => entry.unreachable) ? /* @__PURE__ */ _jsx("div", {
+				id: "tunnel",
+				children: /* @__PURE__ */ _jsx(TunnelGuide, { port })
+			}) : null
+		] });
+	}) })] });
+}