@wular/coder 0.4.12 → 0.5.0

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{tasks-list.1162926f7498c732.js → tasks-list.e486cbd16ea3e963.js}

@@ -1,37 +1,39 @@
 "use client";
-import "./tasks-list.abbbc9ace4d866e5.css.pnext-asset.js";
+import "./tasks-list.f3737549b4696cc8.css.pnext-asset.js";
+import { Fragment } from "../../../../../../../../../../node_modules/preact/dist/preact.mjs";
 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.a3928fa2dcd27b75.js";
-import { useAction } from "../../../../../utils/action.b9a5c37272250e82.js";
+import { client } from "../../../../../utils/client.c8d7efefb6194d7d.js";
+import { useAction } from "../../../../../utils/action.f22057e7dfac40fe.js";
 import { formatCount, formatDate, formatDay, formatDuration } from "../../../../../utils/format.ceeaafa10a0563f3.js";
-import { iAgent, iClock, iDots, iFolder, iMonitor, iPlug, iPlus, iTerminal } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
-import { Menu } from "../../../../../comps/ui/menu.ee45bace979944b6.js";
-import { MenuItem } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { iAgent, iClock, iDots, iFolder, iMonitor, iPlug, iPlus, iTerminal } from "../../../../../comps/ui/icons.f769275420d072ce.js";
+import { Menu } from "../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
 import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { PendingApprovals } from "./pending-approvals.7607998094780fdd.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
 import { usePaged } from "../../../../../utils/paged.0e54c3044f8ca567.js";
 import { useZone } from "../../../../zone.0515a688ee5ff6ca.js";
-import { BrandIcon } from "../../agents/agent/agent-pills.f987c12bcbc5c850.js";
-import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
-import { Card, Empty } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Badge, Id } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
-import { ConfirmDialog } from "../../../../../comps/ui/confirm.c1281f9b12854210.js";
-import { approvalParts } from "../[id]/task-actions.587da79d68ab8d14.js";
-import { Status } from "./status.16190fdd5fd7daad.js";
+import { pendingApproval } from "../[id]/task-actions.4a4052a38db4bad3.js";
+import { BrandIcon } from "../../agents/agent/agent-pills.1012e04bfbc7bffd.js";
+import { Button } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { Card, Empty } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Badge } from "../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.e21b7f5e486dafb8.js";
+import { Status } from "./status.d2c05c397780b833.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Filter } from "../../../../../comps/ui/filter.3a452a262f040973.js";
-import { addRows, readDelta, taskActive, withAdded } from "./task.0a1b5878dccd3b37.js";
-import { taskTitle } from "./task.0a1b5878dccd3b37.js";
+import { Filter } from "../../../../../comps/ui/filter.0730dccad6332327.js";
+import { addRows, readDelta, taskActive, withAdded } from "./task.a25847399a4dfb30.js";
+import { taskModel, taskTitle } from "./task.a25847399a4dfb30.js";
 import { LIST_PAGE } from "../../../../../utils/paged.0e54c3044f8ca567.js";
-import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.24036899654de6df.js";
-import { Tail } from "../../../../../comps/ui/tail.04132db0c5033d4f.js";
-import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.0a1b5878dccd3b37.js";
-import { NeedsCredential } from "../composer.5072aacdce127689.js";
-import { useTaskEvents } from "../../../../../comps/frame/task-toasts.0ed8ccaae81b9d53.js";
-import { useOrg } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.ff8367c641d28c1e.js";
+import { Tail } from "../../../../../comps/ui/tail.7eb303330802ac18.js";
+import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.a25847399a4dfb30.js";
+import { NeedsCredential } from "../composer.ee326fbf5e526fb1.js";
+import { useTaskEvents } from "../../../../../comps/frame/task-toasts.3b7eeee29fc327de.js";
+import { useOrg } from "../../../../../comps/nav/org.853d173b55368728.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.5072aacdce127689.js").then((m) => m.NewTaskButton), { 
+const NewTaskButton = dynamic(() => import("../composer.ee326fbf5e526fb1.js").then((m) => m.NewTaskButton), { 
 // TODO: stays disabled after client navigation until pnext SSRs nested dynamic() like Next.js.
 loading: () => /* @__PURE__ */ _jsx(Button, {
 	class: "new-task",
@@ -41,7 +43,7 @@ loading: () => /* @__PURE__ */ _jsx(Button, {
 }) }, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/tasks/composer.tsx", import.meta.url).pathname),
 	"exportName": "NewTaskButton",
-	"id": "c-6520696115"
+	"id": "c-2a236216a0"
 });
 const SOURCE_ICONS = {
 	dashboard: iMonitor,
@@ -74,19 +76,26 @@ function TaskRowView({ task, brand, back, scoped, tz, now, onDone }) {
 			},
 			search: back ? { back } : undefined,
 			children: taskTitle(task)
-		}), /* @__PURE__ */ _jsxs("span", {
+		}), /* @__PURE__ */ _jsx("span", {
 			class: "sub",
 			children: [
-				scoped ? null : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Icon, { d: iAgent }), `${task.task.agent} · `] }),
-				/* @__PURE__ */ _jsx(Id, { value: task.task.id }),
-				kind ? ` · ${kind}` : null,
-				task.task.cwd ? /* @__PURE__ */ _jsxs(_Fragment, { children: [" · ", /* @__PURE__ */ _jsxs("span", {
+				scoped ? null : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Icon, { d: iAgent }), task.task.agent] }),
+				kind,
+				task.task.cwd ? /* @__PURE__ */ _jsxs("span", {
 					title: task.task.cwd,
 					children: [/* @__PURE__ */ _jsx(Icon, { d: iFolder }), folderName(task.task.cwd)]
-				})] }) : null
-			]
+				}) : null
+			].filter(Boolean).map((part, index) => /* @__PURE__ */ _jsxs(Fragment, { children: [index ? " · " : null, part] }, index))
 		})] }),
-		/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Status, { status: task.status }) }),
+		/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Status, {
+			status: task.status,
+			approvals: task.approvals
+		}) }),
+		/* @__PURE__ */ _jsx("td", {
+			class: "model",
+			title: taskModel(task),
+			children: task.model ?? task.task.usage?.model ?? task.task.definition?.model
+		}),
 		/* @__PURE__ */ _jsx("td", {
 			class: "when",
 			title: formatDate(task.lastActivityAt, tz),
@@ -94,7 +103,7 @@ function TaskRowView({ task, brand, back, scoped, tz, now, onDone }) {
 		}),
 		/* @__PURE__ */ _jsx("td", {
 			class: "num",
-			children: formatDuration(elapsed)
+			children: task.startedAt === undefined ? null : formatDuration(elapsed)
 		}),
 		/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsxs("span", {
 			class: "source",
@@ -112,7 +121,8 @@ function TaskRowView({ task, brand, back, scoped, tz, now, onDone }) {
 function RowActions({ task, onDone }) {
 	const action = useAction();
 	const [confirming, setConfirming] = useState(false);
-	const act = (what, decision) => void action.run(what, () => what === "approve" ? client.tasks.approve(task.task.id, approvalParts(task.approval).id ?? "", decision ?? "decline") : what === "delete" ? client.tasks.delete(task.task.id) : client.tasks[what](task.task.id)).then((ok) => {
+	const approval = pendingApproval(task);
+	const act = (what, decision) => void action.run(what, () => what === "approve" ? client.tasks.approve(task.task.id, approval?.id ?? "", decision ?? "decline") : what === "delete" ? client.tasks.delete(task.task.id) : client.tasks[what](task.task.id)).then((ok) => {
 		if (ok) onDone(what);
 		setConfirming(false);
 	});
@@ -122,11 +132,11 @@ function RowActions({ task, onDone }) {
 		label: "Task actions",
 		align: "right",
 		children: [
-			task.approval ? /* @__PURE__ */ _jsx(MenuItem, {
+			approval ? /* @__PURE__ */ _jsx(MenuItem, {
 				title: "Approve",
 				onClick: () => act("approve", "accept")
 			}) : null,
-			task.approval ? /* @__PURE__ */ _jsx(MenuItem, {
+			approval ? /* @__PURE__ */ _jsx(MenuItem, {
 				title: "Deny",
 				onClick: () => act("approve", "decline")
 			}) : null,
@@ -155,7 +165,7 @@ function RowActions({ task, onDone }) {
 	})] });
 }
 /** Tasks newest first, in pages as the list scrolls; search and filters run on the server, running ones stay live. */
-export function TasksList({ first, platforms, brands = {}, agents = [], filters, agent, head, missing, tz: serverZone, now }) {
+export function TasksList({ first, platforms, brands = {}, agents = [], filters, agent, head, missing, pendingApprovals, me, tz: serverZone, now }) {
 	const tz = useZone(serverZone);
 	const org = useOrg();
 	const { values, set, query } = useFilters(filters);
@@ -314,7 +324,10 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 		touched.current[event.id] = Date.now();
 		if (refetching.current) again.current = true;
 		// A change that moves the counts asks the server; a continued task also brings its new prompt.
-		if (event.deleted || event.status !== row.status || Boolean(event.archivedAt) !== Boolean(row.archivedAt)) refresh();
+		if (event.deleted || event.status !== row.status || Boolean(event.archivedAt) !== Boolean(row.archivedAt) || Boolean(pendingApproval(row)) !== Boolean(pendingApproval({
+			approval: event.approval,
+			approvals: event.approvals
+		}))) refresh();
 		if (event.deleted || event.archivedAt && values.status !== "archived") return setGone((current) => [...current, event.id]);
 		setFresh((current) => {
 			const was = current.rows[event.id] ?? row;
@@ -326,6 +339,7 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 						...was,
 						status: event.status,
 						approval: event.approval ?? undefined,
+						approvals: event.approvals ?? undefined,
 						archivedAt: event.archivedAt,
 						startedAt: event.startedAt,
 						finishedAt: event.finishedAt
@@ -355,6 +369,7 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 				agent: row.task.agent,
 				status: row.status,
 				approval: row.approval,
+				approvals: row.approvals,
 				archivedAt: row.archivedAt,
 				createdAt: row.createdAt,
 				startedAt: row.startedAt,
@@ -381,6 +396,10 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 			})]
 		}),
 		missing ? /* @__PURE__ */ _jsx(NeedsCredential, {}) : null,
+		pendingApprovals?.length ? /* @__PURE__ */ _jsx(PendingApprovals, {
+			rows: pendingApprovals.map((row) => fresh.rows[row.task.id] ?? row),
+			me
+		}) : null,
 		/* @__PURE__ */ _jsxs(Card, {
 			title: "Tasks",
 			count: counts ? formatCount(counts.all) : undefined,
@@ -401,6 +420,10 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 					children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsxs("tr", { children: [
 						/* @__PURE__ */ _jsx("th", { children: "Task" }),
 						/* @__PURE__ */ _jsx("th", { children: "Status" }),
+						/* @__PURE__ */ _jsx("th", {
+							class: "model",
+							children: "Model"
+						}),
 						/* @__PURE__ */ _jsx("th", { children: "Last activity" }),
 						/* @__PURE__ */ _jsx("th", {
 							class: "num",
@@ -413,7 +436,7 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 						back,
 						scoped: Boolean(agent),
 						tz,
-						now,
+						now: Date.now(),
 						onDone: (what) => {
 							// An archived row leaves every view but the archive; a stopped one just refreshes.
 							if (what === "delete" || what === "archive" && values.status !== "archived") setGone((current) => [...current, task.task.id]);

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{tasks-section.1d687c986db53a73.js → tasks-section.01510523d1556d59.js}

@@ -1,20 +1,20 @@
-import "./tasks-list.abbbc9ace4d866e5.css.pnext-asset.js";
+import "./tasks-list.f3737549b4696cc8.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
 import { zoneOf } from "../../../../../utils/format.ceeaafa10a0563f3.js";
 import { FILTER_ROWS, LIST_PAGE } from "../../../../../utils/paged.0e54c3044f8ca567.js";
-import { load } from "../../../../../api/load.be791a5eaf328738.js";
-import { Settle } from "../../../../../comps/frame/stream.e2915852cf82c86b.js";
-import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.cc76fc9708142525.js";
-import { listFilters } from "./task.0a1b5878dccd3b37.js";
+import { load } from "../../../../../api/load.252f972b42c690e2.js";
+import { Settle } from "../../../../../comps/frame/stream.e3800e736f832124.js";
+import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.77bea8c5870b5d3c.js";
+import { listFilters } from "./task.a25847399a4dfb30.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.1162926f7498c732.js").then((m) => m.TasksList), {
+const TasksList = dynamic(() => import("./tasks-list.e486cbd16ea3e963.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-50297fb16e"
+	"id": "c-35847fbe08"
 });
 /** A task list before it arrives; an agent's own tab has no head and no agent filter. */
 export function TasksLoading({ head }) {
@@ -41,6 +41,7 @@ export function loadTasks(request, agent) {
 		limit: LIST_PAGE,
 		summary: true,
 		counts: true,
+		approvals: !agent,
 		...listFilters(filters),
 		agent: agent ?? filters.agent
 	});
@@ -51,21 +52,24 @@ export function loadTasks(request, agent) {
 		limit: FILTER_ROWS + 1,
 		fields: "id,name"
 	}).then((page) => page.items.map((row) => [row.id, row.name]), () => []);
+	const me = load(request).me().catch(() => ({}));
 	return {
 		filters,
 		first,
 		catalog,
 		agents,
+		me,
 		tz: zoneOf(request)
 	};
 }
-export function TasksSection({ tasks: { filters, first, catalog, agents, tz }, agent, head, missing }) {
+export function TasksSection({ tasks: { filters, first, catalog, agents, me, tz }, agent, head, missing }) {
 	return /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
 		first,
 		catalog.catch(() => []),
 		agents,
-		missing
-	]).then(([page, integrations, ids, needs]) => /* @__PURE__ */ _jsx(TasksList, {
+		missing,
+		me
+	]).then(([page, integrations, ids, needs, who]) => /* @__PURE__ */ _jsx(TasksList, {
 		first: page,
 		platforms: integrations.map((entry) => [entry.id, entry.name]),
 		brands: Object.fromEntries(integrations.map((entry) => [entry.id, entry.brand])),
@@ -74,6 +78,8 @@ export function TasksSection({ tasks: { filters, first, catalog, agents, tz }, a
 		agent,
 		head,
 		missing: needs,
+		pendingApprovals: page.pendingApprovals,
+		me: who,
 		tz,
 		now: Date.now()
 	})) });

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

@@ -1,10 +1,10 @@
-import { load } from "../../../../api/load.be791a5eaf328738.js";
+import { load } from "../../../../api/load.252f972b42c690e2.js";
 import { HEADS } from "../../../../comps/frame/heads.37e35439c02fc636.js";
-import { Page } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
-import { TasksSection, loadTasks } from "./list/tasks-section.1d687c986db53a73.js";
-import { credentialMissing } from "./composer-data.309a194fc7fa34be.js";
+import { Page } from "../../../../comps/frame/page-head.2eb1e0213eb50349.js";
+import { TasksSection, loadTasks } from "./list/tasks-section.01510523d1556d59.js";
+import { credentialMissing } from "./composer-data.73225456d60d63e3.js";
 import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-/** Every task, with New task in the head. */
+/** Every task, with New task in the head, and for an admin the changes waiting for their approval. */
 export default function TasksPage({ request }) {
 	if (!request) return null;
 	const client = load(request);

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{custom-range.2e21c7f891966c15.js → custom-range.fe91164d7a311356.js}

@@ -1,11 +1,11 @@
 "use client";
-import { iDown } from "../../../../comps/ui/icons.e36c72f54750663a.js";
+import { iDown } from "../../../../comps/ui/icons.f769275420d072ce.js";
 import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
 import { linkOf, withSearch } from "../../../../comps/nav/to.a2c840c09bd4bf4a.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Button } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Button } from "../../../../comps/ui/button.b62fa52e18fa338b.js";
 import { Field } from "../../../../comps/ui/field.75588c33b72824a7.js";
-import { Menu } from "../../../../comps/ui/menu.ee45bace979944b6.js";
+import { Menu } from "../../../../comps/ui/menu.7f558c7c6f6345d5.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Custom from and to dates; applying them moves the page to that range. */
 export function CustomRange({ page, from, to, today, on }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{day-chart.261b6651df2d3966.js → day-chart.20faaaf57c81ad9e.js}

@@ -1,5 +1,5 @@
 import "./day-chart.4b3dbef8704de0e0.css.pnext-asset.js";
-import { Empty } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Empty } from "../../../../comps/ui/card.c0030eafd76587e3.js";
 import { formatMetric } from "./metric.5ff3636065481c44.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const OTHER = {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{loading.97d277dbab9c15cf.js → loading.5b973a8bb29197d5.js}

@@ -1,9 +1,9 @@
 import "./@/comps/ui/segmented.41728247cda62f82.css.pnext-asset.js";
 import "./@/app/dash/[org]/usage/range-bar.85d30ec5f022f124.css.pnext-asset.js";
 import { HEADS } from "../../../../comps/frame/heads.37e35439c02fc636.js";
-import { LoadingRange } from "./range-bar.2197d8f43216d104.js";
-import { Loading } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { LoadingRange } from "./range-bar.0b9038e9df707843.js";
+import { Loading } from "../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.2eb1e0213eb50349.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function UsageLoading() {
 	return /* @__PURE__ */ _jsxs(Page, { children: [

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{page.fb21ebe90d49dac1.js → page.0499098badd3f5f8.js}

@@ -2,15 +2,15 @@ import "./@/comps/ui/segmented.41728247cda62f82.css.pnext-asset.js";
 import "./@/app/dash/[org]/usage/range-bar.85d30ec5f022f124.css.pnext-asset.js";
 import { formatCompact, formatCount, formatDuration, zoneOf } from "../../../../utils/format.ceeaafa10a0563f3.js";
 import { daysIn, rangeFor } from "../../../../utils/range.f73ba9cac0a60af1.js";
-import { load, orgOf } from "../../../../api/load.be791a5eaf328738.js";
-import { Card } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { load, orgOf } from "../../../../api/load.252f972b42c690e2.js";
+import { Card } from "../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.2eb1e0213eb50349.js";
 import { Stat, Stats } from "./stats.de820599cf126120.js";
-import { Settle } from "../../../../comps/frame/stream.e2915852cf82c86b.js";
+import { Settle } from "../../../../comps/frame/stream.e3800e736f832124.js";
 import { HEADS } from "../../../../comps/frame/heads.37e35439c02fc636.js";
-import { TopAgents } from "./top-agents.18fc469e781e2305.js";
-import { DayChart } from "./day-chart.261b6651df2d3966.js";
-import { RangeBar } from "./range-bar.2197d8f43216d104.js";
+import { TopAgents } from "./top-agents.93c916167299ffb6.js";
+import { DayChart } from "./day-chart.20faaaf57c81ad9e.js";
+import { RangeBar } from "./range-bar.0b9038e9df707843.js";
 import { METRIC_LABEL } from "./metric.5ff3636065481c44.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const SORT_METRIC = {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{range-bar.2197d8f43216d104.js → range-bar.0b9038e9df707843.js}

@@ -1,12 +1,12 @@
 import "./range-bar.476c059123ef6c23.css.pnext-asset.js";
 import { PRESETS, dayOf } from "../../../../utils/range.f73ba9cac0a60af1.js";
-import { CustomRange } from "./custom-range.2e21c7f891966c15.js";
+import { CustomRange } from "./custom-range.fe91164d7a311356.js";
 import { linkOf, withSearch } from "../../../../comps/nav/to.a2c840c09bd4bf4a.js";
-import { iDown } from "../../../../comps/ui/icons.e36c72f54750663a.js";
+import { iDown } from "../../../../comps/ui/icons.f769275420d072ce.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { BLANK } from "../../../../comps/frame/loading-card.cc76fc9708142525.js";
-import { LoadingMenu } from "../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
-import { Segmented } from "../../../../comps/ui/segmented.a08dc08338d080e9.js";
+import { BLANK } from "../../../../comps/frame/loading-card.77bea8c5870b5d3c.js";
+import { LoadingMenu } from "../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
+import { Segmented } from "../../../../comps/ui/segmented.633abe26ff760e37.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const OPTIONS = Object.entries(PRESETS).map(([key, preset]) => [key, preset.short]);
 /** Presets and a custom span, for the usage pages. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{top-agents.18fc469e781e2305.js → top-agents.93c916167299ffb6.js}

@@ -1,8 +1,8 @@
 import "./top-agents.20a1d4451784792b.css.pnext-asset.js";
-import { iDown, iUp } from "../../../../comps/ui/icons.e36c72f54750663a.js";
+import { iDown, iUp } from "../../../../comps/ui/icons.f769275420d072ce.js";
 import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { withSearch } from "../../../../comps/nav/to.a2c840c09bd4bf4a.js";
-import { Card, Empty } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Card, Empty } from "../../../../comps/ui/card.c0030eafd76587e3.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
 import { formatMetric } from "./metric.5ff3636065481c44.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/{layout.185dbc99875e208a.js → layout.94ea3908b03bede6.js}

@@ -1,5 +1,5 @@
-import "./globals.c8fd2b8b01e7077b.css.pnext-asset.js";
-import "./responsive.ebc5f7d77b4b86a0.css.pnext-asset.js";
+import "./globals.3b53a3feaa1d72e1.css.pnext-asset.js";
+import "./responsive.2979ffa0161a5afd.css.pnext-asset.js";
 import { Zone } from "./zone.0515a688ee5ff6ca.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export const metadata = {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/login/{page.a82be2fd23e9ac67.js → page.4827d64c71c0690a.js}

@@ -1,7 +1,7 @@
 import "./page.586a41a7ab9988e0.css.pnext-asset.js";
 import { AuthPanel } from "../../comps/frame/auth-panel.5712a8d190b003b4.js";
-import { Button } from "../../comps/ui/button.ce9e6cdb08ca86db.js";
-import { safeReturnPath } from "../../../auth/sign-in.661b3a4139af5bd7.js";
+import { Button } from "../../comps/ui/button.b62fa52e18fa338b.js";
+import { safeReturnPath } from "../../../routes/http.394704f4f12ada08.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const WULAR_LOGO = /* @__PURE__ */ _jsx("svg", {
 	class: "logo",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{drawer.d3e61538dbc8ec39.js → drawer.1a08ff611df7fe38.js}

@@ -2,8 +2,8 @@
 import "./drawer.0b0220d1edabce29.css.pnext-asset.js";
 import { useEffect, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { usePathname } from "../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { iMenu } from "../ui/icons.e36c72f54750663a.js";
-import { IconButton } from "../ui/button.ce9e6cdb08ca86db.js";
+import { iMenu } from "../ui/icons.f769275420d072ce.js";
+import { IconButton } from "../ui/button.b62fa52e18fa338b.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** The phone layout's navigation drawer: its button and the scrim behind it; Escape or a new page closes it. */
 export function Drawer() {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{foreign-link.1f4217895ff1e835.js → foreign-link.1d4f63a0379cbd1d.js}

@@ -1,7 +1,7 @@
 "use client";
-import { iAlert } from "../ui/icons.e36c72f54750663a.js";
-import { Button } from "../ui/button.ce9e6cdb08ca86db.js";
-import { Modal } from "../ui/modal.25d53e5b41b9c4e5.js";
+import { iAlert } from "../ui/icons.f769275420d072ce.js";
+import { Button } from "../ui/button.b62fa52e18fa338b.js";
+import { Modal } from "../ui/modal.08ac85d31f4c76c1.js";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Opened from a link of a workspace this account is not in: says so, and offers signing in as another account. */
 export function ForeignLink({ link }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{loading-card.cc76fc9708142525.js → loading-card.77bea8c5870b5d3c.js}

@@ -1,8 +1,8 @@
-import { Button } from "../ui/button.ce9e6cdb08ca86db.js";
-import { Card, Loading } from "../ui/card.9f0d45b73bc78b4f.js";
-import { LoadingFilter } from "../ui/filter.3a452a262f040973.js";
-import { Select } from "../ui/select.2eb33e5bea28d804.js";
-import { Search, Toolbar } from "../ui/toolbar.24036899654de6df.js";
+import { Button } from "../ui/button.b62fa52e18fa338b.js";
+import { Card, Loading } from "../ui/card.c0030eafd76587e3.js";
+import { LoadingFilter } from "../ui/filter.0730dccad6332327.js";
+import { Select } from "../ui/select.0ee9e8f04ddd8b47.js";
+import { Search, Toolbar } from "../ui/toolbar.ff8367c641d28c1e.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export const BLANK = "\xA0";
 /** `Loading` inside the box its data fills, titled as that box. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{page-head.85f15db7b648d48c.js → page-head.2eb1e0213eb50349.js}

@@ -1,11 +1,11 @@
-import "./page-head.364ec93a8e7857b3.css.pnext-asset.js";
-import { iLeft } from "../ui/icons.e36c72f54750663a.js";
+import "./page-head.9fcc49ddf7119d75.css.pnext-asset.js";
+import { iLeft } from "../ui/icons.f769275420d072ce.js";
 import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { linkOf } from "../nav/to.a2c840c09bd4bf4a.js";
 import { HEADS } from "./heads.37e35439c02fc636.js";
 import { Icon } from "../ui/icon.0874ca2f58f7db14.js";
-import { Sentinel } from "../ui/sentinel.17cffebfc3103b9f.js";
-import { BLANK } from "./loading-card.cc76fc9708142525.js";
+import { Sentinel } from "../ui/sentinel.0ddf515b8f09ef9f.js";
+import { BLANK } from "./loading-card.77bea8c5870b5d3c.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export function Page({ narrow, children }) {
 	return /* @__PURE__ */ _jsx("div", {
@@ -21,6 +21,7 @@ function backTo(back) {
 	const [, , , section, slug] = url.pathname.split("/");
 	let label = HEADS[section]?.title ?? "Back";
 	if (section === "tasks" && slug) label = "Task";
+	if (section === "settings") label = slug ? slug[0].toUpperCase() + slug.slice(1) : "Settings";
 	if (section === "agents" && slug) try {
 		label = decodeURIComponent(slug);
 	} catch {}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{stream.e2915852cf82c86b.js → stream.e3800e736f832124.js}

@@ -1,6 +1,6 @@
 import { Suspense } from "../../../../../../../node_modules/preact/compat/dist/compat.mjs";
-import { signedOut } from "../../api/load.be791a5eaf328738.js";
-import { Card } from "../ui/card.9f0d45b73bc78b4f.js";
+import { signedOut } from "../../api/load.252f972b42c690e2.js";
+import { Card } from "../ui/card.c0030eafd76587e3.js";
 import { reasonText } from "../../utils/format.ceeaafa10a0563f3.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** A section that waits for `load`, under the route's loading frame; a failure stays inside it. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{task-toasts.0ed8ccaae81b9d53.js → task-toasts.3b7eeee29fc327de.js}

@@ -1,12 +1,14 @@
 "use client";
-import "./task-toasts.d13d9f628e530552.css.pnext-asset.js";
+import "./task-toasts.682322f6f729b33e.css.pnext-asset.js";
 import { useEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { serverEvents } from "../../../../client/index.0de14cb4e30bd70d.js";
-import { client } from "../../utils/client.a3928fa2dcd27b75.js";
+import { serverEvents } from "../../../../client/http.e78b470f4ecf125b.js";
+import { client } from "../../utils/client.c8d7efefb6194d7d.js";
 import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { usePathname, useRouter } from "../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { Status, STATUS_LABEL } from "../../app/dash/[org]/tasks/list/status.16190fdd5fd7daad.js";
-import { useOrg } from "../nav/org.572ad93c7707ab27.js";
+import { Status, STATUS_LABEL } from "../../app/dash/[org]/tasks/list/status.d2c05c397780b833.js";
+import { useOrg } from "../nav/org.853d173b55368728.js";
+import { IconButton } from "../ui/button.b62fa52e18fa338b.js";
+import { iX } from "../ui/icons.f769275420d072ce.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const WATCHED = "coder:watched";
 export const NOTIFY = "coder:notify";
@@ -71,7 +73,7 @@ function lineOf(live) {
 	const text = (value) => typeof value === "string" ? value.trim().split("\n")[0] : "";
 	const approval = live.approval ?? {};
 	const result = typeof live.result === "object" ? live.result?.output : live.result;
-	if (live.status === "waiting") return text(approval.summary) || text(approval.reason) || text(approval.kind) || "It is waiting for your approval.";
+	if (live.status === "waiting") return text(approval.reason) || "It is waiting for your approval.";
 	if (live.status === "completed") return text(result) || "It finished.";
 	return text(live.error) || (live.status === "failed" ? "It failed." : "It was stopped.");
 }
@@ -266,21 +268,29 @@ function Item({ toast, paused, dismiss }) {
 	}, [paused]);
 	return /* @__PURE__ */ _jsxs("div", {
 		class: toast.tone ? `toast ${toast.tone}` : "toast",
-		onClick: () => dismiss(toast.key),
 		children: [/* @__PURE__ */ _jsxs("p", {
 			class: "toast-head",
-			children: [toast.id ? /* @__PURE__ */ _jsx(Link, {
-				class: "cover",
-				href: "/dash/[org]/tasks/[id]",
-				params: {
-					org,
-					id: toast.id
-				},
-				children: toast.title
-			}) : /* @__PURE__ */ _jsx("span", {
-				class: "cover",
-				children: toast.title
-			}), toast.status ? /* @__PURE__ */ _jsx(Status, { status: toast.status }) : null]
+			children: [
+				toast.id ? /* @__PURE__ */ _jsx(Link, {
+					class: "toast-title",
+					href: "/dash/[org]/tasks/[id]",
+					params: {
+						org,
+						id: toast.id
+					},
+					onClick: () => dismiss(toast.key),
+					children: toast.title
+				}) : /* @__PURE__ */ _jsx("span", {
+					class: "toast-title",
+					children: toast.title
+				}),
+				toast.status ? /* @__PURE__ */ _jsx(Status, { status: toast.status }) : null,
+				/* @__PURE__ */ _jsx(IconButton, {
+					icon: iX,
+					label: "Dismiss",
+					onClick: () => dismiss(toast.key)
+				})
+			]
 		}), /* @__PURE__ */ _jsx("p", {
 			class: "toast-line",
 			children: toast.line

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{theme-choices.85100ed66d6f9200.js → theme-choices.fc86071c1b634176.js}

@@ -1,7 +1,7 @@
 "use client";
 import { useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { iMonitor, iMoon, iSun } from "../ui/icons.e36c72f54750663a.js";
-import { MenuRadio } from "../ui/menu-items.1d082ac4dae8f3d4.js";
+import { iMonitor, iMoon, iSun } from "../ui/icons.f769275420d072ce.js";
+import { MenuRadio } from "../ui/menu-items.759a1b1f7c5ee365.js";
 import { jsx as _jsx, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const YEAR = 60 * 60 * 24 * 365;
 const THEMES = [

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{back.180765bdadf6d602.js → back.7aa0ae82dbec38cd.js}

@@ -1,8 +1,8 @@
 "use client";
 import { useEffect } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { Back } from "../frame/page-head.85f15db7b648d48c.js";
-import { LinkButton } from "../ui/button.ce9e6cdb08ca86db.js";
-import { useOrg } from "./org.572ad93c7707ab27.js";
+import { Back } from "../frame/page-head.2eb1e0213eb50349.js";
+import { LinkButton } from "../ui/button.b62fa52e18fa338b.js";
+import { useOrg } from "./org.853d173b55368728.js";
 import { BACK_COOKIE, rememberedBack } from "./back-cookie.942c0904e944d8d6.js";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Settings' credentials tab; it links back to this page, named `label` where its section name is not enough. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{org.572ad93c7707ab27.js → org.853d173b55368728.js}

@@ -1,7 +1,7 @@
 "use client";
 import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { useParams } from "../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { Back } from "../frame/page-head.85f15db7b648d48c.js";
+import { Back } from "../frame/page-head.2eb1e0213eb50349.js";
 import { linkOf } from "./to.a2c840c09bd4bf4a.js";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** The organization in the address, `/dash/<org>/…`. */