@wular/coder 0.4.8 → 0.4.10

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{task-actions.ece7ec732352ce70.js → task-actions.f5f2016d2dc7f422.js}

@@ -1,15 +1,17 @@
 "use client";
 import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
-import { useAction } from "../../../../../utils/action.568346602027ac74.js";
+import { client } from "../../../../../utils/client.189224c16057d7a1.js";
+import { useAction } from "../../../../../utils/action.968bcab0f5e3665d.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
-import { Card } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { ConfirmDialog } from "../../../../../comps/ui/confirm.fe133a074c2743af.js";
-import { Menu, MenuItem } from "../../../../../comps/ui/menu.0f064f75822888be.js";
+import { useOrg } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Card } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.c1281f9b12854210.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.868385119bf2de28.js";
-import { showToast } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
+import { iDots } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { showToast } from "../../../../../comps/frame/task-toasts.e1a484113e1df660.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export function approvalParts(approval) {
 	if (!approval || typeof approval !== "object") return {};
@@ -28,7 +30,9 @@ export function TaskActions({ task, live }) {
 	const action = useAction();
 	const removing = useAction({ leaves: true });
 	const [outcome, setOutcome] = useState("");
-	const [archived, setArchived] = useState(Boolean(task.archivedAt));
+	// 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("");
@@ -40,31 +44,30 @@ export function TaskActions({ task, live }) {
 		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(setArchived);
+	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", {
-			type: "button",
-			class: "btn outline",
+		live ? /* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
 			disabled: Boolean(action.pending),
-			"aria-busy": action.pending === "cancel",
+			loading: action.pending === "cancel",
 			onClick: () => void act("cancel"),
 			children: "Stop"
-		}) : archived ? null : /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn outline archive",
+		}) : archived ? null : /* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			class: "archive",
 			disabled: Boolean(action.pending),
-			"aria-busy": action.pending === "archive",
+			loading: action.pending === "archive",
 			onClick: archive,
 			children: "Archive"
 		}),
 		/* @__PURE__ */ _jsxs(Menu, {
 			summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
-			summaryClass: "icon-btn",
+			button: "icon",
 			label: "More actions",
 			children: [
 				live && !archived ? /* @__PURE__ */ _jsx(MenuItem, {
@@ -109,18 +112,17 @@ export function Approval({ task }) {
 	return /* @__PURE__ */ _jsx(Card, {
 		tone: "accent",
 		title: "Approval needed",
-		actions: task.task.flow === "default" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn outline sm",
+		actions: task.task.flow === "default" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			size: "sm",
 			disabled: Boolean(busy),
-			"aria-busy": busy === "decline",
+			loading: busy === "decline",
 			onClick: () => void decide("decline"),
 			children: "Deny"
-		}), /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn sm",
+		}), /* @__PURE__ */ _jsx(Button, {
+			size: "sm",
 			disabled: Boolean(busy),
-			"aria-busy": busy === "accept",
+			loading: busy === "accept",
 			onClick: () => void decide("accept"),
 			children: "Allow"
 		})] }) : undefined,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/{task-view.8a5908c42647923f.js → task-view.a292baa2410cdf64.js}

@@ -1,31 +1,34 @@
 "use client";
-import "./task-view.38b1b7ef3976ba71.css.pnext-asset.js";
+import "./task-view.57990cfd2bdf5c11.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 { serverEvents } from "../../../../../../../client/index.8e150ef2bc6a5f4e.js";
-import { LogView } from "../../../../../../../core/task/log-view.871cbff2605b5cfd.js";
-import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
-import { formatDate, formatDuration, reasonText } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { useFollowEnd } from "../../../../../utils/follow.bfb9bcff3c1366d7.js";
+import { serverEvents } from "../../../../../../../client/index.843431e3538fd9a4.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.189224c16057d7a1.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.813dc34bd23a336f.js";
-import { iAgent, iCheck, iClock, iDown, iFolder, iPlug, iRight, iTerminal } from "../../../../../comps/ui/icons.868385119bf2de28.js";
-import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
-import { Card, Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { Collapse } from "../../../../../comps/ui/collapse.dab7f208cbbe6a33.js";
+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 { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Menu } from "../../../../../comps/ui/menu.0f064f75822888be.js";
-import { Back, PageHead } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
-import { backFrom } from "../../../../../comps/frame/heads.20414ddcb2d08bcd.js";
-import { markdown } from "../../agents/agent/instructions.6558ffd02a59ad53.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 { folderName, sourceLabel, taskActive, taskTitle } from "../list/task.af5001e51d2f612b.js";
-import { useAction } from "../../../../../utils/action.568346602027ac74.js";
-import { Approval, TaskActions } from "./task-actions.ece7ec732352ce70.js";
-import { Activity, RunPreview, runSummary } from "./activity.ed49ee2686d1ee41.js";
-import { toastError, useTaskEvents, watchTask } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
+import { eventMessages, folderName, replyRequired, sourceLabel, taskActive, taskTitle, TASK_TABS } from "../list/task.a0c68180db5fb4c1.js";
+import { useAction } from "../../../../../utils/action.968bcab0f5e3665d.js";
+import { useZone } from "../../../../zone.0515a688ee5ff6ca.js";
+import { Approval, TaskActions } from "./task-actions.f5f2016d2dc7f422.js";
+import { Activity, RunPreview, runSummary } from "./activity.fcda6f18c8207c99.js";
+import { toastError, useTaskEvents, watchTask } from "../../../../../comps/frame/task-toasts.e1a484113e1df660.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const TABS = ["Conversation", "Activity"];
 function messageOf(value, fallback) {
 	if (typeof value === "string") return value;
 	if (!value || typeof value !== "object") return fallback;
@@ -37,6 +40,34 @@ function messageOf(value, fallback) {
 	]) if (typeof record[key] === "string") return record[key];
 	return fallback;
 }
+/** Who made a turn and what they said: a platform turn's messages, else its prompt. */
+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,
+		text: prompt
+	}] : [{
+		author: "Prompt",
+		text: prompt
+	}]);
+}
+/** Whether a log line came before the end of a turn: a hosted turn's log sequence, else its finish time. */
+const within = (turn, line) => turn.logSeq !== undefined ? line.seq < turn.logSeq : turn.finishedAt === undefined || line.at <= turn.finishedAt;
+/** Each turn's posts from the reply tool, in order, from the lines loaded so far; a line past every turn goes to the last. */
+function turnReplies(turns, lines) {
+	const replies = turns.map(() => []);
+	for (const line of lines) {
+		const message = line.entry?.kind === "reply" ? line.entry.message : undefined;
+		if (!message) continue;
+		const index = turns.findIndex((turn) => within(turn, line));
+		replies.at(index).push(message);
+	}
+	return replies;
+}
+function isEmpty(text) {
+	const bare = text.trim().replace(/^`+|`+$/g, "");
+	return bare.trim() === EMPTY_MESSAGE;
+}
 const isFindings = (json) => typeof json === "object" && json !== null && Array.isArray(json.findings) && json.findings.every((f) => typeof f === "object" && f !== null && "file" in f && "summary" in f);
 /** A review.s findings, one per changed line, worst first. */
 function Findings({ findings }) {
@@ -82,8 +113,13 @@ function Findings({ findings }) {
 		}, index))
 	});
 }
-function ResultBody({ value }) {
+/** A result as the platform got it: an empty answer is the notice when a reply was due, else the skip. */
+function ResultBody({ value, required }) {
 	const text = messageOf(value, "Result received.");
+	if (isEmpty(text)) return /* @__PURE__ */ _jsx("p", {
+		class: "body muted",
+		children: required ? EMPTY_MESSAGE_NOTICE : SKIPPED
+	});
 	let json;
 	if (/^\s*[[{]/.test(text)) try {
 		json = JSON.parse(text);
@@ -98,16 +134,14 @@ function ResultBody({ value }) {
 		children: markdown(text)
 	});
 }
-/** Back to where the task was opened from: a `back` path, a `from` list, or Tasks. */
+/** Back to where the task was opened from, a `back` path, or Tasks. */
 function TaskBack() {
 	const search = useSearchParams();
 	const org = useOrg();
 	return /* @__PURE__ */ _jsx(Back, {
-		...backFrom(search.get("from"), {
-			href: "/dash/[org]/tasks",
-			params: { org },
-			label: "Tasks"
-		}),
+		href: "/dash/[org]/tasks",
+		params: { org },
+		label: "Tasks",
 		back: search.get("back")
 	});
 }
@@ -121,9 +155,10 @@ function TaskHead({ task, tz }) {
 	};
 	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: taskTitle(task).split("\n")[0],
+		title,
 		meta: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Status, { status: task.status }), task.archivedAt ? /* @__PURE__ */ _jsx(Badge, { children: "archived" }) : null] }),
 		lead: /* @__PURE__ */ _jsxs(_Fragment, { children: [
 			/* @__PURE__ */ _jsxs("span", {
@@ -154,7 +189,7 @@ function TaskHead({ task, tz }) {
 						org,
 						slug: task.task.agent
 					},
-					search: { from: `/dash/${org}/tasks/${task.task.id}` },
+					search: { back: `/dash/${org}/tasks/${task.task.id}` },
 					children: [/* @__PURE__ */ _jsx(Icon, { d: iAgent }), task.task.agent]
 				}), engine ? /* @__PURE__ */ _jsx("span", {
 					class: "fact-dim",
@@ -191,10 +226,12 @@ 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 }) {
+export function TaskView({ initial, tz: serverZone }) {
+	const tz = useZone(serverZone);
 	const [task, setTask] = useState(initial);
 	const [lines, setLines] = useState(initial.logs ?? []);
-	const [complete, setComplete] = useState((initial.logs?.length ?? 0) < LOG_CHUNK);
+	// A full first page leaves older lines for the stream to replay; turns wait for them.
+	const [caughtUp, setCaughtUp] = useState((initial.logs?.length ?? 0) < LOG_PAGE);
 	const [tab, setTab] = useState("conversation");
 	const [at, setAt] = useState();
 	const [sent, setSent] = useState([]);
@@ -214,6 +251,8 @@ export function TaskView({ initial, tz }) {
 		observer.observe(form);
 		return () => observer.disconnect();
 	}, [task.task.flow]);
+	// A sent message takes the page to its end, which then follows the conversation while you stay there.
+	const { follow } = useFollowEnd();
 	const sender = useAction({ toast: "Not sent" });
 	const asker = useAction({ toast: "Not sent" });
 	const sending = Boolean(sender.pending);
@@ -243,7 +282,14 @@ export function TaskView({ initial, tz }) {
 		return () => removeEventListener("visibilitychange", sync);
 	}, []);
 	// Logs stream from when the task runs until the stream ends them, which waits for logs still arriving.
-	const [streaming, setStreaming] = useState(live);
+	const [streaming, setStreaming] = useState(live || !caughtUp);
+	// Each catch-up opens a fresh stream, which says again when it has caught up.
+	const [follows, setFollows] = useState(0);
+	const resume = () => {
+		setCaughtUp(false);
+		setStreaming(true);
+		setFollows((n) => n + 1);
+	};
 	// Each turn's reads apply to it alone: a continue, here or from elsewhere, starts the next.
 	const [round, setRound] = useState(0);
 	const roundNow = useRef(0);
@@ -256,10 +302,10 @@ export function TaskView({ initial, tz }) {
 			if (taskActive(full)) setStreaming(true);
 		}).catch((reason) => toastError("Task not refreshed", reasonText(reason)));
 	};
-	// A running stream follows its own cursor; a stopped page fetches the lines it missed.
+	// A running stream follows its own cursor; a stopped page streams the lines it missed.
 	const catchUp = () => {
 		reload();
-		if (!streaming) setComplete(false);
+		if (!streaming) resume();
 	};
 	// A new turn's prompt, from this page or elsewhere; its state comes from the events stream.
 	const nextRound = () => {
@@ -284,7 +330,7 @@ export function TaskView({ initial, tz }) {
 			// A turn continued and finished elsewhere while this page heard nothing of it.
 			if (!live && !taskActive(event) && event.finishedAt !== task.finishedAt) {
 				reload();
-				setComplete(false);
+				resume();
 			}
 			setTask((current) => ({
 				...current,
@@ -303,17 +349,9 @@ export function TaskView({ initial, tz }) {
 		// Missed events: refetch the task and catch up its logs from the cursor.
 		catchUp
 	);
-	// Older lines a chunk at a time, then the stream follows the run.
-	useEffect(() => {
-		if (complete) return;
-		void client.tasks.logs(task.task.id, after.current, LOG_CHUNK).then((more) => {
-			append(more);
-			if (more.length < LOG_CHUNK) setComplete(true);
-		}).catch((reason) => toastError("Activity not loaded", reasonText(reason)));
-	}, [complete, lines.length]);
 	// A hidden tab holds no log stream and resumes from its cursor.
 	useEffect(() => {
-		if (!complete || !streaming || !visible) return;
+		if (!streaming || !visible) return;
 		const abort = new AbortController();
 		const follow = async () => {
 			while (!abort.signal.aborted) {
@@ -326,10 +364,15 @@ export function TaskView({ initial, tz }) {
 					for await (const event of serverEvents(response.body)) {
 						if (abort.signal.aborted) return;
 						if (event.event === "log") append([JSON.parse(event.data)]);
-						else if (event.event === "end") return setStreaming(false);
+						else if (event.event === "caught-up") setCaughtUp(true);
+						else if (event.event === "end") {
+							setCaughtUp(true);
+							return setStreaming(false);
+						}
 					}
-				} catch {
+				} catch (reason) {
 					if (abort.signal.aborted) return;
+					console.error("coder dashboard: task stream", reason);
 				}
 				await new Promise((done) => setTimeout(done, 1e3));
 			}
@@ -337,10 +380,10 @@ export function TaskView({ initial, tz }) {
 		void follow();
 		return () => abort.abort();
 	}, [
-		complete,
 		streaming,
 		visible,
-		round
+		round,
+		follows
 	]);
 	const turns = task.turns ?? [{
 		prompt: task.task.prompt ?? task.task.event?.text ?? taskTitle(task),
@@ -348,10 +391,19 @@ export function TaskView({ initial, tz }) {
 		error: task.error,
 		finishedAt: task.finishedAt
 	}];
+	const parsed = useMemo(() => turns.map((turn, index) => ({
+		messages: turnMessages(task, turn.prompt, index === 0),
+		required: replyRequired(task, turn.prompt)
+	})), [turns, task.task]);
+	const replied = useMemo(() => turnReplies(turns, lines), [turns, lines]);
+	// 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 send = async () => {
 		const text = input.current?.value.trim();
 		if (!text || sending) return;
 		const kind = live ? ask ? "ask" : "steer" : "continue";
+		follow();
 		if (kind === "ask") {
 			// A question never blocks the box: it shows at once and its answer lands under it.
 			input.current.value = "";
@@ -398,11 +450,12 @@ export function TaskView({ initial, tz }) {
 		setAt(to);
 		setTab("activity");
 	};
-	const activityLink = /* @__PURE__ */ _jsxs("button", {
-		type: "button",
-		class: "btn ghost sm",
+	const activityLink = /* @__PURE__ */ _jsx(Button, {
+		variant: "ghost",
+		size: "sm",
+		rightIcon: iRight,
 		onClick: () => openActivity("end"),
-		children: ["Activity", /* @__PURE__ */ _jsx(Icon, { d: iRight })]
+		children: "Activity"
 	});
 	const run = rows.filter((row) => row.at >= (task.startedAt ?? 0));
 	const foot = !live && task.startedAt && task.finishedAt ? /* @__PURE__ */ _jsxs("p", {
@@ -436,7 +489,7 @@ export function TaskView({ initial, tz }) {
 			class: "tabs",
 			role: "tablist",
 			"aria-label": "Task",
-			children: TABS.map((label) => {
+			children: TASK_TABS.map((label) => {
 				const key = label.toLowerCase();
 				return /* @__PURE__ */ _jsx("button", {
 					type: "button",
@@ -448,26 +501,33 @@ export function TaskView({ initial, tz }) {
 				}, key);
 			})
 		}),
+		task.approval ? /* @__PURE__ */ _jsx(Approval, { task }) : null,
 		tab === "activity" ? /* @__PURE__ */ _jsx(Activity, {
 			rows,
 			live,
 			tz,
 			at
-		}) : /* @__PURE__ */ _jsx("div", {
+		}) : /* @__PURE__ */ _jsxs("div", {
 			class: "convo",
-			children: turns.map((turn, index) => {
+			children: [shown.map((turn, index) => {
 				const last = index === turns.length - 1;
+				const posts = replied[index];
+				// A turn that posted with the reply tool and ended empty posted nothing more.
+				const body = posts.length > 0 && isEmpty(messageOf(turn.result, "")) ? null : /* @__PURE__ */ _jsx(ResultBody, {
+					value: turn.result,
+					required: parsed[index].required
+				});
 				return /* @__PURE__ */ _jsxs(Fragment, { children: [
-					/* @__PURE__ */ _jsxs("div", {
+					parsed[index].messages.map((message, index) => /* @__PURE__ */ _jsxs("div", {
 						class: "turn prompt",
 						children: [/* @__PURE__ */ _jsx("p", {
 							class: "who",
-							children: "Prompt"
+							children: message.author
 						}), /* @__PURE__ */ _jsx(Collapse, {
 							class: "prose",
-							children: turn.prompt
+							children: message.text
 						})]
-					}),
+					}, `p${index}`)),
 					last ? (task.answer ?? []).slice(0, knownAnswers.current).map((answer, index) => /* @__PURE__ */ _jsxs("div", {
 						class: "turn answer",
 						children: [/* @__PURE__ */ _jsx("p", {
@@ -478,6 +538,16 @@ export function TaskView({ initial, tz }) {
 							children: messageOf(answer, "Answer received.")
 						})]
 					}, `a${index}`)) : null,
+					posts.map((text, index) => /* @__PURE__ */ _jsxs("div", {
+						class: "turn reply",
+						children: [/* @__PURE__ */ _jsx("p", {
+							class: "who",
+							children: task.task.agent
+						}), /* @__PURE__ */ _jsx("div", {
+							class: "prose md",
+							children: markdown(text)
+						})]
+					}, `r${index}`)),
 					sent.filter((message) => message.turn === index).map((message, index) => {
 						const asked = message.kind === "ask" ? sent.filter((each) => each.kind === "ask").indexOf(message) : -1;
 						const answer = asked < 0 ? undefined : task.answer?.[knownAnswers.current + asked];
@@ -509,9 +579,9 @@ export function TaskView({ initial, tz }) {
 							]
 						}, index);
 					}),
-					turn.result ? /* @__PURE__ */ _jsxs(Card, {
+					turn.result && (body || last && foot) ? /* @__PURE__ */ _jsxs(Card, {
 						title: "Result",
-						children: [/* @__PURE__ */ _jsx(ResultBody, { value: turn.result }), last ? foot : null]
+						children: [body, last ? foot : null]
 					}) : last && live ? /* @__PURE__ */ _jsx(Card, {
 						title: "Result",
 						actions: activityLink,
@@ -530,7 +600,7 @@ export function TaskView({ initial, tz }) {
 						}), last && !turn.result ? foot : null]
 					}) : null
 				] }, index);
-			})
+			}), shown.length < turns.length ? /* @__PURE__ */ _jsx(Loading, { label: "Loading the conversation." }) : null]
 		}),
 		replies ? /* @__PURE__ */ _jsx("form", {
 			ref: reply,
@@ -548,26 +618,16 @@ export function TaskView({ initial, tz }) {
 						label: "Send as",
 						align: "up",
 						wide: true,
-						children: [/* @__PURE__ */ _jsxs("button", {
-							type: "button",
-							class: "pop-item rich",
-							role: "menuitemradio",
-							"aria-checked": !ask,
-							onClick: () => pickMode(false),
-							children: [/* @__PURE__ */ _jsxs("span", {
-								class: "grow",
-								children: ["Steer", /* @__PURE__ */ _jsx("small", { children: "Change course while it works." })]
-							}), /* @__PURE__ */ _jsx(Icon, { d: iCheck })]
-						}), /* @__PURE__ */ _jsxs("button", {
-							type: "button",
-							class: "pop-item rich",
-							role: "menuitemradio",
-							"aria-checked": ask,
-							onClick: () => pickMode(true),
-							children: [/* @__PURE__ */ _jsxs("span", {
-								class: "grow",
-								children: ["Ask", /* @__PURE__ */ _jsx("small", { children: "A question that does not interrupt it." })]
-							}), /* @__PURE__ */ _jsx(Icon, { d: iCheck })]
+						children: [/* @__PURE__ */ _jsx(MenuRadio, {
+							on: !ask,
+							onPick: () => pickMode(false),
+							sub: "Change course while it works.",
+							children: "Steer"
+						}), /* @__PURE__ */ _jsx(MenuRadio, {
+							on: ask,
+							onPick: () => pickMode(true),
+							sub: "A question that does not interrupt it.",
+							children: "Ask"
 						})]
 					}) : null,
 					/* @__PURE__ */ _jsx("textarea", {
@@ -582,8 +642,9 @@ export function TaskView({ initial, tz }) {
 							void send();
 						}
 					}),
-					/* @__PURE__ */ _jsx("button", {
-						class: "btn sm",
+					/* @__PURE__ */ _jsx(Button, {
+						type: "submit",
+						size: "sm",
 						disabled: sending,
 						"aria-busy": sending || asking > 0,
 						children: "Send"
@@ -593,12 +654,8 @@ export function TaskView({ initial, tz }) {
 		}) : /* @__PURE__ */ _jsx("p", {
 			class: "muted no-reply",
 			children: "This flow takes no follow-ups."
-		}),
-		/* @__PURE__ */ _jsx("div", {
-			class: "approval-dock",
-			children: task.approval ? /* @__PURE__ */ _jsx(Approval, { task }) : null
 		})
 	] });
 }
-/** Lines per request when a task's log loads or follows. */
-export const LOG_CHUNK = 500;
+/** Lines the task read carries; a full page means more wait in the log. */
+const LOG_PAGE = 500;

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

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