@wular/coder 0.4.12 → 0.5.0

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

@@ -0,0 +1,408 @@
+"use client";
+import "./task-view.aae9fa481b9015d1.css.pnext-asset.js";
+import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { client } from "../../../../../utils/client.c8d7efefb6194d7d.js";
+import { useAction } from "../../../../../utils/action.f22057e7dfac40fe.js";
+import { useRouter, useSearchParams } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { useOrg } from "../../../../../comps/nav/org.853d173b55368728.js";
+import { isAdmin } from "../../../../../api/types.79f9092cdb5a00d1.js";
+import { Button } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { Card } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.e21b7f5e486dafb8.js";
+import { Menu } from "../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
+import { Modal } from "../../../../../comps/ui/modal.08ac85d31f4c76c1.js";
+import { Segmented } from "../../../../../comps/ui/segmented.633abe26ff760e37.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { iAgent, iDots, iUser } from "../../../../../comps/ui/icons.f769275420d072ce.js";
+import { showToast } from "../../../../../comps/frame/task-toasts.3b7eeee29fc327de.js";
+import { taskTitle } from "../list/task.a25847399a4dfb30.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);
+	// A chat's delete link opens here asking.
+	const [confirming, setConfirming] = useState(useSearchParams().get("delete") === "1");
+	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, or a change's diff, folded under their count; `note` follows the count. */
+function ApprovalActions({ actions, diff, note }) {
+	return /* @__PURE__ */ _jsxs("details", {
+		class: "approval-actions",
+		children: [/* @__PURE__ */ _jsx("summary", { children: /* @__PURE__ */ _jsxs("span", { children: [`${actions.length} ${diff ? "change" : "action"}${actions.length === 1 ? "" : "s"}`, note ? ` · ${note}` : null] }) }), diff ? /* @__PURE__ */ _jsx("pre", {
+			class: "change-diff",
+			children: actions.flatMap((entry) => entry.split("\n")).map((line, index) => /* @__PURE__ */ _jsx("span", {
+				class: line.startsWith("+ ") ? "add" : line.startsWith("- ") ? "del" : undefined,
+				children: line
+			}, index))
+		}) : /* @__PURE__ */ _jsx("ol", { children: actions.map((action, index) => /* @__PURE__ */ _jsx("li", { children: /* @__PURE__ */ _jsx("code", { children: action }) }, index)) })]
+	});
+}
+/** A decision where the buttons were, in the card's head. */
+const Decided = ({ response }) => /* @__PURE__ */ _jsx("strong", {
+	class: "decided",
+	children: decidedBy(response)
+});
+/** 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",
+		actions: /* @__PURE__ */ _jsx(Decided, { response }),
+		children: /* @__PURE__ */ _jsxs("div", {
+			class: "body",
+			children: [
+				/* @__PURE__ */ _jsx("p", {
+					class: "approval",
+					children: approval.reason
+				}),
+				/* @__PURE__ */ _jsx(ApprovalActions, {
+					actions: approval.actions,
+					diff: Boolean(approval.change)
+				}),
+				response.reason ? /* @__PURE__ */ _jsx("p", {
+					class: "decision",
+					children: 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,
+				diff: Boolean(approval.change)
+			})
+		]
+	});
+}
+const SCOPES = {
+	agent: ["This agent", "applies to this agent"],
+	workspace: ["Workspace", "applies to the workspace"],
+	personal: ["Personal", "applies to you"]
+};
+/** Who asks and for whom as one joined pill, the agent then the person, from the names the task stored. */
+function Asker({ task, me }) {
+	const person = task.task.requestedBy && task.task.requestedBy === me.user?.id ? "you" : task.task.context?.user?.name ?? (task.task.event?.actor?.login !== task.task.event?.actor?.id ? task.task.event?.actor?.login : undefined);
+	return /* @__PURE__ */ _jsxs("span", {
+		class: "asker",
+		title: person ? `${task.task.agent} asks, for ${person}` : `${task.task.agent} asks`,
+		children: [/* @__PURE__ */ _jsxs("span", { children: [/* @__PURE__ */ _jsx(Icon, { d: iAgent }), task.task.agent] }), person ? /* @__PURE__ */ _jsxs("span", { children: [/* @__PURE__ */ _jsx(Icon, { d: iUser }), person] }) : null]
+	});
+}
+/** An approval on its task's page as a card; in the queue a row with its task, its ask and the same buttons, unfolding to the same details. */
+function ApprovalFrame({ task, me, reason, request, answered, queue, actions, admin, dialog, children }) {
+	const org = useOrg();
+	const body = request ? "body request" : "body";
+	if (queue) return /* @__PURE__ */ _jsxs("li", {
+		class: "queue-row",
+		children: [
+			/* @__PURE__ */ _jsxs("details", { children: [/* @__PURE__ */ _jsxs("summary", { children: [/* @__PURE__ */ _jsxs("span", {
+				class: "queue-ask",
+				children: [/* @__PURE__ */ _jsx(Asker, {
+					task,
+					me
+				}), reason ? /* @__PURE__ */ _jsx("span", {
+					class: "queue-reason",
+					children: reason
+				}) : null]
+			}), /* @__PURE__ */ _jsxs("span", {
+				class: "queue-task",
+				children: [/* @__PURE__ */ _jsx(Link, {
+					href: "/dash/[org]/tasks/[id]",
+					params: {
+						org,
+						id: task.task.id
+					},
+					children: taskTitle(task).split("\n")[0]
+				}), admin]
+			})] }), /* @__PURE__ */ _jsx("div", {
+				class: body,
+				children
+			})] }),
+			actions ? /* @__PURE__ */ _jsx("span", {
+				class: "queue-acts",
+				children: actions
+			}) : null,
+			dialog
+		]
+	});
+	return /* @__PURE__ */ _jsxs(Card, {
+		tone: answered ? undefined : "accent",
+		title: "Approval needed",
+		actions,
+		children: [/* @__PURE__ */ _jsxs("div", {
+			class: body,
+			children: [
+				/* @__PURE__ */ _jsxs("p", {
+					class: "approval",
+					children: [/* @__PURE__ */ _jsx(Asker, {
+						task,
+						me
+					}), reason]
+				}),
+				admin ? /* @__PURE__ */ _jsx("p", { children: admin }) : null,
+				children
+			]
+		}), dialog]
+	});
+}
+/** A change the task asked for: its diff and scope, approved by whoever the scope allows, else asked of an admin. */
+function ChangeRequest({ task, approval, me, queue }) {
+	const change = approval.change;
+	const action = useAction({ toast: "Not sent" });
+	const busy = action.pending;
+	const [scope, setScope] = useState(change.scope);
+	const [sent, setSent] = useState();
+	const allowed = scope === "agent" || (scope === "personal" ? me.user?.id === change.asker : isAdmin(me));
+	// Acting as a person is theirs alone to answer, either way.
+	const person = change.operation.kind === "act-as" ? change.operation.user.name : undefined;
+	const asked = sent === "ask" || Boolean(change.askedAdmin);
+	const adminNote = person ? `Only ${person} answers this.` : asked ? "Asked an admin. Only a workspace admin approves this." : "Only a workspace admin approves this. Ask one.";
+	const answered = approval.response ?? (sent && sent !== "ask" ? {
+		decision: sent,
+		by: me.user?.name
+	} : undefined);
+	const decide = (decision) => {
+		const sending = action.run(decision, () => client.tasks.request(task.task.id, approval.id, decision, { scope }));
+		queue?.onSent(sending);
+		void sending.then((ok) => ok && setSent(decision));
+	};
+	return /* @__PURE__ */ _jsxs(ApprovalFrame, {
+		task,
+		me,
+		reason: approval.reason,
+		request: true,
+		answered: Boolean(answered),
+		queue,
+		actions: answered ? /* @__PURE__ */ _jsx(Decided, { response: answered }) : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			size: "sm",
+			disabled: Boolean(busy) || Boolean(person && !allowed),
+			loading: busy === "decline",
+			onClick: () => decide("decline"),
+			children: "Deny"
+		}), allowed ? /* @__PURE__ */ _jsx(Button, {
+			size: "sm",
+			disabled: Boolean(busy),
+			loading: busy === "accept",
+			onClick: () => decide("accept"),
+			children: "Approve"
+		}) : /* @__PURE__ */ _jsx(
+			"span",
+			// A disabled button shows no tooltip of its own, so its wrapper names who approves.
+			{
+				class: "approve-off",
+				title: adminNote,
+				children: /* @__PURE__ */ _jsx(Button, {
+					size: "sm",
+					disabled: true,
+					children: "Approve"
+				})
+			}
+		)] }),
+		admin: allowed || answered || person ? undefined : /* @__PURE__ */ _jsxs("span", {
+			class: "admin-ask",
+			children: [
+				"Only a workspace admin approves this.",
+				" ",
+				asked ? "Asked an admin." : /* @__PURE__ */ _jsx("button", {
+					type: "button",
+					class: "link",
+					disabled: Boolean(busy),
+					onClick: () => decide("ask"),
+					children: "Ask an admin"
+				})
+			]
+		}),
+		children: [change.scopes.length > 1 && !answered ? /* @__PURE__ */ _jsx(Segmented, {
+			label: "Scope",
+			options: change.scopes.map((key) => [key, SCOPES[key][0]]),
+			value: scope,
+			onChange: (value) => setScope(value)
+		}) : null, /* @__PURE__ */ _jsx(ApprovalActions, {
+			actions: approval.actions,
+			diff: true,
+			note: change.scopes.length > 1 && !answered ? undefined : SCOPES[scope][1]
+		})]
+	});
+}
+/** The task's open approval with its decision; `queue` makes it a row of the Tasks queue. */
+export function Approval({ task, me, queue }) {
+	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 a dialog; 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 sending = action.run(decision, () => client.tasks.approve(task.task.id, id ?? "", decision, why ? { reason: why } : {}));
+		queue?.onSent(sending);
+		if (!await sending) return;
+		setDecided({
+			id,
+			response: {
+				decision,
+				by: me.user?.name,
+				...why ? { reason: why } : {}
+			}
+		});
+	};
+	if (!approval) return null;
+	if (approval.change) return /* @__PURE__ */ _jsx(ChangeRequest, {
+		task,
+		approval,
+		me,
+		queue
+	}, approval.id);
+	return /* @__PURE__ */ _jsxs(ApprovalFrame, {
+		task,
+		me,
+		reason,
+		answered: Boolean(response),
+		queue,
+		actions: response ? /* @__PURE__ */ _jsx(Decided, { response }) : task.task.flow === "default" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			size: "sm",
+			disabled: Boolean(busy),
+			loading: busy === "decline",
+			onClick: () => setDenying(id),
+			children: "Deny"
+		}), /* @__PURE__ */ _jsx(Button, {
+			size: "sm",
+			disabled: Boolean(busy),
+			loading: busy === "accept",
+			onClick: () => void decide("accept"),
+			children: "Approve"
+		})] }) : undefined,
+		dialog: /* @__PURE__ */ _jsx(Modal, {
+			class: "deny-why",
+			open: denying === id && !response,
+			title: "Deny this request?",
+			focus: "actions",
+			busy: busy === "decline",
+			onSubmit: (event) => {
+				event.preventDefault();
+				const why = new FormData(event.currentTarget).get("why");
+				setDenying(undefined);
+				void decide("decline", String(why ?? "").trim());
+			},
+			onClose: () => setDenying(undefined),
+			actions: /* @__PURE__ */ _jsx(Button, {
+				type: "submit",
+				danger: true,
+				loading: busy === "decline",
+				children: "Deny"
+			}),
+			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",
+					autofocus: true
+				})
+			})
+		}),
+		children: [/* @__PURE__ */ _jsx(ApprovalActions, { actions }), response?.reason ? /* @__PURE__ */ _jsx("p", {
+			class: "decision",
+			children: response.reason
+		}) : null]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/task-missing.33ec27a4a5eafefe.js

@@ -0,0 +1,27 @@
+"use client";
+import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { useOrg } from "../../../../../comps/nav/org.853d173b55368728.js";
+import { Button, LinkButton } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { Empty } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** A task that is gone, or one this member can't see: the same answer for both. */
+export function TaskMissing() {
+	const nav = useRouter();
+	const org = useOrg();
+	return /* @__PURE__ */ _jsx("div", {
+		class: "task-missing",
+		children: /* @__PURE__ */ _jsx(Empty, {
+			title: "Task not found",
+			actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+				variant: "outline",
+				onClick: () => nav.refresh(),
+				children: "Refresh"
+			}), /* @__PURE__ */ _jsx(LinkButton, {
+				href: "/dash/[org]/tasks",
+				params: { org },
+				children: "Go to tasks"
+			})] }),
+			children: "It may have been deleted, or it ran somewhere you can't see."
+		})
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{task-view.dc294bb94b7437e1.js → task-view.0cd3ec2655f44cc7.js}

@@ -1,34 +1,35 @@
 "use client";
-import "./task-view.57990cfd2bdf5c11.css.pnext-asset.js";
+import "./task-view.aae9fa481b9015d1.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/http.e78b470f4ecf125b.js";
+import { LogView, EMPTY_MESSAGE, EMPTY_MESSAGE_NOTICE, SKIPPED, eventMessages } from "../../../../../../../core/task/view.e20379d8f741754a.js";
+import { client } from "../../../../../utils/client.c8d7efefb6194d7d.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 { 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";
-import { Card, Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Collapse } from "../../../../../comps/ui/collapse.93e4d1b20c2873ed.js";
+import { useOrg } from "../../../../../comps/nav/org.853d173b55368728.js";
+import { iAgent, iClock, iDown, iFolder, iPlug, iRight, iTerminal } from "../../../../../comps/ui/icons.f769275420d072ce.js";
+import { Badge } from "../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { Button } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { Card, Loading } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Collapse } from "../../../../../comps/ui/collapse.eb578fdf42029754.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 { 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 { Menu } from "../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
+import { MenuRadio } from "../../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
+import { Back, PageHead } from "../../../../../comps/frame/page-head.2eb1e0213eb50349.js";
+import { markdown } from "../../agents/agent/instructions.1b8c9189961c5a4f.js";
+import { ReadOnlyBadge, Status } from "../list/status.d2c05c397780b833.js";
+import { folderName, replyRequired, sourceLabel, taskActive, taskModel, taskTitle, TASK_TABS } from "../list/task.a25847399a4dfb30.js";
+import { useAction } from "../../../../../utils/action.f22057e7dfac40fe.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.4a4052a38db4bad3.js";
+import { Activity, RunPreview, runSummary } from "./activity.441e82ab00344fb2.js";
+import { toastError, useTaskEvents, watchTask } from "../../../../../comps/frame/task-toasts.3b7eeee29fc327de.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** A fallback's model as people read it: the model part of its spec. */
+const modelOf = (spec) => spec.split("/")[1] ?? spec;
 function messageOf(value, fallback) {
 	if (typeof value === "string") return value;
 	if (!value || typeof value !== "object") return fallback;
@@ -44,7 +45,7 @@ function messageOf(value, fallback) {
 function turnMessages(task, prompt, first) {
 	const { event } = task.task;
 	return eventMessages(prompt) ?? (first && event?.actor && prompt === event.text ? [{
-		author: event.actor.login ?? event.actor.id,
+		author: event.actor.login !== event.actor.id ? event.actor.login ?? "" : "",
 		text: prompt
 	}] : [{
 		author: "Prompt",
@@ -149,17 +150,21 @@ 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,
+			task.task.access === "read-only" ? /* @__PURE__ */ _jsx(ReadOnlyBadge, {}) : null
+		] }),
 		lead: /* @__PURE__ */ _jsxs(_Fragment, { children: [
 			/* @__PURE__ */ _jsxs("span", {
 				class: "fact",
@@ -191,14 +196,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]
 			})
 		] }),
@@ -226,7 +227,7 @@ function useDisplayRows(lines) {
 	}, [lines]);
 }
 /** A task as a conversation with its activity; the box at the bottom steers, asks, or continues. */
-export function TaskView({ initial, tz: serverZone }) {
+export function TaskView({ initial, tz: serverZone, me }) {
 	const tz = useZone(serverZone);
 	const [task, setTask] = useState(initial);
 	const [lines, setLines] = useState(initial.logs ?? []);
@@ -336,6 +337,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 +401,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;
@@ -467,7 +470,6 @@ export function TaskView({ initial, tz: serverZone }) {
 		setAsk(next);
 		setTimeout(() => input.current?.focus());
 	};
-	const result = task.result;
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
 		/* @__PURE__ */ _jsx(TaskHead, {
 			task,
@@ -477,11 +479,13 @@ export function TaskView({ initial, tz: serverZone }) {
 			class: "flash",
 			role: "status",
 			children: [
-				fallback.engine,
+				modelOf(fallback.model),
 				" was unavailable. ",
 				fallback.detail,
-				" This task is using ",
-				fallback.next,
+				" This task is using",
+				" ",
+				modelOf(fallback.next),
+				fallback.next === fallback.model ? " on another credential" : "",
 				"."
 			]
 		}, index)),
@@ -501,13 +505,15 @@ 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,
+			me
+		}), /* @__PURE__ */ _jsxs("div", {
 			class: "convo",
 			children: [shown.map((turn, index) => {
 				const last = index === turns.length - 1;
@@ -517,13 +523,15 @@ 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", {
+						children: [message.author ? /* @__PURE__ */ _jsx("p", {
 							class: "who",
 							children: message.author
-						}), /* @__PURE__ */ _jsx(Collapse, {
+						}) : null, /* @__PURE__ */ _jsx(Collapse, {
 							class: "prose",
 							children: message.text
 						})]
@@ -579,6 +587,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 +610,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",