@parallelworks/ui 0.5.1 → 0.5.3

package/dist/chunks/{editor-DbDUZn8w.js → editor-4ZuZruLz.js}

@@ -1,5 +1,5 @@
 import { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from "../icons.js";
-import { c as useStrings, i as useNotify } from "./Provider-wC9G01Ou.js";
+import { c as useStrings, i as useNotify } from "./Provider-BIL5347a.js";
 import { t as Loader } from "./Loader-BXoXTZGc.js";
 import { t as SwitchToggleSmall } from "./SwitchToggleSmall-FcsaYSTs.js";
 import { c as FieldWrapper, n as flattenGroups, r as impureSetValueFromPath } from "./lib-DTgL8klR.js";
@@ -9,7 +9,7 @@ import { Suspense, lazy, useMemo, useRef, useState } from "react";
 import { convertToDynamicForm, parseStringsOfObj, parseStringsOfObjReady } from "@parallelworks/workflow-parser";
 import { useField, useFormikContext } from "formik";
 //#region src/editor/Editor.tsx
-var MonacoEditor = lazy(() => import("./Monaco-FlGHL7zR.js"));
+var MonacoEditor = lazy(() => import("./Monaco-H1M5hQbJ.js"));
 function Editor({ ...props }) {
 	return /* @__PURE__ */ jsx(Suspense, {
 		fallback: /* @__PURE__ */ jsx(Loader, { text: "Loading editor..." }),

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

@@ -1,12 +1,189 @@
-import { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, DisplayIcon, ErrorIcon, FilterIcon, SearchIcon, XIcon } from "../icons.js";
-import { c as useStrings, n as useLink } from "./Provider-wC9G01Ou.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/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 {
+		"data-tooltip-id": TOOLTIP_ID,
+		"data-tooltip-place": place,
+		...content !== void 0 && { "data-tooltip-content": content }
+	};
+}
+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;
+	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,
+		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
+		})
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: action.onClick,
+		className,
+		...tooltipProps,
+		children: content
+	});
+}
+/** 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 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
+			},
+			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))
+			})
+		})]
+	});
+}
+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++;
+	}
+	return count;
+}
+/** 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;
+		}
+		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 })]
+	});
+}
+/** 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
 //#region src/list/ListTable.tsx
 var NAME_TEXT = "font-medium text-[13px] leading-tight text-(--theme-app) truncate";
 var SUBTITLE_TEXT = "text-xs leading-tight text-(--theme-muted-text-color) truncate";
@@ -152,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",
@@ -451,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",
@@ -501,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
@@ -512,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
@@ -523,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
@@ -944,4 +1250,4 @@ function HoverCardSurface({ x, y, widthClassName, relayoutKey, onKeepOpen, onLea
 	}), document.querySelector(".ds-root") ?? document.body);
 }
 //#endregion
-export { listTableProps as C, listTableFixedProps as S, 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, 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, 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 };

package/dist/components/PageHeader.d.ts

@@ -55,7 +55,7 @@ export declare function BreadcrumbsActionButton({ icon: Icon, label, to, onClick
     tooltip?: string;
 }): import("react").JSX.Element;
 interface PageHeaderProps {
-    breadcrumbs?: PageHeaderBreadcrumb[];
+    breadcrumbs?: PageHeaderBreadcrumb[] | undefined;
     title?: ReactNode;
     titleAction?: ReactNode;
     actions?: ReactNode;

package/dist/components/Provider.d.ts

@@ -339,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;

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-DbDUZn8w.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,12 +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-CXSi9ELO.js";
-import { a as useProvisionCorsRules, c as useStrings, i as useNotify, s as useSlots } from "../chunks/Provider-wC9G01Ou.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 { c as useRowMenuActive, n as assembleRowMenu, r as copySubmenu, s as useRowMenu, t as MoreButton } from "../chunks/RowContextMenu-D3G3DPQk.js";
-import { C as listTableProps, S as listTableFixedProps, _ as ListSkeleton, b as RowSelectCheckbox, h as ListActionsHeader } from "../chunks/list-CGbR-ueU.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";
@@ -1537,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", {
@@ -1547,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))
@@ -2519,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-KwzSyk3-.js"));
+var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-Uij_Npp4.js"));
 var PREVIEW_MARKDOWN_CONTROLS = {
 	table: { fullscreen: false },
 	mermaid: { fullscreen: false }
@@ -4293,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());
@@ -5083,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,
@@ -5107,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-wC9G01Ou.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-CkYT1isd.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-D_H1iJEe.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";