@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/{composer.c7ec618e215d63ce.js → composer.2d4122eb33addbdd.js}

@@ -1,39 +1,27 @@
 "use client";
-import "./composer.360b393e5938c60b.css.pnext-asset.js";
+import "./composer.5b8687662e1629fa.css.pnext-asset.js";
 import { Fragment } from "../../../../../../../../../node_modules/preact/dist/preact.mjs";
 import { useEffect, useId, useLayoutEffect, useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../utils/client.d25e6dcc6704eb60.js";
-import { toastFailure, useAction } from "../../../../utils/action.568346602027ac74.js";
-import { formatDate } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { iAlert, iCheck, iPlus, iRight, iSliders, iSteer, iX } from "../../../../comps/ui/icons.868385119bf2de28.js";
-import { Link } from "../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { client } from "../../../../utils/client.189224c16057d7a1.js";
+import { toastFailure, useAction } from "../../../../utils/action.968bcab0f5e3665d.js";
+import { formatDate } from "../../../../utils/format.ceeaafa10a0563f3.js";
+import { iAlert, iPlus, iRight, iSliders, iSteer, iX } from "../../../../comps/ui/icons.e36c72f54750663a.js";
 import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { useOrg } from "../../../../comps/nav/org.813dc34bd23a336f.js";
-import { Loading } from "../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { useOrg } from "../../../../comps/nav/org.572ad93c7707ab27.js";
+import { Loading } from "../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Button, IconButton } from "../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { reasonText } from "../../../../utils/format.ceeaafa10a0563f3.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Select } from "../../../../comps/ui/select.7f481669998074f8.js";
-import { MenuRadio } from "../../../../comps/ui/menu.0f064f75822888be.js";
-import { connectRepositories } from "../agents/editor/connect-repositories.258f6c2c5f1b1b17.js";
-import { ENGINES, ENGINE_NAMES, defaultLabel, modelValue, splitModel } from "../settings/model-options.2eacf7f8ac0032df.js";
-import { folderName } from "./list/task.af5001e51d2f612b.js";
-import { watchTask } from "../../../../comps/frame/task-toasts.4282affa47415a36.js";
-import { CHOICE, PLACEHOLDER, loadComposer, savedChoice, usableAgent } from "./composer-data.ff108c0ef82a4d7b.js";
+import { Select } from "../../../../comps/ui/select.2eb33e5bea28d804.js";
+import { MenuLabel, MenuLink, MenuNote, MenuOption, MenuPanel, MenuRadio, MenuRow } from "../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { connectRepositories } from "../agents/editor/connect-repositories.59d89152fe845af2.js";
+import { EFFORTS, ENGINES, ENGINE_NAMES, PERMISSIONS, defaultLabel, modelValue, splitModel } from "../settings/model-options.a96c11d11674f598.js";
+import { folderName } from "./list/task.a0c68180db5fb4c1.js";
+import { watchTask } from "../../../../comps/frame/task-toasts.e1a484113e1df660.js";
+import { CHOICE, PLACEHOLDER, loadComposer, savedChoice, usableAgent } from "./composer-data.309a194fc7fa34be.js";
 import { Notice } from "../../../../comps/ui/notice.f395f231cbb96445.js";
-import { CredentialsLink } from "../../../../comps/nav/back.af528135d7e33d6d.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const EFFORTS = [
-	["", "Default"],
-	["low", "Low"],
-	["medium", "Medium"],
-	["high", "High"]
-];
-const PERMISSIONS = [
-	["", "Default"],
-	["read-only", "Read-only"],
-	["workspace-write", "Write"],
-	["auto", "Auto"]
-];
+import { CredentialsLink } from "../../../../comps/nav/back.180765bdadf6d602.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const DRAFT = "coder:draft";
 const CONNECT = "+connect";
 const REFRESH = "+refresh";
@@ -54,7 +42,6 @@ const folderOptions = (folders, added, value) => {
 		[CLONE, "Repository…"]
 	];
 };
-/** Segments whose unset first one names the value it resolves to. */
 /** The chain.s default first, then one section per engine: its own default and its models. */
 function modelSections(groups, defaults) {
 	const sections = [["", [["", `Default · ${[ENGINE_NAMES[defaults.engine] ?? defaults.engine, defaults.engines[defaults.engine]?.model].filter(Boolean).join(" ")}`]]]];
@@ -65,8 +52,8 @@ function modelSections(groups, defaults) {
 	return sections;
 }
 const resolved = (options, value) => {
-	const label = options.find(([key]) => key && key === value)?.[1];
-	return [["", defaultLabel(label?.toLowerCase())], ...options.slice(1)];
+	const label = options.find(([key]) => key === value)?.[1];
+	return [["", defaultLabel(label?.toLowerCase())], ...options];
 };
 /** Places an opening popover under its button, right-aligned to it. */
 function place(event) {
@@ -93,26 +80,19 @@ function argsOf(text) {
 }
 /** Rows under a combobox; the field keeps focus, so the mouse never takes it. */
 function Entries({ id, entries, active, selected, onActive }) {
-	return /* @__PURE__ */ _jsx(_Fragment, { children: entries.flatMap((entry, index) => [entry.head ? /* @__PURE__ */ _jsx("div", {
-		class: "pop-label",
+	return /* @__PURE__ */ _jsx(_Fragment, { children: entries.flatMap((entry, index) => [entry.head ? /* @__PURE__ */ _jsx(MenuLabel, {
 		role: "presentation",
 		children: entry.head
-	}, `h:${entry.key}`) : null, /* @__PURE__ */ _jsxs("div", {
+	}, `h:${entry.key}`) : null, /* @__PURE__ */ _jsx(MenuOption, {
 		id: `${id}-${index}`,
-		role: "option",
-		"aria-selected": selected === undefined ? index === active : entry.key === selected,
-		class: index === active ? "pop-item on" : "pop-item",
+		active: index === active,
+		selected: selected === undefined ? index === active : entry.key === selected,
+		check: selected !== undefined,
+		end: entry.hint ? /* @__PURE__ */ _jsx("small", { children: entry.hint }) : null,
 		onMouseDown: (event) => event.preventDefault(),
 		onPointerMove: () => index !== active && onActive(index),
 		onClick: entry.pick,
-		children: [
-			/* @__PURE__ */ _jsx("span", {
-				class: "grow",
-				children: entry.label
-			}),
-			entry.hint ? /* @__PURE__ */ _jsx("small", { children: entry.hint }) : null,
-			selected === undefined ? null : /* @__PURE__ */ _jsx(Icon, { d: iCheck })
-		]
+		children: entry.label
 	}, entry.key)]) });
 }
 /** Arrows move through `count` rows and wrap; returns whether the key was one of them. */
@@ -138,7 +118,8 @@ export function NeedsCredential({ reason, label }) {
 				children: reason || "Tasks need a model credential to run."
 			}),
 			/* @__PURE__ */ _jsx(CredentialsLink, {
-				class: "btn outline sm",
+				variant: "outline",
+				size: "sm",
 				label,
 				children: "Add credential"
 			})
@@ -177,15 +158,15 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 		const draft = localStorage.getItem(DRAFT);
 		if (draft && box.current && !box.current.value) box.current.value = draft;
 		setText(box.current?.value ?? "");
+		prefetch(box.current?.value ?? "");
 		box.current?.focus();
 		// A restored draft waits for typing before its slash menu opens.
 		setDismissed(true);
 	}, []);
-	// The repository's open pull requests and its own flows, once a command is being typed.
-	const commanding = text.startsWith("/");
-	useEffect(() => {
-		const repo = choice.repo;
-		if (!commanding || !repo || pulls?.repo === repo) return;
+	// Once a command is typed: the repository's open pull requests and its own flows, or the repositories to pick.
+	const prefetch = (value, repo = choice.repo) => {
+		if (!repo && /^\/review\s/.test(value)) readRepos();
+		if (!value.startsWith("/") || !repo || pulls?.repo === repo) return;
 		setPulls({ repo });
 		void client.pulls.list(repo).then((items) => setPulls({
 			repo,
@@ -200,8 +181,8 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 		void client.flows.list(repo).then((flows) => setLists((current) => ({
 			...current,
 			flows: flows.map((flow) => flow.name)
-		}))).catch(() => {});
-	}, [commanding, choice.repo]);
+		}))).catch((reason) => console.error("coder dashboard: flows", reason));
+	};
 	const reposRead = useRef(Boolean(data.repos));
 	const readRepos = () => {
 		if (reposRead.current) return;
@@ -227,8 +208,6 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 			}));
 		});
 	};
-	const choosingRepo = !choice.repo && /^\/review\s/.test(text);
-	useEffect(() => void (choosingRepo && readRepos()), [choosingRepo]);
 	const pick = (key, value) => {
 		if (value === OTHER) return setTyping("path");
 		if (value === CLONE) return setTyping("url");
@@ -244,6 +223,7 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 			...change
 		};
 		setChoice(next);
+		prefetch(text, next.repo);
 		document.cookie = `compose=${encodeURIComponent(JSON.stringify(next))}; path=/; max-age=31536000; samesite=lax`;
 	};
 	const chose = (checked) => {
@@ -286,6 +266,7 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 		field.value = value;
 		localStorage.setItem(DRAFT, value);
 		setText(value);
+		prefetch(value);
 		setAt(0);
 		setDismissed(false);
 		field.focus();
@@ -462,6 +443,7 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					const value = event.currentTarget.value;
 					localStorage.setItem(DRAFT, value);
 					setText(value);
+					prefetch(value);
 					setAt(0);
 					setDismissed(false);
 				},
@@ -536,13 +518,15 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 						title: "Model, effort, permissions and more",
 						children: [/* @__PURE__ */ _jsx(Icon, { d: iSliders }), changed ? /* @__PURE__ */ _jsx("span", { children: changed }) : null]
 					}),
-					/* @__PURE__ */ _jsx("button", {
-						class: "btn sm send",
-						disabled: busy || !text.trim() || lists.agentsOff,
-						"aria-busy": busy,
+					/* @__PURE__ */ _jsx(Button, {
+						type: "submit",
+						size: "sm",
+						class: "send",
+						leftIcon: iSteer,
+						disabled: !text.trim() || lists.agentsOff,
+						loading: busy,
 						"aria-label": busy ? "Starting task" : "Start task",
-						title: "Start task (Enter)",
-						children: /* @__PURE__ */ _jsx(Icon, { d: iSteer })
+						title: "Start task (Enter)"
 					})
 				]
 			}),
@@ -554,16 +538,13 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 				class: "folder-hint",
 				children: "Uses this machine's git logins"
 			}) : null,
-			/* @__PURE__ */ _jsxs("div", {
+			/* @__PURE__ */ _jsxs(MenuPanel, {
 				id: `${id}-settings`,
-				class: "pop composer-settings",
+				class: "composer-settings",
 				popover: "auto",
 				onBeforeToggle: place,
 				children: [
-					/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Model"
-					}),
+					/* @__PURE__ */ _jsx(MenuLabel, { children: "Model" }),
 					/* @__PURE__ */ _jsxs("div", {
 						role: "group",
 						"aria-label": "Model",
@@ -577,38 +558,26 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 							const efforts = resolved(EFFORTS, defaults.engines[picked.engine || defaults.engine]?.effort);
 							const effortLabel = on && choice.effort ? efforts.find(([key]) => key === choice.effort)?.[1] : undefined;
 							const showing = expanded === value;
-							return /* @__PURE__ */ _jsxs(Fragment, { children: [/* @__PURE__ */ _jsxs("div", {
-								class: "pop-row",
-								children: [/* @__PURE__ */ _jsxs("button", {
-									type: "button",
-									role: "menuitemradio",
-									"aria-checked": on,
-									class: on ? "pop-item on" : "pop-item",
-									onClick: (event) => {
-										apply({
-											...picked,
-											effort: ""
-										});
-										event.currentTarget.closest("[popover]")?.hidePopover();
-									},
-									children: [
-										/* @__PURE__ */ _jsx("span", {
-											class: "grow",
-											children: label
-										}),
-										effortLabel ? /* @__PURE__ */ _jsx("small", { children: effortLabel.toLowerCase() }) : null,
-										on ? /* @__PURE__ */ _jsx(Icon, { d: iCheck }) : null
-									]
-								}), /* @__PURE__ */ _jsx("button", {
-									type: "button",
-									class: "pop-chev",
-									"data-keep": true,
-									"aria-label": `Effort for ${label}`,
-									"aria-expanded": showing,
-									onClick: () => setExpanded(showing ? undefined : value),
-									children: /* @__PURE__ */ _jsx(Icon, { d: iRight })
-								})]
-							}), showing ? /* @__PURE__ */ _jsx("div", {
+							return /* @__PURE__ */ _jsxs(Fragment, { children: [/* @__PURE__ */ _jsxs(MenuRow, { children: [/* @__PURE__ */ _jsx(MenuRadio, {
+								on,
+								onPick: () => {
+									apply({
+										...picked,
+										effort: ""
+									});
+									document.getElementById(`${id}-settings`)?.hidePopover();
+								},
+								end: effortLabel ? /* @__PURE__ */ _jsx("small", { children: effortLabel.toLowerCase() }) : null,
+								children: label
+							}), /* @__PURE__ */ _jsx("button", {
+								type: "button",
+								class: "pop-chev",
+								"data-keep": true,
+								"aria-label": `Effort for ${label}`,
+								"aria-expanded": showing,
+								onClick: () => setExpanded(showing ? undefined : value),
+								children: /* @__PURE__ */ _jsx(Icon, { d: iRight })
+							})] }), showing ? /* @__PURE__ */ _jsx("div", {
 								role: "group",
 								"aria-label": `Effort for ${label}`,
 								class: "pop-sub",
@@ -624,23 +593,18 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 									children: text
 								}, effort))
 							}) : null] }, value);
-						})] }, engine)), /* @__PURE__ */ _jsxs(Link, {
-							class: "pop-item add-models",
+						})] }, engine)), /* @__PURE__ */ _jsx(MenuLink, {
+							class: "add-models",
 							href: "/dash/[org]/settings/[tab]",
 							params: {
 								org,
 								tab: "models"
 							},
-							children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), /* @__PURE__ */ _jsx("span", {
-								class: "grow",
-								children: "Add models"
-							})]
+							icon: iPlus,
+							children: "Add models"
 						})]
 					}),
-					/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Permissions"
-					}),
+					/* @__PURE__ */ _jsx(MenuLabel, { children: "Permissions" }),
 					/* @__PURE__ */ _jsx("div", {
 						role: "group",
 						"aria-label": "Permissions",
@@ -650,19 +614,13 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 							children: label
 						}, value))
 					}),
-					agents.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Agent"
-					}), /* @__PURE__ */ _jsx(Select, {
+					agents.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(MenuLabel, { children: "Agent" }), /* @__PURE__ */ _jsx(Select, {
 						label: "Agent",
 						value: choice.agent,
 						options: agents,
 						onChange: (value) => apply({ agent: value })
 					})] }) : null,
-					lists.runners.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("p", {
-						class: "pop-label",
-						children: "Runs on"
-					}), /* @__PURE__ */ _jsx(Select, {
+					lists.runners.length > 1 ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(MenuLabel, { children: "Runs on" }), /* @__PURE__ */ _jsx(Select, {
 						label: "Runs on",
 						options: lists.runners,
 						value: choice.runner,
@@ -670,18 +628,15 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					})] }) : null
 				]
 			}),
-			/* @__PURE__ */ _jsx("div", {
-				ref: slash,
+			/* @__PURE__ */ _jsx(MenuPanel, {
+				panelRef: slash,
 				id: `${id}-slash`,
-				class: "pop composer-slash",
+				class: "composer-slash",
 				popover: "manual",
 				role: "listbox",
 				"aria-label": menu?.label ?? "Commands",
 				children: menu ? /* @__PURE__ */ _jsxs(_Fragment, { children: [
-					/* @__PURE__ */ _jsx("div", {
-						class: "pop-label",
-						children: menu.label
-					}),
+					/* @__PURE__ */ _jsx(MenuLabel, { children: menu.label }),
 					/* @__PURE__ */ _jsx(Entries, {
 						id: `${id}-slash`,
 						entries: menu.entries,
@@ -691,10 +646,7 @@ export function Composer({ initial, data, defaults, missing, connectLabel, tz })
 					menu.note === "loading" ? /* @__PURE__ */ _jsx(Loading, {
 						label: "Loading pull requests",
 						inline: true
-					}) : menu.note && !menu.entries.length ? /* @__PURE__ */ _jsx("p", {
-						class: "pop-note",
-						children: menu.note
-					}) : null
+					}) : menu.note && !menu.entries.length ? /* @__PURE__ */ _jsx(MenuNote, { children: menu.note }) : null
 				] }) : null
 			})
 		]
@@ -725,11 +677,11 @@ export function NewTaskButton({ agent }) {
 		dialog.current?.showModal();
 		loading.current ??= loadComposer(client).then(setSetup, (reason) => setError(reasonText(reason)));
 	};
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("button", {
-		type: "button",
-		class: "btn new-task",
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+		class: "new-task",
+		leftIcon: iPlus,
 		onClick: open,
-		children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "New task"]
+		children: "New task"
 	}), /* @__PURE__ */ _jsxs("dialog", {
 		ref: dialog,
 		class: "compose-dialog",
@@ -742,12 +694,10 @@ export function NewTaskButton({ agent }) {
 				class: "sub",
 				children: agent
 			}) : null,
-			/* @__PURE__ */ _jsx("button", {
-				type: "button",
-				class: "icon-btn",
-				"aria-label": "Close",
-				onClick: () => dialog.current?.close(),
-				children: /* @__PURE__ */ _jsx(Icon, { d: iX })
+			/* @__PURE__ */ _jsx(IconButton, {
+				icon: iX,
+				label: "Close",
+				onClick: () => dialog.current?.close()
 			})
 		] }), !shown ? null : setup ? /* @__PURE__ */ _jsx(Composer, {
 			...setup,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{task.af5001e51d2f612b.js → task.a0c68180db5fb4c1.js}

@@ -1,4 +1,7 @@
-import { byListKey, listRank } from "../../../../../../../core/defaults.e6ce0944639198a2.js";
+import { byListKey, listRank } from "../../../../../../../core/defaults.1b615366c56838a1.js";
+import { eventJsons, replyRequired as turnReplyRequired } from "../../../../../../../core/event-prompt.87f064ca0141e796.js";
+/** A task page's tabs, the loading frame's too. */
+export const TASK_TABS = ["Conversation", "Activity"];
 /** Task statuses a list filters by. */
 export const STATUSES = [
 	["", "Recent"],
@@ -59,6 +62,27 @@ export function readDelta(changed, cursor, touched, started) {
 		} : cursor
 	};
 }
-export const taskTitle = (task) => task.task.name?.trim() || task.task.prompt?.trim() || task.task.event?.text?.trim() || `${task.task.event?.type ?? "task"} on ${task.task.agent}`;
+/** A platform turn's messages from its `<event>` prompt; undefined for any other prompt. */
+export function eventMessages(prompt) {
+	return eventJsons(prompt)?.flatMap((json) => {
+		if (json.reactions) return json.reactions.map(({ emoji, by }) => ({
+			author: by.join(", "),
+			text: `reacted ${emoji}`,
+			reaction: true
+		}));
+		return (json.messages ?? (json.message ? [json.message] : [])).map(({ text, author }) => ({
+			author: author.handle ?? author.name ?? author.id,
+			text: text || (json.event ?? "")
+		}));
+	});
+}
+/** Whether a turn had to be answered: any of its events asks for a reply, else the task's event decides. */
+export const replyRequired = (task, prompt) => turnReplyRequired(prompt, task.task.event?.mustReply !== false);
+/** A platform task is titled by its first message; dashboard and CLI tasks by their prompt. */
+export function taskTitle(task) {
+	const prompt = task.task.prompt?.trim();
+	const first = !prompt || eventMessages(prompt) ? task.task.event?.text?.trim() || eventMessages(task.turns?.[0]?.prompt ?? prompt)?.find((message) => !message.reaction)?.text.trim() : prompt;
+	return task.task.name?.trim() || first || `${task.task.event?.type ?? "task"} on ${task.task.agent}`;
+}
 /** A folder path's last segment. */
 export const folderName = (path) => path.split(/[\\/]/).filter(Boolean).at(-1) ?? path;

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{tasks-list.0976f1812d6d15f5.js → tasks-list.021bdc2f3d90af2d.js}

@@ -1,44 +1,47 @@
 "use client";
-import "./tasks-list.2282a7cef8b15bd8.css.pnext-asset.js";
+import "./tasks-list.abbbc9ace4d866e5.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
 import { useEffect, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
-import { useAction } from "../../../../../utils/action.568346602027ac74.js";
-import { formatCount, formatDate, formatDay, formatDuration } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { iAgent, iClock, iDots, iFolder, iMonitor, iPlug, iPlus, iTerminal } from "../../../../../comps/ui/icons.868385119bf2de28.js";
-import { Menu, MenuItem } from "../../../../../comps/ui/menu.0f064f75822888be.js";
+import { client } from "../../../../../utils/client.189224c16057d7a1.js";
+import { useAction } from "../../../../../utils/action.968bcab0f5e3665d.js";
+import { formatCount, formatDate, formatDay, formatDuration } from "../../../../../utils/format.ceeaafa10a0563f3.js";
+import { iAgent, iClock, iDots, iFolder, iMonitor, iPlug, iPlus, iTerminal } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Menu } from "../../../../../comps/ui/menu.ee45bace979944b6.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
 import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { usePaged } from "../../../../../utils/paged.18f5872fc5aebe96.js";
-import { BrandIcon } from "../../agents/agent/agent-pills.19e913c8cb22db21.js";
-import { Card, Empty } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { Id } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
-import { ConfirmDialog } from "../../../../../comps/ui/confirm.fe133a074c2743af.js";
-import { approvalParts } from "../[id]/task-actions.ece7ec732352ce70.js";
+import { usePaged } from "../../../../../utils/paged.0e54c3044f8ca567.js";
+import { useZone } from "../../../../zone.0515a688ee5ff6ca.js";
+import { BrandIcon } from "../../agents/agent/agent-pills.f987c12bcbc5c850.js";
+import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Card, Empty } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Badge, Id } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.c1281f9b12854210.js";
+import { approvalParts } from "../[id]/task-actions.f5f2016d2dc7f422.js";
 import { Status } from "./status.16190fdd5fd7daad.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Filter } from "../../../../../comps/ui/filter.4f703a4ce7d2a519.js";
-import { addRows, readDelta, taskActive, withAdded } from "./task.af5001e51d2f612b.js";
-import { taskTitle } from "./task.af5001e51d2f612b.js";
-import { LIST_PAGE } from "../../../../../utils/paged.18f5872fc5aebe96.js";
-import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.801bbd3163d3fbb0.js";
-import { Tail } from "../../../../../comps/ui/tail.30913c92f5ca6102.js";
-import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.af5001e51d2f612b.js";
-import { NeedsCredential } from "../composer.c7ec618e215d63ce.js";
-import { useTaskEvents } from "../../../../../comps/frame/task-toasts.4282affa47415a36.js";
-import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const NewTaskButton = dynamic(() => import("../composer.c7ec618e215d63ce.js").then((m) => m.NewTaskButton), { 
+import { Filter } from "../../../../../comps/ui/filter.3a452a262f040973.js";
+import { addRows, readDelta, taskActive, withAdded } from "./task.a0c68180db5fb4c1.js";
+import { taskTitle } from "./task.a0c68180db5fb4c1.js";
+import { LIST_PAGE } from "../../../../../utils/paged.0e54c3044f8ca567.js";
+import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.24036899654de6df.js";
+import { Tail } from "../../../../../comps/ui/tail.04132db0c5033d4f.js";
+import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.a0c68180db5fb4c1.js";
+import { NeedsCredential } from "../composer.2d4122eb33addbdd.js";
+import { useTaskEvents } from "../../../../../comps/frame/task-toasts.e1a484113e1df660.js";
+import { useOrg } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const NewTaskButton = dynamic(() => import("../composer.2d4122eb33addbdd.js").then((m) => m.NewTaskButton), { 
 // TODO: stays disabled after client navigation until pnext SSRs nested dynamic() like Next.js.
-loading: () => /* @__PURE__ */ _jsxs("button", {
-	type: "button",
-	class: "btn new-task",
+loading: () => /* @__PURE__ */ _jsx(Button, {
+	class: "new-task",
+	leftIcon: iPlus,
 	disabled: true,
-	children: [/* @__PURE__ */ _jsx(Icon, { d: iPlus }), "New task"]
+	children: "New task"
 }) }, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/tasks/composer.tsx", import.meta.url).pathname),
 	"exportName": "NewTaskButton",
-	"id": "c-fdfde05882"
+	"id": "c-a681dce549"
 });
 const SOURCE_ICONS = {
 	dashboard: iMonitor,
@@ -49,6 +52,7 @@ const sourceIcon = (source) => SOURCE_ICONS[source] ?? iPlug;
 const DELTA_ROWS = 200;
 /** How long ago, under a day; the date after that. */
 function ago(value, now, tz) {
+	if (value === undefined) return "Not available";
 	const minutes = Math.round((now - value) / 6e4);
 	if (minutes < 1) return "just now";
 	if (minutes < 60) return `${minutes} min ago`;
@@ -57,7 +61,7 @@ function ago(value, now, tz) {
 }
 function TaskRowView({ task, brand, back, scoped, tz, now, onDone }) {
 	const org = useOrg();
-	const elapsed = task.startedAt === undefined ? undefined : (task.finishedAt ?? now) - task.startedAt;
+	const elapsed = taskActive(task) && task.startedAt !== undefined ? now - task.startedAt : task.lastTurnMs;
 	const source = task.task.event?.integration ?? task.task.source ?? "dashboard";
 	const kind = task.task.event?.type ?? (task.task.flow === "default" ? undefined : task.task.flow);
 	return /* @__PURE__ */ _jsxs("tr", { children: [
@@ -85,8 +89,8 @@ function TaskRowView({ task, brand, back, scoped, tz, now, onDone }) {
 		/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Status, { status: task.status }) }),
 		/* @__PURE__ */ _jsx("td", {
 			class: "when",
-			title: formatDate(task.createdAt, tz),
-			children: ago(task.createdAt, now, tz)
+			title: formatDate(task.lastActivityAt, tz),
+			children: ago(task.lastActivityAt, now, tz)
 		}),
 		/* @__PURE__ */ _jsx("td", {
 			class: "num",
@@ -114,7 +118,7 @@ function RowActions({ task, onDone }) {
 	});
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs(Menu, {
 		summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
-		summaryClass: "icon-btn",
+		button: "icon",
 		label: "Task actions",
 		align: "right",
 		children: [
@@ -151,7 +155,8 @@ function RowActions({ task, onDone }) {
 	})] });
 }
 /** Tasks newest first, in pages as the list scrolls; search and filters run on the server, running ones stay live. */
-export function TasksList({ first, platforms, brands = {}, agents = [], filters, agent, head, missing, tz, now }) {
+export function TasksList({ first, platforms, brands = {}, agents = [], filters, agent, head, missing, tz: serverZone, now }) {
+	const tz = useZone(serverZone);
 	const org = useOrg();
 	const { values, set, query } = useFilters(filters);
 	const initial = queryOf(filters);
@@ -379,14 +384,12 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 		/* @__PURE__ */ _jsxs(Card, {
 			title: "Tasks",
 			count: counts ? formatCount(counts.all) : undefined,
-			actions: counts ? /* @__PURE__ */ _jsxs(_Fragment, { children: [counts.active ? /* @__PURE__ */ _jsxs("button", {
-				type: "button",
-				class: "badge acc",
+			actions: counts ? /* @__PURE__ */ _jsxs(_Fragment, { children: [counts.active ? /* @__PURE__ */ _jsxs(Badge, {
+				tone: "acc",
 				onClick: () => set("status", "active"),
 				children: [formatCount(counts.active), " active"]
-			}) : null, counts.waiting ? /* @__PURE__ */ _jsxs("button", {
-				type: "button",
-				class: "badge warn",
+			}) : null, counts.waiting ? /* @__PURE__ */ _jsxs(Badge, {
+				tone: "warn",
 				onClick: () => set("status", "waiting"),
 				children: [formatCount(counts.waiting), " awaiting approval"]
 			}) : null] }) : undefined,
@@ -398,7 +401,7 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 					children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsxs("tr", { children: [
 						/* @__PURE__ */ _jsx("th", { children: "Task" }),
 						/* @__PURE__ */ _jsx("th", { children: "Status" }),
-						/* @__PURE__ */ _jsx("th", { children: "Created" }),
+						/* @__PURE__ */ _jsx("th", { children: "Last activity" }),
 						/* @__PURE__ */ _jsx("th", {
 							class: "num",
 							children: "Duration"

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{tasks-section.fd72404364042b87.js → tasks-section.13f64b0836ae406b.js}

@@ -1,23 +1,23 @@
-import "./tasks-list.2282a7cef8b15bd8.css.pnext-asset.js";
+import "./tasks-list.abbbc9ace4d866e5.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { zoneOf } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { FILTER_ROWS, LIST_PAGE } from "../../../../../utils/paged.18f5872fc5aebe96.js";
-import { load } from "../../../../../api/load.4f942c7f68b2e273.js";
-import { Settle } from "../../../../../comps/frame/stream.2fea238dc4f4f9a4.js";
-import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.df3717186948c93f.js";
-import { listFilters } from "./task.af5001e51d2f612b.js";
+import { zoneOf } from "../../../../../utils/format.ceeaafa10a0563f3.js";
+import { FILTER_ROWS, LIST_PAGE } from "../../../../../utils/paged.0e54c3044f8ca567.js";
+import { load } from "../../../../../api/load.7ae462ef36271be8.js";
+import { Settle } from "../../../../../comps/frame/stream.95a2468086aceb84.js";
+import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.cc76fc9708142525.js";
+import { listFilters } from "./task.a0c68180db5fb4c1.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 // Rows arrive rendered; paging and filters hydrate once the list is in view.
-const TasksList = dynamic(() => import("./tasks-list.0976f1812d6d15f5.js").then((m) => m.TasksList), {
+const TasksList = dynamic(() => import("./tasks-list.021bdc2f3d90af2d.js").then((m) => m.TasksList), {
 	load: "visible",
 	ssr: true
 }, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/tasks/list/tasks-list.tsx", import.meta.url).pathname),
 	"exportName": "TasksList",
-	"id": "c-ea95c61a2c"
+	"id": "c-89377d0f58"
 });
 /** A task list before it arrives; an agent's own tab has no head and no agent filter. */
-export function TasksLoading({ head, agent }) {
+export function TasksLoading({ head }) {
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(LoadingToolbar, {
 		head,
 		search: "Search tasks",