@parallelworks/ui 0.3.1 → 0.5.0

package/dist/chunks/useCssIsDark-DHr05dG2.js

@@ -0,0 +1,38 @@
+import { useEffect, useState } from "react";
+//#region src/components/useCssIsDark.ts
+function readIsDark() {
+	const scheme = getComputedStyle(document.documentElement).colorScheme;
+	const dark = scheme.includes("dark");
+	if (dark !== scheme.includes("light")) return dark;
+	if (typeof window.matchMedia !== "function") return false;
+	return window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+/**
+* Follows the host's CSS color-scheme, the same signal the log viewer's
+* light-dark() palette uses — no provider API involved. For the rare concrete
+* pick (editor themes, image variants) the tokens cannot express.
+*/
+function useCssIsDark() {
+	const [isDark, setIsDark] = useState(readIsDark);
+	useEffect(() => {
+		const update = () => setIsDark(readIsDark());
+		const media = typeof window.matchMedia === "function" ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
+		media?.addEventListener("change", update);
+		const observer = new MutationObserver(update);
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: [
+				"style",
+				"class",
+				"data-theme"
+			]
+		});
+		return () => {
+			media?.removeEventListener("change", update);
+			observer.disconnect();
+		};
+	}, []);
+	return isDark;
+}
+//#endregion
+export { useCssIsDark as t };

package/dist/components/AddMenu.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+export interface HeaderAddMenuItem {
+    label: string;
+    icon?: ReactNode;
+    to?: string;
+    onSelect?: () => void;
+    disabled?: boolean;
+    separatorAbove?: boolean;
+}
+export declare function AddMenu({ items, label, buttonClassName, zClassName, children, }: {
+    items: HeaderAddMenuItem[];
+    label: string;
+    buttonClassName?: string;
+    /** Raise above modals when needed (e.g. z-[9999]). */
+    zClassName?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/BareModal.d.ts

@@ -0,0 +1,17 @@
+import type { KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+/** Omit when the content supplies its own panel styling. */
+export declare const modalPanelClasses = "rounded-xl border border-(--theme-border) bg-(--theme-app-bg) text-(--theme-app) shadow-2xl";
+export declare function BareModal({ open, onClose, ariaLabel, className, onPanelKeyDown, onPanelMouseDown, align, preventClose, children, }: {
+    open: boolean;
+    onClose: () => void;
+    ariaLabel?: string;
+    className?: string;
+    onPanelKeyDown?: (e: ReactKeyboardEvent<HTMLDivElement>) => void;
+    onPanelMouseDown?: (e: ReactMouseEvent<HTMLDivElement>) => void;
+    /** Vertical placement of the panel. Defaults to the ds top-anchored position. */
+    align?: 'top' | 'center';
+    /** Block the accidental-dismiss paths (backdrop click, Escape) so typed
+     * input isn't lost. The explicit close controls still work. */
+    preventClose?: boolean;
+    children: ReactNode;
+}): import("react").ReactPortal | null;

package/dist/components/Button.d.ts

@@ -0,0 +1,18 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'default' | 'sm' | 'lg';
+    loading?: boolean;
+    icon?: ReactNode;
+    iconPosition?: 'left' | 'right';
+    fullWidth?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface MethodButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: ReactNode;
+    label: string;
+    description?: string;
+    href?: string;
+}
+export declare function MethodButton({ icon, label, description, href, className, ...props }: MethodButtonProps): import("react").JSX.Element;
+export {};

package/dist/components/Card.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+interface CardProps {
+    children: ReactNode;
+    className?: string;
+    wide?: boolean;
+    compact?: boolean;
+    interactive?: boolean;
+    authShadow?: boolean;
+}
+export declare function Card({ children, className, wide, compact, interactive, authShadow, }: CardProps): import("react").JSX.Element;
+interface CardHeaderProps {
+    badge?: ReactNode;
+    title: string;
+    description?: ReactNode;
+    className?: string;
+    align?: 'center' | 'left';
+}
+export declare function CardHeader({ badge, title, description, className, align, }: CardHeaderProps): import("react").JSX.Element;
+export {};

package/dist/components/ConfirmModal.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+export declare function ConfirmModal({ open, onClose, title, description, children, confirmLabel, onConfirm, confirmDisabled, destructive, align, cancelLabel, closeOnConfirm, }: {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    description?: ReactNode;
+    children?: ReactNode;
+    confirmLabel: string;
+    /** An async handler keeps both buttons disabled until it settles. */
+    onConfirm: () => void | Promise<unknown>;
+    confirmDisabled?: boolean;
+    destructive?: boolean;
+    align?: 'top' | 'center';
+    cancelLabel?: string;
+    /** When false, the dialog stays open after a successful confirm. */
+    closeOnConfirm?: boolean;
+}): import("react").JSX.Element;

package/dist/components/CreateModal.d.ts

@@ -0,0 +1,92 @@
+import type { InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
+import { type HeaderAddMenuItem } from './AddMenu.js';
+interface CreateModalProps {
+    open: boolean;
+    onClose: () => void;
+    typeIcon?: ReactNode;
+    typeLabel: string;
+    /** Makes the type chip a dropdown to switch between sibling form types. */
+    typeMenu?: HeaderAddMenuItem[];
+    namePlaceholder: string;
+    hideName?: boolean;
+    initialName?: string;
+    showDescription?: boolean;
+    descriptionPlaceholder?: string;
+    submitLabel?: string;
+    submittingLabel?: string;
+    validateName?: (name: string) => string | null;
+    /** Normalize the name as the user types (e.g. strip disallowed characters). */
+    sanitizeName?: (name: string) => string;
+    nameHint?: (name: string) => ReactNode;
+    children?: ReactNode;
+    properties?: ReactNode;
+    advanced?: ReactNode;
+    submitDisabled?: boolean;
+    /** Hide the primary submit button and label the dismiss button "Close". */
+    hideSubmit?: boolean;
+    nameOptional?: boolean;
+    onNameChange?: (name: string) => void;
+    /** Additional unsaved input in `children`/`properties` that should block an
+     * accidental dismiss (name/description/favorite are already tracked). */
+    dirty?: boolean;
+    /** Show a favorite toggle in the footer. */
+    showFavorite?: boolean;
+    /** Resolves true to close the modal, false to keep it open (e.g. on error). */
+    onSubmit: (name: string, description: string, favorite: boolean) => Promise<boolean>;
+}
+/** Submits on Enter in the name field or ⌘/Ctrl+Enter from anywhere in the panel. */
+export declare function CreateModal({ open, onClose, typeIcon, typeLabel, typeMenu, namePlaceholder, hideName, initialName, showDescription, descriptionPlaceholder, submitLabel, submittingLabel, validateName, sanitizeName, nameHint, children, properties, advanced, submitDisabled, hideSubmit, nameOptional, onNameChange, dirty, showFavorite, onSubmit, }: CreateModalProps): import("react").JSX.Element;
+/** Labeled single-line input row for the dialog's extra fields. */
+export declare function CreateModalField({ label, tooltip, ...props }: InputHTMLAttributes<HTMLInputElement> & {
+    label: string;
+    /** Help text surfaced via an info icon next to the label. */
+    tooltip?: string;
+}): import("react").JSX.Element;
+/** Labeled multi-line field for credential blobs (JSON keys, PEM keys). */
+export declare function CreateModalTextarea({ label, tooltip, rows, ...props }: TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    label: string;
+    /** Help text surfaced via an info icon next to the label. */
+    tooltip?: string;
+}): import("react").JSX.Element;
+/** Labeled input row with typeahead suggestions; free-form values allowed. */
+export declare function CreateModalAutocompleteField({ label, tooltip, value, onChange, options, placeholder, }: {
+    label: string;
+    /** Help text surfaced via an info icon next to the label. */
+    tooltip?: string;
+    value: string;
+    onChange: (value: string) => void;
+    options: string[];
+    placeholder?: string;
+}): import("react").JSX.Element;
+/** Compact property pill with an on/off switch. */
+export declare function CreateModalSwitch({ label, checked, onChange, tooltip, }: {
+    label: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    /** Help text surfaced on hover (explains what the toggle does). */
+    tooltip?: string;
+}): import("react").JSX.Element;
+export interface CreateModalSelectOption {
+    label: string;
+    value: string;
+    /** Small leading icon (e.g. the resource's provider icon). */
+    icon?: ReactNode;
+    /** Category header to group this option under in the dropdown. */
+    group?: string;
+}
+/** Compact property pill with a dropdown of options. Options may carry leading
+ * icons and group headers (e.g. Clusters vs Kubernetes). */
+export declare function CreateModalSelect({ label, icon, value, options, onChange, disabled, disabledHint, tooltip, }: {
+    label: string;
+    icon?: ReactNode;
+    value?: string;
+    options: CreateModalSelectOption[];
+    onChange: (value: string) => void;
+    /** Gray the pill out (e.g. while a prerequisite pill is unset). */
+    disabled?: boolean;
+    /** Shown as the pill's tooltip while disabled (e.g. the prerequisite). */
+    disabledHint?: string;
+    /** Help text surfaced on hover (explains what the pill selects). */
+    tooltip?: string;
+}): import("react").JSX.Element;
+export {};

package/dist/components/Filter.d.ts

@@ -0,0 +1,15 @@
+interface FilterPill {
+    label: string;
+    value: string;
+}
+interface FilterProps {
+    filter: string;
+    setFilter: (value: string) => void;
+    placeholder?: string;
+    /** Optional filter pills rendered before the search input */
+    pills?: FilterPill[];
+    activePill?: string;
+    onPillChange?: (value: string) => void;
+}
+export default function Filter({ filter, setFilter, placeholder, pills, activePill, onPillChange, }: FilterProps): import("react").JSX.Element;
+export {};

package/dist/components/FilterPill.d.ts

@@ -0,0 +1,7 @@
+interface FilterPillProps {
+    active: boolean;
+    onClick: () => void;
+    children: React.ReactNode;
+}
+export declare function FilterPill({ active, onClick, children }: FilterPillProps): import("react").JSX.Element;
+export {};

package/dist/components/IconButton.d.ts

@@ -0,0 +1,17 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Icon to display */
+    icon: ReactNode;
+    /** Accessible label (used for aria-label and tooltip) */
+    label: string;
+    /** Button variant */
+    variant?: 'default' | 'ghost' | 'primary' | 'success';
+    /** Size of the button */
+    size?: 'sm' | 'md' | 'lg';
+    /** Whether button is in active/selected state */
+    active?: boolean;
+    /** Whether to show tooltip on hover */
+    showTooltip?: boolean;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/Input.d.ts

@@ -0,0 +1,14 @@
+import type { InputHTMLAttributes, TextareaHTMLAttributes, ReactNode } from 'react';
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: ReactNode;
+    error?: string;
+    mono?: boolean;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    mono?: boolean;
+}
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/LetterBadge.d.ts

@@ -0,0 +1,6 @@
+/** A compact letter badge ("AI", "PUB", "SSH") used as a type mark in place of
+ * an icon. Size the box and text via className (e.g. "h-5 w-5 text-[8px]"). */
+export declare function LetterBadge({ text, className, }: {
+    text: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Loader.d.ts

@@ -5,6 +5,7 @@ interface LoaderProps {
     color?: string;
     full?: boolean;
     loaderStyle?: React.CSSProperties;
+    variant?: 'spinner' | 'logo';
 }
-export default function Loader({ size, text, textSize, full, color, loaderStyle, }: LoaderProps): import("react").JSX.Element;
+export default function Loader({ size, text, textSize, full, color, loaderStyle, variant, }: LoaderProps): import("react").JSX.Element;
 export {};

package/dist/components/Pagination.d.ts

@@ -0,0 +1,15 @@
+interface IPaginationProps {
+    nextCallback: () => void;
+    prevCallback: () => void;
+    startingNumber?: string | number;
+    endingNumber?: string | number;
+    startingTime?: string;
+    endingTime?: string;
+    nextDisabled: boolean;
+    prevDisabled: boolean;
+    name?: string;
+    roundedBottom?: boolean;
+    useTimeRange?: boolean;
+}
+declare function Pagination({ endingNumber, endingTime, nextCallback, prevCallback, roundedBottom, startingNumber, startingTime, nextDisabled, prevDisabled, name, useTimeRange, }: IPaginationProps): import("react").JSX.Element;
+export { Pagination };

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;
@@ -295,6 +309,31 @@ export interface UIStrings {
         labelId: string;
         labelUrl: string;
         couldNotLoad: (noun: string) => string;
+        displayOptions: string;
+        grouping: string;
+        ordering: string;
+        orderDefault: string;
+        orderFavorites: string;
+        ascending: string;
+        descending: string;
+        columnHeaders: string;
+        showColumnHeaders: string;
+        showActions: string;
+        showRowActions: string;
+        alwaysShowActions: string;
+        alwaysShowRowActions: string;
+        displayProperties: string;
+        pinnedActions: string;
+        pinnedActionsHelp: string;
+        reset: string;
+        none: string;
+        filter: string;
+        clear: string;
+        pager: (start: number, end: number, total: number) => string;
+        paginationPrevious: string;
+        paginationNext: string;
+        paginationShowing: (name: string, start: number | string, end: number | string) => ReactNode;
+        paginationShowingTimeRange: (name: string, startTime: string, endTime: string) => ReactNode;
     };
 }
 export interface UINavigation {
@@ -397,18 +436,6 @@ 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>;
-    }) => ReactNode;
 }
 export interface UIProviderValue {
     notify: UINotify;

package/dist/components/SettingModeOption.d.ts

@@ -0,0 +1,13 @@
+/** A labeled + described radio option row, used inside a SettingsCard to pick
+ * between modes (e.g. default vs custom). Stacked rows share the card's
+ * dividers via `isFirst`. */
+export declare function SettingModeOption({ name, checked, onSelect, label, description, isFirst, disabled, }: {
+    /** Radio group name; shared across the options of one picker. */
+    name: string;
+    checked: boolean;
+    onSelect: () => void;
+    label: string;
+    description: string;
+    isFirst?: boolean;
+    disabled?: boolean;
+}): import("react").JSX.Element;

package/dist/components/SettingRow.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+export declare function SettingRow({ label, htmlFor, helpText, children, isFirst, fill, onClick, }: {
+    label: string;
+    htmlFor?: string;
+    helpText?: ReactNode;
+    children: ReactNode;
+    isFirst?: boolean;
+    /** When set, the control column fills and left-aligns for full-width inputs; default is the compact right-aligned control. */
+    fill?: boolean;
+    /** Makes the whole row a click target for its control (e.g. a toggle). The
+     * control still handles its own click; stop propagation there to avoid a
+     * double toggle. */
+    onClick?: () => void;
+}): import("react").JSX.Element;
+export declare function SettingSection({ title, isFirst, }: {
+    title: string;
+    isFirst?: boolean;
+}): import("react").JSX.Element;

package/dist/components/SettingsCard.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+interface SettingsCardProps {
+    /** Sentence-case section label above the card. Omit on the first card of a
+     * page, where the page title already names the section. */
+    title?: string;
+    description?: ReactNode;
+    /** Control rendered on the right of the section label (e.g. a small action). */
+    action?: ReactNode;
+    /** 'adjacent' (default) sits the action next to the title (e.g. a `+`);
+     * 'right' pushes it to the far edge of the header (e.g. a Save button). */
+    actionAlign?: 'adjacent' | 'right';
+    /** Let inner content (e.g. a dropdown menu) overflow the panel instead of
+     * being clipped to its rounded corners. */
+    overflowVisible?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * A settings card: an optional sentence-case section label sits above a
+ * bordered panel of rows. The label carries the breathing-room rhythm between
+ * cards; the rows inside provide their own dividers via SettingRow's `isFirst`.
+ */
+export default function SettingsCard({ title, description, action, actionAlign, overflowVisible, children, className, }: SettingsCardProps): import("react").JSX.Element;
+export {};

package/dist/components/SettingsGroup.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+interface SettingsGroupProps {
+    title?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export default function SettingsGroup({ title, children, className, }: SettingsGroupProps): React.JSX.Element;
+export {};

package/dist/components/Sort.d.ts

@@ -0,0 +1,9 @@
+export type TDirection = 'ascending' | 'descending' | 'unsorted';
+declare function Sort<T extends string>({ currentlySorted, name, setCurrentDirection, setCurrentlySorted, currentDirection, }: {
+    currentlySorted: T | null;
+    name: NoInfer<T>;
+    setCurrentDirection: (direction: TDirection) => void;
+    setCurrentlySorted: (value: NoInfer<T> | '') => void;
+    currentDirection: TDirection;
+}): import("react").JSX.Element;
+export default Sort;

package/dist/components/Toggle.d.ts

@@ -0,0 +1,6 @@
+export declare function Toggle({ checked, onChange, disabled, label, }: {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+}): import("react").JSX.Element;

package/dist/components/dropdownUtils.d.ts

@@ -15,4 +15,14 @@ export declare function isCategory<T>(option: ICategory<T> | IOptions<T> | strin
 export declare function isOption<T>(option: ICategory<T> | IOptions<T> | string): option is IOptions<T>;
 export declare function flattenOptions<T>(options: (ICategory<T> | IOptions<T> | string)[]): (IOptions<T> | ICategory<T>)[];
 export declare function filterOption<T>(option: IOptions<T>, query: string): boolean;
+export type FlatOption = IOptions & {
+    category?: boolean;
+};
+export declare function flattenFilteredOptions({ options, query, selectedValue, allowCustomValue, customValueLabel, }: {
+    options: (ICategory | IOptions)[];
+    query: string;
+    selectedValue?: unknown;
+    allowCustomValue?: boolean;
+    customValueLabel?: string;
+}): FlatOption[];
 export declare function DropdownCaret(): React.JSX.Element;

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/components/inputClasses.d.ts

@@ -0,0 +1 @@
+export declare const inputClasses = "w-full rounded-md border theme-border bg-(--theme-input-bg) px-3 py-2 text-sm text-(--theme-panel) outline-none focus:ring-2 focus:ring-(--theme-element)";

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-D55tumuZ.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-CEXg6C8X.js";
+export { Editor, EditorField, FormCodePanel, defineEditorThemes, getThemeName, setupMonacoWorkers };

package/dist/file-explorer/index.js

@@ -1,12 +1,11 @@
 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-C5Re2ezs.js";
-import { a as useProvisionCorsRules, c as useStrings, i as useNotify, s as useSlots } from "../chunks/Provider-DvVvScTQ.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 { 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 { _ as useRowMenu, d as MoreButton, f as assembleRowMenu, i as ListSkeleton, l as listTableFixedProps, n as ListActionsHeader, p as copySubmenu, s as RowSelectCheckbox, u as listTableProps, v as useRowMenuActive } from "../chunks/list-7PyDF1tz.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 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";
@@ -39,10 +38,11 @@ function getNodeName(node) {
 	return parts[parts.length - 1];
 }
 function buildTreeFromStorage(storage, unsortedParents) {
-	if (!storage || !storage.objects) return {
+	if (!storage) return {
 		treeMap: {},
 		parentToChildrenMap: {}
 	};
+	const objects = storage.objects ?? [];
 	const cspBucketName = storage.bucketName || storage.name;
 	const storagePath = storage.user ? ensureTrailingSlash(`${storage.user}/${storage.name}`) : ensureTrailingSlash(storage.name);
 	const treeMap = { [storagePath]: {
@@ -60,8 +60,8 @@ function buildTreeFromStorage(storage, unsortedParents) {
 		storageType: storage.type,
 		root: true
 	} };
-	const directories = storage.objects.filter((obj) => obj.type === "directory");
-	const files = storage.objects.filter((obj) => obj.type === "file");
+	const directories = objects.filter((obj) => obj.type === "directory");
+	const files = objects.filter((obj) => obj.type === "file");
 	directories.forEach((dir) => {
 		const fullPath = ensureTrailingSlash(`${storagePath}${removeLeadingSlash(removeTrailingSlash(dir.path))}`);
 		treeMap[fullPath] = {
@@ -2518,7 +2518,7 @@ function useObjectText(url, { enabled, maxBytes, maxLines, knownSize, cacheKey,
 }
 //#endregion
 //#region src/file-explorer/FilePreview/Viewer.tsx
-var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-CSPRILMp.js"));
+var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-CBtYRZi6.js"));
 var PREVIEW_MARKDOWN_CONTROLS = {
 	table: { fullscreen: false },
 	mermaid: { fullscreen: false }
@@ -5498,7 +5498,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" }),
@@ -5513,19 +5513,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: [
@@ -5574,19 +5573,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", {