@wular/coder 0.4.8 → 0.4.10

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{runners-list.e644287ae91ea8c3.js → runners-list.a4a38e54d834a1ec.js}

@@ -1,20 +1,24 @@
 "use client";
-import "./runners-list.a835c9a264cf8903.css.pnext-asset.js";
+import "./runners-list.53c7ea80b6fb734c.css.pnext-asset.js";
 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 { iCheck, iDots, iDown, iGit, iMonitor, iPlug, iPlus, iSpark, iTerminal } from "../../../../../comps/ui/icons.868385119bf2de28.js";
-import { Card, Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
-import { CopyLine } from "../../../../../comps/ui/copy.9be99c94423eb1ca.js";
+import { client } from "../../../../../utils/client.189224c16057d7a1.js";
+import { toastFailure, useAction } from "../../../../../utils/action.968bcab0f5e3665d.js";
+import { iDots, iDown, iGit, iMonitor, iPlug, iPlus, iSpark, iTerminal } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Card, Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Badge } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { CopyLine } from "../../../../../comps/ui/copy.bd6fc1577a393965.js";
 import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Menu, MenuItem } from "../../../../../comps/ui/menu.0f064f75822888be.js";
-import { Select } from "../../../../../comps/ui/select.7f481669998074f8.js";
-import { formatDuration } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { sortedRunners } from "../../tasks/composer-data.ff108c0ef82a4d7b.js";
-import { useRunnerEvents } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
-import { useRemove } from "./list.6d6180438e2bd0c8.js";
+import { Menu } from "../../../../../comps/ui/menu.ee45bace979944b6.js";
+import { MenuItem, MenuRadio } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { Select } from "../../../../../comps/ui/select.2eb33e5bea28d804.js";
+import { ago, formatDuration } from "../../../../../utils/format.ceeaafa10a0563f3.js";
+import { isAdmin } from "../../../../../api/types.79f9092cdb5a00d1.js";
+import { SCOPES } from "../model-options.a96c11d11674f598.js";
+import { sortedRunners } from "../../tasks/composer-data.309a194fc7fa34be.js";
+import { useRunnerEvents } from "../../../../../comps/frame/task-toasts.e1a484113e1df660.js";
+import { useRemove } from "./list.0c87d55cf4ef382c.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const KIND_ICONS = {
 	local: iMonitor,
@@ -24,9 +28,6 @@ const KIND_ICONS = {
 	http: iPlug
 };
 const BUILT_IN = new Set(["default", "local"]);
-const SCOPES = [["personal", "Just me"], ["workspace", "Workspace"]];
-const ADMIN_ROLES = new Set(["owner", "admin"]);
-const ago = (at) => Date.now() - at < 6e4 ? "just now" : `${formatDuration(Date.now() - at).replace(/\.\d/, "")} ago`;
 function Status({ runner, tested }) {
 	if (tested === "testing") return /* @__PURE__ */ _jsxs("span", {
 		class: "sub runner-status",
@@ -90,11 +91,10 @@ function RunnerItem({ runner, manage, onChange }) {
 	})] }), /* @__PURE__ */ _jsxs("td", {
 		class: "acts",
 		children: [
-			runner.default || !manage ? null : /* @__PURE__ */ _jsx("button", {
-				type: "button",
-				class: "btn secondary sm",
-				disabled: making,
-				"aria-busy": making,
+			runner.default || !manage ? null : /* @__PURE__ */ _jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				loading: making,
 				onClick: () => {
 					setMaking(true);
 					void onChange(() => client.runners.update(runner.id, { default: true })).finally(() => setMaking(false));
@@ -102,7 +102,7 @@ function RunnerItem({ runner, manage, onChange }) {
 				children: "Make default"
 			}),
 			/* @__PURE__ */ _jsxs(Menu, {
-				summaryClass: "icon-btn",
+				button: "icon",
 				label: "Actions",
 				summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
 				children: [
@@ -153,9 +153,10 @@ function Pairing({ pairing, onCancel }) {
 					label: "Waiting for that computer to connect",
 					inline: true,
 					dots: true
-				}), /* @__PURE__ */ _jsx("button", {
-					type: "button",
-					class: "btn secondary-danger sm",
+				}), /* @__PURE__ */ _jsx(Button, {
+					variant: "secondary",
+					danger: true,
+					size: "sm",
 					onClick: onCancel,
 					children: "Cancel"
 				})]
@@ -217,7 +218,7 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 			class: "runner-pick",
 			children: [
 				/* @__PURE__ */ _jsx(Menu, {
-					summaryClass: "btn secondary",
+					button: { variant: "secondary" },
 					label: "Runner kind",
 					align: "left",
 					wide: true,
@@ -226,20 +227,12 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 						spec ? spec.name : "Add a runner",
 						/* @__PURE__ */ _jsx(Icon, { d: iDown })
 					] }),
-					children: catalog.filter((each) => each.available).map((each) => /* @__PURE__ */ _jsxs("button", {
-						type: "button",
-						role: "menuitemradio",
-						"aria-checked": each.kind === kind,
-						class: "pop-item rich",
-						onClick: () => pick(each),
-						children: [
-							/* @__PURE__ */ _jsx(Icon, { d: KIND_ICONS[each.kind] ?? iPlug }),
-							/* @__PURE__ */ _jsxs("span", {
-								class: "grow",
-								children: [each.name, /* @__PURE__ */ _jsx("small", { children: each.available ? each.description : each.reason })]
-							}),
-							/* @__PURE__ */ _jsx(Icon, { d: iCheck })
-						]
+					children: catalog.filter((each) => each.available).map((each) => /* @__PURE__ */ _jsx(MenuRadio, {
+						on: each.kind === kind,
+						onPick: () => pick(each),
+						icon: KIND_ICONS[each.kind] ?? iPlug,
+						sub: each.available ? each.description : each.reason,
+						children: each.name
 					}, each.kind))
 				}),
 				spec?.connect === "fields" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [spec.help ? /* @__PURE__ */ _jsx("p", {
@@ -275,10 +268,9 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 						value: admin ? scope : "personal",
 						onChange: setScope,
 						disabled: !admin
-					}) : null, /* @__PURE__ */ _jsx("button", {
-						class: "btn",
-						"aria-busy": busy,
-						disabled: busy,
+					}) : null, /* @__PURE__ */ _jsx(Button, {
+						type: "submit",
+						loading: busy,
 						children: "Add runner"
 					})]
 				}) : /* @__PURE__ */ _jsxs(_Fragment, { children: [spec && personal ? /* @__PURE__ */ _jsx(Select, {
@@ -302,7 +294,7 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 export function RunnersList({ first, me }) {
 	const [rows, setRows] = useState(first);
 	const action = useAction();
-	const admin = !me.user || ADMIN_ROLES.has(me.organization?.role ?? "");
+	const admin = isAdmin(me);
 	const items = sortedRunners(rows.items);
 	useRunnerEvents(({ items }) => setRows((current) => ({
 		...current,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{secrets-list.35fa72bf3f00d1af.js → secrets-list.50f487766f87383c.js}

@@ -1,13 +1,15 @@
 "use client";
 import { 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 { Card } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
-import { Select } from "../../../../../comps/ui/select.7f481669998074f8.js";
-import { Row } from "./list.6d6180438e2bd0c8.js";
+import { client } from "../../../../../utils/client.189224c16057d7a1.js";
+import { toastFailure, useAction } from "../../../../../utils/action.968bcab0f5e3665d.js";
+import { Card } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Badge } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { iPlus } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Button, IconButton } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Select } from "../../../../../comps/ui/select.2eb33e5bea28d804.js";
+import { Row } from "./list.0c87d55cf4ef382c.js";
+import { CONNECTION_SCOPES } from "../model-options.a96c11d11674f598.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const SCOPES = [["me", "Just me"], ["", "Workspace"]];
 /** Secrets tasks read as environment variables; Enter adds one, and a broken one takes a new value in place. */
 export function TaskSecrets({ first, local, admin }) {
 	const [rows, setRows] = useState(first);
@@ -21,11 +23,10 @@ export function TaskSecrets({ first, local, admin }) {
 	return /* @__PURE__ */ _jsx(Card, {
 		title: "Task secrets",
 		count: rows.length || undefined,
-		actions: open ? null : /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn ghost sm",
-			onClick: () => setAdding(true),
-			children: "Add"
+		actions: open ? null : /* @__PURE__ */ _jsx(IconButton, {
+			icon: iPlus,
+			label: "Add a task secret",
+			onClick: () => setAdding(true)
 		}),
 		children: /* @__PURE__ */ _jsxs("div", {
 			class: "cred-engine",
@@ -58,14 +59,18 @@ export function TaskSecrets({ first, local, admin }) {
 								name: "key",
 								type: "password",
 								"aria-label": `New value for ${row.env ?? row.name}`,
-								placeholder: "New value, then Enter",
+								placeholder: "New value",
 								autocomplete: "off",
 								"aria-busy": busy,
 								ref: (input) => input?.focus()
-							}), /* @__PURE__ */ _jsx("button", { hidden: true })]
-						}) : /* @__PURE__ */ _jsx("button", {
-							type: "button",
-							class: "btn ghost sm",
+							}), /* @__PURE__ */ _jsx(Button, {
+								type: "submit",
+								loading: busy,
+								children: "Save"
+							})]
+						}) : /* @__PURE__ */ _jsx(Button, {
+							variant: "ghost",
+							size: "sm",
 							onClick: () => setRenewing(row.id),
 							children: row.status === "ok" ? "Replace" : "Reconnect"
 						}),
@@ -98,7 +103,7 @@ export function TaskSecrets({ first, local, admin }) {
 								}));
 								box.reset();
 								setAdding(false);
-							});
+							}, { toast: "Not saved" });
 						},
 						children: [
 							/* @__PURE__ */ _jsx("input", {
@@ -115,18 +120,22 @@ export function TaskSecrets({ first, local, admin }) {
 								name: "key",
 								type: "password",
 								"aria-label": "Secret value",
-								placeholder: "Value, then Enter",
+								placeholder: "Value",
 								autocomplete: "off",
 								"aria-busy": busy,
 								required: true
 							}),
 							admin && !local ? /* @__PURE__ */ _jsx(Select, {
 								label: "Who can use this secret",
-								options: SCOPES,
+								options: CONNECTION_SCOPES,
 								value: scope,
 								onChange: setScope
 							}) : null,
-							/* @__PURE__ */ _jsx("button", { hidden: true })
+							/* @__PURE__ */ _jsx(Button, {
+								type: "submit",
+								loading: busy,
+								children: "Add"
+							})
 						]
 					})
 				}) : null

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/{layout.3a17085fb262e4ab.js → layout.c42e0ab39cb2c0e0.js}

@@ -1,19 +1,19 @@
+import { Button } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
 import { Suspense } from "../../../../../../../../../node_modules/preact/compat/dist/compat.mjs";
-import { load, orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
-import { Page } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { load, orgOf } from "../../../../api/load.7ae462ef36271be8.js";
+import { Page } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
 import { Tabs } from "../../../../comps/ui/tabs.66b2e54963f6901b.js";
-import { SETTINGS, SettingsHead } from "./settings-head.a14b9796a8af62dc.js";
-import { RememberedBack } from "../../../../comps/nav/back.af528135d7e33d6d.js";
+import { SETTINGS, SettingsHead } from "./settings-head.bbc7ced8dd5491eb.js";
+import { RememberedBack } from "../../../../comps/nav/back.180765bdadf6d602.js";
 import { rememberedBack } from "../../../../comps/nav/back-cookie.942c0904e944d8d6.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 async function Members({ me }) {
 	const url = (await me.catch(() => undefined))?.manageMembersUrl;
-	return url ? /* @__PURE__ */ _jsx("a", {
-		class: "btn outline",
+	return url ? /* @__PURE__ */ _jsx(Button, {
+		variant: "outline",
 		href: url,
-		target: "_blank",
-		rel: "noreferrer",
-		children: "Members in Wular Auth ↗"
+		external: true,
+		children: "Members in Wular Auth"
 	}) : null;
 }
 /** Settings' head and tabs around the open tab; a tab switch keeps them and swaps only the tab. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/{model-options.2eacf7f8ac0032df.js → model-options.a96c11d11674f598.js}

@@ -7,6 +7,19 @@ export const ENGINES = [
 	"codex",
 	"custom"
 ];
+export const EFFORTS = [
+	["low", "Low"],
+	["medium", "Medium"],
+	["high", "High"]
+];
+export const PERMISSIONS = [
+	["read-only", "Read only"],
+	["workspace-write", "Edit files"],
+	["auto", "Auto"]
+];
+export const SCOPES = [["personal", "Just me"], ["workspace", "Workspace"]];
+/** Connections and secrets: `me` is the person's own, blank the workspace's. */
+export const CONNECTION_SCOPES = [["me", "Just me"], ["", "Workspace"]];
 export const ENGINE_NAMES = {
 	claude: "Claude",
 	codex: "Codex",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/{page.bac05d6e87953d0e.js → page.6997506eaa1a4824.js}

@@ -1,5 +1,5 @@
 import { redirect } from "../../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
-import { orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
+import { orgOf } from "../../../../api/load.7ae462ef36271be8.js";
 /** Settings opens on its first tab. */
 export default function SettingsPage({ request }) {
 	if (!request) return null;

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/{settings-head.a14b9796a8af62dc.js → settings-head.bbc7ced8dd5491eb.js}

@@ -1,4 +1,4 @@
-import { PageHead } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
 import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export const SETTINGS = [
 	{

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/{tunnel-guide.1fd664df1fd0e3c1.js → tunnel-guide.29eee1a0b1852168.js}

@@ -1,4 +1,4 @@
-import { FoldCard } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { FoldCard } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
 import { jsxs as _jsxs, jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** How a server on this machine receives platform events: a public tunnel to its port, then PUBLIC_URL. */
 export function TunnelGuide({ port }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/{create-link.3acdd50e1cc0c729.js → create-link.9458b49dc99bbaaa.js}

@@ -1,9 +1,10 @@
 "use client";
 import { useEffect, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../utils/client.d25e6dcc6704eb60.js";
-import { toastFailure } from "../../../../utils/action.568346602027ac74.js";
-import { Loading } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { CreateDialog, createForm } from "../agents/[slug]/(tabs)/platforms/platform-actions.4b14873a20ebd56c.js";
+import { client } from "../../../../utils/client.189224c16057d7a1.js";
+import { toastFailure } from "../../../../utils/action.968bcab0f5e3665d.js";
+import { Loading } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Button } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { CreateDialog, createForm } from "../agents/[slug]/(tabs)/platforms/platform-actions.b6c3d3184e167d0b.js";
 import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** A create link opened outside the Platforms tab: its form here, or the platform's own. */
 export function CreateLink({ integration, state, info }) {
@@ -25,9 +26,7 @@ export function CreateLink({ integration, state, info }) {
 		start,
 		unreachable: info?.unreachable,
 		onClose: () => setOpen(false)
-	}) : /* @__PURE__ */ _jsx("button", {
-		type: "button",
-		class: "btn",
+	}) : /* @__PURE__ */ _jsx(Button, {
 		onClick: () => setOpen(true),
 		children: step.submit
 	});

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/{outcome-dialog.d730e0bfbe0cf2f8.js → outcome-dialog.894c73f9abee3ce1.js}

@@ -1,19 +1,19 @@
 "use client";
 import { toChildArray } from "../../../../../../../../../node_modules/preact/dist/preact.mjs";
-import { iAlert, iCheck } from "../../../../comps/ui/icons.868385119bf2de28.js";
-import { Modal } from "../../../../comps/ui/modal.92432959e3a3e2c0.js";
+import { iAlert, iCheck } from "../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Modal } from "../../../../comps/ui/modal.25d53e5b41b9c4e5.js";
+import { Button } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** A flow's outcome, open on load, with its next steps as `children`; closing drops it from the address. */
-export function OutcomeDialog({ ok, title, text, issues, cancel = "Close", children }) {
+export function OutcomeDialog({ ok, title, text, issues, cancel = "Close", focus, children }) {
 	const steps = toChildArray(children);
-	const report = !ok && issues ? /* @__PURE__ */ _jsx("a", {
-		class: "btn outline",
+	const report = !ok && issues ? /* @__PURE__ */ _jsx(Button, {
+		variant: "outline",
 		href: `${issues}?${new URLSearchParams({
 			title,
 			body: text
 		})}`,
-		target: "_blank",
-		rel: "noreferrer",
+		external: true,
 		children: "Report issue"
 	}) : null;
 	return /* @__PURE__ */ _jsx(Modal, {
@@ -22,6 +22,7 @@ export function OutcomeDialog({ ok, title, text, issues, cancel = "Close", child
 		title,
 		icon: ok ? iCheck : iAlert,
 		cancel,
+		focus,
 		actions: report || steps.length ? /* @__PURE__ */ _jsxs(_Fragment, { children: [report, steps] }) : undefined,
 		onClose: () => history.replaceState(history.state, "", location.pathname),
 		children: /* @__PURE__ */ _jsx("p", {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/{page.079600422889e725.js → page.77e402bb6e8e7f7e.js}

@@ -1,15 +1,15 @@
 import { dynamic } from "../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { load, orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
-import { Settle } from "../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
-import { TunnelGuide } from "../settings/tunnel-guide.1fd664df1fd0e3c1.js";
+import { LinkButton } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { load, orgOf } from "../../../../api/load.7ae462ef36271be8.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { Settle } from "../../../../comps/frame/stream.95a2468086aceb84.js";
+import { TunnelGuide } from "../settings/tunnel-guide.29eee1a0b1852168.js";
 import { Outcome, readOutcome } from "./outcome.cbbc8cd1bbbee01b.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const CreateLink = dynamic(() => import("./create-link.3acdd50e1cc0c729.js").then((m) => m.CreateLink), undefined, {
+const CreateLink = dynamic(() => import("./create-link.9458b49dc99bbaaa.js").then((m) => m.CreateLink), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/[org]/setup/create-link.tsx", import.meta.url).pathname),
 	"exportName": "CreateLink",
-	"id": "c-9ee5b947b9"
+	"id": "c-ca97f0a33a"
 });
 /** Where a create link starts, and where create, install and link flows end when they know no agent. */
 export default function SetupPage({ request }) {
@@ -32,8 +32,9 @@ export default function SetupPage({ request }) {
 			}) : null] }) : /* @__PURE__ */ _jsx(Outcome, {
 				outcome: readOutcome(url.searchParams) ?? { status: "failed" },
 				catalog: entries,
-				children: /* @__PURE__ */ _jsx(Link, {
-					class: "btn sm outline",
+				children: /* @__PURE__ */ _jsx(LinkButton, {
+					variant: "outline",
+					size: "sm",
 					href: "/dash/[org]/agents",
 					params: { org: orgOf(request) },
 					children: "Open agents"

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{activity.ed49ee2686d1ee41.js → activity.fcda6f18c8207c99.js}

@@ -1,11 +1,12 @@
 "use client";
 import { useEffect, useLayoutEffect, useReducer, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { useFollowEnd } from "../../../../../utils/follow.bfb9bcff3c1366d7.js";
 import { Virtualizer, observeWindowOffset, observeWindowRect, windowScroll } from "../../../../../../../../../../node_modules/@tanstack/virtual-core/dist/esm/index.js";
-import { iActivity, iAlert, iChart, iCheck, iDown, iKey, iMessage, iRight, iSpark, iSteer, iTerminal, iX } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { iActivity, iAlert, iChart, iCheck, iDown, iKey, iMessage, iRight, iSpark, iSteer, iTerminal, iX } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { formatDuration, formatTime } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { usePoll } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { ago, formatDuration, formatTime } from "../../../../../utils/format.ceeaafa10a0563f3.js";
+import { usePoll } from "../../../../../utils/client.189224c16057d7a1.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const ICONS = {
 	assistant: iMessage,
@@ -21,7 +22,6 @@ const ICONS = {
 };
 /** Rows long enough to fold to one line. */
 const foldable = (row) => Boolean(row.detail || row.result?.detail) || row.title.length > 120 || row.title.includes("\n");
-const atEnd = () => innerHeight + scrollY >= document.documentElement.scrollHeight - 48;
 /** The list scrolls with the page; only rows near the viewport are in the DOM. */
 function useWindowVirtualizer(count, list) {
 	const [, rerender] = useReducer((n) => n + 1, 0);
@@ -81,12 +81,20 @@ function Row({ row, tz, open, running, onToggle }) {
 		row.exitCode !== undefined ? `exit ${row.exitCode}` : undefined,
 		row.durationMs ? formatDuration(row.durationMs) : undefined
 	].filter(Boolean).join(" · ") : row.kind === "reasoning" && row.durationMs ? formatDuration(row.durationMs) : "";
-	const Tag = fold ? "button" : "div";
-	return /* @__PURE__ */ _jsxs(Tag, {
-		type: fold ? "button" : undefined,
-		class: `act ${row.kind}${row.tone ? ` ${row.tone}` : ""}${timed ? " timed" : ""}${open ? " open" : ""}`,
-		"aria-expanded": fold ? open : undefined,
-		onClick: fold ? onToggle : undefined,
+	return /* @__PURE__ */ _jsxs("div", {
+		class: `act ${row.kind}${row.tone ? ` ${row.tone}` : ""}${timed ? " timed" : ""}${open ? " open" : ""}${fold ? " fold" : ""}`,
+		...fold ? {
+			role: "button",
+			tabIndex: 0,
+			"aria-expanded": open,
+			// Selecting text in a row does not fold it.
+			onClick: () => getSelection()?.isCollapsed !== false && onToggle(),
+			onKeyDown: (event) => {
+				if (event.key !== "Enter" && event.key !== " ") return;
+				event.preventDefault();
+				onToggle();
+			}
+		} : {},
 		children: [
 			/* @__PURE__ */ _jsx("time", { children: formatTime(row.at, tz) }),
 			/* @__PURE__ */ _jsx(Icon, { d: row.kind === "tool-result" && failed ? iX : ICONS[row.kind] }),
@@ -127,7 +135,7 @@ function Row({ row, tz, open, running, onToggle }) {
 export function Activity({ rows, live, tz, at }) {
 	const list = useRef(null);
 	const [open, setOpen] = useState(() => new Set(typeof at === "number" ? [at] : []));
-	const [follow, setFollow] = useState(at === undefined ? live : at === "end");
+	const { following, follow } = useFollowEnd(at === undefined ? live : at === "end");
 	const virtual = useWindowVirtualizer(rows.length, list);
 	const running = runningIn(rows, live);
 	useEffect(() => {
@@ -174,15 +182,6 @@ export function Activity({ rows, live, tz, at }) {
 		frame = requestAnimationFrame(align);
 		return stop;
 	}, []);
-	useEffect(() => {
-		const onScroll = () => setFollow(atEnd());
-		addEventListener("scroll", onScroll, { passive: true });
-		onScroll();
-		return () => removeEventListener("scroll", onScroll);
-	}, []);
-	useLayoutEffect(() => {
-		if (follow) scrollTo({ top: document.documentElement.scrollHeight });
-	}, [rows.length]);
 	if (!rows.length) return /* @__PURE__ */ _jsx("p", {
 		class: "act-empty muted",
 		children: live ? "Nothing yet. Events appear here as the task runs." : "No activity recorded."
@@ -213,13 +212,10 @@ export function Activity({ rows, live, tz, at }) {
 				})
 			}, row.seq);
 		})
-	}), follow ? null : /* @__PURE__ */ _jsx("button", {
+	}), following ? null : /* @__PURE__ */ _jsx("button", {
 		type: "button",
 		class: "jump",
-		onClick: () => {
-			setFollow(true);
-			scrollTo({ top: document.documentElement.scrollHeight });
-		},
+		onClick: follow,
 		children: "Jump to latest"
 	})] });
 }
@@ -237,7 +233,7 @@ export function runSummary(rows, elapsed) {
 	const failed = rows.filter((row) => row.kind === "tool" ? row.result?.ok === false : row.kind === "tool-result" && row.tone === "error").length;
 	const reasoning = rows.reduce((sum, row) => sum + (row.kind === "reasoning" ? row.durationMs ?? 0 : 0), 0);
 	return [
-		`${calls} tool ${calls === 1 ? "call" : "calls"}`,
+		calls ? `${calls} tool ${calls === 1 ? "call" : "calls"}` : "",
 		approved ? `${approved} approved` : "",
 		denied ? `${denied} denied` : "",
 		failed ? `${failed} failed` : "",
@@ -245,7 +241,6 @@ export function runSummary(rows, elapsed) {
 		elapsed === undefined ? "" : formatDuration(elapsed)
 	].filter(Boolean).join(" · ");
 }
-const ago = (at) => `${formatDuration(Math.max(1e3, Date.now() - at)).replace(/\.\d/, "")} ago`;
 /** One step in the preview, as an Activity row: its outcome, its title, and when it ended. */
 function Step({ row, running, onOpen }) {
 	const waiting = running && row.state === "waiting";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{loading.0d973b51fee68801.js → loading.56520888d5270b88.js}

@@ -1,8 +1,9 @@
-import { Page } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
-import { OrgBack } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
-import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { Page } from "../../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { OrgBack } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
 import { LoadingTabs } from "../../../../../comps/ui/tabs.66b2e54963f6901b.js";
-import { BLANK } from "../../../../../comps/frame/loading-card.df3717186948c93f.js";
+import { BLANK } from "../../../../../comps/frame/loading-card.cc76fc9708142525.js";
+import { TASK_TABS } from "../list/task.a0c68180db5fb4c1.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function TaskLoading() {
 	return /* @__PURE__ */ _jsx(Page, { children: /* @__PURE__ */ _jsx(LoadingTask, {}) });
@@ -27,11 +28,7 @@ function LoadingTask() {
 				})
 			] })
 		}),
-		/* @__PURE__ */ _jsx(LoadingTabs, { labels: [
-			"Conversation",
-			"Activity",
-			"Diff"
-		] }),
+		/* @__PURE__ */ _jsx(LoadingTabs, { labels: TASK_TABS }),
 		/* @__PURE__ */ _jsx(Loading, { label: "Loading task" })
 	] });
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{page.05dd344bada1d4d8.js → page.d0f039221a27b8ef.js}

@@ -1,15 +1,15 @@
-import "./task-view.38b1b7ef3976ba71.css.pnext-asset.js";
+import "./task-view.57990cfd2bdf5c11.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { zoneOf } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
-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 { zoneOf } from "../../../../../utils/format.ceeaafa10a0563f3.js";
+import { load } from "../../../../../api/load.7ae462ef36271be8.js";
+import { Page } from "../../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { Settle } from "../../../../../comps/frame/stream.95a2468086aceb84.js";
 import { jsx as _jsx } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 // Hydrates with the page: the reply box is focused and the activity follows the run at once.
-const TaskView = dynamic(() => import("./task-view.8a5908c42647923f.js").then((m) => m.TaskView), undefined, {
+const TaskView = dynamic(() => import("./task-view.a292baa2410cdf64.js").then((m) => m.TaskView), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/tasks/[id]/task-view.tsx", import.meta.url).pathname),
 	"exportName": "TaskView",
-	"id": "c-15a972b1e6"
+	"id": "c-b99ba8f55d"
 });
 export default async function TaskPage({ request, params }) {
 	if (!request) return null;