@wular/coder 0.4.8 → 0.4.10

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

@@ -2,17 +2,19 @@
 
 // app/dash/[org]/agents/editor/import-picker.tsx
 import { useEffect, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
-import { toastFailure, useAction } from "../../../../../utils/action.568346602027ac74.js";
-import { iGit } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { client } from "../../../../../utils/client.189224c16057d7a1.js";
+import { toastFailure, useAction } from "../../../../../utils/action.968bcab0f5e3665d.js";
+import { iGit } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
-import { held } from "../../../../../utils/paged.18f5872fc5aebe96.js";
-import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { useOrg } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { connectRepositories } from "./connect-repositories.258f6c2c5f1b1b17.js";
-import { Search } from "../../../../../comps/ui/toolbar.801bbd3163d3fbb0.js";
-import { TunnelGuide } from "../../settings/tunnel-guide.1fd664df1fd0e3c1.js";
+import { Badge, Id } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { MenuItem, MenuNote } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { connectRepositories } from "./connect-repositories.59d89152fe845af2.js";
+import { Search } from "../../../../../comps/ui/toolbar.24036899654de6df.js";
+import { TunnelGuide } from "../../settings/tunnel-guide.29eee1a0b1852168.js";
 import { Notice } from "../../../../../comps/ui/notice.f395f231cbb96445.js";
 import { Fragment, jsx, jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 var REPO = /^[\w.-]+\/[\w.-]+$/;
@@ -21,7 +23,7 @@ function Agents({ preview, onDone }) {
   const [off, setOff] = useState(/* @__PURE__ */ new Set());
   const action = useAction({ leaves: true });
   if (preview.failed) return null;
-  if (!preview.agents) return /* @__PURE__ */ jsx(Loading, { label: `Reading ${preview.repo}`, h: 180 });
+  if (!preview.agents) return /* @__PURE__ */ jsx(Loading, { label: `Reading ${preview.repo}`, h: 180, late: true });
   if (!preview.agents.length)
     return /* @__PURE__ */ jsxs("p", { class: "muted", children: [
       preview.repo,
@@ -65,8 +67,8 @@ function Agents({ preview, onDone }) {
           /* @__PURE__ */ jsxs("span", { children: [
             /* @__PURE__ */ jsx("b", { children: agent.name }),
             " ",
-            /* @__PURE__ */ jsx("span", { class: "id", children: agent.id }),
-            agent.version ? /* @__PURE__ */ jsxs("span", { class: "badge", children: [
+            /* @__PURE__ */ jsx(Id, { value: agent.id }),
+            agent.version ? /* @__PURE__ */ jsxs(Badge, { children: [
               "v",
               agent.version,
               agent.commit ? ` \xB7 ${short(agent.commit)}` : ""
@@ -80,7 +82,7 @@ function Agents({ preview, onDone }) {
           preview.repo,
           " that changes an agent publishes its new version here."
         ] }),
-        /* @__PURE__ */ jsx("div", { class: "form-actions end", children: /* @__PURE__ */ jsxs("button", { class: "btn", disabled: Boolean(action.pending) || !ticked.length, children: [
+        /* @__PURE__ */ jsx("div", { class: "form-actions end", children: /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: Boolean(action.pending) || !ticked.length, children: [
           "Import ",
           ticked.length === 1 ? "1 agent" : `${ticked.length} agents`
         ] }) })
@@ -102,7 +104,7 @@ function ImportPicker({
   const opened = useRef("");
   useEffect(() => {
     if (!connected) return;
-    void client.repositories.list().then(held(performance.now())).then((rows) => setRepos(rows.map((row) => row.repo))).catch((reason) => {
+    void client.repositories.list().then((rows) => setRepos(rows.map((row) => row.repo))).catch((reason) => {
       setRepos([]);
       toastFailure(reason);
     });
@@ -110,7 +112,7 @@ function ImportPicker({
   const open = (repo) => {
     opened.current = repo;
     setPreview({ repo });
-    void client.agents.preview(repo).then(held(performance.now())).then(({ agents }) => opened.current === repo && setPreview({ repo, agents })).catch((reason) => {
+    void client.agents.preview(repo).then(({ agents }) => opened.current === repo && setPreview({ repo, agents })).catch((reason) => {
       if (opened.current !== repo) return;
       setPreview({ repo, failed: true });
       toastFailure(reason);
@@ -127,10 +129,10 @@ function ImportPicker({
           /* @__PURE__ */ jsx(Icon, { d: iGit }),
           /* @__PURE__ */ jsx("span", { class: "grow", children: "Connect to list your repositories here." }),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
-              type: "button",
-              class: "btn outline sm",
+              variant: "outline",
+              size: "sm",
               onClick: () => void connectRepositories(`/dash/${org}/agents/new?template=import`).catch(
                 toastFailure
               ),
@@ -158,40 +160,32 @@ function ImportPicker({
                   onInput: (event) => setQuery(event.currentTarget.value)
                 }
               ),
-              /* @__PURE__ */ jsx("button", { class: "btn outline", children: "Look up" })
+              /* @__PURE__ */ jsx(Button, { type: "submit", variant: "outline", children: "Look up" })
             ]
           }
         )
       ] }),
-      connected ? /* @__PURE__ */ jsx("div", { class: "repo-list scroll-box", role: "list", children: !repos ? /* @__PURE__ */ jsx(Loading, { label: "Loading repositories", h: 240 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        typed ? /* @__PURE__ */ jsxs(
-          "button",
+      connected ? /* @__PURE__ */ jsx("div", { class: "repo-list scroll-box", role: "list", children: !repos ? /* @__PURE__ */ jsx(Loading, { label: "Loading repositories", h: 240, late: true }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        typed ? /* @__PURE__ */ jsx(
+          MenuItem,
           {
-            type: "button",
-            class: "pop-item",
             "aria-pressed": preview?.repo === typed,
-            onClick: () => open(typed),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { d: iGit }),
-              /* @__PURE__ */ jsx("span", { class: "grow", children: typed })
-            ]
+            icon: iGit,
+            title: typed,
+            onClick: () => open(typed)
           }
         ) : null,
-        shown.map((repo) => /* @__PURE__ */ jsxs(
-          "button",
+        shown.map((repo) => /* @__PURE__ */ jsx(
+          MenuItem,
           {
-            type: "button",
-            class: "pop-item",
             "aria-pressed": preview?.repo === repo,
-            onClick: () => open(repo),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { d: iGit }),
-              /* @__PURE__ */ jsx("span", { class: "grow", children: repo })
-            ]
+            icon: iGit,
+            title: repo,
+            onClick: () => open(repo)
           },
           repo
         )),
-        !shown.length && !typed ? /* @__PURE__ */ jsx("p", { class: "pop-note", children: "No repository matches. Type owner/repo to use another." }) : null
+        !shown.length && !typed ? /* @__PURE__ */ jsx(MenuNote, { children: "No repository matches. Type owner/repo to use another." }) : null
       ] }) }) : null,
       !connected && tunnel ? /* @__PURE__ */ jsx(TunnelGuide, { port }) : null
     ] }),

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

@@ -0,0 +1,28 @@
+import { HEADS } from "../../../../../comps/frame/heads.37e35439c02fc636.js";
+import { Page, PageHead } from "../../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { OrgBack } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { iPlus } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export default function NewAgentLoading() {
+	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(PageHead, {
+		...HEADS.newAgent,
+		back: /* @__PURE__ */ _jsx(OrgBack, {
+			href: "/dash/[org]/agents",
+			label: "Agents"
+		}),
+		actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			disabled: true,
+			children: "Import from repo"
+		}), /* @__PURE__ */ _jsx(Button, {
+			leftIcon: iPlus,
+			disabled: true,
+			children: "Create agent"
+		})] })
+	}), /* @__PURE__ */ _jsx(Loading, {
+		label: "Loading editor",
+		h: 640
+	})] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/new/{page.6c8e9ef5d72b7ef1.js → page.c4570fd80bdda68c.js}

@@ -1,34 +1,30 @@
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { load } from "../../../../../api/load.4f942c7f68b2e273.js";
-import { Page } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
-import { Settle } from "../../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
-import { needsTunnel } from "../../../../../api/types.9f59e6c761d6aac4.js";
-import { NO_MODELS, modelsByEngine } from "../../settings/model-options.2eacf7f8ac0032df.js";
+import { load, loadRunDefaults } from "../../../../../api/load.7ae462ef36271be8.js";
+import { Page } from "../../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { Settle } from "../../../../../comps/frame/stream.95a2468086aceb84.js";
+import { needsTunnel } from "../../../../../api/types.79f9092cdb5a00d1.js";
 import { suggestName } from "../editor/names.1ee5bba8d2b6ac41.js";
-import { DEFAULT_ENGINE } from "../../../../../../../core/defaults.e6ce0944639198a2.js";
 import { jsx as _jsx } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const AgentEditor = dynamic(() => import("../editor/editor.9e1a0945f6880076.js").then((m) => m.AgentEditor), undefined, {
+const AgentEditor = dynamic(() => import("../editor/editor.77f68d431408745b.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-bf95e76c92"
+	"id": "c-15e10c612c"
 });
 /** A new agent from a template, or imported from a repository. */
 export default function NewAgentPage({ request }) {
 	if (!request) return null;
 	const url = new URL(request.url);
 	const catalog = load(request).integrations.list();
-	const models = load(request).models.list().catch(() => NO_MODELS);
-	const config = load(request).config.get().catch(() => undefined);
+	const run = loadRunDefaults(request);
 	const installations = load(request).installations.list();
 	const me = load(request).me();
 	const asked = url.searchParams.get("template");
 	return /* @__PURE__ */ _jsx(Page, { children: /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
 		catalog,
-		models,
-		config,
+		run,
 		installations.catch(() => []),
 		me.catch(() => ({}))
-	]).then(([integrations, shape, shown, installed, who]) => {
+	]).then(([integrations, { models, defaults }, installed, who]) => {
 		const reach = integrations.filter((entry) => entry.repositories);
 		const connected = installed.some(({ value }) => !value.deletedAt && reach.some((entry) => entry.id === value.integration));
 		const template = [
@@ -40,12 +36,8 @@ export default function NewAgentPage({ request }) {
 		return /* @__PURE__ */ _jsx(AgentEditor, {
 			catalog: integrations,
 			suggested: suggestName(),
-			models: modelsByEngine(shape),
-			defaults: {
-				engine: shown?.effective.chain?.[0] ?? DEFAULT_ENGINE,
-				engines: shown?.effective.engines ?? {},
-				builtin: shape.builtin
-			},
+			models,
+			defaults,
 			template,
 			connected,
 			connectLabel: reach[0]?.installLabel ?? "Connect",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/{layout.c67ccee8b4770821.js → layout.19006c2d7dc8d114.js}

@@ -1,21 +1,23 @@
-import "./layout.3827c440c6421a06.css.pnext-asset.js";
-import { CoderError } from "../../../../../core/errors.5954bd9bd05e8230.js";
+import "./layout.a4efa8d807fe5416.css.pnext-asset.js";
+import { CoderError } from "../../../../../core/errors.0a735590a5412ea6.js";
 import { redirect } from "../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
 import { AuthPanel } from "../../../comps/frame/auth-panel.5712a8d190b003b4.js";
-import { iActivity, iAgent, iChart, iCheck, iKey, iMonitor, iMoon, iOut, iSliders, iSun, iUpdown, iUser, iUsers } from "../../../comps/ui/icons.868385119bf2de28.js";
+import { iActivity, iAgent, iChart, iExternal, iKey, iMonitor, iMoon, iOut, iSliders, iSun, iUpdown, iUser, iUsers } from "../../../comps/ui/icons.e36c72f54750663a.js";
 import { Link } from "../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { load, orgOf, signedOut } from "../../../api/load.4f942c7f68b2e273.js";
-import { initial } from "../../../utils/format.6a7d1beaf4d09d9c.js";
+import { load, orgOf, signedOut } from "../../../api/load.7ae462ef36271be8.js";
+import { initial } from "../../../utils/format.ceeaafa10a0563f3.js";
 import { Icon, Mark } from "../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { ThemeChoices } from "../../../comps/frame/theme-choices.ef190ef1cd197199.js";
-import { Drawer } from "../../../comps/frame/drawer.0e2e3636f33049f5.js";
-import { SignOut } from "./account/sign-out.1ee9b7f1343376e9.js";
+import { ThemeChoices } from "../../../comps/frame/theme-choices.85100ed66d6f9200.js";
+import { Drawer } from "../../../comps/frame/drawer.d3e61538dbc8ec39.js";
+import { SignOut } from "./account/sign-out.ff98573f362d76f3.js";
 import { CurrentLink } from "../../../comps/nav/current-link.727b350a40b9ca13.js";
-import { SideToggle } from "../../../comps/nav/side-toggle.bafcb4b273b1c4d0.js";
+import { SideToggle } from "../../../comps/nav/side-toggle.489faf1a259479f7.js";
 import { linkOf } from "../../../comps/nav/to.a2c840c09bd4bf4a.js";
-import { Menu } from "../../../comps/ui/menu.0f064f75822888be.js";
-import { ActiveCount, TaskToasts } from "../../../comps/frame/task-toasts.4282affa47415a36.js";
-import { ForeignLink } from "../../../comps/frame/foreign-link.fe46528a6a66c0f4.js";
+import { Menu } from "../../../comps/ui/menu.ee45bace979944b6.js";
+import { MenuHead, MenuItem, MenuLabel, MenuLink, MenuNote, MenuRadio } from "../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { Button } from "../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { ActiveCount, TaskToasts } from "../../../comps/frame/task-toasts.e1a484113e1df660.js";
+import { ForeignLink } from "../../../comps/frame/foreign-link.1f4217895ff1e835.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 // Four places; the workspace lives in the account menu.
 const nav = (org) => [
@@ -68,7 +70,7 @@ function ThemeMenu({ theme }) {
 	return /* @__PURE__ */ _jsxs(Menu, {
 		class: "theme",
 		label: "Theme",
-		summaryClass: "icon-btn",
+		button: "icon",
 		summary: /* @__PURE__ */ _jsxs(_Fragment, { children: [
 			/* @__PURE__ */ _jsx(Icon, {
 				d: iSun,
@@ -83,10 +85,7 @@ function ThemeMenu({ theme }) {
 				class: "sys"
 			})
 		] }),
-		children: [/* @__PURE__ */ _jsx("p", {
-			class: "pop-label",
-			children: "Theme"
-		}), /* @__PURE__ */ _jsx(ThemeChoices, { theme })]
+		children: [/* @__PURE__ */ _jsx(MenuLabel, { children: "Theme" }), /* @__PURE__ */ _jsx(ThemeChoices, { theme })]
 	});
 }
 function AccountMenu({ me, org }) {
@@ -97,75 +96,54 @@ function AccountMenu({ me, org }) {
 		summaryClass: "avatar-btn",
 		summary: tokenMode ? /* @__PURE__ */ _jsx(Icon, { d: iKey }) : initial(me.user?.name),
 		children: [
-			/* @__PURE__ */ _jsxs("div", {
-				class: "pop-head",
-				children: [/* @__PURE__ */ _jsx("span", {
+			/* @__PURE__ */ _jsx(MenuHead, {
+				icon: /* @__PURE__ */ _jsx("span", {
 					class: "avatar",
 					children: tokenMode ? /* @__PURE__ */ _jsx(Icon, { d: iKey }) : initial(me.user?.name)
-				}), /* @__PURE__ */ _jsxs("div", {
-					class: "grow",
-					children: [/* @__PURE__ */ _jsx("b", { children: tokenMode ? "Admin token" : me.user?.name }), /* @__PURE__ */ _jsx("small", { children: tokenMode ? me.mode === "local" ? "Local server" : "Local memory server" : me.user?.email })]
-				})]
-			}),
-			me.mode === "local" ? null : /* @__PURE__ */ _jsx("p", {
-				class: "pop-label",
-				children: "Workspace"
+				}),
+				title: tokenMode ? "Admin token" : me.user?.name,
+				sub: tokenMode ? me.mode === "local" ? "Local server" : "Local memory server" : me.user?.email
 			}),
+			me.mode === "local" ? null : /* @__PURE__ */ _jsx(MenuLabel, { children: "Workspace" }),
 			me.mode === "local" ? null : organizations.length ? organizations.map((organization) => {
 				const current = organization.id === me.organization?.id;
-				const item = /* @__PURE__ */ _jsxs(_Fragment, { children: [
-					/* @__PURE__ */ _jsx("span", {
+				// A full load, so nothing of this workspace's pages carries over.
+				return /* @__PURE__ */ _jsxs(MenuRadio, {
+					on: current,
+					disabled: current,
+					href: `/dash/${encodeURIComponent(organization.slug)}`,
+					icon: /* @__PURE__ */ _jsx("span", {
 						class: "org",
 						children: initial(organization.name)
 					}),
-					/* @__PURE__ */ _jsxs("span", {
-						class: "grow",
-						children: [organization.name, /* @__PURE__ */ _jsx("small", { children: organization.role })]
-					}),
-					/* @__PURE__ */ _jsx(Icon, { d: iCheck })
-				] });
-				// A full load, so nothing of this workspace's pages carries over.
-				return current ? /* @__PURE__ */ _jsx("div", {
-					class: "pop-item",
-					role: "menuitemradio",
-					"aria-checked": "true",
-					"aria-disabled": "true",
-					children: item
-				}, organization.id) : /* @__PURE__ */ _jsx("a", {
-					class: "pop-item",
-					href: `/dash/${encodeURIComponent(organization.slug)}`,
-					role: "menuitemradio",
-					"aria-checked": "false",
-					children: item
+					children: [organization.name, /* @__PURE__ */ _jsx("small", { children: organization.role })]
 				}, organization.id);
-			}) : /* @__PURE__ */ _jsxs("div", {
-				class: "pop-item",
-				"aria-disabled": "true",
-				children: [/* @__PURE__ */ _jsx("span", {
+			}) : /* @__PURE__ */ _jsx(MenuItem, {
+				disabled: true,
+				icon: /* @__PURE__ */ _jsx("span", {
 					class: "org",
 					children: /* @__PURE__ */ _jsx(Icon, { d: iKey })
-				}), /* @__PURE__ */ _jsxs("span", {
-					class: "grow",
-					children: [me.organization?.name ?? "Local server", /* @__PURE__ */ _jsx("small", { children: tokenMode ? "one workspace" : me.organization?.role })]
-				})]
+				}),
+				title: /* @__PURE__ */ _jsxs(_Fragment, { children: [me.organization?.name ?? "Local server", /* @__PURE__ */ _jsx("small", { children: tokenMode ? "one workspace" : me.organization?.role })] })
 			}),
-			me.manageMembersUrl ? /* @__PURE__ */ _jsxs("a", {
-				class: "pop-item",
+			me.manageMembersUrl ? /* @__PURE__ */ _jsx(MenuItem, {
 				href: me.manageMembersUrl,
-				children: [/* @__PURE__ */ _jsx(Icon, { d: iUsers }), "Members ↗"]
+				icon: iUsers,
+				title: "Members",
+				end: /* @__PURE__ */ _jsx(Icon, { d: iExternal })
 			}) : null,
 			/* @__PURE__ */ _jsx("hr", {}),
-			/* @__PURE__ */ _jsxs(Link, {
-				class: "pop-item",
+			/* @__PURE__ */ _jsx(MenuLink, {
 				href: "/dash/[org]/account",
 				params: { org },
-				children: [/* @__PURE__ */ _jsx(Icon, { d: iUser }), "Account"]
+				icon: iUser,
+				children: "Account"
 			}),
-			me.operator ? /* @__PURE__ */ _jsxs(Link, {
-				class: "pop-item",
+			me.operator ? /* @__PURE__ */ _jsx(MenuLink, {
 				href: "/dash/[org]/operator",
 				params: { org },
-				children: [/* @__PURE__ */ _jsx(Icon, { d: iKey }), "Operator"]
+				icon: iKey,
+				children: "Operator"
 			}) : null,
 			/* @__PURE__ */ _jsx("hr", {}),
 			tokenMode ? /* @__PURE__ */ _jsxs("form", {
@@ -182,16 +160,13 @@ function AccountMenu({ me, org }) {
 						name: "return",
 						value: "/dash"
 					}),
-					/* @__PURE__ */ _jsxs("button", {
-						class: "pop-item",
-						children: [/* @__PURE__ */ _jsx(Icon, { d: iOut }), "Forget token"]
+					/* @__PURE__ */ _jsx(MenuItem, {
+						type: "submit",
+						icon: iOut,
+						title: "Forget token"
 					})
 				]
-			}) : /* @__PURE__ */ _jsx(SignOut, {
-				class: "pop-item",
-				icon: true,
-				children: "Sign out"
-			})
+			}) : /* @__PURE__ */ _jsx(SignOut, { menu: true })
 		]
 	});
 }
@@ -215,10 +190,7 @@ function ServerMenu({ me, host }) {
 			/* @__PURE__ */ _jsx(Icon, { d: iUpdown })
 		] }),
 		children: [
-			/* @__PURE__ */ _jsx("p", {
-				class: "pop-label",
-				children: "Server"
-			}),
+			/* @__PURE__ */ _jsx(MenuLabel, { children: "Server" }),
 			/* @__PURE__ */ _jsxs("dl", {
 				class: "kv",
 				children: [
@@ -232,10 +204,7 @@ function ServerMenu({ me, host }) {
 					/* @__PURE__ */ _jsx("dd", { children: memory ? "admin token" : `session, ${me?.user?.email ?? ""}` })
 				]
 			}),
-			memory && !local ? /* @__PURE__ */ _jsx("p", {
-				class: "pop-note",
-				children: "Nothing persists across restarts."
-			}) : null
+			memory && !local ? /* @__PURE__ */ _jsx(MenuNote, { children: "Nothing persists across restarts." }) : null
 		]
 	});
 }
@@ -288,8 +257,9 @@ function TokenPage({ request }) {
 						autofocus: true
 					})]
 				}),
-				/* @__PURE__ */ _jsx("button", {
-					class: "btn wide",
+				/* @__PURE__ */ _jsx(Button, {
+					type: "submit",
+					wide: true,
 					children: "Open dashboard"
 				}),
 				rejected ? /* @__PURE__ */ _jsx("p", {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/operator/{operator-apps.3365f9248dfe735d.js → operator-apps.d350a52d27f69fa6.js}

@@ -1,14 +1,14 @@
 "use client";
 import "./@/app/dash/[org]/agents/[slug]/(tabs)/platforms/page.944b02c09bbf6c22.css.pnext-asset.js";
 import { useEffect, useId, useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../utils/client.d25e6dcc6704eb60.js";
-import { toastFailure } from "../../../../utils/action.568346602027ac74.js";
-import { ClientError } from "../../../../../../client/index.8e150ef2bc6a5f4e.js";
-import { Badge } from "../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { client } from "../../../../utils/client.189224c16057d7a1.js";
+import { toastFailure } from "../../../../utils/action.968bcab0f5e3665d.js";
+import { ClientError } from "../../../../../../client/index.843431e3538fd9a4.js";
+import { Badge } from "../../../../comps/ui/badge.c0bc352791a95fd6.js";
 import { Field } from "../../../../comps/ui/field.75588c33b72824a7.js";
-import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { iX } from "../../../../comps/ui/icons.868385119bf2de28.js";
-import { List, Row } from "../settings/[tab]/list.6d6180438e2bd0c8.js";
+import { Button, IconButton } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { iX } from "../../../../comps/ui/icons.e36c72f54750663a.js";
+import { List, Row } from "../settings/[tab]/list.0c87d55cf4ef382c.js";
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** The set-up form for one platform's shared app, as a dialog like an agent's Create app. */
 function SetUpDialog({ row, product, unreachable, onClose }) {
@@ -55,12 +55,10 @@ function SetUpDialog({ row, product, unreachable, onClose }) {
 						row.name,
 						" app"
 					]
-				}), /* @__PURE__ */ _jsx("button", {
-					type: "button",
-					class: "icon-btn",
-					"aria-label": "Close",
-					onClick: close,
-					children: /* @__PURE__ */ _jsx(Icon, { d: iX })
+				}), /* @__PURE__ */ _jsx(IconButton, {
+					icon: iX,
+					label: "Close",
+					onClick: close
 				})] }),
 				unreachable ? /* @__PURE__ */ _jsxs("p", {
 					class: "flash err",
@@ -101,16 +99,15 @@ function SetUpDialog({ row, product, unreachable, onClose }) {
 				}) : null,
 				/* @__PURE__ */ _jsxs("div", {
 					class: "actions",
-					children: [/* @__PURE__ */ _jsx("button", {
-						type: "button",
-						class: "btn ghost",
+					children: [/* @__PURE__ */ _jsx(Button, {
+						variant: "ghost",
 						disabled: busy,
 						onClick: close,
 						children: "Cancel"
-					}), /* @__PURE__ */ _jsxs("button", {
-						class: "btn",
-						disabled: busy || unreachable,
-						"aria-busy": busy,
+					}), /* @__PURE__ */ _jsxs(Button, {
+						type: "submit",
+						disabled: unreachable,
+						loading: busy,
 						children: ["Continue on ", row.name]
 					})]
 				})
@@ -131,9 +128,9 @@ export function OperatorApps({ first }) {
 				children: "set up"
 			}) : null,
 			sub: row.app ? row.app.name : "Not set up. Workspaces cannot add the built-in agent here.",
-			actions: row.app ? null : /* @__PURE__ */ _jsx("button", {
-				type: "button",
-				class: "btn secondary sm",
+			actions: row.app ? null : /* @__PURE__ */ _jsx(Button, {
+				variant: "secondary",
+				size: "sm",
 				onClick: () => setOpen(row),
 				children: "Set up"
 			})

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/operator/{page.c60ebc5afe4dcdae.js → page.4a652f5080c2b863.js}

@@ -1,13 +1,13 @@
-import "./page.9002a449f872a10e.css.pnext-asset.js";
 import "./@/app/dash/[org]/settings/[tab]/list.83f35dd8a36acdfd.css.pnext-asset.js";
-import { ClientError } from "../../../../../../client/index.8e150ef2bc6a5f4e.js";
+import { ClientError } from "../../../../../../client/index.843431e3538fd9a4.js";
 import { notFound } from "../../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
-import { load } from "../../../../api/load.4f942c7f68b2e273.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
-import { Card, FoldCard } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { formatDate, reasonText, zoneOf } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { Row } from "../settings/[tab]/list.6d6180438e2bd0c8.js";
-import { OperatorApps } from "./operator-apps.3365f9248dfe735d.js";
+import { load } from "../../../../api/load.7ae462ef36271be8.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { Button } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Card, FoldCard } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { formatDate, reasonText, zoneOf } from "../../../../utils/format.ceeaafa10a0563f3.js";
+import { Row } from "../settings/[tab]/list.0c87d55cf4ef382c.js";
+import { OperatorApps } from "./operator-apps.d350a52d27f69fa6.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const SIGN_IN_ERRORS = {
 	stale: "That sign-in was not fresh enough. Sign in again.",
@@ -25,8 +25,7 @@ function SignInAgain({ error }) {
 					role: "alert",
 					children: SIGN_IN_ERRORS[error]
 				}) : null,
-				/* @__PURE__ */ _jsx("a", {
-					class: "btn",
+				/* @__PURE__ */ _jsx(Button, {
 					href: "/api/auth/sign-in?operator=1",
 					children: "Sign in again"
 				})

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/{page.c720853404d94114.js → page.d39f7a1719f50c6d.js}

@@ -1,6 +1,6 @@
 import { redirect } from "../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
-import { load, orgOf } from "../../../api/load.4f942c7f68b2e273.js";
-import { localServer } from "../../../api/types.9f59e6c761d6aac4.js";
+import { load, orgOf } from "../../../api/load.7ae462ef36271be8.js";
+import { localServer } from "../../../api/types.79f9092cdb5a00d1.js";
 /** A local server lands on Tasks, a cloud one on Agents; an account that fails to load is the layout's to handle. */
 export default async function DashboardHome({ request }) {
 	if (!request) return null;