@wular/coder 0.4.6 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/outcome.cbbc8cd1bbbee01b.js

@@ -0,0 +1,71 @@
+import "./outcome.2a3073f895357275.css.pnext-asset.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** The outcome a create, install or link flow put in the URL. */
+export function readOutcome(search) {
+	const status = search.get("status");
+	if (!status) return undefined;
+	const value = (name) => search.get(name) ?? undefined;
+	return {
+		status,
+		platform: value("platform"),
+		account: value("account"),
+		app: value("app"),
+		appId: value("appId"),
+		error: value("error")
+	};
+}
+export const succeeded = ({ status }) => status === "connected" || status === "created" || status === "linked";
+/** How a flow ended, as a dialog's title. */
+export function outcomeTitle({ status }, name) {
+	switch (status) {
+		case "connected": return `Connected to ${name}`;
+		case "created": return `${name} app created`;
+		case "linked": return `Linked on ${name}`;
+		case "disconnected": return `Disconnected from ${name}`;
+		case "create-expired":
+		case "invalid-field":
+		case "no-public-url":
+		case "unknown-integration": return `${name} app not created`;
+		default: return `${name} not connected`;
+	}
+}
+/** The platform's display name for `outcome`. */
+export const outcomeName = (outcome, catalog) => catalog.find((entry) => entry.id === outcome.platform)?.name ?? outcome.platform ?? "the platform";
+export function outcomeText({ status, account, app, error }, name) {
+	switch (status) {
+		case "connected": return account ? `Connected to ${account} on ${name}.` : `Connected ${name}.`;
+		case "created": return `Created ${app ?? "the app"} on ${name}. Every workspace on this server can now connect it from its dashboard.`;
+		case "linked": return `Linked ${account ?? "your account"} on ${name} to your Coder account. Mention the agent again to start.`;
+		case "cancelled": return `The ${name} install was cancelled, so nothing was connected.`;
+		case "install-expired": return `This ${name} install link expired or was already used, so nothing was connected. If an admin approved the app since, install again to finish.`;
+		case "create-expired": return `This ${name} app creation link expired or was already used. Start again from the agent's Platforms tab.`;
+		case "link-expired": return "This link is invalid or has expired.";
+		case "unknown-integration": return `This server has no ${name} integration.`;
+		case "no-public-url": return "PUBLIC_URL is not set on this server. Set it to the address platforms should call and restart.";
+		case "unknown-app": return `This ${name} install does not match any app on this server. Create the app first.`;
+		case "installation-taken": return `This ${name} installation is already connected to another workspace. Disconnect it there first.`;
+		case "installation-bound": return `${account ?? "This account"} is already connected to another agent through this server's ${name} app, in this or another workspace. Disconnect it there first.`;
+		case "account-taken": return `That ${name} account is connected to someone else.`;
+		case "not-member": return "Only members of the workspace this agent works for can link here.";
+		case "other-workspace": return "This app belongs to another Coder workspace. Ask its owner to invite you.";
+		case "disconnected": return `This ${name} installation is no longer connected.`;
+		case "platform-error": return `${name} answered ${error ?? "with an error"}, so nothing was connected.`;
+		case "missing-code": return `${name} sent no authorization code back, so nothing was connected. Try again.`;
+		case "invalid-field": return `The ${error ?? "form"} value is not valid. Create the app again.`;
+		case "not-yours": return `That ${name} installation is not one of yours, so nothing was connected.`;
+		case "wrong-account": return `That ${name} account belongs to another organization than the app.`;
+		case "no-refresh-token": return `${name} sent no refresh token. Remove the app's access from your ${name} account and connect again.`;
+		default: return `Setting up ${name} failed. Try again.`;
+	}
+}
+/** A flow's outcome in plain words, with its next steps as `children`. */
+export function Outcome({ outcome, catalog, children }) {
+	return /* @__PURE__ */ _jsxs("div", {
+		class: "outcome",
+		children: [/* @__PURE__ */ _jsx("p", {
+			class: succeeded(outcome) ? "flash" : "flash err",
+			role: "status",
+			children: outcomeText(outcome, outcomeName(outcome, catalog))
+		}), children]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/page.079600422889e725.js

@@ -0,0 +1,44 @@
+import { dynamic } from "../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { load, orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { Settle } from "../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
+import { TunnelGuide } from "../settings/tunnel-guide.1fd664df1fd0e3c1.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.3acdd50e1cc0c729.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-9ee5b947b9"
+});
+/** Where a create link starts, and where create, install and link flows end when they know no agent. */
+export default function SetupPage({ request }) {
+	if (!request) return null;
+	const url = new URL(request.url);
+	const integration = url.searchParams.get("create");
+	const state = Object.fromEntries([...url.searchParams].filter(([key]) => key !== "create"));
+	const catalog = load(request).integrations.list().catch(() => []);
+	return /* @__PURE__ */ _jsxs(Page, {
+		narrow: true,
+		children: [/* @__PURE__ */ _jsx(PageHead, { title: integration ? "Create app" : "Platform setup" }), /* @__PURE__ */ _jsx(Settle, { load: () => catalog.then((entries) => {
+			const info = entries.find((entry) => entry.id === integration);
+			return integration ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(CreateLink, {
+				integration,
+				state,
+				info
+			}), info?.unreachable ? /* @__PURE__ */ _jsx("div", {
+				id: "tunnel",
+				children: /* @__PURE__ */ _jsx(TunnelGuide, { port: url.port || "8787" })
+			}) : null] }) : /* @__PURE__ */ _jsx(Outcome, {
+				outcome: readOutcome(url.searchParams) ?? { status: "failed" },
+				catalog: entries,
+				children: /* @__PURE__ */ _jsx(Link, {
+					class: "btn sm outline",
+					href: "/dash/[org]/agents",
+					params: { org: orgOf(request) },
+					children: "Open agents"
+				})
+			});
+		}) })]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/activity.ed49ee2686d1ee41.js

@@ -0,0 +1,318 @@
+"use client";
+import { useEffect, useLayoutEffect, useReducer, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { Virtualizer, observeWindowOffset, observeWindowRect, windowScroll } from "../../../../../../../../../../node_modules/@tanstack/virtual-core/dist/esm/index.js";
+import { iActivity, iAlert, iChart, iCheck, iDown, iKey, iMessage, iRight, iSpark, iSteer, iTerminal, iX } from "../../../../../comps/ui/icons.868385119bf2de28.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { formatDuration, formatTime } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { usePoll } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const ICONS = {
+	assistant: iMessage,
+	tool: iTerminal,
+	"tool-result": iCheck,
+	approval: iKey,
+	status: iActivity,
+	error: iAlert,
+	line: iActivity,
+	reasoning: iSpark,
+	steer: iSteer,
+	usage: iChart
+};
+/** Rows long enough to fold to one line. */
+const foldable = (row) => Boolean(row.detail || row.result?.detail) || row.title.length > 120 || row.title.includes("\n");
+const atEnd = () => innerHeight + scrollY >= document.documentElement.scrollHeight - 48;
+/** The list scrolls with the page; only rows near the viewport are in the DOM. */
+function useWindowVirtualizer(count, list) {
+	const [, rerender] = useReducer((n) => n + 1, 0);
+	const options = {
+		count,
+		estimateSize: () => 30,
+		overscan: 16,
+		getScrollElement: () => window,
+		observeElementRect: observeWindowRect,
+		observeElementOffset: observeWindowOffset,
+		scrollToFn: windowScroll,
+		scrollMargin: list.current ? list.current.getBoundingClientRect().top + scrollY : 0,
+		onChange: () => rerender(0)
+	};
+	const [virtual] = useState(() => new Virtualizer(options));
+	virtual.setOptions(options);
+	useLayoutEffect(() => virtual._didMount(), []);
+	useLayoutEffect(() => virtual._willUpdate());
+	return virtual;
+}
+/** Renders again every second while `on`. */
+function useTick(on) {
+	const [, tick] = useReducer((n) => n + 1, 0);
+	usePoll(on ? async () => tick(0) : undefined, 1e3);
+}
+/** Whether a call or approval still waits; calls the agent has moved on from without a result do not. */
+function runningIn(rows, live) {
+	const settled = rows.findLastIndex((row) => row.kind === "assistant" || row.kind === "reasoning");
+	return (row, index) => live && !row.result && (row.state !== undefined || row.kind === "tool" && index > settled);
+}
+/** A call's or approval's outcome on the right: a spinner and the time so far, then ✓ or ✗ and how long it took. */
+function CallState({ row, running }) {
+	useTick(running);
+	const result = row.result;
+	const took = running ? Math.max(0, Date.now() - row.at) : result?.durationMs;
+	const text = [
+		row.state,
+		result && !result.ok && result.exitCode !== undefined ? `exit ${result.exitCode}` : "",
+		took ? formatDuration(took) : ""
+	].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ _jsxs("span", {
+		class: `act-state${result && !result.ok ? " bad" : ""}`,
+		children: [running ? /* @__PURE__ */ _jsx("i", { class: "spin" }) : result ? /* @__PURE__ */ _jsx(Icon, { d: result.ok ? iCheck : iX }) : null, text]
+	});
+}
+function Row({ row, tz, open, running, onToggle }) {
+	const title = useRef(null);
+	const [clipped, setClipped] = useState(false);
+	useLayoutEffect(() => {
+		if (title.current) setClipped(title.current.scrollWidth > title.current.clientWidth);
+	}, [row.title]);
+	const fold = open || clipped || foldable(row);
+	const failed = row.tone === "error";
+	const timed = row.kind === "tool" || row.state !== undefined;
+	const extra = row.kind === "tool-result" ? [
+		row.tool,
+		row.exitCode !== undefined ? `exit ${row.exitCode}` : undefined,
+		row.durationMs ? formatDuration(row.durationMs) : undefined
+	].filter(Boolean).join(" · ") : row.kind === "reasoning" && row.durationMs ? formatDuration(row.durationMs) : "";
+	const Tag = fold ? "button" : "div";
+	return /* @__PURE__ */ _jsxs(Tag, {
+		type: fold ? "button" : undefined,
+		class: `act ${row.kind}${row.tone ? ` ${row.tone}` : ""}${timed ? " timed" : ""}${open ? " open" : ""}`,
+		"aria-expanded": fold ? open : undefined,
+		onClick: fold ? onToggle : undefined,
+		children: [
+			/* @__PURE__ */ _jsx("time", { children: formatTime(row.at, tz) }),
+			/* @__PURE__ */ _jsx(Icon, { d: row.kind === "tool-result" && failed ? iX : ICONS[row.kind] }),
+			/* @__PURE__ */ _jsxs("span", {
+				class: "act-text",
+				children: [
+					/* @__PURE__ */ _jsx("span", {
+						class: "act-title",
+						ref: title,
+						children: row.title
+					}),
+					extra ? /* @__PURE__ */ _jsx("span", {
+						class: "act-detail",
+						children: extra
+					}) : null,
+					row.detail && (open || !row.state) ? /* @__PURE__ */ _jsx("span", {
+						class: "act-detail",
+						children: row.detail
+					}) : null,
+					open && row.result?.detail ? /* @__PURE__ */ _jsx("span", {
+						class: "act-detail",
+						children: row.result.detail
+					}) : null
+				]
+			}),
+			timed ? /* @__PURE__ */ _jsx(CallState, {
+				row,
+				running
+			}) : null,
+			fold ? /* @__PURE__ */ _jsx(Icon, {
+				d: iDown,
+				class: "act-chev"
+			}) : null
+		]
+	});
+}
+/** What the task did, as the CLI's watch shows it: one line per event, long ones folded, following the end while you are there; `at` opens it at a row's seq or the end. */
+export function Activity({ rows, live, tz, at }) {
+	const list = useRef(null);
+	const [open, setOpen] = useState(() => new Set(typeof at === "number" ? [at] : []));
+	const [follow, setFollow] = useState(at === undefined ? live : at === "end");
+	const virtual = useWindowVirtualizer(rows.length, list);
+	const running = runningIn(rows, live);
+	useEffect(() => {
+		const index = rows.findIndex((row) => row.seq === at);
+		if (index < 0 || !list.current) return;
+		// The first render had no list to measure its offset from.
+		const scrollMargin = list.current.getBoundingClientRect().top + scrollY;
+		virtual.setOptions({
+			...virtual.options,
+			scrollMargin
+		});
+		scrollTo({ top: virtual.getOffsetForIndex(index, "center")?.[0] ?? 0 });
+		// Rows measure as they render, so hold the row until it settles: centred between the sticky head
+		// and the reply box, or its top when taller than that. Scrolling yourself lets go.
+		let frames = 60;
+		let still = 0;
+		let frame = 0;
+		const stop = () => {
+			cancelAnimationFrame(frame);
+			for (const type of [
+				"wheel",
+				"touchstart",
+				"keydown"
+			]) removeEventListener(type, stop);
+		};
+		const align = () => {
+			const slot = list.current?.querySelector(".act-slot.at");
+			if (slot) {
+				const top = parseFloat(getComputedStyle(slot).scrollMarginTop);
+				const bottom = document.querySelector("form.reply")?.getBoundingClientRect().top ?? innerHeight;
+				const box = slot.getBoundingClientRect();
+				const delta = box.top - (box.height > bottom - top ? top : (top + bottom - box.height) / 2);
+				if (Math.abs(delta) < 1) still++;
+				else scrollBy(0, delta);
+			}
+			if (still < 3 && --frames) frame = requestAnimationFrame(align);
+			else stop();
+		};
+		for (const type of [
+			"wheel",
+			"touchstart",
+			"keydown"
+		]) addEventListener(type, stop, { passive: true });
+		frame = requestAnimationFrame(align);
+		return stop;
+	}, []);
+	useEffect(() => {
+		const onScroll = () => setFollow(atEnd());
+		addEventListener("scroll", onScroll, { passive: true });
+		onScroll();
+		return () => removeEventListener("scroll", onScroll);
+	}, []);
+	useLayoutEffect(() => {
+		if (follow) scrollTo({ top: document.documentElement.scrollHeight });
+	}, [rows.length]);
+	if (!rows.length) return /* @__PURE__ */ _jsx("p", {
+		class: "act-empty muted",
+		children: live ? "Nothing yet. Events appear here as the task runs." : "No activity recorded."
+	});
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("div", {
+		class: "act-list",
+		ref: list,
+		style: `height:${virtual.getTotalSize()}px`,
+		role: "log",
+		"aria-live": "off",
+		children: virtual.getVirtualItems().map((item) => {
+			const row = rows[item.index];
+			return /* @__PURE__ */ _jsx("div", {
+				class: row.seq === at ? "act-slot at" : "act-slot",
+				"data-index": item.index,
+				ref: virtual.measureElement,
+				style: `transform:translateY(${item.start - virtual.options.scrollMargin}px)`,
+				children: /* @__PURE__ */ _jsx(Row, {
+					row,
+					tz,
+					open: open.has(row.seq),
+					running: running(row, item.index),
+					onToggle: () => setOpen((value) => {
+						const next = new Set(value);
+						if (!next.delete(row.seq)) next.add(row.seq);
+						return next;
+					})
+				})
+			}, row.seq);
+		})
+	}), follow ? null : /* @__PURE__ */ _jsx("button", {
+		type: "button",
+		class: "jump",
+		onClick: () => {
+			setFollow(true);
+			scrollTo({ top: document.documentElement.scrollHeight });
+		},
+		children: "Jump to latest"
+	})] });
+}
+/** The kinds a run's preview shows as steps. */
+const STEPS = new Set([
+	"tool",
+	"tool-result",
+	"approval"
+]);
+/** A run's counts on one line: calls, approvals, failures, reasoning time, and how long it has run. */
+export function runSummary(rows, elapsed) {
+	const calls = rows.filter((row) => row.kind === "tool").length;
+	const approved = rows.filter((row) => row.kind === "approval" && row.result?.ok).length;
+	const denied = rows.filter((row) => row.kind === "approval" && row.result?.ok === false).length;
+	const failed = rows.filter((row) => row.kind === "tool" ? row.result?.ok === false : row.kind === "tool-result" && row.tone === "error").length;
+	const reasoning = rows.reduce((sum, row) => sum + (row.kind === "reasoning" ? row.durationMs ?? 0 : 0), 0);
+	return [
+		`${calls} tool ${calls === 1 ? "call" : "calls"}`,
+		approved ? `${approved} approved` : "",
+		denied ? `${denied} denied` : "",
+		failed ? `${failed} failed` : "",
+		reasoning ? `reasoning ${formatDuration(reasoning)}` : "",
+		elapsed === undefined ? "" : formatDuration(elapsed)
+	].filter(Boolean).join(" · ");
+}
+const ago = (at) => `${formatDuration(Math.max(1e3, Date.now() - at)).replace(/\.\d/, "")} ago`;
+/** One step in the preview, as an Activity row: its outcome, its title, and when it ended. */
+function Step({ row, running, onOpen }) {
+	const waiting = running && row.state === "waiting";
+	const failed = row.result ? !row.result.ok : row.tone === "error";
+	const icon = waiting ? iKey : row.result ? row.result.ok ? iCheck : iX : failed ? iX : ICONS[row.kind];
+	return /* @__PURE__ */ _jsxs("button", {
+		type: "button",
+		class: `act step ${row.kind}${waiting ? " warning" : failed ? " error" : ""}`,
+		onClick: onOpen,
+		children: [
+			running && !waiting ? /* @__PURE__ */ _jsx("i", { class: "spin" }) : /* @__PURE__ */ _jsx(Icon, { d: icon }),
+			/* @__PURE__ */ _jsxs("span", {
+				class: "act-text",
+				children: [/* @__PURE__ */ _jsx("span", {
+					class: "act-title",
+					children: waiting ? "Waiting for your approval" : row.title
+				}), waiting ? /* @__PURE__ */ _jsx("span", {
+					class: "act-detail",
+					children: row.title
+				}) : null]
+			}, row.seq),
+			/* @__PURE__ */ _jsx("span", {
+				class: "act-state",
+				children: running && !waiting ? row.state ?? "running" : ago(row.at + (row.result?.durationMs ?? 0))
+			}),
+			/* @__PURE__ */ _jsx(Icon, {
+				d: iRight,
+				class: "act-chev"
+			})
+		]
+	});
+}
+/** A running task's summary and last two steps, a pending approval first; a step opens Activity at its row, the summary at the end. */
+export function RunPreview({ rows, startedAt, onOpen }) {
+	useTick(true);
+	const running = runningIn(rows, true);
+	const steps = rows.flatMap((row, index) => STEPS.has(row.kind) ? [{
+		row,
+		running: running(row, index)
+	}] : []);
+	const waiting = steps.filter((step) => step.running && step.row.state === "waiting");
+	const rest = steps.filter((step) => !waiting.includes(step));
+	const shown = [...waiting, ...rest.slice(Math.max(0, rest.length - 2 + waiting.length))].slice(0, 2);
+	return /* @__PURE__ */ _jsxs("div", {
+		class: "body run",
+		children: [
+			/* @__PURE__ */ _jsxs("button", {
+				type: "button",
+				class: "act run-sum",
+				onClick: () => onOpen("end"),
+				children: [runSummary(rows, startedAt === undefined ? undefined : Date.now() - startedAt), /* @__PURE__ */ _jsx(Icon, {
+					d: iRight,
+					class: "act-chev"
+				})]
+			}),
+			/* @__PURE__ */ _jsx("div", {
+				class: steps.length > shown.length ? "run-steps earlier" : "run-steps",
+				children: shown.map((step, line) => /* @__PURE__ */ _jsx(Step, {
+					...step,
+					onOpen: () => onOpen(step.row.seq)
+				}, line))
+			}),
+			/* @__PURE__ */ _jsx(Loading, {
+				inline: true,
+				dots: true,
+				label: "The result appears here when the task finishes."
+			})
+		]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/loading.0d973b51fee68801.js

@@ -0,0 +1,37 @@
+import { Page } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { OrgBack } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
+import { Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
+import { LoadingTabs } from "../../../../../comps/ui/tabs.66b2e54963f6901b.js";
+import { BLANK } from "../../../../../comps/frame/loading-card.df3717186948c93f.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, {}) });
+}
+/** A task's head and tabs, blank like `LoadingHero`, then one loader for the rest. */
+function LoadingTask() {
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		/* @__PURE__ */ _jsx("header", {
+			class: "head",
+			children: /* @__PURE__ */ _jsxs("div", { children: [
+				/* @__PURE__ */ _jsx(OrgBack, {
+					href: "/dash/[org]/tasks",
+					label: "Tasks"
+				}),
+				/* @__PURE__ */ _jsx("div", {
+					class: "title-row",
+					children: /* @__PURE__ */ _jsx("h1", { children: BLANK })
+				}),
+				/* @__PURE__ */ _jsx("p", {
+					class: "lead",
+					children: BLANK
+				})
+			] })
+		}),
+		/* @__PURE__ */ _jsx(LoadingTabs, { labels: [
+			"Conversation",
+			"Activity",
+			"Diff"
+		] }),
+		/* @__PURE__ */ _jsx(Loading, { label: "Loading task" })
+	] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/page.05dd344bada1d4d8.js

@@ -0,0 +1,24 @@
+import "./task-view.38b1b7ef3976ba71.css.pnext-asset.js";
+import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { zoneOf } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { load } from "../../../../../api/load.4f942c7f68b2e273.js";
+import { Page } from "../../../../../comps/frame/page-head.e5d2185c1cdac740.js";
+import { Settle } from "../../../../../comps/frame/stream.2fea238dc4f4f9a4.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.8a5908c42647923f.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-15a972b1e6"
+});
+export default async function TaskPage({ request, params }) {
+	if (!request) return null;
+	const { id: raw } = await params;
+	const id = Array.isArray(raw) ? raw[0] : raw;
+	const task = load(request).tasks.get(id);
+	const tz = zoneOf(request);
+	return /* @__PURE__ */ _jsx(Page, { children: /* @__PURE__ */ _jsx(Settle, { load: () => task.then((row) => /* @__PURE__ */ _jsx(TaskView, {
+		initial: row,
+		tz
+	})) }) });
+}

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

@@ -0,0 +1,149 @@
+"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 { 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 { 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 { 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 {};
+	const record = approval;
+	const pick = (...keys) => keys.map((key) => record[key]).find((value) => typeof value === "string");
+	return {
+		id: pick("id"),
+		action: pick("kind", "tool"),
+		reason: pick("summary", "reason")
+	};
+}
+/** 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("");
+	const [archived, setArchived] = useState(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(setArchived);
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		/* @__PURE__ */ _jsx("span", {
+			class: "flash",
+			role: "status",
+			children: outcome
+		}),
+		live ? /* @__PURE__ */ _jsx("button", {
+			type: "button",
+			class: "btn outline",
+			disabled: Boolean(action.pending),
+			"aria-busy": action.pending === "cancel",
+			onClick: () => void act("cancel"),
+			children: "Stop"
+		}) : archived ? null : /* @__PURE__ */ _jsx("button", {
+			type: "button",
+			class: "btn outline archive",
+			disabled: Boolean(action.pending),
+			"aria-busy": action.pending === "archive",
+			onClick: archive,
+			children: "Archive"
+		}),
+		/* @__PURE__ */ _jsxs(Menu, {
+			summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
+			summaryClass: "icon-btn",
+			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)
+		})
+	] });
+}
+export function Approval({ task }) {
+	const action = useAction({ toast: "Not sent" });
+	const busy = action.pending;
+	// A sent decision hides its card at once; the events stream catches up after.
+	const [decided, setDecided] = useState();
+	const { id, action: tool, reason } = approvalParts(task.approval);
+	const decide = async (decision) => {
+		const ok = await action.run(decision, () => client.tasks.approve(task.task.id, id ?? "", decision));
+		if (!ok) return;
+		setDecided(id);
+		showToast(decision === "accept" ? "Allowed" : "Denied", "The task continues.");
+	};
+	if (id && decided === id) return null;
+	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",
+			disabled: Boolean(busy),
+			"aria-busy": busy === "decline",
+			onClick: () => void decide("decline"),
+			children: "Deny"
+		}), /* @__PURE__ */ _jsx("button", {
+			type: "button",
+			class: "btn sm",
+			disabled: Boolean(busy),
+			"aria-busy": busy === "accept",
+			onClick: () => void decide("accept"),
+			children: "Allow"
+		})] }) : undefined,
+		children: /* @__PURE__ */ _jsxs("div", {
+			class: "body",
+			children: [
+				/* @__PURE__ */ _jsx("p", {
+					class: "muted",
+					children: "The task is paused until someone decides."
+				}),
+				/* @__PURE__ */ _jsxs("p", {
+					class: "approval",
+					children: [
+						"The agent wants to run ",
+						/* @__PURE__ */ _jsx("b", { children: tool ?? "a tool" }),
+						"."
+					]
+				}),
+				reason ? /* @__PURE__ */ _jsx("p", {
+					class: "muted",
+					children: reason
+				}) : null
+			]
+		})
+	});
+}