@parallelworks/ui 0.20.0 → 0.21.1

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 {};

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

@@ -1,5 +1,5 @@
 import { useStrings } from "../../components/Provider.js";
-import { ExpandIcon } from "../../icons.js";
+import { FaExpand } from "../../icons/fa/FaExpand.js";
 import { formatFileSize } from "../lib/utils.js";
 import { getPreviewKind } from "./previewType.js";
 import { StreamedBadge } from "./StreamedBadge.js";
@@ -7,7 +7,7 @@ import { usePresignedUrl } from "./usePresignedUrl.js";
 import { FilePreviewViewer } from "./Viewer.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/file-explorer/FilePreview/Inline.tsx
-function FilePreviewInline({ node, storage, getPresignedUrl, onOpenFull, onDownload, active = true, showSecurityIndicator = true }) {
+function FilePreviewInline({ node, storage, getPresignedUrl, onOpenFull, onDownload, active = true }) {
 	const t = useStrings().fileExplorer;
 	const { url, loading, error } = usePresignedUrl(node, getPresignedUrl, {
 		enabled: active,
@@ -31,12 +31,12 @@ function FilePreviewInline({ node, storage, getPresignedUrl, onOpenFull, onDownl
 			className: "flex shrink-0 items-center justify-between gap-3 border-t theme-border px-4 py-2.5",
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 text-xs theme-muted-text",
-				children: [/* @__PURE__ */ jsxs("span", { children: [typeof node.size === "number" && formatFileSize(node.size), node.contentType && ` · ${node.contentType}`] }), showSecurityIndicator && url && /* @__PURE__ */ jsx(StreamedBadge, {})]
+				children: [/* @__PURE__ */ jsxs("span", { children: [typeof node.size === "number" && formatFileSize(node.size), node.contentType && ` · ${node.contentType}`] }), url && /* @__PURE__ */ jsx(StreamedBadge, {})]
 			}), /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				className: "btn btn-neutral cursor-pointer",
 				onClick: () => onOpenFull(node),
-				children: [/* @__PURE__ */ jsx(ExpandIcon, { className: "mr-2 h-4 w-4" }), t.preview.openFullPreview]
+				children: [/* @__PURE__ */ jsx(FaExpand, { className: "mr-2 h-4 w-4" }), t.preview.openFullPreview]
 			})]
 		})]
 	});

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

@@ -1,5 +1,5 @@
 import { useStrings } from "../../components/Provider.js";
-import { LockIcon } from "../../icons.js";
+import { FaLock } from "../../icons/fa/FaLock.js";
 import { TOOLTIP_ID } from "../../components/Tooltip.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/file-explorer/FilePreview/StreamedBadge.tsx
@@ -9,7 +9,7 @@ function StreamedBadge() {
 		className: "inline-flex shrink-0 items-center gap-1 rounded-full border border-green-500/40 bg-green-500/15 px-2 py-0.5 text-[11px] text-green-600",
 		"data-tooltip-id": TOOLTIP_ID,
 		"data-tooltip-content": t.preview.streamedTooltip,
-		children: [/* @__PURE__ */ jsx(LockIcon, { className: "h-2.5 w-2.5" }), t.preview.streamed]
+		children: [/* @__PURE__ */ jsx(FaLock, { className: "h-2.5 w-2.5" }), t.preview.streamed]
 	});
 }
 //#endregion

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

@@ -1,5 +1,9 @@
 import { useStrings } from "../../components/Provider.js";
-import { DownloadFileIcon, FileIcon, LockIcon, MusicIcon, ZipIcon } from "../../icons.js";
+import { BsFileEarmarkZip } from "../../icons/bs/BsFileEarmarkZip.js";
+import { BsMusicNoteBeamed } from "../../icons/bs/BsMusicNoteBeamed.js";
+import { FaLock } from "../../icons/fa/FaLock.js";
+import { FiDownload } from "../../icons/fi/FiDownload.js";
+import { FiFile } from "../../icons/fi/FiFile.js";
 import { positionKeys, withPositionKeys } from "../../components/keys.js";
 import Loader from "../../components/Loader.js";
 import Markdown from "../../components/Markdown.js";
@@ -36,19 +40,19 @@ function FilePreviewViewer({ node, kind, url, urlLoading, urlError, zoom = 100,
 		return { corsError: false };
 	}, [url]);
 	if (urlError) return /* @__PURE__ */ jsx(NotPreviewable, {
-		icon: /* @__PURE__ */ jsx(FileIcon, { className: "h-9 w-9 theme-muted-text" }),
+		icon: /* @__PURE__ */ jsx(FiFile, { className: "h-9 w-9 theme-muted-text" }),
 		title: t.preview.errorTitle,
 		message: urlError,
 		onDownload
 	});
 	if (kind === "archive") return /* @__PURE__ */ jsx(NotPreviewable, {
-		icon: /* @__PURE__ */ jsx(ZipIcon, { className: "h-9 w-9 text-(--theme-link)" }),
+		icon: /* @__PURE__ */ jsx(BsFileEarmarkZip, { className: "h-9 w-9 text-(--theme-link)" }),
 		title: t.preview.archiveTitle,
 		message: t.preview.archiveMessage,
 		onDownload
 	});
 	if (kind === "unsupported") return /* @__PURE__ */ jsx(NotPreviewable, {
-		icon: /* @__PURE__ */ jsx(FileIcon, { className: "h-9 w-9 theme-muted-text" }),
+		icon: /* @__PURE__ */ jsx(FiFile, { className: "h-9 w-9 theme-muted-text" }),
 		title: t.preview.unsupportedTitle,
 		message: t.preview.unsupportedMessage,
 		onDownload
@@ -153,7 +157,7 @@ function AudioView({ node, url, onDownload }) {
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "flex h-28 w-28 items-center justify-center rounded-2xl bg-linear-to-br from-(--theme-element) to-(--theme-link) shadow-lg",
-					children: /* @__PURE__ */ jsx(MusicIcon, { className: "h-12 w-12 text-white" })
+					children: /* @__PURE__ */ jsx(BsMusicNoteBeamed, { className: "h-12 w-12 text-white" })
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "text-center",
@@ -179,7 +183,7 @@ function AudioView({ node, url, onDownload }) {
 function PreviewError({ onDownload }) {
 	const t = useStrings().fileExplorer;
 	return /* @__PURE__ */ jsx(NotPreviewable, {
-		icon: /* @__PURE__ */ jsx(FileIcon, { className: "h-9 w-9 theme-muted-text" }),
+		icon: /* @__PURE__ */ jsx(FiFile, { className: "h-9 w-9 theme-muted-text" }),
 		title: t.preview.errorTitle,
 		message: t.preview.previewError,
 		onDownload
@@ -187,7 +191,6 @@ function PreviewError({ onDownload }) {
 }
 function PdfView({ node, url, onDownload, storage, onCorsRetry }) {
 	const { blobUrl, loading, error, tooLarge, corsError } = useObjectBlobUrl(url, {
-		enabled: true,
 		maxBytes: PDF_PREVIEW_MAX_BYTES,
 		knownSize: node.size,
 		mimeType: "application/pdf",
@@ -213,7 +216,6 @@ function CodeView({ node, url, onDownload, storage, onCorsRetry }) {
 	const language = getMonacoLanguage(node);
 	const [tail, setTail] = useState(false);
 	const { text, loading, error, tooLarge, truncated, corsError } = useObjectText(url, {
-		enabled: true,
 		maxBytes: CODE_PREVIEW_MAX_BYTES,
 		maxLines: CODE_PREVIEW_MAX_LINES,
 		knownSize: node.size,
@@ -252,7 +254,7 @@ function CodeView({ node, url, onDownload, storage, onCorsRetry }) {
 				}),
 				/* @__PURE__ */ jsxs("span", {
 					className: "inline-flex shrink-0 items-center gap-1 rounded-full border theme-border px-2 py-0.5 text-[11px] theme-muted-text",
-					children: [/* @__PURE__ */ jsx(LockIcon, { className: "h-2.5 w-2.5" }), t.readOnly]
+					children: [/* @__PURE__ */ jsx(FaLock, { className: "h-2.5 w-2.5" }), t.readOnly]
 				})
 			]
 		}), /* @__PURE__ */ jsx("div", {
@@ -291,7 +293,6 @@ function toFencedCode(text, language) {
 }
 function CsvView({ node, url, onDownload, storage, onCorsRetry }) {
 	const { text, loading, error, tooLarge, corsError } = useObjectText(url, {
-		enabled: true,
 		maxBytes: TABULAR_PREVIEW_MAX_BYTES,
 		maxLines: 502,
 		knownSize: node.size,
@@ -354,7 +355,6 @@ function CsvTable({ node, text }) {
 }
 function NotebookView({ node, url, onDownload, storage, onCorsRetry }) {
 	const { text, loading, error, tooLarge, corsError } = useObjectText(url, {
-		enabled: true,
 		maxBytes: TABULAR_PREVIEW_MAX_BYTES,
 		knownSize: node.size,
 		cacheKey: node.path
@@ -480,7 +480,7 @@ function NotPreviewable({ icon, title, message, onDownload }) {
 					type: "button",
 					className: "btn btn-info cursor-pointer",
 					onClick: onDownload,
-					children: [/* @__PURE__ */ jsx(DownloadFileIcon, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
+					children: [/* @__PURE__ */ jsx(FiDownload, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
 				})
 			]
 		})
@@ -499,7 +499,7 @@ function TooLargeInline({ onDownload }) {
 				type: "button",
 				className: "btn btn-info cursor-pointer",
 				onClick: onDownload,
-				children: [/* @__PURE__ */ jsx(DownloadFileIcon, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
+				children: [/* @__PURE__ */ jsx(FiDownload, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
 			})]
 		})
 	});
@@ -517,7 +517,7 @@ function InlineError({ message, onDownload }) {
 				type: "button",
 				className: "btn btn-neutral cursor-pointer",
 				onClick: onDownload,
-				children: [/* @__PURE__ */ jsx(DownloadFileIcon, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
+				children: [/* @__PURE__ */ jsx(FiDownload, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
 			})]
 		})
 	});

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

@@ -9,7 +9,6 @@ interface FilePreviewProps {
     onClose: () => void;
     onDownload: (node: TreeNode) => void;
     onCopyUri: (node: TreeNode) => void;
-    showSecurityIndicator?: boolean;
 }
-export declare function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigate, onClose, onDownload, onCopyUri, showSecurityIndicator, }: FilePreviewProps): import("react").ReactPortal | null;
+export declare function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigate, onClose, onDownload, onCopyUri, }: FilePreviewProps): import("react").ReactPortal | null;
 export {};

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

@@ -1,5 +1,12 @@
 import { useStrings } from "../../components/Provider.js";
-import { ChevronLeftIcon, ChevronRightIcon, CloseIcon, DownloadFileIcon, FileIcon, LinkIcon, ZoomInIcon, ZoomOutIcon } from "../../icons.js";
+import { FaLink } from "../../icons/fa/FaLink.js";
+import { FiDownload } from "../../icons/fi/FiDownload.js";
+import { FiFile } from "../../icons/fi/FiFile.js";
+import { IoMdClose } from "../../icons/io/IoMdClose.js";
+import { LuChevronLeft } from "../../icons/lu/LuChevronLeft.js";
+import { LuChevronRight } from "../../icons/lu/LuChevronRight.js";
+import { LuZoomIn } from "../../icons/lu/LuZoomIn.js";
+import { LuZoomOut } from "../../icons/lu/LuZoomOut.js";
 import { formatFileSize } from "../lib/utils.js";
 import { getPreviewKind } from "./previewType.js";
 import { StreamedBadge } from "./StreamedBadge.js";
@@ -16,11 +23,11 @@ import { createPortal } from "react-dom";
 function isDocumentView(kind) {
 	return kind === "code" || kind === "csv" || kind === "notebook";
 }
-function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigate, onClose, onDownload, onCopyUri, showSecurityIndicator = true }) {
+function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigate, onClose, onDownload, onCopyUri }) {
 	const t = useStrings().fileExplorer;
 	const [style, setStyle] = useLocalStorage("fileExplorer.previewStyle", "quicklook");
 	const [zoom, setZoom] = useState(100);
-	const { url, loading: urlLoading, error: urlError } = usePresignedUrl(open ? node : null, getPresignedUrl, {
+	const { url, loading: urlLoading, error: urlError } = usePresignedUrl(node, getPresignedUrl, {
 		enabled: open,
 		linkErrorMessage: t.preview.linkError
 	});
@@ -71,12 +78,12 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex min-w-0 items-center gap-2.5",
 			children: [
-				/* @__PURE__ */ jsx(FileIcon, { className: cx("h-4 w-4 shrink-0", !floatingChrome && "theme-muted-text") }),
+				/* @__PURE__ */ jsx(FiFile, { className: cx("h-4 w-4 shrink-0", !floatingChrome && "theme-muted-text") }),
 				/* @__PURE__ */ jsx("span", {
 					className: "truncate font-semibold",
 					children: node.name
 				}),
-				showSecurityIndicator && url && /* @__PURE__ */ jsx(StreamedBadge, {})
+				url && /* @__PURE__ */ jsx(StreamedBadge, {})
 			]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex shrink-0 items-center gap-1.5",
@@ -99,19 +106,19 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 					overlay: floatingChrome,
 					label: t.preview.copyUri,
 					onClick: () => onCopyUri(node),
-					children: /* @__PURE__ */ jsx(LinkIcon, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(FaLink, { className: "h-4 w-4" })
 				}),
 				/* @__PURE__ */ jsx(ChromeButton, {
 					overlay: floatingChrome,
 					label: t.preview.download,
 					onClick: () => onDownload(node),
-					children: /* @__PURE__ */ jsx(DownloadFileIcon, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(FiDownload, { className: "h-4 w-4" })
 				}),
 				/* @__PURE__ */ jsx(ChromeButton, {
 					overlay: floatingChrome,
 					label: t.preview.close,
 					onClick: onClose,
-					children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(IoMdClose, { className: "h-4 w-4" })
 				})
 			]
 		})]
@@ -130,7 +137,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 						overlay: floatingChrome,
 						label: t.preview.zoomOut,
 						onClick: () => setZoom((z) => Math.max(25, z - 25)),
-						children: /* @__PURE__ */ jsx(ZoomOutIcon, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(LuZoomOut, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ jsxs("span", {
 						className: "min-w-11 text-center text-xs tabular-nums",
@@ -140,7 +147,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 						overlay: floatingChrome,
 						label: t.preview.zoomIn,
 						onClick: () => setZoom((z) => Math.min(400, z + 25)),
-						children: /* @__PURE__ */ jsx(ZoomInIcon, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(LuZoomIn, { className: "h-3.5 w-3.5" })
 					})
 				]
 			}), /* @__PURE__ */ jsxs("div", {
@@ -151,7 +158,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 						label: t.preview.previousFile,
 						disabled: !hasPrev,
 						onClick: goPrev,
-						children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(LuChevronLeft, { className: "h-4 w-4" })
 					}),
 					/* @__PURE__ */ jsx("span", {
 						className: "min-w-14 text-center text-xs tabular-nums",
@@ -162,7 +169,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 						label: t.preview.nextFile,
 						disabled: !hasNext,
 						onClick: goNext,
-						children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(LuChevronRight, { className: "h-4 w-4" })
 					})
 				]
 			})]
@@ -259,7 +266,7 @@ function EdgeButton({ side, label, disabled, onClick }) {
 		},
 		className: cx("absolute top-1/2 z-20 flex h-13 w-13 -translate-y-1/2 items-center justify-center rounded-full text-white backdrop-blur", side === "left" ? "left-5" : "right-5", disabled ? "cursor-not-allowed opacity-30" : "cursor-pointer hover:bg-white/20"),
 		style: { backgroundColor: "rgba(22,27,34,.7)" },
-		children: side === "left" ? /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-6 w-6" })
+		children: side === "left" ? /* @__PURE__ */ jsx(LuChevronLeft, { className: "h-6 w-6" }) : /* @__PURE__ */ jsx(LuChevronRight, { className: "h-6 w-6" })
 	});
 }
 //#endregion

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

@@ -9,7 +9,7 @@ export interface NotebookOutput {
     evalue?: string;
     traceback?: string[];
 }
-export interface NotebookCell {
+interface NotebookCell {
     cell_type: string;
     source: string | string[];
     outputs?: NotebookOutput[];
@@ -22,3 +22,4 @@ export declare function parseNotebook(text: string): ParsedNotebook | null;
 /** nbformat `source`/`text` is a string or an array of lines; normalize to one string. */
 export declare function joinSource(source: unknown): string;
 export declare function stripAnsi(text: string): string;
+export {};

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

@@ -1,13 +1,14 @@
-interface ObjectBlobState {
+interface BlobResult {
     blobUrl: string | null;
+    tooLarge: boolean;
+}
+interface ObjectBlobState extends BlobResult {
     loading: boolean;
     error: string | null;
-    tooLarge: boolean;
     corsError: boolean;
 }
 /** 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. */
-export declare function useObjectBlobUrl(url: string | null, { enabled, maxBytes, knownSize, mimeType, cacheKey, }: {
-    enabled: boolean;
+export declare function useObjectBlobUrl(url: string, { maxBytes, knownSize, mimeType, cacheKey, }: {
     maxBytes: number;
     knownSize?: number | undefined;
     mimeType: string;