@wular/coder 0.5.1 → 0.6.0

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/list/{tasks-list.028798c79227a366.js → tasks-list.550288bcec62fea5.js}

@@ -1,39 +1,38 @@
 "use client";
-import "./tasks-list.f3737549b4696cc8.css.pnext-asset.js";
-import { Fragment } from "../../../../../../../../../../node_modules/preact/dist/preact.mjs";
+import "./tasks-list.835b11dc95c95cb5.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.685154f230716834.js";
-import { useAction } from "../../../../../utils/action.56cea462eb725c39.js";
+import { client } from "../../../../../utils/client.b9225923da59febe.js";
+import { useAction } from "../../../../../utils/action.55bd1d3e1b67a67e.js";
 import { formatCount, formatDate, formatDay, formatDuration } from "../../../../../utils/format.ceeaafa10a0563f3.js";
 import { iAgent, iClock, iDots, iFolder, iMonitor, iPlug, iPlus, iTerminal } from "../../../../../comps/ui/icons.f769275420d072ce.js";
 import { Menu } from "../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
-import { MenuItem } from "../../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.725ede2a88ea76a9.js";
 import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { PendingApprovals } from "./pending-approvals.9175908da02960e1.js";
+import { PendingApprovals } from "./pending-approvals.319cefed5e3adb15.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
 import { usePaged } from "../../../../../utils/paged.0e54c3044f8ca567.js";
 import { useZone } from "../../../../zone.0515a688ee5ff6ca.js";
-import { pendingApproval } from "../[id]/task-actions.d131453dd2a423c3.js";
-import { BrandIcon } from "../../agents/agent/agent-pills.1012e04bfbc7bffd.js";
+import { pendingApproval } from "../[id]/task-actions.f4e6ea3320e0ae23.js";
+import { BrandIcon } from "../../agents/agent/agent-pills.bd9808856ef860f3.js";
 import { Button } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
 import { Card, Empty } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
 import { Badge } from "../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
 import { ConfirmDialog } from "../../../../../comps/ui/confirm.e21b7f5e486dafb8.js";
 import { Status } from "./status.d2c05c397780b833.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Filter } from "../../../../../comps/ui/filter.0730dccad6332327.js";
-import { addRows, readDelta, taskActive, withAdded } from "./task.a25847399a4dfb30.js";
-import { taskModel, taskTitle } from "./task.a25847399a4dfb30.js";
+import { Filter } from "../../../../../comps/ui/filter.6468dec3a8faed6f.js";
+import { addRows, readDelta, taskActive, withAdded } from "./task.fcd21a71424503e9.js";
+import { taskModel, taskTitle } from "./task.fcd21a71424503e9.js";
 import { LIST_PAGE } from "../../../../../utils/paged.0e54c3044f8ca567.js";
 import { Search, Toolbar, queryOf, useFilters } from "../../../../../comps/ui/toolbar.ff8367c641d28c1e.js";
 import { Tail } from "../../../../../comps/ui/tail.7eb303330802ac18.js";
-import { SOURCES, STATUSES, folderName, listFilters, sourceLabel } from "./task.a25847399a4dfb30.js";
-import { NeedsCredential } from "../composer.97be3e67214889c1.js";
-import { useTaskEvents } from "../../../../../comps/frame/task-toasts.8733901ca0e4c246.js";
-import { useOrg } from "../../../../../comps/nav/org.853d173b55368728.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.97be3e67214889c1.js").then((m) => m.NewTaskButton), { 
+import { SOURCES, STATUSES, folderName, listFilters, sourceLabel, taskOrigin } from "./task.fcd21a71424503e9.js";
+import { NeedsCredential } from "../composer.91fe18526ebad717.js";
+import { useTaskEvents } from "../../../../../comps/frame/task-toasts.168a3d3f5fd52cb4.js";
+import { useOrg } from "../../../../../comps/nav/org.efcee1c3404f6345.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.91fe18526ebad717.js").then((m) => m.NewTaskButton), { 
 // TODO: stays disabled after client navigation until pnext SSRs nested dynamic() like Next.js.
 loading: () => /* @__PURE__ */ _jsx(Button, {
 	class: "new-task",
@@ -43,7 +42,7 @@ loading: () => /* @__PURE__ */ _jsx(Button, {
 }) }, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/tasks/composer.tsx", import.meta.url).pathname),
 	"exportName": "NewTaskButton",
-	"id": "c-349df33426"
+	"id": "c-67f834e14e"
 });
 const SOURCE_ICONS = {
 	dashboard: iMonitor,
@@ -65,7 +64,7 @@ function TaskRowView({ task, brand, back, scoped, tz, now, onDone }) {
 	const org = useOrg();
 	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);
+	const { what, by } = taskOrigin(task);
 	return /* @__PURE__ */ _jsxs("tr", { children: [
 		/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsx(Link, {
 			class: "cover",
@@ -76,21 +75,22 @@ function TaskRowView({ task, brand, back, scoped, tz, now, onDone }) {
 			},
 			search: back ? { back } : undefined,
 			children: taskTitle(task)
-		}), /* @__PURE__ */ _jsx("span", {
+		}), task.task.cwd ? /* @__PURE__ */ _jsx("span", {
 			class: "sub",
-			children: [
-				scoped ? null : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Icon, { d: iAgent }), task.task.agent] }),
-				kind,
-				task.task.cwd ? /* @__PURE__ */ _jsxs("span", {
-					title: task.task.cwd,
-					children: [/* @__PURE__ */ _jsx(Icon, { d: iFolder }), folderName(task.task.cwd)]
-				}) : null
-			].filter(Boolean).map((part, index) => /* @__PURE__ */ _jsxs(Fragment, { children: [index ? " · " : null, part] }, index))
-		})] }),
+			children: /* @__PURE__ */ _jsxs("span", {
+				title: task.task.cwd,
+				children: [/* @__PURE__ */ _jsx(Icon, { d: iFolder }), folderName(task.task.cwd)]
+			})
+		}) : null] }),
 		/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Status, {
 			status: task.status,
 			approvals: task.approvals
 		}) }),
+		scoped ? null : /* @__PURE__ */ _jsxs("td", {
+			class: "agent",
+			title: task.task.agent,
+			children: [/* @__PURE__ */ _jsx(Icon, { d: iAgent }), task.task.agent]
+		}),
 		/* @__PURE__ */ _jsx("td", {
 			class: "model",
 			title: taskModel(task),
@@ -105,17 +105,24 @@ function TaskRowView({ task, brand, back, scoped, tz, now, onDone }) {
 			class: "num",
 			children: task.startedAt === undefined ? null : formatDuration(elapsed)
 		}),
-		/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsxs("span", {
-			class: "source",
-			title: sourceLabel(source),
-			children: [brand ? /* @__PURE__ */ _jsx(BrandIcon, { brand }) : /* @__PURE__ */ _jsx(Icon, { d: sourceIcon(source) }), sourceLabel(source)]
-		}), /* @__PURE__ */ _jsx("span", {
-			class: "row-acts",
-			children: /* @__PURE__ */ _jsx(RowActions, {
-				task,
-				onDone
+		/* @__PURE__ */ _jsxs("td", { children: [
+			/* @__PURE__ */ _jsxs("span", {
+				class: "source",
+				title: sourceLabel(source),
+				children: [brand ? /* @__PURE__ */ _jsx(BrandIcon, { brand }) : /* @__PURE__ */ _jsx(Icon, { d: sourceIcon(source) }), what]
+			}),
+			by ? /* @__PURE__ */ _jsxs("span", {
+				class: "sub by",
+				children: ["by ", by]
+			}) : null,
+			/* @__PURE__ */ _jsx("span", {
+				class: "row-acts",
+				children: /* @__PURE__ */ _jsx(RowActions, {
+					task,
+					onDone
+				})
 			})
-		})] })
+		] })
 	] });
 }
 function RowActions({ task, onDone }) {
@@ -184,7 +191,8 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 		key: "status",
 		label: "Status",
 		options: STATUSES,
-		inline: true
+		inline: true,
+		shown: 3
 	}, {
 		key: "source",
 		label: "Source",
@@ -405,7 +413,6 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 			count: counts ? formatCount(counts.all) : undefined,
 			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(Badge, {
 				tone: "warn",
@@ -415,16 +422,26 @@ export function TasksList({ first, platforms, brands = {}, agents = [], filters,
 			children: [rows.length ? /* @__PURE__ */ _jsx("div", {
 				class: "table-scroll",
 				children: /* @__PURE__ */ _jsxs("table", {
-					class: "rows tasks stacked",
+					class: agent ? "rows tasks stacked scoped" : "rows tasks stacked",
 					"aria-busy": list.stale,
 					children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsxs("tr", { children: [
 						/* @__PURE__ */ _jsx("th", { children: "Task" }),
-						/* @__PURE__ */ _jsx("th", { children: "Status" }),
+						/* @__PURE__ */ _jsx("th", {
+							class: "status",
+							children: "Status"
+						}),
+						agent ? null : /* @__PURE__ */ _jsx("th", {
+							class: "agent",
+							children: "Agent"
+						}),
 						/* @__PURE__ */ _jsx("th", {
 							class: "model",
 							children: "Model"
 						}),
-						/* @__PURE__ */ _jsx("th", { children: "Last activity" }),
+						/* @__PURE__ */ _jsx("th", {
+							class: "when",
+							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.9a9d13057b326f25.js → tasks-section.7e3bc3398baec1bd.js}

@@ -1,20 +1,20 @@
-import "./tasks-list.f3737549b4696cc8.css.pnext-asset.js";
+import "./tasks-list.835b11dc95c95cb5.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
 import { zoneOf } from "../../../../../utils/format.ceeaafa10a0563f3.js";
 import { FILTER_ROWS, LIST_PAGE } from "../../../../../utils/paged.0e54c3044f8ca567.js";
-import { load } from "../../../../../api/load.858c062c7891a2c1.js";
-import { Settle } from "../../../../../comps/frame/stream.2cdb8eabd8f6df70.js";
-import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.77bea8c5870b5d3c.js";
-import { listFilters } from "./task.a25847399a4dfb30.js";
+import { load } from "../../../../../api/load.3e1c235ecb89201a.js";
+import { Settle } from "../../../../../comps/frame/stream.c7ffa724145ce870.js";
+import { LoadingCard, LoadingToolbar } from "../../../../../comps/frame/loading-card.94d5645c958c77e9.js";
+import { listFilters } from "./task.fcd21a71424503e9.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.028798c79227a366.js").then((m) => m.TasksList), {
+const TasksList = dynamic(() => import("./tasks-list.550288bcec62fea5.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-67acd5aafe"
+	"id": "c-14119aedfd"
 });
 /** A task list before it arrives; an agent's own tab has no head and no agent filter. */
 export function TasksLoading({ head }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/tasks/{page.045c6db0c56975b2.js → page.98767f77d0fd9a05.js}

@@ -1,7 +1,7 @@
-import { load } from "../../../../api/load.858c062c7891a2c1.js";
+import { load } from "../../../../api/load.3e1c235ecb89201a.js";
 import { HEADS } from "../../../../comps/frame/heads.37e35439c02fc636.js";
-import { Page } from "../../../../comps/frame/page-head.2eb1e0213eb50349.js";
-import { TasksSection, loadTasks } from "./list/tasks-section.9a9d13057b326f25.js";
+import { Page } from "../../../../comps/frame/page-head.a6bd4a75087e6e53.js";
+import { TasksSection, loadTasks } from "./list/tasks-section.7e3bc3398baec1bd.js";
 import { credentialMissing } from "./composer-data.c16854be11a561e4.js";
 import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Every task, with New task in the head, and for an admin the changes waiting for their approval. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{loading.5b973a8bb29197d5.js → loading.d2482006f8adc43a.js}

@@ -1,9 +1,9 @@
 import "./@/comps/ui/segmented.41728247cda62f82.css.pnext-asset.js";
 import "./@/app/dash/[org]/usage/range-bar.85d30ec5f022f124.css.pnext-asset.js";
 import { HEADS } from "../../../../comps/frame/heads.37e35439c02fc636.js";
-import { LoadingRange } from "./range-bar.0b9038e9df707843.js";
+import { LoadingRange } from "./range-bar.3086edd9a97046c2.js";
 import { Loading } from "../../../../comps/ui/card.c0030eafd76587e3.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.2eb1e0213eb50349.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.a6bd4a75087e6e53.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export default function UsageLoading() {
 	return /* @__PURE__ */ _jsxs(Page, { children: [

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{page.938d29ff7edb678d.js → page.26319c38995aceca.js}

@@ -2,15 +2,15 @@ import "./@/comps/ui/segmented.41728247cda62f82.css.pnext-asset.js";
 import "./@/app/dash/[org]/usage/range-bar.85d30ec5f022f124.css.pnext-asset.js";
 import { formatCompact, formatCount, formatDuration, zoneOf } from "../../../../utils/format.ceeaafa10a0563f3.js";
 import { daysIn, rangeFor } from "../../../../utils/range.f73ba9cac0a60af1.js";
-import { load, orgOf } from "../../../../api/load.858c062c7891a2c1.js";
+import { load, orgOf } from "../../../../api/load.3e1c235ecb89201a.js";
 import { Card } from "../../../../comps/ui/card.c0030eafd76587e3.js";
-import { Page, PageHead } from "../../../../comps/frame/page-head.2eb1e0213eb50349.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.a6bd4a75087e6e53.js";
 import { Stat, Stats } from "./stats.de820599cf126120.js";
-import { Settle } from "../../../../comps/frame/stream.2cdb8eabd8f6df70.js";
+import { Settle } from "../../../../comps/frame/stream.c7ffa724145ce870.js";
 import { HEADS } from "../../../../comps/frame/heads.37e35439c02fc636.js";
 import { TopAgents } from "./top-agents.93c916167299ffb6.js";
 import { DayChart } from "./day-chart.20faaaf57c81ad9e.js";
-import { RangeBar } from "./range-bar.0b9038e9df707843.js";
+import { RangeBar } from "./range-bar.3086edd9a97046c2.js";
 import { METRIC_LABEL } from "./metric.5ff3636065481c44.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const SORT_METRIC = {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/usage/{range-bar.0b9038e9df707843.js → range-bar.3086edd9a97046c2.js}

@@ -4,8 +4,8 @@ import { CustomRange } from "./custom-range.fe91164d7a311356.js";
 import { linkOf, withSearch } from "../../../../comps/nav/to.a2c840c09bd4bf4a.js";
 import { iDown } from "../../../../comps/ui/icons.f769275420d072ce.js";
 import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { BLANK } from "../../../../comps/frame/loading-card.77bea8c5870b5d3c.js";
-import { LoadingMenu } from "../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
+import { BLANK } from "../../../../comps/frame/loading-card.94d5645c958c77e9.js";
+import { LoadingMenu } from "../../../../comps/ui/menu-items.725ede2a88ea76a9.js";
 import { Segmented } from "../../../../comps/ui/segmented.633abe26ff760e37.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const OPTIONS = Object.entries(PRESETS).map(([key, preset]) => [key, preset.short]);

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{loading-card.77bea8c5870b5d3c.js → loading-card.94d5645c958c77e9.js}

@@ -1,7 +1,7 @@
 import { Button } from "../ui/button.b62fa52e18fa338b.js";
 import { Card, Loading } from "../ui/card.c0030eafd76587e3.js";
-import { LoadingFilter } from "../ui/filter.0730dccad6332327.js";
-import { Select } from "../ui/select.0ee9e8f04ddd8b47.js";
+import { LoadingFilter } from "../ui/filter.6468dec3a8faed6f.js";
+import { Select } from "../ui/select.b712227920cd0845.js";
 import { Search, Toolbar } from "../ui/toolbar.ff8367c641d28c1e.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export const BLANK = "\xA0";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{page-head.2eb1e0213eb50349.js → page-head.a6bd4a75087e6e53.js}

@@ -5,7 +5,7 @@ import { linkOf } from "../nav/to.a2c840c09bd4bf4a.js";
 import { HEADS } from "./heads.37e35439c02fc636.js";
 import { Icon } from "../ui/icon.0874ca2f58f7db14.js";
 import { Sentinel } from "../ui/sentinel.0ddf515b8f09ef9f.js";
-import { BLANK } from "./loading-card.77bea8c5870b5d3c.js";
+import { BLANK } from "./loading-card.94d5645c958c77e9.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export function Page({ narrow, children }) {
 	return /* @__PURE__ */ _jsx("div", {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{stream.2cdb8eabd8f6df70.js → stream.c7ffa724145ce870.js}

@@ -1,5 +1,5 @@
 import { Suspense } from "../../../../../../../node_modules/preact/compat/dist/compat.mjs";
-import { signedOut } from "../../api/load.858c062c7891a2c1.js";
+import { signedOut } from "../../api/load.3e1c235ecb89201a.js";
 import { Card } from "../ui/card.c0030eafd76587e3.js";
 import { reasonText } from "../../utils/format.ceeaafa10a0563f3.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{task-toasts.8733901ca0e4c246.js → task-toasts.168a3d3f5fd52cb4.js}

@@ -2,11 +2,11 @@
 import "./task-toasts.682322f6f729b33e.css.pnext-asset.js";
 import { useEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { serverEvents } from "../../../../client/http.e78b470f4ecf125b.js";
-import { client } from "../../utils/client.685154f230716834.js";
+import { client } from "../../utils/client.b9225923da59febe.js";
 import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { usePathname, useRouter } from "../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
 import { Status, STATUS_LABEL } from "../../app/dash/[org]/tasks/list/status.d2c05c397780b833.js";
-import { useOrg } from "../nav/org.853d173b55368728.js";
+import { useOrg } from "../nav/org.efcee1c3404f6345.js";
 import { IconButton } from "../ui/button.b62fa52e18fa338b.js";
 import { iX } from "../ui/icons.f769275420d072ce.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
@@ -22,7 +22,7 @@ const SHOWN = new Set([...DONE, "waiting"]);
 const KEEP = 20;
 const MAX = 3;
 const TTL = 8e3;
-// The Web Lock that picks the one tab holding the events stream, and the channel it shares them on.
+// The Web Lock that picks the one tab polling the events, and the channel it shares them on.
 const EVENTS = "coder:events";
 const TASK = "coder:task";
 const REPLAY = "coder:task-replay";
@@ -35,6 +35,7 @@ const RUNNERS = "coder:runners";
 const RESYNC_MS = 6e4;
 // Latest events a tab keeps, so a page that mounts later starts from them.
 const LATEST = 200;
+const POLL_MS = 5e3;
 const read = () => {
 	try {
 		return JSON.parse(localStorage.getItem(WATCHED) ?? "{}") ?? {};
@@ -104,15 +105,18 @@ export function useTaskEvents(on, reset, resync) {
 		};
 	}, []);
 }
-/** One events stream per browser and organization: the tab holding the lock reads it, shares it on a channel, and a tab that takes over resumes from the last event id. */
+/** One events poll per browser and organization: the tab holding the lock polls, shares the events on a channel, and a tab that takes over resumes from the last event id. */
 function useEventsStream(ids, leading, org) {
 	const asked = useRef(ids);
 	asked.current = ids;
 	const current = useRef();
+	const sync = useRef(() => {});
 	const key = [...ids].sort().join(",");
 	useEffect(() => {
 		const latest = new Map();
 		const deliver = (event) => {
+			// Each poll repeats what changed lately; pages hear a change once.
+			if (JSON.stringify(latest.get(event.id)) === JSON.stringify(event)) return;
 			latest.delete(event.id);
 			latest.set(event.id, event);
 			if (latest.size > LATEST) latest.delete(latest.keys().next().value);
@@ -123,6 +127,7 @@ function useEventsStream(ids, leading, org) {
 		};
 		addEventListener(REPLAY, replay);
 		let counts;
+		let runners = "";
 		const replayCounts = (event) => counts && event.detail(counts);
 		addEventListener(COUNTS_REPLAY, replayCounts);
 		const channel = typeof BroadcastChannel !== "undefined" && navigator.locks ? new BroadcastChannel(`${EVENTS}:${org}`) : undefined;
@@ -137,7 +142,10 @@ function useEventsStream(ids, leading, org) {
 				counts = message.counts;
 				dispatchEvent(new CustomEvent(COUNTS, { detail: counts }));
 			}
-			if (message.runners) dispatchEvent(new CustomEvent(RUNNERS, { detail: message.runners }));
+			if (message.runners && JSON.stringify(message.runners) !== runners) {
+				runners = JSON.stringify(message.runners);
+				dispatchEvent(new CustomEvent(RUNNERS, { detail: message.runners }));
+			}
 			if (message.resync) dispatchEvent(new Event(RESYNC));
 			if (!message.reset) return;
 			latest.clear();
@@ -145,7 +153,7 @@ function useEventsStream(ids, leading, org) {
 		};
 		channel?.addEventListener("message", ({ data }) => {
 			if (!data.hello) return receive(data);
-			// A tab that just loaded: the next stream resumes for it too.
+			// A tab that just loaded: the next poll goes now, for it too.
 			soon ??= setTimeout(() => {
 				soon = undefined;
 				current.current?.abort.abort();
@@ -153,37 +161,38 @@ function useEventsStream(ids, leading, org) {
 			}, 300);
 		});
 		channel?.postMessage({ hello: true });
-		const lead = async () => {
+		const lead = async (signal) => {
 			leading.current = true;
 			const resync = setInterval(() => {
 				channel?.postMessage({ resync: true });
 				receive({ resync: true });
 			}, RESYNC_MS);
 			try {
-				await follow();
+				await follow(signal);
 			} finally {
 				clearInterval(resync);
+				leading.current = false;
 			}
 		};
-		const follow = async () => {
-			while (!abort.signal.aborted) {
+		const follow = async (signal) => {
+			while (!signal.aborted) {
 				const once = new AbortController();
 				const stop = () => once.abort();
-				abort.signal.addEventListener("abort", stop);
+				signal.addEventListener("abort", stop);
 				const ids = asked.current;
 				current.current = {
 					key: [...ids].sort().join(","),
 					abort: once
 				};
-				let wait = 1e3;
+				let wait = POLL_MS;
 				try {
 					const response = await client.tasks.events(ids, last, once.signal);
 					// A server without the events stream: nothing to follow.
 					if (response.status === 404) return void (leading.current = false);
 					// Signed out: a tab that signs in again wakes the next try.
-					if (!response.ok || !response.body) wait = [401, 403].includes(response.status) ? 6e4 : 5e3;
-					else for await (const { event, data, id } of serverEvents(response.body)) {
-						// A stream replaced by the next one says nothing more.
+					if ([401, 403].includes(response.status)) wait = 6e4;
+					else if (response.ok && response.body) for await (const { event, data, id } of serverEvents(response.body)) {
+						// A poll replaced by the next one says nothing more.
 						if (once.signal.aborted) break;
 						const message = {
 							...id ? { id } : {},
@@ -198,8 +207,8 @@ function useEventsStream(ids, leading, org) {
 				} catch (reason) {
 					if (!once.signal.aborted) console.error("coder dashboard: events", reason);
 				}
-				abort.signal.removeEventListener("abort", stop);
-				// A new task set opens the next stream at once.
+				signal.removeEventListener("abort", stop);
+				// A new task set polls again at once.
 				if (once.signal.aborted) continue;
 				await new Promise((done) => {
 					const timer = setTimeout(done, wait);
@@ -211,21 +220,39 @@ function useEventsStream(ids, leading, org) {
 				wake = () => {};
 			}
 		};
-		if (channel) void navigator.locks.request(`${EVENTS}:${org}`, { signal: abort.signal }, lead).catch((reason) => {
-			if (!abort.signal.aborted) console.error("coder dashboard: events", reason);
-		});
-		else void lead();
+		// A hidden tab polls nothing, unless it notifies of a watched task still running.
+		let turn;
+		const wanted = () => document.visibilityState !== "hidden" || asked.current.length > 0 && localStorage.getItem(NOTIFY) === "1" && typeof Notification !== "undefined" && Notification.permission === "granted";
+		sync.current = () => {
+			if (!wanted()) {
+				turn?.abort();
+				turn = undefined;
+				return wake();
+			}
+			if (turn) return;
+			turn = new AbortController();
+			const signal = AbortSignal.any([abort.signal, turn.signal]);
+			if (channel) void navigator.locks.request(`${EVENTS}:${org}`, { signal }, () => lead(signal)).catch((reason) => {
+				if (!signal.aborted) console.error("coder dashboard: events", reason);
+			});
+			else void lead(signal);
+		};
+		const visibility = () => sync.current();
+		addEventListener("visibilitychange", visibility);
+		sync.current();
 		return () => {
 			abort.abort();
 			wake();
 			clearTimeout(soon);
 			channel?.close();
+			removeEventListener("visibilitychange", visibility);
 			removeEventListener(REPLAY, replay);
 			removeEventListener(COUNTS_REPLAY, replayCounts);
 		};
 	}, []);
 	useEffect(() => {
 		if (current.current && current.current.key !== key) current.current.abort.abort();
+		sync.current();
 	}, [key]);
 }
 /** Hears the runners this person sees whenever one is added, changed, removed, or goes on or offline. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/frame/{theme-choices.fc86071c1b634176.js → theme-choices.9d0674c72d0ce188.js}

@@ -1,7 +1,7 @@
 "use client";
 import { useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { iMonitor, iMoon, iSun } from "../ui/icons.f769275420d072ce.js";
-import { MenuRadio } from "../ui/menu-items.759a1b1f7c5ee365.js";
+import { MenuRadio } from "../ui/menu-items.725ede2a88ea76a9.js";
 import { jsx as _jsx, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const YEAR = 60 * 60 * 24 * 365;
 const THEMES = [

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{back.7aa0ae82dbec38cd.js → back.95ed3b5a6128d557.js}

@@ -1,8 +1,8 @@
 "use client";
 import { useEffect } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { Back } from "../frame/page-head.2eb1e0213eb50349.js";
+import { Back } from "../frame/page-head.a6bd4a75087e6e53.js";
 import { LinkButton } from "../ui/button.b62fa52e18fa338b.js";
-import { useOrg } from "./org.853d173b55368728.js";
+import { useOrg } from "./org.efcee1c3404f6345.js";
 import { BACK_COOKIE, rememberedBack } from "./back-cookie.942c0904e944d8d6.js";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Settings' credentials tab; it links back to this page, named `label` where its section name is not enough. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{org.853d173b55368728.js → org.efcee1c3404f6345.js}

@@ -1,7 +1,7 @@
 "use client";
 import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
 import { useParams } from "../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { Back } from "../frame/page-head.2eb1e0213eb50349.js";
+import { Back } from "../frame/page-head.a6bd4a75087e6e53.js";
 import { linkOf } from "./to.a2c840c09bd4bf4a.js";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** The organization in the address, `/dash/<org>/…`. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{combo.e4e08287494081a3.js → combo.3acd48652c3a66a6.js}

@@ -1,6 +1,6 @@
 import { useId, useLayoutEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { MenuOption } from "./menu-items.759a1b1f7c5ee365.js";
-import { SelectList, usePlace } from "./select.0ee9e8f04ddd8b47.js";
+import { MenuOption } from "./menu-items.725ede2a88ea76a9.js";
+import { SelectList, usePlace } from "./select.b712227920cd0845.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const SHOWN = 50;
 /** A text input with suggestions under it, filtered as you type; any text is still a value. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{filter.0730dccad6332327.js → filter.6468dec3a8faed6f.js}

@@ -6,7 +6,7 @@ import { iLeft, iRight, iX } from "./icons.f769275420d072ce.js";
 import { Chip } from "./badge.9f63fd615cf0ee22.js";
 import { Icon } from "./icon.0874ca2f58f7db14.js";
 import { Menu } from "./menu.7f558c7c6f6345d5.js";
-import { LoadingMenu, MenuItem, MenuLabel, MenuNote, MenuRadio } from "./menu-items.759a1b1f7c5ee365.js";
+import { LoadingMenu, MenuItem, MenuLabel, MenuNote, MenuRadio } from "./menu-items.725ede2a88ea76a9.js";
 import { Search } from "./toolbar.ff8367c641d28c1e.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const RECENT = "coder:filters";
@@ -15,11 +15,11 @@ const FIND = 5;
 /** How many of a facet's picks the menu lists before "More". */
 const SHOWN = 5;
 /** The picks the menu lists for a facet: the first few, keeping the current pick in view. */
-export function inlineRows(picks, value) {
-	if (picks.length <= SHOWN) return picks;
-	const shown = picks.slice(0, SHOWN);
+export function inlineRows(picks, value, count = SHOWN) {
+	if (picks.length <= count) return picks;
+	const shown = picks.slice(0, count);
 	const current = picks.find(([key]) => key === value);
-	return current && !shown.includes(current) ? [...shown.slice(0, SHOWN - 1), current] : shown;
+	return current && !shown.includes(current) ? [...shown.slice(0, count - 1), current] : shown;
 }
 /** Whether a facet's own list needs a find box. */
 const findable = (facet) => facet.options.filter(([value]) => value).length >= FIND;
@@ -203,7 +203,7 @@ function FilterPanel({ name, facets, values, seen, onFound, onPick }) {
 		] }) : facets.map((facet) => {
 			const picks = facet.options.filter(([value]) => facet.inline || value);
 			if (!picks.length) return null;
-			const shown = inlineRows(picks, values[facet.key]);
+			const shown = inlineRows(picks, values[facet.key], facet.shown);
 			return /* @__PURE__ */ _jsxs(Fragment, { children: [
 				/* @__PURE__ */ _jsx(MenuLabel, { children: facet.label }),
 				/* @__PURE__ */ _jsx("div", {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{menu-items.759a1b1f7c5ee365.js → menu-items.725ede2a88ea76a9.js}

@@ -1,6 +1,6 @@
 import "./menu.cd96fa0495fe0fde.css.pnext-asset.js";
 import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { iCheck } from "./icons.f769275420d072ce.js";
+import { iCheck, iExternal } from "./icons.f769275420d072ce.js";
 import { Icon } from "./icon.0874ca2f58f7db14.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const classOf = (...names) => ["pop-item", ...names].filter(Boolean).join(" ");
@@ -15,12 +15,12 @@ function Content({ icon, sub, end, children }) {
 	] });
 }
 /** A menu row that acts; with `sub` it aligns to its top. */
-export function MenuItem({ icon, title, sub, end, href, type = "button", disabled, danger, ...rest }) {
+export function MenuItem({ icon, title, sub, end, href, external, type = "button", disabled, danger, ...rest }) {
 	const cls = classOf(sub ? "rich" : false, danger && "danger");
 	const content = /* @__PURE__ */ _jsx(Content, {
 		icon,
 		sub,
-		end,
+		end: end ?? (external ? /* @__PURE__ */ _jsx(Icon, { d: iExternal }) : undefined),
 		children: title
 	});
 	if (disabled) return /* @__PURE__ */ _jsx("div", {
@@ -30,6 +30,10 @@ export function MenuItem({ icon, title, sub, end, href, type = "button", disable
 	});
 	if (href) return /* @__PURE__ */ _jsx("a", {
 		...rest,
+		...external ? {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		} : {},
 		class: cls,
 		href,
 		children: content

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{select.0ee9e8f04ddd8b47.js → select.b712227920cd0845.js}

@@ -3,7 +3,7 @@ import { Fragment } from "../../../../../../../node_modules/preact/dist/preact.m
 import { useId, useLayoutEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { iDown, iPlus } from "./icons.f769275420d072ce.js";
 import { Icon } from "./icon.0874ca2f58f7db14.js";
-import { MenuLabel, MenuOption, MenuPanel } from "./menu-items.759a1b1f7c5ee365.js";
+import { MenuLabel, MenuOption, MenuPanel } from "./menu-items.725ede2a88ea76a9.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const PAGE = 10;
 /** A top-layer list's place at `anchor`, flipped up near the bottom, following scrolls and resizes; a dialog or scroll box never clips it. */