@wular/coder 0.4.11 → 0.4.13

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{page.dfed4ae6ffc74434.js → page.805d0f8a2c5817d6.js}

@@ -6,14 +6,14 @@ import "./list.8cbee173a5aff98d.css.pnext-asset.js";
 import "./@/app/dash/[org]/setup/outcome.3ad5f7ec67e5238d.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
 import { notFound } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
-import { DEFAULT_CONFIG } from "../../../../../../../core/defaults.1b615366c56838a1.js";
-import { load } from "../../../../../api/load.be791a5eaf328738.js";
-import { Settle, Stream } from "../../../../../comps/frame/stream.e2915852cf82c86b.js";
+import { DEFAULT_CONFIG } from "../../../../../../../core/defaults.e972c134a1ae918f.js";
+import { load } from "../../../../../api/load.30ed8c28774a1a82.js";
+import { Settle, Stream } from "../../../../../comps/frame/stream.c32d78562f75db25.js";
 import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { SETTINGS } from "../settings-head.bbc7ced8dd5491eb.js";
+import { SETTINGS } from "../settings-head.705be0b1129b97af.js";
 import { isAdmin, localServer } from "../../../../../api/types.79f9092cdb5a00d1.js";
 import { outcomeName, outcomeText, outcomeTitle, readOutcome, succeeded } from "../../setup/outcome.cbbc8cd1bbbee01b.js";
-import { Credentials } from "./credentials.b43dd3d97c536c2a.js";
+import { Credentials } from "./credentials.1443bbed1ff1d441.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const ADMIN_ROLES = new Set(["owner", "admin"]);
 /** What a connection's sign-in says when it comes back with `outcome`. */
@@ -24,30 +24,30 @@ const SIGN_IN = {
 	failed: SIGN_IN_FAILED,
 	"invalid-state": "This sign-in link expired or was already used. Try Reconnect."
 };
-const ModelsList = dynamic(() => import("./models-list.537f63f8e5dd085d.js").then((m) => m.ModelsList), undefined, {
+const ModelsList = dynamic(() => import("./models-list.31d369f1b7ab45da.js").then((m) => m.ModelsList), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/models-list.tsx", import.meta.url).pathname),
 	"exportName": "ModelsList",
-	"id": "c-1ac5924051"
+	"id": "c-eb838a4d62"
 });
-const ConnectionsList = dynamic(() => import("./connections-list.21ec9dc73ce68656.js").then((m) => m.ConnectionsList), undefined, {
+const ConnectionsList = dynamic(() => import("./connections-list.97381888bfdd711b.js").then((m) => m.ConnectionsList), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/connections-list.tsx", import.meta.url).pathname),
 	"exportName": "ConnectionsList",
-	"id": "c-dee30f9e6a"
+	"id": "c-f019ede53d"
 });
-const OutcomeDialog = dynamic(() => import("../../setup/outcome-dialog.894c73f9abee3ce1.js").then((m) => m.OutcomeDialog), undefined, {
+const OutcomeDialog = dynamic(() => import("../../setup/outcome-dialog.18cf32fa42247b91.js").then((m) => m.OutcomeDialog), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/setup/outcome-dialog.tsx", import.meta.url).pathname),
 	"exportName": "OutcomeDialog",
-	"id": "c-bb95fb5cd0"
+	"id": "c-d6a383147e"
 });
-const EnginesList = dynamic(() => import("./engines-list.9e116751bd34e2cc.js").then((m) => m.EnginesList), undefined, {
+const EnginesList = dynamic(() => import("./engines-list.d47db60d7dc01ebd.js").then((m) => m.EnginesList), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/engines-list.tsx", import.meta.url).pathname),
 	"exportName": "EnginesList",
-	"id": "c-9ac44950e1"
+	"id": "c-3d56b900ab"
 });
-const RunnersList = dynamic(() => import("./runners-list.3afa989490bbe77c.js").then((m) => m.RunnersList), undefined, {
+const RunnersList = dynamic(() => import("./runners-list.1e83449aa6593224.js").then((m) => m.RunnersList), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/runners-list.tsx", import.meta.url).pathname),
 	"exportName": "RunnersList",
-	"id": "c-450a8c0d7f"
+	"id": "c-211bc78b0f"
 });
 /** One settings tab. */
 export default async function SettingsTabPage({ request, params }) {

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-d9fccf0000"
+	"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.56520888d5270b88.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.a0c68180db5fb4c1.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.25b29e72df84806b.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.f2e902c8208b2e78.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-b5a3026961"
+	"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."
+				})
+			]
+		})
+	});
+}