@parallelworks/ui 0.20.0 → 0.21.1

package/dist/file-explorer/FilePreview/useObjectBlobUrl.js

@@ -3,44 +3,40 @@ import { fetchPreviewObject, loadPreviewContent, peekPreviewContent } from "./pr
 import { readCappedBytes } from "./readCappedBytes.js";
 import { useEffect, useState } from "react";
 //#region src/file-explorer/FilePreview/useObjectBlobUrl.ts
+var IDLE = {
+	blobUrl: null,
+	loading: false,
+	error: null,
+	tooLarge: false,
+	corsError: false
+};
 function toState(result) {
 	return {
-		blobUrl: result.blobUrl,
-		loading: false,
-		error: null,
-		tooLarge: result.tooLarge,
-		corsError: false
+		...IDLE,
+		...result
 	};
 }
 function disposeBlob(result) {
 	if (result.blobUrl) URL.revokeObjectURL(result.blobUrl);
 }
 /** Fetch an object into a blob URL with a forced MIME type so e.g. PDFs render inline even when served as octet-stream; cached per `cacheKey` so repeated mounts share one download and one blob URL, revoked when the cache drops it. */
-function useObjectBlobUrl(url, { enabled, maxBytes, knownSize, mimeType, cacheKey }) {
+function useObjectBlobUrl(url, { maxBytes, knownSize, mimeType, cacheKey }) {
 	const [state, setState] = useState({
-		blobUrl: null,
-		loading: enabled,
-		error: null,
-		tooLarge: false,
-		corsError: false
+		...IDLE,
+		loading: true
 	});
 	const tooLarge = typeof knownSize === "number" && knownSize > maxBytes;
-	const key = enabled ? cacheKey : null;
 	useEffect(() => {
-		if (!enabled || !url || !key) return;
 		if (tooLarge) {
 			setState({
-				blobUrl: null,
-				loading: false,
-				error: null,
-				tooLarge: true,
-				corsError: false
+				...IDLE,
+				tooLarge: true
 			});
 			return;
 		}
 		let cancelled = false;
-		const record = loadPreviewContent(key, async (signal) => {
-			const response = await fetchPreviewObject(key, url, signal);
+		const record = loadPreviewContent(cacheKey, async (signal) => {
+			const response = await fetchPreviewObject(cacheKey, url, signal);
 			const { bytes, tooLarge: exceeded } = await readCappedBytes(response, maxBytes);
 			if (exceeded) return {
 				blobUrl: null,
@@ -52,21 +48,16 @@ function useObjectBlobUrl(url, { enabled, maxBytes, knownSize, mimeType, cacheKe
 			};
 		}, disposeBlob);
 		setState(record.value ? toState(record.value) : {
-			blobUrl: null,
-			loading: true,
-			error: null,
-			tooLarge: false,
-			corsError: false
+			...IDLE,
+			loading: true
 		});
 		record.promise.then((result) => {
 			if (!cancelled) setState(toState(result));
 		}).catch((err) => {
 			if (err instanceof DOMException && err.name === "AbortError") return;
 			if (!cancelled) setState({
-				blobUrl: null,
-				loading: false,
+				...IDLE,
 				error: err instanceof Error ? err.message : "Failed to load file",
-				tooLarge: false,
 				corsError: err instanceof CorsError
 			});
 		});
@@ -75,20 +66,16 @@ function useObjectBlobUrl(url, { enabled, maxBytes, knownSize, mimeType, cacheKe
 		};
 	}, [
 		url,
-		enabled,
-		key,
+		cacheKey,
 		maxBytes,
 		mimeType,
 		tooLarge
 	]);
 	if (tooLarge) return {
-		blobUrl: null,
-		loading: false,
-		error: null,
-		tooLarge: true,
-		corsError: false
+		...IDLE,
+		tooLarge: true
 	};
-	const cached = key ? peekPreviewContent(key) : void 0;
+	const cached = peekPreviewContent(cacheKey);
 	return cached ? toState(cached) : state;
 }
 //#endregion

package/dist/file-explorer/FilePreview/useObjectText.d.ts

@@ -12,8 +12,7 @@ interface ObjectTextState extends TextResult {
  * download it once. `maxLines` stops the read early and `maxBytes` cuts short what it
  * hasn't. `tail` reads the end of the object instead of the start, and caches
  * separately because the same object yields different text. */
-export declare function useObjectText(url: string | null, { enabled, maxBytes, maxLines, knownSize, cacheKey, tail, }: {
-    enabled: boolean;
+export declare function useObjectText(url: string, { maxBytes, maxLines, knownSize, cacheKey, tail, }: {
     maxBytes: number;
     maxLines?: number | undefined;
     knownSize?: number | undefined;

package/dist/file-explorer/FilePreview/useObjectText.js

@@ -37,23 +37,22 @@ async function readObjectText(signal, { url, cacheKey, maxBytes, maxLines, known
 * download it once. `maxLines` stops the read early and `maxBytes` cuts short what it
 * hasn't. `tail` reads the end of the object instead of the start, and caches
 * separately because the same object yields different text. */
-function useObjectText(url, { enabled, maxBytes, maxLines, knownSize, cacheKey, tail = false }) {
+function useObjectText(url, { maxBytes, maxLines, knownSize, cacheKey, tail = false }) {
 	const tooLarge = maxLines === void 0 && !tail && typeof knownSize === "number" && knownSize > maxBytes;
-	const key = enabled ? tail ? `${cacheKey}#tail` : cacheKey : null;
+	const key = tail ? `${cacheKey}#tail` : cacheKey;
 	const [state, setState] = useState({
 		...IDLE,
-		loading: enabled
+		loading: true
 	});
 	const [stateKey, setStateKey] = useState(key);
 	if (stateKey !== key) {
 		setStateKey(key);
 		setState({
 			...IDLE,
-			loading: key !== null
+			loading: true
 		});
 	}
 	useEffect(() => {
-		if (!enabled || !url || !key) return;
 		if (tooLarge) {
 			setState({
 				...IDLE,
@@ -89,7 +88,6 @@ function useObjectText(url, { enabled, maxBytes, maxLines, knownSize, cacheKey,
 		};
 	}, [
 		url,
-		enabled,
 		key,
 		maxBytes,
 		maxLines,
@@ -102,7 +100,7 @@ function useObjectText(url, { enabled, maxBytes, maxLines, knownSize, cacheKey,
 		...IDLE,
 		tooLarge: true
 	};
-	const cached = key ? peekPreviewContent(key) : void 0;
+	const cached = peekPreviewContent(key);
 	return cached ? toState(cached) : state;
 }
 //#endregion

package/dist/file-explorer/FileRow.js

@@ -1,5 +1,5 @@
 import { useStrings } from "../components/Provider.js";
-import { EyeIcon } from "../icons.js";
+import { LuEye } from "../icons/lu/LuEye.js";
 import { TOOLTIP_ID } from "../components/Tooltip.js";
 import { MoreButton, useRowMenuActive } from "../list/RowContextMenu.js";
 import { Table } from "../components/Table.js";
@@ -111,7 +111,7 @@ function FileRow({ node, icon, rowId, rowIndex, active, checked, canPreview, get
 							children: [/* @__PURE__ */ jsx("div", {
 								className: "truncate text-[13px] font-medium leading-tight text-(--theme-app)",
 								children: node.displayName || node.name
-							}), !isDir && node.contentType && /* @__PURE__ */ jsx("div", {
+							}), isTwoLineRow(node) && /* @__PURE__ */ jsx("div", {
 								className: "truncate text-xs leading-tight text-(--theme-muted-text-color)",
 								children: node.contentType
 							})]
@@ -151,7 +151,7 @@ function FileRow({ node, icon, rowId, rowIndex, active, checked, canPreview, get
 							onPreview(node);
 						},
 						className: cx("rounded p-1 text-(--theme-muted-text-color) transition-colors hover:bg-(--theme-muted-panel-bg) hover:text-(--theme-app) [&>svg]:h-4 [&>svg]:w-4", menuActive ? "opacity-100" : "opacity-0 group-hover:opacity-100 focus-visible:opacity-100"),
-						children: /* @__PURE__ */ jsx(EyeIcon, {})
+						children: /* @__PURE__ */ jsx(LuEye, {})
 					}), /* @__PURE__ */ jsx(MoreButton, {
 						active: menuActive,
 						onOpen: (x, y) => openRowMenu(x, y, getItems())

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

@@ -1,4 +1,5 @@
 import type { OpenMenu, RowMenuItem } from '../list/index.js';
+import { type LoadMoreState } from './LoadMoreRow.js';
 import type { TreeNode } from './lib/types.js';
 interface Span {
     start: number;
@@ -10,13 +11,10 @@ export declare function spacerHeights(items: readonly Span[], totalSize: number,
     top: number;
     bottom: number;
 };
-interface VirtualRow {
-    index: number;
-    start: number;
-    size: number;
-}
 interface FileRowsWindowProps {
-    items: readonly VirtualRow[];
+    items: readonly {
+        index: number;
+    }[];
     padTop: number;
     padBottom: number;
     nodes: TreeNode[];
@@ -25,12 +23,7 @@ interface FileRowsWindowProps {
     activeIndex: number;
     rowIdPrefix: string;
     scrollEl: HTMLElement | null;
-    loadMore?: {
-        loading: boolean;
-        error: string | undefined;
-        auto: boolean;
-        onLoadMore: () => void;
-    } | undefined;
+    loadMore?: LoadMoreState | undefined;
     getItems: (node: TreeNode) => RowMenuItem[];
     openMenu: OpenMenu;
     onOpen: (node: TreeNode) => void;

package/dist/file-explorer/FileRowsWindow.js

@@ -1,5 +1,6 @@
 import { useSlots, useStrings } from "../components/Provider.js";
-import { FileIcon, FolderIcon } from "../icons.js";
+import { FaRegFolder } from "../icons/fa/FaRegFolder.js";
+import { FiFile } from "../icons/fi/FiFile.js";
 import { canPreview } from "./FilePreview/previewType.js";
 import { getNodeIcon } from "./helpers.js";
 import { FileRow } from "./FileRow.js";
@@ -41,7 +42,7 @@ function FileRowsWindow({ items, padTop, padBottom, nodes, checkedItems, activeI
 				root: scrollEl,
 				onLoadMore: loadMore.onLoadMore
 			}, "load-more") : null;
-			const icon = getNodeIcon(node, storageIconUrl, storageIconAlt) ?? (node.type === "directory" ? /* @__PURE__ */ jsx(FolderIcon, { className: "h-4 w-4 text-sky-500/80" }) : /* @__PURE__ */ jsx(FileIcon, { className: "h-4 w-4 theme-muted-text" }));
+			const icon = getNodeIcon(node, storageIconUrl, storageIconAlt) ?? (node.type === "directory" ? /* @__PURE__ */ jsx(FaRegFolder, { className: "h-4 w-4 text-sky-500/80" }) : /* @__PURE__ */ jsx(FiFile, { className: "h-4 w-4 theme-muted-text" }));
 			return /* @__PURE__ */ jsx(FileRow, {
 				rowId: `${rowIdPrefix}-${item.index}`,
 				rowIndex: item.index + 2,

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

@@ -1,4 +1,5 @@
 import { type OpenMenu, type RowMenuItem } from '../list/index.js';
+import { type LoadMoreState } from './LoadMoreRow.js';
 import type { TreeNode } from './lib/types.js';
 interface FileTableProps {
     nodes: TreeNode[];
@@ -12,12 +13,7 @@ interface FileTableProps {
     onToggleCheck: (node: TreeNode, checked: boolean) => void;
     onPreview: (node: TreeNode) => void;
     /** Set when the folder has pages left to fetch. */
-    loadMore?: {
-        loading: boolean;
-        error: string | undefined;
-        auto: boolean;
-        onLoadMore: () => void;
-    } | undefined;
+    loadMore?: LoadMoreState | undefined;
 }
 /** The file table. Give it a `key` of the folder path: a folder change must reset
  *  the cursor, the scroll offset and the virtualizer's measurements, and a remount

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

@@ -1,5 +1,13 @@
 /** The virtualizer sizes this row from the constant, never by measuring it. */
 export declare const LOAD_MORE_ROW_HEIGHT = 45;
+/** A folder's paging state, as the table's sentinel row needs it. */
+export interface LoadMoreState {
+    loading: boolean;
+    error: string | undefined;
+    /** False past the auto-load cap, where the user asks for each page. */
+    auto: boolean;
+    onLoadMore: () => void;
+}
 interface LoadMoreRowProps {
     rowId: string;
     rowIndex: number;

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

@@ -2,7 +2,6 @@ import type { TreeNode } from './lib/types.js';
 /** Row pitch, with `space-y-0.5` folded in: absolutely positioned rows cannot use
  *  sibling margins. useTreePitchAudit warns if this drifts from the DOM. */
 export declare const TREE_ROW_HEIGHT = 30;
-export declare const TREE_SKELETON_HEIGHT = 64;
 interface TreeViewProps {
     rootNodes: TreeNode[];
     parentToChildrenMap: Record<string, TreeNode[]>;

package/dist/file-explorer/TreeView.js

@@ -1,5 +1,7 @@
 import { useStrings } from "../components/Provider.js";
-import { AngleRightIcon, FolderIcon, FolderOpenIcon } from "../icons.js";
+import { FaAngleRight } from "../icons/fa/FaAngleRight.js";
+import { FaRegFolder } from "../icons/fa/FaRegFolder.js";
+import { FaRegFolderOpen } from "../icons/fa6/FaRegFolderOpen.js";
 import { positionKeys } from "../components/keys.js";
 import { getParentPath } from "./lib/utils.js";
 import { canPreview } from "./FilePreview/previewType.js";
@@ -16,8 +18,9 @@ var INDENT_PER_LEVEL = 21;
 var GUIDE_OFFSET = 9;
 var ROW_PAD_DIRECTORY = 8;
 var ROW_PAD_FILE = 28;
+var TREE_SKELETON_HEIGHT = 64;
 function rowHeight(row) {
-	return row.kind === "skeleton" ? 64 : 30;
+	return row.kind === "skeleton" ? TREE_SKELETON_HEIGHT : 30;
 }
 /** The sidebar tree, flattened and windowed. The flat array is the single source
 *  of truth for rendering, arrow keys and ARIA. */
@@ -191,12 +194,9 @@ function RowIcons({ isDirectory, isExpanded, customIcon }) {
 		className: "shrink-0",
 		children: customIcon
 	});
-	const folder = isExpanded ? /* @__PURE__ */ jsx(FolderOpenIcon, { className: "h-4 w-4 mr-1 text-sky-500" }) : /* @__PURE__ */ jsx(FolderIcon, { className: "h-4 w-4 mr-1 text-sky-500/80" });
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AngleRightIcon, { className: cx("h-3.5 w-3.5 shrink-0 theme-muted-text transition-transform duration-150", isExpanded && "rotate-90") }), customIcon ?? folder] });
+	const folder = isExpanded ? /* @__PURE__ */ jsx(FaRegFolderOpen, { className: "h-4 w-4 mr-1 text-sky-500" }) : /* @__PURE__ */ jsx(FaRegFolder, { className: "h-4 w-4 mr-1 text-sky-500/80" });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FaAngleRight, { className: cx("h-3.5 w-3.5 shrink-0 theme-muted-text transition-transform duration-150", isExpanded && "rotate-90") }), customIcon ?? folder] });
 }
-/** Sized by the slot, not by its contents: react-loading-skeleton wraps each bar
-*  in an inline span, so a bar occupies a line box taller than its `height` and
-*  the overflow would sit on top of the absolutely positioned row below. */
 /** Click-only, unlike the table's sentinel: the tree is a navigation aid, and
 *  growing it automatically as the user scrolls is what the cap exists to prevent. */
 function TreeMoreRow({ depth, hiddenFiles, partial, loading, failed, onReveal }) {
@@ -220,6 +220,9 @@ function TreeMoreRow({ depth, hiddenFiles, partial, loading, failed, onReveal })
 		})]
 	});
 }
+/** Sized by the slot, not by its contents: react-loading-skeleton wraps each bar
+*  in an inline span, so a bar occupies a line box taller than its `height` and
+*  the overflow would sit on top of the absolutely positioned row below. */
 function TreeSkeletonRow({ depth }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "relative h-full overflow-hidden",
@@ -312,7 +315,6 @@ function dispatchRowKey(e, { node, isDirectory, isExpanded, onSelect, onToggleEx
 var TreeRowItem = memo(function TreeRowItem({ row, isSelected, onToggleExpand, onSelect, onDropToFolder, onContextMenu, onKeyDown }) {
 	const { node, depth, isExpanded } = row;
 	const isDirectory = node.type === "directory";
-	const isStorageNode = !!node.displayName && node.storageId;
 	const { dragActive, dragHandlers } = useSpringLoadedDrop({
 		node,
 		dropPath: isDirectory ? node.path : getParentPath(node.path),
@@ -335,7 +337,7 @@ var TreeRowItem = memo(function TreeRowItem({ row, isSelected, onToggleExpand, o
 		onDelegate: onKeyDown
 	});
 	const customIcon = getNodeIcon(node);
-	const label = isDirectory && isStorageNode && node.displayName ? node.displayName : node.name;
+	const label = isDirectory && node.storageId && node.displayName ? node.displayName : node.name;
 	return /* @__PURE__ */ jsxs("div", {
 		className: cx("relative h-full rounded-md transition-[box-shadow,background-color] duration-150", dragActive && "ring-1 ring-(--theme-link)/60"),
 		...dragHandlers,

package/dist/file-explorer/helpers.js

@@ -1,5 +1,19 @@
 import { useNotify, useProvisionCorsRules, useStrings } from "../components/Provider.js";
-import { AlertIcon, CustomizeIcon, DiskIcon, DocumentIcon, FileIcon, FileTextIcon, FolderIcon, ImageIcon, PdfIcon, RefreshIcon, ShareIcon, SpreadsheetIcon, UserIcon, VideoIcon, ZipIcon } from "../icons.js";
+import { BsFileEarmarkZip } from "../icons/bs/BsFileEarmarkZip.js";
+import { FaRegFileImage } from "../icons/fa/FaRegFileImage.js";
+import { FaRegFolder } from "../icons/fa/FaRegFolder.js";
+import { FaUser } from "../icons/fa/FaUser.js";
+import { FaRegFilePdf } from "../icons/fa6/FaRegFilePdf.js";
+import { FaWandMagicSparkles } from "../icons/fa6/FaWandMagicSparkles.js";
+import { FiFile } from "../icons/fi/FiFile.js";
+import { FiFileText } from "../icons/fi/FiFileText.js";
+import { FiHardDrive } from "../icons/fi/FiHardDrive.js";
+import { GoVideo } from "../icons/go/GoVideo.js";
+import { IoDocumentTextOutline } from "../icons/io5/IoDocumentTextOutline.js";
+import { LuSheet } from "../icons/lu/LuSheet.js";
+import { MdRefresh } from "../icons/md/MdRefresh.js";
+import { PiShareBold } from "../icons/pi/PiShareBold.js";
+import { TbAlertTriangle } from "../icons/tb/TbAlertTriangle.js";
 import { positionKeys } from "../components/keys.js";
 import Callout from "../components/Callout.js";
 import { ListSkeleton } from "../list/ListTable.js";
@@ -15,73 +29,73 @@ var SIDEBAR_WIDTH_STORAGE_KEY = "fileExplorerSidebarWidth";
 var contentTypeIconMap = [
 	{
 		pattern: /^image\//,
-		icon: /* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4 text-blue-500" })
+		icon: /* @__PURE__ */ jsx(FaRegFileImage, { className: "h-4 w-4 text-blue-500" })
 	},
 	{
 		pattern: /^video\//,
-		icon: /* @__PURE__ */ jsx(VideoIcon, { className: "h-4 w-4 text-purple-500" })
+		icon: /* @__PURE__ */ jsx(GoVideo, { className: "h-4 w-4 text-purple-500" })
 	},
 	{
 		pattern: /^application\/pdf$/,
-		icon: /* @__PURE__ */ jsx(PdfIcon, { className: "h-4 w-4 text-red-500" })
+		icon: /* @__PURE__ */ jsx(FaRegFilePdf, { className: "h-4 w-4 text-red-500" })
 	},
 	{
 		pattern: /(spreadsheet|csv|excel)/,
-		icon: /* @__PURE__ */ jsx(SpreadsheetIcon, { className: "h-4 w-4 text-green-500" })
+		icon: /* @__PURE__ */ jsx(LuSheet, { className: "h-4 w-4 text-green-500" })
 	},
 	{
 		pattern: /(document|word)/,
-		icon: /* @__PURE__ */ jsx(DocumentIcon, { className: "h-4 w-4 text-blue-400" })
+		icon: /* @__PURE__ */ jsx(IoDocumentTextOutline, { className: "h-4 w-4 text-blue-400" })
 	},
 	{
 		pattern: /(javascript|json|css|html)/,
-		icon: /* @__PURE__ */ jsx(FileTextIcon, { className: "h-4 w-4 text-yellow-500" })
+		icon: /* @__PURE__ */ jsx(FiFileText, { className: "h-4 w-4 text-yellow-500" })
 	},
 	{
 		pattern: /(zip|gzip|tar)/,
-		icon: /* @__PURE__ */ jsx(ZipIcon, { className: "h-4 w-4 text-purple-600" })
+		icon: /* @__PURE__ */ jsx(BsFileEarmarkZip, { className: "h-4 w-4 text-purple-600" })
 	}
 ];
 var extensionIconMap = [
 	{
 		pattern: /^(jpe?g|png|gif|svg|webp)$/i,
-		icon: /* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4 text-blue-500" })
+		icon: /* @__PURE__ */ jsx(FaRegFileImage, { className: "h-4 w-4 text-blue-500" })
 	},
 	{
 		pattern: /^(mp4|mov|avi|mkv)$/i,
-		icon: /* @__PURE__ */ jsx(VideoIcon, { className: "h-4 w-4 text-purple-500" })
+		icon: /* @__PURE__ */ jsx(GoVideo, { className: "h-4 w-4 text-purple-500" })
 	},
 	{
 		pattern: /^pdf$/i,
-		icon: /* @__PURE__ */ jsx(PdfIcon, { className: "h-4 w-4 text-red-500" })
+		icon: /* @__PURE__ */ jsx(FaRegFilePdf, { className: "h-4 w-4 text-red-500" })
 	},
 	{
 		pattern: /^(xlsx?|csv|ods)$/i,
-		icon: /* @__PURE__ */ jsx(SpreadsheetIcon, { className: "h-4 w-4 text-green-500" })
+		icon: /* @__PURE__ */ jsx(LuSheet, { className: "h-4 w-4 text-green-500" })
 	},
 	{
 		pattern: /^(docx?|odt)$/i,
-		icon: /* @__PURE__ */ jsx(DocumentIcon, { className: "h-4 w-4 text-blue-400" })
+		icon: /* @__PURE__ */ jsx(IoDocumentTextOutline, { className: "h-4 w-4 text-blue-400" })
 	},
 	{
 		pattern: /^(js|ts|json|css|html|md|txt)$/i,
-		icon: /* @__PURE__ */ jsx(FileTextIcon, { className: "h-4 w-4 text-yellow-500" })
+		icon: /* @__PURE__ */ jsx(FiFileText, { className: "h-4 w-4 text-yellow-500" })
 	},
 	{
 		pattern: /^(zip|gz|gzip|tar|rar)$/i,
-		icon: /* @__PURE__ */ jsx(ZipIcon, { className: "h-4 w-4 text-purple-600" })
+		icon: /* @__PURE__ */ jsx(BsFileEarmarkZip, { className: "h-4 w-4 text-purple-600" })
 	}
 ];
 function getNodeIcon(node, storageIconUrl, storageIconAlt = "Storage icon") {
 	const isUserNode = !node.storageId;
 	const isStorageNode = node.root;
-	if (isUserNode) return /* @__PURE__ */ jsx(UserIcon, { className: "h-3 w-3 mr-2" });
-	if (isStorageNode && node.storageType === "workspace") return /* @__PURE__ */ jsx(DiskIcon, { className: "h-4 w-4 mr-2" });
+	if (isUserNode) return /* @__PURE__ */ jsx(FaUser, { className: "h-3 w-3 mr-2" });
+	if (isStorageNode && node.storageType === "workspace") return /* @__PURE__ */ jsx(FiHardDrive, { className: "h-4 w-4 mr-2" });
 	if (isStorageNode && node.storageNodeIcon) {
 		const storageNodeIcon = node.storageNodeIcon;
 		const fallbackSrc = storageIconUrl?.({ type: storageNodeIcon });
 		const iconSrc = node.storageImageUrl || fallbackSrc;
-		if (!iconSrc) return /* @__PURE__ */ jsx(DiskIcon, { className: "h-4 w-4 mr-2" });
+		if (!iconSrc) return /* @__PURE__ */ jsx(FiHardDrive, { className: "h-4 w-4 mr-2" });
 		return /* @__PURE__ */ jsx("img", {
 			className: "h-4 w-4 mr-2",
 			src: iconSrc,
@@ -91,7 +105,7 @@ function getNodeIcon(node, storageIconUrl, storageIconAlt = "Storage icon") {
 			}
 		});
 	}
-	if (!isStorageNode && !isUserNode && node.type === "directory") return null;
+	if (!isStorageNode && node.type === "directory") return null;
 	if (node.contentType) {
 		for (const { pattern, icon } of contentTypeIconMap) if (pattern.test(node.contentType)) return icon;
 	}
@@ -99,7 +113,7 @@ function getNodeIcon(node, storageIconUrl, storageIconAlt = "Storage icon") {
 	if (ext) {
 		for (const { pattern, icon } of extensionIconMap) if (pattern.test(ext)) return icon;
 	}
-	return /* @__PURE__ */ jsx(FileIcon, { className: "h-4 w-4 theme-muted-text" });
+	return /* @__PURE__ */ jsx(FiFile, { className: "h-4 w-4 theme-muted-text" });
 }
 function renderUploadNodes(uploadNodes) {
 	const sorted = [...uploadNodes].sort((a, b) => a.relativePath.localeCompare(b.relativePath));
@@ -112,7 +126,7 @@ function renderUploadNodes(uploadNodes) {
 		while (common < folders.length && common < lastFolders.length && folders[common] === lastFolders[common]) common++;
 		const folderElements = folders.slice(common).map((folder, i) => /* @__PURE__ */ jsxs("div", {
 			style: { marginLeft: (common + i) * 16 },
-			children: [/* @__PURE__ */ jsx(FolderIcon, { className: "inline h-3 w-3 mr-1" }), /* @__PURE__ */ jsxs("span", {
+			children: [/* @__PURE__ */ jsx(FaRegFolder, { className: "inline h-3 w-3 mr-1" }), /* @__PURE__ */ jsxs("span", {
 				className: "font-semibold",
 				children: [folder, "/"]
 			})]
@@ -144,7 +158,7 @@ function NoFileSelectedPreview() {
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "inline-flex items-center justify-center w-14 h-14 rounded-full theme-muted-panel mb-4",
-					children: /* @__PURE__ */ jsx(DiskIcon, { className: "h-6 w-6 theme-muted-text" })
+					children: /* @__PURE__ */ jsx(FiHardDrive, { className: "h-6 w-6 theme-muted-text" })
 				}),
 				/* @__PURE__ */ jsx("h2", {
 					className: "text-base font-semibold mb-1",
@@ -169,7 +183,7 @@ function NotFoundPreview({ path, onRetry }) {
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "inline-flex items-center justify-center w-14 h-14 rounded-full theme-muted-panel mb-4",
-					children: /* @__PURE__ */ jsx(DiskIcon, { className: "h-6 w-6 theme-muted-text" })
+					children: /* @__PURE__ */ jsx(FiHardDrive, { className: "h-6 w-6 theme-muted-text" })
 				}),
 				/* @__PURE__ */ jsx("h2", {
 					className: "text-base font-semibold mb-1",
@@ -183,7 +197,7 @@ function NotFoundPreview({ path, onRetry }) {
 					type: "button",
 					className: "btn btn-info gap-2",
 					onClick: onRetry,
-					children: [/* @__PURE__ */ jsx(RefreshIcon, { className: "h-4 w-4" }), t.retry]
+					children: [/* @__PURE__ */ jsx(MdRefresh, { className: "h-4 w-4" }), t.retry]
 				})
 			]
 		})
@@ -237,12 +251,12 @@ function CorsIssuePreview({ selectedStorage, onRefresh }) {
 				type: "button",
 				className: "btn btn-info cursor-pointer flex items-center",
 				onClick: onRefresh ? () => onRefresh() : void 0,
-				children: [/* @__PURE__ */ jsx(RefreshIcon, { className: "h-4 w-4 mr-2" }), t.actions.retry]
+				children: [/* @__PURE__ */ jsx(MdRefresh, { className: "h-4 w-4 mr-2" }), t.actions.retry]
 			}), provisionCorsRules && /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				className: "btn btn-info cursor-pointer flex items-center",
 				onClick: handleAddCorsRules,
-				children: [/* @__PURE__ */ jsx(CustomizeIcon, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", { children: t.actions.addRules })]
+				children: [/* @__PURE__ */ jsx(FaWandMagicSparkles, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", { children: t.actions.addRules })]
 			})]
 		})]
 	});
@@ -253,7 +267,6 @@ function CorsPropagatingPreview() {
 	const [elapsedMs, setElapsedMs] = useState(0);
 	useEffect(() => {
 		const start = Date.now();
-		setElapsedMs(0);
 		const id = setInterval(() => {
 			setElapsedMs(Date.now() - start);
 		}, 500);
@@ -399,7 +412,7 @@ function NoDataAvailablePreview({ selectedStorage, error, onRefresh, connectionI
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "inline-flex items-center justify-center w-14 h-14 rounded-full theme-muted-panel mb-4",
-					children: /* @__PURE__ */ jsx(FileIcon, { className: "h-6 w-6 theme-muted-text" })
+					children: /* @__PURE__ */ jsx(FiFile, { className: "h-6 w-6 theme-muted-text" })
 				}),
 				/* @__PURE__ */ jsx("h2", {
 					className: "text-base font-semibold mb-1",
@@ -415,7 +428,7 @@ function NoDataAvailablePreview({ selectedStorage, error, onRefresh, connectionI
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "inline-flex items-center justify-center w-14 h-14 rounded-full bg-amber-500/10 mb-4",
-					children: /* @__PURE__ */ jsx(AlertIcon, { className: "h-6 w-6 text-amber-500" })
+					children: /* @__PURE__ */ jsx(TbAlertTriangle, { className: "h-6 w-6 text-amber-500" })
 				}),
 				/* @__PURE__ */ jsx("h2", {
 					className: "text-base font-semibold mb-1",
@@ -429,7 +442,7 @@ function NoDataAvailablePreview({ selectedStorage, error, onRefresh, connectionI
 					type: "button",
 					className: "btn btn-info cursor-pointer flex items-center gap-2",
 					onClick: onRefresh ? () => onRefresh() : void 0,
-					children: [/* @__PURE__ */ jsx(RefreshIcon, { className: "h-4 w-4" }), t.empty.tryAgain]
+					children: [/* @__PURE__ */ jsx(MdRefresh, { className: "h-4 w-4" }), t.empty.tryAgain]
 				})
 			]
 		})
@@ -493,7 +506,7 @@ function ShareFileButton({ node, onShare }) {
 			});
 		},
 		disabled: isPending,
-		children: [/* @__PURE__ */ jsx(ShareIcon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx(PiShareBold, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 			className: "hidden md:inline",
 			children: t.empty.shareThisFile
 		})]
@@ -523,8 +536,7 @@ async function addCorsRules({ provision, notify, strings, csp, type, username, s
 	const deadline = Date.now() + pollBudgetMs;
 	await new Promise((resolve) => setTimeout(resolve, pollIntervalMs));
 	while (Date.now() < deadline) {
-		const result = await onRefresh({ silent: true });
-		if (!result || !result.corsError) {
+		if (!(await onRefresh({ silent: true }))?.corsError) {
 			await onRefresh();
 			notify.success(strings.corsAdded);
 			return;

package/dist/file-explorer/lib/fileExplorer.d.ts

@@ -8,7 +8,6 @@ export interface FileExplorerDeleteFilesResult {
     Errors?: unknown[] | undefined;
 }
 export interface IFileExplorerClient {
-    getStorageName(): string;
     getExpiresAt(): Date;
     getFile(input: unknown): Promise<FileExplorerGetFileResult>;
     listDirectory(input: unknown): Promise<unknown>;
@@ -20,7 +19,6 @@ export interface IFileExplorerClient {
     }) => void, abortController?: AbortController): Promise<unknown>;
 }
 export interface IFileExplorerProvider {
-    createClient: ((organization: string, username: string, name: string) => Promise<IFileExplorerClient | null>) | null;
     convertDataToStorageObjects?(data: unknown): TStorageObject[];
     /** Absent ⇒ the explorer treats one page as the whole directory. Method syntax for
      *  the same bivariance reason as the two above. */

package/dist/file-explorer/lib/types.d.ts

@@ -8,7 +8,6 @@ export type TStorage = {
     type?: string;
     created?: string;
     modified?: string;
-    region?: string;
     csp?: string;
     imageUrl?: string;
     canWrite?: boolean | undefined;