@wular/coder 0.4.11 → 0.4.13

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{task-view.f2e902c8208b2e78.js → task-view.3276538e8306fd8a.js}

@@ -1,16 +1,16 @@
 "use client";
-import "./task-view.57990cfd2bdf5c11.css.pnext-asset.js";
+import "./task-view.42337a0d7c6ad0b6.css.pnext-asset.js";
 import { Fragment } from "../../../../../../../../../../node_modules/preact/dist/preact.mjs";
 import { useEffect, useMemo, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { useFollowEnd } from "../../../../../utils/follow.bfb9bcff3c1366d7.js";
-import { serverEvents } from "../../../../../../../client/index.0de14cb4e30bd70d.js";
-import { LogView } from "../../../../../../../core/task/log-view.60308a11f7001eb7.js";
-import { EMPTY_MESSAGE, EMPTY_MESSAGE_NOTICE, SKIPPED } from "../../../../../../../core/defaults.1b615366c56838a1.js";
-import { client } from "../../../../../utils/client.a3928fa2dcd27b75.js";
+import { serverEvents } from "../../../../../../../client/index.de1f1311bab4252f.js";
+import { LogView } from "../../../../../../../core/task/log-view.ec6391dbf3063330.js";
+import { EMPTY_MESSAGE, EMPTY_MESSAGE_NOTICE, SKIPPED } from "../../../../../../../core/defaults.e972c134a1ae918f.js";
+import { client } from "../../../../../utils/client.78267fa3d7905d17.js";
 import { formatDate, formatDuration, reasonText } from "../../../../../utils/format.ceeaafa10a0563f3.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.572ad93c7707ab27.js";
+import { useOrg } from "../../../../../comps/nav/org.d3abfd4053b711ce.js";
 import { iAgent, iClock, iDown, iFolder, iPlug, iRight, iTerminal } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
 import { Badge } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
 import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
@@ -19,15 +19,15 @@ import { Collapse } from "../../../../../comps/ui/collapse.93e4d1b20c2873ed.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
 import { Menu } from "../../../../../comps/ui/menu.ee45bace979944b6.js";
 import { MenuRadio } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
-import { Back, PageHead } from "../../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { Back, PageHead } from "../../../../../comps/frame/page-head.87b92529dbb53ceb.js";
 import { markdown } from "../../agents/agent/instructions.85b1cd986a9edbb5.js";
-import { Status } from "../list/status.16190fdd5fd7daad.js";
-import { eventMessages, folderName, replyRequired, sourceLabel, taskActive, taskTitle, TASK_TABS } from "../list/task.a0c68180db5fb4c1.js";
-import { useAction } from "../../../../../utils/action.b9a5c37272250e82.js";
+import { Status } from "../list/status.cb704b48ce86cc7d.js";
+import { eventMessages, folderName, replyRequired, sourceLabel, taskActive, taskModel, taskTitle, TASK_TABS } from "../list/task.f089c1c122ed6dd2.js";
+import { useAction } from "../../../../../utils/action.67dd6f8ab1ae067d.js";
 import { useZone } from "../../../../zone.0515a688ee5ff6ca.js";
-import { Approval, TaskActions } from "./task-actions.587da79d68ab8d14.js";
-import { Activity, RunPreview, runSummary } from "./activity.3c79cf14feff12bf.js";
-import { toastError, useTaskEvents, watchTask } from "../../../../../comps/frame/task-toasts.0ed8ccaae81b9d53.js";
+import { Approval, ApprovalEntry, DecisionTurn, TaskActions, raisedIn } from "./task-actions.51fbeac76459433a.js";
+import { Activity, RunPreview, runSummary } from "./activity.a911169a820ba604.js";
+import { toastError, useTaskEvents, watchTask } from "../../../../../comps/frame/task-toasts.44075fa7e04575e8.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 function messageOf(value, fallback) {
 	if (typeof value === "string") return value;
@@ -149,17 +149,17 @@ function TaskBack() {
 function TaskHead({ task, tz }) {
 	const org = useOrg();
 	const live = taskActive(task);
-	const { engine, model, effort } = {
-		...task.task.definition,
-		...task.task.usage
-	};
+	const model = taskModel(task);
 	const source = task.task.event?.integration ?? task.task.source;
 	const kind = task.task.event?.type ?? (task.task.flow !== "default" ? task.task.flow : undefined);
 	const title = useMemo(() => taskTitle(task).split("\n")[0], [task.task, task.turns]);
 	return /* @__PURE__ */ _jsx(PageHead, {
 		back: /* @__PURE__ */ _jsx(TaskBack, {}),
 		title,
-		meta: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Status, { status: task.status }), task.archivedAt ? /* @__PURE__ */ _jsx(Badge, { children: "archived" }) : null] }),
+		meta: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Status, {
+			status: task.status,
+			approvals: task.approvals
+		}), task.archivedAt ? /* @__PURE__ */ _jsx(Badge, { children: "archived" }) : null] }),
 		lead: /* @__PURE__ */ _jsxs(_Fragment, { children: [
 			/* @__PURE__ */ _jsxs("span", {
 				class: "fact",
@@ -191,14 +191,10 @@ function TaskHead({ task, tz }) {
 					},
 					search: { back: `/dash/${org}/tasks/${task.task.id}` },
 					children: [/* @__PURE__ */ _jsx(Icon, { d: iAgent }), task.task.agent]
-				}), engine ? /* @__PURE__ */ _jsx("span", {
+				}), model ? /* @__PURE__ */ _jsx("span", {
 					class: "fact-dim",
 					title: "Engine, model and effort",
-					children: [
-						engine,
-						model,
-						effort
-					].filter(Boolean).join("/")
+					children: model
 				}) : null]
 			})
 		] }),
@@ -336,6 +332,7 @@ export function TaskView({ initial, tz: serverZone }) {
 				...current,
 				status: event.status,
 				approval: event.approval ?? undefined,
+				approvals: event.approvals ?? undefined,
 				archivedAt: event.archivedAt,
 				startedAt: event.startedAt,
 				finishedAt: event.finishedAt,
@@ -399,6 +396,7 @@ export function TaskView({ initial, tz: serverZone }) {
 	// Turns show once their log lines are in, so a reply never pushes what is already shown.
 	const loaded = turns.findIndex((turn) => !caughtUp && (!lines.length || within(turn, lines.at(-1))));
 	const shown = loaded < 0 ? turns : turns.slice(0, loaded);
+	const answered = (task.approvals ?? []).filter((approval) => approval.response);
 	const send = async () => {
 		const text = input.current?.value.trim();
 		if (!text || sending) return;
@@ -501,13 +499,12 @@ export function TaskView({ initial, tz: serverZone }) {
 				}, key);
 			})
 		}),
-		task.approval ? /* @__PURE__ */ _jsx(Approval, { task }) : null,
 		tab === "activity" ? /* @__PURE__ */ _jsx(Activity, {
 			rows,
 			live,
 			tz,
 			at
-		}) : /* @__PURE__ */ _jsxs("div", {
+		}) : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Approval, { task }), /* @__PURE__ */ _jsxs("div", {
 			class: "convo",
 			children: [shown.map((turn, index) => {
 				const last = index === turns.length - 1;
@@ -517,8 +514,10 @@ export function TaskView({ initial, tz: serverZone }) {
 					value: turn.result,
 					required: parsed[index].required
 				});
+				const decision = turn.approval ? task.approvals?.find((approval) => approval.id === turn.approval) : undefined;
 				return /* @__PURE__ */ _jsxs(Fragment, { children: [
-					parsed[index].messages.map((message, index) => /* @__PURE__ */ _jsxs("div", {
+					decision ? /* @__PURE__ */ _jsx(DecisionTurn, { approval: decision }) : null,
+					(decision ? [] : parsed[index].messages).map((message, index) => /* @__PURE__ */ _jsxs("div", {
 						class: "turn prompt",
 						children: [/* @__PURE__ */ _jsx("p", {
 							class: "who",
@@ -579,6 +578,7 @@ export function TaskView({ initial, tz: serverZone }) {
 							]
 						}, index);
 					}),
+					answered.filter((approval) => raisedIn(turns, approval) === index).map((approval) => /* @__PURE__ */ _jsx(ApprovalEntry, { approval }, approval.id)),
 					turn.result && (body || last && foot) ? /* @__PURE__ */ _jsxs(Card, {
 						title: "Result",
 						children: [body, last ? foot : null]
@@ -601,7 +601,7 @@ export function TaskView({ initial, tz: serverZone }) {
 					}) : null
 				] }, index);
 			}), shown.length < turns.length ? /* @__PURE__ */ _jsx(Loading, { label: "Loading the conversation." }) : null]
-		}),
+		})] }),
 		replies ? /* @__PURE__ */ _jsx("form", {
 			ref: reply,
 			class: "reply",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/{composer-data.309a194fc7fa34be.js → composer-data.05fc39e1a7fd1ab7.js}

@@ -1,6 +1,6 @@
 import { localServer } from "../../../../api/types.79f9092cdb5a00d1.js";
-import { modelsByEngine } from "../settings/model-options.a96c11d11674f598.js";
-import { DEFAULT_ENGINE } from "../../../../../../core/defaults.1b615366c56838a1.js";
+import { modelsByEngine } from "../settings/model-options.73f8d0d54f79d8e3.js";
+import { DEFAULT_ENGINE } from "../../../../../../core/defaults.e972c134a1ae918f.js";
 export const PLACEHOLDER = "What should the agent do? Type / for flows and reviews.";
 export const CHOICE = {
 	repo: "",

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

@@ -2,25 +2,25 @@
 import "./composer.5b8687662e1629fa.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.a3928fa2dcd27b75.js";
-import { toastFailure, useAction } from "../../../../utils/action.b9a5c37272250e82.js";
+import { client } from "../../../../utils/client.78267fa3d7905d17.js";
+import { toastFailure, useAction } from "../../../../utils/action.67dd6f8ab1ae067d.js";
 import { formatDate } from "../../../../utils/format.ceeaafa10a0563f3.js";
 import { iAlert, iPlus, iRight, iSliders, iSteer, iX } from "../../../../comps/ui/icons.e36c72f54750663a.js";
 import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../comps/nav/org.572ad93c7707ab27.js";
+import { useOrg } from "../../../../comps/nav/org.d3abfd4053b711ce.js";
 import { Loading } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
 import { Button, IconButton } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
 import { reasonText } from "../../../../utils/format.ceeaafa10a0563f3.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
 import { Select } from "../../../../comps/ui/select.2eb33e5bea28d804.js";
 import { MenuLabel, MenuLink, MenuNote, MenuOption, MenuPanel, MenuRadio, MenuRow } from "../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
-import { connectRepositories } from "../agents/editor/connect-repositories.43b4b28f194ea842.js";
-import { EFFORTS, ENGINES, ENGINE_NAMES, PERMISSIONS, defaultLabel, modelValue, splitModel } from "../settings/model-options.a96c11d11674f598.js";
-import { folderName } from "./list/task.a0c68180db5fb4c1.js";
-import { watchTask } from "../../../../comps/frame/task-toasts.0ed8ccaae81b9d53.js";
-import { CHOICE, PLACEHOLDER, loadComposer, savedChoice, usableAgent } from "./composer-data.309a194fc7fa34be.js";
+import { connectRepositories } from "../agents/editor/connect-repositories.ff8b78a03153239b.js";
+import { EFFORTS, ENGINES, ENGINE_NAMES, PERMISSIONS, defaultLabel, modelValue, splitModel } from "../settings/model-options.73f8d0d54f79d8e3.js";
+import { folderName } from "./list/task.f089c1c122ed6dd2.js";
+import { watchTask } from "../../../../comps/frame/task-toasts.44075fa7e04575e8.js";
+import { CHOICE, PLACEHOLDER, loadComposer, savedChoice, usableAgent } from "./composer-data.05fc39e1a7fd1ab7.js";
 import { Notice } from "../../../../comps/ui/notice.f395f231cbb96445.js";
-import { CredentialsLink } from "../../../../comps/nav/back.180765bdadf6d602.js";
+import { CredentialsLink } from "../../../../comps/nav/back.d6109e72fbd04b45.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const DRAFT = "coder:draft";
 const CONNECT = "+connect";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{status.16190fdd5fd7daad.js → status.cb704b48ce86cc7d.js}

@@ -1,9 +1,12 @@
 import "./status.7e63f2b02469ca40.css.pnext-asset.js";
+import { awaitsApproval } from "../../../../../../../core/defaults.e972c134a1ae918f.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-export function Status({ status }) {
+/** A task's state; an open escalation reads as needing approval whatever its turn does. */
+export function Status({ status, approvals }) {
+	const shown = awaitsApproval(status, approvals) ? "waiting" : status;
 	return /* @__PURE__ */ _jsxs("span", {
-		class: `st ${status}`,
-		children: [/* @__PURE__ */ _jsx("i", {}), STATUS_LABEL[status] ?? status]
+		class: `st ${shown}`,
+		children: [/* @__PURE__ */ _jsx("i", {}), STATUS_LABEL[shown] ?? shown]
 	});
 }
 export const STATUS_LABEL = {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{task.a0c68180db5fb4c1.js → task.f089c1c122ed6dd2.js}

@@ -1,5 +1,5 @@
-import { byListKey, listRank } from "../../../../../../../core/defaults.1b615366c56838a1.js";
-import { eventJsons, replyRequired as turnReplyRequired } from "../../../../../../../core/event-prompt.87f064ca0141e796.js";
+import { byListKey, listRank } from "../../../../../../../core/defaults.e972c134a1ae918f.js";
+import { eventJsons, replyRequired as turnReplyRequired } from "../../../../../../../agent/context/turn.6bb73458768e222e.js";
 /** A task page's tabs, the loading frame's too. */
 export const TASK_TABS = ["Conversation", "Activity"];
 /** Task statuses a list filters by. */
@@ -80,9 +80,22 @@ export function eventMessages(prompt) {
 export const replyRequired = (task, prompt) => turnReplyRequired(prompt, task.task.event?.mustReply !== false);
 /** A platform task is titled by its first message; dashboard and CLI tasks by their prompt. */
 export function taskTitle(task) {
-	const prompt = task.task.prompt?.trim();
-	const first = !prompt || eventMessages(prompt) ? task.task.event?.text?.trim() || eventMessages(task.turns?.[0]?.prompt ?? prompt)?.find((message) => !message.reaction)?.text.trim() : prompt;
+	// The first turn's prompt: a follow-up or a decision never retitles the task.
+	const prompt = (task.turns?.[0]?.prompt ?? task.task.prompt)?.trim();
+	const first = !prompt || eventMessages(prompt) ? task.task.event?.text?.trim() || eventMessages(prompt ?? "")?.find((message) => !message.reaction)?.text.trim() : prompt;
 	return task.task.name?.trim() || first || `${task.task.event?.type ?? "task"} on ${task.task.agent}`;
 }
+/** The engine, model and effort a task runs on, as `claude/opus/high`. */
+export function taskModel(task) {
+	const { engine, model, effort } = {
+		...task.task.definition,
+		...task.task.usage
+	};
+	return [
+		engine,
+		model,
+		effort
+	].filter(Boolean).join("/");
+}
 /** A folder path's last segment. */
 export const folderName = (path) => path.split(/[\\/]/).filter(Boolean).at(-1) ?? path;

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{tasks-list.b52a49fb5faeefd0.js → tasks-list.5a00d69851dae119.js}

@@ -1,9 +1,9 @@
 "use client";
-import "./tasks-list.abbbc9ace4d866e5.css.pnext-asset.js";
+import "./tasks-list.2f90c4410f843fff.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.a3928fa2dcd27b75.js";
-import { useAction } from "../../../../../utils/action.b9a5c37272250e82.js";
+import { client } from "../../../../../utils/client.78267fa3d7905d17.js";
+import { useAction } from "../../../../../utils/action.67dd6f8ab1ae067d.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";
@@ -12,26 +12,26 @@ import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/sr
 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 { pendingApproval } from "../[id]/task-actions.51fbeac76459433a.js";
+import { BrandIcon } from "../../agents/agent/agent-pills.44e689e546fb042b.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 { ConfirmDialog } from "../../../../../comps/ui/confirm.29e198be34578222.js";
+import { Status } from "./status.cb704b48ce86cc7d.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Filter } from "../../../../../comps/ui/filter.3a452a262f040973.js";
-import { addRows, readDelta, taskActive, withAdded } from "./task.a0c68180db5fb4c1.js";
-import { taskTitle } from "./task.a0c68180db5fb4c1.js";
+import { Filter } from "../../../../../comps/ui/filter.81bb9a5c60cd1089.js";
+import { addRows, readDelta, taskActive, withAdded } from "./task.f089c1c122ed6dd2.js";
+import { taskModel, taskTitle } from "./task.f089c1c122ed6dd2.js";
 import { LIST_PAGE } from "../../../../../utils/paged.0e54c3044f8ca567.js";
-import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.24036899654de6df.js";
+import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.8b3a460a65edf85a.js";
 import { Tail } from "../../../../../comps/ui/tail.04132db0c5033d4f.js";
-import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.a0c68180db5fb4c1.js";
-import { NeedsCredential } from "../composer.b0bb1faaac8e0b6c.js";
-import { useTaskEvents } from "../../../../../comps/frame/task-toasts.0ed8ccaae81b9d53.js";
-import { useOrg } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.f089c1c122ed6dd2.js";
+import { NeedsCredential } from "../composer.dbf06b05c5e2eba3.js";
+import { useTaskEvents } from "../../../../../comps/frame/task-toasts.44075fa7e04575e8.js";
+import { useOrg } from "../../../../../comps/nav/org.d3abfd4053b711ce.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.b0bb1faaac8e0b6c.js").then((m) => m.NewTaskButton), { 
+const NewTaskButton = dynamic(() => import("../composer.dbf06b05c5e2eba3.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 +41,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-8419d00b21"
+	"id": "c-a41dab3334"
 });
 const SOURCE_ICONS = {
 	dashboard: iMonitor,
@@ -86,7 +86,15 @@ function TaskRowView({ task, brand, back, scoped, tz, now, onDone }) {
 				})] }) : null
 			]
 		})] }),
-		/* @__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: taskModel(task)
+		}),
 		/* @__PURE__ */ _jsx("td", {
 			class: "when",
 			title: formatDate(task.lastActivityAt, tz),
@@ -112,7 +120,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 +131,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,
@@ -326,6 +335,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 +365,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,
@@ -401,6 +412,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 +428,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.80f9c9a42ecae854.js → tasks-section.36e70c93f7d0feee.js}

@@ -1,20 +1,20 @@
-import "./tasks-list.abbbc9ace4d866e5.css.pnext-asset.js";
+import "./tasks-list.2f90c4410f843fff.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.a0c68180db5fb4c1.js";
+import { load } from "../../../../../api/load.30ed8c28774a1a82.js";
+import { Settle } from "../../../../../comps/frame/stream.c32d78562f75db25.js";
+import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.1cea8a722c10b998.js";
+import { listFilters } from "./task.f089c1c122ed6dd2.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.b52a49fb5faeefd0.js").then((m) => m.TasksList), {
+const TasksList = dynamic(() => import("./tasks-list.5a00d69851dae119.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-0e17c1e6be"
+	"id": "c-adf39f3847"
 });
 /** A task list before it arrives; an agent's own tab has no head and no agent filter. */
 export function TasksLoading({ head }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/{page.20b5c22658eae312.js → page.185b1ba0c803db3f.js}

@@ -1,8 +1,8 @@
-import { load } from "../../../../api/load.be791a5eaf328738.js";
+import { load } from "../../../../api/load.30ed8c28774a1a82.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.80f9c9a42ecae854.js";
-import { credentialMissing } from "./composer-data.309a194fc7fa34be.js";
+import { Page } from "../../../../comps/frame/page-head.87b92529dbb53ceb.js";
+import { TasksSection, loadTasks } from "./list/tasks-section.36e70c93f7d0feee.js";
+import { credentialMissing } from "./composer-data.05fc39e1a7fd1ab7.js";
 import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Every task, with New task in the head. */
 export default function TasksPage({ request }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{loading.97d277dbab9c15cf.js → loading.a7e0ec01bfa769e3.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 { LoadingRange } from "./range-bar.69e68c9dae09f238.js";
 import { Loading } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.87b92529dbb53ceb.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.d41fea7676e37bfc.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 { load, orgOf } from "../../../../api/load.30ed8c28774a1a82.js";
 import { Card } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.87b92529dbb53ceb.js";
 import { Stat, Stats } from "./stats.de820599cf126120.js";
-import { Settle } from "../../../../comps/frame/stream.e2915852cf82c86b.js";
+import { Settle } from "../../../../comps/frame/stream.c32d78562f75db25.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 { RangeBar } from "./range-bar.69e68c9dae09f238.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.69e68c9dae09f238.js}

@@ -4,9 +4,9 @@ import { CustomRange } from "./custom-range.2e21c7f891966c15.js";
 import { linkOf, withSearch } from "../../../../comps/nav/to.a2c840c09bd4bf4a.js";
 import { iDown } from "../../../../comps/ui/icons.e36c72f54750663a.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { BLANK } from "../../../../comps/frame/loading-card.cc76fc9708142525.js";
+import { BLANK } from "../../../../comps/frame/loading-card.1cea8a722c10b998.js";
 import { LoadingMenu } from "../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
-import { Segmented } from "../../../../comps/ui/segmented.a08dc08338d080e9.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/{layout.185dbc99875e208a.js → layout.296d70b95894209f.js}

@@ -1,4 +1,4 @@
-import "./globals.c8fd2b8b01e7077b.css.pnext-asset.js";
+import "./globals.f8ac779f0ebf888b.css.pnext-asset.js";
 import "./responsive.ebc5f7d77b4b86a0.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";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{foreign-link.1f4217895ff1e835.js → foreign-link.8c6adf9c5a6f467c.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 { Modal } from "../ui/modal.0b69c7fd9db025b9.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.1cea8a722c10b998.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 { LoadingFilter } from "../ui/filter.81bb9a5c60cd1089.js";
 import { Select } from "../ui/select.2eb33e5bea28d804.js";
-import { Search, Toolbar } from "../ui/toolbar.24036899654de6df.js";
+import { Search, Toolbar } from "../ui/toolbar.8b3a460a65edf85a.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.87b92529dbb53ceb.js}

@@ -1,11 +1,11 @@
-import "./page-head.364ec93a8e7857b3.css.pnext-asset.js";
+import "./page-head.9fcc49ddf7119d75.css.pnext-asset.js";
 import { iLeft } from "../ui/icons.e36c72f54750663a.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.1cea8a722c10b998.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", {

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

@@ -1,5 +1,5 @@
 import { Suspense } from "../../../../../../../node_modules/preact/compat/dist/compat.mjs";
-import { signedOut } from "../../api/load.be791a5eaf328738.js";
+import { signedOut } from "../../api/load.30ed8c28774a1a82.js";
 import { Card } from "../ui/card.9f0d45b73bc78b4f.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";

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

@@ -1,12 +1,12 @@
 "use client";
 import "./task-toasts.d13d9f628e530552.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/index.de1f1311bab4252f.js";
+import { client } from "../../utils/client.78267fa3d7905d17.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.cb704b48ce86cc7d.js";
+import { useOrg } from "../nav/org.d3abfd4053b711ce.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 +71,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.");
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{back.180765bdadf6d602.js → back.d6109e72fbd04b45.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 { Back } from "../frame/page-head.87b92529dbb53ceb.js";
 import { LinkButton } from "../ui/button.ce9e6cdb08ca86db.js";
-import { useOrg } from "./org.572ad93c7707ab27.js";
+import { useOrg } from "./org.d3abfd4053b711ce.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.d3abfd4053b711ce.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.87b92529dbb53ceb.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>/…`. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{confirm.c1281f9b12854210.js → confirm.29e198be34578222.js}

@@ -1,7 +1,7 @@
 "use client";
 import { Button } from "./button.ce9e6cdb08ca86db.js";
 import { iTrash } from "./icons.e36c72f54750663a.js";
-import { Modal } from "./modal.25d53e5b41b9c4e5.js";
+import { Modal } from "./modal.0b69c7fd9db025b9.js";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** A modal question before a destructive step. */
 export function ConfirmDialog({ open, title, body, confirmLabel, onConfirm, onClose, busy }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{filter.3a452a262f040973.js → filter.81bb9a5c60cd1089.js}

@@ -7,7 +7,7 @@ import { Chip } from "./badge.c0bc352791a95fd6.js";
 import { Icon } from "./icon.0874ca2f58f7db14.js";
 import { Menu } from "./menu.ee45bace979944b6.js";
 import { LoadingMenu, MenuItem, MenuLabel, MenuNote, MenuRadio } from "./menu-items.1d082ac4dae8f3d4.js";
-import { Search } from "./toolbar.24036899654de6df.js";
+import { Search } from "./toolbar.8b3a460a65edf85a.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const RECENT = "coder:filters";
 /** From this many options a facet's full list gets a find box. */