@parallelworks/ui 0.19.1 → 0.21.0

package/dist/file-explorer/FileExplorer.js

@@ -1,3 +1,4 @@
+import { safeUrl } from "../safeUrl.js";
 import { useNotify, useSlots, useStrings } from "../components/Provider.js";
 import { AccessIcon, AlertIcon, AngleDownIcon, ChevronRightIcon, ClipboardIcon, CollapseIcon, DownloadFileIcon, EyeIcon, FileIcon, FileTextIcon, FolderIcon, LinkIcon, RefreshIcon, ShareIcon, TrashIcon, UploadIcon } from "../icons.js";
 import { keyedByContent } from "../components/keys.js";
@@ -55,6 +56,10 @@ function UriCard({ value }) {
 		]
 	});
 }
+var MAX_UPLOAD_SIZE = 85899345920;
+function isUploadSizeExceeded(size) {
+	return size > MAX_UPLOAD_SIZE;
+}
 function isStorageDirectory(node) {
 	return node?.type === "directory" && !!node.storageId;
 }
@@ -67,7 +72,7 @@ function getAncestorDirPaths(path) {
 	const segments = (isDir ? path.slice(0, -1) : path).split("/").filter(Boolean);
 	const dirSegmentCount = isDir ? segments.length : segments.length - 1;
 	const ancestors = [];
-	for (let i = 1; i <= dirSegmentCount; i++) ancestors.push(segments.slice(0, i).join("/") + "/");
+	for (let i = 1; i <= dirSegmentCount; i++) ancestors.push(`${segments.slice(0, i).join("/")}/`);
 	return ancestors;
 }
 /** The tree's width is the host's when the tree is embedded on its own, and this
@@ -156,9 +161,10 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		setCheckedItems(/* @__PURE__ */ new Set());
 	}
 	const selectedNodeChildren = useMemo(() => selectedNode ? getNodeChildren(parentToChildrenMap, selectedNode.path) : [], [parentToChildrenMap, selectedNode]);
-	const storageCanWrite = (storageId) => storages.find((s) => s.id === storageId)?.canWrite === true;
-	const storageCanUpload = (storageId) => storages.find((s) => s.id === storageId)?.canUpload !== false;
-	const selectedStorage = storages.find((s) => s.id === selectedNode?.storageId);
+	const findStorage = (storageId) => storages.find((s) => s.id === storageId);
+	const storageCanWrite = (storageId) => findStorage(storageId)?.canWrite === true;
+	const storageCanUpload = (storageId) => findStorage(storageId)?.canUpload !== false;
+	const selectedStorage = findStorage(selectedNode?.storageId);
 	const selectedNodeCanWrite = selectedStorage?.canWrite === true;
 	const selectedNodeCanUpload = selectedStorage?.canUpload !== false;
 	const selectedNodeCanShare = selectedStorage?.canShare !== false;
@@ -180,10 +186,6 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 	useEffect(() => clearPreviewCache, []);
 	const { openMenu, contextMenu } = useRowMenu();
 	const [sidebarWidth, setSidebarWidth] = useLocalStorage(SIDEBAR_WIDTH_STORAGE_KEY, 300);
-	const MAX_UPLOAD_SIZE = 85899345920;
-	const isUploadSizeExceeded = (size) => {
-		return size > MAX_UPLOAD_SIZE;
-	};
 	const handleToggleExpand = useCallback((path) => {
 		setExpandedPaths((prev) => {
 			const next = new Set(prev);
@@ -195,10 +197,10 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		setExpandedPaths(/* @__PURE__ */ new Set([""]));
 	}, []);
 	const getStorageProviderAndClient = async (storageId) => {
-		const storage = storages.find((s) => s.id === storageId);
+		const storage = findStorage(storageId);
 		if (!storage) {
 			notify.error(t.messages.storageUnavailable);
-			return;
+			return null;
 		}
 		const { provider, client } = await getProviderAndClient(storage).catch(() => ({
 			provider: null,
@@ -235,7 +237,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			const factory = await getStorageProviderAndClient(node.storageId);
 			if (!factory) throw new Error("Failed to connect to storage provider.");
 			const { storage, provider, client } = factory;
-			if (provider?.listDirectoryInput && provider?.convertDataToStorageObjects) {
+			if (provider.listDirectoryInput && provider.convertDataToStorageObjects) {
 				const dir_path = node.root ? "" : node.relativePath ?? "";
 				const input = provider.listDirectoryInput(storage, dir_path, cursor ? { cursor } : {});
 				const objects = await client.listDirectory(input);
@@ -261,7 +263,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			const errorMessage = isCorsError ? error.message || "CORS error" : error instanceof Error ? error.message : "Unknown error";
 			if (owns()) {
 				setListings((prev) => recordListingError(options?.replace ? clearListingsUnder(prev, node.path) : prev, node.path, errorMessage));
-				updateConnectionIssuesMessage((prev) => new Map(prev).set(nodeStorageId, `Failed to load contents for ${node?.displayName || node?.name}: ${errorMessage}`));
+				updateConnectionIssuesMessage((prev) => new Map(prev).set(nodeStorageId, `Failed to load contents for ${node.displayName || node.name}: ${errorMessage}`));
 				if (isCorsError) setHasCorsIssue((prev) => new Map(prev).set(nodeStorageId, true));
 			}
 			return { corsError: isCorsError };
@@ -282,7 +284,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			setDetailTab("details");
 		}
 		setSelectedPath(path);
-		if (node.type === "directory" && node?.storageId && !isListed(listings, path)) await fetchNodeChildren(node);
+		if (node.type === "directory" && node.storageId && !isListed(listings, path)) await fetchNodeChildren(node);
 	};
 	useEffect(() => {
 		if (!normalizedSelectedPath) return;
@@ -429,18 +431,21 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		if (selectedNode && selectedNode.type === "directory") return true;
 		return false;
 	};
+	const getFilesToDownload = () => {
+		if (checkedItems.size > 0) return Array.from(checkedItems).map((path) => treeMap[path]).filter((node) => node?.type === "file");
+		return selectedNode?.type === "file" ? [selectedNode] : [];
+	};
 	const handleDownload = async () => {
-		let filesToDownload = [];
-		if (checkedItems.size > 0) filesToDownload = Array.from(checkedItems).map((path) => treeMap[path]).filter((node) => !!node && node.type === "file");
-		else if (selectedNode && selectedNode.type === "file") filesToDownload = [selectedNode];
-		if (filesToDownload.length === 0) {
+		const filesToDownload = getFilesToDownload();
+		const firstFile = filesToDownload[0];
+		if (!firstFile) {
 			notify.error(t.messages.noFilesForDownload);
 			return;
 		}
-		const factory = await getStorageProviderAndClient(filesToDownload[0].storageId);
+		const factory = await getStorageProviderAndClient(firstFile.storageId);
 		if (!factory) return;
 		const { provider, client } = factory;
-		if (!provider?.getFileInput) {
+		if (!provider.getFileInput) {
 			notify.error(t.messages.downloadUnsupported);
 			return;
 		}
@@ -459,7 +464,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		const factory = await getStorageProviderAndClient(node.storageId);
 		if (!factory) return;
 		const { provider, client } = factory;
-		if (!provider?.getFileInput) {
+		if (!provider.getFileInput) {
 			notify.error(t.messages.sharingUnsupported);
 			return;
 		}
@@ -473,8 +478,10 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		notify.info(t.messages.fileLinkCopied);
 	};
 	const triggerBrowserDownload = (url, filename) => {
+		const href = safeUrl(url);
+		if (!href) return;
 		const a = document.createElement("a");
-		a.href = url;
+		a.href = href;
 		a.download = filename;
 		document.body.appendChild(a);
 		a.click();
@@ -486,14 +493,14 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		const factory = await getStorageProviderAndClient(node.storageId);
 		if (!factory) return [null, /* @__PURE__ */ new Error("Failed to connect to storage provider.")];
 		const { provider, client } = factory;
-		if (!provider?.getFileInput) return [null, /* @__PURE__ */ new Error("Preview is not supported for this storage.")];
+		if (!provider.getFileInput) return [null, /* @__PURE__ */ new Error("Preview is not supported for this storage.")];
 		const input = provider.getFileInput(node.storageName ?? "", node, PREVIEW_URL_EXPIRES_IN, downloadFilename);
 		return client.getFile(input);
 	};
 	const previewSiblings = useMemo(() => previewNode ? getNodeChildren(parentToChildrenMap, getParentPath(previewNode.path)).filter((n) => n.type === "file") : [], [previewNode, parentToChildrenMap]);
 	const openPreview = (node) => {
 		if (node.type !== "file") return;
-		if (onOpenFile?.(node, storages.find((s) => s.id === node.storageId))) return;
+		if (onOpenFile?.(node, findStorage(node.storageId))) return;
 		setPreviewNode(node);
 		setPreviewOpen(true);
 	};
@@ -505,7 +512,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		if (!expandedPaths.has(node.path)) handleToggleExpand(node.path);
 	};
 	const getNodeUris = (node) => {
-		const storage = storages.find((s) => s.id === node.storageId);
+		const storage = findStorage(node.storageId);
 		if (!storage || !objectUris) return [];
 		return objectUris(storage, getObjectKeyFromNode(node));
 	};
@@ -531,7 +538,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		triggerBrowserDownload(presignedUrl, node.name);
 	};
 	const deleteNode = (node) => {
-		if (storages.find((s) => s.id === node.storageId)?.canWrite !== true) {
+		if (findStorage(node.storageId)?.canWrite !== true) {
 			notify.error(t.messages.noWriteAccess);
 			return;
 		}
@@ -553,7 +560,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		}];
 	};
 	const buildRowMenu = (node) => {
-		const storage = storages.find((s) => s.id === node.storageId);
+		const storage = findStorage(node.storageId);
 		const nodeCanWrite = storage?.canWrite === true;
 		const nodeCanShare = storage?.canShare !== false;
 		const isFile = node.type === "file";
@@ -646,13 +653,10 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		});
 	};
 	const generateDownloadCommand = () => {
-		let filesToDownload = [];
-		if (checkedItems.size > 0) filesToDownload = Array.from(checkedItems).map((path) => treeMap[path]).filter((node) => !!node && node.type === "file");
-		else if (selectedNode && selectedNode.type === "file") filesToDownload = [selectedNode];
-		if (filesToDownload.length === 0) return "";
-		if (!downloadCommand) return "";
+		const filesToDownload = getFilesToDownload();
+		if (!downloadCommand || filesToDownload.length === 0) return "";
 		const objects = filesToDownload.flatMap((node) => {
-			const storage = storages.find((s) => s.id === node.storageId);
+			const storage = findStorage(node.storageId);
 			return storage ? [{
 				storage,
 				key: getObjectKeyFromNode(node),
@@ -694,16 +698,17 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		}
 	};
 	const handleDelete = async () => {
-		if (!pendingDelete || pendingDelete.length === 0) {
+		const firstPending = pendingDelete?.[0];
+		if (!pendingDelete || !firstPending) {
 			notify.error(t.messages.noItemsForDeletion);
 			return;
 		}
-		const parentPath = getParentPath(pendingDelete[0].path);
+		const parentPath = getParentPath(firstPending.path);
 		const parentNode = treeMap[parentPath];
-		const factory = await getStorageProviderAndClient(pendingDelete[0].storageId);
+		const factory = await getStorageProviderAndClient(firstPending.storageId);
 		if (!factory) return;
 		const { storage, provider, client } = factory;
-		if (!provider?.deleteFilesInput) {
+		if (!provider.deleteFilesInput) {
 			notify.error(t.messages.deleteUnsupported);
 			return;
 		}
@@ -744,7 +749,6 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			notify.warning(t.messages.waitForCurrentUpload);
 			return;
 		}
-		setWaitForUpload(true);
 		const uploadNodes = Array.from(files).map((file) => ({
 			name: file.name,
 			file,
@@ -757,7 +761,6 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			totalSize
 		});
 		setUploadModalOpen(true);
-		setWaitForUpload(false);
 		if (fileInputRef.current) fileInputRef.current.value = "";
 		if (folderInputRef.current) folderInputRef.current.value = "";
 	};
@@ -771,7 +774,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			return;
 		}
 		const targetNode = treeMap[pendingUpload.targetPath];
-		if (!targetNode || !targetNode.storageId) {
+		if (!targetNode?.storageId) {
 			notify.error(t.messages.invalidUploadTarget);
 			return;
 		}
@@ -783,7 +786,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		const { storage, provider, client } = factory;
 		const storageName = storage.bucketName || storage.name;
 		const cleanTargetPath = targetNode.root ? "" : removeLeadingAndTrailingSlashes(targetNode.relativePath || "");
-		if (!provider?.uploadFileInput) {
+		if (!provider.uploadFileInput) {
 			notify.error(t.messages.uploadUnsupported);
 			return;
 		}
@@ -810,7 +813,6 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		}
 		setUploadModalOpen(false);
 		setPendingUpload(null);
-		setWaitForUpload(false);
 	};
 	const validateFolderName = (name) => {
 		if (createFolderTarget?.type !== "directory") return null;
@@ -858,6 +860,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		if (onRefresh) onRefresh();
 		return { corsError: false };
 	};
+	const downloadCommandText = generateDownloadCommand();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "w-full h-full flex relative",
 		children: [
@@ -1055,22 +1058,19 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 											className: "text-sm rounded-sm hover:theme-hover cursor-pointer w-full items-center px-2 py-1.5",
 											onClick: handleDownload,
 											children: t.chrome.downloadFromBrowser
-										}) }), downloadCommand && generateDownloadCommand() && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MenuSeparator, { className: "my-0.5 h-px theme-border" }), /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+										}) }), downloadCommand && downloadCommandText && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MenuSeparator, { className: "my-0.5 h-px theme-border" }), /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 											className: "text-sm w-full text-center pointer-events-none px-2 py-1.5",
 											children: downloadCommand.label
-										}), (() => {
-											const downloadCommand = generateDownloadCommand();
-											return /* @__PURE__ */ jsx(CopyCodeBlock, {
-												textToCopy: downloadCommand,
-												children: /* @__PURE__ */ jsx("div", {
-													className: "overflow-x-auto text-xs",
-													children: keyedByContent(downloadCommand.split("\n"), (l) => l).map(({ key, item: line }) => /* @__PURE__ */ jsx("div", {
-														className: "whitespace-nowrap",
-														children: line
-													}, key))
-												})
-											});
-										})()] }) })] })]
+										}), /* @__PURE__ */ jsx(CopyCodeBlock, {
+											textToCopy: downloadCommandText,
+											children: /* @__PURE__ */ jsx("div", {
+												className: "overflow-x-auto text-xs",
+												children: keyedByContent(downloadCommandText.split("\n"), (l) => l).map(({ key, item: line }) => /* @__PURE__ */ jsx("div", {
+													className: "whitespace-nowrap",
+													children: line
+												}, key))
+											})
+										})] }) })] })]
 									})] }),
 									/* @__PURE__ */ jsxs("button", {
 										type: "button",
@@ -1078,7 +1078,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										className: "btn btn-info cursor-pointer flex items-center justify-center",
 										disabled: !selectedNode.storageId,
 										onClick: () => setAccessDrawerOpen(true),
-										hidden: !groups || groups.length === 0 || !selectedNodeCanManageAccess,
+										hidden: groups.length === 0 || !selectedNodeCanManageAccess,
 										children: [/* @__PURE__ */ jsx(AccessIcon, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
 											className: "hidden md:inline",
 											children: t.chrome.manageAccess
@@ -1126,7 +1126,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										onSelectAll: handleBatchCheckbox
 									})
 								}), /* @__PURE__ */ jsx(NoDataAvailablePreview, {
-									selectedStorage: storages.find((s) => s.id === selectedNode.storageId) || null,
+									selectedStorage: selectedStorage ?? null,
 									canWrite: selectedNodeCanWrite,
 									onRefresh: handleRefresh,
 									error: hasCorsIssue.get(selectedNode.storageId ?? "") ? new CorsError(connectionIssuesMessage.get(selectedNode.storageId ?? "") || "") : null,
@@ -1159,7 +1159,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 									})]
 								}), effectiveTab === "preview" && previewable ? /* @__PURE__ */ jsx(FilePreviewInline, {
 									node: selectedNode,
-									storage: storages.find((s) => s.id === selectedNode.storageId) ?? null,
+									storage: selectedStorage ?? null,
 									getPresignedUrl,
 									onOpenFull: openPreview,
 									onDownload: downloadNode,
@@ -1286,7 +1286,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 				open: previewOpen,
 				node: previewNode,
 				siblings: previewSiblings,
-				storage: storages.find((s) => s.id === previewNode?.storageId) ?? null,
+				storage: findStorage(previewNode?.storageId) ?? null,
 				getPresignedUrl,
 				onNavigate: setPreviewNode,
 				onClose: closePreview,
@@ -1393,7 +1393,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 				open: accessDrawerOpen,
 				setOpen: setAccessDrawerOpen,
 				groups,
-				storage: storages.find((s) => s.id === selectedNode.storageId)
+				storage: selectedStorage
 			})
 		]
 	});

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

@@ -1,5 +1,5 @@
 import type { IFileExplorerClient, IFileExplorerProvider } from './lib/fileExplorer.js';
-import type { TreeNode, UploadFileProgress, UploadNode, UploadSession } from './lib/types.js';
+import type { TreeNode, UploadNode, UploadSession } from './lib/types.js';
 interface IFileExplorerContextValue {
     uploadSessionMap: Map<string, UploadSession>;
     uploadQueue: string[];
@@ -7,7 +7,6 @@ interface IFileExplorerContextValue {
     getUploadSessionById: (sessionId: string) => UploadSession | undefined;
     getUploadQueueIndex: (sessionId: string) => number;
     startUploadSession: (sessionId: string) => Promise<void>;
-    updateFileUploadProgress?: (sessionId: string, fileKey: string, progress: UploadFileProgress) => void;
 }
 interface IFileExplorerProviderProps {
     children: React.ReactNode;

package/dist/file-explorer/FileExplorerContext.js

@@ -1,6 +1,6 @@
 import { useNotify, useStrings } from "../components/Provider.js";
 import { keyedByContent } from "../components/keys.js";
-import { getUploadSessionETA, removeLeadingSlash } from "./lib/utils.js";
+import { calculateUploadNodesTotalSize, getUploadSessionETA, removeLeadingSlash } from "./lib/utils.js";
 import { UploadSessionToast } from "./toasts.js";
 import { createContext, use, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -21,37 +21,26 @@ function FileExplorerProvider({ children }) {
 	const uploadQueueRef = useRef([]);
 	const isProcessingRef = useRef(false);
 	const uploadSessionIdCounter = useRef(0);
-	const uploadSessionIdPrefix = "upload-session";
 	const generateUploadSessionId = () => {
-		return `${uploadSessionIdPrefix}-${Date.now()}-${uploadSessionIdCounter.current++}`;
+		return `upload-session-${Date.now()}-${uploadSessionIdCounter.current++}`;
 	};
 	const calculateWeightedProgress = (session) => {
 		if (!session.progress?.allFiles || session.progress.allFiles.size === 0) return 0;
 		let totalWeightedProgress = 0;
 		let totalWeight = 0;
 		session.progress.allFiles.forEach((fileProgress) => {
-			const fileSize = fileProgress.fileSizeBytes || 0;
-			const filePercentage = fileProgress?.percentage || 0;
-			totalWeightedProgress += filePercentage / 100 * fileSize;
+			const fileSize = fileProgress.fileSizeBytes;
+			totalWeightedProgress += (fileProgress.percentage ?? 0) / 100 * fileSize;
 			totalWeight += fileSize;
 		});
 		return totalWeight > 0 ? totalWeightedProgress / totalWeight * 100 : 0;
 	};
-	const calculateOverallLoadedBytes = (session) => {
-		if (!session.progress?.allFiles) return {
-			loaded: 0,
-			total: session.progress?.totalSizeBytes || 0
-		};
+	const sumLoadedBytes = (session) => {
 		let totalLoaded = 0;
-		let totalSize = 0;
-		session.progress.allFiles.forEach((fileProgress) => {
-			totalLoaded += fileProgress.loadedBytes || 0;
-			totalSize += fileProgress.fileSizeBytes || 0;
+		session.progress?.allFiles?.forEach((fileProgress) => {
+			totalLoaded += fileProgress.loadedBytes ?? 0;
 		});
-		return {
-			loaded: totalLoaded,
-			total: totalSize
-		};
+		return totalLoaded;
 	};
 	const updateFileProgressInUploadSession = (session, relativePath, updates) => {
 		if (!session.progress?.allFiles) return;
@@ -77,10 +66,10 @@ function FileExplorerProvider({ children }) {
 			progress: {
 				completedFiles: 0,
 				totalFiles: uploadNodes.length,
-				totalSizeBytes: uploadNodes.reduce((sum, node) => sum + (node.file?.size || 0), 0),
+				totalSizeBytes: calculateUploadNodesTotalSize(uploadNodes),
 				allFiles: new Map(uploadNodes.map((file) => [file.relativePath, {
 					fileKey: file.relativePath,
-					fileSizeBytes: file.file?.size || 0,
+					fileSizeBytes: file.file.size,
 					abortController: new AbortController(),
 					status: "pending",
 					percentage: 0
@@ -154,109 +143,90 @@ function FileExplorerProvider({ children }) {
 		}
 		session.status = "uploading";
 		isProcessingRef.current = true;
+		const progressToast = (shown = session) => /* @__PURE__ */ jsx(UploadSessionToast, {
+			session: shown,
+			queueLength: uploadQueueRef.current.length,
+			onCancel: () => handleSessionCancel(session),
+			onCancelFile: (path) => cancelFileInSession(sessionId, path)
+		});
 		try {
 			notify.update(sessionId, {
-				render: /* @__PURE__ */ jsx(UploadSessionToast, {
-					session,
-					queueLength: uploadQueueRef.current.length,
-					onCancel: () => handleSessionCancel(session),
-					onCancelFile: (path) => cancelFileInSession(sessionId, path)
-				}),
+				render: progressToast(),
 				icon: false,
 				isLoading: false,
 				closeButton: false,
 				autoClose: false
 			});
 			const results = await Promise.allSettled(session.uploadNodes.map(async (node) => {
-				if (node && node.file) {
-					const fileProgress = session.progress?.allFiles?.get(node.relativePath);
-					if (!fileProgress) return;
-					if (fileProgress.status === "cancelled") return {
-						reason: "Upload cancelled by user",
-						status: "rejected"
-					};
+				const fileProgress = session.progress?.allFiles?.get(node.relativePath);
+				if (!fileProgress) return;
+				if (fileProgress.status === "cancelled") throw new Error("Upload cancelled by user");
+				updateFileProgressInUploadSession(session, node.relativePath, {
+					status: "uploading",
+					loadedBytes: 0,
+					totalBytes: node.file.size,
+					percentage: 0
+				});
+				const objectPath = session.targetPath ? `${session.targetPath}/${removeLeadingSlash(node.relativePath)}` : removeLeadingSlash(node.relativePath);
+				const uploadFileInput = session.provider.uploadFileInput;
+				if (!uploadFileInput) {
+					updateFileProgressInUploadSession(session, node.relativePath, { status: "failed" });
+					throw new Error("Upload is not supported for this storage provider");
+				}
+				const input = uploadFileInput(session.storageName, objectPath, node.file);
+				const onProgress = (progress) => {
+					if (session.status === "cancelled" || !session.progress?.allFiles) return;
+					const currentFileProgress = session.progress.allFiles.get(node.relativePath);
+					if (!currentFileProgress || [
+						"failed",
+						"cancelled",
+						"completed"
+					].includes(currentFileProgress.status ?? "")) return;
 					updateFileProgressInUploadSession(session, node.relativePath, {
-						status: "uploading",
-						loadedBytes: 0,
-						totalBytes: node.file.size,
-						percentage: 0
+						loadedBytes: progress.loadedBytes,
+						totalBytes: progress.totalBytes,
+						percentage: progress.percentage,
+						status: progress.percentage === 100 ? "completed" : "uploading"
+					});
+					if (progress.percentage === 100) session.progress.completedFiles += 1;
+					const totalLoadedBytes = sumLoadedBytes(session);
+					session.progress.overallProgress = calculateWeightedProgress(session);
+					session.progress.totalLoadedBytes = totalLoadedBytes;
+					const { estimatedSecondsLeft, lastProgressTime, lastProgressBytes, shouldUpdateETA } = getUploadSessionETA(totalLoadedBytes, session.progress.totalSizeBytes, session.progress.lastProgressTime, session.progress.lastProgressBytes);
+					session.progress.lastProgressTime = lastProgressTime;
+					session.progress.lastProgressBytes = lastProgressBytes;
+					if (shouldUpdateETA) session.progress.estimatedSecondsLeft = estimatedSecondsLeft;
+					notify.update(sessionId, {
+						render: progressToast(),
+						icon: false,
+						isLoading: false,
+						closeButton: false,
+						autoClose: false
+					});
+				};
+				try {
+					await session.client.uploadFile(input, onProgress, fileProgress.abortController);
+					updateFileProgressInUploadSession(session, node.relativePath, { status: "completed" });
+				} catch (error) {
+					const errorMessage = error instanceof Error ? error.message : String(error ?? "");
+					const isCancelled = errorMessage.toLowerCase().includes("abort") || errorMessage.toLowerCase().includes("cancel");
+					updateFileProgressInUploadSession(session, node.relativePath, { status: isCancelled ? "cancelled" : "failed" });
+					notify.update(sessionId, {
+						render: progressToast({
+							...session,
+							progress: {
+								completedFiles: 0,
+								totalFiles: 0,
+								totalSizeBytes: 0,
+								...session.progress
+							}
+						}),
+						icon: false,
+						isLoading: false,
+						closeButton: session.status === "failed" || session.status === "cancelled",
+						autoClose: false
 					});
-					const objectPath = session.targetPath ? `${session.targetPath}/${removeLeadingSlash(node.relativePath)}` : removeLeadingSlash(node.relativePath);
-					const uploadFileInput = session.provider.uploadFileInput;
-					if (!uploadFileInput) return {
-						reason: "Upload is not supported for this storage provider",
-						status: "rejected"
-					};
-					const input = uploadFileInput(session.storageName, objectPath, node.file);
-					const onProgress = (progress) => {
-						if (session.status === "cancelled") return;
-						if (session.progress?.allFiles) {
-							const currentFileProgress = session.progress.allFiles.get(node.relativePath);
-							if (!currentFileProgress) return;
-							if ([
-								"failed",
-								"cancelled",
-								"complete"
-							].includes(currentFileProgress.status ?? "")) return;
-							const wasCompleted = currentFileProgress.percentage === 100;
-							updateFileProgressInUploadSession(session, node.relativePath, {
-								loadedBytes: progress.loadedBytes,
-								totalBytes: progress.totalBytes,
-								percentage: progress.percentage,
-								status: progress.percentage === 100 ? "completed" : "uploading"
-							});
-							if (progress.percentage === 100 && !wasCompleted) session.progress.completedFiles += 1;
-							const overallProgress = calculateWeightedProgress(session);
-							const { loaded: totalLoadedBytes } = calculateOverallLoadedBytes(session);
-							session.progress.overallProgress = overallProgress;
-							session.progress.totalLoadedBytes = totalLoadedBytes;
-							const { estimatedSecondsLeft, lastProgressTime, lastProgressBytes, shouldUpdateETA } = getUploadSessionETA(totalLoadedBytes, session.progress.totalSizeBytes, session.progress.lastProgressTime, session.progress.lastProgressBytes);
-							session.progress.lastProgressTime = lastProgressTime;
-							session.progress.lastProgressBytes = lastProgressBytes;
-							if (shouldUpdateETA) session.progress.estimatedSecondsLeft = estimatedSecondsLeft;
-							notify.update(sessionId, {
-								render: /* @__PURE__ */ jsx(UploadSessionToast, {
-									session,
-									queueLength: uploadQueueRef.current.length,
-									onCancel: () => handleSessionCancel(session),
-									onCancelFile: (path) => cancelFileInSession(sessionId, path)
-								}),
-								icon: false,
-								isLoading: false,
-								closeButton: false,
-								autoClose: false
-							});
-						}
-					};
-					try {
-						await session.client.uploadFile(input, onProgress, fileProgress.abortController);
-						updateFileProgressInUploadSession(session, node.relativePath, { status: "completed" });
-					} catch (error) {
-						const errorMessage = error instanceof Error ? error.message : String(error ?? "");
-						const isCancelled = errorMessage.toLowerCase().includes("abort") || errorMessage.toLowerCase().includes("cancel");
-						updateFileProgressInUploadSession(session, node.relativePath, { status: isCancelled ? "cancelled" : "failed" });
-						notify.update(sessionId, {
-							render: /* @__PURE__ */ jsx(UploadSessionToast, {
-								session: {
-									...session,
-									progress: {
-										completedFiles: 0,
-										totalFiles: 0,
-										totalSizeBytes: 0,
-										...session.progress
-									}
-								},
-								queueLength: uploadQueueRef.current.length,
-								onCancel: () => handleSessionCancel(session),
-								onCancelFile: (path) => cancelFileInSession(sessionId, path)
-							}),
-							icon: false,
-							isLoading: false,
-							closeButton: session.status === "failed" || session.status === "cancelled",
-							autoClose: false
-						});
-						throw error;
-					}
+					throw error;
 				}
 			}));
 			try {
@@ -266,19 +236,16 @@ function FileExplorerProvider({ children }) {
 			}
 			const failedResults = results.filter((r) => r.status === "rejected");
 			const actualFailedResults = failedResults.filter((result) => {
-				if (result.status === "rejected") {
-					const reason = result.reason?.message || result.reason?.toString() || "";
-					return !reason.toLowerCase().includes("abort") && !reason.toLowerCase().includes("cancel");
-				}
-				return false;
+				const reason = result.reason?.message || result.reason?.toString() || "";
+				return !reason.toLowerCase().includes("abort") && !reason.toLowerCase().includes("cancel");
 			});
-			const abortedCount = failedResults?.length - actualFailedResults?.length;
+			const abortedCount = failedResults.length - actualFailedResults.length;
 			const failedFileNames = actualFailedResults.map((result) => {
-				const originalIndex = results.findIndex((r) => r === result);
+				const originalIndex = results.indexOf(result);
 				return session.uploadNodes[originalIndex]?.name || `File #${originalIndex + 1}`;
-			}).filter(Boolean);
-			const successfulCount = results?.length - failedResults?.length;
-			if (actualFailedResults?.length > 0) notify.update(sessionId, {
+			});
+			const successfulCount = results.length - failedResults.length;
+			if (actualFailedResults.length > 0) notify.update(sessionId, {
 				render: /* @__PURE__ */ jsxs("div", {
 					className: "text-md",
 					children: [
@@ -344,8 +311,8 @@ function FileExplorerProvider({ children }) {
 		}
 	};
 	const processNextUploadSessionInQueue = async () => {
-		if (isProcessingRef.current || uploadQueueRef.current.length === 0) return;
 		const nextSessionId = uploadQueueRef.current[0];
+		if (isProcessingRef.current || nextSessionId === void 0) return;
 		await startUploadSession(nextSessionId);
 	};
 	const contextValue = {

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

@@ -7,7 +7,6 @@ interface FilePreviewInlineProps {
     onDownload: (node: TreeNode) => void;
     /** When false, skip fetching and release any held preview blob. */
     active?: boolean;
-    showSecurityIndicator?: boolean;
 }
-export declare function FilePreviewInline({ node, storage, getPresignedUrl, onOpenFull, onDownload, active, showSecurityIndicator, }: FilePreviewInlineProps): import("react").JSX.Element;
+export declare function FilePreviewInline({ node, storage, getPresignedUrl, onOpenFull, onDownload, active, }: FilePreviewInlineProps): import("react").JSX.Element;
 export {};