@wular/coder 0.4.2 → 0.4.5

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/connect/page.0a054a6c9dda53b3.js

@@ -0,0 +1,23 @@
+"use client";
+import { useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { ErrorText } from "../../comps/ui/field.37f93068217e1470.js";
+import { client } from "../../utils/client.f37a313f4811ddb8.js";
+import { reasonText } from "../../utils/format.ba382c381ea40e77.js";
+import { AuthPanel } from "../../comps/frame/auth-panel.3e020d19aa5ab464.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export default function LinkPage() {
+	const [error, setError] = useState("");
+	const [done, setDone] = useState("");
+	const token = typeof location === "undefined" ? "" : new URLSearchParams(location.search).get("token") ?? "";
+	return /* @__PURE__ */ _jsxs(AuthPanel, {
+		tag: "connect",
+		title: "Connect your account",
+		lead: done || "Link this platform identity to your signed-in Coder account.",
+		children: [done ? null : /* @__PURE__ */ _jsx("button", {
+			type: "button",
+			class: "btn wide",
+			onClick: () => void client.linkAccount(token).then((result) => setDone(`${result.platform} account ${result.platformUserId} is connected.`)).catch((reason) => setError(reasonText(reason))),
+			children: "Connect"
+		}), /* @__PURE__ */ _jsx(ErrorText, { value: error })]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/account/loading.02d57ab48022f8d8.js

@@ -0,0 +1,9 @@
+import { Loading } from "../../../comps/ui/card.e6876039e375b849.js";
+import { Page, PageHead } from "../../../comps/frame/page-head.857951b5dc1ad827.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export default function AccountLoading() {
+	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(PageHead, {
+		title: "Account",
+		lead: "\xA0"
+	}), /* @__PURE__ */ _jsx(Loading, { label: "Loading account" })] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/account/notify.b7451fdf9c3bb62a.js

@@ -0,0 +1,34 @@
+"use client";
+import { useEffect, useState } from "../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { NOTIFY } from "../../../comps/frame/task-toasts.b14bb1f66ed75e75.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** Browser notifications for watched tasks, off until asked for; the permission prompt shows once. */
+export function NotifySwitch() {
+	const [on, setOn] = useState(false);
+	const [blocked, setBlocked] = useState(false);
+	useEffect(() => {
+		if (typeof Notification === "undefined") return setBlocked(true);
+		setBlocked(Notification.permission === "denied");
+		setOn(localStorage.getItem(NOTIFY) === "1" && Notification.permission === "granted");
+	}, []);
+	const toggle = async (input) => {
+		if (input.checked && Notification.permission === "default") await Notification.requestPermission();
+		const next = input.checked && Notification.permission === "granted";
+		if (next) localStorage.setItem(NOTIFY, "1");
+		else localStorage.removeItem(NOTIFY);
+		input.checked = next;
+		setOn(next);
+		setBlocked(Notification.permission === "denied");
+	};
+	return /* @__PURE__ */ _jsxs("label", {
+		class: "notify",
+		children: [/* @__PURE__ */ _jsx("input", {
+			type: "checkbox",
+			role: "switch",
+			class: "switch",
+			checked: on,
+			disabled: blocked,
+			onChange: (event) => void toggle(event.currentTarget)
+		}), blocked ? "Notifications are blocked in this browser" : "Notify me when a task finishes"]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/account/page.f9ab6ed02876880e.js

@@ -0,0 +1,113 @@
+import "./page.1df2bb5150dd9575.css.pnext-asset.js";
+import { iKey } from "../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { load } from "../../../api/load.bdbf17006af803d1.js";
+import { initial, reasonText } from "../../../utils/format.ba382c381ea40e77.js";
+import { Badge } from "../../../comps/ui/badge.e52db98d78836f9a.js";
+import { SignOut } from "./sign-out.3368aed882d8f1ac.js";
+import { Page, PageHead } from "../../../comps/frame/page-head.857951b5dc1ad827.js";
+import { Icon } from "../../../comps/ui/icon.93605083edf7efe3.js";
+import { Card } from "../../../comps/ui/card.e6876039e375b849.js";
+import { NotifySwitch } from "./notify.b7451fdf9c3bb62a.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+function Row({ label, hint, children }) {
+	return /* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsxs("div", {
+		class: "label",
+		children: [/* @__PURE__ */ _jsx("b", { children: label }), /* @__PURE__ */ _jsx("span", { children: hint })]
+	}), /* @__PURE__ */ _jsx("div", {
+		class: "value",
+		children
+	})] });
+}
+export default async function AccountPage({ request }) {
+	if (!request) return null;
+	try {
+		const me = await load(request).me();
+		const tokenMode = !me.user;
+		const local = me.mode === "local";
+		const organization = me.organization;
+		const name = organization?.name ?? organization?.slug ?? "Local server";
+		return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(PageHead, {
+			title: "Account",
+			lead: tokenMode ? `This ${local ? "local" : "memory"} server keeps no accounts. The admin token is its only key.` : "Who you are on this server and which workspace you act in."
+		}), /* @__PURE__ */ _jsxs("div", {
+			class: "sheet frame",
+			children: [
+				/* @__PURE__ */ _jsxs(Row, {
+					label: tokenMode ? "Access" : "Profile",
+					hint: tokenMode ? "Accepted from loopback only, kept in a cookie." : "From the account you signed in with.",
+					children: [/* @__PURE__ */ _jsx("span", {
+						class: "avatar",
+						children: me.user ? initial(me.user.name) : /* @__PURE__ */ _jsx(Icon, { d: iKey })
+					}), /* @__PURE__ */ _jsxs("div", {
+						class: "grow",
+						children: [/* @__PURE__ */ _jsx("b", { children: me.user ? me.user.name : "Admin token" }), /* @__PURE__ */ _jsx("span", {
+							class: "muted",
+							children: me.user ? me.user.email : local ? "Local server" : "Local memory server"
+						})]
+					})]
+				}),
+				local ? null : /* @__PURE__ */ _jsxs(Row, {
+					label: "Workspace",
+					hint: "Agents, credentials, and tasks belong to it. Switch it from the menu at the top right.",
+					children: [
+						/* @__PURE__ */ _jsx("span", {
+							class: "avatar",
+							children: initial(name)
+						}),
+						/* @__PURE__ */ _jsxs("div", {
+							class: "grow",
+							children: [/* @__PURE__ */ _jsx("b", { children: name }), organization?.slug && organization.slug !== name ? /* @__PURE__ */ _jsx("span", {
+								class: "muted",
+								children: organization.slug
+							}) : null]
+						}),
+						organization?.role ? /* @__PURE__ */ _jsx(Badge, { children: organization.role }) : null
+					]
+				}),
+				/* @__PURE__ */ _jsx(Row, {
+					label: "Notifications",
+					hint: "Toasts show in the dashboard either way. This also uses your browser's notifications.",
+					children: /* @__PURE__ */ _jsx(NotifySwitch, {})
+				}),
+				/* @__PURE__ */ _jsx(Row, {
+					label: "Session",
+					hint: tokenMode ? "Forgetting the token signs this browser out until it is entered again." : "Signing out ends this browser session only.",
+					children: tokenMode ? /* @__PURE__ */ _jsxs("form", {
+						action: "/dash/token",
+						method: "post",
+						children: [
+							/* @__PURE__ */ _jsx("input", {
+								type: "hidden",
+								name: "token",
+								value: ""
+							}),
+							/* @__PURE__ */ _jsx("input", {
+								type: "hidden",
+								name: "return",
+								value: "/dash"
+							}),
+							/* @__PURE__ */ _jsx("button", {
+								class: "btn outline",
+								children: "Forget token"
+							})
+						]
+					}) : /* @__PURE__ */ _jsx(SignOut, {
+						class: "btn secondary-danger",
+						children: "Sign out"
+					})
+				})
+			]
+		})] });
+	} catch (error) {
+		return /* @__PURE__ */ _jsx(LoadFailure, { error });
+	}
+}
+function LoadFailure({ error }) {
+	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(PageHead, { title: "Could not load this page" }), /* @__PURE__ */ _jsx(Card, {
+		tone: "danger",
+		children: /* @__PURE__ */ _jsx("p", {
+			class: "body prose",
+			children: reasonText(error)
+		})
+	})] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/account/sign-out.3368aed882d8f1ac.js

@@ -0,0 +1,13 @@
+"use client";
+import { signOut } from "../../../utils/client.f37a313f4811ddb8.js";
+import { iOut } from "../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { Icon } from "../../../comps/ui/icon.93605083edf7efe3.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export function SignOut({ class: cls, icon, children }) {
+	return /* @__PURE__ */ _jsxs("button", {
+		type: "button",
+		class: cls,
+		onClick: () => void signOut().catch(() => location.reload()),
+		children: [icon ? /* @__PURE__ */ _jsx(Icon, { d: iOut }) : null, children]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/(list)/agent-menu.e4b6d486442476b5.js

@@ -0,0 +1,12 @@
+import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { iAgent } from "../../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { Icon } from "../../../../comps/ui/icon.93605083edf7efe3.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** Make a dashboard agent; importing from a repository starts from the same page. */
+export function NewAgentMenu() {
+	return /* @__PURE__ */ _jsxs(Link, {
+		class: "btn",
+		href: "/dash/agents/new",
+		children: [/* @__PURE__ */ _jsx(Icon, { d: iAgent }), "New agent"]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/(list)/agents-grid.0dbc57156286a18e.js

@@ -0,0 +1,118 @@
+"use client";
+import { client } from "../../../../utils/client.f37a313f4811ddb8.js";
+import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { usePaged } from "../../../../utils/paged.64ead375df845ff2.js";
+import { Empty } from "../../../../comps/ui/card.e6876039e375b849.js";
+import { initial } from "../../../../utils/format.ba382c381ea40e77.js";
+import { AgentPills, BrandIcon, Platform } from "../agent/agent-pills.c5710a4f634f9d6a.js";
+import { Filter } from "../../../../comps/ui/filter.3e8df59ca8abf397.js";
+import { NewAgentMenu } from "./agent-menu.e4b6d486442476b5.js";
+import { Search, Toolbar, queryOf, useFilters } from "../../../../comps/ui/toolbar.32503820243ede06.js";
+import { Tail } from "../../../../comps/ui/tail.2d57d68076cef3e1.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+function AgentCard({ agent, catalog }) {
+	return /* @__PURE__ */ _jsxs("li", {
+		class: "agent-card",
+		children: [
+			/* @__PURE__ */ _jsxs("div", {
+				class: "bc-head",
+				children: [/* @__PURE__ */ _jsx("span", {
+					class: "mark",
+					children: initial(agent.name)
+				}), /* @__PURE__ */ _jsxs("div", {
+					class: "grow",
+					children: [/* @__PURE__ */ _jsx("h3", { children: /* @__PURE__ */ _jsx(Link, {
+						class: "cover",
+						href: "/dash/agents/[slug]",
+						params: { slug: agent.id },
+						children: agent.name
+					}) }), /* @__PURE__ */ _jsx("span", {
+						class: "pills",
+						children: /* @__PURE__ */ _jsx(AgentPills, { agent })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ _jsx("div", {
+				class: "lead-clamp",
+				children: /* @__PURE__ */ _jsx("span", { children: agent.description ?? "No description yet." })
+			}),
+			agent.platforms.length ? /* @__PURE__ */ _jsx("span", {
+				class: "pfs",
+				children: agent.platforms.map((platform) => /* @__PURE__ */ _jsx(Platform, {
+					id: platform.id,
+					info: catalog.find((entry) => entry.id === platform.id),
+					state: platform.state
+				}, platform.id))
+			}) : /* @__PURE__ */ _jsx("span", {
+				class: "pfs muted",
+				children: "Listens nowhere yet"
+			})
+		]
+	});
+}
+/** Every agent in pages, searched and filtered on the server. */
+/** Agent kinds a list filters by. */
+export const KINDS = [
+	["", "All agents"],
+	["dashboard", "Dashboard agents"],
+	["repository", "Repository agents"],
+	["builtin", "Built-in"]
+];
+export function AgentsGrid({ first, limit, filters, catalog, head, children }) {
+	const { values, set, query } = useFilters(filters);
+	const list = usePaged({
+		name: "agents",
+		fetchPage: (cursor) => client.agents.list({
+			cursor,
+			limit,
+			...values
+		}),
+		query,
+		first,
+		initial: queryOf(filters)
+	});
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		/* @__PURE__ */ _jsxs(Toolbar, {
+			head,
+			action: /* @__PURE__ */ _jsx(NewAgentMenu, {}),
+			children: [/* @__PURE__ */ _jsx(Search, {
+				value: values.q,
+				label: "Search agents",
+				onInput: (value) => set("q", value, 250)
+			}), /* @__PURE__ */ _jsx(Filter, {
+				name: "agents",
+				facets: [{
+					key: "platform",
+					label: "Platform",
+					options: catalog.map((entry) => [entry.id, entry.name]),
+					icon: (value) => {
+						const entry = catalog.find((item) => item.id === value);
+						return entry ? /* @__PURE__ */ _jsx(BrandIcon, { brand: entry.brand }) : undefined;
+					}
+				}, {
+					key: "type",
+					label: "Source",
+					options: KINDS
+				}],
+				values,
+				onChange: set
+			})]
+		}),
+		children,
+		list.rows.length ? /* @__PURE__ */ _jsx("ul", {
+			class: "agent-grid",
+			"aria-busy": list.stale,
+			children: list.rows.map((agent) => /* @__PURE__ */ _jsx(AgentCard, {
+				agent,
+				catalog
+			}, agent.id))
+		}) : list.stale ? null : /* @__PURE__ */ _jsx(Empty, {
+			title: "No agents match",
+			children: "Try another search or filter."
+		}),
+		/* @__PURE__ */ _jsx(Tail, {
+			noun: "agents",
+			...list
+		})
+	] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/(list)/connect-apps.3a5673bcd9aa57d9.js

@@ -0,0 +1,42 @@
+"use client";
+import { useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../utils/client.f37a313f4811ddb8.js";
+import { iPlus } from "../../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { reasonText } from "../../../../utils/format.ba382c381ea40e77.js";
+import { ErrorText } from "../../../../comps/ui/field.37f93068217e1470.js";
+import { Icon } from "../../../../comps/ui/icon.93605083edf7efe3.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** One click per built-in app not yet installed here; the platform returns to this page. */
+export function ConnectApps({ apps }) {
+	const [error, setError] = useState("");
+	const [busy, setBusy] = useState("");
+	const connect = (app) => {
+		setBusy(app);
+		setError("");
+		void client.apps.install(app, location.pathname).then(({ url }) => {
+			location.href = url;
+		}).catch((reason) => {
+			setBusy("");
+			setError(reasonText(reason));
+		});
+	};
+	return /* @__PURE__ */ _jsxs("div", {
+		class: "notice soft",
+		role: "status",
+		children: [
+			/* @__PURE__ */ _jsx(Icon, { d: iPlus }),
+			/* @__PURE__ */ _jsx("span", {
+				class: "grow",
+				children: "Add the built-in agent to your repositories and channels."
+			}),
+			apps.map((app) => /* @__PURE__ */ _jsx("button", {
+				type: "button",
+				class: "btn outline sm",
+				disabled: busy !== "",
+				onClick: () => connect(app.id),
+				children: app.label
+			}, app.id)),
+			/* @__PURE__ */ _jsx(ErrorText, { value: error })
+		]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/(list)/loading.8df9f4459410cfaa.js

@@ -0,0 +1,18 @@
+import { HEADS } from "../../../../comps/frame/heads.5407f7793f985b16.js";
+import { iAgent } from "../../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { Page } from "../../../../comps/frame/page-head.857951b5dc1ad827.js";
+import { LoadingToolbar } from "../../../../comps/frame/loading-card.9648c7782502babc.js";
+import { Loading } from "../../../../comps/ui/card.e6876039e375b849.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** The agents page before its list arrives. */
+export default function AgentsLoading() {
+	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(LoadingToolbar, {
+		head: HEADS.agents,
+		search: "Search agents",
+		more: true,
+		action: {
+			label: "New agent",
+			icon: iAgent
+		}
+	}), /* @__PURE__ */ _jsx(Loading, { label: "Loading agents" })] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/(list)/page.8f85fbaff456c5fe.js

@@ -0,0 +1,71 @@
+import "./page.9ea9df9d5f80f310.css.pnext-asset.js";
+import { dynamic } from "../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { load } from "../../../../api/load.bdbf17006af803d1.js";
+import { Page } from "../../../../comps/frame/page-head.857951b5dc1ad827.js";
+import { NeedsCredential } from "../../tasks/composer.78b7d3000d615c7c.js";
+import { Settle } from "../../../../comps/frame/stream.4c04416dab6ffc52.js";
+import { localServer } from "../../../../api/types.0cf02e7714d7c1a2.js";
+import { HEADS } from "../../../../comps/frame/heads.5407f7793f985b16.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** Agent cards per page: whole rows of two or three. */
+const AGENT_PAGE = 18;
+// Rows arrive rendered; paging and search hydrate once the list is in view.
+const AgentsGrid = dynamic(() => import("./agents-grid.0dbc57156286a18e.js").then((m) => m.AgentsGrid), {
+	load: "visible",
+	ssr: true
+}, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/agents/(list)/agents-grid.tsx", import.meta.url).pathname),
+	"exportName": "AgentsGrid",
+	"id": "c-1bf1ad925d"
+});
+const ConnectApps = dynamic(() => import("./connect-apps.3a5673bcd9aa57d9.js").then((m) => m.ConnectApps), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/agents/(list)/connect-apps.tsx", import.meta.url).pathname),
+	"exportName": "ConnectApps",
+	"id": "c-14da27a2fa"
+});
+/** Built-in apps this workspace has not installed, labelled in each platform's words. */
+function connectable(apps, integrations) {
+	return apps.map((value) => ({
+		id: value.id,
+		label: integrations.find((entry) => entry.id === value.integration)?.installLabel ?? `Connect ${value.integration}`
+	}));
+}
+export default function AgentsPage({ request }) {
+	if (!request) return null;
+	const url = new URL(request.url);
+	const filters = {
+		q: url.searchParams.get("q") ?? "",
+		platform: url.searchParams.get("platform") ?? "",
+		type: url.searchParams.get("type") ?? ""
+	};
+	const agents = load(request).agents.list({
+		cursor: "",
+		limit: AGENT_PAGE,
+		connect: true,
+		...filters
+	});
+	const credentials = load(request).credentials.list({
+		cursor: "",
+		limit: 1
+	});
+	const me = load(request).me();
+	const catalog = load(request).integrations.list();
+	return /* @__PURE__ */ _jsx(Page, { children: /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
+		agents,
+		Promise.all([credentials, me]).then(([page, who]) => localServer(who) ? undefined : page.items.length, () => undefined),
+		catalog.catch(() => [])
+	]).then(([first, count, integrations]) => {
+		const connect = connectable(first.connectable ?? [], integrations);
+		return /* @__PURE__ */ _jsxs(AgentsGrid, {
+			limit: AGENT_PAGE,
+			first,
+			filters,
+			catalog: integrations,
+			head: HEADS.agents,
+			children: [connect.length ? /* @__PURE__ */ _jsx(ConnectApps, { apps: connect }) : null, count === 0 ? /* @__PURE__ */ _jsx(NeedsCredential, {
+				reason: "Agents need a model credential to run.",
+				back: "/dash/agents"
+			}) : null]
+		});
+	}) }) });
+}

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

@@ -0,0 +1,105 @@
+import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { iGit, iPencil, iPlus } from "../../../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { load } from "../../../../../api/load.bdbf17006af803d1.js";
+import { Back, Page } from "../../../../../comps/frame/page-head.857951b5dc1ad827.js";
+import { Icon } from "../../../../../comps/ui/icon.93605083edf7efe3.js";
+import { Stream } from "../../../../../comps/frame/stream.4c04416dab6ffc52.js";
+import { LoadingTabs, Tabs } from "../../../../../comps/ui/tabs.051c87be5bbb7f2b.js";
+import { editableAgent } from "../../../../../api/types.0cf02e7714d7c1a2.js";
+import { backFrom } from "../../../../../comps/frame/heads.5407f7793f985b16.js";
+import { LoadingHero, Hero } from "../../agent/hero.e5c5af2f9fab6a63.js";
+import { loadAgent } from "../../../../../api/load.bdbf17006af803d1.js";
+import { loadTasks } from "../../../tasks/list/tasks-section.c77194f05c3f58fb.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const NewTaskButton = dynamic(() => import("../../../tasks/composer.78b7d3000d615c7c.js").then((m) => m.NewTaskButton), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/tasks/composer.tsx", import.meta.url).pathname),
+	"exportName": "NewTaskButton",
+	"id": "c-b3518e3c2f"
+});
+function Actions({ agent }) {
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [editableAgent(agent) ? /* @__PURE__ */ _jsxs(Link, {
+		class: "btn outline",
+		href: "/dash/agents/[slug]/edit",
+		params: { slug: agent.id },
+		children: [/* @__PURE__ */ _jsx(Icon, { d: iPencil }), "Edit"]
+	}) : agent.source === "repo" && agent.sourceUrl ? /* @__PURE__ */ _jsxs("a", {
+		class: "btn outline",
+		href: agent.sourceUrl,
+		target: "_blank",
+		rel: "noreferrer",
+		children: [/* @__PURE__ */ _jsx(Icon, { d: iGit }), "Open in repository"]
+	}) : null, /* @__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/agents/[slug]", "Overview"],
+	["/dash/agents/[slug]/usage", "Usage"],
+	["/dash/agents/[slug]/platforms", "Platforms"],
+	["/dash/agents/[slug]/tasks", "Tasks"],
+	["/dash/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__ */ _jsxs("button", {
+			type: "button",
+			class: "btn",
+			disabled: true,
+			children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "New task"]
+		})
+	}), /* @__PURE__ */ _jsx(LoadingTabs, { labels: TABS.map(([, label]) => label) })] });
+}
+function AgentHead({ agent, tasks, from, back }) {
+	const counts = {
+		"/dash/agents/[slug]/platforms": Object.keys(agent.definition?.integrations ?? {}).length,
+		"/dash/agents/[slug]/tasks": tasks?.counts?.all
+	};
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Hero, {
+		agent,
+		back,
+		actions: /* @__PURE__ */ _jsx(Actions, { agent })
+	}), /* @__PURE__ */ _jsx(Tabs, {
+		label: "Agent",
+		items: TABS.map(([href, label]) => ({
+			href,
+			params: { 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 slug = decodeURIComponent(url.pathname.split("/")[3]);
+	const from = url.searchParams.get("from");
+	const back = /* @__PURE__ */ _jsx(Back, { ...backFrom(from, {
+		href: "/dash/agents",
+		params: {},
+		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,
+			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/agents/[slug]/(tabs)/loading.d53d174ffe56aab3.js

@@ -0,0 +1,5 @@
+import { Loading } from "../../../../../comps/ui/card.e6876039e375b849.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" });
+}