@wular/coder 0.4.7 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{side-toggle.55d3e6c43ca5e1f9.js → side-toggle.bafcb4b273b1c4d0.js}

@@ -1,6 +1,6 @@
 "use client";
 import { useEffect, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { iLeft, iRight } from "../ui/icons.1777c0350d5d215e.js";
+import { iLeft, iRight } from "../ui/icons.868385119bf2de28.js";
 import { Icon } from "../ui/icon.0874ca2f58f7db14.js";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const COOKIE = "side";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/nav/{to.0116bedfbe5f1133.js → to.a2c840c09bd4bf4a.js}

@@ -1,3 +1,5 @@
+/** A target as `Link` props; each target was checked against its own route. */
+export const linkOf = (to) => to;
 /** The path a target resolves to, to compare with the address. */
 export const pathOf = (to) => {
 	const params = to.params ?? {};

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/badge.3d9163a51e6f6d6e.js

@@ -0,0 +1,43 @@
+import "./badge.0cb1513f8b077560.css.pnext-asset.js";
+import { MoreList } from "./menu.0f064f75822888be.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** From this many chips on, the first few show and +n opens every one. */
+export const COLLAPSE_FROM = 5;
+export const COLLAPSED = 3;
+export function Badge({ tone, title, children }) {
+	return /* @__PURE__ */ _jsx("span", {
+		class: tone ? `badge ${tone}` : "badge",
+		title,
+		children
+	});
+}
+export function Chips({ values }) {
+	const all = values.filter((value) => Boolean(value));
+	if (!all.length) return /* @__PURE__ */ _jsx("span", {
+		class: "muted",
+		children: "None"
+	});
+	const chip = (value) => /* @__PURE__ */ _jsx("span", {
+		class: "chip",
+		children: value
+	}, value);
+	const collapsed = all.length >= COLLAPSE_FROM;
+	return /* @__PURE__ */ _jsxs("span", {
+		class: "chips",
+		children: [(collapsed ? all.slice(0, COLLAPSED) : all).map(chip), collapsed ? /* @__PURE__ */ _jsx(MoreList, {
+			label: `+${all.length - COLLAPSED}`,
+			children: /* @__PURE__ */ _jsx("span", {
+				class: "chips",
+				children: all.map(chip)
+			})
+		}) : null]
+	});
+}
+/** A record's id: secondary, never a page's or row's label; the line it sits on clips it when space runs out. */
+export function Id({ value, title }) {
+	return /* @__PURE__ */ _jsx("span", {
+		class: "id",
+		title: title ?? value,
+		children: value
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{card.b0873d38765c9d20.js → card.6227f43fc0ae4bd1.js}

@@ -1,7 +1,10 @@
-import "./card.146f70c7049b5b31.css.pnext-asset.js";
+import "./card.15f7435f202831c3.css.pnext-asset.js";
+import { Icon } from "./icon.0874ca2f58f7db14.js";
+import { iPlus } from "./icons.868385119bf2de28.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-export function Card({ title, count, actions, tone, children }) {
+export function Card({ id, title, count, actions, tone, children }) {
 	return /* @__PURE__ */ _jsxs("section", {
+		id,
 		class: tone ? `card frame ${tone}` : "card frame",
 		children: [title ? /* @__PURE__ */ _jsxs("div", {
 			class: "bar",
@@ -15,6 +18,37 @@ export function Card({ title, count, actions, tone, children }) {
 		}) : null, children]
 	});
 }
+/** A card that starts folded: its bar shows the title and a one-line note, and a click opens it. */
+export function FoldCard({ title, note, actions, open = "Add", opened, children }) {
+	return /* @__PURE__ */ _jsxs("details", {
+		class: "card frame fold",
+		open: opened,
+		children: [/* @__PURE__ */ _jsxs("summary", {
+			class: "bar",
+			children: [
+				/* @__PURE__ */ _jsx("h2", { children: title }),
+				/* @__PURE__ */ _jsx("span", {
+					class: "fold-note",
+					children: note
+				}),
+				actions ? /* @__PURE__ */ _jsx("span", {
+					class: "bar-r",
+					children: actions
+				}) : null,
+				/* @__PURE__ */ _jsxs("span", {
+					class: "btn outline sm fold-open",
+					"aria-hidden": "true",
+					children: [open === "Add" ? /* @__PURE__ */ _jsx(Icon, { d: iPlus }) : null, open]
+				}),
+				/* @__PURE__ */ _jsx("span", {
+					class: "btn ghost sm fold-close",
+					"aria-hidden": "true",
+					children: "Close"
+				})
+			]
+		}), children]
+	});
+}
 export function Empty({ title, children }) {
 	return /* @__PURE__ */ _jsxs("div", {
 		class: "empty",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{combo.ca0efacf2ce15578.js → combo.0572dd5730c94112.js}

@@ -1,6 +1,6 @@
 import { useId, useLayoutEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { Icon } from "./icon.0874ca2f58f7db14.js";
-import { iCheck } from "./icons.1777c0350d5d215e.js";
+import { iCheck } from "./icons.868385119bf2de28.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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/confirm.fe133a074c2743af.js

@@ -0,0 +1,26 @@
+"use client";
+import "./confirm.d18497f656702a16.css.pnext-asset.js";
+import { iTrash } from "./icons.868385119bf2de28.js";
+import { Icon } from "./icon.0874ca2f58f7db14.js";
+import { Modal } from "./modal.92432959e3a3e2c0.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** A modal question before a destructive step. */
+export function ConfirmDialog({ open, title, body, confirmLabel, onConfirm, onClose, busy }) {
+	return /* @__PURE__ */ _jsx(Modal, {
+		open,
+		class: "confirm",
+		title,
+		busy,
+		onSubmit: (event) => {
+			event.preventDefault();
+			onConfirm();
+		},
+		onClose,
+		actions: /* @__PURE__ */ _jsxs("button", {
+			class: "btn destructive",
+			"aria-busy": busy,
+			children: [/* @__PURE__ */ _jsx(Icon, { d: iTrash }), confirmLabel]
+		}),
+		children: body ? /* @__PURE__ */ _jsx("p", { children: body }) : null
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/copy.9be99c94423eb1ca.js

@@ -0,0 +1,33 @@
+"use client";
+import "./copy.991f1efa061e71d6.css.pnext-asset.js";
+import { useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { iCheck, iCopy } from "./icons.868385119bf2de28.js";
+import { Icon } from "./icon.0874ca2f58f7db14.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** An icon button that copies `value` and shows a check once it did. */
+export function CopyButton({ value, label = "Copy" }) {
+	const [copied, setCopied] = useState(false);
+	return /* @__PURE__ */ _jsx("button", {
+		type: "button",
+		class: copied ? "icon-btn copied" : "icon-btn",
+		"aria-label": copied ? "Copied" : label,
+		title: copied ? "Copied" : label,
+		onClick: () => void navigator.clipboard.writeText(value).then(() => setCopied(true)),
+		children: /* @__PURE__ */ _jsx(Icon, { d: copied ? iCheck : iCopy })
+	});
+}
+/** One value to copy, such as a command or an address; `link` also opens it in a new tab. */
+export function CopyLine({ value, label = "Copy command", link }) {
+	return /* @__PURE__ */ _jsxs("div", {
+		class: "copy-line",
+		children: [link ? /* @__PURE__ */ _jsx("a", {
+			href: value,
+			target: "_blank",
+			rel: "noreferrer",
+			children: /* @__PURE__ */ _jsx("code", { children: value })
+		}) : /* @__PURE__ */ _jsx("code", { children: value }), /* @__PURE__ */ _jsx(CopyButton, {
+			value,
+			label
+		})]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{field.7b2a2075ee8c6e29.js → field.75588c33b72824a7.js}

@@ -7,10 +7,3 @@ export function Field({ label, hint, group, children }) {
 		children: [/* @__PURE__ */ _jsxs("span", { children: [label, hint ? /* @__PURE__ */ _jsx("small", { children: hint }) : null] }), children]
 	});
 }
-export function ErrorText({ value }) {
-	return value ? /* @__PURE__ */ _jsx("p", {
-		class: "flash err",
-		role: "alert",
-		children: value
-	}) : null;
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{filter.f19b6d5ebd6a3c2b.js → filter.4f703a4ce7d2a519.js}

@@ -1,10 +1,10 @@
 import "./filter.e20fbd035f24ed01.css.pnext-asset.js";
 import { Fragment } from "../../../../../../../node_modules/preact/dist/preact.mjs";
 import { useEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { FILTER_ROWS } from "../../utils/paged.7e5713a82abf0211.js";
-import { iLeft, iRight, iSearch, iX } from "./icons.1777c0350d5d215e.js";
+import { FILTER_ROWS } from "../../utils/paged.18f5872fc5aebe96.js";
+import { iLeft, iRight, iSearch, iX } from "./icons.868385119bf2de28.js";
 import { Icon } from "./icon.0874ca2f58f7db14.js";
-import { Menu, MenuRadio } from "./menu.a4dd9fb9f566689a.js";
+import { Menu, MenuRadio } from "./menu.0f064f75822888be.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const RECENT = "coder:filters";
 /** From this many options a facet's full list gets a find box. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{icons.1777c0350d5d215e.js → icons.868385119bf2de28.js}

@@ -19,6 +19,9 @@ export const iGit = "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.7-.9l
 export const iMenu = "M4 6h16M4 12h16M4 18h16";
 export const iX = "M18 6 6 18M6 6l12 12";
 export const iCheck = "M20 6 9 17l-5-5";
+export const iTrash = "M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v6M14 11v6";
+export const iUpload = "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12";
+export const iInfo = "M12 16v-4M12 8h.01M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0";
 export const iDots = "M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0";
 export const iPlus = "M12 5v14M5 12h14";
 export const iPencil = "M4 20h4L19 9l-4-4L4 16v4ZM13 7l4 4";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{menu.a4dd9fb9f566689a.js → menu.0f064f75822888be.js}

@@ -1,7 +1,7 @@
 "use client";
-import "./menu.6341c87b5bec4256.css.pnext-asset.js";
+import "./menu.1d42c8d0493e2221.css.pnext-asset.js";
 import { useId, useRef } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { iCheck } from "./icons.1777c0350d5d215e.js";
+import { iCheck, iInfo } from "./icons.868385119bf2de28.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";
 /** A button and its popover panel, placed at the button; picking an item, an outside click or Escape closes it. */
@@ -22,13 +22,20 @@ export function Menu({ summary, summaryClass, label, tip, align = "right", wide,
 			class: wide ? "pop wide" : "pop",
 			popover: "auto",
 			onBeforeToggle: (event) => {
-				// A tall menu scrolls within the room on its side of the button instead of leaving the viewport.
+				// Opens on its side of the button when it fits there, else on the roomier side, scrolling only within that room.
 				if (event.newState !== "open") return;
 				const pop = event.currentTarget;
 				const box = pop.parentElement?.querySelector("button")?.getBoundingClientRect();
 				if (!box) return;
-				const room = align === "up" ? box.top - 20 : window.innerHeight - box.bottom - 20;
-				pop.style.maxHeight = `${Math.max(120, Math.round(room))}px`;
+				pop.style.cssText = "display: block; visibility: hidden; max-height: none";
+				const height = pop.offsetHeight;
+				pop.style.cssText = "";
+				const below = window.innerHeight - box.bottom - 20;
+				const above = box.top - 20;
+				const [own, other] = align === "up" ? [above, below] : [below, above];
+				const flip = height > own && other > own;
+				pop.classList.toggle("flip", flip);
+				pop.style.maxHeight = `${Math.max(120, Math.round(flip ? other : own))}px`;
 			},
 			onClick: (event) => {
 				if (event.target.closest("a, button:not([data-keep])")) event.currentTarget.hidePopover();
@@ -59,20 +66,26 @@ export function MenuItem({ icon, title, sub, href, onClick, danger }) {
 		children: inner
 	});
 }
-/** A fixed "+n more" that opens the rest in a scrolling list, on hover or click. */
-export function MoreList({ label, children }) {
+/** A fixed "+n more" that opens the rest in a scrolling list, on hover or click; `title` names an icon-only trigger. */
+export function MoreList({ label, title, class: cls, children }) {
 	const id = useId();
 	const list = useRef(null);
+	const closing = useRef();
+	// Closing waits a beat, so the pointer can cross the gap into the list.
 	const hover = (open) => (event) => {
-		if (event.pointerType === "mouse") list.current.togglePopover(open);
+		if (event.pointerType !== "mouse") return;
+		clearTimeout(closing.current);
+		if (open) list.current.togglePopover(true);
+		else closing.current = setTimeout(() => list.current?.togglePopover(false), 150);
 	};
 	return /* @__PURE__ */ _jsxs("span", {
-		class: "more",
+		class: cls ? `more ${cls}` : "more",
 		onPointerEnter: hover(true),
 		onPointerLeave: hover(false),
 		children: [/* @__PURE__ */ _jsx("button", {
 			popovertarget: id,
 			type: "button",
+			"aria-label": title,
 			children: label
 		}), /* @__PURE__ */ _jsx("div", {
 			id,
@@ -83,6 +96,13 @@ export function MoreList({ label, children }) {
 		})]
 	});
 }
+/** An i that opens its explanation in the same hover card as "+n more". */
+export const InfoTip = ({ label, children }) => /* @__PURE__ */ _jsx(MoreList, {
+	label: /* @__PURE__ */ _jsx(Icon, { d: iInfo }),
+	title: label,
+	class: "info",
+	children
+});
 /** One choice in a menu section; the picked one shows a check. */
 export function MenuRadio({ on, onPick, icon, children }) {
 	return /* @__PURE__ */ _jsxs("button", {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/modal.92432959e3a3e2c0.js

@@ -0,0 +1,67 @@
+"use client";
+import "./modal.9db07d368dcf5981.css.pnext-asset.js";
+import { toChildArray } from "../../../../../../../node_modules/preact/dist/preact.mjs";
+import { useEffect, useId, useRef } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { iX } from "./icons.868385119bf2de28.js";
+import { Icon } from "./icon.0874ca2f58f7db14.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** A modal with a title, a body and its actions after a cancel button; Escape, Cancel or a backdrop click closes it, never while busy. */
+export function Modal({ open = true, class: className, tone, title, icon, dismiss, busy, cancel = "Cancel", focus = "cancel", actions, onSubmit, onClose, children }) {
+	const dialog = useRef(null);
+	const id = useId();
+	useEffect(() => {
+		const el = dialog.current;
+		if (open && !el.open) el.showModal();
+		else if (!open && el.open) el.close();
+	}, [open]);
+	const close = () => !busy && dialog.current.close();
+	// Alone, the cancel button is the one action.
+	const alone = toChildArray(actions).length === 0;
+	return /* @__PURE__ */ _jsx("dialog", {
+		ref: dialog,
+		class: [
+			"modal",
+			className,
+			tone && `tone ${tone}`
+		].filter(Boolean).join(" "),
+		"aria-labelledby": id,
+		onClose,
+		onCancel: (event) => {
+			event.preventDefault();
+			close();
+		},
+		onClick: (event) => event.target === event.currentTarget && close(),
+		children: /* @__PURE__ */ _jsxs("form", {
+			method: onSubmit ? undefined : "dialog",
+			onSubmit,
+			children: [
+				/* @__PURE__ */ _jsxs("header", { children: [
+					icon ? /* @__PURE__ */ _jsx(Icon, { d: icon }) : null,
+					/* @__PURE__ */ _jsx("h2", {
+						id,
+						children: title
+					}),
+					dismiss ? /* @__PURE__ */ _jsx("button", {
+						type: "button",
+						class: "icon-btn",
+						"aria-label": "Close",
+						onClick: close,
+						children: /* @__PURE__ */ _jsx(Icon, { d: iX })
+					}) : null
+				] }),
+				children,
+				/* @__PURE__ */ _jsxs("div", {
+					class: "actions",
+					children: [/* @__PURE__ */ _jsx("button", {
+						type: "button",
+						class: alone ? "btn" : "btn ghost",
+						disabled: busy,
+						autofocus: focus === "cancel",
+						onClick: close,
+						children: cancel
+					}), actions]
+				})
+			]
+		})
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/notice.f395f231cbb96445.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** An alert bar, neutral unless given a tone; `slim` keeps it to one line. */
+export function Notice({ tone, slim, children }) {
+	return /* @__PURE__ */ _jsx("div", {
+		class: [
+			"notice",
+			slim && "slim",
+			tone
+		].filter(Boolean).join(" "),
+		role: "status",
+		children
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{select.f036fdc3fce02b92.js → select.7f481669998074f8.js}

@@ -1,12 +1,12 @@
-import "./select.03a695573b914d6f.css.pnext-asset.js";
+import "./select.32a95ad31c0436ad.css.pnext-asset.js";
 import { Fragment } from "../../../../../../../node_modules/preact/dist/preact.mjs";
 import { useId, useLayoutEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { iCheck, iDown, iPlus } from "./icons.1777c0350d5d215e.js";
+import { iCheck, iDown, iPlus } from "./icons.868385119bf2de28.js";
 import { Icon } from "./icon.0874ca2f58f7db14.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const PAGE = 10;
 /** A select in the menu style, with keyboard, type-ahead and touch; `name` posts its value. */
-export function Select({ label, options, value, defaultValue, onChange, name, disabled, headings, subs, action }) {
+export function Select({ label, options, value, defaultValue, onChange, onFocus, name, disabled, headings, subs, icons, action }) {
 	const [own, setOwn] = useState(defaultValue ?? options[0]?.[0] ?? "");
 	// A value the options no longer hold falls back to the first, as a native select does.
 	const selected = Math.max(0, options.findIndex(([key]) => key === (value ?? own)));
@@ -144,16 +144,22 @@ export function Select({ label, options, value, defaultValue, onChange, name, di
 				"aria-controls": `${id}-list`,
 				"aria-activedescendant": open ? `${id}-${active}` : undefined,
 				disabled,
+				onFocus,
+				onPointerDown: onFocus,
 				onClick: (event) => {
 					event.preventDefault();
 					if (open) close();
 					else show();
 				},
 				onKeyDown,
-				children: [/* @__PURE__ */ _jsx("span", {
-					class: "grow",
-					children: options[selected]?.[1] ?? ""
-				}), /* @__PURE__ */ _jsx(Icon, { d: iDown })]
+				children: [
+					icons?.[current] ?? null,
+					/* @__PURE__ */ _jsx("span", {
+						class: "grow",
+						children: options[selected]?.[1] ?? ""
+					}),
+					/* @__PURE__ */ _jsx(Icon, { d: iDown })
+				]
 			}),
 			name ? /* @__PURE__ */ _jsx("input", {
 				type: "hidden",
@@ -184,16 +190,20 @@ export function Select({ label, options, value, defaultValue, onChange, name, di
 						event.preventDefault();
 						pick(index);
 					},
-					children: [/* @__PURE__ */ _jsxs("span", {
-						class: "grow",
-						children: [text, subs?.[key] ? /* @__PURE__ */ _jsx("small", {
-							class: "pop-path",
-							children: /* @__PURE__ */ _jsx("bdi", {
-								dir: "ltr",
-								children: subs[key]
-							})
-						}) : null]
-					}), /* @__PURE__ */ _jsx(Icon, { d: iCheck })]
+					children: [
+						icons?.[key] ?? null,
+						/* @__PURE__ */ _jsxs("span", {
+							class: "grow",
+							children: [text, subs?.[key] ? /* @__PURE__ */ _jsx("small", {
+								class: "pop-path",
+								children: /* @__PURE__ */ _jsx("bdi", {
+									dir: "ltr",
+									children: subs[key]
+								})
+							}) : null]
+						}),
+						/* @__PURE__ */ _jsx(Icon, { d: iCheck })
+					]
 				})] }, key)), action ? /* @__PURE__ */ _jsxs("div", {
 					id: `${id}-${options.length}`,
 					"data-index": options.length,

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{sentinel.d3d29747fe976f88.js → sentinel.17cffebfc3103b9f.js}

@@ -1,5 +1,5 @@
 "use client";
-import "./sentinel.bcff411a9f2355ec.css.pnext-asset.js";
+import "./sentinel.1e3ec9bd6008d811.css.pnext-asset.js";
 import { useEffect, useRef } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
 import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Goes right before a page head: the head sticks under the top bar and turns compact there, its old height kept as margin so nothing under it moves. */

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{tabs.d00fc01ad9c1b91e.js → tabs.66b2e54963f6901b.js}

@@ -1,5 +1,6 @@
 import "./tabs.ca13e40ff54128d0.css.pnext-asset.js";
-import { CurrentLink } from "../nav/current-link.844899810531977f.js";
+import { CurrentLink } from "../nav/current-link.727b350a40b9ca13.js";
+import { linkOf } from "../nav/to.a2c840c09bd4bf4a.js";
 import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const compact = new Intl.NumberFormat("en", { notation: "compact" });
 /** Tabs that are pages under one header; the current one follows the address. */
@@ -8,7 +9,7 @@ export function Tabs({ label, items }) {
 		class: "tabs",
 		"aria-label": label,
 		children: items.map(({ label, count, ...to }) => /* @__PURE__ */ _jsxs(CurrentLink, {
-			...to,
+			...linkOf(to),
 			prefetch: "intent",
 			children: [label, count !== undefined ? /* @__PURE__ */ _jsx("span", {
 				class: "count",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{tail.9377d261fe9e91df.js → tail.30913c92f5ca6102.js}

@@ -1,5 +1,5 @@
 import "./tail.0a5f3c0595e68610.css.pnext-asset.js";
-import { Loading } from "./card.b0873d38765c9d20.js";
+import { Loading } from "./card.6227f43fc0ae4bd1.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Below the rows: what is loading, what failed, and the mark that pulls in the next page. */
 export function Tail({ sentinel, more, busy, error, retry, noun }) {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/{toolbar.b2c59c5fc015d08d.js → toolbar.801bbd3163d3fbb0.js}

@@ -1,9 +1,9 @@
 import "./toolbar.40284b41c03c5dcb.css.pnext-asset.js";
 import { useEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { iSearch } from "./icons.1777c0350d5d215e.js";
-import { readQuery, writeQuery } from "../../utils/paged.7e5713a82abf0211.js";
+import { iSearch } from "./icons.868385119bf2de28.js";
+import { readQuery, writeQuery } from "../../utils/paged.18f5872fc5aebe96.js";
 import { Icon } from "./icon.0874ca2f58f7db14.js";
-import { Sentinel } from "./sentinel.d3d29747fe976f88.js";
+import { Sentinel } from "./sentinel.17cffebfc3103b9f.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** The query string for a set of filters, empty ones left out. */
 export const queryOf = (values) => new URLSearchParams(Object.entries(values).filter(([, value]) => value)).toString();

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/utils/action.568346602027ac74.js

@@ -0,0 +1,34 @@
+"use client";
+import { useState } from "../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { useRouter } from "../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { toastError } from "../comps/frame/task-toasts.4282affa47415a36.js";
+import { reasonText } from "./format.6a7d1beaf4d09d9c.js";
+const FAILED = "Something went wrong";
+/** A failure no action ran, as the same toast. */
+export const toastFailure = (reason) => toastError(FAILED, reasonText(reason));
+/** Runs an action: `pending` names the one in flight, a failure shows as a toast, and the answer says whether it worked. */
+export function useAction(defaults = {}) {
+	const nav = useRouter();
+	const [pending, setPending] = useState();
+	const run = async (name, work, options = {}) => {
+		const { toast = FAILED, refresh, leaves } = {
+			...defaults,
+			...options
+		};
+		setPending(name);
+		try {
+			await work();
+		} catch (reason) {
+			setPending(undefined);
+			toastError(toast, reasonText(reason));
+			return false;
+		}
+		if (!leaves) setPending(undefined);
+		if (refresh) nav.refresh();
+		return true;
+	};
+	return {
+		pending,
+		run
+	};
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/utils/client.d25e6dcc6704eb60.js

@@ -0,0 +1,59 @@
+"use client";
+import { useEffect, useRef } from "../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { ServerClient } from "../../../client/index.8e150ef2bc6a5f4e.js";
+export const client = new ServerClient("", { cookie: true }, {
+	// The page's organization, so a tab open in another one never changes what this one acts on.
+	fetch(input, init) {
+		const org = /^\/dash\/([^/]+)/.exec(globalThis.location?.pathname ?? "")?.[1];
+		if (!org) return fetch(input, init);
+		const headers = new Headers(init?.headers);
+		headers.set("x-coder-organization", decodeURIComponent(org));
+		return fetch(input, {
+			...init,
+			headers
+		});
+	},
+	onError(error) {
+		if (error.status === 401 && (error.authenticate || /^Sign in/.test(error.message))) location.href = `/login?return=${encodeURIComponent(location.pathname + location.search)}`;
+	}
+});
+export async function signOut() {
+	const { url } = await client.signOut();
+	location.href = url ?? "/?signed_out=1";
+}
+/** Runs `work` every `ms` once the last run settles, skipping while the tab is hidden; returns its stop. */
+function poll(work, ms) {
+	let timer;
+	let stopped = false;
+	const next = () => {
+		if (!stopped) timer = setTimeout(run, ms);
+	};
+	const run = () => {
+		if (document.visibilityState === "hidden") return next();
+		void work().catch((reason) => console.error("coder dashboard: poll", reason)).finally(next);
+	};
+	next();
+	return () => {
+		stopped = true;
+		clearTimeout(timer);
+	};
+}
+/** Polls `work` while it is set, and stops on unmount or when `inputs` change; `signal` says a run's poll has stopped. */
+export function usePoll(work, ms, inputs = []) {
+	const latest = useRef(work);
+	latest.current = work;
+	const on = Boolean(work);
+	useEffect(() => {
+		if (!on) return;
+		const abort = new AbortController();
+		const stop = poll(async () => latest.current?.(abort.signal), ms);
+		return () => {
+			abort.abort();
+			stop();
+		};
+	}, [
+		on,
+		ms,
+		...inputs
+	]);
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/utils/{paged.7e5713a82abf0211.js → paged.18f5872fc5aebe96.js}

@@ -55,6 +55,7 @@ export function usePaged({ name, query, first, initial, root, fetchPage }) {
 			setError("");
 			failed.current = undefined;
 			setState((current) => {
+				if (append && (current.query !== forQuery || current.next !== cursor)) return current;
 				const next = append && current.query === forQuery ? {
 					...current,
 					rows: [...current.rows, ...page.items],

package/dist/dash/standalone/static/assets/chunks/action-df9907c7a10bf826.js

@@ -0,0 +1 @@
+import{g as e}from"./format-b19b8eec331414f4.js";import{$1d as o}from"./shared-init-35a0e9007eeca198.js";import{$3a as s}from"./shared-init-35a0e9007eeca198.js";import{$0h as r}from"./shared-init-b8184e0e554d5aa4.js";var i="Something went wrong",b=n=>o(i,e(n));function k(n={}){let a=s(),[u,t]=r();return{pending:u,run:async(f,c,p={})=>{let{toast:m=i,refresh:g,leaves:l}={...n,...p};t(f);try{await c()}catch(d){return t(void 0),o(m,e(d)),!1}return l||t(void 0),g&&a.refresh(),!0}}}export{b as a,k as b};