@parallelworks/ui 0.18.0 → 0.19.0

package/dist/file-explorer/index.js

@@ -1,18 +1,19 @@
-import { i as useNotify, l as useSlots, o as useProvisionCorsRules, u as useStrings } from "../chunks/Provider-Ghua9PkN.js";
-import { _ as useRowMenuActive, d as assembleRowMenu, g as useRowMenu, h as useCopySubmenu, u as MoreButton } from "../chunks/PageHeader-l49p1nM9.js";
+import { i as useNotify, l as useSlots, s as useProvisionCorsRules, u as useStrings } from "../chunks/Provider-CDYurraE.js";
 import { AccessIcon, AlertIcon, AngleDownIcon, AngleRightIcon, AngleUpIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, CloseIcon, CloudUploadIcon, CollapseIcon, CustomizeIcon, DiskIcon, DocumentIcon, DownloadFileIcon, ExpandIcon, ExpandVerticalIcon, EyeIcon, FileIcon, FileTextIcon, FolderIcon, FolderOpenIcon, ImageIcon, LinkIcon, LockIcon, MinimizeIcon, MusicIcon, PdfIcon, RefreshIcon, ShareIcon, SpreadsheetIcon, SuccessIcon, TrashIcon, UploadIcon, UserIcon, VideoIcon, ZipIcon, ZoomInIcon, ZoomOutIcon } from "../icons.js";
-import { c as ConfirmModal, f as Markdown, h as Callout, m as CopyToClipboard, n as CreateModal, p as CopyCodeBlock } from "../chunks/CreateModal-BY6DLmur.js";
-import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-Crxo_eU_.js";
+import { c as withPositionKeys, n as TOOLTIP_ID, o as keyedByContent, r as TooltipInfo, s as positionKeys } from "../chunks/Tooltip-K5HJr4_p.js";
+import { _ as useRowMenuActive, d as assembleRowMenu, g as useRowMenu, h as useCopySubmenu, u as MoreButton } from "../chunks/PageHeader-0kG_iypP.js";
+import { d as Callout, l as CopyCodeBlock, r as CreateModal, t as Markdown, u as CopyToClipboard } from "../chunks/Markdown-CM-FenNE.js";
+import { t as ConfirmModal } from "../chunks/ConfirmModal-aOR4O1QE.js";
 import { t as StatusBadge } from "../chunks/StatusBadge-C1Blx_cW.js";
 import { t as Loader } from "../chunks/Loader-BXoXTZGc.js";
-import { n as Table } from "../chunks/Table-4OHjdKdO.js";
-import { E as ListSkeleton, M as listTableProps, j as listTableFixedProps, k as RowSelectCheckbox, w as ListActionsHeader } from "../chunks/list-qrojZZNv.js";
+import { n as Table } from "../chunks/Table-DU2MW8xz.js";
+import { A as listTableProps, D as RowSelectCheckbox, S as ListActionsHeader, k as listTableFixedProps, w as ListSkeleton } from "../chunks/list-CJm875m7.js";
+import { Menu, MenuButton, MenuItem, MenuItems, MenuSeparator } from "@headlessui/react";
 import cx from "classnames";
 import { Suspense, createContext, lazy, memo, use, useCallback, useEffect, useEffectEvent, useId, useLayoutEffect, useMemo, useRef, useState, useTransition } from "react";
 import { useLocalStorage } from "usehooks-ts";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-import { Menu, MenuButton, MenuItem, MenuItems, MenuSeparator } from "@headlessui/react";
 import Skeleton from "react-loading-skeleton";
 import { DateTime } from "luxon";
 import { Resizable } from "re-resizable";
@@ -264,19 +265,6 @@ async function collectObjectKeysToDelete(nodes, listKeysUnderPrefix) {
 	}
 	return Array.from(keys);
 }
-function getPwUri(username, pwName, key) {
-	return `pw://${username}/${pwName}/${key}`;
-}
-var cspUriSchemes = {
-	aws: "s3",
-	google: "gs",
-	azure: "az"
-};
-function getCspUri(csp, cspBucketName, key) {
-	const scheme = cspUriSchemes[csp];
-	if (!scheme) return null;
-	return `${scheme}://${cspBucketName}/${key}`;
-}
 function getUriScheme(uri) {
 	return uri.match(/^([a-z0-9+.-]+):\/\//i)?.[1] ?? "";
 }
@@ -398,17 +386,7 @@ function FileProgressBar({ fileProgress, fileName, progressBarColorScheme, onCan
 	const isFailed = fileProgress.status === "failed";
 	const isUploading = fileProgress.status === "uploading" || !isCompleted && !isCancelled && !isFailed;
 	const canCancel = isUploading && fileProgress.abortController && !isCompleted && !isCancelled && !isFailed;
-	const barColor = useMemo(() => {
-		if (isCompleted) return progressBarColorScheme.completed;
-		if (isCancelled) return progressBarColorScheme.cancelled;
-		if (isFailed) return progressBarColorScheme.failed;
-		return progressBarColorScheme.uploading;
-	}, [
-		isCompleted,
-		isCancelled,
-		isFailed,
-		isUploading
-	]);
+	const barColor = isCompleted ? progressBarColorScheme.completed : isCancelled ? progressBarColorScheme.cancelled : isFailed ? progressBarColorScheme.failed : progressBarColorScheme.uploading;
 	const handleCancelClick = (e) => {
 		e.stopPropagation();
 		setShowCancelConfirm(true);
@@ -533,17 +511,7 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 		failed: "bg-red-600",
 		cancelled: "bg-(--theme-muted-text-color)"
 	};
-	const barColor = useMemo(() => {
-		if (isCompleted) return progressBarColorScheme.completed;
-		if (isCancelled) return progressBarColorScheme.cancelled;
-		if (isFailed) return progressBarColorScheme.failed;
-		return progressBarColorScheme.uploading;
-	}, [
-		isCompleted,
-		isCancelled,
-		isFailed,
-		isUploading
-	]);
+	const barColor = isCompleted ? progressBarColorScheme.completed : isCancelled ? progressBarColorScheme.cancelled : isFailed ? progressBarColorScheme.failed : progressBarColorScheme.uploading;
 	const allFiles = session.progress?.allFiles ? Array.from(session.progress.allFiles.values()) : [];
 	const uploadingFiles = session.progress?.allFiles ? Array.from(session.progress.allFiles.values()).filter((file) => file.percentage && file.percentage >= 0 && file.percentage < 100) : [];
 	const shouldShowSessionCancelButton = !showCancelConfirm && (isUploading || isQueued) && session.uploadNodes.length > 1;
@@ -603,10 +571,10 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 								className: "text-xs theme-muted-text mt-0.5",
 								children: [
 									session.progress?.completedFiles || 0,
-									" /",
-									" ",
+									" / ",
 									session.progress?.totalFiles || 0,
-									" files done"
+									" ",
+									"files done"
 								]
 							}), /* @__PURE__ */ jsx("div", {
 								className: "text-xs theme-muted-text mt-0.5",
@@ -642,10 +610,10 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 								uploadingFiles.length > 0 && `${uploadingFiles.length} uploading `,
 								"(",
 								session.progress?.completedFiles || 0,
-								" /",
-								" ",
+								" / ",
 								session.progress?.totalFiles || 0,
-								" done)"
+								" ",
+								"done)"
 							]
 						})] })]
 					}), /* @__PURE__ */ jsx("button", {
@@ -1048,11 +1016,11 @@ function FileExplorerProvider({ children }) {
 						}),
 						/* @__PURE__ */ jsx("ul", {
 							className: "text-sm space-y-1 max-h-32 overflow-y-auto",
-							children: failedFileNames.map((name, i) => /* @__PURE__ */ jsxs("li", { children: [
+							children: keyedByContent(failedFileNames, (n) => n).map(({ key, item: name }, i) => /* @__PURE__ */ jsxs("li", { children: [
 								"• ",
 								name,
 								actualFailedResults[i]?.reason ? `: ${actualFailedResults[i].reason}` : ""
-							] }, i))
+							] }, key))
 						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "mt-2 text-sm",
@@ -1127,6 +1095,166 @@ function useFileExplorer() {
 	return context;
 }
 //#endregion
+//#region src/file-explorer/FilePreview/previewType.ts
+/** Short-lived so the link doesn't linger; an hour covers a viewing session. */
+var PREVIEW_URL_EXPIRES_IN = 3600;
+/** Cap text pulled into the tab; media streams through native elements uncapped. */
+var CODE_PREVIEW_MAX_BYTES = 10485760;
+var TABULAR_PREVIEW_MAX_BYTES = 20971520;
+/** A line cap bounds what a text preview holds and renders; the byte cap above cuts
+* short whatever the line cap hasn't, and refuses outright only content with no line
+* break to cut on. Well under Monaco's 20MB and 300K-line thresholds, past which it
+* stops tokenizing and highlighting dies. */
+var CODE_PREVIEW_MAX_LINES = 5e3;
+/** Fetched into a blob URL to render inline regardless of served content type; falls back to download above this. */
+var PDF_PREVIEW_MAX_BYTES = 52428800;
+var IMAGE_EXT = /* @__PURE__ */ new Set([
+	"png",
+	"jpg",
+	"jpeg",
+	"gif",
+	"webp",
+	"bmp",
+	"ico",
+	"avif",
+	"svg"
+]);
+var VIDEO_EXT = /* @__PURE__ */ new Set([
+	"mp4",
+	"mov",
+	"webm",
+	"m4v",
+	"ogv"
+]);
+var AUDIO_EXT = /* @__PURE__ */ new Set([
+	"mp3",
+	"wav",
+	"ogg",
+	"oga",
+	"flac",
+	"m4a",
+	"aac"
+]);
+var ARCHIVE_EXT = /* @__PURE__ */ new Set([
+	"zip",
+	"tar",
+	"gz",
+	"tgz",
+	"bz2",
+	"xz",
+	"7z",
+	"rar"
+]);
+var LANGUAGE_BY_EXT = {
+	py: "python",
+	ipy: "python",
+	js: "javascript",
+	jsx: "javascript",
+	ts: "typescript",
+	tsx: "typescript",
+	go: "go",
+	rs: "rust",
+	java: "java",
+	c: "c",
+	h: "c",
+	cpp: "cpp",
+	cc: "cpp",
+	hpp: "cpp",
+	cs: "csharp",
+	rb: "ruby",
+	php: "php",
+	swift: "swift",
+	kt: "kotlin",
+	scala: "scala",
+	r: "r",
+	jl: "julia",
+	sh: "shell",
+	bash: "shell",
+	zsh: "shell",
+	fish: "shell",
+	ps1: "powershell",
+	sql: "sql",
+	json: "json",
+	jsonl: "json",
+	yaml: "yaml",
+	yml: "yaml",
+	toml: "ini",
+	ini: "ini",
+	cfg: "ini",
+	conf: "ini",
+	env: "ini",
+	xml: "xml",
+	html: "html",
+	htm: "html",
+	css: "css",
+	scss: "scss",
+	md: "markdown",
+	markdown: "markdown",
+	tex: "plaintext",
+	txt: "plaintext",
+	log: "plaintext",
+	gitignore: "plaintext"
+};
+var LANGUAGE_BY_FILENAME = {
+	dockerfile: "dockerfile",
+	makefile: "plaintext"
+};
+function getMonacoLanguage(node) {
+	const ext = getFileExtension(node.name);
+	if (ext && LANGUAGE_BY_EXT[ext]) return LANGUAGE_BY_EXT[ext];
+	return LANGUAGE_BY_FILENAME[node.name.toLowerCase()] ?? "plaintext";
+}
+function isCodeFile(node) {
+	const ext = getFileExtension(node.name);
+	return ext !== null && ext in LANGUAGE_BY_EXT || node.name.toLowerCase() in LANGUAGE_BY_FILENAME;
+}
+function kindFromContentType(ct) {
+	if (ct === "application/pdf") return "pdf";
+	if (ct === "application/x-ipynb+json") return "notebook";
+	if (ct === "text/csv") return "csv";
+	if (ct.startsWith("image/")) return "image";
+	if (ct.startsWith("video/")) return "video";
+	if (ct.startsWith("audio/")) return "audio";
+	if (ct.startsWith("text/") || ct === "application/json" || ct === "application/xml") return "code";
+	return null;
+}
+function kindFromExtension(ext) {
+	if (ext === "pdf") return "pdf";
+	if (ext === "ipynb") return "notebook";
+	if (ext === "csv" || ext === "tsv") return "csv";
+	if (IMAGE_EXT.has(ext)) return "image";
+	if (VIDEO_EXT.has(ext)) return "video";
+	if (AUDIO_EXT.has(ext)) return "audio";
+	if (ARCHIVE_EXT.has(ext)) return "archive";
+	if (ext in LANGUAGE_BY_EXT) return "code";
+	return null;
+}
+/** Content type wins when present; extension is the fallback. */
+function getPreviewKind(node) {
+	if (node.type !== "file") return "unsupported";
+	const ct = (node.contentType ?? "").split(";")[0]?.toLowerCase().trim() ?? "";
+	const ext = getFileExtension(node.name);
+	const ctKind = kindFromContentType(ct);
+	const extKind = ext !== null ? kindFromExtension(ext) : null;
+	if (ctKind === "code" && (extKind === "csv" || extKind === "notebook")) return extKind;
+	return ctKind ?? extKind ?? (isCodeFile(node) ? "code" : "unsupported");
+}
+function canPreview(node) {
+	const kind = getPreviewKind(node);
+	return kind !== "unsupported" && kind !== "archive";
+}
+//#endregion
+//#region src/file-explorer/FilePreview/StreamedBadge.tsx
+function StreamedBadge() {
+	const t = useStrings().fileExplorer;
+	return /* @__PURE__ */ jsxs("span", {
+		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]
+	});
+}
+//#endregion
 //#region src/file-explorer/lib/errors.ts
 var CorsError = class extends Error {
 	constructor(message) {
@@ -1135,70 +1263,236 @@ var CorsError = class extends Error {
 	}
 };
 //#endregion
-//#region src/file-explorer/helpers.tsx
-var SIDEBAR_WIDTH_STORAGE_KEY = "fileExplorerSidebarWidth";
-var contentTypeIconMap = [
-	{
-		pattern: /^image\//,
-		icon: /* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4 text-blue-500" })
-	},
-	{
-		pattern: /^video\//,
-		icon: /* @__PURE__ */ jsx(VideoIcon, { className: "h-4 w-4 text-purple-500" })
-	},
-	{
-		pattern: /^application\/pdf$/,
-		icon: /* @__PURE__ */ jsx(PdfIcon, { className: "h-4 w-4 text-red-500" })
-	},
-	{
-		pattern: /(spreadsheet|csv|excel)/,
-		icon: /* @__PURE__ */ jsx(SpreadsheetIcon, { className: "h-4 w-4 text-green-500" })
-	},
-	{
-		pattern: /(document|word)/,
-		icon: /* @__PURE__ */ jsx(DocumentIcon, { 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" })
-	},
-	{
-		pattern: /(zip|gzip|tar)/,
-		icon: /* @__PURE__ */ jsx(ZipIcon, { className: "h-4 w-4 text-purple-600" })
+//#region src/file-explorer/FilePreview/previewCache.ts
+var MAX_ENTRIES = 2;
+var urlCache = /* @__PURE__ */ new Map();
+var contentCache = /* @__PURE__ */ new Map();
+function trim(cache, onEvict) {
+	while (cache.size > MAX_ENTRIES) {
+		const oldest = cache.keys().next().value;
+		if (oldest === void 0) return;
+		const evicted = cache.get(oldest);
+		cache.delete(oldest);
+		if (evicted !== void 0) onEvict(evicted);
 	}
-];
-var extensionIconMap = [
-	{
-		pattern: /^(jpe?g|png|gif|svg|webp)$/i,
-		icon: /* @__PURE__ */ jsx(ImageIcon, { 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" })
-	},
-	{
-		pattern: /^pdf$/i,
-		icon: /* @__PURE__ */ jsx(PdfIcon, { 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" })
-	},
-	{
-		pattern: /^(docx?|odt)$/i,
-		icon: /* @__PURE__ */ jsx(DocumentIcon, { 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" })
-	},
-	{
-		pattern: /^(zip|gz|gzip|tar|rar)$/i,
-		icon: /* @__PURE__ */ jsx(ZipIcon, { className: "h-4 w-4 text-purple-600" })
+}
+function disposeContent(record) {
+	record.controller.abort();
+	if (record.value !== void 0) record.dispose?.(record.value);
+}
+function moveToNewest(cache, path, record) {
+	cache.delete(path);
+	cache.set(path, record);
+}
+/** Request a presigned URL for `path` once and remember the result; a failed or
+* empty result is not cached so a later mount retries. */
+function loadPreviewUrl(path, loader) {
+	const existing = urlCache.get(path);
+	if (existing) {
+		moveToNewest(urlCache, path, existing);
+		return existing;
 	}
-];
-function getNodeIcon(node, storageIconUrl, storageIconAlt = "Storage icon") {
-	const isUserNode = !node.storageId;
+	const record = { promise: loader() };
+	record.promise.then((value) => {
+		if (value[0] && !value[1]) record.value = value;
+		else if (urlCache.get(path) === record) urlCache.delete(path);
+	}).catch(() => {
+		if (urlCache.get(path) === record) urlCache.delete(path);
+	});
+	urlCache.set(path, record);
+	trim(urlCache, () => {});
+	return record;
+}
+/** Fetch the object for `path` once and remember it; `dispose` frees the value
+* (e.g. revokes a blob URL) when the entry is evicted. A rejected fetch is not
+* cached so a later mount retries. */
+function loadPreviewContent(path, loader, dispose) {
+	const existing = contentCache.get(path);
+	if (existing) {
+		moveToNewest(contentCache, path, existing);
+		return existing;
+	}
+	const controller = new AbortController();
+	const record = {
+		promise: loader(controller.signal),
+		controller,
+		dispose
+	};
+	record.promise.then((value) => {
+		record.value = value;
+	}).catch(() => {
+		if (contentCache.get(path) === record) contentCache.delete(path);
+	});
+	contentCache.set(path, record);
+	trim(contentCache, disposeContent);
+	return record;
+}
+/** Fetch a preview object over its signed URL; a 401/403 means the URL is stale
+* or unauthorized, so drop it from the cache and let the next mount fetch a fresh
+* one instead of replaying the dead one. */
+async function fetchPreviewObject(path, url, signal, headers) {
+	let response;
+	try {
+		response = await fetch(url, {
+			signal,
+			...headers ? { headers } : {}
+		});
+	} catch (error) {
+		if (error instanceof TypeError) throw new CorsError();
+		throw error;
+	}
+	if (!response.ok) {
+		if (response.status === 401 || response.status === 403) urlCache.delete(path);
+		throw new Error(`Failed to load file (${response.status})`);
+	}
+	return response;
+}
+function peekPreviewUrl(path) {
+	return urlCache.get(path)?.value;
+}
+function peekPreviewContent(path) {
+	return contentCache.get(path)?.value;
+}
+function clearPreviewCache() {
+	for (const record of contentCache.values()) disposeContent(record);
+	contentCache.clear();
+	urlCache.clear();
+}
+//#endregion
+//#region src/file-explorer/FilePreview/usePresignedUrl.ts
+function toState$2([url, error], linkErrorMessage) {
+	if (error || !url) return {
+		url: null,
+		loading: false,
+		error: error?.message ?? linkErrorMessage
+	};
+	return {
+		url,
+		loading: false,
+		error: null
+	};
+}
+/** Fetch a presigned URL per file, cached so repeated mounts share one request; callbacks come from refs so the effect keys only on file identity. */
+function usePresignedUrl(node, getPresignedUrl, { enabled, linkErrorMessage }) {
+	const path = enabled ? node?.path ?? null : null;
+	const [state, setState] = useState({
+		url: null,
+		loading: false,
+		error: null
+	});
+	const [statePath, setStatePath] = useState(path);
+	if (statePath !== path) {
+		setStatePath(path);
+		setState({
+			url: null,
+			loading: path !== null,
+			error: null
+		});
+	}
+	const getUrlRef = useRef(getPresignedUrl);
+	getUrlRef.current = getPresignedUrl;
+	const linkErrorRef = useRef(linkErrorMessage);
+	linkErrorRef.current = linkErrorMessage;
+	const nodeRef = useRef(node);
+	nodeRef.current = node;
+	useEffect(() => {
+		const node = nodeRef.current;
+		if (!path || !node) {
+			setState({
+				url: null,
+				loading: false,
+				error: null
+			});
+			return;
+		}
+		let cancelled = false;
+		const record = loadPreviewUrl(path, () => getUrlRef.current(node));
+		setState(record.value ? toState$2(record.value, linkErrorRef.current) : {
+			url: null,
+			loading: true,
+			error: null
+		});
+		record.promise.then((result) => {
+			if (!cancelled) setState(toState$2(result, linkErrorRef.current));
+		}).catch((err) => {
+			if (!cancelled) setState({
+				url: null,
+				loading: false,
+				error: err instanceof Error ? err.message : linkErrorRef.current
+			});
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [path]);
+	const cached = path ? peekPreviewUrl(path) : void 0;
+	return cached ? toState$2(cached, linkErrorRef.current) : state;
+}
+//#endregion
+//#region src/file-explorer/helpers.tsx
+var SIDEBAR_WIDTH_STORAGE_KEY = "fileExplorerSidebarWidth";
+var contentTypeIconMap = [
+	{
+		pattern: /^image\//,
+		icon: /* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4 text-blue-500" })
+	},
+	{
+		pattern: /^video\//,
+		icon: /* @__PURE__ */ jsx(VideoIcon, { className: "h-4 w-4 text-purple-500" })
+	},
+	{
+		pattern: /^application\/pdf$/,
+		icon: /* @__PURE__ */ jsx(PdfIcon, { className: "h-4 w-4 text-red-500" })
+	},
+	{
+		pattern: /(spreadsheet|csv|excel)/,
+		icon: /* @__PURE__ */ jsx(SpreadsheetIcon, { className: "h-4 w-4 text-green-500" })
+	},
+	{
+		pattern: /(document|word)/,
+		icon: /* @__PURE__ */ jsx(DocumentIcon, { 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" })
+	},
+	{
+		pattern: /(zip|gzip|tar)/,
+		icon: /* @__PURE__ */ jsx(ZipIcon, { 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" })
+	},
+	{
+		pattern: /^(mp4|mov|avi|mkv)$/i,
+		icon: /* @__PURE__ */ jsx(VideoIcon, { className: "h-4 w-4 text-purple-500" })
+	},
+	{
+		pattern: /^pdf$/i,
+		icon: /* @__PURE__ */ jsx(PdfIcon, { 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" })
+	},
+	{
+		pattern: /^(docx?|odt)$/i,
+		icon: /* @__PURE__ */ jsx(DocumentIcon, { 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" })
+	},
+	{
+		pattern: /^(zip|gz|gzip|tar|rar)$/i,
+		icon: /* @__PURE__ */ jsx(ZipIcon, { 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" });
@@ -1577,7 +1871,7 @@ function SkeletonPreview() {
 					})
 				}), /* @__PURE__ */ jsx("div", {
 					className: "overflow-auto flex-1 px-2 py-2 space-y-1.5",
-					children: [...Array(6)].map((_, i) => /* @__PURE__ */ jsx(Skeleton, { height: 14 }, i))
+					children: positionKeys(6, "skeleton").map((key) => /* @__PURE__ */ jsx(Skeleton, { height: 14 }, key))
 				})]
 			})
 		}), /* @__PURE__ */ jsxs("div", {
@@ -1618,493 +1912,45 @@ function ShareFileButton({ node, onShare }) {
 			});
 		},
 		disabled: isPending,
-		children: [/* @__PURE__ */ jsx(ShareIcon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-			className: "hidden md:inline",
-			children: t.empty.shareThisFile
-		})]
-	});
-}
-async function addCorsRules({ provision, notify, strings, csp, type, username, storageName, onRefresh }) {
-	if (!storageName || !username || !csp) {
-		notify.error(strings.corsNoStorage);
-		return;
-	}
-	const res = await provision({
-		csp,
-		type,
-		username,
-		storageName
-	});
-	if (res.error) {
-		notify.error(res.error);
-		return;
-	}
-	if (!onRefresh) {
-		notify.success(strings.corsAdded);
-		return;
-	}
-	const pollBudgetMs = 9e4;
-	const pollIntervalMs = 3e3;
-	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) {
-			await onRefresh();
-			notify.success(strings.corsAdded);
-			return;
-		}
-		await new Promise((resolve) => setTimeout(resolve, pollIntervalMs));
-	}
-	notify.warning(strings.corsPropagating);
-}
-//#endregion
-//#region src/file-explorer/lib/paging.ts
-/** Both providers already cap an unqualified list at 1,000, so stating it leaves
-*  single-page directories byte-identical. */
-var LIST_PAGE_SIZE = 1e3;
-function isListed(listings, path) {
-	return (listings.get(path)?.pagesLoaded ?? 0) > 0;
-}
-/** True even while a request is in flight, so the sentinel stays put. */
-function hasMore(listings, path) {
-	return !!listings.get(path)?.cursor;
-}
-/** A failed page needs an explicit retry, so it stops auto-loading here. */
-function canLoadMore(listings, path) {
-	const listing = listings.get(path);
-	return !!listing?.cursor && !listing.loadingMore && !listing.error;
-}
-/** Auto-load stops at the cap; past it the user asks for each page. */
-function canAutoLoadMore(listings, path) {
-	return canLoadMore(listings, path) && (listings.get(path)?.pagesLoaded ?? 0) < 5;
-}
-function isLoadingMore(listings, path) {
-	return listings.get(path)?.loadingMore === true;
-}
-function loadMoreError(listings, path) {
-	return listings.get(path)?.error;
-}
-function beginLoadingMore(listings, path) {
-	const listing = listings.get(path);
-	if (!listing) return listings;
-	return new Map(listings).set(path, {
-		...listing,
-		loadingMore: true,
-		error: void 0
-	});
-}
-function advanceListing(listings, path, page) {
-	const listing = listings.get(path);
-	return new Map(listings).set(path, {
-		cursor: page.cursor,
-		pagesLoaded: (listing?.pagesLoaded ?? 0) + 1,
-		loadingMore: false,
-		entries: [...listing?.entries ?? [], ...page.entries]
-	});
-}
-/** Subfolders the page no longer names lose their records, or a re-created folder
-*  would show old contents; the rest keep theirs, since a refresh lists them
-*  alongside this one and a parent landing later must not undo a child's page. */
-function replaceListing(listings, path, page) {
-	const prefix = ensureTrailingSlash(path);
-	const subfolders = new Set(page.entries.filter((entry) => entry.type === "directory").map(getNodeName));
-	const next = new Map(listings);
-	next.delete(path);
-	for (const key of listings.keys()) {
-		if (!key.startsWith(prefix)) continue;
-		if (!subfolders.has(key.slice(prefix.length).split("/")[0] ?? "")) next.delete(key);
-	}
-	return advanceListing(next, path, page);
-}
-/** `pagesLoaded` stays put, so a failed first page still reads as unlisted. */
-function recordListingError(listings, path, error) {
-	const listing = listings.get(path);
-	return new Map(listings).set(path, {
-		cursor: listing?.cursor,
-		pagesLoaded: listing?.pagesLoaded ?? 0,
-		loadingMore: false,
-		error,
-		entries: listing?.entries ?? []
-	});
-}
-/** Keeps the cursor and pages, so a retry resumes paging instead of starting over. */
-function clearListingError(listings, path) {
-	const listing = listings.get(path);
-	if (!listing) return listings;
-	return new Map(listings).set(path, {
-		...listing,
-		error: void 0
-	});
-}
-function clearListingsUnder(listings, path) {
-	const prefix = ensureTrailingSlash(path);
-	const next = new Map(listings);
-	for (const key of listings.keys()) if (key === path || key.startsWith(prefix)) next.delete(key);
-	return next;
-}
-/** Tree paths whose children should keep arrival order, since sorting them would
-*  reshuffle rows under the user mid-scroll. */
-function incompletePaths(listings) {
-	const paths = /* @__PURE__ */ new Set();
-	for (const [path, listing] of listings) if (listing.cursor) paths.add(path);
-	return paths;
-}
-/** What a deep link needs next. Pure so the walk is table-testable. */
-function nextHydrationStep({ targetResolved, ancestors, isListableDir, listings, inFlight, pagesPulled }) {
-	for (const path of ancestors) {
-		if (!isListableDir(path)) continue;
-		if (inFlight.has(path)) return { kind: "done" };
-		if (!listings.has(path)) return {
-			kind: "fetch",
-			path
-		};
-	}
-	if (targetResolved) return { kind: "done" };
-	const deepest = [...ancestors].reverse().find(isListableDir);
-	if (!deepest) return { kind: "done" };
-	if (!hasMore(listings, deepest)) return {
-		kind: "stuck",
-		path: deepest
-	};
-	if (loadMoreError(listings, deepest)) return {
-		kind: "stuck",
-		path: deepest
-	};
-	if (pagesPulled >= 20) return {
-		kind: "stuck",
-		path: deepest
-	};
-	return isLoadingMore(listings, deepest) ? { kind: "done" } : {
-		kind: "more",
-		path: deepest
-	};
-}
-//#endregion
-//#region src/file-explorer/FilePreview/StreamedBadge.tsx
-function StreamedBadge() {
-	const t = useStrings().fileExplorer;
-	return /* @__PURE__ */ jsxs("span", {
-		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]
-	});
-}
-//#endregion
-//#region src/file-explorer/FilePreview/previewType.ts
-/** Short-lived so the link doesn't linger; an hour covers a viewing session. */
-var PREVIEW_URL_EXPIRES_IN = 3600;
-/** Cap text pulled into the tab; media streams through native elements uncapped. */
-var CODE_PREVIEW_MAX_BYTES = 10 * 1024 * 1024;
-var TABULAR_PREVIEW_MAX_BYTES = 20 * 1024 * 1024;
-/** A line cap bounds what a text preview holds and renders; the byte cap above cuts
-* short whatever the line cap hasn't, and refuses outright only content with no line
-* break to cut on. Well under Monaco's 20MB and 300K-line thresholds, past which it
-* stops tokenizing and highlighting dies. */
-var CODE_PREVIEW_MAX_LINES = 5e3;
-/** Fetched into a blob URL to render inline regardless of served content type; falls back to download above this. */
-var PDF_PREVIEW_MAX_BYTES = 50 * 1024 * 1024;
-var IMAGE_EXT = new Set([
-	"png",
-	"jpg",
-	"jpeg",
-	"gif",
-	"webp",
-	"bmp",
-	"ico",
-	"avif",
-	"svg"
-]);
-var VIDEO_EXT = new Set([
-	"mp4",
-	"mov",
-	"webm",
-	"m4v",
-	"ogv"
-]);
-var AUDIO_EXT = new Set([
-	"mp3",
-	"wav",
-	"ogg",
-	"oga",
-	"flac",
-	"m4a",
-	"aac"
-]);
-var ARCHIVE_EXT = new Set([
-	"zip",
-	"tar",
-	"gz",
-	"tgz",
-	"bz2",
-	"xz",
-	"7z",
-	"rar"
-]);
-var LANGUAGE_BY_EXT = {
-	py: "python",
-	ipy: "python",
-	js: "javascript",
-	jsx: "javascript",
-	ts: "typescript",
-	tsx: "typescript",
-	go: "go",
-	rs: "rust",
-	java: "java",
-	c: "c",
-	h: "c",
-	cpp: "cpp",
-	cc: "cpp",
-	hpp: "cpp",
-	cs: "csharp",
-	rb: "ruby",
-	php: "php",
-	swift: "swift",
-	kt: "kotlin",
-	scala: "scala",
-	r: "r",
-	jl: "julia",
-	sh: "shell",
-	bash: "shell",
-	zsh: "shell",
-	fish: "shell",
-	ps1: "powershell",
-	sql: "sql",
-	json: "json",
-	jsonl: "json",
-	yaml: "yaml",
-	yml: "yaml",
-	toml: "ini",
-	ini: "ini",
-	cfg: "ini",
-	conf: "ini",
-	env: "ini",
-	xml: "xml",
-	html: "html",
-	htm: "html",
-	css: "css",
-	scss: "scss",
-	md: "markdown",
-	markdown: "markdown",
-	tex: "plaintext",
-	txt: "plaintext",
-	log: "plaintext",
-	gitignore: "plaintext"
-};
-var LANGUAGE_BY_FILENAME = {
-	dockerfile: "dockerfile",
-	makefile: "plaintext"
-};
-function getMonacoLanguage(node) {
-	const ext = getFileExtension(node.name);
-	if (ext && LANGUAGE_BY_EXT[ext]) return LANGUAGE_BY_EXT[ext];
-	return LANGUAGE_BY_FILENAME[node.name.toLowerCase()] ?? "plaintext";
-}
-function isCodeFile(node) {
-	const ext = getFileExtension(node.name);
-	return ext !== null && ext in LANGUAGE_BY_EXT || node.name.toLowerCase() in LANGUAGE_BY_FILENAME;
-}
-function kindFromContentType(ct) {
-	if (ct === "application/pdf") return "pdf";
-	if (ct === "application/x-ipynb+json") return "notebook";
-	if (ct === "text/csv") return "csv";
-	if (ct.startsWith("image/")) return "image";
-	if (ct.startsWith("video/")) return "video";
-	if (ct.startsWith("audio/")) return "audio";
-	if (ct.startsWith("text/") || ct === "application/json" || ct === "application/xml") return "code";
-	return null;
-}
-function kindFromExtension(ext) {
-	if (ext === "pdf") return "pdf";
-	if (ext === "ipynb") return "notebook";
-	if (ext === "csv" || ext === "tsv") return "csv";
-	if (IMAGE_EXT.has(ext)) return "image";
-	if (VIDEO_EXT.has(ext)) return "video";
-	if (AUDIO_EXT.has(ext)) return "audio";
-	if (ARCHIVE_EXT.has(ext)) return "archive";
-	if (ext in LANGUAGE_BY_EXT) return "code";
-	return null;
-}
-/** Content type wins when present; extension is the fallback. */
-function getPreviewKind(node) {
-	if (node.type !== "file") return "unsupported";
-	const ct = (node.contentType ?? "").split(";")[0]?.toLowerCase().trim() ?? "";
-	const ext = getFileExtension(node.name);
-	const ctKind = kindFromContentType(ct);
-	const extKind = ext !== null ? kindFromExtension(ext) : null;
-	if (ctKind === "code" && (extKind === "csv" || extKind === "notebook")) return extKind;
-	return ctKind ?? extKind ?? (isCodeFile(node) ? "code" : "unsupported");
-}
-function canPreview(node) {
-	const kind = getPreviewKind(node);
-	return kind !== "unsupported" && kind !== "archive";
-}
-//#endregion
-//#region src/file-explorer/FilePreview/previewCache.ts
-var MAX_ENTRIES = 2;
-var urlCache = /* @__PURE__ */ new Map();
-var contentCache = /* @__PURE__ */ new Map();
-function trim(cache, onEvict) {
-	while (cache.size > MAX_ENTRIES) {
-		const oldest = cache.keys().next().value;
-		if (oldest === void 0) return;
-		const evicted = cache.get(oldest);
-		cache.delete(oldest);
-		if (evicted !== void 0) onEvict(evicted);
-	}
-}
-function disposeContent(record) {
-	record.controller.abort();
-	if (record.value !== void 0) record.dispose?.(record.value);
-}
-function moveToNewest(cache, path, record) {
-	cache.delete(path);
-	cache.set(path, record);
-}
-/** Request a presigned URL for `path` once and remember the result; a failed or
-* empty result is not cached so a later mount retries. */
-function loadPreviewUrl(path, loader) {
-	const existing = urlCache.get(path);
-	if (existing) {
-		moveToNewest(urlCache, path, existing);
-		return existing;
-	}
-	const record = { promise: loader() };
-	record.promise.then((value) => {
-		if (value[0] && !value[1]) record.value = value;
-		else if (urlCache.get(path) === record) urlCache.delete(path);
-	}).catch(() => {
-		if (urlCache.get(path) === record) urlCache.delete(path);
-	});
-	urlCache.set(path, record);
-	trim(urlCache, () => {});
-	return record;
-}
-/** Fetch the object for `path` once and remember it; `dispose` frees the value
-* (e.g. revokes a blob URL) when the entry is evicted. A rejected fetch is not
-* cached so a later mount retries. */
-function loadPreviewContent(path, loader, dispose) {
-	const existing = contentCache.get(path);
-	if (existing) {
-		moveToNewest(contentCache, path, existing);
-		return existing;
-	}
-	const controller = new AbortController();
-	const record = {
-		promise: loader(controller.signal),
-		controller,
-		dispose
-	};
-	record.promise.then((value) => {
-		record.value = value;
-	}).catch(() => {
-		if (contentCache.get(path) === record) contentCache.delete(path);
+		children: [/* @__PURE__ */ jsx(ShareIcon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+			className: "hidden md:inline",
+			children: t.empty.shareThisFile
+		})]
 	});
-	contentCache.set(path, record);
-	trim(contentCache, disposeContent);
-	return record;
 }
-/** Fetch a preview object over its signed URL; a 401/403 means the URL is stale
-* or unauthorized, so drop it from the cache and let the next mount fetch a fresh
-* one instead of replaying the dead one. */
-async function fetchPreviewObject(path, url, signal, headers) {
-	let response;
-	try {
-		response = await fetch(url, {
-			signal,
-			...headers ? { headers } : {}
-		});
-	} catch (error) {
-		if (error instanceof TypeError) throw new CorsError();
-		throw error;
-	}
-	if (!response.ok) {
-		if (response.status === 401 || response.status === 403) urlCache.delete(path);
-		throw new Error(`Failed to load file (${response.status})`);
+async function addCorsRules({ provision, notify, strings, csp, type, username, storageName, onRefresh }) {
+	if (!storageName || !username || !csp) {
+		notify.error(strings.corsNoStorage);
+		return;
 	}
-	return response;
-}
-function peekPreviewUrl(path) {
-	return urlCache.get(path)?.value;
-}
-function peekPreviewContent(path) {
-	return contentCache.get(path)?.value;
-}
-function clearPreviewCache() {
-	for (const record of contentCache.values()) disposeContent(record);
-	contentCache.clear();
-	urlCache.clear();
-}
-//#endregion
-//#region src/file-explorer/FilePreview/usePresignedUrl.ts
-function toState$2([url, error], linkErrorMessage) {
-	if (error || !url) return {
-		url: null,
-		loading: false,
-		error: error?.message ?? linkErrorMessage
-	};
-	return {
-		url,
-		loading: false,
-		error: null
-	};
-}
-/** Fetch a presigned URL per file, cached so repeated mounts share one request; callbacks come from refs so the effect keys only on file identity. */
-function usePresignedUrl(node, getPresignedUrl, { enabled, linkErrorMessage }) {
-	const path = enabled ? node?.path ?? null : null;
-	const [state, setState] = useState({
-		url: null,
-		loading: false,
-		error: null
+	const res = await provision({
+		csp,
+		type,
+		username,
+		storageName
 	});
-	const [statePath, setStatePath] = useState(path);
-	if (statePath !== path) {
-		setStatePath(path);
-		setState({
-			url: null,
-			loading: path !== null,
-			error: null
-		});
+	if (res.error) {
+		notify.error(res.error);
+		return;
 	}
-	const getUrlRef = useRef(getPresignedUrl);
-	getUrlRef.current = getPresignedUrl;
-	const linkErrorRef = useRef(linkErrorMessage);
-	linkErrorRef.current = linkErrorMessage;
-	const nodeRef = useRef(node);
-	nodeRef.current = node;
-	useEffect(() => {
-		const node = nodeRef.current;
-		if (!path || !node) {
-			setState({
-				url: null,
-				loading: false,
-				error: null
-			});
+	if (!onRefresh) {
+		notify.success(strings.corsAdded);
+		return;
+	}
+	const pollBudgetMs = 9e4;
+	const pollIntervalMs = 3e3;
+	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) {
+			await onRefresh();
+			notify.success(strings.corsAdded);
 			return;
 		}
-		let cancelled = false;
-		const record = loadPreviewUrl(path, () => getUrlRef.current(node));
-		setState(record.value ? toState$2(record.value, linkErrorRef.current) : {
-			url: null,
-			loading: true,
-			error: null
-		});
-		record.promise.then((result) => {
-			if (!cancelled) setState(toState$2(result, linkErrorRef.current));
-		}).catch((err) => {
-			if (!cancelled) setState({
-				url: null,
-				loading: false,
-				error: err instanceof Error ? err.message : linkErrorRef.current
-			});
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [path]);
-	const cached = path ? peekPreviewUrl(path) : void 0;
-	return cached ? toState$2(cached, linkErrorRef.current) : state;
+		await new Promise((resolve) => setTimeout(resolve, pollIntervalMs));
+	}
+	notify.warning(strings.corsPropagating);
 }
 //#endregion
 //#region src/file-explorer/FilePreview/parse.ts
@@ -2118,11 +1964,12 @@ function parseDelimited(text, delimiter, maxRows) {
 	for (let i = 0; i < text.length; i++) {
 		const char = text[i];
 		if (inQuotes) {
-			if (char === "\"") if (text[i + 1] === "\"") {
-				field += "\"";
-				i++;
-			} else inQuotes = false;
-			else field += char;
+			if (char === "\"") {
+				if (text[i + 1] === "\"") {
+					field += "\"";
+					i++;
+				} else inQuotes = false;
+			} else field += char;
 			continue;
 		}
 		if (char === "\"") inQuotes = true;
@@ -2176,12 +2023,12 @@ async function readCappedBytes(response, maxBytes) {
 		const header = response.headers.get("content-length");
 		const declared = header === null ? NaN : Number(header);
 		if (!Number.isFinite(declared) || declared > maxBytes) return {
-			bytes: new Uint8Array(0),
+			bytes: /* @__PURE__ */ new Uint8Array(0),
 			tooLarge: true
 		};
 		const buffer = new Uint8Array(await response.arrayBuffer());
 		return buffer.byteLength > maxBytes ? {
-			bytes: new Uint8Array(0),
+			bytes: /* @__PURE__ */ new Uint8Array(0),
 			tooLarge: true
 		} : {
 			bytes: buffer,
@@ -2195,7 +2042,7 @@ async function readCappedBytes(response, maxBytes) {
 		if (total > maxBytes) {
 			await reader.cancel();
 			return {
-				bytes: new Uint8Array(0),
+				bytes: /* @__PURE__ */ new Uint8Array(0),
 				tooLarge: true
 			};
 		}
@@ -2557,7 +2404,7 @@ function useObjectText(url, { enabled, maxBytes, maxLines, knownSize, cacheKey,
 }
 //#endregion
 //#region src/file-explorer/FilePreview/Viewer.tsx
-var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-4lx3kE-w.js"));
+var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-YqQBz1YL.js"));
 var PREVIEW_MARKDOWN_CONTROLS = {
 	table: { fullscreen: false },
 	mermaid: { fullscreen: false }
@@ -2873,20 +2720,20 @@ function CsvTable({ node, text }) {
 					children: [/* @__PURE__ */ jsx("th", {
 						className: "w-11 border-b theme-border px-3.5 py-2 text-right font-semibold theme-muted-text",
 						children: "#"
-					}), Array.from({ length: columnCount }, (_, i) => /* @__PURE__ */ jsx("th", {
+					}), positionKeys(columnCount, "column").map((key, i) => /* @__PURE__ */ jsx("th", {
 						className: "border-b theme-border px-3.5 py-2 text-left font-semibold",
 						children: header[i] ?? ""
-					}, i))]
-				}) }), /* @__PURE__ */ jsx("tbody", { children: shown.map((row, r) => /* @__PURE__ */ jsxs("tr", {
+					}, key))]
+				}) }), /* @__PURE__ */ jsx("tbody", { children: withPositionKeys(shown, "row").map(({ key, item: row }, r) => /* @__PURE__ */ jsxs("tr", {
 					className: cx(r % 2 === 1 && "bg-(--theme-panel-bg)/50"),
 					children: [/* @__PURE__ */ jsx("td", {
 						className: "px-3.5 py-1.5 text-right theme-muted-text",
 						children: r + 1
-					}), Array.from({ length: columnCount }, (_, c) => /* @__PURE__ */ jsx("td", {
+					}), positionKeys(columnCount, "cell").map((cellKey, c) => /* @__PURE__ */ jsx("td", {
 						className: "px-3.5 py-1.5",
 						children: row[c] ?? ""
-					}, c))]
-				}, r)) })]
+					}, cellKey))]
+				}, key)) })]
 			})
 		}), /* @__PURE__ */ jsx("div", {
 			className: "shrink-0 border-t theme-border px-3.5 py-1.5 font-mono text-[11px] theme-muted-text",
@@ -2926,7 +2773,7 @@ function NotebookBody({ text, onDownload }) {
 		className: "h-full w-full overflow-auto bg-(--theme-app-bg) p-4",
 		children: /* @__PURE__ */ jsx("div", {
 			className: "mx-auto flex max-w-4xl flex-col gap-3",
-			children: notebook.cells.map((cell, i) => {
+			children: withPositionKeys(notebook.cells, "cell").map(({ key, item: cell }) => {
 				const source = joinSource(cell.source);
 				if (cell.cell_type === "markdown") return /* @__PURE__ */ jsx("div", {
 					className: "rounded-lg border theme-border px-4 py-3",
@@ -2934,7 +2781,7 @@ function NotebookBody({ text, onDownload }) {
 						controls: PREVIEW_MARKDOWN_CONTROLS,
 						children: source
 					})
-				}, i);
+				}, key);
 				if (cell.cell_type === "code") return /* @__PURE__ */ jsxs("div", {
 					className: "flex gap-2",
 					children: [/* @__PURE__ */ jsx("span", {
@@ -2945,9 +2792,9 @@ function NotebookBody({ text, onDownload }) {
 						children: [/* @__PURE__ */ jsx("div", {
 							className: "rounded-lg border theme-border px-1 py-1 text-xs",
 							children: /* @__PURE__ */ jsx(Markdown, { children: toFencedCode(source, "python") })
-						}), (cell.outputs ?? []).map((output, o) => /* @__PURE__ */ jsx(NotebookOutputView, { output }, o))]
+						}), withPositionKeys(cell.outputs ?? [], "output").map(({ key: outputKey, item: output }) => /* @__PURE__ */ jsx(NotebookOutputView, { output }, outputKey))]
 					})]
-				}, i);
+				}, key);
 				return null;
 			})
 		})
@@ -3325,13 +3172,14 @@ function FilePreviewInline({ node, storage, getPresignedUrl, onOpenFull, onDownl
 		enabled: active,
 		linkErrorMessage: t.preview.linkError
 	});
+	const kind = getPreviewKind(node);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full min-h-0 flex-col",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "min-h-0 flex-1 overflow-hidden",
 			children: /* @__PURE__ */ jsx(FilePreviewViewer, {
 				node,
-				kind: getPreviewKind(node),
+				kind,
 				url,
 				urlLoading: loading,
 				urlError: error,
@@ -3768,7 +3616,6 @@ function FileTable({ nodes, checkedItems, allSelected, someSelected, onSelectAll
 			case "End":
 				go(nodes.length - 1);
 				return;
-			default: break;
 		}
 		if (e.target !== e.currentTarget || from < 0) return;
 		const node = nodes[from];
@@ -3859,6 +3706,128 @@ function FileTable({ nodes, checkedItems, allSelected, someSelected, onSelectAll
 		})
 	});
 }
+//#endregion
+//#region src/file-explorer/lib/paging.ts
+/** Both providers already cap an unqualified list at 1,000, so stating it leaves
+*  single-page directories byte-identical. */
+var LIST_PAGE_SIZE = 1e3;
+function isListed(listings, path) {
+	return (listings.get(path)?.pagesLoaded ?? 0) > 0;
+}
+/** True even while a request is in flight, so the sentinel stays put. */
+function hasMore(listings, path) {
+	return !!listings.get(path)?.cursor;
+}
+/** A failed page needs an explicit retry, so it stops auto-loading here. */
+function canLoadMore(listings, path) {
+	const listing = listings.get(path);
+	return !!listing?.cursor && !listing.loadingMore && !listing.error;
+}
+/** Auto-load stops at the cap; past it the user asks for each page. */
+function canAutoLoadMore(listings, path) {
+	return canLoadMore(listings, path) && (listings.get(path)?.pagesLoaded ?? 0) < 5;
+}
+function isLoadingMore(listings, path) {
+	return listings.get(path)?.loadingMore === true;
+}
+function loadMoreError(listings, path) {
+	return listings.get(path)?.error;
+}
+function beginLoadingMore(listings, path) {
+	const listing = listings.get(path);
+	if (!listing) return listings;
+	return new Map(listings).set(path, {
+		...listing,
+		loadingMore: true,
+		error: void 0
+	});
+}
+function advanceListing(listings, path, page) {
+	const listing = listings.get(path);
+	return new Map(listings).set(path, {
+		cursor: page.cursor,
+		pagesLoaded: (listing?.pagesLoaded ?? 0) + 1,
+		loadingMore: false,
+		entries: [...listing?.entries ?? [], ...page.entries]
+	});
+}
+/** Subfolders the page no longer names lose their records, or a re-created folder
+*  would show old contents; the rest keep theirs, since a refresh lists them
+*  alongside this one and a parent landing later must not undo a child's page. */
+function replaceListing(listings, path, page) {
+	const prefix = ensureTrailingSlash(path);
+	const subfolders = new Set(page.entries.filter((entry) => entry.type === "directory").map(getNodeName));
+	const next = new Map(listings);
+	next.delete(path);
+	for (const key of listings.keys()) {
+		if (!key.startsWith(prefix)) continue;
+		if (!subfolders.has(key.slice(prefix.length).split("/")[0] ?? "")) next.delete(key);
+	}
+	return advanceListing(next, path, page);
+}
+/** `pagesLoaded` stays put, so a failed first page still reads as unlisted. */
+function recordListingError(listings, path, error) {
+	const listing = listings.get(path);
+	return new Map(listings).set(path, {
+		cursor: listing?.cursor,
+		pagesLoaded: listing?.pagesLoaded ?? 0,
+		loadingMore: false,
+		error,
+		entries: listing?.entries ?? []
+	});
+}
+/** Keeps the cursor and pages, so a retry resumes paging instead of starting over. */
+function clearListingError(listings, path) {
+	const listing = listings.get(path);
+	if (!listing) return listings;
+	return new Map(listings).set(path, {
+		...listing,
+		error: void 0
+	});
+}
+function clearListingsUnder(listings, path) {
+	const prefix = ensureTrailingSlash(path);
+	const next = new Map(listings);
+	for (const key of listings.keys()) if (key === path || key.startsWith(prefix)) next.delete(key);
+	return next;
+}
+/** Tree paths whose children should keep arrival order, since sorting them would
+*  reshuffle rows under the user mid-scroll. */
+function incompletePaths(listings) {
+	const paths = /* @__PURE__ */ new Set();
+	for (const [path, listing] of listings) if (listing.cursor) paths.add(path);
+	return paths;
+}
+/** What a deep link needs next. Pure so the walk is table-testable. */
+function nextHydrationStep({ targetResolved, ancestors, isListableDir, listings, inFlight, pagesPulled }) {
+	for (const path of ancestors) {
+		if (!isListableDir(path)) continue;
+		if (inFlight.has(path)) return { kind: "done" };
+		if (!listings.has(path)) return {
+			kind: "fetch",
+			path
+		};
+	}
+	if (targetResolved) return { kind: "done" };
+	const deepest = [...ancestors].reverse().find(isListableDir);
+	if (!deepest) return { kind: "done" };
+	if (!hasMore(listings, deepest)) return {
+		kind: "stuck",
+		path: deepest
+	};
+	if (loadMoreError(listings, deepest)) return {
+		kind: "stuck",
+		path: deepest
+	};
+	if (pagesPulled >= 20) return {
+		kind: "stuck",
+		path: deepest
+	};
+	return isLoadingMore(listings, deepest) ? { kind: "done" } : {
+		kind: "more",
+		path: deepest
+	};
+}
 /** `stepRow` skips these, so neither kind is ever an arrow-key stop. */
 function statusRow(kind, node, depth, hiddenFiles = 0) {
 	return {
@@ -4100,11 +4069,11 @@ function indentStyle(depth, isDirectory) {
 }
 function IndentGuides({ depth }) {
 	if (depth === 0) return null;
-	return /* @__PURE__ */ jsx(Fragment$1, { children: Array.from({ length: depth }, (_, level) => /* @__PURE__ */ jsx("span", {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: positionKeys(depth, "indent").map((key, level) => /* @__PURE__ */ jsx("span", {
 		"aria-hidden": "true",
 		className: "pointer-events-none absolute inset-y-0 w-px bg-(--theme-border)/60",
 		style: { left: GUIDE_OFFSET + level * INDENT_PER_LEVEL }
-	}, level)) });
+	}, key)) });
 }
 function RowIcons({ isDirectory, isExpanded, customIcon }) {
 	if (!isDirectory) return /* @__PURE__ */ jsx("div", {
@@ -4208,7 +4177,7 @@ function useSpringLoadedDrop({ node, dropPath, isDirectory, isExpanded, onToggle
 	};
 }
 /** Keys a row handles itself; the arrows that move between rows delegate upward,
-*  where the flat array is. The set is deliberately narrow, matching CORE-3765:
+*  where the flat array is. The set is deliberately narrow:
 *  no Home/End, no typeahead, and ArrowLeft/Right only toggle a directory. */
 function dispatchRowKey(e, { node, isDirectory, isExpanded, onSelect, onToggleExpand, onDelegate }) {
 	if (e.key === "Enter") {
@@ -4363,7 +4332,7 @@ function TreeFrame({ treeOnly, sidebarWidth, onWidthChange, children }) {
 		children
 	});
 }
-function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHierarchy = false, groups = [], groupsLoading = false, selectedPath, onPathChange, getProviderAndClient, treeOnly = false, initialExpandedPaths, onExpandedPathsChange }) {
+function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHierarchy = false, groups = [], groupsLoading = false, selectedPath, onPathChange, getProviderAndClient, treeOnly = false, initialExpandedPaths, onExpandedPathsChange, objectUris, downloadCommand }) {
 	const copySubmenu = useCopySubmenu();
 	const t = useStrings().fileExplorer;
 	const notify = useNotify();
@@ -4399,7 +4368,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		return `${selectedPath}/`;
 	}, [selectedPath, treeMap]);
 	const setSelectedPath = onPathChange;
-	const [expandedPaths, setExpandedPaths] = useState(() => new Set(["", ...initialExpandedPaths ?? []]));
+	const [expandedPaths, setExpandedPaths] = useState(() => /* @__PURE__ */ new Set(["", ...initialExpandedPaths ?? []]));
 	const onExpandedPathsChangeRef = useRef(onExpandedPathsChange);
 	onExpandedPathsChangeRef.current = onExpandedPathsChange;
 	useEffect(() => {
@@ -4426,7 +4395,6 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 	const selectedNodeCanUpload = selectedStorage?.canUpload !== false;
 	const selectedNodeCanShare = selectedStorage?.canShare !== false;
 	const selectedNodeCanManageAccess = selectedStorage?.canManageAccess !== false;
-	const selectedNodeSupportsPwUri = selectedStorage?.supportsPwUri !== false;
 	const [accessDrawerOpen, setAccessDrawerOpen] = useState(false);
 	const [connectionIssuesMessage, updateConnectionIssuesMessage] = useState(/* @__PURE__ */ new Map());
 	const [hasCorsIssue, setHasCorsIssue] = useState(/* @__PURE__ */ new Map());
@@ -4444,7 +4412,7 @@ 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 = 80 * 1024 * 1024 * 1024;
+	const MAX_UPLOAD_SIZE = 85899345920;
 	const isUploadSizeExceeded = (size) => {
 		return size > MAX_UPLOAD_SIZE;
 	};
@@ -4456,7 +4424,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		});
 	}, []);
 	const collapseAll = useCallback(() => {
-		setExpandedPaths(new Set([""]));
+		setExpandedPaths(/* @__PURE__ */ new Set([""]));
 	}, []);
 	const getStorageProviderAndClient = async (storageId) => {
 		const storage = storages.find((s) => s.id === storageId);
@@ -4499,7 +4467,6 @@ 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 (!storage.bucketName && storage.type !== "azure-azfiles") storage.bucketName = client.getStorageName();
 			if (provider?.listDirectoryInput && provider?.convertDataToStorageObjects) {
 				const dir_path = node.root ? "" : node.relativePath ?? "";
 				const input = provider.listDirectoryInput(storage, dir_path, cursor ? { cursor } : {});
@@ -4737,7 +4704,6 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		await navigator.clipboard.writeText(presignedUrl);
 		notify.info(t.messages.fileLinkCopied);
 	};
-	const shellSingleQuote = (value) => `'${value.replace(/'/g, `'\\''`)}'`;
 	const triggerBrowserDownload = (url, filename) => {
 		const a = document.createElement("a");
 		a.href = url;
@@ -4771,16 +4737,12 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		if (!expandedPaths.has(node.path)) handleToggleExpand(node.path);
 	};
 	const getNodeUris = (node) => {
-		const key = getObjectKeyFromNode(node);
 		const storage = storages.find((s) => s.id === node.storageId);
-		return {
-			pwUri: storage?.supportsPwUri !== false && storage?.user && storage?.name ? getPwUri(storage.user, storage.name, key) : null,
-			cspUri: storage?.csp && storage?.bucketName ? getCspUri(storage.csp, storage.bucketName, key) : null
-		};
+		if (!storage || !objectUris) return [];
+		return objectUris(storage, getObjectKeyFromNode(node));
 	};
 	const copyNodeUri = async (node) => {
-		const { pwUri, cspUri } = getNodeUris(node);
-		const uri = pwUri ?? cspUri;
+		const uri = getNodeUris(node)[0];
 		if (!uri) {
 			notify.error(t.messages.noUri);
 			return;
@@ -4827,7 +4789,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		const nodeCanWrite = storage?.canWrite === true;
 		const nodeCanShare = storage?.canShare !== false;
 		const isFile = node.type === "file";
-		const { pwUri, cspUri } = getNodeUris(node);
+		const uris = getNodeUris(node);
 		const actions = [];
 		if (isFile && canPreview(node)) actions.push({
 			key: "preview",
@@ -4863,7 +4825,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			icon: isFile ? /* @__PURE__ */ jsx(FileTextIcon, {}) : /* @__PURE__ */ jsx(FolderIcon, {}),
 			onSelect: () => handleSelectTreeItem(node.path, node)
 		}];
-		const uriExtras = [pwUri, cspUri].filter((uri) => !!uri).map((value) => ({
+		const uriExtras = uris.map((value) => ({
 			label: `${getUriScheme(value).toUpperCase()} URI`,
 			value,
 			icon: /* @__PURE__ */ jsx(LinkIcon, {})
@@ -4920,13 +4882,16 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		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 "";
-		const commands = filesToDownload.map((node) => {
+		if (!downloadCommand) return "";
+		const objects = filesToDownload.flatMap((node) => {
 			const storage = storages.find((s) => s.id === node.storageId);
-			if (!storage?.user || !storage.name) return "";
-			return `pw buckets cp ${shellSingleQuote(getPwUri(storage.user, storage.name, getObjectKeyFromNode(node)))} ${shellSingleQuote(`./${node.name}`)}`;
+			return storage ? [{
+				storage,
+				key: getObjectKeyFromNode(node),
+				name: node.name
+			}] : [];
 		});
-		if (commands.length === 1) return commands[0];
-		else return commands.join(" & \\\n") + " & \\\nwait";
+		return downloadCommand.build(objects);
 	};
 	const onDeleteClick = () => {
 		if (!selectedNodeCanWrite) {
@@ -4965,7 +4930,8 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			notify.error(t.messages.noItemsForDeletion);
 			return;
 		}
-		const parentNode = treeMap[getParentPath(pendingDelete[0].path)];
+		const parentPath = getParentPath(pendingDelete[0].path);
+		const parentNode = treeMap[parentPath];
 		const factory = await getStorageProviderAndClient(pendingDelete[0].storageId);
 		if (!factory) return;
 		const { storage, provider, client } = factory;
@@ -5320,20 +5286,20 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 											type: "button",
 											className: "text-sm rounded-sm hover:theme-hover cursor-pointer w-full items-center px-2 py-1.5",
 											onClick: handleDownload,
-											children: "From browser"
-										}) }), selectedNodeSupportsPwUri && /* @__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", {
+											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", {
 											className: "text-sm w-full text-center pointer-events-none px-2 py-1.5",
-											children: "Using PW CLI"
+											children: downloadCommand.label
 										}), (() => {
 											const downloadCommand = generateDownloadCommand();
 											return /* @__PURE__ */ jsx(CopyCodeBlock, {
 												textToCopy: downloadCommand,
 												children: /* @__PURE__ */ jsx("div", {
 													className: "overflow-x-auto text-xs",
-													children: downloadCommand.split("\n").map((line, index) => /* @__PURE__ */ jsx("div", {
+													children: keyedByContent(downloadCommand.split("\n"), (l) => l).map(({ key, item: line }) => /* @__PURE__ */ jsx("div", {
 														className: "whitespace-nowrap",
 														children: line
-													}, index))
+													}, key))
 												})
 											});
 										})()] }) })] })]
@@ -5401,7 +5367,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 							}))]
 						}),
 						selectedNode.type === "file" && (() => {
-							const { pwUri, cspUri } = getNodeUris(selectedNode);
+							const uris = getNodeUris(selectedNode);
 							const fileIcon = getNodeIcon(selectedNode, slots.storageIconUrl, t.chrome.storageIconAlt) ?? /* @__PURE__ */ jsx(FileIcon, { className: "h-5 w-5 theme-muted-text" });
 							const modifiedDt = selectedNode.modified ? DateTime.fromISO(selectedNode.modified) : null;
 							const createdDt = selectedNode.created ? DateTime.fromISO(selectedNode.created) : null;
@@ -5465,9 +5431,9 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 												})]
 											})]
 										}),
-										(pwUri || cspUri) && /* @__PURE__ */ jsxs("div", {
+										uris.length > 0 && /* @__PURE__ */ jsx("div", {
 											className: "px-6 pt-5 space-y-2",
-											children: [pwUri && /* @__PURE__ */ jsx(UriCard, { value: pwUri }), cspUri && /* @__PURE__ */ jsx(UriCard, { value: cspUri })]
+											children: uris.map((uri) => /* @__PURE__ */ jsx(UriCard, { value: uri }, uri))
 										}),
 										selectedNodeCanShare && /* @__PURE__ */ jsxs("div", {
 											className: "flex items-center gap-2 px-6 pt-4",