@parallelworks/ui 0.5.0 → 0.5.2

package/dist/components/Breadcrumbs.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface IBreadcrumbItem {
+    label: string;
+    href?: string;
+    newWindow?: boolean;
+}
+interface BreadcrumbContextType {
+    breadcrumbs: IBreadcrumbItem[];
+    setBreadcrumbs: (breadcrumbs: IBreadcrumbItem[]) => void;
+    rightsideBreadcrumb?: IBreadcrumbItem | null;
+    setRightsideBreadcrumb: (breadcrumb: IBreadcrumbItem | null) => void;
+    hidden: boolean;
+    setHidden: (hidden: boolean) => void;
+    /** Null whenever the breadcrumb strip isn't rendered (classic chrome). */
+    titleActionSlot: HTMLElement | null;
+    setTitleActionSlot: (el: HTMLElement | null) => void;
+    rightActionSlot: HTMLElement | null;
+    setRightActionSlot: (el: HTMLElement | null) => void;
+}
+export declare const useBreadcrumb: () => BreadcrumbContextType;
+export declare function BreadcrumbProvider({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useSetBreadcrumbs(getBreadcrumbs: (() => IBreadcrumbItem[]) | IBreadcrumbItem[]): void;
+/** For pages that render their own header instead of the breadcrumb strip. */
+export declare function useClearBreadcrumbs(): void;
+export declare function useHideBreadcrumbs(hidden: boolean): void;
+export {};

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,69 @@
+import type { ComponentType, ReactNode } from 'react';
+import { type RowMenuItem } from '../list/RowContextMenu.js';
+import { type HeaderAddMenuItem } from './AddMenu.js';
+export interface PageHeaderBreadcrumb {
+    label: string;
+    href?: string;
+}
+/** A rendered crumb row entry, as handed to the breadcrumbPin slot. */
+export interface PageHeaderCrumb {
+    label: ReactNode;
+    href?: string;
+}
+/** With menu, the plus opens a chooser; otherwise navigates to or calls the
+ * single action. `word` is the visible verb; `label` stays the full action for
+ * the tooltip and screen readers. */
+export declare function HeaderAddButton({ to, onClick, label, word, menu, }: {
+    to?: string;
+    onClick?: () => void;
+    label: string;
+    word?: 'add' | 'create';
+    menu?: HeaderAddMenuItem[];
+}): import("react").JSX.Element;
+export declare function HeaderActionMenu({ items, label, }: {
+    items: HeaderAddMenuItem[];
+    label?: string;
+}): import("react").JSX.Element | null;
+/** The header "…" trigger for a RowMenuItem menu — same rendering (submenus,
+ * destructive styling) as the list pages' right-click context menus. */
+export declare function HeaderRowMenu({ items, label, }: {
+    items: RowMenuItem[];
+    label?: string;
+}): import("react").JSX.Element | null;
+export declare function HeaderEditButton({ to, onClick, label, disabled, tooltip, }: {
+    to?: string;
+    onClick?: () => void;
+    label?: string;
+    disabled?: boolean;
+    tooltip?: string;
+}): import("react").JSX.Element;
+/** Renders nothing when the modern breadcrumb strip isn't mounted (classic chrome or self-headered pages). */
+export declare function BreadcrumbsTitleAction({ children }: {
+    children: ReactNode;
+}): import("react").ReactPortal | null;
+export declare function BreadcrumbsRightAction({ children }: {
+    children: ReactNode;
+}): import("react").ReactPortal | null;
+export declare function BreadcrumbsActionButton({ icon: Icon, label, to, onClick, disabled, tooltip, }: {
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    to?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    tooltip?: string;
+}): import("react").JSX.Element;
+interface PageHeaderProps {
+    breadcrumbs?: PageHeaderBreadcrumb[] | undefined;
+    title?: ReactNode;
+    titleAction?: ReactNode;
+    actions?: ReactNode;
+    toolbar?: ReactNode;
+    className?: string;
+    sticky?: boolean;
+    /** Negative offset (e.g. -top-4) prevents rows peeking above the header when the container has top padding. */
+    stickyTopClassName?: string;
+}
+export declare function PageHeader({ breadcrumbs, title, titleAction, actions, toolbar, className, sticky, stickyTopClassName, }: PageHeaderProps): import("react").JSX.Element;
+export {};

package/dist/components/Provider.d.ts

@@ -50,6 +50,8 @@ export interface UIStrings {
         showHiddenFields: string;
         showHiddenFieldsHint: string;
         jsonHasErrors: string;
+        add: string;
+        create: string;
     };
     dropdown: {
         select: (type: string) => string;
@@ -337,6 +339,7 @@ export interface UIStrings {
     };
 }
 export interface UINavigation {
+    goTo: (to: string) => void;
     toWorkflow: (name: string) => void;
     toMarketItem: (name: string) => void;
     openExternal: (href: string) => void;
@@ -382,12 +385,17 @@ export interface UIData {
     }>;
 }
 import type { FieldComponent } from '../form/fieldRegistry.js';
-/** Renders internal navigation; hosts bind their router's Link. */
+import type { PageHeaderCrumb } from './PageHeader.js';
+/** Renders internal navigation; hosts bind their router's Link. Accessibility
+ * and tooltip data attributes pass through so header links keep their labels. */
 export type UILinkComponent = React.ComponentType<{
     to: string;
     onClick?: () => void;
     className?: string;
     children: ReactNode;
+    title?: string;
+    'aria-label'?: string;
+    [dataAttr: `data-${string}`]: string | undefined;
 }>;
 /** The provider's link slot, with a plain anchor fallback. */
 export declare function useLink(): UILinkComponent;
@@ -436,6 +444,10 @@ export interface UISlots {
         storage: unknown;
         groups?: unknown;
     }) => ReactNode;
+    /** Pin affordance rendered after the page header's crumb trail; absent hides it. */
+    breadcrumbPin?: (args: {
+        crumbs: readonly PageHeaderCrumb[];
+    }) => ReactNode;
 }
 export interface UIProviderValue {
     notify: UINotify;

package/dist/components/Table.d.ts

@@ -8,7 +8,7 @@ declare function CompactItem({ wrap, children, className, colspan, ...tdProps }:
 interface ITableHeaderProps {
     children?: React.ReactNode;
     className?: string;
-    style?: React.CSSProperties;
+    style?: React.CSSProperties | undefined;
     colspan?: number;
     onClick?: () => void;
     /** When false, drops uppercase + tracking-wider for a sentence-case header. */

package/dist/editor/index.js

@@ -1,2 +1,2 @@
-import { a as EditorField, i as FormCodePanel, n as defineEditorThemes, o as Editor, r as getThemeName, t as setupMonacoWorkers } from "../chunks/editor-CEXg6C8X.js";
+import { a as EditorField, i as FormCodePanel, n as defineEditorThemes, o as Editor, r as getThemeName, t as setupMonacoWorkers } from "../chunks/editor-4ZuZruLz.js";
 export { Editor, EditorField, FormCodePanel, defineEditorThemes, getThemeName, setupMonacoWorkers };

package/dist/file-explorer/FileExplorer.d.ts

@@ -16,8 +16,6 @@ interface IFileExplorerProps {
     groupsLoading?: boolean;
     selectedPath: string;
     onPathChange: (path: string) => void;
-    /** The modern layout drops the sidebar heading and adds the toolbar row. */
-    variant?: 'classic' | 'modern';
 }
-export default function FileExplorer({ storages, onRefresh, showUserHierarchy, groups, groupsLoading, selectedPath, onPathChange, getProviderAndClient, variant, }: IFileExplorerProps): import("react").JSX.Element;
+export default function FileExplorer({ storages, onRefresh, showUserHierarchy, groups, groupsLoading, selectedPath, onPathChange, getProviderAndClient, }: IFileExplorerProps): import("react").JSX.Element;
 export {};

package/dist/file-explorer/helpers.d.ts

@@ -30,9 +30,7 @@ declare function NoDataAvailablePreview({ selectedStorage, error, onRefresh, con
     className?: string;
     canWrite?: boolean;
 }): JSX.Element;
-declare function SkeletonPreview({ variant, }?: {
-    variant?: 'classic' | 'modern';
-}): JSX.Element;
+declare function SkeletonPreview(): JSX.Element;
 interface IDragDropZoneProps {
     onDropFiles?: ((files: FileList | DataTransferItemList) => void) | undefined;
     children: React.ReactNode;

package/dist/file-explorer/index.js

@@ -1,11 +1,12 @@
 import { AccessIcon, AlertIcon, AngleDownIcon, AngleRightIcon, AngleUpIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, CloseIcon, CloudUploadIcon, CollapseIcon, CustomizeIcon, DiskIcon, DocumentIcon, DownloadFileIcon, ExpandIcon, ExpandVerticalIcon, EyeIcon, FileIcon, FileTextIcon, FolderIcon, FolderOpenIcon, ImageIcon, LinkIcon, LockIcon, MinimizeIcon, MusicIcon, PdfIcon, RefreshIcon, ShareIcon, SpreadsheetIcon, SuccessIcon, TrashIcon, UploadIcon, UserIcon, VideoIcon, ZipIcon, ZoomInIcon, ZoomOutIcon } from "../icons.js";
-import { c as ConfirmModal, f as Markdown, h as Callout, m as CopyToClipboard, p as CopyCodeBlock, t as CreateModal } from "../chunks/CreateModal-6zZZHxCI.js";
-import { a as useProvisionCorsRules, c as useStrings, i as useNotify, s as useSlots } from "../chunks/Provider-jQCAN3NN.js";
+import { d as Markdown, f as CopyCodeBlock, m as Callout, p as CopyToClipboard, s as ConfirmModal, t as CreateModal } from "../chunks/CreateModal-DEvWkdFl.js";
+import { a as useProvisionCorsRules, c as useStrings, i as useNotify, s as useSlots } from "../chunks/Provider-BIL5347a.js";
 import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-WgbiC_nd.js";
 import { t as Loader } from "../chunks/Loader-BXoXTZGc.js";
+import { d as copySubmenu, g as useRowMenuActive, h as useRowMenu, l as MoreButton, u as assembleRowMenu } from "../chunks/PageHeader-CSo3LVId.js";
 import { t as StatusBadge } from "../chunks/StatusBadge-DXp4zkSd.js";
 import { n as Table } from "../chunks/Table-ByziK93x.js";
-import { A as useRowMenu, C as listTableProps, E as copySubmenu, S as listTableFixedProps, T as assembleRowMenu, _ as ListSkeleton, b as RowSelectCheckbox, h as ListActionsHeader, j as useRowMenuActive, w as MoreButton } from "../chunks/list-CvDWt0TC.js";
+import { D as listTableFixedProps, O as listTableProps, S as ListSkeleton, T as RowSelectCheckbox, b as ListActionsHeader } from "../chunks/list-CgzqVlao.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, createContext, lazy, memo, use, useCallback, useEffect, useEffectEvent, useId, useLayoutEffect, useMemo, useRef, useState, useTransition } from "react";
@@ -1536,9 +1537,8 @@ function NoDataAvailablePreview({ selectedStorage, error, onRefresh, connectionI
 		})
 	});
 }
-function SkeletonPreview({ variant = "classic" } = {}) {
+function SkeletonPreview() {
 	const [sidebarWidth] = useLocalStorage(SIDEBAR_WIDTH_STORAGE_KEY, 300);
-	const newNavigation = variant === "modern";
 	return /* @__PURE__ */ jsxs("div", {
 		className: "w-full h-full flex",
 		children: [/* @__PURE__ */ jsx("div", {
@@ -1546,15 +1546,12 @@ function SkeletonPreview({ variant = "classic" } = {}) {
 			style: { width: `${sidebarWidth}px` },
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "h-full flex flex-col border-r theme-border bg-(--theme-panel-bg)/60",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: cx("flex items-center h-10 px-3 shrink-0 border-b theme-border", newNavigation ? "justify-end" : "justify-between"),
-					children: [!newNavigation && /* @__PURE__ */ jsx("h3", {
-						className: "text-[11px] font-semibold uppercase tracking-widest theme-muted-text",
-						children: "Explorer"
-					}), /* @__PURE__ */ jsxs("div", {
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-end h-10 px-3 shrink-0 border-b theme-border",
+					children: /* @__PURE__ */ jsxs("div", {
 						className: "flex gap-x-0.5",
 						children: [/* @__PURE__ */ jsx("div", { className: "h-7 w-7" }), /* @__PURE__ */ jsx("div", { className: "h-7 w-7" })]
-					})]
+					})
 				}), /* @__PURE__ */ jsx("div", {
 					className: "overflow-auto flex-1 px-2 py-2 space-y-1.5",
 					children: [...Array(6)].map((_, i) => /* @__PURE__ */ jsx(Skeleton, { height: 14 }, i))
@@ -2518,7 +2515,7 @@ function useObjectText(url, { enabled, maxBytes, maxLines, knownSize, cacheKey,
 }
 //#endregion
 //#region src/file-explorer/FilePreview/Viewer.tsx
-var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-CBtYRZi6.js"));
+var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-Uij_Npp4.js"));
 var PREVIEW_MARKDOWN_CONTROLS = {
 	table: { fullscreen: false },
 	mermaid: { fullscreen: false }
@@ -4292,11 +4289,10 @@ function getAncestorDirPaths(path) {
 	for (let i = 1; i <= dirSegmentCount; i++) ancestors.push(segments.slice(0, i).join("/") + "/");
 	return ancestors;
 }
-function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups = [], groupsLoading = false, selectedPath, onPathChange, getProviderAndClient, variant = "classic" }) {
+function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups = [], groupsLoading = false, selectedPath, onPathChange, getProviderAndClient }) {
 	const t = useStrings().fileExplorer;
 	const notify = useNotify();
 	const slots = useSlots();
-	const newNavigation = variant === "modern";
 	const fileExplorerContext = useFileExplorer();
 	const [localStorages, setLocalStorages] = useState(storages);
 	const [listings, setListings] = useState(() => /* @__PURE__ */ new Map());
@@ -5082,12 +5078,9 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 					},
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "h-full flex flex-col border-r theme-border bg-(--theme-panel-bg)/60",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: cx("flex items-center h-10 px-3 shrink-0 border-b theme-border", newNavigation ? "justify-end" : "justify-between"),
-							children: [!newNavigation && /* @__PURE__ */ jsx("h3", {
-								className: "text-[11px] font-semibold uppercase tracking-widest theme-muted-text",
-								children: t.chrome.explorer
-							}), /* @__PURE__ */ jsxs("div", {
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "flex items-center justify-end h-10 px-3 shrink-0 border-b theme-border",
+							children: /* @__PURE__ */ jsxs("div", {
 								className: "flex gap-x-0.5",
 								children: [/* @__PURE__ */ jsx("button", {
 									"aria-label": t.chrome.refresh,
@@ -5106,7 +5099,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 									onClick: collapseAll,
 									children: /* @__PURE__ */ jsx(CollapseIcon, { className: "h-3.5 w-3.5" })
 								})]
-							})]
+							})
 						}), /* @__PURE__ */ jsx(TreeView, {
 							rootNodes,
 							parentToChildrenMap,

package/dist/form/index.js

@@ -1,7 +1,7 @@
 import { AngleRightIcon, EyeIcon, EyeOffIcon, SuccessCheckmark, TrashIcon } from "../icons.js";
-import { c as useStrings, s as useSlots } from "../chunks/Provider-jQCAN3NN.js";
+import { c as useStrings, s as useSlots } from "../chunks/Provider-BIL5347a.js";
 import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-WgbiC_nd.js";
-import { a as UncontrolledCollapsiblePanel, c as Dropdown, f as isCategory, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "../chunks/SwitchToggle-D0ud8cd5.js";
+import { a as UncontrolledCollapsiblePanel, c as Dropdown, f as isCategory, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "../chunks/SwitchToggle-DiBXEP12.js";
 import { t as Loader } from "../chunks/Loader-BXoXTZGc.js";
 import { n as StatusDot } from "../chunks/StatusBadge-DXp4zkSd.js";
 import { n as Table } from "../chunks/Table-ByziK93x.js";

package/dist/index.d.ts

@@ -45,3 +45,5 @@ export { default as SettingsCard } from './components/SettingsCard.js';
 export { default as SettingsGroup } from './components/SettingsGroup.js';
 export { SettingRow, SettingSection } from './components/SettingRow.js';
 export { SettingModeOption } from './components/SettingModeOption.js';
+export { BreadcrumbProvider, useBreadcrumb, useClearBreadcrumbs, useHideBreadcrumbs, useSetBreadcrumbs, type IBreadcrumbItem, } from './components/Breadcrumbs.js';
+export { BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, HeaderActionMenu, HeaderAddButton, HeaderEditButton, HeaderRowMenu, PageHeader, type PageHeaderBreadcrumb, type PageHeaderCrumb, } from './components/PageHeader.js';

package/dist/index.js

@@ -1,11 +1,12 @@
 import { DEFAULT_PRESET, THEME_PRESETS, THEME_TOKENS, applyTheme, contrastRatio, deriveTheme, isDarkColor } from "./theme/index.js";
 import { AlertIcon, AngleRightIcon, EyeIcon, EyeOffIcon, FilterIcon, LoaderIcon, SortDownIcon, SortUnsortedIcon, SortUpIcon } from "./icons.js";
-import { a as CreateModalSwitch, c as ConfirmModal, d as primaryButtonClasses, f as Markdown, h as Callout, i as CreateModalSelect, l as dangerButtonClasses, m as CopyToClipboard, n as CreateModalAutocompleteField, o as CreateModalTextarea, p as CopyCodeBlock, r as CreateModalField, s as AddMenu, t as CreateModal, u as ghostButtonClasses } from "./chunks/CreateModal-6zZZHxCI.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-jQCAN3NN.js";
+import { a as CreateModalSwitch, c as dangerButtonClasses, d as Markdown, f as CopyCodeBlock, i as CreateModalSelect, l as ghostButtonClasses, m as Callout, n as CreateModalAutocompleteField, o as CreateModalTextarea, p as CopyToClipboard, r as CreateModalField, s as ConfirmModal, t as CreateModal, u as primaryButtonClasses } from "./chunks/CreateModal-DEvWkdFl.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-BIL5347a.js";
 import { i as formatTooltipContent, n as TOOLTIP_ID, r as TooltipInfo, t as GlobalTooltip } from "./chunks/Tooltip-WgbiC_nd.js";
-import { a as UncontrolledCollapsiblePanel, c as Dropdown, d as flattenOptions, f as isCategory, i as MaybeCollapsible, l as DropdownCaret, n as SectionHeader, o as MultiSelectDropdown, p as isOption, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle, u as filterOption } from "./chunks/SwitchToggle-D0ud8cd5.js";
+import { a as UncontrolledCollapsiblePanel, c as Dropdown, d as flattenOptions, f as isCategory, i as MaybeCollapsible, l as DropdownCaret, n as SectionHeader, o as MultiSelectDropdown, p as isOption, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle, u as filterOption } from "./chunks/SwitchToggle-DiBXEP12.js";
 import { t as Loader } from "./chunks/Loader-BXoXTZGc.js";
 import { n as modalPanelClasses, t as BareModal } from "./chunks/BareModal-DBa84JZO.js";
+import { S as AddMenu, _ as BreadcrumbProvider, a as HeaderAddButton, b as useHideBreadcrumbs, c as PageHeader, i as HeaderActionMenu, n as BreadcrumbsRightAction, o as HeaderEditButton, r as BreadcrumbsTitleAction, s as HeaderRowMenu, t as BreadcrumbsActionButton, v as useBreadcrumb, x as useSetBreadcrumbs, y as useClearBreadcrumbs } from "./chunks/PageHeader-CSo3LVId.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";
@@ -188,7 +189,7 @@ function MethodButton({ icon, label, description, href, className = "", ...props
 //#region src/components/Card.tsx
 function Card({ children, className = "", wide, compact, interactive, authShadow }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx("w-full bg-[var(--theme-panel-bg)] backdrop-blur-xl border border-[var(--theme-border)] rounded-2xl", authShadow ? "shadow-[0_25px_80px_-20px_rgba(0,0,0,0.4),0_10px_30px_-10px_rgba(0,0,0,0.25)]" : "shadow-md", wide && "max-w-[560px] p-8", compact && "max-w-[400px] p-6", !wide && !compact && "max-w-[520px] p-10", interactive && "ds-card-interactive cursor-pointer", className),
+		className: cx("w-full bg-[var(--theme-card-bg)] backdrop-blur-xl border border-[var(--theme-border)] rounded-2xl", authShadow ? "shadow-[var(--theme-auth-shadow)]" : "shadow-[var(--theme-shadow)]", wide && "max-w-[560px] p-8", compact && "max-w-[400px] p-6", !wide && !compact && "max-w-[520px] p-10", interactive && "ds-card-interactive cursor-pointer", className),
 		children
 	});
 }
@@ -535,4 +536,4 @@ function SettingModeOption({ name, checked, onSelect, label, description, isFirs
 	});
 }
 //#endregion
-export { AddMenu, BareModal, Button, 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, IconButton, Indicator, Input, LetterBadge, Loader, Markdown, MaybeCollapsible, MethodButton, MultiSelectDropdown, Overview, Pagination, 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, inputClasses, isCategory, isDarkColor, isOption, modalPanelClasses, primaryButtonClasses, useCssIsDark, useNavigation, useNotify, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowJsonResolver };
+export { AddMenu, BareModal, BreadcrumbProvider, BreadcrumbsActionButton, BreadcrumbsRightAction, BreadcrumbsTitleAction, Button, 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, 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, inputClasses, isCategory, isDarkColor, isOption, modalPanelClasses, primaryButtonClasses, useBreadcrumb, useClearBreadcrumbs, useCssIsDark, useHideBreadcrumbs, useNavigation, useNotify, useProvisionCorsRules, useRunFile, useSetBreadcrumbs, useSlots, useStrings, useWorkflowJsonResolver };

package/dist/list/ActionToolbar.d.ts

@@ -0,0 +1,38 @@
+export interface ToolbarAction {
+    key: string;
+    label: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    iconClassName?: string;
+    onClick?: () => void;
+    href?: string;
+    disabled?: boolean;
+    enabledTooltip?: string;
+    disabledTooltip?: string;
+    hidden?: boolean;
+}
+/** A pre-rendered element (e.g. a button component that owns its modal). */
+interface ToolbarElement {
+    key: string;
+    element: React.ReactNode;
+    hidden?: boolean;
+}
+export type ToolbarItem = ToolbarAction | ToolbarElement;
+export declare function ToolbarButton({ action }: {
+    action: ToolbarAction;
+}): import("react").JSX.Element;
+/** Pins a detail-page toolbar just below the sticky breadcrumb strip (top-10 matches the strip's 40px height). */
+export declare const 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). */
+export declare const 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). */
+export declare const stickyTabsUnderHeaderClasses = "sticky top-10 z-10 bg-(--theme-app-bg)";
+/** Action groups left, secondary actions right (collapsing into a `…` menu). */
+export declare function ActionToolbar({ groups, right, sticky, }: {
+    groups: ToolbarItem[][];
+    right?: ToolbarItem[];
+    /** Pin below the breadcrumb strip while the page scrolls. Requires the toolbar's parent to span the page content. */
+    sticky?: boolean;
+}): import("react").JSX.Element;
+export {};

package/dist/list/ListPage.d.ts

@@ -0,0 +1,63 @@
+import type { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+import { type PageHeaderBreadcrumb } from '../components/PageHeader.js';
+import type { ListView, ListViewChrome } from './listView.js';
+import { type OpenMenu, type RowMenuItem } from './RowContextMenu.js';
+/** Negative offsets (admin/org) cancel the shell's pt-4 so rows don't peek through the gap above the pinned header. */
+declare const SECTION_STICKY_TOP: {
+    readonly main: 'top-0';
+    readonly kubernetes: 'top-0';
+    readonly admin: '-top-4';
+    readonly org: '-top-4';
+};
+export type ListSection = keyof typeof SECTION_STICKY_TOP;
+export declare function ListRowActionsProvider({ view, children, }: {
+    view?: ListViewChrome | undefined;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export interface ListPageProps {
+    section?: ListSection;
+    /** Force edge-to-edge negative margin for a main-shell page nested under a padded route layout. */
+    shellPadded?: boolean;
+    breadcrumbs?: PageHeaderBreadcrumb[] | undefined;
+    title?: ReactNode;
+    titleAction?: ReactNode;
+    actions?: ReactNode;
+    toolbar?: ReactNode;
+    /** Omit on pages without a list view — rows show all actions by default. */
+    view?: ListViewChrome | undefined;
+    children: ReactNode;
+}
+export declare function ListPage({ section, shellPadded, breadcrumbs, title, titleAction, actions, toolbar, view, children, }: ListPageProps): import("react").JSX.Element;
+export interface PinnedRowAction {
+    key: string;
+    label: string;
+    icon: ReactNode;
+    onSelect: () => void;
+    disabled?: boolean;
+}
+export declare function ListRow({ href, items, goTo, openMenu, pinnedActions, selected, selectionActive, onRowSelect, leading, className, children, }: {
+    href: string | null;
+    items: RowMenuItem[];
+    goTo: (to: string) => void;
+    openMenu: OpenMenu;
+    pinnedActions?: PinnedRowAction[];
+    className?: string;
+    /** Tints the whole row to mark it as part of a multi-selection. */
+    selected?: boolean;
+    /** When multi-selection is active, plain row click toggles selection instead of navigating. */
+    selectionActive?: boolean;
+    onRowSelect?: (e: ReactMouseEvent) => void;
+    /** Non-column cell rendered before the column cells; kept out of `children` so they stay aligned with `columns`. */
+    leading?: ReactNode;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** Name column min-width is by role, not position, so a leading checkbox doesn't shift it. */
+export declare function ListColumns<T>({ view }: {
+    view: ListView<T>;
+}): import("react").JSX.Element;
+export declare namespace ListColumns {
+    var isTableHeader: boolean;
+}
+/** Stable `goTo` for whole-row navigation (`rowNavProps`, `ListRow`). */
+export declare function useListNavigate(): (to: string) => void;
+export {};

package/dist/list/RowContextMenu.d.ts

@@ -109,5 +109,5 @@ export declare function copySubmenu({ name, nameLabel, email, username, uid, id,
 export declare function MoreButton({ onOpen, active, className, }: {
     onOpen: (x: number, y: number) => void;
     active?: boolean;
-    className?: string;
+    className?: string | undefined;
 }): import("react").JSX.Element;

package/dist/list/index.d.ts

@@ -1,3 +1,5 @@
+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 { 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';

package/dist/list/index.js

@@ -1,2 +1,3 @@
-import { A as useRowMenu, C as listTableProps, D as rowContextMenuProps, E as copySubmenu, O as toRowMenuItem, S as listTableFixedProps, T as assembleRowMenu, _ as ListSkeleton, a as ListSearchControl, b as RowSelectCheckbox, c as ListFilterMenu, d as DEFAULT_ORDER, f as FAVORITE_ORDER, g as ListError, h as ListActionsHeader, i as ListCount, j as useRowMenuActive, k as toolbarActionToRowAction, l as listControlButtonClasses, m as GroupRow, n as useHoverCard, o as useListSearch, p as useListView, r as ListPager, s as ListDisplayMenu, t as HoverCardSurface, u as isTextEntryContext, v as NAME_MIN_WIDTH_PX, w as MoreButton, x as actionsColumnWidth, y as NameCell } from "../chunks/list-CvDWt0TC.js";
-export { DEFAULT_ORDER, FAVORITE_ORDER, GroupRow, HoverCardSurface, ListActionsHeader, ListCount, ListDisplayMenu, ListError, ListFilterMenu, ListPager, ListSearchControl, ListSkeleton, MoreButton, NAME_MIN_WIDTH_PX, NameCell, RowSelectCheckbox, actionsColumnWidth, assembleRowMenu, copySubmenu, isTextEntryContext, listControlButtonClasses, listTableFixedProps, listTableProps, rowContextMenuProps, toRowMenuItem, toolbarActionToRowAction, useHoverCard, useListSearch, useListView, useRowMenu, useRowMenuActive };
+import { d as copySubmenu, f as rowContextMenuProps, g as useRowMenuActive, h as useRowMenu, l as MoreButton, m as toolbarActionToRowAction, p as toRowMenuItem, u as assembleRowMenu } from "../chunks/PageHeader-CSo3LVId.js";
+import { A as ToolbarButton, C as NAME_MIN_WIDTH_PX, D as listTableFixedProps, E as actionsColumnWidth, M as stickyTabsUnderHeaderClasses, N as stickyToolbarClasses, O as listTableProps, S as ListSkeleton, T as RowSelectCheckbox, _ as ListRowActionsProvider, a as ListSearchControl, b as ListActionsHeader, c as ListFilterMenu, d as DEFAULT_ORDER, f as FAVORITE_ORDER, g as ListRow, h as ListPage, i as ListCount, j as stickyTabsClasses, k as ActionToolbar, l as listControlButtonClasses, m as ListColumns, n as useHoverCard, o as useListSearch, p as useListView, r as ListPager, s as ListDisplayMenu, t as HoverCardSurface, u as isTextEntryContext, v as useListNavigate, w as NameCell, x as ListError, y as GroupRow } from "../chunks/list-CgzqVlao.js";
+export { ActionToolbar, DEFAULT_ORDER, FAVORITE_ORDER, GroupRow, HoverCardSurface, 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 };

package/dist/logviewer/index.js

@@ -1,5 +1,5 @@
 import { ArrowDownIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CopyIcon, DownloadIcon, ExpandIcon, ShrinkIcon, XIcon } from "../icons.js";
-import { c as useStrings, i as useNotify } from "../chunks/Provider-jQCAN3NN.js";
+import { c as useStrings, i as useNotify } from "../chunks/Provider-BIL5347a.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/styles/theme.css

@@ -19,6 +19,7 @@
   --theme-border: #d1d5db;
   --theme-element: #06354f;
   --theme-element-text: #ffffff;
+  --theme-element-hover: #053047;
   --theme-hover: #f3f4f6;
   --theme-hover-text: #000000;
   --theme-link: #428bca;
@@ -46,6 +47,7 @@
   --theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
   --theme-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
   --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
+  --theme-auth-shadow: 0 25px 80px -20px rgba(0, 0, 0, 0.2), 0 10px 30px -10px rgba(0, 0, 0, 0.1);
 }
 
 @utility theme-element {