vitepress-plugin-filelist 0.5.1 → 0.6.0

package/dist/client/browser/index.js

@@ -1,5 +1,5 @@
 import "../style.css";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, unref, useId, vModelSelect, vModelText, watch, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderList, toDisplayString, unref, useId, vModelSelect, vModelText, watch, withDirectives, withKeys, withModifiers } from "vue";
 // src/client/utils.ts
 function joinPath(parent, name) {
 	return (parent.endsWith("/") ? parent : `${parent}/`) + name;
@@ -520,6 +520,79 @@ function createDemoApi(delay = 220) {
 		clearCache: () => {}
 	};
 }
+// src/client/ConfirmDialog.vue
+const _hoisted_1$3 = ["aria-label"];
+const _hoisted_2$3 = {
+	key: 0,
+	class: "fl-confirm-panel"
+};
+const _hoisted_3$2 = { class: "fl-confirm-title" };
+const _hoisted_4$2 = { class: "fl-confirm-text" };
+const _hoisted_5$2 = {
+	key: 0,
+	class: "fl-confirm-text"
+};
+const _hoisted_6$2 = { class: "fl-confirm-actions" };
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "ConfirmDialog",
+	props: {
+		open: { type: Boolean },
+		title: {},
+		text: {},
+		tip: {},
+		confirmLabel: {},
+		cancelLabel: {}
+	},
+	emits: ["confirm", "close"],
+	setup(__props, { emit: __emit }) {
+		/** Small native <dialog> for a yes / no question or a notice (bottom sheet on phones). */
+		const props = __props;
+		const emit = __emit;
+		const dialog = ref();
+		watch(() => props.open, (open) => {
+			const el = dialog.value;
+			if (!el) return;
+			if (open && !el.open) {
+				if (typeof el.showModal === "function") el.showModal();
+				else el.setAttribute("open", "");
+			} else if (!open && el.open) {
+				if (typeof el.close === "function") el.close();
+				else el.removeAttribute("open");
+			}
+		}, { flush: "post" });
+		function onNativeClose() {
+			if (props.open) emit("close");
+		}
+		function onBackdrop(event) {
+			if (event.target === dialog.value) emit("close");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("dialog", {
+				ref_key: "dialog",
+				ref: dialog,
+				class: "fl-confirm",
+				"aria-label": __props.title,
+				onClose: onNativeClose,
+				onClick: onBackdrop
+			}, [__props.open ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+				createElementVNode("p", _hoisted_3$2, toDisplayString(__props.title), 1),
+				createElementVNode("p", _hoisted_4$2, toDisplayString(__props.text), 1),
+				__props.tip ? (openBlock(), createElementBlock("p", _hoisted_5$2, toDisplayString(__props.tip), 1)) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_6$2, [__props.confirmLabel ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					class: "fl-btn",
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, toDisplayString(__props.cancelLabel), 1)) : createCommentVNode("v-if", true), createElementVNode("button", {
+					class: "fl-btn fl-btn-primary",
+					type: "button",
+					autofocus: "",
+					onClick: _cache[1] || (_cache[1] = ($event) => __props.confirmLabel ? emit("confirm") : emit("close"))
+				}, toDisplayString(__props.confirmLabel || __props.cancelLabel), 1)])
+			])) : createCommentVNode("v-if", true)], 40, _hoisted_1$3);
+		};
+	}
+});
 // src/client/download.ts
 /** Open a file URL; OpenList serves `/p/` and `/d/` as attachments, so this downloads. */
 function openUrl(url) {
@@ -545,32 +618,93 @@ function saveBlob(blob, name) {
 function zipFileName(title) {
 	return `${title.replace(/[\\/:*?"<>|]/g, "_")}.zip`;
 }
+/** Whether the browser can write a ZIP straight into a file the user picks (Chromium). */
+function canStreamToDisk() {
+	return typeof window !== "undefined" && window.isSecureContext && "showSaveFilePicker" in window;
+}
 /**
-* Fetch files (three at a time) and pack them into one ZIP. `zipPath` is the
-* entry path; clashing names get ` (2)`, ` (3)`... `onProgress` goes 0–90 while
-* fetching; packing is the rest.
+* Ask where to save the ZIP. Call it straight from the click, before any other
+* `await`, or the browser refuses. Resolves `null` when the user cancels.
 */
-async function zipFiles(files, urlOf, onProgress) {
-	const entries = {};
-	const used = /* @__PURE__ */ new Set();
-	const queue = [...files];
-	let done = 0;
-	const worker = async () => {
-		for (let file = queue.shift(); file; file = queue.shift()) {
-			const response = await fetch(await urlOf(file));
-			if (!response.ok) throw new Error(`${file.name}：HTTP ${response.status}`);
-			entries[uniqueEntryName(zipEntryName(file.zipPath), used)] = new Uint8Array(await response.arrayBuffer());
-			done += 1;
-			onProgress(Math.round(done / files.length * 90));
-		}
+async function pickZipFile(name) {
+	try {
+		return await window.showSaveFilePicker({
+			suggestedName: name,
+			types: [{
+				description: "ZIP",
+				accept: { "application/zip": [".zip"] }
+			}]
+		});
+	} catch (error) {
+		if (error instanceof DOMException && error.name === "AbortError") return null;
+		throw error;
+	}
+}
+/**
+* The ZIP as a stream: files are fetched one after another and passed through
+* as they arrive, stored without compression (most shared files are already
+* compressed). Clashing entry names get ` (2)`, ` (3)`...
+*/
+async function zipStream(files, options) {
+	const { makeZip } = await import("client-zip");
+	const progress = {
+		bytes: 0,
+		totalBytes: files.reduce((sum, file) => sum + (Number.isFinite(file.size) ? file.size : 0), 0),
+		files: 0,
+		totalFiles: files.length
 	};
-	await Promise.all(Array.from({ length: Math.min(3, files.length) }, worker));
-	const { zip } = await import("fflate");
-	const data = await new Promise((resolve, reject) => {
-		zip(entries, (error, output) => error ? reject(error) : resolve(output));
-	});
-	onProgress(100);
-	return new Blob([data], { type: "application/zip" });
+	const report = () => options.onProgress({ ...progress });
+	report();
+	async function* entries() {
+		const used = /* @__PURE__ */ new Set();
+		for (const file of files) {
+			const response = await fetch(await options.urlOf(file), { signal: options.signal });
+			if (!response.ok || !response.body) throw new Error(`${file.name}：HTTP ${response.status}`);
+			const counted = response.body.pipeThrough(new TransformStream({
+				transform(chunk, controller) {
+					progress.bytes += chunk.byteLength;
+					report();
+					controller.enqueue(chunk);
+				},
+				flush() {
+					progress.files += 1;
+					report();
+				}
+			}));
+			const modified = new Date(file.modified);
+			yield {
+				name: uniqueEntryName(zipEntryName(file.zipPath), used),
+				lastModified: Number.isNaN(modified.getTime()) ? void 0 : modified,
+				input: counted
+			};
+		}
+	}
+	return makeZip(entries());
+}
+/** Stream the ZIP into a picked file; memory use stays small whatever the size. */
+async function zipToFile(handle, files, options) {
+	const stream = await zipStream(files, options);
+	const writable = await handle.createWritable();
+	await stream.pipeTo(writable, { signal: options.signal });
+}
+/** Build the ZIP in memory (browsers without file streaming). */
+async function zipToBlob(files, options) {
+	const reader = (await zipStream(files, options)).getReader();
+	const chunks = [];
+	const abort = () => void reader.cancel(options.signal.reason).catch(() => {});
+	options.signal.addEventListener("abort", abort, { once: true });
+	if (options.signal.aborted) abort();
+	try {
+		for (;;) {
+			const { done, value } = await reader.read();
+			if (done) break;
+			chunks.push(value);
+		}
+	} finally {
+		options.signal.removeEventListener("abort", abort);
+	}
+	options.signal.throwIfAborted();
+	return new Blob(chunks, { type: "application/zip" });
 }
 // src/client/icons.ts
 /** Stroke icons on a 24×24 grid, drawn by `Icon.vue`. */
@@ -733,7 +867,21 @@ const fileListLocales = {
 		remembered: "已记住",
 		forgetPassword: "忘记",
 		unlockFolder: "输入 {name} 的密码",
-		networkHint: "可能被跨域拦截：请检查 OpenList 的 cors.allow_origins，或 OpenList-Worker 的 ALLOW_URLS。"
+		networkHint: "可能被跨域拦截：请检查 OpenList 的 cors.allow_origins，或 OpenList-Worker 的 ALLOW_URLS。",
+		batchProgress: "{done} / {total} · {files} / {count} 个文件",
+		batchDone: "已打包 {name}（{count} 个文件，{size}）",
+		batchCanceled: "已取消下载",
+		zipWarnTitle: "文件较大（{size}）",
+		zipWarnText: "当前浏览器要先把文件全部放进内存再打包，超过 {limit} 可能失败或让页面崩溃。建议分批下载。",
+		zipStreamTip: "在 Chrome 或 Edge 中可以边下载边保存，不受大小限制。",
+		zipContinue: "仍然下载",
+		zipBlockTitle: "无法打包 {size}",
+		zipBlockText: "当前浏览器一次最多打包 {limit}，请分批勾选下载。",
+		gotIt: "知道了",
+		moreRemaining: "还有 {count} 项",
+		showMore: "显示更多",
+		showAll: "全部显示",
+		showRest: "显示剩余 {count} 项"
 	},
 	"en-US": {
 		allFiles: "All files",
@@ -796,7 +944,21 @@ const fileListLocales = {
 		remembered: "Remembered",
 		forgetPassword: "Forget",
 		unlockFolder: "Enter the password for {name}",
-		networkHint: "Possibly blocked by CORS: check cors.allow_origins in OpenList, or ALLOW_URLS in OpenList-Worker."
+		networkHint: "Possibly blocked by CORS: check cors.allow_origins in OpenList, or ALLOW_URLS in OpenList-Worker.",
+		batchProgress: "{done} / {total} · {files} / {count} files",
+		batchDone: "Saved {name} ({count} files, {size})",
+		batchCanceled: "Download cancelled",
+		zipWarnTitle: "Large download ({size})",
+		zipWarnText: "This browser has to hold every file in memory to build the ZIP. Above {limit} it may fail or crash the page. Consider downloading in smaller batches.",
+		zipStreamTip: "Chrome and Edge save while downloading, with no size limit.",
+		zipContinue: "Download anyway",
+		zipBlockTitle: "Cannot zip {size}",
+		zipBlockText: "This browser can zip at most {limit} at once. Select fewer files.",
+		gotIt: "OK",
+		moreRemaining: "{count} more",
+		showMore: "Show more",
+		showAll: "Show all",
+		showRest: "Show the remaining {count}"
 	}
 };
 function formatLabel(template, values = {}) {
@@ -1392,113 +1554,129 @@ const _hoisted_3 = {
 	role: "status"
 };
 const _hoisted_4 = { class: "fl-selection-count" };
-const _hoisted_5 = { class: "fl-selection-size" };
+const _hoisted_5 = {
+	key: 0,
+	class: "fl-selection-size"
+};
 const _hoisted_6 = {
 	key: 1,
+	class: "fl-selection",
+	role: "status"
+};
+const _hoisted_7 = { class: "fl-selection-count" };
+const _hoisted_8 = { class: "fl-selection-size" };
+const _hoisted_9 = {
+	key: 2,
 	class: "fl-title"
 };
-const _hoisted_7 = { class: "fl-title-text" };
-const _hoisted_8 = {
+const _hoisted_10 = { class: "fl-title-text" };
+const _hoisted_11 = {
 	key: 0,
 	class: "fl-demo-badge"
 };
-const _hoisted_9 = ["aria-label", "title"];
-const _hoisted_10 = { class: "fl-clear-text" };
-const _hoisted_11 = { class: "fl-tools" };
-const _hoisted_12 = { class: "fl-search" };
-const _hoisted_13 = ["placeholder", "aria-label"];
-const _hoisted_14 = [
+const _hoisted_12 = ["aria-label", "title"];
+const _hoisted_13 = { class: "fl-clear-text" };
+const _hoisted_14 = { class: "fl-tools" };
+const _hoisted_15 = { class: "fl-search" };
+const _hoisted_16 = ["placeholder", "aria-label"];
+const _hoisted_17 = [
 	"disabled",
 	"aria-label",
 	"title"
 ];
-const _hoisted_15 = ["disabled"];
-const _hoisted_16 = { class: "fl-row fl-head" };
-const _hoisted_17 = {
+const _hoisted_18 = { class: "fl-row fl-head" };
+const _hoisted_19 = {
 	key: 0,
 	class: "fl-progress",
 	"aria-hidden": "true"
 };
-const _hoisted_18 = { class: "fl-cell fl-cell-check" };
-const _hoisted_19 = [
+const _hoisted_20 = { class: "fl-cell fl-cell-check" };
+const _hoisted_21 = [
 	"aria-label",
+	"disabled",
 	"checked",
 	".indeterminate"
 ];
-const _hoisted_20 = ["aria-sort", "onClick"];
-const _hoisted_21 = {
+const _hoisted_22 = ["aria-sort", "onClick"];
+const _hoisted_23 = {
 	class: "fl-sort",
 	"aria-hidden": "true"
 };
-const _hoisted_22 = { class: "fl-cell fl-cell-op" };
-const _hoisted_23 = { class: "fl-sort-select" };
-const _hoisted_24 = {
+const _hoisted_24 = { class: "fl-cell fl-cell-op" };
+const _hoisted_25 = { class: "fl-sort-select" };
+const _hoisted_26 = {
 	class: "fl-sort-current",
 	"aria-hidden": "true"
 };
-const _hoisted_25 = ["aria-label"];
-const _hoisted_26 = ["value"];
-const _hoisted_27 = {
+const _hoisted_27 = ["aria-label"];
+const _hoisted_28 = ["value"];
+const _hoisted_29 = {
 	key: 0,
 	class: "fl-status"
 };
-const _hoisted_28 = ["for"];
-const _hoisted_29 = ["id"];
-const _hoisted_30 = { class: "fl-unlock" };
-const _hoisted_31 = [
+const _hoisted_30 = ["for"];
+const _hoisted_31 = ["id"];
+const _hoisted_32 = { class: "fl-unlock" };
+const _hoisted_33 = [
 	"id",
 	"data-unlock",
 	"placeholder",
 	"aria-invalid",
 	"aria-describedby"
 ];
-const _hoisted_32 = [
+const _hoisted_34 = [
 	"aria-pressed",
 	"aria-label",
 	"title"
 ];
-const _hoisted_33 = ["disabled"];
-const _hoisted_34 = {
+const _hoisted_35 = ["disabled"];
+const _hoisted_36 = {
 	key: 2,
 	class: "fl-status fl-error"
 };
-const _hoisted_35 = {
+const _hoisted_37 = {
 	key: 0,
 	class: "fl-hint"
 };
-const _hoisted_36 = {
+const _hoisted_38 = {
 	key: 1,
 	class: "fl-hint"
 };
-const _hoisted_37 = {
+const _hoisted_39 = {
 	key: 3,
 	class: "fl-status"
 };
-const _hoisted_38 = { class: "fl-cell fl-cell-check" };
-const _hoisted_39 = [
+const _hoisted_40 = { class: "fl-cell fl-more-cell" };
+const _hoisted_41 = { class: "fl-more-count" };
+const _hoisted_42 = ["onClick"];
+const _hoisted_43 = { class: "fl-more-page" };
+const _hoisted_44 = ["onClick"];
+const _hoisted_45 = ["onClick"];
+const _hoisted_46 = { class: "fl-cell fl-cell-check" };
+const _hoisted_47 = [
 	"disabled",
 	"aria-label",
 	"checked",
 	".indeterminate",
 	"onChange"
 ];
-const _hoisted_40 = ["title"];
-const _hoisted_41 = [
+const _hoisted_48 = ["title"];
+const _hoisted_49 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_42 = [
+const _hoisted_50 = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
 ];
-const _hoisted_43 = {
+const _hoisted_51 = {
 	key: 2,
 	class: "fl-arrow-placeholder",
 	"aria-hidden": "true"
 };
-const _hoisted_44 = {
+const _hoisted_52 = {
 	key: 3,
 	class: "fl-folder-icon",
 	viewBox: "0 0 24 24",
@@ -1506,27 +1684,27 @@ const _hoisted_44 = {
 	height: "18",
 	"aria-hidden": "true"
 };
-const _hoisted_45 = ["data-kind"];
-const _hoisted_46 = { class: "fl-label" };
-const _hoisted_47 = ["onClick"];
-const _hoisted_48 = { class: "fl-meta" };
-const _hoisted_49 = {
+const _hoisted_53 = ["data-kind"];
+const _hoisted_54 = { class: "fl-label" };
+const _hoisted_55 = ["onClick"];
+const _hoisted_56 = { class: "fl-meta" };
+const _hoisted_57 = {
 	key: 5,
 	class: "fl-count"
 };
-const _hoisted_50 = ["id"];
-const _hoisted_51 = [
+const _hoisted_58 = ["id"];
+const _hoisted_59 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_52 = {
+const _hoisted_60 = {
 	key: 8,
 	class: "fl-loading",
 	"aria-hidden": "true"
 };
-const _hoisted_53 = ["onSubmit", "onKeydown"];
-const _hoisted_54 = [
+const _hoisted_61 = ["onSubmit", "onKeydown"];
+const _hoisted_62 = [
 	"onUpdate:modelValue",
 	"data-unlock",
 	"placeholder",
@@ -1534,43 +1712,45 @@ const _hoisted_54 = [
 	"aria-invalid",
 	"aria-describedby"
 ];
-const _hoisted_55 = [
+const _hoisted_63 = [
 	"aria-pressed",
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_56 = ["disabled"];
-const _hoisted_57 = [
+const _hoisted_64 = ["disabled"];
+const _hoisted_65 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_58 = { class: "fl-cell fl-cell-size" };
-const _hoisted_59 = { class: "fl-cell fl-cell-date" };
-const _hoisted_60 = { class: "fl-cell fl-cell-op" };
-const _hoisted_61 = ["aria-label", "onClick"];
-const _hoisted_62 = [
+const _hoisted_66 = { class: "fl-cell fl-cell-size" };
+const _hoisted_67 = { class: "fl-cell fl-cell-date" };
+const _hoisted_68 = { class: "fl-cell fl-cell-op" };
+const _hoisted_69 = ["aria-label", "onClick"];
+const _hoisted_70 = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
 ];
-const _hoisted_63 = [
+const _hoisted_71 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_64 = [
+const _hoisted_72 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_65 = { class: "fl-foot" };
-const _hoisted_66 = {
+const _hoisted_73 = { class: "fl-foot" };
+const _hoisted_74 = {
 	key: 4,
 	class: "fl-toast",
 	role: "status"
 };
+/** Rows shown per folder, beyond the first page; kept across refreshes. */
+const MB = 1048576;
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "FileList",
 	props: {
@@ -1588,6 +1768,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			type: Boolean,
 			default: true
 		},
+		pageSize: { default: 200 },
+		zipWarnSize: {},
+		zipMaxSize: {},
 		locale: { default: "zh-CN" },
 		labels: {}
 	},
@@ -1630,7 +1813,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const siteTitle = ref("");
 		const iframePreviews = ref("");
 		const batchBusy = ref(false);
-		const batchProgress = ref(0);
+		const zipProgress = ref(null);
+		let zipAbort = null;
 		let toastTimer;
 		/** The folder listed in single-path mode, as the parent of the top rows. */
 		const listedFolder = computed(() => ({
@@ -1863,6 +2047,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			errorMsg.value = "";
 			try {
 				roots.value = await buildTree();
+				shown.clear();
 				rootLock.value = null;
 				selected.value = /* @__PURE__ */ new Set();
 				api.value.clearCache();
@@ -1943,20 +2128,41 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				applySort(key, direction !== "desc");
 			}
 		});
-		const visible = computed(() => {
+		/** A “show more” row closing a folder whose children are cut at `pageSize`. */
+		const shown = reactive(/* @__PURE__ */ new Map());
+		function limitOf(key) {
+			const size = Math.max(0, Math.floor(props.pageSize ?? 200));
+			return size ? shown.get(key) ?? size : Number.POSITIVE_INFINITY;
+		}
+		function showMore(row, all) {
+			const size = Math.max(1, Math.floor(props.pageSize ?? 200));
+			shown.set(row.key, all ? Number.POSITIVE_INFINITY : limitOf(row.key) + size);
+		}
+		function isMore(row) {
+			return "more" in row;
+		}
+		const rows = computed(() => {
 			const out = [];
 			const query = keyword.value.trim().toLowerCase();
 			const matches = (node) => !query || node.name.toLowerCase().includes(query) || node.is_dir && node.children.some(matches);
-			const walk = (nodes) => {
-				for (const node of nodes) {
-					if (!matches(node)) continue;
+			const walk = (nodes, key, depth) => {
+				const list = nodes.filter(matches);
+				const limit = query ? list.length : Math.min(list.length, limitOf(key));
+				for (const node of list.slice(0, limit)) {
 					out.push(node);
-					if (node.is_dir && (node.expanded || query) && node.children.length) walk(node.children);
+					if (node.is_dir && (node.expanded || query) && node.children.length) walk(node.children, node.path, node.depth + 1);
 				}
+				if (limit < list.length) out.push({
+					more: true,
+					key,
+					depth,
+					remaining: list.length - limit
+				});
 			};
-			walk(roots.value);
+			walk(roots.value, props.sources.length ? "" : props.path, 0);
 			return out;
 		});
+		const visible = computed(() => rows.value.filter((row) => !isMore(row)));
 		const stats = computed(() => folderStats(roots.value, selected.value));
 		const noStats = {
 			files: 0,
@@ -2043,24 +2249,104 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				showToast(t("downloadFailed", { message: errorText(error) }));
 			}
 		}
+		function zipLimits() {
+			const touch = typeof window !== "undefined" && !!window.matchMedia?.("(pointer: coarse)").matches;
+			const bytes = (value, fallback) => {
+				const mb = value ?? fallback;
+				return mb > 0 ? mb * MB : Number.POSITIVE_INFINITY;
+			};
+			return {
+				warn: bytes(props.zipWarnSize, touch ? 200 : 500),
+				max: bytes(props.zipMaxSize, touch ? 1024 : 2048)
+			};
+		}
+		const zipNotice = ref(null);
+		/** Only desktop browsers get “use Chrome or Edge”; on iPhone every browser is Safari. */
+		const zipTip = computed(() => typeof window !== "undefined" && !window.matchMedia?.("(pointer: coarse)").matches ? t("zipStreamTip") : "");
+		function zipName() {
+			return zipFileName(props.title || t("defaultZip"));
+		}
+		/**
+		* Chrome / Edge stream into a file the user picks (no size limit). Other
+		* browsers build the ZIP in memory, so large selections ask first or are refused.
+		*/
 		async function batchDownload() {
 			const files = selectedFiles.value;
-			if (!files.length) return;
+			if (!files.length || batchBusy.value) return;
 			if (demo.value) {
 				showToast(t("demoBatch", { count: files.length }));
 				return;
 			}
+			if (canStreamToDisk()) {
+				let handle;
+				try {
+					handle = await pickZipFile(zipName());
+				} catch (error) {
+					showToast(t("batchFailed", { message: errorText(error) }));
+					return;
+				}
+				if (handle) await runZip(files, (options) => zipToFile(handle, files, options), handle.name);
+				return;
+			}
+			const size = totalSize(files);
+			const { warn, max } = zipLimits();
+			if (size > max) zipNotice.value = {
+				kind: "block",
+				size,
+				limit: max,
+				files
+			};
+			else if (size > warn) zipNotice.value = {
+				kind: "warn",
+				size,
+				limit: warn,
+				files
+			};
+			else await zipInMemory(files);
+		}
+		async function zipInMemory(files) {
+			const name = zipName();
+			await runZip(files, async (options) => saveBlob(await zipToBlob(files, options), name), name);
+		}
+		function confirmZip() {
+			const notice = zipNotice.value;
+			zipNotice.value = null;
+			if (notice?.kind === "warn") zipInMemory(notice.files);
+		}
+		async function runZip(files, run, name) {
+			const controller = new AbortController();
+			zipAbort = controller;
 			batchBusy.value = true;
-			batchProgress.value = 0;
+			zipProgress.value = null;
 			try {
-				saveBlob(await zipFiles(files, fileUrlOf, (percent) => batchProgress.value = percent), zipFileName(props.title || t("defaultZip")));
+				await run({
+					urlOf: fileUrlOf,
+					signal: controller.signal,
+					onProgress: (progress) => zipProgress.value = progress
+				});
+				showToast(t("batchDone", {
+					name,
+					count: files.length,
+					size: formatSize(totalSize(files))
+				}));
 				selected.value = /* @__PURE__ */ new Set();
 			} catch (error) {
-				showToast(t("batchFailed", { message: errorText(error) }));
+				showToast(controller.signal.aborted ? t("batchCanceled") : t("batchFailed", { message: errorText(error) }));
 			} finally {
+				zipAbort = null;
 				batchBusy.value = false;
+				zipProgress.value = null;
 			}
 		}
+		function cancelZip() {
+			zipAbort?.abort();
+		}
+		const zipPercent = computed(() => {
+			const progress = zipProgress.value;
+			if (!progress) return 0;
+			const ratio = progress.totalBytes ? progress.bytes / progress.totalBytes : progress.totalFiles ? progress.files / progress.totalFiles : 0;
+			return Math.min(100, Math.floor(ratio * 100));
+		});
 		/** Only types the dialog can actually render get a preview button. */
 		function canPreview(node) {
 			return !node.is_dir && previewKind(node.name) !== "none";
@@ -2132,6 +2418,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			window.addEventListener("resize", measureStickyTop, { passive: true });
 		});
 		onBeforeUnmount(() => {
+			zipAbort?.abort();
 			window.removeEventListener("resize", measureStickyTop);
 			clearTimeout(toastTimer);
 		});
@@ -2147,9 +2434,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"aria-busy": refreshing.value || loadingRoot.value
 			}, [
 				createElementVNode("div", _hoisted_2, [
-					selected.value.size ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(t("selected", { count: selected.value.size })), 1), createElementVNode("span", _hoisted_5, toDisplayString(t("totalSize", { size: unref(formatSize)(unref(totalSize)(selectedFiles.value)) })), 1)])) : (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(displayTitle.value), 1), demo.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(t("demoBadge")), 1)) : createCommentVNode("v-if", true)])),
-					selected.value.size ? (openBlock(), createElementBlock("button", {
-						key: 2,
+					batchBusy.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+						createElementVNode("span", _hoisted_4, toDisplayString(t("batching", { percent: zipPercent.value })), 1),
+						zipProgress.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(t("batchProgress", {
+							done: unref(formatSize)(zipProgress.value.bytes),
+							total: unref(formatSize)(zipProgress.value.totalBytes),
+							files: zipProgress.value.files,
+							count: zipProgress.value.totalFiles
+						})), 1)) : createCommentVNode("v-if", true),
+						createElementVNode("span", {
+							class: "fl-zip-bar",
+							style: normalizeStyle({ width: `${zipPercent.value}%` }),
+							"aria-hidden": "true"
+						}, null, 4)
+					])) : selected.value.size ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(t("selected", { count: selected.value.size })), 1), createElementVNode("span", _hoisted_8, toDisplayString(t("totalSize", { size: unref(formatSize)(unref(totalSize)(selectedFiles.value)) })), 1)])) : (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("span", _hoisted_10, toDisplayString(displayTitle.value), 1), demo.value ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(t("demoBadge")), 1)) : createCommentVNode("v-if", true)])),
+					selected.value.size && !batchBusy.value ? (openBlock(), createElementBlock("button", {
+						key: 3,
 						class: "fl-clear",
 						type: "button",
 						"aria-label": t("clearSelection"),
@@ -2159,8 +2459,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						class: "fl-clear-icon",
 						name: "close",
 						size: 18
-					}), createElementVNode("span", _hoisted_10, toDisplayString(t("clear")), 1)], 8, _hoisted_9)) : createCommentVNode("v-if", true),
-					createElementVNode("div", _hoisted_11, [createElementVNode("label", _hoisted_12, [createVNode(_sfc_main$2, {
+					}), createElementVNode("span", _hoisted_13, toDisplayString(t("clear")), 1)], 8, _hoisted_12)) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_14, [createElementVNode("label", _hoisted_15, [createVNode(_sfc_main$2, {
 						name: "search",
 						size: 15
 					}), withDirectives(createElementVNode("input", {
@@ -2168,7 +2468,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						type: "text",
 						placeholder: t("filter"),
 						"aria-label": t("filter")
-					}, null, 8, _hoisted_13), [[vModelText, keyword.value]])]), createElementVNode("button", {
+					}, null, 8, _hoisted_16), [[vModelText, keyword.value]])]), createElementVNode("button", {
 						class: normalizeClass(["fl-icon-btn fl-refresh", { "fl-spinning": refreshing.value }]),
 						type: "button",
 						disabled: refreshing.value || loadingRoot.value,
@@ -2178,27 +2478,32 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					}, [createVNode(_sfc_main$2, {
 						name: "refresh",
 						size: 15
-					})], 10, _hoisted_14)]),
-					selected.value.size ? (openBlock(), createElementBlock("button", {
-						key: 3,
+					})], 10, _hoisted_17)]),
+					batchBusy.value ? (openBlock(), createElementBlock("button", {
+						key: 4,
+						class: "fl-btn fl-zip-cancel",
+						type: "button",
+						onClick: cancelZip
+					}, toDisplayString(t("cancel")), 1)) : selected.value.size ? (openBlock(), createElementBlock("button", {
+						key: 5,
 						class: "fl-btn fl-btn-primary",
 						type: "button",
-						disabled: batchBusy.value,
 						onClick: batchDownload
 					}, [createVNode(_sfc_main$2, {
 						name: "download",
 						size: 15
-					}), createTextVNode(" " + toDisplayString(batchBusy.value ? t("batching", { percent: batchProgress.value }) : t("batch")), 1)], 8, _hoisted_15)) : createCommentVNode("v-if", true)
+					}), createTextVNode(" " + toDisplayString(t("batch")), 1)])) : createCommentVNode("v-if", true)
 				]),
-				createElementVNode("div", _hoisted_16, [
-					refreshing.value ? (openBlock(), createElementBlock("span", _hoisted_17)) : createCommentVNode("v-if", true),
-					createElementVNode("label", _hoisted_18, [createElementVNode("input", {
+				createElementVNode("div", _hoisted_18, [
+					refreshing.value ? (openBlock(), createElementBlock("span", _hoisted_19)) : createCommentVNode("v-if", true),
+					createElementVNode("label", _hoisted_20, [createElementVNode("input", {
 						type: "checkbox",
 						"aria-label": t("selectAll"),
+						disabled: batchBusy.value,
 						checked: allChecked.value,
 						".indeterminate": someChecked.value,
 						onChange: toggleCheckAll
-					}, null, 40, _hoisted_19)]),
+					}, null, 40, _hoisted_21)]),
 					(openBlock(), createElementBlock(Fragment, null, renderList([
 						"name",
 						"size",
@@ -2212,11 +2517,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							type: "button",
 							"aria-sort": sortKey.value === column ? sortAsc.value ? "ascending" : "descending" : void 0,
 							onClick: ($event) => setSort(column)
-						}, [createTextVNode(toDisplayString(t(column === "name" ? "columnName" : column === "size" ? "columnSize" : "columnDate")), 1), createElementVNode("span", _hoisted_21, toDisplayString(sortKey.value === column ? sortAsc.value ? "▲" : "▼" : ""), 1)], 8, _hoisted_20)], 2);
+						}, [createTextVNode(toDisplayString(t(column === "name" ? "columnName" : column === "size" ? "columnSize" : "columnDate")), 1), createElementVNode("span", _hoisted_23, toDisplayString(sortKey.value === column ? sortAsc.value ? "▲" : "▼" : ""), 1)], 8, _hoisted_22)], 2);
 					}), 64)),
-					createElementVNode("span", _hoisted_22, [createElementVNode("label", _hoisted_23, [
+					createElementVNode("span", _hoisted_24, [createElementVNode("label", _hoisted_25, [
 						createElementVNode("span", null, toDisplayString(t("sortBy")), 1),
-						createElementVNode("span", _hoisted_24, toDisplayString(sortOptions.value.find((option) => option.value === sortValue.value)?.label), 1),
+						createElementVNode("span", _hoisted_26, toDisplayString(sortOptions.value.find((option) => option.value === sortValue.value)?.label), 1),
 						withDirectives(createElementVNode("select", {
 							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => sortValue.value = $event),
 							"aria-label": t("sortBy")
@@ -2224,11 +2529,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							return openBlock(), createElementBlock("option", {
 								key: option.value,
 								value: option.value
-							}, toDisplayString(option.label), 9, _hoisted_26);
-						}), 128))], 8, _hoisted_25), [[vModelSelect, sortValue.value]])
+							}, toDisplayString(option.label), 9, _hoisted_28);
+						}), 128))], 8, _hoisted_27), [[vModelSelect, sortValue.value]])
 					])])
 				]),
-				loadingRoot.value ? (openBlock(), createElementBlock("div", _hoisted_27, toDisplayString(t("loading")), 1)) : rootLock.value ? (openBlock(), createElementBlock("form", {
+				loadingRoot.value ? (openBlock(), createElementBlock("div", _hoisted_29, toDisplayString(t("loading")), 1)) : rootLock.value ? (openBlock(), createElementBlock("form", {
 					key: 1,
 					class: normalizeClass(["fl-unlock-root", { "fl-unlock-error": rootLock.value.error }]),
 					onSubmit: withModifiers(submitRootUnlock, ["prevent"])
@@ -2240,14 +2545,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					createElementVNode("label", {
 						class: "fl-unlock-label",
 						for: `${unref(uid)}-root`
-					}, toDisplayString(t("passwordPrompt")), 9, _hoisted_28),
+					}, toDisplayString(t("passwordPrompt")), 9, _hoisted_30),
 					rootLock.value.error ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						id: `${unref(uid)}-root-error`,
 						class: "fl-unlock-message",
 						role: "alert"
-					}, toDisplayString(unlockErrorText(rootLock.value.error)), 9, _hoisted_29)) : createCommentVNode("v-if", true),
-					createElementVNode("span", _hoisted_30, [
+					}, toDisplayString(unlockErrorText(rootLock.value.error)), 9, _hoisted_31)) : createCommentVNode("v-if", true),
+					createElementVNode("span", _hoisted_32, [
 						withDirectives(createElementVNode("input", {
 							id: `${unref(uid)}-root`,
 							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => rootLock.value.input = $event),
@@ -2257,7 +2562,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							placeholder: t("passwordPlaceholder"),
 							"aria-invalid": !!rootLock.value.error,
 							"aria-describedby": rootLock.value.error ? `${unref(uid)}-root-error` : void 0
-						}, null, 8, _hoisted_31), [[vModelText, rootLock.value.input]]),
+						}, null, 8, _hoisted_33), [[vModelText, rootLock.value.input]]),
 						canRemember.value ? (openBlock(), createElementBlock("button", {
 							key: 0,
 							class: "fl-unlock-remember",
@@ -2266,26 +2571,50 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"aria-label": t("rememberPassword"),
 							title: t("rememberPassword"),
 							onClick: _cache[3] || (_cache[3] = ($event) => rootLock.value.remember = !rootLock.value.remember)
-						}, [createVNode(_sfc_main$2, { name: "key" })], 8, _hoisted_32)) : createCommentVNode("v-if", true),
+						}, [createVNode(_sfc_main$2, { name: "key" })], 8, _hoisted_34)) : createCommentVNode("v-if", true),
 						createElementVNode("button", {
 							class: "fl-unlock-submit",
 							type: "submit",
 							disabled: rootLock.value.busy || !rootLock.value.input
-						}, toDisplayString(t("open")), 9, _hoisted_33)
+						}, toDisplayString(t("open")), 9, _hoisted_35)
 					])
-				], 34)) : errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_34, [
+				], 34)) : errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_36, [
 					createTextVNode(toDisplayString(t("loadFailed", { message: errorMsg.value })) + " ", 1),
-					/guest/i.test(errorMsg.value) ? (openBlock(), createElementBlock("p", _hoisted_35, toDisplayString(t("guestHint")), 1)) : createCommentVNode("v-if", true),
-					unref(isNetworkError)(errorMsg.value) ? (openBlock(), createElementBlock("p", _hoisted_36, toDisplayString(t("corsHint")), 1)) : createCommentVNode("v-if", true),
+					/guest/i.test(errorMsg.value) ? (openBlock(), createElementBlock("p", _hoisted_37, toDisplayString(t("guestHint")), 1)) : createCommentVNode("v-if", true),
+					unref(isNetworkError)(errorMsg.value) ? (openBlock(), createElementBlock("p", _hoisted_38, toDisplayString(t("corsHint")), 1)) : createCommentVNode("v-if", true),
 					createElementVNode("button", {
 						class: "fl-btn",
 						type: "button",
 						onClick: loadRoot
 					}, toDisplayString(t("retry")), 1)
-				])) : visible.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_37, toDisplayString(t("empty")), 1)) : createCommentVNode("v-if", true),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(visible.value, (node, index) => {
-					return openBlock(), createElementBlock("div", {
-						key: node.path,
+				])) : visible.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_39, toDisplayString(t("empty")), 1)) : createCommentVNode("v-if", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (node, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: isMore(node) ? `more:${node.key}` : node.path }, [isMore(node) ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "fl-row fl-more",
+						style: normalizeStyle({ "--fl-depth": node.depth })
+					}, [_cache[9] || (_cache[9] = createElementVNode("span", { class: "fl-cell fl-cell-check" }, null, -1)), createElementVNode("span", _hoisted_40, [
+						_cache[8] || (_cache[8] = createElementVNode("span", {
+							class: "fl-indent",
+							"aria-hidden": "true"
+						}, null, -1)),
+						createElementVNode("span", _hoisted_41, toDisplayString(t("moreRemaining", { count: node.remaining })), 1),
+						node.remaining > (__props.pageSize || 0) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("button", {
+							class: "fl-more-btn",
+							type: "button",
+							onClick: ($event) => showMore(node, false)
+						}, [createTextVNode(toDisplayString(t("showMore")), 1), createElementVNode("span", _hoisted_43, toDisplayString(` ${t("folderItems", { count: __props.pageSize })}`), 1)], 8, _hoisted_42), createElementVNode("button", {
+							class: "fl-more-btn fl-more-all",
+							type: "button",
+							onClick: ($event) => showMore(node, true)
+						}, toDisplayString(t("showAll")), 9, _hoisted_44)], 64)) : (openBlock(), createElementBlock("button", {
+							key: 1,
+							class: "fl-more-btn",
+							type: "button",
+							onClick: ($event) => showMore(node, true)
+						}, toDisplayString(t("showRest", { count: node.remaining })), 9, _hoisted_45))
+					])], 4)) : (openBlock(), createElementBlock("div", {
+						key: 1,
 						class: normalizeClass(["fl-row", {
 							"fl-row-dir": node.is_dir,
 							"fl-row-root": node.isRoot,
@@ -2296,19 +2625,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						}]),
 						style: normalizeStyle({ "--fl-depth": node.depth })
 					}, [
-						createElementVNode("label", _hoisted_38, [createElementVNode("input", {
+						createElementVNode("label", _hoisted_46, [createElementVNode("input", {
 							type: "checkbox",
-							disabled: !!node.lock,
+							disabled: !!node.lock || batchBusy.value,
 							"aria-label": t("selectItem", { name: node.name }),
 							checked: isChecked(node),
 							".indeterminate": isIndeterminate(node),
 							onChange: ($event) => toggleCheck(node, $event)
-						}, null, 40, _hoisted_39)]),
+						}, null, 40, _hoisted_47)]),
 						createElementVNode("span", {
 							class: "fl-cell fl-cell-name",
 							title: node.isRoot ? node.path : void 0
 						}, [
-							_cache[8] || (_cache[8] = createElementVNode("span", {
+							_cache[11] || (_cache[11] = createElementVNode("span", {
 								class: "fl-indent",
 								"aria-hidden": "true"
 							}, null, -1)),
@@ -2322,7 +2651,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "lock",
 								size: 14
-							})], 8, _hoisted_41)) : node.is_dir ? (openBlock(), createElementBlock("button", {
+							})], 8, _hoisted_49)) : node.is_dir ? (openBlock(), createElementBlock("button", {
 								key: 1,
 								class: normalizeClass(["fl-arrow", { "fl-arrow-open": node.expanded }]),
 								type: "button",
@@ -2332,24 +2661,24 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "next",
 								size: 14
-							})], 10, _hoisted_42)) : (openBlock(), createElementBlock("span", _hoisted_43)),
-							node.is_dir ? (openBlock(), createElementBlock("svg", _hoisted_44, [..._cache[7] || (_cache[7] = [createElementVNode("path", { d: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }, null, -1)])])) : (openBlock(), createElementBlock("span", {
+							})], 10, _hoisted_50)) : (openBlock(), createElementBlock("span", _hoisted_51)),
+							node.is_dir ? (openBlock(), createElementBlock("svg", _hoisted_52, [..._cache[10] || (_cache[10] = [createElementVNode("path", { d: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }, null, -1)])])) : (openBlock(), createElementBlock("span", {
 								key: 4,
 								class: "fl-type",
 								"data-kind": unref(fileKind)(node.name),
 								"aria-hidden": "true"
-							}, toDisplayString(unref(extOf)(node.name) || "FILE"), 9, _hoisted_45)),
-							createElementVNode("span", _hoisted_46, [createElementVNode("span", {
+							}, toDisplayString(unref(extOf)(node.name) || "FILE"), 9, _hoisted_53)),
+							createElementVNode("span", _hoisted_54, [createElementVNode("span", {
 								class: normalizeClass(["fl-name", { "fl-name-dir": node.is_dir }]),
 								onClick: ($event) => node.lock || node.is_dir ? toggleExpand(node) : download(node)
-							}, toDisplayString(node.name), 11, _hoisted_47), createElementVNode("span", _hoisted_48, [!node.is_dir ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(formatSize)(node.size)) + " · " + toDisplayString(unref(formatDate)(node.modified)), 1)], 64)) : node.loaded ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(t("folderItems", { count: statsOf(node).files })) + " · " + toDisplayString(unref(formatSize)(statsOf(node).bytes)), 1)], 64)) : createCommentVNode("v-if", true)])]),
-							node.is_dir && node.loaded ? (openBlock(), createElementBlock("span", _hoisted_49, toDisplayString(t("folderItems", { count: statsOf(node).files })), 1)) : createCommentVNode("v-if", true),
+							}, toDisplayString(node.name), 11, _hoisted_55), createElementVNode("span", _hoisted_56, [!node.is_dir ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(formatSize)(node.size)) + " · " + toDisplayString(unref(formatDate)(node.modified)), 1)], 64)) : node.loaded ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(t("folderItems", { count: statsOf(node).files })) + " · " + toDisplayString(unref(formatSize)(statsOf(node).bytes)), 1)], 64)) : createCommentVNode("v-if", true)])]),
+							node.is_dir && node.loaded ? (openBlock(), createElementBlock("span", _hoisted_57, toDisplayString(t("folderItems", { count: statsOf(node).files })), 1)) : createCommentVNode("v-if", true),
 							node.lock?.prompting && node.lock.error ? (openBlock(), createElementBlock("span", {
 								key: 6,
 								id: `${unref(uid)}-error-${index}`,
 								class: "fl-unlock-message",
 								role: "alert"
-							}, toDisplayString(unlockErrorText(node.lock.error)), 9, _hoisted_50)) : createCommentVNode("v-if", true),
+							}, toDisplayString(unlockErrorText(node.lock.error)), 9, _hoisted_58)) : createCommentVNode("v-if", true),
 							!node.lock && unref(remembered).has(node.path) ? (openBlock(), createElementBlock("button", {
 								key: 7,
 								class: "fl-remembered",
@@ -2360,9 +2689,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "key",
 								size: 11
-							}), createTextVNode(" " + toDisplayString(t("remembered")) + " · " + toDisplayString(t("forgetPassword")), 1)], 8, _hoisted_51)) : createCommentVNode("v-if", true),
-							node.loading ? (openBlock(), createElementBlock("span", _hoisted_52, "…")) : createCommentVNode("v-if", true)
-						], 8, _hoisted_40),
+							}), createTextVNode(" " + toDisplayString(t("remembered")) + " · " + toDisplayString(t("forgetPassword")), 1)], 8, _hoisted_59)) : createCommentVNode("v-if", true),
+							node.loading ? (openBlock(), createElementBlock("span", _hoisted_60, "…")) : createCommentVNode("v-if", true)
+						], 8, _hoisted_48),
 						node.lock?.prompting ? (openBlock(), createElementBlock("form", {
 							key: 0,
 							class: "fl-unlock fl-unlock-row",
@@ -2383,7 +2712,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								"aria-label": t("passwordFor", { name: node.name }),
 								"aria-invalid": !!node.lock.error,
 								"aria-describedby": node.lock.error ? `${unref(uid)}-error-${index}` : void 0
-							}, null, 8, _hoisted_54), [[vModelText, node.lock.input]]),
+							}, null, 8, _hoisted_62), [[vModelText, node.lock.input]]),
 							canRemember.value ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								class: "fl-unlock-remember",
@@ -2392,12 +2721,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								"aria-label": t("rememberPassword"),
 								title: t("rememberPassword"),
 								onClick: ($event) => node.lock.remember = !node.lock.remember
-							}, [createVNode(_sfc_main$2, { name: "key" })], 8, _hoisted_55)) : createCommentVNode("v-if", true),
+							}, [createVNode(_sfc_main$2, { name: "key" })], 8, _hoisted_63)) : createCommentVNode("v-if", true),
 							createElementVNode("button", {
 								class: "fl-unlock-submit",
 								type: "submit",
 								disabled: node.lock.busy || !node.lock.input
-							}, toDisplayString(t("open")), 9, _hoisted_56),
+							}, toDisplayString(t("open")), 9, _hoisted_64),
 							createElementVNode("button", {
 								class: "fl-unlock-cancel",
 								type: "button",
@@ -2407,11 +2736,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "close",
 								size: 14
-							})], 8, _hoisted_57)
-						], 40, _hoisted_53)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-							createElementVNode("span", _hoisted_58, toDisplayString(node.is_dir ? "—" : unref(formatSize)(node.size)), 1),
-							createElementVNode("span", _hoisted_59, toDisplayString(unref(formatDate)(node.modified)), 1),
-							createElementVNode("span", _hoisted_60, [node.lock ? (openBlock(), createElementBlock("button", {
+							})], 8, _hoisted_65)
+						], 40, _hoisted_61)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+							createElementVNode("span", _hoisted_66, toDisplayString(node.is_dir ? "—" : unref(formatSize)(node.size)), 1),
+							createElementVNode("span", _hoisted_67, toDisplayString(unref(formatDate)(node.modified)), 1),
+							createElementVNode("span", _hoisted_68, [node.lock ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								class: "fl-action fl-arrow-end fl-lock",
 								type: "button",
@@ -2420,7 +2749,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "lock",
 								size: 18
-							})], 8, _hoisted_61)) : node.is_dir ? (openBlock(), createElementBlock("button", {
+							})], 8, _hoisted_69)) : node.is_dir ? (openBlock(), createElementBlock("button", {
 								key: 1,
 								class: normalizeClass(["fl-action fl-arrow-end", { "fl-arrow-open": node.expanded }]),
 								type: "button",
@@ -2430,25 +2759,42 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "next",
 								size: 18
-							})], 10, _hoisted_62)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [canPreview(node) ? (openBlock(), createElementBlock("button", {
+							})], 10, _hoisted_70)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [canPreview(node) ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								class: "fl-action fl-preview-btn",
 								type: "button",
 								"aria-label": `${t("preview")} ${node.name}`,
 								title: t("preview"),
 								onClick: ($event) => preview(node)
-							}, [createVNode(_sfc_main$2, { name: "eye" })], 8, _hoisted_63)) : createCommentVNode("v-if", true), createElementVNode("button", {
+							}, [createVNode(_sfc_main$2, { name: "eye" })], 8, _hoisted_71)) : createCommentVNode("v-if", true), createElementVNode("button", {
 								class: "fl-action fl-download",
 								type: "button",
 								"aria-label": `${t("download")} ${node.name}`,
 								title: t("download"),
 								onClick: ($event) => download(node)
-							}, [createVNode(_sfc_main$2, { name: "download" })], 8, _hoisted_64)], 64))])
+							}, [createVNode(_sfc_main$2, { name: "download" })], 8, _hoisted_72)], 64))])
 						], 64))
-					], 6);
+					], 6))], 64);
 				}), 128)),
-				createElementVNode("div", _hoisted_65, [createElementVNode("span", null, toDisplayString(t("loaded", { count: allFiles.value.length })) + " · " + toDisplayString(t("totalSize", { size: unref(formatSize)(unref(totalSize)(allFiles.value)) })), 1)]),
-				toast.value ? (openBlock(), createElementBlock("div", _hoisted_66, toDisplayString(toast.value), 1)) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_73, [createElementVNode("span", null, toDisplayString(t("loaded", { count: allFiles.value.length })) + " · " + toDisplayString(t("totalSize", { size: unref(formatSize)(unref(totalSize)(allFiles.value)) })), 1)]),
+				toast.value ? (openBlock(), createElementBlock("div", _hoisted_74, toDisplayString(toast.value), 1)) : createCommentVNode("v-if", true),
+				createVNode(_sfc_main$3, {
+					open: !!zipNotice.value,
+					title: zipNotice.value ? t(zipNotice.value.kind === "warn" ? "zipWarnTitle" : "zipBlockTitle", { size: unref(formatSize)(zipNotice.value.size) }) : "",
+					text: zipNotice.value ? t(zipNotice.value.kind === "warn" ? "zipWarnText" : "zipBlockText", { limit: unref(formatSize)(zipNotice.value.limit) }) : "",
+					tip: zipTip.value,
+					"confirm-label": zipNotice.value?.kind === "warn" ? t("zipContinue") : void 0,
+					"cancel-label": zipNotice.value?.kind === "warn" ? t("cancel") : t("gotIt"),
+					onConfirm: confirmZip,
+					onClose: _cache[4] || (_cache[4] = ($event) => zipNotice.value = null)
+				}, null, 8, [
+					"open",
+					"title",
+					"text",
+					"tip",
+					"confirm-label",
+					"cancel-label"
+				]),
 				createVNode(_sfc_main$1, {
 					open: !!previewNode.value,
 					file: previewNode.value,
@@ -2461,9 +2807,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					position: previewPosition.value,
 					total: previewPosition.value ? previewList.value.length : 0,
 					onClose: closePreview,
-					onPrev: _cache[4] || (_cache[4] = ($event) => stepPreview(-1)),
-					onNext: _cache[5] || (_cache[5] = ($event) => stepPreview(1)),
-					onDownload: _cache[6] || (_cache[6] = ($event) => previewNode.value && download(previewNode.value))
+					onPrev: _cache[5] || (_cache[5] = ($event) => stepPreview(-1)),
+					onNext: _cache[6] || (_cache[6] = ($event) => stepPreview(1)),
+					onDownload: _cache[7] || (_cache[7] = ($event) => previewNode.value && download(previewNode.value))
 				}, null, 8, [
 					"open",
 					"file",