@parallelworks/ui 0.5.0 → 0.5.2

package/dist/chunks/{list-CvDWt0TC.js → list-CgzqVlao.js}

@@ -1,321 +1,186 @@
-import { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClipboardIcon, CopyIcon, DisplayIcon, ErrorIcon, FilterIcon, IdCardIcon, KeyIcon, LinkIcon, MailIcon, MoreIcon, SearchIcon, UserIcon, XIcon } from "../icons.js";
-import { c as useStrings, i as useNotify, n as useLink } from "./Provider-jQCAN3NN.js";
+import { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, DisplayIcon, ErrorIcon, FilterIcon, MenuIcon, SearchIcon, XIcon } from "../icons.js";
+import { c as useStrings, n as useLink, r as useNavigation } from "./Provider-BIL5347a.js";
 import { n as TOOLTIP_ID, r as TooltipInfo } from "./Tooltip-WgbiC_nd.js";
+import { c as PageHeader, f as rowContextMenuProps, g as useRowMenuActive, l as MoreButton } from "./PageHeader-CSo3LVId.js";
 import { n as Table } from "./Table-ByziK93x.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Children, Fragment as Fragment$1, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
+import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/react";
 import { useLocalStorage } from "usehooks-ts";
-//#region src/list/RowContextMenu.tsx
-/** Converts a single row action to a menu item: a `to` makes it a link, otherwise an action. */
-function toRowMenuItem(action) {
-	if (action.to) return {
-		kind: "link",
-		label: action.label,
-		icon: action.icon,
-		to: action.to,
-		destructive: action.destructive
-	};
+//#region src/list/ActionToolbar.tsx
+var OverflowMenuContext = createContext(false);
+/** Omits data-tooltip-content when absent — react-tooltip treats an explicit undefined as an empty tooltip anchor. */
+function tipProps(content, place) {
 	return {
-		kind: "action",
-		label: action.label,
-		icon: action.icon,
-		onSelect: action.onSelect ?? (() => {}),
-		disabled: action.disabled,
-		destructive: action.destructive
+		"data-tooltip-id": TOOLTIP_ID,
+		"data-tooltip-place": place,
+		...content !== void 0 && { "data-tooltip-content": content }
 	};
 }
-/** Bridges a toolbar action (icon component, `onClick`/`href`) onto the shared
-* `RowAction` shape. Typed structurally so any toolbar action shape matching
-* these fields is assignable. */
-function toolbarActionToRowAction(action) {
+function ToolbarItemView({ item }) {
+	if ("element" in item) return /* @__PURE__ */ jsx(Fragment, { children: item.element });
+	return /* @__PURE__ */ jsx(ToolbarButton, { action: item });
+}
+function ToolbarButton({ action }) {
+	const inOverflowMenu = useContext(OverflowMenuContext);
+	const Link = useLink();
+	if (inOverflowMenu) return /* @__PURE__ */ jsx(OverflowRow, { item: action });
+	const className = cx("inline-flex items-center gap-x-0.5 h-9 px-2 rounded-md text-[13.5px] uppercase font-semibold transition-colors whitespace-nowrap", "bg-(--theme-element) text-(--theme-element-text)", action.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-(--theme-element-hover)");
+	const tooltipProps = tipProps(action.disabled ? action.disabledTooltip : action.enabledTooltip, "bottom");
 	const Icon = action.icon;
-	return {
-		key: action.key,
-		label: action.label,
-		icon: /* @__PURE__ */ jsx(Icon, {}),
-		onSelect: action.onClick,
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: "h-6 flex items-center",
+		children: /* @__PURE__ */ jsx(Icon, { className: cx("w-auto", action.iconClassName) })
+	}), action.label] });
+	if (action.href && !action.disabled) return /* @__PURE__ */ jsx(Link, {
 		to: action.href,
-		disabled: action.disabled,
-		destructive: action.key === "delete" || action.key === "destroy"
-	};
-}
-/** Assembles a row's context menu in the shared order: leading link(s) → middle
-* actions → extra items → Copy submenu → trailing (destructive) actions last. */
-function assembleRowMenu({ lead = [], actions, exclude, order, trailing = ["delete"], extra = [], copy }) {
-	const trailingSet = new Set(trailing);
-	const excludeSet = new Set(exclude);
-	let middle = actions.filter((a) => !trailingSet.has(a.key) && !excludeSet.has(a.key));
-	if (order) {
-		const byKey = new Map(middle.map((a) => [a.key, a]));
-		middle = order.map((key) => byKey.get(key)).filter((a) => a !== void 0);
-	}
-	const trailingItems = trailing.map((key) => actions.find((a) => a.key === key)).filter((a) => a !== void 0);
-	return [
-		...lead,
-		...middle.map(toRowMenuItem),
-		...extra,
-		...copy ? [copy] : [],
-		...trailingItems.map(toRowMenuItem)
-	];
-}
-function useRowMenu() {
-	const [menu, setMenu] = useState(null);
-	const onCloseRef = useRef(void 0);
-	return {
-		openMenu: useCallback((x, y, items, onClose) => {
-			if (items.length > 0) {
-				onCloseRef.current?.();
-				onCloseRef.current = onClose;
-				setMenu({
-					x,
-					y,
-					items
-				});
-			}
-		}, []),
-		contextMenu: /* @__PURE__ */ jsx(RowContextMenu, {
-			state: menu,
-			onClose: useCallback(() => {
-				onCloseRef.current?.();
-				onCloseRef.current = void 0;
-				setMenu(null);
-			}, [])
+		className,
+		...tooltipProps,
+		children: content
+	});
+	if (action.disabled) return /* @__PURE__ */ jsx("span", {
+		className: "inline-flex",
+		...tooltipProps,
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			disabled: true,
+			className,
+			children: content
 		})
-	};
-}
-/** The full-screen menu overlay drops CSS :hover on the triggering row; wrap openMenu here to substitute a JS-driven `active` highlight. */
-function useRowMenuActive(openMenu) {
-	const [active, setActive] = useState(false);
-	return {
-		active,
-		openMenu: useCallback((x, y, items) => {
-			setActive(true);
-			openMenu(x, y, items, () => setActive(false));
-		}, [openMenu])
-	};
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: action.onClick,
+		className,
+		...tooltipProps,
+		children: content
+	});
 }
-function rowContextMenuProps(openMenu, items) {
-	return { onContextMenu: (e) => {
-		e.preventDefault();
-		if (items.length > 0) e.stopPropagation();
-		openMenu(e.clientX, e.clientY, items);
-	} };
+/** A single overflowed item rendered as a full-width row inside the `…` menu. */
+function OverflowRow({ item }) {
+	const Link = useLink();
+	const Icon = item.icon;
+	const className = cx("flex w-full items-center gap-x-1 px-4 py-2 text-[13px] uppercase font-semibold link hover:theme-hover", item.disabled && "opacity-50 cursor-not-allowed");
+	const tooltipProps = tipProps(item.disabled ? item.disabledTooltip : item.enabledTooltip, "left");
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: "w-5 h-6 flex items-center",
+		children: /* @__PURE__ */ jsx(Icon, { className: cx(item.iconClassName) })
+	}), item.label] });
+	if (item.href && !item.disabled) return /* @__PURE__ */ jsx(MenuItem, {
+		as: Link,
+		to: item.href,
+		className,
+		...tooltipProps,
+		children: content
+	});
+	return /* @__PURE__ */ jsx(MenuItem, {
+		as: "button",
+		type: "button",
+		onClick: item.onClick,
+		disabled: item.disabled ?? false,
+		className,
+		...tooltipProps,
+		children: content
+	});
 }
-function RowContextMenu({ state, onClose }) {
-	const ref = useRef(null);
-	const [pos, setPos] = useState(null);
-	useLayoutEffect(() => {
-		if (!state || !ref.current) {
-			setPos(null);
-			return;
-		}
-		const { width, height } = ref.current.getBoundingClientRect();
-		const pad = 8;
-		const top = height > window.innerHeight - pad - state.y && state.y - height - pad >= 0 ? state.y - height : Math.min(state.y, window.innerHeight - height - pad);
-		setPos({
-			left: Math.max(pad, Math.min(state.x, window.innerWidth - width - pad)),
-			top: Math.max(pad, top)
-		});
-	}, [state]);
-	useEffect(() => {
-		if (!state) return;
-		const close = () => onClose();
-		const onKey = (e) => {
-			if (e.key === "Escape") onClose();
-		};
-		window.addEventListener("scroll", close, true);
-		window.addEventListener("resize", close);
-		window.addEventListener("keydown", onKey);
-		return () => {
-			window.removeEventListener("scroll", close, true);
-			window.removeEventListener("resize", close);
-			window.removeEventListener("keydown", onKey);
-		};
-	}, [state, onClose]);
-	if (!state) return null;
-	const side = (pos?.left ?? state.x) > window.innerWidth * .6 ? "left" : "right";
-	return createPortal(/* @__PURE__ */ jsx("div", {
-		className: "fixed inset-0 z-50",
-		onClick: onClose,
-		onContextMenu: (e) => {
-			e.preventDefault();
-			if (ref.current?.contains(e.target)) {
-				onClose();
-				return;
-			}
-			const { clientX, clientY } = e;
-			const overlay = e.currentTarget;
-			overlay.style.pointerEvents = "none";
-			const under = document.elementFromPoint(clientX, clientY);
-			overlay.style.pointerEvents = "";
-			onClose();
-			under?.dispatchEvent(new MouseEvent("contextmenu", {
-				bubbles: true,
-				cancelable: true,
-				clientX,
-				clientY
-			}));
-		},
-		children: /* @__PURE__ */ jsx("div", {
-			ref,
-			role: "menu",
-			className: "absolute min-w-44 rounded-lg border border-(--theme-border) bg-(--theme-panel-bg) py-1 shadow-lg backdrop-blur-xl",
-			style: {
-				left: pos?.left ?? state.x,
-				top: pos?.top ?? state.y,
-				visibility: pos ? "visible" : "hidden"
+function OverflowMenu({ items }) {
+	const { list: t } = useStrings();
+	return /* @__PURE__ */ jsxs(Menu, {
+		as: "div",
+		className: "relative inline-block text-left",
+		children: [/* @__PURE__ */ jsx(MenuButton, {
+			className: "inline-flex items-center justify-center h-9 w-9 rounded-md border theme-border link hover:theme-hover transition-colors",
+			"data-tooltip-id": TOOLTIP_ID,
+			"data-tooltip-content": t.moreActions,
+			"data-testid": "action-toolbar-menu-button",
+			children: /* @__PURE__ */ jsx(MenuIcon, {})
+		}), /* @__PURE__ */ jsx(MenuItems, {
+			unmount: false,
+			anchor: {
+				to: "bottom end",
+				gap: 4
 			},
-			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ jsx(MenuItemList, {
-				items: state.items,
-				onClose,
-				side
+			className: "z-50 min-w-56 rounded-md border theme-border bg-(--theme-app-bg) shadow-lg py-1 focus:outline-none",
+			children: /* @__PURE__ */ jsx(OverflowMenuContext.Provider, {
+				value: true,
+				children: items.map((item) => "element" in item ? /* @__PURE__ */ jsx(Fragment$1, { children: item.element }, item.key) : /* @__PURE__ */ jsx(OverflowRow, { item }, item.key))
 			})
-		})
-	}), document.body);
-}
-var MENU_ITEM_CLASSES = "flex w-full items-center gap-2.5 px-3 py-1.5 text-left text-[13px] hover:bg-(--theme-muted-panel-bg) transition-colors cursor-pointer [&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0";
-function MenuItemList({ items, onClose, side }) {
-	return items.map((item, i) => item.kind === "divider" ? /* @__PURE__ */ jsx("div", {
-		"aria-hidden": "true",
-		className: "my-1 h-px bg-(--theme-border)"
-	}, `divider-${i}`) : /* @__PURE__ */ jsx(MenuRow, {
-		item,
-		onClose,
-		side
-	}, `${item.label}-${i}`));
+		})]
+	});
 }
-function MenuRow({ item, onClose, side }) {
-	const Link = useLink();
-	const notify = useNotify();
-	const { list: t } = useStrings();
-	const [openSub, setOpenSub] = useState(false);
-	const closeTimer = useRef(void 0);
-	if (item.kind === "submenu") {
-		const open = () => {
-			clearTimeout(closeTimer.current);
-			setOpenSub(true);
-		};
-		const close = () => {
-			closeTimer.current = setTimeout(() => setOpenSub(false), 160);
-		};
-		return /* @__PURE__ */ jsxs("div", {
-			className: "relative",
-			onMouseEnter: open,
-			onMouseLeave: close,
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: cx(MENU_ITEM_CLASSES, "justify-between text-(--theme-app)"),
-				children: [/* @__PURE__ */ jsxs("span", {
-					className: "flex items-center gap-2.5",
-					children: [item.icon, item.label]
-				}), /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 shrink-0 opacity-60" })]
-			}), openSub && /* @__PURE__ */ jsx("div", {
-				className: cx("absolute -top-1 z-10 min-w-44 rounded-lg border border-(--theme-border) bg-(--theme-panel-bg) py-1 shadow-lg", side === "left" ? "right-full" : "left-full"),
-				children: /* @__PURE__ */ jsx(MenuItemList, {
-					items: item.items,
-					onClose,
-					side
-				})
-			})]
-		});
+var MENU_BUTTON_WIDTH = 44;
+var ITEM_GAP = 4;
+function fitCount(widths, available, gap, menuWidth) {
+	if (widths.length === 0) return 0;
+	if (widths.reduce((sum, w) => sum + w, 0) + gap * (widths.length - 1) <= available) return widths.length;
+	let used = menuWidth;
+	let count = 0;
+	for (const w of widths) {
+		if (used + gap + w > available) break;
+		used += gap + w;
+		count++;
 	}
-	if (item.kind === "link") return /* @__PURE__ */ jsxs(Link, {
-		to: item.to,
-		onClick: onClose,
-		className: cx(MENU_ITEM_CLASSES, item.destructive ? "text-red-500" : "text-(--theme-app)"),
-		children: [item.icon, item.label]
-	});
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		disabled: item.disabled,
-		onClick: () => {
-			if (item.copy) {
-				const { text, label } = item.copy;
-				navigator.clipboard?.writeText(text).then(() => notify.success(t.copied(label)), () => notify.error(t.couldntCopy(label)));
-			}
-			item.onSelect?.();
-			onClose();
-		},
-		className: cx(MENU_ITEM_CLASSES, item.destructive ? "text-red-500" : "text-(--theme-app)", item.disabled && "opacity-40 cursor-not-allowed hover:bg-transparent"),
-		children: [
-			item.icon,
-			item.label,
-			item.selected && /* @__PURE__ */ jsx(CheckIcon, { className: "ml-auto opacity-80" })
-		]
-	});
+	return count;
 }
-/** Builds the Copy submenu entries for whichever fields a row has, in stable
-* order. The menu itself performs the copy and notifies; `t` is an optional
-* host translator for the field labels (falls back to the provider defaults'
-* English). */
-function copySubmenu({ name, nameLabel, email, username, uid, id, url, extra, t }) {
-	const items = [
-		{
-			label: nameLabel ?? (t ? t("rowContextMenu.labelName") : "name"),
-			value: name,
-			icon: /* @__PURE__ */ jsx(CopyIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelEmail") : "email",
-			value: email,
-			icon: /* @__PURE__ */ jsx(MailIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelUsername") : "username",
-			value: username,
-			icon: /* @__PURE__ */ jsx(UserIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelUid") : "UID",
-			value: uid === null || uid === void 0 ? null : String(uid),
-			icon: /* @__PURE__ */ jsx(KeyIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelId") : "ID",
-			value: id,
-			icon: /* @__PURE__ */ jsx(IdCardIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelUrl") : "URL",
-			value: url,
-			icon: /* @__PURE__ */ jsx(LinkIcon, {})
-		},
-		...(extra ?? []).map((e) => ({
-			label: e.label,
-			value: e.value,
-			icon: e.icon ?? /* @__PURE__ */ jsx(CopyIcon, {})
-		}))
-	].filter((f) => f.value).map((f) => ({
-		kind: "action",
-		label: t ? t("rowContextMenu.copy", { label: f.label }) : `Copy ${f.label}`,
-		icon: f.icon,
-		copy: {
-			text: f.value,
-			label: f.label
+/** Measures in a layout effect (before paint) so the inline/overflow split never flashes. */
+function CollapsibleRight({ items }) {
+	const wrapRef = useRef(null);
+	const itemRefs = useRef({});
+	const widthCache = useRef({});
+	const [available, setAvailable] = useState(Number.POSITIVE_INFINITY);
+	const [count, setCount] = useState(items.length);
+	useLayoutEffect(() => {
+		const el = wrapRef.current;
+		if (!el) return;
+		const update = () => setAvailable(el.clientWidth);
+		update();
+		const observer = new ResizeObserver(update);
+		observer.observe(el);
+		return () => observer.disconnect();
+	}, []);
+	useLayoutEffect(() => {
+		for (const key in itemRefs.current) {
+			const el = itemRefs.current[key];
+			if (el) widthCache.current[key] = el.offsetWidth;
 		}
-	}));
-	return {
-		kind: "submenu",
-		label: t ? t("common.copy") : "Copy",
-		icon: /* @__PURE__ */ jsx(ClipboardIcon, {}),
-		items
-	};
+		const next = fitCount(items.map((item) => widthCache.current[item.key] ?? 0), available, ITEM_GAP, MENU_BUTTON_WIDTH);
+		setCount((prev) => prev === next ? prev : next);
+	});
+	const visible = items.slice(0, count);
+	const overflow = items.slice(count);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: wrapRef,
+		className: "flex-1 min-w-0 flex items-center justify-end gap-1",
+		children: [visible.map((item) => /* @__PURE__ */ jsx("span", {
+			ref: (el) => {
+				itemRefs.current[item.key] = el;
+			},
+			className: "inline-flex shrink-0",
+			children: /* @__PURE__ */ jsx(ToolbarItemView, { item })
+		}, item.key)), overflow.length > 0 && /* @__PURE__ */ jsx(OverflowMenu, { items: overflow })]
+	});
 }
-/** Stays visible while active (menu open) so it doesn't vanish behind the overlay. */
-function MoreButton({ onOpen, active, className }) {
-	const { list: t } = useStrings();
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": t.moreActions,
-		onClick: (e) => {
-			e.stopPropagation();
-			const r = e.currentTarget.getBoundingClientRect();
-			onOpen(r.right, r.bottom);
-		},
-		className: cx("rounded p-1 cursor-pointer text-(--theme-muted-text-color) transition-colors hover:bg-(--theme-muted-panel-bg) hover:text-(--theme-app) focus-visible:opacity-100", active ? "opacity-100" : "opacity-0 group-hover:opacity-100", className),
-		children: /* @__PURE__ */ jsx(MoreIcon, { className: "h-4 w-4" })
+/** Pins a detail-page toolbar just below the sticky breadcrumb strip (top-10 matches the strip's 40px height). */
+var stickyToolbarClasses = "sticky top-10 z-10 bg-(--theme-app-bg)";
+/** Pins a detail-page tabs row under the pinned toolbar (top-22 = 40px strip + 48px toolbar block). */
+var stickyTabsClasses = "sticky top-22 z-10 bg-(--theme-app-bg)";
+/** Pins a detail-page tabs row directly under the breadcrumb strip when the page has no pinned toolbar (top-10 = the strip's height). */
+var stickyTabsUnderHeaderClasses = "sticky top-10 z-10 bg-(--theme-app-bg)";
+/** Action groups left, secondary actions right (collapsing into a `…` menu). */
+function ActionToolbar({ groups, right = [], sticky = false }) {
+	const visibleGroups = groups.map((group) => group.filter((a) => !a.hidden)).filter((group) => group.length > 0);
+	const visibleRight = right.filter((a) => !a.hidden);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx("flex items-center gap-2.5", sticky && cx("sticky top-10 z-10 bg-(--theme-app-bg)", "py-1.5")),
+		children: [visibleGroups.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "flex items-center gap-2.5 shrink-0",
+			children: visibleGroups.map((group, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [i > 0 && /* @__PURE__ */ jsx("div", { className: "w-px h-5 bg-(--theme-border)" }), /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-1",
+				children: group.map((item) => /* @__PURE__ */ jsx(ToolbarItemView, { item }, item.key))
+			})] }, group[0]?.key ?? i))
+		}), visibleRight.length > 0 && /* @__PURE__ */ jsx(CollapsibleRight, { items: visibleRight })]
 	});
 }
 //#endregion
@@ -464,6 +329,135 @@ function ListActionsHeader({ view, actionCount = 0, className }) {
 }
 ListActionsHeader.isTableHeader = true;
 //#endregion
+//#region src/list/ListPage.tsx
+/** Negative offsets (admin/org) cancel the shell's pt-4 so rows don't peek through the gap above the pinned header. */
+var SECTION_STICKY_TOP = {
+	main: "top-0",
+	kubernetes: "top-0",
+	admin: "-top-4",
+	org: "-top-4"
+};
+/** Whether the shell adds pt-4 padding that the edge-to-edge list must cancel with a negative margin. */
+var SECTION_SHELL_PADDED = {
+	main: false,
+	kubernetes: false,
+	admin: true,
+	org: true
+};
+/** Defaults mean rows outside a ListView fully show actions (no view = show everything). */
+var RowActionsContext = createContext({
+	show: true,
+	always: false,
+	columnClasses: []
+});
+function useRowActions(view) {
+	return useMemo(() => ({
+		show: view?.showActions ?? true,
+		always: view?.alwaysShowActions ?? false,
+		columnClasses: view?.columnClasses ?? []
+	}), [
+		view?.showActions,
+		view?.alwaysShowActions,
+		view?.columnClasses
+	]);
+}
+function ListRowActionsProvider({ view, children }) {
+	const rowActions = useRowActions(view);
+	return /* @__PURE__ */ jsx(RowActionsContext.Provider, {
+		value: rowActions,
+		children
+	});
+}
+function ListPage({ section = "main", shellPadded, breadcrumbs, title, titleAction, actions, toolbar, view, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx("flex h-full min-h-0 flex-col", (shellPadded ?? SECTION_SHELL_PADDED[section]) && "-m-4"),
+		children: [/* @__PURE__ */ jsx(PageHeader, {
+			stickyTopClassName: SECTION_STICKY_TOP[section],
+			breadcrumbs,
+			title,
+			titleAction,
+			actions,
+			toolbar
+		}), /* @__PURE__ */ jsx("div", {
+			className: "@container min-h-0 flex-1 overflow-auto",
+			children: /* @__PURE__ */ jsx(ListRowActionsProvider, {
+				view,
+				children
+			})
+		})]
+	});
+}
+function ListRow({ href, items, goTo, openMenu, pinnedActions, selected, selectionActive, onRowSelect, leading, className, children }) {
+	const { active: menuActive, openMenu: openRowMenu } = useRowMenuActive(openMenu);
+	const { show: showActions, always: alwaysShowActions, columnClasses } = useContext(RowActionsContext);
+	const styledCells = Children.toArray(children).map((child, i) => {
+		const cls = columnClasses[i];
+		if (!cls || !isValidElement(child)) return child;
+		const el = child;
+		return cloneElement(el, { className: cx(el.props.className, cls) });
+	});
+	const handleRowClick = (e) => {
+		if (e.target.closest("a,button,input,label")) return;
+		if (selectionActive && onRowSelect) {
+			onRowSelect(e);
+			return;
+		}
+		if (href) goTo(href);
+	};
+	const pinnedLabels = new Set((pinnedActions ?? []).map((a) => a.label));
+	const hasOverflowItems = items.some((item) => item.kind !== "divider" && (item.kind === "submenu" || !pinnedLabels.has(item.label)));
+	return /* @__PURE__ */ jsxs("tr", {
+		className: cx("group", selected ? "bg-blue-500/5" : menuActive ? "theme-hover" : "hover:theme-hover", (href || selectionActive) && "cursor-pointer", className),
+		onClick: handleRowClick,
+		...rowContextMenuProps(openRowMenu, items),
+		children: [
+			leading,
+			styledCells,
+			showActions && /* @__PURE__ */ jsx(Table.Item, {
+				className: "relative py-2.5",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "absolute inset-y-0 right-0 flex items-center gap-0.5 pr-4",
+					children: [pinnedActions && pinnedActions.length > 0 && /* @__PURE__ */ jsx("span", {
+						className: "hidden items-center gap-0.5 @[44rem]:flex",
+						children: pinnedActions.map((action) => /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": action.label,
+							"data-tooltip-id": "global-tooltip",
+							"data-tooltip-content": action.label,
+							"data-tooltip-place": "bottom",
+							disabled: action.disabled,
+							onClick: (e) => {
+								e.stopPropagation();
+								action.onSelect();
+							},
+							className: cx("rounded p-1 cursor-pointer text-(--theme-muted-text-color) transition-colors hover:bg-(--theme-muted-panel-bg) hover:text-(--theme-app) disabled:cursor-not-allowed disabled:opacity-20 [&>svg]:h-4 [&>svg]:w-4", alwaysShowActions || menuActive ? "opacity-100" : "opacity-0 group-hover:opacity-100 focus-visible:opacity-100"),
+							children: action.icon
+						}, action.key))
+					}), /* @__PURE__ */ jsx(MoreButton, {
+						active: menuActive || alwaysShowActions,
+						onOpen: (x, y) => openRowMenu(x, y, items),
+						className: hasOverflowItems ? void 0 : "@[44rem]:hidden"
+					})]
+				})
+			})
+		]
+	});
+}
+/** Name column min-width is by role, not position, so a leading checkbox doesn't shift it. */
+function ListColumns({ view }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [view.visibleColumns.map((col, i) => /* @__PURE__ */ jsx(Table.Header, {
+		caps: false,
+		className: cx(col.headerClassName, view.columnClasses[i]),
+		style: col.alwaysVisible ? { minWidth: 200 } : void 0,
+		children: col.label
+	}, col.key)), /* @__PURE__ */ jsx(ListActionsHeader, { view })] });
+}
+ListColumns.isTableHeader = true;
+/** Stable `goTo` for whole-row navigation (`rowNavProps`, `ListRow`). */
+function useListNavigate() {
+	return useNavigation().goTo;
+}
+//#endregion
 //#region src/list/listView.tsx
 var PRIORITY_SHOW_CLASS = {
 	low: "hidden @[52rem]:table-cell",
@@ -763,7 +757,7 @@ function AnchoredPopover({ icon, label, active, shortcut, panelClassName, childr
 	}), document.querySelector(".ds-root") ?? document.body)] });
 }
 /** Small on/off switch for the Display menu's boolean options. */
-function Switch({ checked, onChange, label }) {
+function Switch$1({ checked, onChange, label }) {
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		role: "switch",
@@ -813,7 +807,7 @@ function ListDisplayMenu({ view, label }) {
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "text-[13px] text-(--theme-app)",
 					children: t.columnHeaders
-				}), /* @__PURE__ */ jsx(Switch, {
+				}), /* @__PURE__ */ jsx(Switch$1, {
 					checked: view.showColumnHeaders,
 					onChange: view.toggleColumnHeaders,
 					label: t.showColumnHeaders
@@ -824,7 +818,7 @@ function ListDisplayMenu({ view, label }) {
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "text-[13px] text-(--theme-app)",
 					children: t.showActions
-				}), /* @__PURE__ */ jsx(Switch, {
+				}), /* @__PURE__ */ jsx(Switch$1, {
 					checked: view.showActions,
 					onChange: view.toggleShowActions,
 					label: t.showRowActions
@@ -835,7 +829,7 @@ function ListDisplayMenu({ view, label }) {
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "text-[13px] text-(--theme-muted-text-color)",
 					children: t.alwaysShowActions
-				}), /* @__PURE__ */ jsx(Switch, {
+				}), /* @__PURE__ */ jsx(Switch$1, {
 					checked: view.alwaysShowActions,
 					onChange: view.toggleAlwaysShowActions,
 					label: t.alwaysShowRowActions
@@ -1256,4 +1250,4 @@ function HoverCardSurface({ x, y, widthClassName, relayoutKey, onKeepOpen, onLea
 	}), document.querySelector(".ds-root") ?? document.body);
 }
 //#endregion
-export { useRowMenu as A, listTableProps as C, rowContextMenuProps as D, copySubmenu as E, toRowMenuItem as O, listTableFixedProps as S, assembleRowMenu as T, ListSkeleton as _, ListSearchControl as a, RowSelectCheckbox as b, ListFilterMenu as c, DEFAULT_ORDER as d, FAVORITE_ORDER as f, ListError as g, ListActionsHeader as h, ListCount as i, useRowMenuActive as j, toolbarActionToRowAction as k, listControlButtonClasses as l, GroupRow as m, useHoverCard as n, useListSearch as o, useListView as p, ListPager as r, ListDisplayMenu as s, HoverCardSurface as t, isTextEntryContext as u, NAME_MIN_WIDTH_PX as v, MoreButton as w, actionsColumnWidth as x, NameCell as y };
+export { ToolbarButton as A, NAME_MIN_WIDTH_PX as C, listTableFixedProps as D, actionsColumnWidth as E, stickyTabsUnderHeaderClasses as M, stickyToolbarClasses as N, listTableProps as O, ListSkeleton as S, RowSelectCheckbox as T, ListRowActionsProvider as _, ListSearchControl as a, ListActionsHeader as b, ListFilterMenu as c, DEFAULT_ORDER as d, FAVORITE_ORDER as f, ListRow as g, ListPage as h, ListCount as i, stickyTabsClasses as j, ActionToolbar as k, listControlButtonClasses as l, ListColumns as m, useHoverCard as n, useListSearch as o, useListView as p, ListPager as r, ListDisplayMenu as s, HoverCardSurface as t, isTextEntryContext as u, useListNavigate as v, NameCell as w, ListError as x, GroupRow as y };