@wular/coder 0.4.12 → 0.4.13

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{runners-list.3afa989490bbe77c.js → runners-list.1e83449aa6593224.js}

@@ -1,8 +1,8 @@
 "use client";
 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.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 { 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";
@@ -15,10 +15,10 @@ import { MenuItem, MenuRadio } from "../../../../../comps/ui/menu-items.1d082ac4
 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.0ed8ccaae81b9d53.js";
-import { useRemove } from "./list.083f5c665df04b1b.js";
+import { SCOPES } from "../model-options.73f8d0d54f79d8e3.js";
+import { sortedRunners } from "../../tasks/composer-data.05fc39e1a7fd1ab7.js";
+import { useRunnerEvents } from "../../../../../comps/frame/task-toasts.44075fa7e04575e8.js";
+import { useRemove } from "./list.a5b273558fb7f0f0.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,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{secrets-list.0d175ee815b22cd7.js → secrets-list.17ac06593005b8ba.js}

@@ -1,14 +1,14 @@
 "use client";
 import { 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 { 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.083f5c665df04b1b.js";
-import { CONNECTION_SCOPES } from "../model-options.a96c11d11674f598.js";
+import { Row } from "./list.a5b273558fb7f0f0.js";
+import { CONNECTION_SCOPES } from "../model-options.73f8d0d54f79d8e3.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** 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 }) {

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

@@ -1,10 +1,10 @@
 import { Button } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
 import { Suspense } from "../../../../../../../../../node_modules/preact/compat/dist/compat.mjs";
-import { load, orgOf } from "../../../../api/load.be791a5eaf328738.js";
-import { Page } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
-import { Tabs } from "../../../../comps/ui/tabs.66b2e54963f6901b.js";
-import { SETTINGS, SettingsHead } from "./settings-head.bbc7ced8dd5491eb.js";
-import { RememberedBack } from "../../../../comps/nav/back.180765bdadf6d602.js";
+import { load, orgOf } from "../../../../api/load.30ed8c28774a1a82.js";
+import { Page } from "../../../../comps/frame/page-head.87b92529dbb53ceb.js";
+import { Tabs } from "../../../../comps/ui/tabs.1600a0b563a5c7dd.js";
+import { SETTINGS, SettingsHead } from "./settings-head.705be0b1129b97af.js";
+import { RememberedBack } from "../../../../comps/nav/back.d6109e72fbd04b45.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 }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/{page.06feaa5fbb06f1e6.js → page.a77996786278cda0.js}

@@ -1,5 +1,5 @@
 import { redirect } from "../../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
-import { orgOf } from "../../../../api/load.be791a5eaf328738.js";
+import { orgOf } from "../../../../api/load.30ed8c28774a1a82.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.bbc7ced8dd5491eb.js → settings-head.705be0b1129b97af.js}

@@ -1,4 +1,4 @@
-import { PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
+import { PageHead } from "../../../../comps/frame/page-head.87b92529dbb53ceb.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]/setup/{create-link.ff95e4b6977d0474.js → create-link.19b4c50ef497aca1.js}

@@ -1,10 +1,10 @@
 "use client";
 import { useEffect, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../utils/client.a3928fa2dcd27b75.js";
-import { toastFailure } from "../../../../utils/action.b9a5c37272250e82.js";
+import { client } from "../../../../utils/client.78267fa3d7905d17.js";
+import { toastFailure } from "../../../../utils/action.67dd6f8ab1ae067d.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.8e7ca54dd1821e98.js";
+import { CreateDialog, createForm } from "../agents/[slug]/(tabs)/platforms/platform-actions.000f2f87a48bfbc6.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 }) {

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

@@ -1,7 +1,7 @@
 "use client";
 import { toChildArray } from "../../../../../../../../../node_modules/preact/dist/preact.mjs";
 import { iAlert, iCheck } from "../../../../comps/ui/icons.e36c72f54750663a.js";
-import { Modal } from "../../../../comps/ui/modal.25d53e5b41b9c4e5.js";
+import { Modal } from "../../../../comps/ui/modal.0b69c7fd9db025b9.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. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/{page.f06fda0df59beeb5.js → page.616f0b36bf7925bc.js}

@@ -1,15 +1,15 @@
 import { dynamic } from "../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
 import { LinkButton } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
-import { load, orgOf } from "../../../../api/load.be791a5eaf328738.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.85f15db7b648d48c.js";
-import { Settle } from "../../../../comps/frame/stream.e2915852cf82c86b.js";
+import { load, orgOf } from "../../../../api/load.30ed8c28774a1a82.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.87b92529dbb53ceb.js";
+import { Settle } from "../../../../comps/frame/stream.c32d78562f75db25.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.ff95e4b6977d0474.js").then((m) => m.CreateLink), undefined, {
+const CreateLink = dynamic(() => import("./create-link.19b4c50ef497aca1.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-1b8b8de475"
+	"id": "c-7f1dcf028e"
 });
 /** Where a create link starts, and where create, install and link flows end when they know no agent. */
 export default function SetupPage({ request }) {

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

@@ -6,7 +6,7 @@ import { iActivity, iAlert, iChart, iCheck, iDown, iKey, iMessage, iRight, iSpar
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
 import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
 import { ago, formatDuration, formatTime } from "../../../../../utils/format.ceeaafa10a0563f3.js";
-import { usePoll } from "../../../../../utils/client.a3928fa2dcd27b75.js";
+import { usePoll } from "../../../../../utils/client.78267fa3d7905d17.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const ICONS = {
 	assistant: iMessage,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{loading.47cbb34ea8d2e33f.js → loading.76f851da5cc5268d.js}

@@ -1,9 +1,9 @@
-import { Page } from "../../../../../comps/frame/page-head.85f15db7b648d48c.js";
-import { OrgBack } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { Page } from "../../../../../comps/frame/page-head.87b92529dbb53ceb.js";
+import { OrgBack } from "../../../../../comps/nav/org.d3abfd4053b711ce.js";
 import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { LoadingTabs } from "../../../../../comps/ui/tabs.66b2e54963f6901b.js";
-import { BLANK } from "../../../../../comps/frame/loading-card.cc76fc9708142525.js";
-import { TASK_TABS } from "../list/task.0a1b5878dccd3b37.js";
+import { LoadingTabs } from "../../../../../comps/ui/tabs.1600a0b563a5c7dd.js";
+import { BLANK } from "../../../../../comps/frame/loading-card.1cea8a722c10b998.js";
+import { TASK_TABS } from "../list/task.f089c1c122ed6dd2.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, {}) });

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

@@ -1,15 +1,15 @@
-import "./task-view.57990cfd2bdf5c11.css.pnext-asset.js";
+import "./task-view.42337a0d7c6ad0b6.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
 import { zoneOf } from "../../../../../utils/format.ceeaafa10a0563f3.js";
-import { load } from "../../../../../api/load.be791a5eaf328738.js";
-import { Page } from "../../../../../comps/frame/page-head.85f15db7b648d48c.js";
-import { Settle } from "../../../../../comps/frame/stream.e2915852cf82c86b.js";
+import { load } from "../../../../../api/load.30ed8c28774a1a82.js";
+import { Page } from "../../../../../comps/frame/page-head.87b92529dbb53ceb.js";
+import { Settle } from "../../../../../comps/frame/stream.c32d78562f75db25.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.dc294bb94b7437e1.js").then((m) => m.TaskView), undefined, {
+const TaskView = dynamic(() => import("./task-view.3276538e8306fd8a.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-02b35d4653"
+	"id": "c-7de8ed486d"
 });
 export default async function TaskPage({ request, params }) {
 	if (!request) return null;

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/task-actions.51fbeac76459433a.js

@@ -0,0 +1,240 @@
+"use client";
+import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../utils/client.78267fa3d7905d17.js";
+import { useAction } from "../../../../../utils/action.67dd6f8ab1ae067d.js";
+import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { useOrg } from "../../../../../comps/nav/org.d3abfd4053b711ce.js";
+import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Card } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.29e198be34578222.js";
+import { Menu } from "../../../../../comps/ui/menu.ee45bace979944b6.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { iDots } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { showToast } 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";
+/** Archive, Stop while it runs, and Delete behind the ⋯ menu; phones keep Archive in the menu too, away from Stop. */
+export function TaskActions({ task, live }) {
+	const nav = useRouter();
+	const org = useOrg();
+	const action = useAction();
+	const removing = useAction({ leaves: true });
+	const [outcome, setOutcome] = useState("");
+	// Archived here shows at once; the task's events bring `archivedAt` after.
+	const [archivedHere, setArchivedHere] = useState(false);
+	const archived = archivedHere || Boolean(task.archivedAt);
+	const [confirming, setConfirming] = useState(false);
+	const act = async (name) => {
+		setOutcome("");
+		const ok = await action.run(name, () => client.tasks[name](task.task.id));
+		if (ok) setOutcome(name === "cancel" ? "Stop requested." : "Archived.");
+		return ok;
+	};
+	const remove = () => void removing.run("delete", async () => {
+		await client.tasks.delete(task.task.id);
+		nav.push("/dash/[org]/tasks", { params: { org } });
+	}).then((ok) => ok || setConfirming(false));
+	const archive = () => void act("archive").then(setArchivedHere);
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		/* @__PURE__ */ _jsx("span", {
+			class: "flash",
+			role: "status",
+			children: outcome
+		}),
+		live ? /* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			disabled: Boolean(action.pending),
+			loading: action.pending === "cancel",
+			onClick: () => void act("cancel"),
+			children: "Stop"
+		}) : archived ? null : /* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			class: "archive",
+			disabled: Boolean(action.pending),
+			loading: action.pending === "archive",
+			onClick: archive,
+			children: "Archive"
+		}),
+		/* @__PURE__ */ _jsxs(Menu, {
+			summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
+			button: "icon",
+			label: "More actions",
+			children: [
+				live && !archived ? /* @__PURE__ */ _jsx(MenuItem, {
+					title: "Archive",
+					onClick: archive
+				}) : null,
+				/* @__PURE__ */ _jsx(MenuItem, {
+					title: "Copy task id",
+					onClick: () => void navigator.clipboard.writeText(task.task.id).then(() => showToast("Copied", task.task.id))
+				}),
+				/* @__PURE__ */ _jsx(MenuItem, {
+					title: "Delete",
+					danger: true,
+					onClick: () => setConfirming(true)
+				})
+			]
+		}),
+		/* @__PURE__ */ _jsx(ConfirmDialog, {
+			open: confirming,
+			title: "Delete this task?",
+			body: "Its conversation, activity and diff go with it.",
+			confirmLabel: "Delete",
+			busy: Boolean(removing.pending),
+			onConfirm: remove,
+			onClose: () => setConfirming(false)
+		})
+	] });
+}
+/** The escalation waiting on a decision: the first unanswered one of the task's list, else the one it announced unless the list answers it. */
+export const pendingApproval = (task) => task.approvals?.find((approval) => !approval.response) ?? (task.approvals?.some((approval) => approval.id === task.approval?.id) ? undefined : task.approval);
+/** The turn an escalation was raised in: the first one still running or finished after it. */
+export const raisedIn = (turns, approval) => {
+	const at = Date.parse(approval.createdAt ?? "");
+	const index = turns.findIndex((turn) => !turn.finishedAt || turn.finishedAt >= at);
+	return index < 0 ? turns.length - 1 : index;
+};
+/** Who decided what, as the platforms word it: `Denied by @muzam`, `Approved in Coder`, `Task stopped`. */
+const decidedBy = ({ decision, by }) => decision === "closed" ? "Task stopped" : `${decision === "accept" ? "Approved" : "Denied"} ${by ? `by ${by}` : "in Coder"}`;
+/** An approval's exact actions, folded under their count. */
+function ApprovalActions({ actions }) {
+	return /* @__PURE__ */ _jsxs("details", {
+		class: "approval-actions",
+		children: [/* @__PURE__ */ _jsxs("summary", { children: [
+			actions.length,
+			" action",
+			actions.length === 1 ? "" : "s"
+		] }), /* @__PURE__ */ _jsx("ol", { children: actions.map((action, index) => /* @__PURE__ */ _jsx("li", { children: /* @__PURE__ */ _jsx("code", { children: action }) }, index)) })]
+	});
+}
+/** An answered escalation where the conversation raised it: the reason, its actions and the decision. */
+export function ApprovalEntry({ approval }) {
+	const response = approval.response;
+	return /* @__PURE__ */ _jsx(Card, {
+		title: "Approval needed",
+		children: /* @__PURE__ */ _jsxs("div", {
+			class: "body",
+			children: [
+				/* @__PURE__ */ _jsx("p", {
+					class: "approval",
+					children: approval.reason
+				}),
+				/* @__PURE__ */ _jsx(ApprovalActions, { actions: approval.actions }),
+				/* @__PURE__ */ _jsxs("p", {
+					class: "decision",
+					children: [/* @__PURE__ */ _jsx("strong", { children: decidedBy(response) }), response.reason ? `: ${response.reason}` : null]
+				})
+			]
+		})
+	});
+}
+/** A decision as the conversation shows it: who decided, approved or denied, and why. */
+export function DecisionTurn({ approval }) {
+	const response = approval.response;
+	return /* @__PURE__ */ _jsxs("div", {
+		class: `turn decision ${response.decision}`,
+		children: [
+			/* @__PURE__ */ _jsx("p", {
+				class: "who",
+				children: decidedBy(response)
+			}),
+			response.reason ? /* @__PURE__ */ _jsx("div", {
+				class: "prose",
+				children: response.reason
+			}) : null,
+			/* @__PURE__ */ _jsx(ApprovalActions, { actions: approval.actions })
+		]
+	});
+}
+// Stable, so the field takes focus once, when Deny shows it.
+const focus = (input) => input?.focus();
+export function Approval({ task }) {
+	const action = useAction({ toast: "Not sent" });
+	const busy = action.pending;
+	// A sent decision shows on the card at once; the events stream catches up after.
+	const [decided, setDecided] = useState();
+	// Deny first asks why, in the card; leaving it empty is fine.
+	const [denying, setDenying] = useState();
+	const approval = pendingApproval(task);
+	const { id, reason, actions } = approval ?? { actions: [] };
+	const response = approval?.response ?? (decided?.id === id ? decided?.response : undefined);
+	const decide = async (decision, why) => {
+		const ok = await action.run(decision, () => client.tasks.approve(task.task.id, id ?? "", decision, why ? { reason: why } : {}));
+		if (!ok) return;
+		setDecided({
+			id,
+			response: {
+				decision,
+				...why ? { reason: why } : {}
+			}
+		});
+	};
+	if (!approval) return null;
+	return /* @__PURE__ */ _jsx(Card, {
+		tone: response ? undefined : "accent",
+		title: "Approval needed",
+		actions: !response && task.task.flow === "default" && denying !== id ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			size: "sm",
+			disabled: Boolean(busy),
+			onClick: () => setDenying(id),
+			children: "Deny"
+		}), /* @__PURE__ */ _jsx(Button, {
+			size: "sm",
+			disabled: Boolean(busy),
+			loading: busy === "accept",
+			onClick: () => void decide("accept"),
+			children: "Approve"
+		})] }) : undefined,
+		children: /* @__PURE__ */ _jsxs("div", {
+			class: "body",
+			children: [
+				denying === id && !response ? /* @__PURE__ */ _jsxs("form", {
+					class: "deny-why",
+					onSubmit: (event) => {
+						event.preventDefault();
+						const why = new FormData(event.currentTarget).get("why");
+						void decide("decline", String(why ?? "").trim());
+					},
+					onKeyDown: (event) => event.key === "Escape" && setDenying(undefined),
+					children: [/* @__PURE__ */ _jsx(Field, {
+						label: "Why?",
+						hint: "optional, the task reads it",
+						children: /* @__PURE__ */ _jsx("input", {
+							name: "why",
+							placeholder: "Use the staging bucket instead",
+							autocomplete: "off",
+							ref: focus
+						})
+					}), /* @__PURE__ */ _jsxs("span", {
+						class: "deny-why-actions",
+						children: [/* @__PURE__ */ _jsx(Button, {
+							variant: "ghost",
+							disabled: Boolean(busy),
+							onClick: () => setDenying(undefined),
+							children: "Cancel"
+						}), /* @__PURE__ */ _jsx(Button, {
+							type: "submit",
+							danger: true,
+							loading: busy === "decline",
+							children: "Deny"
+						})]
+					})]
+				}) : null,
+				reason ? /* @__PURE__ */ _jsx("p", {
+					class: "approval",
+					children: reason
+				}) : null,
+				/* @__PURE__ */ _jsx(ApprovalActions, { actions }),
+				response ? /* @__PURE__ */ _jsxs("p", {
+					class: "decision",
+					children: [/* @__PURE__ */ _jsx("strong", { children: decidedBy(response) }), response.reason ? `: ${response.reason}` : null]
+				}) : /* @__PURE__ */ _jsx("p", {
+					class: "muted",
+					children: "Your decision reaches the task as a message."
+				})
+			]
+		})
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{task-view.dc294bb94b7437e1.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.0a1b5878dccd3b37.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.5072aacdce127689.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.0a1b5878dccd3b37.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";