@parallelworks/ui 0.4.0 → 0.5.1

package/dist/components/Provider.d.ts

@@ -29,6 +29,20 @@ export interface UINotify {
 }
 export interface UIStrings {
     loading: string;
+    modal: {
+        cancel: string;
+        close: string;
+        create: string;
+        creating: string;
+        addDescription: string;
+        advanced: string;
+        favorite: string;
+        favorited: string;
+        favoriteHintOn: string;
+        favoriteHintOff: string;
+        filter: string;
+        noOptions: string;
+    };
     common: {
         copy: string;
         copied: string;
@@ -36,6 +50,8 @@ export interface UIStrings {
         showHiddenFields: string;
         showHiddenFieldsHint: string;
         jsonHasErrors: string;
+        add: string;
+        create: string;
     };
     dropdown: {
         select: (type: string) => string;
@@ -368,12 +384,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;
@@ -422,17 +443,9 @@ export interface UISlots {
         storage: unknown;
         groups?: unknown;
     }) => ReactNode;
-    /** The storage explorer's create-folder dialog; absent hides the affordance. */
-    createFolderDialog?: (args: {
-        open: boolean;
-        onClose: () => void;
-        typeIcon?: ReactNode;
-        typeLabel: string;
-        namePlaceholder: string;
-        submitLabel: string;
-        submittingLabel: string;
-        validateName: (name: string) => string | null;
-        onSubmit: (name: string) => Promise<boolean>;
+    /** Pin affordance rendered after the page header's crumb trail; absent hides it. */
+    breadcrumbPin?: (args: {
+        crumbs: readonly PageHeaderCrumb[];
     }) => ReactNode;
 }
 export interface UIProviderValue {

package/dist/components/ghostButton.d.ts

@@ -0,0 +1,4 @@
+export declare const ghostButtonClasses = "inline-flex cursor-pointer items-center gap-1.5 h-8 px-3 rounded-md text-sm text-(--theme-muted-text-color) hover:text-(--theme-app) hover:bg-(--theme-muted-panel-bg) transition-colors";
+export declare const primaryButtonClasses = "inline-flex cursor-pointer items-center gap-1.5 h-7 px-2.5 rounded-md text-[12.5px] font-medium bg-(--theme-element) text-(--theme-element-text) hover:opacity-90 transition-opacity";
+/** Filled destructive button for confirming irreversible actions in ds modals. */
+export declare const dangerButtonClasses = "inline-flex cursor-pointer items-center gap-1.5 h-7 px-2.5 rounded-md text-[12.5px] font-medium bg-red-600 text-white hover:bg-red-700 transition-colors";

package/dist/editor/index.d.ts

@@ -4,4 +4,3 @@ export { default as FormCodePanel } from './FormCodePanel.js';
 export type { EditorMarketplaceItem, EditorWorkflowItem, IEditorProps, ISchemaError, } from './Monaco.js';
 export { defineEditorThemes, getThemeName } from './themes.js';
 export { setupMonacoWorkers } from './workers.js';
-export { useCssIsDark } from './useCssIsDark.js';

package/dist/editor/index.js

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

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 { i as Callout, n as CopyCodeBlock, r as CopyToClipboard, t as Markdown } from "../chunks/Markdown-iFhq8Gb0.js";
-import { a as useProvisionCorsRules, c as useStrings, i as useNotify, s as useSlots } from "../chunks/Provider-uUHgWOWc.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 { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-WgbiC_nd.js";
-import { t as Loader } from "../chunks/Loader-DQiZ75fa.js";
-import { t as Modal } from "../chunks/Modal-sOUEwebV.js";
+import { t as Loader } from "../chunks/Loader-BXoXTZGc.js";
 import { t as StatusBadge } from "../chunks/StatusBadge-DXp4zkSd.js";
-import { n as Table } from "../chunks/Table-C5z6qWjM.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-D5f5Fq-O.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 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";
@@ -2519,7 +2519,7 @@ function useObjectText(url, { enabled, maxBytes, maxLines, knownSize, cacheKey,
 }
 //#endregion
 //#region src/file-explorer/FilePreview/Viewer.tsx
-var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-B3688Fx4.js"));
+var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-KwzSyk3-.js"));
 var PREVIEW_MARKDOWN_CONTROLS = {
 	table: { fullscreen: false },
 	mermaid: { fullscreen: false }
@@ -5499,7 +5499,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 				onDownload: downloadNode,
 				onCopyUri: copyNodeUri
 			}),
-			slots.createFolderDialog?.({
+			/* @__PURE__ */ jsx(CreateModal, {
 				open: !!createFolderTarget,
 				onClose: () => setCreateFolderTarget(null),
 				typeIcon: /* @__PURE__ */ jsx(FolderIcon, { className: "w-3 h-3" }),
@@ -5514,19 +5514,18 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 				className: "absolute inset-0 bg-(--theme-app-bg)/75 backdrop-blur-[2px] transition-opacity flex items-center justify-center z-50",
 				children: /* @__PURE__ */ jsx(Loader, { full: true })
 			}),
-			/* @__PURE__ */ jsx(Modal, {
-				isOpen: uploadModalOpen && !!pendingUpload,
-				close: () => {
+			/* @__PURE__ */ jsx(ConfirmModal, {
+				open: uploadModalOpen && !!pendingUpload,
+				onClose: () => {
 					setUploadModalOpen(false);
 					setPendingUpload(null);
 				},
-				type: "info",
+				align: "center",
 				title: t.confirmUpload.title,
-				text: t.confirmUpload.text(pendingUpload?.targetPath || t.confirmUpload.defaultPath),
-				actionLabel: t.confirmUpload.confirm,
-				action: handleUpload,
-				disableAction: pendingUpload ? isUploadSizeExceeded(pendingUpload.totalSize) : false,
-				fitWidth: true,
+				description: t.confirmUpload.text(pendingUpload?.targetPath || t.confirmUpload.defaultPath),
+				confirmLabel: t.confirmUpload.confirm,
+				onConfirm: handleUpload,
+				confirmDisabled: pendingUpload ? isUploadSizeExceeded(pendingUpload.totalSize) : false,
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "text-sm flex flex-col gap-2 mt-2 text-left",
 					children: [
@@ -5575,19 +5574,19 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 					]
 				})
 			}),
-			/* @__PURE__ */ jsx(Modal, {
-				isOpen: deleteModalOpen && !!pendingDelete,
-				close: () => {
+			/* @__PURE__ */ jsx(ConfirmModal, {
+				open: deleteModalOpen && !!pendingDelete,
+				onClose: () => {
 					setDeleteModalOpen(false);
 					setPendingDelete(null);
 					setCheckedItems(/* @__PURE__ */ new Set());
 				},
-				type: "destructive",
+				align: "center",
+				destructive: true,
 				title: t.confirmDelete.title,
-				text: t.confirmDelete.text,
-				actionLabel: t.confirmDelete.action,
-				action: handleDelete,
-				fitWidth: true,
+				description: t.confirmDelete.text,
+				confirmLabel: t.confirmDelete.action,
+				onConfirm: handleDelete,
 				children: /* @__PURE__ */ jsx("div", {
 					className: "text-sm flex flex-col gap-2 mt-2 text-left",
 					children: /* @__PURE__ */ jsx("ul", {

package/dist/form/index.js

@@ -1,10 +1,10 @@
 import { AngleRightIcon, EyeIcon, EyeOffIcon, SuccessCheckmark, TrashIcon } from "../icons.js";
-import { c as useStrings, s as useSlots } from "../chunks/Provider-uUHgWOWc.js";
+import { c as useStrings, s as useSlots } from "../chunks/Provider-wC9G01Ou.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-BqD0dE-L.js";
-import { t as Loader } from "../chunks/Loader-DQiZ75fa.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 { t as Loader } from "../chunks/Loader-BXoXTZGc.js";
 import { n as StatusDot } from "../chunks/StatusBadge-DXp4zkSd.js";
-import { n as Table } from "../chunks/Table-C5z6qWjM.js";
+import { n as Table } from "../chunks/Table-ByziK93x.js";
 import { a as resolvedFlag, c as FieldWrapper, i as initializeValues, n as flattenGroups, o as applySecondaryField, r as impureSetValueFromPath, s as findSecondaryOption, t as enforceOneMustBeTrue } from "../chunks/lib-DTgL8klR.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/index.d.ts

@@ -13,10 +13,15 @@ export { default as CustomListbox } from './components/Listbox.js';
 export { default as Loader } from './components/Loader.js';
 export { default as Markdown } from './components/Markdown.js';
 export type { MarkdownProps } from './components/Markdown.js';
-export { default as Modal, type ModalProps } from './components/Modal.js';
+export { BareModal, modalPanelClasses } from './components/BareModal.js';
+export { ConfirmModal } from './components/ConfirmModal.js';
+export { CreateModal, CreateModalAutocompleteField, CreateModalField, CreateModalSelect, type CreateModalSelectOption, CreateModalSwitch, CreateModalTextarea, } from './components/CreateModal.js';
+export { AddMenu, type HeaderAddMenuItem } from './components/AddMenu.js';
+export { dangerButtonClasses, ghostButtonClasses, primaryButtonClasses, } from './components/ghostButton.js';
 export { default as MultiSelectDropdown } from './components/MultiSelect.js';
 export { Overview } from './components/Overview.js';
 export { UIProvider, useNavigation, useNotify, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowJsonResolver, type RunFileResult, type WorkflowJsonRef, type UIData, type UINavigation, type UINotify, type UISlots, type UIStrings, } from './components/Provider.js';
+export { useCssIsDark } from './components/useCssIsDark.js';
 export { Indicator } from './components/Indicator.js';
 export { ControlledCollapsiblePanel, MaybeCollapsible, UncontrolledCollapsiblePanel, } from './components/CollapsiblePanel.js';
 export { default as SectionHeader } from './components/SectionHeader.js';
@@ -40,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,18 +1,21 @@
 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 { i as Callout, n as CopyCodeBlock, r as CopyToClipboard, t as Markdown } from "./chunks/Markdown-iFhq8Gb0.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-uUHgWOWc.js";
+import { AddIcon, AlertIcon, AngleRightIcon, ChevronRightIcon, EditIcon, EyeIcon, EyeOffIcon, FilterIcon, LoaderIcon, MoreIcon, 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-CXSi9ELO.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-wC9G01Ou.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-BqD0dE-L.js";
-import { t as Loader } from "./chunks/Loader-DQiZ75fa.js";
-import { t as Modal } from "./chunks/Modal-sOUEwebV.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-CkYT1isd.js";
+import { t as Loader } from "./chunks/Loader-BXoXTZGc.js";
+import { n as modalPanelClasses, t as BareModal } from "./chunks/BareModal-DBa84JZO.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 StatusDot, t as StatusBadge } from "./chunks/StatusBadge-DXp4zkSd.js";
-import { n as Table, t as CompactTable } from "./chunks/Table-C5z6qWjM.js";
+import { n as Table, t as CompactTable } from "./chunks/Table-ByziK93x.js";
+import { s as useRowMenu } from "./chunks/RowContextMenu-D3G3DPQk.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React, { forwardRef, useState } from "react";
+import React, { Fragment as Fragment$1, createContext, forwardRef, useContext, useEffect, useLayoutEffect, useState } from "react";
+import { createPortal } from "react-dom";
 import Skeleton from "react-loading-skeleton";
 //#region src/components/DescriptionList.tsx
 function DescriptionListItem({ label, children, tooltip, className, ...props }) {
@@ -187,7 +190,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
 	});
 }
@@ -534,4 +537,228 @@ function SettingModeOption({ name, checked, onSelect, label, description, isFirs
 	});
 }
 //#endregion
-export { Button, Callout, Card, CardHeader, CompactTable, ControlledCollapsiblePanel, CopyCodeBlock, CopyToClipboard, CustomListbox, DEFAULT_PRESET, DescriptionList, DescriptionListItem, Dropdown, DropdownCaret, EmptyState, Filter, FilterPill, GlobalTooltip, IconButton, Indicator, Input, LetterBadge, Loader, Markdown, MaybeCollapsible, MethodButton, Modal, 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, deriveTheme, filterOption, flattenOptions, formatTooltipContent, inputClasses, isCategory, isDarkColor, isOption, useNavigation, useNotify, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowJsonResolver };
+//#region src/components/Breadcrumbs.tsx
+var BreadcrumbContext = createContext({
+	breadcrumbs: [],
+	setBreadcrumbs: () => {},
+	rightsideBreadcrumb: null,
+	setRightsideBreadcrumb: () => {},
+	hidden: false,
+	setHidden: () => {},
+	titleActionSlot: null,
+	setTitleActionSlot: () => {},
+	rightActionSlot: null,
+	setRightActionSlot: () => {}
+});
+var useBreadcrumb = () => useContext(BreadcrumbContext);
+function BreadcrumbProvider({ children }) {
+	const [breadcrumbs, setBreadcrumbs] = React.useState([]);
+	const [rightsideBreadcrumb, setRightsideBreadcrumb] = React.useState(null);
+	const [hidden, setHidden] = React.useState(false);
+	const [titleActionSlot, setTitleActionSlot] = React.useState(null);
+	const [rightActionSlot, setRightActionSlot] = React.useState(null);
+	return /* @__PURE__ */ jsx(BreadcrumbContext.Provider, {
+		value: {
+			breadcrumbs,
+			setBreadcrumbs,
+			rightsideBreadcrumb,
+			setRightsideBreadcrumb,
+			hidden,
+			setHidden,
+			titleActionSlot,
+			setTitleActionSlot,
+			rightActionSlot,
+			setRightActionSlot
+		},
+		children
+	});
+}
+function useSetBreadcrumbs(getBreadcrumbs) {
+	const { setBreadcrumbs } = useBreadcrumb();
+	useLayoutEffect(() => {
+		setBreadcrumbs(typeof getBreadcrumbs === "function" ? getBreadcrumbs() : getBreadcrumbs);
+	}, [getBreadcrumbs, setBreadcrumbs]);
+}
+var EMPTY_BREADCRUMBS = [];
+/** For pages that render their own header instead of the breadcrumb strip. */
+function useClearBreadcrumbs() {
+	useSetBreadcrumbs(EMPTY_BREADCRUMBS);
+}
+function useHideBreadcrumbs(hidden) {
+	const { setHidden } = useBreadcrumb();
+	useEffect(() => {
+		setHidden(hidden);
+		return () => setHidden(false);
+	}, [hidden, setHidden]);
+}
+//#endregion
+//#region src/components/PageHeader.tsx
+var headerActionButtonClasses = "flex items-center justify-center w-6 h-6 rounded-md shrink-0 cursor-pointer text-(--theme-muted-text-color) hover:text-(--theme-app) hover:bg-(--theme-muted-panel-bg) transition-colors";
+var headerAddButtonClasses = "inline-flex h-[26px] shrink-0 items-center gap-1.5 rounded-md border border-(--theme-border) px-2 text-xs font-medium cursor-pointer text-(--theme-muted-text-color) hover:bg-(--theme-muted-panel-bg) hover:text-(--theme-app) transition-colors";
+/** 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. */
+function HeaderAddButton({ to, onClick, label, word = "add", menu }) {
+	const { common } = useStrings();
+	const Link = useLink();
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AddIcon, { className: "w-3 h-3" }), /* @__PURE__ */ jsx("span", { children: word === "create" ? common.create : common.add })] });
+	if (menu) return /* @__PURE__ */ jsx(AddMenu, {
+		items: menu,
+		label,
+		buttonClassName: headerAddButtonClasses,
+		children: content
+	});
+	if (to) return /* @__PURE__ */ jsx(Link, {
+		to,
+		"aria-label": label,
+		title: label,
+		className: headerAddButtonClasses,
+		children: content
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick,
+		"aria-label": label,
+		title: label,
+		className: headerAddButtonClasses,
+		children: content
+	});
+}
+function HeaderActionMenu({ items, label = "Actions" }) {
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsx(AddMenu, {
+		items,
+		label,
+		buttonClassName: headerActionButtonClasses,
+		children: /* @__PURE__ */ jsx(MoreIcon, { className: "w-3.5 h-3.5" })
+	});
+}
+/** The header "…" trigger for a RowMenuItem menu — same rendering (submenus,
+* destructive styling) as the list pages' right-click context menus. */
+function HeaderRowMenu({ items, label = "Actions" }) {
+	const { openMenu, contextMenu } = useRowMenu();
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": label,
+		title: label,
+		className: headerActionButtonClasses,
+		onClick: (e) => {
+			const r = e.currentTarget.getBoundingClientRect();
+			openMenu(r.left, r.bottom + 4, items);
+		},
+		children: /* @__PURE__ */ jsx(MoreIcon, { className: "w-3.5 h-3.5" })
+	}), contextMenu] });
+}
+function HeaderEditButton({ to, onClick, label = "Edit", disabled, tooltip }) {
+	const Link = useLink();
+	const tooltipProps = tooltip ? {
+		"data-tooltip-id": TOOLTIP_ID,
+		"data-tooltip-content": tooltip
+	} : {};
+	if (to && !disabled) return /* @__PURE__ */ jsx(Link, {
+		to,
+		"aria-label": label,
+		...tooltip ? {} : { title: label },
+		className: headerActionButtonClasses,
+		...tooltipProps,
+		children: /* @__PURE__ */ jsx(EditIcon, { className: "w-3 h-3" })
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick,
+		disabled,
+		"aria-label": label,
+		title: tooltip ? void 0 : label,
+		className: cx(headerActionButtonClasses, disabled && "opacity-50 cursor-not-allowed hover:bg-transparent"),
+		...tooltipProps,
+		children: /* @__PURE__ */ jsx(EditIcon, { className: "w-3 h-3" })
+	});
+}
+/** Renders nothing when the modern breadcrumb strip isn't mounted (classic chrome or self-headered pages). */
+function BreadcrumbsTitleAction({ children }) {
+	const { titleActionSlot } = useBreadcrumb();
+	if (!titleActionSlot) return null;
+	return createPortal(children, titleActionSlot);
+}
+function BreadcrumbsRightAction({ children }) {
+	const { rightActionSlot } = useBreadcrumb();
+	if (!rightActionSlot) return null;
+	return createPortal(children, rightActionSlot);
+}
+var breadcrumbsActionClasses = "flex items-center gap-1 link text-xs whitespace-nowrap disabled:opacity-50 disabled:cursor-not-allowed";
+function BreadcrumbsActionButton({ icon: Icon, label, to, onClick, disabled, tooltip }) {
+	const Link = useLink();
+	const tip = tooltip ? {
+		"data-tooltip-id": TOOLTIP_ID,
+		"data-tooltip-content": tooltip
+	} : {};
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, { className: "w-3 h-3" }), label] });
+	if (to && !disabled) return /* @__PURE__ */ jsx(Link, {
+		to,
+		className: breadcrumbsActionClasses,
+		...tip,
+		children: content
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick,
+		disabled,
+		className: breadcrumbsActionClasses,
+		...tip,
+		children: content
+	});
+}
+function PageHeader({ breadcrumbs, title, titleAction, actions, toolbar, className, sticky = true, stickyTopClassName = "top-0" }) {
+	const { setHidden } = useBreadcrumb();
+	const Link = useLink();
+	const { breadcrumbPin } = useSlots();
+	useLayoutEffect(() => {
+		setHidden(true);
+		return () => setHidden(false);
+	}, [setHidden]);
+	const crumbs = [...breadcrumbs ?? []];
+	const lastLabel = crumbs[crumbs.length - 1]?.label;
+	if (title !== null && title !== void 0 && title !== lastLabel) crumbs.push({ label: title });
+	const crumbRow = crumbs.length > 0 && /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1.5 min-w-0",
+		children: [
+			/* @__PURE__ */ jsx("nav", {
+				"aria-label": "Breadcrumb",
+				className: "flex items-center gap-2 min-w-0 text-[13px]",
+				children: crumbs.map((crumb, idx) => {
+					if (idx === crumbs.length - 1) return /* @__PURE__ */ jsx("h1", {
+						className: "m-0 text-[13px] font-medium leading-none text-(--theme-app) truncate",
+						children: crumb.label
+					}, `${crumb.label}-${idx}`);
+					return /* @__PURE__ */ jsxs(Fragment$1, { children: [crumb.href ? /* @__PURE__ */ jsx(Link, {
+						to: crumb.href,
+						className: "text-(--theme-muted-text-color) hover:text-(--theme-app) transition-colors cursor-pointer whitespace-nowrap",
+						children: crumb.label
+					}) : /* @__PURE__ */ jsx("span", {
+						className: "text-(--theme-muted-text-color) whitespace-nowrap",
+						children: crumb.label
+					}), /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3 h-3 opacity-60 shrink-0 text-(--theme-muted-text-color)" })] }, `${crumb.label}-${idx}`);
+				})
+			}),
+			titleAction,
+			breadcrumbPin?.({ crumbs })
+		]
+	});
+	const actionCluster = actions && /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-1.5 shrink-0",
+		children: actions
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(sticky && cx("sticky z-20", stickyTopClassName), "w-full bg-(--theme-app-bg)", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cx("flex items-center justify-between gap-6 px-4 h-11", crumbRow && "border-b border-(--theme-border)"),
+			children: [crumbRow || /* @__PURE__ */ jsx("div", {}), actionCluster]
+		}), toolbar && /* @__PURE__ */ jsx("div", {
+			className: "px-4",
+			children: toolbar
+		})]
+	});
+}
+//#endregion
+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/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-D5f5Fq-O.js";
+import { a as toRowMenuItem, c as useRowMenuActive, i as rowContextMenuProps, n as assembleRowMenu, o as toolbarActionToRowAction, r as copySubmenu, s as useRowMenu, t as MoreButton } from "../chunks/RowContextMenu-D3G3DPQk.js";
+import { C as listTableProps, S as listTableFixedProps, _ 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, 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, x as actionsColumnWidth, y as NameCell } from "../chunks/list-CGbR-ueU.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 };

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-uUHgWOWc.js";
+import { c as useStrings, i as useNotify } from "../chunks/Provider-wC9G01Ou.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

@@ -46,6 +46,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 {
@@ -213,3 +214,24 @@
   background-color: #ef4444;
   color: #ffffff;
 }
+
+@keyframes logo-loader-ripple {
+  0%,
+  100% {
+    opacity: 0.18;
+  }
+  30% {
+    opacity: 1;
+  }
+}
+
+.logo-loader-ring {
+  animation: logo-loader-ripple 2.2s ease-in-out infinite backwards;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .logo-loader-ring {
+    animation: none;
+    opacity: 1;
+  }
+}