@wular/coder 0.4.8 → 0.4.9

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{task-actions.ece7ec732352ce70.js → task-actions.62422b873f98ee8e.js}

@@ -1,15 +1,17 @@
 "use client";
 import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
-import { useAction } from "../../../../../utils/action.568346602027ac74.js";
+import { useAction } from "../../../../../utils/action.1a6356d5b722cafb.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
-import { Card } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { ConfirmDialog } from "../../../../../comps/ui/confirm.fe133a074c2743af.js";
-import { Menu, MenuItem } from "../../../../../comps/ui/menu.0f064f75822888be.js";
+import { useOrg } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Card } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.53edc755945b0563.js";
+import { Menu } from "../../../../../comps/ui/menu.a41edd5cde1c90cf.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { iDots } from "../../../../../comps/ui/icons.868385119bf2de28.js";
-import { showToast } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
+import { iDots } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { showToast } from "../../../../../comps/frame/task-toasts.63f673632770924d.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export function approvalParts(approval) {
 	if (!approval || typeof approval !== "object") return {};
@@ -47,24 +49,23 @@ export function TaskActions({ task, live }) {
 			role: "status",
 			children: outcome
 		}),
-		live ? /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn outline",
+		live ? /* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
 			disabled: Boolean(action.pending),
-			"aria-busy": action.pending === "cancel",
+			loading: action.pending === "cancel",
 			onClick: () => void act("cancel"),
 			children: "Stop"
-		}) : archived ? null : /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn outline archive",
+		}) : archived ? null : /* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			class: "archive",
 			disabled: Boolean(action.pending),
-			"aria-busy": action.pending === "archive",
+			loading: action.pending === "archive",
 			onClick: archive,
 			children: "Archive"
 		}),
 		/* @__PURE__ */ _jsxs(Menu, {
 			summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
-			summaryClass: "icon-btn",
+			button: "icon",
 			label: "More actions",
 			children: [
 				live && !archived ? /* @__PURE__ */ _jsx(MenuItem, {
@@ -109,18 +110,17 @@ export function Approval({ task }) {
 	return /* @__PURE__ */ _jsx(Card, {
 		tone: "accent",
 		title: "Approval needed",
-		actions: task.task.flow === "default" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn outline sm",
+		actions: task.task.flow === "default" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			size: "sm",
 			disabled: Boolean(busy),
-			"aria-busy": busy === "decline",
+			loading: busy === "decline",
 			onClick: () => void decide("decline"),
 			children: "Deny"
-		}), /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn sm",
+		}), /* @__PURE__ */ _jsx(Button, {
+			size: "sm",
 			disabled: Boolean(busy),
-			"aria-busy": busy === "accept",
+			loading: busy === "accept",
 			onClick: () => void decide("accept"),
 			children: "Allow"
 		})] }) : undefined,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{task-view.8a5908c42647923f.js → task-view.ae0e9c9dffe0ff9f.js}

@@ -8,22 +8,24 @@ import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
 import { formatDate, formatDuration, reasonText } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
 import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { useSearchParams } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
-import { iAgent, iCheck, iClock, iDown, iFolder, iPlug, iRight, iTerminal } from "../../../../../comps/ui/icons.868385119bf2de28.js";
-import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
-import { Card, Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { Collapse } from "../../../../../comps/ui/collapse.dab7f208cbbe6a33.js";
+import { useOrg } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { iAgent, iClock, iDown, iFolder, iPlug, iRight, iTerminal } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { Badge } from "../../../../../comps/ui/badge.0851f234f300c694.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Card, Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Collapse } from "../../../../../comps/ui/collapse.762eba56417214ca.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Menu } from "../../../../../comps/ui/menu.0f064f75822888be.js";
-import { Back, PageHead } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { Menu } from "../../../../../comps/ui/menu.a41edd5cde1c90cf.js";
+import { MenuRadio } from "../../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
+import { Back, PageHead } from "../../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
 import { backFrom } from "../../../../../comps/frame/heads.20414ddcb2d08bcd.js";
-import { markdown } from "../../agents/agent/instructions.6558ffd02a59ad53.js";
+import { markdown } from "../../agents/agent/instructions.ca0c09d4849bfc30.js";
 import { Status } from "../list/status.16190fdd5fd7daad.js";
 import { folderName, sourceLabel, taskActive, taskTitle } from "../list/task.af5001e51d2f612b.js";
-import { useAction } from "../../../../../utils/action.568346602027ac74.js";
-import { Approval, TaskActions } from "./task-actions.ece7ec732352ce70.js";
-import { Activity, RunPreview, runSummary } from "./activity.ed49ee2686d1ee41.js";
-import { toastError, useTaskEvents, watchTask } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
+import { useAction } from "../../../../../utils/action.1a6356d5b722cafb.js";
+import { Approval, TaskActions } from "./task-actions.62422b873f98ee8e.js";
+import { Activity, RunPreview, runSummary } from "./activity.3755ae6065c3fc28.js";
+import { toastError, useTaskEvents, watchTask } from "../../../../../comps/frame/task-toasts.63f673632770924d.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const TABS = ["Conversation", "Activity"];
 function messageOf(value, fallback) {
@@ -398,11 +400,12 @@ export function TaskView({ initial, tz }) {
 		setAt(to);
 		setTab("activity");
 	};
-	const activityLink = /* @__PURE__ */ _jsxs("button", {
-		type: "button",
-		class: "btn ghost sm",
+	const activityLink = /* @__PURE__ */ _jsx(Button, {
+		variant: "ghost",
+		size: "sm",
+		rightIcon: iRight,
 		onClick: () => openActivity("end"),
-		children: ["Activity", /* @__PURE__ */ _jsx(Icon, { d: iRight })]
+		children: "Activity"
 	});
 	const run = rows.filter((row) => row.at >= (task.startedAt ?? 0));
 	const foot = !live && task.startedAt && task.finishedAt ? /* @__PURE__ */ _jsxs("p", {
@@ -548,26 +551,16 @@ export function TaskView({ initial, tz }) {
 						label: "Send as",
 						align: "up",
 						wide: true,
-						children: [/* @__PURE__ */ _jsxs("button", {
-							type: "button",
-							class: "pop-item rich",
-							role: "menuitemradio",
-							"aria-checked": !ask,
-							onClick: () => pickMode(false),
-							children: [/* @__PURE__ */ _jsxs("span", {
-								class: "grow",
-								children: ["Steer", /* @__PURE__ */ _jsx("small", { children: "Change course while it works." })]
-							}), /* @__PURE__ */ _jsx(Icon, { d: iCheck })]
-						}), /* @__PURE__ */ _jsxs("button", {
-							type: "button",
-							class: "pop-item rich",
-							role: "menuitemradio",
-							"aria-checked": ask,
-							onClick: () => pickMode(true),
-							children: [/* @__PURE__ */ _jsxs("span", {
-								class: "grow",
-								children: ["Ask", /* @__PURE__ */ _jsx("small", { children: "A question that does not interrupt it." })]
-							}), /* @__PURE__ */ _jsx(Icon, { d: iCheck })]
+						children: [/* @__PURE__ */ _jsx(MenuRadio, {
+							on: !ask,
+							onPick: () => pickMode(false),
+							sub: "Change course while it works.",
+							children: "Steer"
+						}), /* @__PURE__ */ _jsx(MenuRadio, {
+							on: ask,
+							onPick: () => pickMode(true),
+							sub: "A question that does not interrupt it.",
+							children: "Ask"
 						})]
 					}) : null,
 					/* @__PURE__ */ _jsx("textarea", {
@@ -582,8 +575,9 @@ export function TaskView({ initial, tz }) {
 							void send();
 						}
 					}),
-					/* @__PURE__ */ _jsx("button", {
-						class: "btn sm",
+					/* @__PURE__ */ _jsx(Button, {
+						type: "submit",
+						size: "sm",
 						disabled: sending,
 						"aria-busy": sending || asking > 0,
 						children: "Send"

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/{composer.c7ec618e215d63ce.js → composer.fdad306647cbaa59.js}

@@ -1,27 +1,27 @@
 "use client";
-import "./composer.360b393e5938c60b.css.pnext-asset.js";
+import "./composer.79c015348f861749.css.pnext-asset.js";
 import { Fragment } from "../../../../../../../../../node_modules/preact/dist/preact.mjs";
 import { useEffect, useId, useLayoutEffect, 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 { toastFailure, useAction } from "../../../../utils/action.1a6356d5b722cafb.js";
 import { formatDate } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { iAlert, iCheck, iPlus, iRight, iSliders, iSteer, iX } from "../../../../comps/ui/icons.868385119bf2de28.js";
-import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { iAlert, iPlus, iRight, iSliders, iSteer, iX } 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 { Loading } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { useOrg } from "../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { Loading } from "../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Button, IconButton } from "../../../../comps/ui/button.983daea9e687fc5d.js";
 import { reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Select } from "../../../../comps/ui/select.7f481669998074f8.js";
-import { MenuRadio } from "../../../../comps/ui/menu.0f064f75822888be.js";
+import { Select } from "../../../../comps/ui/select.36c6f21ce6aa720f.js";
+import { MenuLabel, MenuLink, MenuNote, MenuOption, MenuPanel, MenuRadio, MenuRow } from "../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
 import { connectRepositories } from "../agents/editor/connect-repositories.258f6c2c5f1b1b17.js";
 import { ENGINES, ENGINE_NAMES, defaultLabel, modelValue, splitModel } from "../settings/model-options.2eacf7f8ac0032df.js";
 import { folderName } from "./list/task.af5001e51d2f612b.js";
-import { watchTask } from "../../../../comps/frame/task-toasts.4282affa47415a36.js";
+import { watchTask } from "../../../../comps/frame/task-toasts.63f673632770924d.js";
 import { CHOICE, PLACEHOLDER, loadComposer, savedChoice, usableAgent } from "./composer-data.ff108c0ef82a4d7b.js";
 import { Notice } from "../../../../comps/ui/notice.f395f231cbb96445.js";
-import { CredentialsLink } from "../../../../comps/nav/back.af528135d7e33d6d.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { CredentialsLink } from "../../../../comps/nav/back.5681714d0cf45454.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const EFFORTS = [
 	["", "Default"],
 	["low", "Low"],
@@ -93,26 +93,19 @@ function argsOf(text) {
 }
 /** Rows under a combobox; the field keeps focus, so the mouse never takes it. */
 function Entries({ id, entries, active, selected, onActive }) {
-	return /* @__PURE__ */ _jsx(_Fragment, { children: entries.flatMap((entry, index) => [entry.head ? /* @__PURE__ */ _jsx("div", {
-		class: "pop-label",
+	return /* @__PURE__ */ _jsx(_Fragment, { children: entries.flatMap((entry, index) => [entry.head ? /* @__PURE__ */ _jsx(MenuLabel, {
 		role: "presentation",
 		children: entry.head
-	}, `h:${entry.key}`) : null, /* @__PURE__ */ _jsxs("div", {
+	}, `h:${entry.key}`) : null, /* @__PURE__ */ _jsx(MenuOption, {
 		id: `${id}-${index}`,
-		role: "option",
-		"aria-selected": selected === undefined ? index === active : entry.key === selected,
-		class: index === active ? "pop-item on" : "pop-item",
+		active: index === active,
+		selected: selected === undefined ? index === active : entry.key === selected,
+		check: selected !== undefined,
+		end: entry.hint ? /* @__PURE__ */ _jsx("small", { children: entry.hint }) : null,
 		onMouseDown: (event) => event.preventDefault(),
 		onPointerMove: () => index !== active && onActive(index),
 		onClick: entry.pick,
-		children: [
-			/* @__PURE__ */ _jsx("span", {
-				class: "grow",
-				children: entry.label
-			}),
-			entry.hint ? /* @__PURE__ */ _jsx("small", { children: entry.hint }) : null,
-			selected === undefined ? null : /* @__PURE__ */ _jsx(Icon, { d: iCheck })
-		]
+		children: entry.label
 	}, entry.key)]) });
 }
 /** Arrows move through `count` rows and wrap; returns whether the key was one of them. */
@@ -138,7 +131,8 @@ export function NeedsCredential({ reason, label }) {
 				children: reason || "Tasks need a model credential to run."
 			}),
 			/* @__PURE__ */ _jsx(CredentialsLink, {
-				class: "btn outline sm",
+				variant: "outline",
+				size: "sm",
 				label,
 				children: "Add credential"
 			})
@@ -536,13 +530,15 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 						title: "Model, effort, permissions and more",
 						children: [/* @__PURE__ */ _jsx(Icon, { d: iSliders }), changed ? /* @__PURE__ */ _jsx("span", { children: changed }) : null]
 					}),
-					/* @__PURE__ */ _jsx("button", {
-						class: "btn sm send",
-						disabled: busy || !text.trim() || lists.agentsOff,
-						"aria-busy": busy,
+					/* @__PURE__ */ _jsx(Button, {
+						type: "submit",
+						size: "sm",
+						class: "send",
+						leftIcon: iSteer,
+						disabled: !text.trim() || lists.agentsOff,
+						loading: busy,
 						"aria-label": busy ? "Starting task" : "Start task",
-						title: "Start task (Enter)",
-						children: /* @__PURE__ */ _jsx(Icon, { d: iSteer })
+						title: "Start task (Enter)"
 					})
 				]
 			}),
@@ -554,16 +550,13 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 				class: "folder-hint",
 				children: "Uses this machine's git logins"
 			}) : null,
-			/* @__PURE__ */ _jsxs("div", {
+			/* @__PURE__ */ _jsxs(MenuPanel, {
 				id: `${id}-settings`,
-				class: "pop composer-settings",
+				class: "composer-settings",
 				popover: "auto",
 				onBeforeToggle: place,
 				children: [
-					/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Model"
-					}),
+					/* @__PURE__ */ _jsx(MenuLabel, { children: "Model" }),
 					/* @__PURE__ */ _jsxs("div", {
 						role: "group",
 						"aria-label": "Model",
@@ -577,38 +570,26 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 							const efforts = resolved(EFFORTS, defaults.engines[picked.engine || defaults.engine]?.effort);
 							const effortLabel = on && choice.effort ? efforts.find(([key]) => key === choice.effort)?.[1] : undefined;
 							const showing = expanded === value;
-							return /* @__PURE__ */ _jsxs(Fragment, { children: [/* @__PURE__ */ _jsxs("div", {
-								class: "pop-row",
-								children: [/* @__PURE__ */ _jsxs("button", {
-									type: "button",
-									role: "menuitemradio",
-									"aria-checked": on,
-									class: on ? "pop-item on" : "pop-item",
-									onClick: (event) => {
-										apply({
-											...picked,
-											effort: ""
-										});
-										event.currentTarget.closest("[popover]")?.hidePopover();
-									},
-									children: [
-										/* @__PURE__ */ _jsx("span", {
-											class: "grow",
-											children: label
-										}),
-										effortLabel ? /* @__PURE__ */ _jsx("small", { children: effortLabel.toLowerCase() }) : null,
-										on ? /* @__PURE__ */ _jsx(Icon, { d: iCheck }) : null
-									]
-								}), /* @__PURE__ */ _jsx("button", {
-									type: "button",
-									class: "pop-chev",
-									"data-keep": true,
-									"aria-label": `Effort for ${label}`,
-									"aria-expanded": showing,
-									onClick: () => setExpanded(showing ? undefined : value),
-									children: /* @__PURE__ */ _jsx(Icon, { d: iRight })
-								})]
-							}), showing ? /* @__PURE__ */ _jsx("div", {
+							return /* @__PURE__ */ _jsxs(Fragment, { children: [/* @__PURE__ */ _jsxs(MenuRow, { children: [/* @__PURE__ */ _jsx(MenuRadio, {
+								on,
+								onPick: () => {
+									apply({
+										...picked,
+										effort: ""
+									});
+									document.getElementById(`${id}-settings`)?.hidePopover();
+								},
+								end: effortLabel ? /* @__PURE__ */ _jsx("small", { children: effortLabel.toLowerCase() }) : null,
+								children: label
+							}), /* @__PURE__ */ _jsx("button", {
+								type: "button",
+								class: "pop-chev",
+								"data-keep": true,
+								"aria-label": `Effort for ${label}`,
+								"aria-expanded": showing,
+								onClick: () => setExpanded(showing ? undefined : value),
+								children: /* @__PURE__ */ _jsx(Icon, { d: iRight })
+							})] }), showing ? /* @__PURE__ */ _jsx("div", {
 								role: "group",
 								"aria-label": `Effort for ${label}`,
 								class: "pop-sub",
@@ -624,23 +605,18 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 									children: text
 								}, effort))
 							}) : null] }, value);
-						})] }, engine)), /* @__PURE__ */ _jsxs(Link, {
-							class: "pop-item add-models",
+						})] }, engine)), /* @__PURE__ */ _jsx(MenuLink, {
+							class: "add-models",
 							href: "/dash/[org]/settings/[tab]",
 							params: {
 								org,
 								tab: "models"
 							},
-							children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), /* @__PURE__ */ _jsx("span", {
-								class: "grow",
-								children: "Add models"
-							})]
+							icon: iPlus,
+							children: "Add models"
 						})]
 					}),
-					/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Permissions"
-					}),
+					/* @__PURE__ */ _jsx(MenuLabel, { children: "Permissions" }),
 					/* @__PURE__ */ _jsx("div", {
 						role: "group",
 						"aria-label": "Permissions",
@@ -650,19 +626,13 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 							children: label
 						}, value))
 					}),
-					agents.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Agent"
-					}), /* @__PURE__ */ _jsx(Select, {
+					agents.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(MenuLabel, { children: "Agent" }), /* @__PURE__ */ _jsx(Select, {
 						label: "Agent",
 						value: choice.agent,
 						options: agents,
 						onChange: (value) => apply({ agent: value })
 					})] }) : null,
-					lists.runners.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Runs on"
-					}), /* @__PURE__ */ _jsx(Select, {
+					lists.runners.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(MenuLabel, { children: "Runs on" }), /* @__PURE__ */ _jsx(Select, {
 						label: "Runs on",
 						options: lists.runners,
 						value: choice.runner,
@@ -670,18 +640,15 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					})] }) : null
 				]
 			}),
-			/* @__PURE__ */ _jsx("div", {
-				ref: slash,
+			/* @__PURE__ */ _jsx(MenuPanel, {
+				panelRef: slash,
 				id: `${id}-slash`,
-				class: "pop composer-slash",
+				class: "composer-slash",
 				popover: "manual",
 				role: "listbox",
 				"aria-label": menu?.label ?? "Commands",
 				children: menu ? /* @__PURE__ */ _jsxs(_Fragment, { children: [
-					/* @__PURE__ */ _jsx("div", {
-						class: "pop-label",
-						children: menu.label
-					}),
+					/* @__PURE__ */ _jsx(MenuLabel, { children: menu.label }),
 					/* @__PURE__ */ _jsx(Entries, {
 						id: `${id}-slash`,
 						entries: menu.entries,
@@ -691,10 +658,7 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					menu.note === "loading" ? /* @__PURE__ */ _jsx(Loading, {
 						label: "Loading pull requests",
 						inline: true
-					}) : menu.note && !menu.entries.length ? /* @__PURE__ */ _jsx("p", {
-						class: "pop-note",
-						children: menu.note
-					}) : null
+					}) : menu.note && !menu.entries.length ? /* @__PURE__ */ _jsx(MenuNote, { children: menu.note }) : null
 				] }) : null
 			})
 		]
@@ -725,11 +689,11 @@ export function NewTaskButton({ agent }) {
 		dialog.current?.showModal();
 		loading.current ??= loadComposer(client).then(setSetup, (reason) => setError(reasonText(reason)));
 	};
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("button", {
-		type: "button",
-		class: "btn new-task",
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+		class: "new-task",
+		leftIcon: iPlus,
 		onClick: open,
-		children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "New task"]
+		children: "New task"
 	}), /* @__PURE__ */ _jsxs("dialog", {
 		ref: dialog,
 		class: "compose-dialog",
@@ -742,12 +706,10 @@ export function NewTaskButton({ agent }) {
 				class: "sub",
 				children: agent
 			}) : null,
-			/* @__PURE__ */ _jsx("button", {
-				type: "button",
-				class: "icon-btn",
-				"aria-label": "Close",
-				onClick: () => dialog.current?.close(),
-				children: /* @__PURE__ */ _jsx(Icon, { d: iX })
+			/* @__PURE__ */ _jsx(IconButton, {
+				icon: iX,
+				label: "Close",
+				onClick: () => dialog.current?.close()
 			})
 		] }), !shown ? null : setup ? /* @__PURE__ */ _jsx(Composer, {
 			...setup,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{tasks-list.0976f1812d6d15f5.js → tasks-list.952f37a9486aebe7.js}

@@ -3,42 +3,44 @@ import "./tasks-list.2282a7cef8b15bd8.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
 import { useEffect, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
-import { useAction } from "../../../../../utils/action.568346602027ac74.js";
+import { useAction } from "../../../../../utils/action.1a6356d5b722cafb.js";
 import { formatCount, formatDate, formatDay, formatDuration } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { iAgent, iClock, iDots, iFolder, iMonitor, iPlug, iPlus, iTerminal } from "../../../../../comps/ui/icons.868385119bf2de28.js";
-import { Menu, MenuItem } from "../../../../../comps/ui/menu.0f064f75822888be.js";
+import { iAgent, iClock, iDots, iFolder, iMonitor, iPlug, iPlus, iTerminal } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { Menu } from "../../../../../comps/ui/menu.a41edd5cde1c90cf.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
 import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
 import { usePaged } from "../../../../../utils/paged.18f5872fc5aebe96.js";
-import { BrandIcon } from "../../agents/agent/agent-pills.19e913c8cb22db21.js";
-import { Card, Empty } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { Id } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
-import { ConfirmDialog } from "../../../../../comps/ui/confirm.fe133a074c2743af.js";
-import { approvalParts } from "../[id]/task-actions.ece7ec732352ce70.js";
+import { BrandIcon } from "../../agents/agent/agent-pills.d8e785c45f5410a6.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Card, Empty } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Badge, Id } from "../../../../../comps/ui/badge.0851f234f300c694.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.53edc755945b0563.js";
+import { approvalParts } from "../[id]/task-actions.62422b873f98ee8e.js";
 import { Status } from "./status.16190fdd5fd7daad.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Filter } from "../../../../../comps/ui/filter.4f703a4ce7d2a519.js";
+import { Filter } from "../../../../../comps/ui/filter.1983b85dd0679af6.js";
 import { addRows, readDelta, taskActive, withAdded } from "./task.af5001e51d2f612b.js";
 import { taskTitle } from "./task.af5001e51d2f612b.js";
 import { LIST_PAGE } from "../../../../../utils/paged.18f5872fc5aebe96.js";
-import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.801bbd3163d3fbb0.js";
-import { Tail } from "../../../../../comps/ui/tail.30913c92f5ca6102.js";
+import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.9621ef221a896a8e.js";
+import { Tail } from "../../../../../comps/ui/tail.a8a951c757376590.js";
 import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.af5001e51d2f612b.js";
-import { NeedsCredential } from "../composer.c7ec618e215d63ce.js";
-import { useTaskEvents } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
-import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const NewTaskButton = dynamic(() => import("../composer.c7ec618e215d63ce.js").then((m) => m.NewTaskButton), { 
+import { NeedsCredential } from "../composer.fdad306647cbaa59.js";
+import { useTaskEvents } from "../../../../../comps/frame/task-toasts.63f673632770924d.js";
+import { useOrg } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const NewTaskButton = dynamic(() => import("../composer.fdad306647cbaa59.js").then((m) => m.NewTaskButton), { 
 // TODO: stays disabled after client navigation until pnext SSRs nested dynamic() like Next.js.
-loading: () => /* @__PURE__ */ _jsxs("button", {
-	type: "button",
-	class: "btn new-task",
+loading: () => /* @__PURE__ */ _jsx(Button, {
+	class: "new-task",
+	leftIcon: iPlus,
 	disabled: true,
-	children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "New task"]
+	children: "New task"
 }) }, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/tasks/composer.tsx", import.meta.url).pathname),
 	"exportName": "NewTaskButton",
-	"id": "c-fdfde05882"
+	"id": "c-b43fd610ad"
 });
 const SOURCE_ICONS = {
 	dashboard: iMonitor,
@@ -114,7 +116,7 @@ function RowActions({ task, onDone }) {
 	});
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs(Menu, {
 		summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
-		summaryClass: "icon-btn",
+		button: "icon",
 		label: "Task actions",
 		align: "right",
 		children: [
@@ -379,14 +381,12 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 		/* @__PURE__ */ _jsxs(Card, {
 			title: "Tasks",
 			count: counts ? formatCount(counts.all) : undefined,
-			actions: counts ? /* @__PURE__ */ _jsxs(_Fragment, { children: [counts.active ? /* @__PURE__ */ _jsxs("button", {
-				type: "button",
-				class: "badge acc",
+			actions: counts ? /* @__PURE__ */ _jsxs(_Fragment, { children: [counts.active ? /* @__PURE__ */ _jsxs(Badge, {
+				tone: "acc",
 				onClick: () => set("status", "active"),
 				children: [formatCount(counts.active), " active"]
-			}) : null, counts.waiting ? /* @__PURE__ */ _jsxs("button", {
-				type: "button",
-				class: "badge warn",
+			}) : null, counts.waiting ? /* @__PURE__ */ _jsxs(Badge, {
+				tone: "warn",
 				onClick: () => set("status", "waiting"),
 				children: [formatCount(counts.waiting), " awaiting approval"]
 			}) : null] }) : undefined,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{tasks-section.fd72404364042b87.js → tasks-section.1247d4765d0e1bdc.js}

@@ -3,18 +3,18 @@ import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext
 import { zoneOf } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
 import { FILTER_ROWS, LIST_PAGE } from "../../../../../utils/paged.18f5872fc5aebe96.js";
 import { load } from "../../../../../api/load.4f942c7f68b2e273.js";
-import { Settle } from "../../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
-import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.df3717186948c93f.js";
+import { Settle } from "../../../../../comps/frame/stream.1cc355a530dcc5e3.js";
+import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.0c6ac62ff3ccf38a.js";
 import { listFilters } from "./task.af5001e51d2f612b.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 // Rows arrive rendered; paging and filters hydrate once the list is in view.
-const TasksList = dynamic(() => import("./tasks-list.0976f1812d6d15f5.js").then((m) => m.TasksList), {
+const TasksList = dynamic(() => import("./tasks-list.952f37a9486aebe7.js").then((m) => m.TasksList), {
 	load: "visible",
 	ssr: true
 }, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/tasks/list/tasks-list.tsx", import.meta.url).pathname),
 	"exportName": "TasksList",
-	"id": "c-ea95c61a2c"
+	"id": "c-c527097ffa"
 });
 /** A task list before it arrives; an agent's own tab has no head and no agent filter. */
 export function TasksLoading({ head, agent }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/{page.293492d13a9dca2e.js → page.cf74c55e6528c7c9.js}

@@ -1,7 +1,7 @@
 import { load } from "../../../../api/load.4f942c7f68b2e273.js";
 import { HEADS } from "../../../../comps/frame/heads.20414ddcb2d08bcd.js";
-import { Page } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
-import { TasksSection, loadTasks } from "./list/tasks-section.fd72404364042b87.js";
+import { Page } from "../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { TasksSection, loadTasks } from "./list/tasks-section.1247d4765d0e1bdc.js";
 import { credentialMissing } from "./composer-data.ff108c0ef82a4d7b.js";
 import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Every task, with New task in the head. */