@wular/coder 0.4.7 → 0.4.9

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

@@ -0,0 +1,32 @@
+"use client";
+import { toChildArray } from "../../../../../../../../../node_modules/preact/dist/preact.mjs";
+import { iAlert, iCheck } from "../../../../comps/ui/icons.a34176f37808cd66.js";
+import { Modal } from "../../../../comps/ui/modal.b5f74ebf59590fa6.js";
+import { Button } from "../../../../comps/ui/button.983daea9e687fc5d.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. */
+export function OutcomeDialog({ ok, title, text, issues, cancel = "Close", children }) {
+	const steps = toChildArray(children);
+	const report = !ok && issues ? /* @__PURE__ */ _jsx(Button, {
+		variant: "outline",
+		href: `${issues}?${new URLSearchParams({
+			title,
+			body: text
+		})}`,
+		external: true,
+		children: "Report issue"
+	}) : null;
+	return /* @__PURE__ */ _jsx(Modal, {
+		class: "outcome-dialog",
+		tone: ok ? "success" : "error",
+		title,
+		icon: ok ? iCheck : iAlert,
+		cancel,
+		actions: report || steps.length ? /* @__PURE__ */ _jsxs(_Fragment, { children: [report, steps] }) : undefined,
+		onClose: () => history.replaceState(history.state, "", location.pathname),
+		children: /* @__PURE__ */ _jsx("p", {
+			role: "status",
+			children: text
+		})
+	});
+}

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.43c969f59a710781.js

@@ -0,0 +1,45 @@
+import { dynamic } from "../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { LinkButton } from "../../../../comps/ui/button.983daea9e687fc5d.js";
+import { load, orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { Settle } from "../../../../comps/frame/stream.1cc355a530dcc5e3.js";
+import { TunnelGuide } from "../settings/tunnel-guide.d6fae1c5d62f2c74.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.03989d2f7585a045.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-6e7781a11d"
+});
+/** 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(LinkButton, {
+					variant: "outline",
+					size: "sm",
+					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.3755ae6065c3fc28.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.a34176f37808cd66.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.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 ? `${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/{tasks/[id]/loading.d88d1139ea3ff52a.js → [org]/tasks/[id]/loading.9efbed6531879838.js}

@@ -1,8 +1,9 @@
-import { Back, Page } from "../../../../comps/frame/page-head.a2336c95004aed4b.js";
-import { Loading } from "../../../../comps/ui/card.b0873d38765c9d20.js";
-import { LoadingTabs } from "../../../../comps/ui/tabs.d00fc01ad9c1b91e.js";
-import { BLANK } from "../../../../comps/frame/loading-card.bf58af8330a78704.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { Page } from "../../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { OrgBack } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { LoadingTabs } from "../../../../../comps/ui/tabs.66b2e54963f6901b.js";
+import { BLANK } from "../../../../../comps/frame/loading-card.0c6ac62ff3ccf38a.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, {}) });
 }
@@ -12,9 +13,8 @@ function LoadingTask() {
 		/* @__PURE__ */ _jsx("header", {
 			class: "head",
 			children: /* @__PURE__ */ _jsxs("div", { children: [
-				/* @__PURE__ */ _jsx(Back, {
-					href: "/dash/tasks",
-					params: {},
+				/* @__PURE__ */ _jsx(OrgBack, {
+					href: "/dash/[org]/tasks",
 					label: "Tasks"
 				}),
 				/* @__PURE__ */ _jsx("div", {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/[id]/page.7b92dcd08095b934.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.bd54e52ac4a7a89c.js";
+import { Settle } from "../../../../../comps/frame/stream.1cc355a530dcc5e3.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.ae0e9c9dffe0ff9f.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-a2493212f4"
+});
+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
+	})) }) });
+}