@parallelworks/ui 0.16.0 → 0.18.0

package/dist/index.js

@@ -1,25 +1,26 @@
 import { DEFAULT_PRESET, THEME_PRESETS, THEME_TOKENS, applyTheme, contrastRatio, deriveTheme, isDarkColor } from "./theme/index.js";
+import { a as usePersistedState, c as useRunFile, d as useWorkflowJsonResolver, i as useNotify, l as useSlots, n as useLink, o as useProvisionCorsRules, r as useNavigation, s as useRepoSuggestions, t as UIProvider, u as useStrings } from "./chunks/Provider-Ghua9PkN.js";
+import { C as useSetDefaultBreadcrumbs, E as avatarInitials, S as useSetBreadcrumbs, T as Avatar, a as HeaderAddButton, b as useClearBreadcrumbs, c as PageHeader, i as HeaderActionMenu, l as headerActionButtonClasses, n as BreadcrumbsRightAction, o as HeaderEditButton, r as BreadcrumbsTitleAction, s as HeaderRowMenu, t as BreadcrumbsActionButton, v as BreadcrumbProvider, w as AddMenu, x as useHideBreadcrumbs, y as useBreadcrumb } from "./chunks/PageHeader-l49p1nM9.js";
 import { AlertIcon, AngleRightIcon, EyeIcon, EyeOffIcon, FilterIcon, LoaderIcon, SortDownIcon, SortUnsortedIcon, SortUpIcon } from "./icons.js";
-import { a as CreateModalSelect, c as ConfirmModal, d as primaryButtonClasses, f as Markdown, h as Callout, i as CreateModalField, l as dangerButtonClasses, m as CopyToClipboard, n as CreateModal, o as CreateModalSwitch, p as CopyCodeBlock, r as CreateModalAutocompleteField, s as CreateModalTextarea, t as CREATE_MODAL_SELECT_FILTER_THRESHOLD, u as ghostButtonClasses } from "./chunks/CreateModal-B7smkHkv.js";
-import { a as useProvisionCorsRules, c as useStrings, i as useNotify, l as useWorkflowJsonResolver, n as useLink, o as useRunFile, r as useNavigation, s as useSlots, t as UIProvider } from "./chunks/Provider-CbFVFB7O.js";
-import { a as truncationTooltipProps, i as formatTooltipContent, n as TOOLTIP_ID, r as TooltipInfo, t as GlobalTooltip } from "./chunks/Tooltip-n9w7Tkt1.js";
-import { c as isOption, i as filterOption, l as toggleSetMember, n as StatusDot, o as flattenOptions, r as DropdownCaret, s as isCategory, t as StatusBadge } from "./chunks/StatusBadge-zvEtK16a.js";
-import { a as UncontrolledCollapsiblePanel, c as Dropdown, i as MaybeCollapsible, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "./chunks/SwitchToggle-3V836Cn7.js";
+import { a as CreateModalSelect, c as ConfirmModal, d as primaryButtonClasses, f as Markdown, h as Callout, i as CreateModalField, l as dangerButtonClasses, m as CopyToClipboard, n as CreateModal, o as CreateModalSwitch, p as CopyCodeBlock, r as CreateModalAutocompleteField, s as CreateModalTextarea, t as CREATE_MODAL_SELECT_FILTER_THRESHOLD, u as ghostButtonClasses } from "./chunks/CreateModal-BY6DLmur.js";
+import { a as truncationTooltipProps, i as formatTooltipContent, n as TOOLTIP_ID, r as TooltipInfo, t as GlobalTooltip } from "./chunks/Tooltip-Crxo_eU_.js";
+import { a as filterOption, c as isCategory, i as DropdownCaret, l as isOption, n as StatusDot, r as statusTextClass, s as flattenOptions, t as StatusBadge, u as toggleSetMember } from "./chunks/StatusBadge-C1Blx_cW.js";
+import { a as UncontrolledCollapsiblePanel, c as Dropdown, i as MaybeCollapsible, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "./chunks/SwitchToggle-CHPP8uZQ.js";
 import { t as Loader } from "./chunks/Loader-BXoXTZGc.js";
-import { n as modalPanelClasses, t as BareModal } from "./chunks/BareModal-BqroLbZ5.js";
-import { C as useSetDefaultBreadcrumbs, S as useSetBreadcrumbs, a as HeaderAddButton, b as useClearBreadcrumbs, c as PageHeader, i as HeaderActionMenu, l as headerActionButtonClasses, n as BreadcrumbsRightAction, o as HeaderEditButton, r as BreadcrumbsTitleAction, s as HeaderRowMenu, t as BreadcrumbsActionButton, v as BreadcrumbProvider, w as AddMenu, x as useHideBreadcrumbs, y as useBreadcrumb } from "./chunks/PageHeader-CoZWF0pJ.js";
+import { n as modalPanelClasses, t as BareModal } from "./chunks/BareModal-BtRiQezg.js";
 import { t as useCssIsDark } from "./chunks/useCssIsDark-DHr05dG2.js";
 import { t as Indicator } from "./chunks/Indicator-hBSIxOPK.js";
 import { t as SwitchToggleSmall } from "./chunks/SwitchToggleSmall-FcsaYSTs.js";
-import { n as Table, t as CompactTable } from "./chunks/Table-CutP1bRt.js";
+import { n as Table, t as CompactTable } from "./chunks/Table-4OHjdKdO.js";
 import { t as RequiredMark } from "./chunks/RequiredMark-DfLdYbYZ.js";
 import cx from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React, { forwardRef, useId, useState } from "react";
+import React, { forwardRef, useEffect, useId, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import Skeleton from "react-loading-skeleton";
+import { DateTime } from "luxon";
 //#region src/components/DescriptionList.tsx
 function DescriptionListItem({ label, children, tooltip, className, ...props }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("dt", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("dt", {
 		className: cx("text-[13px] leading-6 col-span-1 font-normal flex gap-1", className),
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "min-w-0 truncate",
@@ -94,7 +95,7 @@ function Overview({ Icon, name, type, children, right, className, loading, iconS
 				children: loading ? /* @__PURE__ */ jsx(Skeleton, {
 					count: 2,
 					height: 12
-				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "font-semibold text-xl tracking-tight",
 						children: name
@@ -114,6 +115,34 @@ function Overview({ Icon, name, type, children, right, className, loading, iconS
 	});
 }
 //#endregion
+//#region src/components/relativeTime.ts
+var TICK_MS = 3e4;
+function compactRelativeMinutes(minutes, t) {
+	if (!Number.isFinite(minutes) || minutes < 1) return t.now;
+	if (minutes < 60) return t.minutes(minutes);
+	const hours = Math.floor(minutes / 60);
+	if (hours < 24) return t.hours(hours);
+	const days = Math.floor(hours / 24);
+	if (days < 365) return t.days(days);
+	return t.years(Math.floor(days / 365));
+}
+/** A clock that re-reads itself, so "5m" ages while the page sits open, with
+*  the abbreviated form a row has room for. */
+function useRelativeTime() {
+	const t = useStrings().time;
+	const [now, setNow] = useState(() => DateTime.now());
+	useEffect(() => {
+		const id = setInterval(() => setNow(DateTime.now()), TICK_MS);
+		return () => clearInterval(id);
+	}, []);
+	const compactMinutes = (minutes) => compactRelativeMinutes(minutes, t);
+	return {
+		now,
+		compactMinutes,
+		compact: (iso) => iso ? compactMinutes(Math.floor(now.diff(DateTime.fromISO(iso)).as("minutes"))) : ""
+	};
+}
+//#endregion
 //#region src/components/Button.tsx
 var Button = forwardRef(({ children, variant = "primary", size = "default", loading, icon, iconPosition = "right", fullWidth = true, className = "", disabled, ...props }, ref) => {
 	const baseClasses = "inline-flex items-center justify-center gap-2 font-semibold rounded-lg transition-all duration-200 cursor-pointer border-none mt-2 disabled:opacity-50 disabled:cursor-not-allowed";
@@ -135,7 +164,7 @@ var Button = forwardRef(({ children, variant = "primary", size = "default", load
 		disabled: disabled || loading,
 		className: cx(baseClasses, variantClasses[variant], sizeClasses[size], widthClass, className),
 		...props,
-		children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LoaderIcon, { className: "size-[18px]" }), children] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+		children: loading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(LoaderIcon, { className: "size-[18px]" }), children] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			icon && iconPosition === "left" && /* @__PURE__ */ jsx("span", {
 				className: "flex items-center",
 				children: icon
@@ -149,10 +178,11 @@ var Button = forwardRef(({ children, variant = "primary", size = "default", load
 	});
 });
 Button.displayName = "Button";
-function MethodButton({ icon, label, description, href, className = "", ...props }) {
+function MethodButton({ icon, label, description, href, loading, disabled, className = "", ...props }) {
 	const Link = useLink();
 	const baseClasses = "flex items-center w-full p-4 bg-[var(--theme-muted-panel-bg)] border border-[var(--theme-border)] rounded-xl text-[var(--theme-app)] text-[0.9375rem] font-medium cursor-pointer transition-all duration-200 no-underline mb-3 last:mb-0 hover:bg-[var(--theme-border)] hover:border-[var(--theme-muted-text-color)] hover:-translate-y-0.5 active:translate-y-0";
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+	const disabledClasses = "disabled:opacity-60 disabled:cursor-not-allowed disabled:hover:bg-[var(--ds-muted)] disabled:hover:border-[var(--ds-border)] disabled:hover:translate-y-0";
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		icon && /* @__PURE__ */ jsx("span", {
 			className: "size-10 rounded-lg bg-gradient-to-br from-[var(--gradient-start,var(--theme-element))] to-[var(--gradient-mid,var(--theme-link))] flex items-center justify-center shrink-0 mr-4 [&_svg]:size-5 [&_svg]:text-white",
 			children: icon
@@ -167,7 +197,7 @@ function MethodButton({ icon, label, description, href, className = "", ...props
 				children: description
 			})]
 		}),
-		/* @__PURE__ */ jsx(AngleRightIcon, { className: "size-5 text-[var(--theme-muted-text-color)] shrink-0 ml-2 transition-all duration-200 group-hover:translate-x-[3px] group-hover:text-[var(--theme-app)]" })
+		loading ? /* @__PURE__ */ jsx(LoaderIcon, { className: "size-5 text-[var(--theme-muted-text-color)] shrink-0 ml-2" }) : /* @__PURE__ */ jsx(AngleRightIcon, { className: "size-5 text-[var(--theme-muted-text-color)] shrink-0 ml-2 transition-all duration-200 group-hover:translate-x-[3px] group-hover:text-[var(--theme-app)]" })
 	] });
 	if (href) {
 		if (href.startsWith("/api/") || href.startsWith("http")) return /* @__PURE__ */ jsx("a", {
@@ -183,7 +213,8 @@ function MethodButton({ icon, label, description, href, className = "", ...props
 	}
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
-		className: cx("group", baseClasses, className),
+		className: cx("group", baseClasses, disabledClasses, className),
+		disabled: disabled || loading,
 		...props,
 		children: content
 	});
@@ -566,4 +597,4 @@ function SettingModeOption({ name, checked, onSelect, label, description, isFirs
 	});
 }
 //#endregion
-export { AddMenu, BareModal, BreadcrumbProvider, BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, Button, CREATE_MODAL_SELECT_FILTER_THRESHOLD, Callout, Card, CardHeader, CompactTable, ConfirmModal, ControlledCollapsiblePanel, CopyCodeBlock, CopyToClipboard, CreateModal, CreateModalAutocompleteField, CreateModalField, CreateModalSelect, CreateModalSwitch, CreateModalTextarea, CustomListbox, DEFAULT_PRESET, DescriptionList, DescriptionListItem, Dropdown, DropdownCaret, EmptyState, Filter, FilterPill, GlobalTooltip, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, IconButton, Indicator, Input, LetterBadge, Loader, Markdown, MaybeCollapsible, MethodButton, MultiSelectDropdown, Overview, PageHeader, Pagination, RequiredMark, SectionHeader, SettingModeOption, SettingRow, SettingSection, SettingsCard, SettingsGroup, Sort, StatusBadge, StatusDot, SwitchToggle, SwitchToggleSmall, THEME_PRESETS, THEME_TOKENS, TOOLTIP_ID, Table, Textarea, Toggle, TooltipInfo, UIProvider, UncontrolledCollapsiblePanel, applyTheme, contrastRatio, dangerButtonClasses, deriveTheme, filterOption, flattenOptions, formatTooltipContent, ghostButtonClasses, headerActionButtonClasses, inputClasses, isCategory, isDarkColor, isOption, modalPanelClasses, primaryButtonClasses, toggleSetMember, truncationTooltipProps, useBreadcrumb, useClearBreadcrumbs, useCssIsDark, useHideBreadcrumbs, useNavigation, useNotify, useProvisionCorsRules, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useSlots, useStrings, useWorkflowJsonResolver };
+export { AddMenu, Avatar, BareModal, BreadcrumbProvider, BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, Button, CREATE_MODAL_SELECT_FILTER_THRESHOLD, Callout, Card, CardHeader, CompactTable, ConfirmModal, ControlledCollapsiblePanel, CopyCodeBlock, CopyToClipboard, CreateModal, CreateModalAutocompleteField, CreateModalField, CreateModalSelect, CreateModalSwitch, CreateModalTextarea, CustomListbox, DEFAULT_PRESET, DescriptionList, DescriptionListItem, Dropdown, DropdownCaret, EmptyState, Filter, FilterPill, GlobalTooltip, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, IconButton, Indicator, Input, LetterBadge, Loader, Markdown, MaybeCollapsible, MethodButton, MultiSelectDropdown, Overview, PageHeader, Pagination, RequiredMark, SectionHeader, SettingModeOption, SettingRow, SettingSection, SettingsCard, SettingsGroup, Sort, StatusBadge, StatusDot, SwitchToggle, SwitchToggleSmall, THEME_PRESETS, THEME_TOKENS, TOOLTIP_ID, Table, Textarea, Toggle, TooltipInfo, UIProvider, UncontrolledCollapsiblePanel, applyTheme, avatarInitials, contrastRatio, dangerButtonClasses, deriveTheme, filterOption, flattenOptions, formatTooltipContent, ghostButtonClasses, headerActionButtonClasses, inputClasses, isCategory, isDarkColor, isOption, modalPanelClasses, primaryButtonClasses, statusTextClass, toggleSetMember, truncationTooltipProps, useBreadcrumb, useClearBreadcrumbs, useCssIsDark, useHideBreadcrumbs, useNavigation, useNotify, usePersistedState, useProvisionCorsRules, useRelativeTime, useRepoSuggestions, useRunFile, useSetBreadcrumbs, useSetDefaultBreadcrumbs, useSlots, useStrings, useWorkflowJsonResolver };

package/dist/list/ListPage.d.ts

@@ -41,8 +41,10 @@ export interface PinnedRowAction {
     /** Replaces the label on hover when the action is disabled, explaining why. */
     tooltip?: string | undefined;
 }
-export declare function ListRow({ href, items, goTo, openMenu, pinnedActions, selected, selectionActive, onRowSelect, leading, className, children, }: {
+export declare function ListRow({ href, onActivate, items, goTo, openMenu, pinnedActions, selected, selectionActive, onRowSelect, leading, className, children, }: {
     href: string | null;
+    /** Plain-click handler for rows that open something in place instead of navigating. */
+    onActivate?: (() => void) | undefined;
     items: RowMenuItem[];
     goTo: (to: string) => void;
     openMenu: OpenMenu;

package/dist/list/ListPager.d.ts

@@ -1,11 +1,13 @@
 /** Page sizes offered by the pager's per-page select; first entry is the default. */
 export declare const LIST_PAGE_SIZES: readonly [number, ...number[]];
 /** Footer pager bar for paginated new-nav lists: "{start}–{end} of {total}" with prev/next. Renders nothing for a single page. */
-export declare function ListPager({ page, pageSize, total, onPageChange, pageSizes, onPageSizeChange, }: {
+export declare function ListPager({ page, pageSize, total, onPageChange, pageSizes, onPageSizeChange, hasNext, }: {
     page: number;
     pageSize: number;
     total: number;
     onPageChange: (page: number) => void;
+    /** Cursor lists whose `total` is a capped count pass this so paging doesn't stop at the cap. */
+    hasNext?: boolean | undefined;
     /** Selectable page sizes; shown only when onPageSizeChange is provided. */
     pageSizes?: readonly number[];
     onPageSizeChange?: (size: number) => void;

package/dist/list/ListTable.d.ts

@@ -18,12 +18,13 @@ export declare const listTableFixedProps: {
     readonly tbodyClassName: 'divide-y border-b border-(--theme-border) divide-(--theme-border)';
     readonly className: string;
 };
-export declare function NameCell({ icon, name, subtitle, href, badge, }: {
+export declare function NameCell({ icon, name, subtitle, href, badge, title, }: {
     icon: ReactNode;
     name: string;
     subtitle?: string | undefined;
     href: string | null;
     badge?: ReactNode;
+    title?: string | undefined;
 }): import("react").JSX.Element;
 export declare function GroupRow({ label, count, colSpan, }: {
     label: string;

package/dist/list/RowContextMenu.d.ts

@@ -5,6 +5,8 @@ export type RowMenuItem = {
     to: string;
     icon?: ReactNode;
     destructive?: boolean | undefined;
+    /** Load the page instead of routing, for paths this app doesn't serve. */
+    reloadDocument?: boolean | undefined;
 } | {
     kind: 'action';
     label: string;
@@ -17,7 +19,7 @@ export type RowMenuItem = {
     /** Trailing checkmark, e.g. the active option in a radio-style submenu. */
     selected?: boolean;
     /** Declarative clipboard copy: the menu performs it and notifies, so
-     * builders like copySubmenu need no toast or clipboard access. */
+     * builders like useCopySubmenu need no toast or clipboard access. */
     copy?: {
         text: string;
         label: string;
@@ -75,7 +77,7 @@ export declare function assembleRowMenu({ lead, actions, exclude, order, trailin
     trailing?: string[];
     /** Items inserted after the middle actions and before Copy, e.g. a marketplace link. */
     extra?: RowMenuItem[];
-    /** The Copy submenu from `copySubmenu(...)`. */
+    /** The Copy submenu from `useCopySubmenu()`. */
     copy?: RowMenuItem | undefined;
 }): RowMenuItem[];
 export declare function useRowMenu(zClassName?: string): {
@@ -90,11 +92,7 @@ export declare function useRowMenuActive(openMenu: OpenMenu): {
 export declare function rowContextMenuProps(openMenu: OpenMenu, items: RowMenuItem[]): {
     onContextMenu: (e: ReactMouseEvent) => void;
 };
-/** 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). */
-export declare function copySubmenu({ name, nameLabel, email, username, uid, id, url, extra, t, }: {
+export interface CopyFields {
     name?: string | null | undefined;
     /** Overrides the "name" label (raw, pre-translated) for entities whose primary field isn't a name, e.g. "domain". */
     nameLabel?: string;
@@ -108,8 +106,10 @@ export declare function copySubmenu({ name, nameLabel, email, username, uid, id,
         value?: string | null | undefined;
         icon?: ReactNode;
     }[] | undefined;
-    t?: (key: string, values?: Record<string, string | number>) => string;
-}): RowMenuItem;
+}
+export type CopySubmenu = (fields: CopyFields) => RowMenuItem;
+/** Returns a builder for the Copy submenu, labeled from the provider's strings. */
+export declare function useCopySubmenu(): CopySubmenu;
 /** Stays visible while active (menu open) so it doesn't vanish behind the overlay. */
 export declare function MoreButton({ onOpen, active, className, }: {
     onOpen: (x: number, y: number) => void;

package/dist/list/UserHoverCard.d.ts

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+import { type UILinkComponent } from '../components/Provider.js';
+/** Where an open hover card sits, and the handlers that keep it open. */
+export interface HoverCardPlacement {
+    x: number;
+    y: number;
+    onKeepOpen: () => void;
+    onLeave: () => void;
+}
+/** Opens `card` after a short hover or on focus of `children`. */
+export declare function HoverCardTrigger({ className, children, card, }: {
+    className?: string | undefined;
+    children: ReactNode;
+    card: (placement: HoverCardPlacement) => ReactNode;
+}): import("react").JSX.Element;
+export interface UserHoverCardProps extends HoverCardPlacement {
+    username: string;
+    /** Display name; falls back to the username. */
+    name?: string | null | undefined;
+    avatarSrc?: string | null | undefined;
+    /** Short badge beside the name, such as the user's role. */
+    badge?: ReactNode;
+    /** Profile link for the card's header; absent renders the header unlinked. */
+    href?: string | undefined;
+    /** Overrides the provider's link slot for the header link. */
+    linkComponent?: UILinkComponent | undefined;
+    /** Shows placeholder detail lines while the profile loads. */
+    loading?: boolean | undefined;
+    /** Re-measures the card's position when this changes. */
+    relayoutKey?: unknown;
+    /** Detail lines, usually `HoverCardRow`s, below the header. */
+    children?: ReactNode;
+}
+export declare function UserHoverCard({ x, y, onKeepOpen, onLeave, username, name, avatarSrc, badge, href, linkComponent, loading, relayoutKey, children, }: UserHoverCardProps): import("react").JSX.Element;
+/** One detail line of a hover card: a leading icon and its content. With
+ * `onClick` the line is a button. */
+export declare function HoverCardRow({ icon, children, title, align, truncate, onClick, }: {
+    icon: ReactNode;
+    children: ReactNode;
+    title?: string | undefined;
+    /** `start` pins the icon to the first line of wrapping content. */
+    align?: 'center' | 'start' | undefined;
+    truncate?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+}): import("react").JSX.Element;

package/dist/list/index.d.ts

@@ -1,10 +1,11 @@
 export { ActionToolbar, stickyTabsClasses, stickyTabsUnderHeaderClasses, stickyToolbarClasses, ToolbarButton, type ToolbarAction, type ToolbarItem, } from './ActionToolbar.js';
 export { ListColumns, ListPage, ListRow, ListRowActionsProvider, useListNavigate, type ListPageProps, type ListSection, type PinnedRowAction, } from './ListPage.js';
-export { assembleRowMenu, copySubmenu, MoreButton, rowContextMenuProps, toolbarActionToRowAction, toRowMenuItem, useRowMenu, useRowMenuActive, type OpenMenu, type RowAction, type RowMenuItem, } from './RowContextMenu.js';
+export { assembleRowMenu, MoreButton, rowContextMenuProps, toolbarActionToRowAction, toRowMenuItem, useCopySubmenu, useRowMenu, useRowMenuActive, type CopyFields, type CopySubmenu, type OpenMenu, type RowAction, type RowMenuItem, } from './RowContextMenu.js';
 export { actionsColumnWidth, GroupRow, ListActionsHeader, ListError, ListSkeleton, listTableFixedProps, listTableProps, NAME_MIN_WIDTH_PX, NameCell, RowSelectCheckbox, } from './ListTable.js';
 export { DEFAULT_ORDER, FAVORITE_ORDER, useListView, type ActionDef, type ColumnDef, type FilterFacet, type ListView, type ListViewChrome, type ListViewConfig, type OrderByOption, } from './listView.js';
 export { ListCount, ListSearchControl, useListSearch, type ListSearch, } from './listSearch.js';
 export { listControlButtonClasses, ListDisplayMenu, ListFilterMenu, } from './ListViewControls.js';
 export { LIST_PAGE_SIZES, ListPager } from './ListPager.js';
 export { HoverCardSurface, useHoverCard } from './HoverCard.js';
+export { HoverCardRow, HoverCardTrigger, UserHoverCard, type HoverCardPlacement, type UserHoverCardProps, } from './UserHoverCard.js';
 export { isTextEntryContext } from './textEntry.js';

package/dist/list/index.js

@@ -1,3 +1,3 @@
-import { _ as useRowMenuActive, d as assembleRowMenu, f as copySubmenu, g as useRowMenu, h as toolbarActionToRowAction, m as toRowMenuItem, p as rowContextMenuProps, u as MoreButton } from "../chunks/PageHeader-CoZWF0pJ.js";
-import { A as ActionToolbar, C as ListSkeleton, D as actionsColumnWidth, E as RowSelectCheckbox, M as stickyTabsClasses, N as stickyTabsUnderHeaderClasses, O as listTableFixedProps, P as stickyToolbarClasses, S as ListError, T as NameCell, _ as ListRow, a as ListCount, b as GroupRow, c as ListDisplayMenu, d as isTextEntryContext, f as DEFAULT_ORDER, g as ListPage, h as ListColumns, i as ListPager, j as ToolbarButton, k as listTableProps, l as ListFilterMenu, m as useListView, n as useHoverCard, o as ListSearchControl, p as FAVORITE_ORDER, r as LIST_PAGE_SIZES, s as useListSearch, t as HoverCardSurface, u as listControlButtonClasses, v as ListRowActionsProvider, w as NAME_MIN_WIDTH_PX, x as ListActionsHeader, y as useListNavigate } from "../chunks/list-CduoUsMW.js";
-export { ActionToolbar, DEFAULT_ORDER, FAVORITE_ORDER, GroupRow, HoverCardSurface, LIST_PAGE_SIZES, ListActionsHeader, ListColumns, ListCount, ListDisplayMenu, ListError, ListFilterMenu, ListPage, ListPager, ListRow, ListRowActionsProvider, ListSearchControl, ListSkeleton, MoreButton, NAME_MIN_WIDTH_PX, NameCell, RowSelectCheckbox, ToolbarButton, actionsColumnWidth, assembleRowMenu, copySubmenu, isTextEntryContext, listControlButtonClasses, listTableFixedProps, listTableProps, rowContextMenuProps, stickyTabsClasses, stickyTabsUnderHeaderClasses, stickyToolbarClasses, toRowMenuItem, toolbarActionToRowAction, useHoverCard, useListNavigate, useListSearch, useListView, useRowMenu, useRowMenuActive };
+import { _ as useRowMenuActive, d as assembleRowMenu, f as rowContextMenuProps, g as useRowMenu, h as useCopySubmenu, m as toolbarActionToRowAction, p as toRowMenuItem, u as MoreButton } from "../chunks/PageHeader-l49p1nM9.js";
+import { A as actionsColumnWidth, C as GroupRow, D as NAME_MIN_WIDTH_PX, E as ListSkeleton, F as stickyTabsClasses, I as stickyTabsUnderHeaderClasses, L as stickyToolbarClasses, M as listTableProps, N as ActionToolbar, O as NameCell, P as ToolbarButton, S as useListNavigate, T as ListError, _ as useListView, a as useHoverCard, b as ListRow, c as ListCount, d as ListDisplayMenu, f as ListFilterMenu, g as FAVORITE_ORDER, h as DEFAULT_ORDER, i as HoverCardSurface, j as listTableFixedProps, k as RowSelectCheckbox, l as ListSearchControl, m as isTextEntryContext, n as HoverCardTrigger, o as LIST_PAGE_SIZES, p as listControlButtonClasses, r as UserHoverCard, s as ListPager, t as HoverCardRow, u as useListSearch, v as ListColumns, w as ListActionsHeader, x as ListRowActionsProvider, y as ListPage } from "../chunks/list-qrojZZNv.js";
+export { ActionToolbar, DEFAULT_ORDER, FAVORITE_ORDER, GroupRow, HoverCardRow, HoverCardSurface, HoverCardTrigger, LIST_PAGE_SIZES, ListActionsHeader, ListColumns, ListCount, ListDisplayMenu, ListError, ListFilterMenu, ListPage, ListPager, ListRow, ListRowActionsProvider, ListSearchControl, ListSkeleton, MoreButton, NAME_MIN_WIDTH_PX, NameCell, RowSelectCheckbox, ToolbarButton, UserHoverCard, actionsColumnWidth, assembleRowMenu, isTextEntryContext, listControlButtonClasses, listTableFixedProps, listTableProps, rowContextMenuProps, stickyTabsClasses, stickyTabsUnderHeaderClasses, stickyToolbarClasses, toRowMenuItem, toolbarActionToRowAction, useCopySubmenu, useHoverCard, useListNavigate, useListSearch, useListView, useRowMenu, useRowMenuActive };

package/dist/list/listView.d.ts

@@ -45,7 +45,7 @@ export interface ActionDef {
     defaultPinned?: boolean;
 }
 export interface ListViewConfig<T> {
-    /** localStorage namespace for this page's grouping/columns/filters. */
+    /** Persistence namespace for this page's grouping/columns/filters. */
     storageKey: string;
     sharedFiltersKey?: string;
     columns: ColumnDef[];

package/dist/logviewer/index.js

@@ -1,9 +1,9 @@
+import { i as useNotify, u as useStrings } from "../chunks/Provider-Ghua9PkN.js";
 import { ArrowDownIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ClockIcon, CopyIcon, DownloadIcon, ExpandIcon, ShrinkIcon, XIcon } from "../icons.js";
-import { c as useStrings, i as useNotify } from "../chunks/Provider-CbFVFB7O.js";
-import { r as TooltipInfo } from "../chunks/Tooltip-n9w7Tkt1.js";
+import { r as TooltipInfo } from "../chunks/Tooltip-Crxo_eU_.js";
 import cx from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1, memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment, memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { DateTime } from "luxon";
 import { highlightSegments, parseAnsiSegments, plainSegments, processLinesWithCommands } from "@parallelworks/workflow-parser";
 //#region src/logviewer/LogViewer.tsx
@@ -14,7 +14,7 @@ function LogSegments({ segments }) {
 	}, i) : segment.className ? /* @__PURE__ */ jsx("span", {
 		className: segment.className,
 		children: segment.content
-	}, i) : /* @__PURE__ */ jsx(Fragment$1, { children: segment.content }, i));
+	}, i) : /* @__PURE__ */ jsx(Fragment, { children: segment.content }, i));
 }
 var LogLine = memo(function LogLine({ index, segments, lineNumbers, isSelected, lineHeight, onLineClick, searchTerm, command, groupDepth = 0, isGroupCollapsed, onGroupToggle, annotationLabels }) {
 	const displaySegments = useMemo(() => highlightSegments(command?.message ? plainSegments(command.message) : segments, searchTerm), [
@@ -521,7 +521,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 						/* @__PURE__ */ jsxs("div", {
 							className: "flex gap-x-2 w-full",
 							children: [
-								!inline && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("button", {
+								!inline && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("button", {
 									type: "button",
 									className: "btn btn-neutral",
 									onClick: () => {
@@ -723,7 +723,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 					transform: "translateX(-50%)"
 				},
 				onClick: copyHighlightedText,
-				children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500 w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copied })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CopyIcon, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copy })] })
+				children: copied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500 w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copied })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CopyIcon, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copy })] })
 			}),
 			(additionalBottomLeftBarComponents || additionalBottomRightBarComponents) && /* @__PURE__ */ jsxs("div", {
 				className: cx("flex theme-panel select-none items-center gap-x-2 p-2"),

package/dist/styles/base.css

@@ -0,0 +1,57 @@
+/* Page defaults and native controls, kept out of theme.css so package
+ * entries can import them into their own cascade layer (theme.css's @utility
+ * rules cannot be layered). Base layer so utilities still win. */
+@layer base {
+  body {
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color: var(--theme-app);
+    background-color: var(--theme-app-bg);
+  }
+
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--theme-border, currentColor);
+  }
+
+  input,
+  textarea {
+    border-radius: 0.25rem;
+    border: 1px solid var(--theme-border, #d1d5db);
+    padding: 0.25rem 0.5rem;
+    min-height: 1.25rem;
+    font-size: 14px;
+    background-color: var(--theme-input-bg, #f9fafb);
+    color: var(--theme-app, #000000);
+  }
+  input:disabled,
+  textarea:disabled,
+  input.disabled,
+  textarea.disabled {
+    cursor: not-allowed;
+    background-color: var(--theme-input-disabled-bg, #f3f4f6);
+    color: var(--theme-input-disabled-text, #9ca3af);
+  }
+  .form-label,
+  .form-label-compact,
+  .form-label-top {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    flex-shrink: 0;
+    font-weight: 300;
+    height: 34px;
+    width: 13rem;
+  }
+  .form-label-compact {
+    width: fit-content;
+    margin-right: 0.5rem;
+  }
+  .form-label-top {
+    height: 20px;
+  }
+}

package/dist/styles/fonts.css

@@ -0,0 +1,15 @@
+@font-face {
+  font-family: 'Geist Sans';
+  src: url('./Geist-Variable.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Geist Mono';
+  src: url('./GeistMono-Variable.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}

package/dist/styles/theme.css

@@ -237,44 +237,10 @@
   }
 }
 
-/* Native controls and form labels. The ACTIVATE app used to declare these in
- * its own global stylesheet; they live here so every host that imports the
- * theme gets the same fields. Base layer so utilities still win. */
-@layer base {
-  input,
-  textarea {
-    border-radius: 0.25rem;
-    border: 1px solid var(--theme-border, #d1d5db);
-    padding: 0.25rem 0.5rem;
-    min-height: 1.25rem;
-    font-size: 14px;
-    background-color: var(--theme-input-bg, #f9fafb);
-    color: var(--theme-app, #000000);
-  }
-  input:disabled,
-  textarea:disabled,
-  input.disabled,
-  textarea.disabled {
-    cursor: not-allowed;
-    background-color: var(--theme-input-disabled-bg, #f3f4f6);
-    color: var(--theme-input-disabled-text, #9ca3af);
-  }
-  .form-label,
-  .form-label-compact,
-  .form-label-top {
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-    flex-shrink: 0;
-    font-weight: 300;
-    height: 34px;
-    width: 13rem;
-  }
-  .form-label-compact {
-    width: fit-content;
-    margin-right: 0.5rem;
-  }
-  .form-label-top {
-    height: 20px;
-  }
+/* Geist itself loads from fonts.css; without it these fall back to system-ui. */
+@theme {
+  --font-geist-sans: 'Geist Sans';
+  --font-geist-mono: 'Geist Mono';
+  --font-sans: var(--font-geist-sans), system-ui, sans-serif;
+  --font-mono: var(--font-geist-mono), ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
 }