@wular/coder 0.4.8 → 0.4.9

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

@@ -1,31 +1,32 @@
 "use client";
-import "./editor.d2e3bc878dcb47da.css.pnext-asset.js";
+import "./editor.c496247a81ed832c.css.pnext-asset.js";
 // The preview is the same card the agents list draws.
 import "./@/app/dash/[org]/agents/(list)/page.81c825592da30a32.css.pnext-asset.js";
 import { useEffect, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
-import { useAction } from "../../../../../utils/action.568346602027ac74.js";
-import { iDown, iPlus, iShuffle, iUpload } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { useAction } from "../../../../../utils/action.1a6356d5b722cafb.js";
+import { iDown, iPlus, iShuffle, iUpload } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
+import { useOrg } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
 import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { BrandIcon, DisabledBadge, PlatformLine } from "../agent/agent-pills.19e913c8cb22db21.js";
-import { Hero } from "../agent/hero.9de48723967d8546.js";
-import { Back, PageHead } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { BrandIcon, DisabledBadge, PlatformLine } from "../agent/agent-pills.d8e785c45f5410a6.js";
+import { Hero } from "../agent/hero.96bdca9762ff3e2e.js";
+import { Back, PageHead } from "../../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
 import { HEADS } from "../../../../../comps/frame/heads.20414ddcb2d08bcd.js";
 import { initial } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
 import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
-import { showToast, toastError } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
-import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { showToast, toastError } from "../../../../../comps/frame/task-toasts.63f673632770924d.js";
+import { Badge, Chip, Chips } from "../../../../../comps/ui/badge.0851f234f300c694.js";
+import { Button, LinkButton } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Select } from "../../../../../comps/ui/select.7f481669998074f8.js";
-import { Segmented } from "../../../../../comps/ui/segmented.5ac52bb38fb64ae5.js";
-import { Search } from "../../../../../comps/ui/toolbar.801bbd3163d3fbb0.js";
-import { ImportPicker } from "./import-picker.e54af9841da11373.js";
-import { markdown } from "../agent/instructions.6558ffd02a59ad53.js";
+import { Select } from "../../../../../comps/ui/select.36c6f21ce6aa720f.js";
+import { Segmented } from "../../../../../comps/ui/segmented.a08dc08338d080e9.js";
+import { Search } from "../../../../../comps/ui/toolbar.9621ef221a896a8e.js";
+import { ImportPicker } from "./import-picker.b8093a7ca97656a5.js";
+import { markdown } from "../agent/instructions.ca0c09d4849bfc30.js";
 import { ENGINE_NAMES, defaultLabel, modelHeadings, modelOptions, modelValue, splitModel } from "../../settings/model-options.2eacf7f8ac0032df.js";
 import { suggestName } from "./names.1ee5bba8d2b6ac41.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const PERMISSIONS = [
 	["read-only", "Read only"],
 	["workspace-write", "Edit files"],
@@ -324,15 +325,14 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 		});
 	};
 	const actions = /* @__PURE__ */ _jsxs(_Fragment, { children: [
-		creating ? /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn outline",
+		creating ? /* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
 			"aria-pressed": template === "import",
 			onClick: () => pickTemplate("import"),
 			children: "Import from repo"
 		}) : null,
-		creating ? null : /* @__PURE__ */ _jsx(Link, {
-			class: "btn ghost",
+		creating ? null : /* @__PURE__ */ _jsx(LinkButton, {
+			variant: "ghost",
 			href: "/dash/[org]/agents/[slug]",
 			params: {
 				org,
@@ -340,11 +340,12 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 			},
 			children: "Cancel"
 		}),
-		/* @__PURE__ */ _jsxs("button", {
-			class: "btn",
-			disabled: busy || !draft.name.trim() || template === "import",
-			"aria-busy": busy,
-			children: [/* @__PURE__ */ _jsx(Icon, { d: creating ? iPlus : iUpload }), creating ? "Create agent" : "Publish new version"]
+		/* @__PURE__ */ _jsx(Button, {
+			type: "submit",
+			leftIcon: creating ? iPlus : iUpload,
+			disabled: !draft.name.trim() || template === "import",
+			loading: busy,
+			children: creating ? "Create agent" : "Publish new version"
 		})
 	] });
 	const head = creating ? /* @__PURE__ */ _jsx(PageHead, {
@@ -429,12 +430,12 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 												required: true,
 												value: draft.name,
 												onInput: (event) => rename(event.currentTarget.value)
-											}), creating ? /* @__PURE__ */ _jsxs("button", {
-												type: "button",
-												class: "btn outline",
+											}), creating ? /* @__PURE__ */ _jsx(Button, {
+												variant: "outline",
+												leftIcon: iShuffle,
 												title: "Suggest another name",
 												onClick: () => rename(suggestName()),
-												children: [/* @__PURE__ */ _jsx(Icon, { d: iShuffle }), "Suggest"]
+												children: "Suggest"
 											}) : null]
 										})
 									}), creating ? /* @__PURE__ */ _jsx(Field, {
@@ -576,15 +577,11 @@ export function AgentEditor({ catalog, agent, suggested = "", section, models, d
 												]
 											}), on ? /* @__PURE__ */ _jsxs("div", {
 												class: "events",
-												children: [/* @__PURE__ */ _jsx("div", {
-													class: "chips",
-													role: "group",
-													"aria-label": `What wakes it on ${info.id}`,
+												children: [/* @__PURE__ */ _jsx(Chips, {
+													label: `What wakes it on ${info.id}`,
 													children: events.map(([event, spec]) => {
 														const pressed = ticked.includes(event);
-														return /* @__PURE__ */ _jsx("button", {
-															type: "button",
-															class: "chip",
+														return /* @__PURE__ */ _jsx(Chip, {
 															"aria-pressed": pressed,
 															title: spec.description,
 															onClick: () => toggleEvent(info.id, event, !pressed),

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

@@ -3,16 +3,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 { toastFailure, useAction } from "../../../../../utils/action.1a6356d5b722cafb.js";
+import { iGit } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
+import { useOrg } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
 import { held } from "../../../../../utils/paged.18f5872fc5aebe96.js";
-import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Badge, Id } from "../../../../../comps/ui/badge.0851f234f300c694.js";
+import { MenuItem, MenuNote } from "../../../../../comps/ui/menu-items.a8e580a0c90631ff.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 { Search } from "../../../../../comps/ui/toolbar.9621ef221a896a8e.js";
+import { TunnelGuide } from "../../settings/tunnel-guide.d6fae1c5d62f2c74.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.-]+$/;
@@ -65,8 +68,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 +83,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`
         ] }) })
@@ -127,10 +130,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 +161,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",
+        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.38715a27e2d25ebd.js → loading.6012b36c10c68657.js}

@@ -1,10 +1,10 @@
 import { HEADS } from "../../../../../comps/frame/heads.20414ddcb2d08bcd.js";
-import { Page, PageHead } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
-import { OrgBack } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
-import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { iPlus } from "../../../../../comps/ui/icons.868385119bf2de28.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { Page, PageHead } from "../../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { OrgBack } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { iPlus } from "../../../../../comps/ui/icons.a34176f37808cd66.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,
@@ -12,16 +12,14 @@ export default function NewAgentLoading() {
 			href: "/dash/[org]/agents",
 			label: "Agents"
 		}),
-		actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn outline",
+		actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
 			disabled: true,
 			children: "Import from repo"
-		}), /* @__PURE__ */ _jsxs("button", {
-			type: "button",
-			class: "btn",
+		}), /* @__PURE__ */ _jsx(Button, {
+			leftIcon: iPlus,
 			disabled: true,
-			children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "Create agent"]
+			children: "Create agent"
 		})] })
 	}), /* @__PURE__ */ _jsx(Loading, {
 		label: "Loading editor",

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

@@ -1,16 +1,16 @@
 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 { Page } from "../../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { Settle } from "../../../../../comps/frame/stream.1cc355a530dcc5e3.js";
 import { needsTunnel } from "../../../../../api/types.9f59e6c761d6aac4.js";
 import { NO_MODELS, modelsByEngine } from "../../settings/model-options.2eacf7f8ac0032df.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.20c42102ed262db7.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-34bc7ee6da"
 });
 /** A new agent from a template, or imported from a repository. */
 export default function NewAgentPage({ request }) {

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

@@ -1,21 +1,23 @@
-import "./layout.3827c440c6421a06.css.pnext-asset.js";
+import "./layout.a4efa8d807fe5416.css.pnext-asset.js";
 import { CoderError } from "../../../../../core/errors.5954bd9bd05e8230.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.a34176f37808cd66.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 { 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.5f59814a635caeec.js";
+import { Drawer } from "../../../comps/frame/drawer.8287e5a02144e4f1.js";
+import { SignOut } from "./account/sign-out.5dac3bf780c74354.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.249400957d6a7527.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.a41edd5cde1c90cf.js";
+import { MenuHead, MenuItem, MenuLabel, MenuLink, MenuNote, MenuRadio } from "../../../comps/ui/menu-items.a8e580a0c90631ff.js";
+import { Button } from "../../../comps/ui/button.983daea9e687fc5d.js";
+import { ActiveCount, TaskToasts } from "../../../comps/frame/task-toasts.63f673632770924d.js";
+import { ForeignLink } from "../../../comps/frame/foreign-link.86f0cc228353da6e.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.a56516bc0ba79187.js}

@@ -2,13 +2,13 @@
 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 { toastFailure } from "../../../../utils/action.1a6356d5b722cafb.js";
 import { ClientError } from "../../../../../../client/index.8e150ef2bc6a5f4e.js";
-import { Badge } from "../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { Badge } from "../../../../comps/ui/badge.0851f234f300c694.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.983daea9e687fc5d.js";
+import { iX } from "../../../../comps/ui/icons.a34176f37808cd66.js";
+import { List, Row } from "../settings/[tab]/list.df5ee5d74bec0f5b.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.af19494c89ac62c0.js}

@@ -3,11 +3,12 @@ import "./@/app/dash/[org]/settings/[tab]/list.83f35dd8a36acdfd.css.pnext-asset.
 import { ClientError } from "../../../../../../client/index.8e150ef2bc6a5f4e.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 { Page, PageHead } from "../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { Button } from "../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Card, FoldCard } from "../../../../comps/ui/card.c08471eaa0bc1cec.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 { Row } from "../settings/[tab]/list.df5ee5d74bec0f5b.js";
+import { OperatorApps } from "./operator-apps.a56516bc0ba79187.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 +26,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"
 				})