vitepress-plugin-filelist 0.6.2 → 0.7.1

package/dist/client/browser/index.js

@@ -179,12 +179,29 @@ function previewKind(name) {
 function totalSize(items) {
 	return items.reduce((sum, item) => sum + (Number.isFinite(item.size) && (item.size ?? 0) > 0 ? item.size : 0), 0);
 }
-function compareNodes(a, b, key, ascending = true) {
+const collators = /* @__PURE__ */ new Map();
+/**
+* Name order for a UI locale: pinyin for Chinese, alphabetical for English,
+* with numbers in natural order (“2” before “10”) either way.
+*/
+function collatorFor(locale) {
+	const tag = locale.toLowerCase().startsWith("zh") ? "zh-Hans-CN" : "en";
+	let collator = collators.get(tag);
+	if (!collator) {
+		collator = new Intl.Collator(tag, {
+			numeric: true,
+			sensitivity: "base"
+		});
+		collators.set(tag, collator);
+	}
+	return collator;
+}
+function compareNodes(a, b, key, ascending = true, locale = "zh-CN") {
 	if (a.is_dir !== b.is_dir) return a.is_dir ? -1 : 1;
 	let result = 0;
 	if (key === "size") result = a.size - b.size;
 	else if (key === "modified") result = new Date(a.modified).getTime() - new Date(b.modified).getTime();
-	else result = a.name.localeCompare(b.name, "zh-Hans-CN", { numeric: true });
+	else result = collatorFor(locale).compare(a.name, b.name) || (a.name < b.name ? -1 : a.name > b.name ? 1 : 0);
 	return ascending ? result : -result;
 }
 /**
@@ -899,6 +916,22 @@ const fileListLocales = {
 		forgetPassword: "忘记",
 		unlockFolder: "输入 {name} 的密码",
 		networkHint: "可能被跨域拦截：请检查 OpenList 的 cors.allow_origins，或 OpenList-Worker 的 ALLOW_URLS。",
+		deepHint: "只筛选了已加载的内容，",
+		deepSearch: "尝试深度搜索",
+		deepRunning: "正在深度搜索 · 已查找 {count} 个文件夹",
+		deepStop: "停止",
+		deepDone: "已搜索全部 {count} 个文件夹",
+		deepCapped: "已查找 {count} 个文件夹，还有未搜索的子目录",
+		deepContinue: "继续",
+		deepSkipped: "跳过 {count} 个加密文件夹",
+		deepFailed: "{count} 个文件夹读取失败",
+		deepLocked: "未搜索（需要密码）",
+		clearFilter: "清除筛选",
+		viewMode: "显示方式",
+		viewSource: "源码",
+		viewRendered: "渲染",
+		htmlSandboxNote: "已禁用脚本；网页引用的相对路径资源不会加载",
+		imageOmitted: "［图片：{alt}］",
 		batchFailedTitle: "打包失败",
 		batchFailedHint: "可以减少勾选的文件后重试。",
 		downloadStarted: "已交给浏览器下载：{name}",
@@ -979,6 +1012,22 @@ const fileListLocales = {
 		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.",
+		deepHint: "Only loaded folders are filtered. ",
+		deepSearch: "Try deep search",
+		deepRunning: "Searching · {count} folders checked",
+		deepStop: "Stop",
+		deepDone: "Searched all {count} folders",
+		deepCapped: "{count} folders checked; some sub-folders remain",
+		deepContinue: "Continue",
+		deepSkipped: "{count} locked folders skipped",
+		deepFailed: "{count} folders could not be read",
+		deepLocked: "Not searched (password needed)",
+		clearFilter: "Clear filter",
+		viewMode: "View",
+		viewSource: "Source",
+		viewRendered: "Rendered",
+		htmlSandboxNote: "Scripts are disabled; resources at relative paths do not load",
+		imageOmitted: "[Image: {alt}]",
 		batchFailedTitle: "Could not create the ZIP",
 		batchFailedHint: "Try again with fewer files selected.",
 		downloadStarted: "Downloading {name} in your browser",
@@ -1007,6 +1056,45 @@ function resolveLabels(locale = "zh-CN", overrides) {
 		...overrides
 	};
 }
+// src/client/markdown.ts
+/**
+* Markdown → safe HTML for the preview dialog. Loaded on demand, so pages that
+* never render Markdown do not download markdown-it or DOMPurify.
+*
+* - Raw HTML in the file is allowed, then sanitised (no scripts, handlers, iframes...)
+* - Only absolute http(s) / mailto links stay clickable, opening in a new tab;
+*   relative links (to other files in the share) become plain text
+* - Images with a relative source are replaced by their alt text, because the
+*   share's relative paths do not resolve on the documentation site
+*/
+async function renderMarkdown(source, imageLabel) {
+	const [{ default: MarkdownIt }, { default: DOMPurify }] = await Promise.all([import("markdown-it"), import("dompurify")]);
+	const probe = DOMPurify.isSupported ? DOMPurify.sanitize("<img src=\"x\" onerror=\"1\"><script>1<\/script>") : "<script";
+	if (/<script|onerror/i.test(probe)) throw new Error("HTML sanitiser unavailable");
+	const html = new MarkdownIt({
+		html: true,
+		linkify: true
+	}).render(source);
+	const template = document.createElement("template");
+	template.innerHTML = DOMPurify.sanitize(html);
+	const fragment = template.content;
+	for (const link of fragment.querySelectorAll("a")) {
+		const href = link.getAttribute("href") ?? "";
+		if (/^(https?:|mailto:)/i.test(href)) {
+			link.setAttribute("target", "_blank");
+			link.setAttribute("rel", "noopener noreferrer");
+		} else link.replaceWith(...link.childNodes);
+	}
+	for (const image of fragment.querySelectorAll("img")) {
+		const src = image.getAttribute("src") ?? "";
+		if (/^(https?:|data:image\/)/i.test(src)) continue;
+		const placeholder = document.createElement("span");
+		placeholder.className = "fl-md-image";
+		placeholder.textContent = imageLabel(image.getAttribute("alt") || src.split("/").pop() || "");
+		image.replaceWith(placeholder);
+	}
+	return template.innerHTML;
+}
 // src/client/PreviewDialog.vue
 const _hoisted_1$1 = ["aria-label"];
 const _hoisted_2$1 = {
@@ -1031,33 +1119,40 @@ const _hoisted_13$1 = [
 	"aria-label",
 	"title"
 ];
-const _hoisted_14$1 = { class: "fl-preview-tools fl-preview-actions" };
-const _hoisted_15$1 = ["aria-label", "title"];
-const _hoisted_16$1 = ["aria-label", "title"];
-const _hoisted_17$1 = ["data-mode"];
-const _hoisted_18$1 = {
+const _hoisted_14$1 = ["aria-label"];
+const _hoisted_15$1 = ["aria-pressed", "onClick"];
+const _hoisted_16$1 = { class: "fl-preview-tools fl-preview-actions" };
+const _hoisted_17$1 = ["aria-label", "title"];
+const _hoisted_18$1 = ["aria-label", "title"];
+const _hoisted_19$1 = ["data-mode"];
+const _hoisted_20$1 = {
 	key: 0,
 	class: "fl-preview-status",
 	role: "status"
 };
-const _hoisted_19$1 = ["src", "alt"];
-const _hoisted_20$1 = ["src"];
-const _hoisted_21$1 = ["src"];
-const _hoisted_22$1 = {
-	key: 4,
-	class: "fl-preview-text"
-};
-const _hoisted_23$1 = {
+const _hoisted_21$1 = ["src", "alt"];
+const _hoisted_22$1 = ["src"];
+const _hoisted_23$1 = ["src"];
+const _hoisted_24$1 = {
 	key: 0,
 	class: "fl-preview-note"
 };
-const _hoisted_24$1 = ["src", "title"];
-const _hoisted_25$1 = {
+const _hoisted_25$1 = ["innerHTML"];
+const _hoisted_26$1 = {
+	key: 1,
+	class: "fl-preview-status",
+	role: "status"
+};
+const _hoisted_27$1 = { class: "fl-preview-note" };
+const _hoisted_28$1 = ["srcdoc", "title"];
+const _hoisted_29$1 = { key: 3 };
+const _hoisted_30$1 = ["src", "title"];
+const _hoisted_31$1 = {
 	key: 6,
 	class: "fl-preview-info"
 };
-const _hoisted_26$1 = ["data-kind"];
-const _hoisted_27$1 = { class: "fl-preview-message" };
+const _hoisted_32$1 = ["data-kind"];
+const _hoisted_33$1 = { class: "fl-preview-message" };
 const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	__name: "PreviewDialog",
 	props: {
@@ -1090,7 +1185,9 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		/**
 		* File preview in a native <dialog>, without leaving the page.
 		*
-		* image / video / audio: native elements; text: the first `maxTextBytes`
+		* image / video / audio: native elements; text: the first `maxTextBytes`,
+		* with Markdown and HTML switchable between source (default) and rendered
+		* (Markdown sanitised in VitePress' doc style, HTML in a script-less sandbox);
 		* through a Range request; pdf: the first matching OpenList `iframe_previews`
 		* viewer, else the browser's reader through a Blob. Anything else (Office
 		* included), failures, oversized PDFs and demo mode: file info + download.
@@ -1109,8 +1206,18 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const blobUrl = ref("");
 		const rotation = ref(0);
 		const actualSize = ref(false);
+		/** Markdown / HTML: show the source or render it. Kept while the page is open. */
+		const view = ref("source");
+		const renderedHtml = ref("");
 		let controller;
 		let loadSeq = 0;
+		/** Text files that can also be rendered. */
+		const renderAs = computed(() => {
+			const name = props.file?.name ?? "";
+			if (/\.(md|markdown)$/i.test(name)) return "markdown";
+			if (/\.html?$/i.test(name)) return "html";
+			return null;
+		});
 		const tooLarge = computed(() => kind.value === "pdf" && !props.viewer && (props.file?.size ?? 0) > props.maxPdfBytes);
 		const mode = computed(() => {
 			if (props.demo) return "demo";
@@ -1120,6 +1227,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			return kind.value;
 		});
 		const busy = computed(() => !props.demo && kind.value !== "none" && !props.error && !bodyFailed.value && (props.resolving || loadingBody.value || !props.src && !tooLarge.value));
+		const canRender = computed(() => !!renderAs.value && mode.value === "text" && !busy.value);
 		const infoMessage = computed(() => {
 			const file = props.file;
 			if (!file) return "";
@@ -1140,6 +1248,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			loadingBody.value = false;
 			bodyFailed.value = false;
 			textContent.value = "";
+			renderedHtml.value = "";
 			truncated.value = false;
 			rotation.value = 0;
 			actualSize.value = false;
@@ -1221,6 +1330,20 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			props.error,
 			props.demo
 		], () => void loadBody(), { immediate: true });
+		watch(() => [
+			view.value,
+			renderAs.value,
+			textContent.value
+		], async ([current, as, text]) => {
+			if (current !== "rendered" || as !== "markdown" || !text) return;
+			const seq = loadSeq;
+			try {
+				const html = await renderMarkdown(text, (alt) => t("imageOmitted", { alt }));
+				if (seq === loadSeq) renderedHtml.value = html;
+			} catch {
+				if (seq === loadSeq) view.value = "source";
+			}
+		});
 		watch(() => props.open, (open) => {
 			const el = dialog.value;
 			if (!el) return;
@@ -1270,49 +1393,66 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					"aria-hidden": "true"
 				}, toDisplayString(unref(extOf)(__props.file.name) || "FILE"), 9, _hoisted_4$1),
 				createElementVNode("div", _hoisted_5$1, [createElementVNode("span", _hoisted_6$1, toDisplayString(__props.file.name), 1), createElementVNode("span", _hoisted_7$1, toDisplayString(unref(formatSize)(__props.file.size)) + " · " + toDisplayString(unref(formatDate)(__props.file.modified)), 1)]),
-				__props.total > 1 || mode.value === "image" && !busy.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [__props.total > 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-					createElementVNode("button", {
-						class: "fl-preview-tool",
+				__props.total > 1 || mode.value === "image" && !busy.value || canRender.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+					__props.total > 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						createElementVNode("button", {
+							class: "fl-preview-tool",
+							type: "button",
+							"aria-label": t("previous"),
+							title: t("previous"),
+							onClick: _cache[0] || (_cache[0] = ($event) => emit("prev"))
+						}, [createVNode(_sfc_main$2, {
+							name: "previous",
+							size: 18
+						})], 8, _hoisted_9$1),
+						createElementVNode("span", _hoisted_10$1, toDisplayString(__props.position) + " / " + toDisplayString(__props.total), 1),
+						createElementVNode("button", {
+							class: "fl-preview-tool",
+							type: "button",
+							"aria-label": t("next"),
+							title: t("next"),
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("next"))
+						}, [createVNode(_sfc_main$2, {
+							name: "next",
+							size: 18
+						})], 8, _hoisted_11$1)
+					], 64)) : createCommentVNode("v-if", true),
+					mode.value === "image" && !busy.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
+						class: "fl-preview-tool fl-preview-rotate",
 						type: "button",
-						"aria-label": t("previous"),
-						title: t("previous"),
-						onClick: _cache[0] || (_cache[0] = ($event) => emit("prev"))
+						"aria-label": t("rotate"),
+						title: t("rotate"),
+						onClick: _cache[2] || (_cache[2] = ($event) => rotation.value = (rotation.value + 90) % 360)
 					}, [createVNode(_sfc_main$2, {
-						name: "previous",
-						size: 18
-					})], 8, _hoisted_9$1),
-					createElementVNode("span", _hoisted_10$1, toDisplayString(__props.position) + " / " + toDisplayString(__props.total), 1),
-					createElementVNode("button", {
-						class: "fl-preview-tool",
+						name: "refresh",
+						size: 17
+					})], 8, _hoisted_12$1), createElementVNode("button", {
+						class: "fl-preview-tool fl-preview-zoom",
 						type: "button",
-						"aria-label": t("next"),
-						title: t("next"),
-						onClick: _cache[1] || (_cache[1] = ($event) => emit("next"))
+						"aria-pressed": actualSize.value,
+						"aria-label": t("actualSize"),
+						title: t("actualSize"),
+						onClick: _cache[3] || (_cache[3] = ($event) => actualSize.value = !actualSize.value)
 					}, [createVNode(_sfc_main$2, {
-						name: "next",
-						size: 18
-					})], 8, _hoisted_11$1)
-				], 64)) : createCommentVNode("v-if", true), mode.value === "image" && !busy.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
-					class: "fl-preview-tool fl-preview-rotate",
-					type: "button",
-					"aria-label": t("rotate"),
-					title: t("rotate"),
-					onClick: _cache[2] || (_cache[2] = ($event) => rotation.value = (rotation.value + 90) % 360)
-				}, [createVNode(_sfc_main$2, {
-					name: "refresh",
-					size: 17
-				})], 8, _hoisted_12$1), createElementVNode("button", {
-					class: "fl-preview-tool fl-preview-zoom",
-					type: "button",
-					"aria-pressed": actualSize.value,
-					"aria-label": t("actualSize"),
-					title: t("actualSize"),
-					onClick: _cache[3] || (_cache[3] = ($event) => actualSize.value = !actualSize.value)
-				}, [createVNode(_sfc_main$2, {
-					name: actualSize.value ? "zoomOut" : "zoomIn",
-					size: 17
-				}, null, 8, ["name"])], 8, _hoisted_13$1)], 64)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
-				createElementVNode("div", _hoisted_14$1, [!__props.demo ? (openBlock(), createElementBlock("button", {
+						name: actualSize.value ? "zoomOut" : "zoomIn",
+						size: 17
+					}, null, 8, ["name"])], 8, _hoisted_13$1)], 64)) : createCommentVNode("v-if", true),
+					canRender.value ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: "fl-preview-view",
+						role: "group",
+						"aria-label": t("viewMode")
+					}, [(openBlock(), createElementBlock(Fragment, null, renderList(["source", "rendered"], (option) => {
+						return createElementVNode("button", {
+							key: option,
+							class: "fl-preview-view-btn",
+							type: "button",
+							"aria-pressed": view.value === option,
+							onClick: ($event) => view.value = option
+						}, toDisplayString(t(option === "source" ? "viewSource" : "viewRendered")), 9, _hoisted_15$1);
+					}), 64))], 8, _hoisted_14$1)) : createCommentVNode("v-if", true)
+				])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_16$1, [!__props.demo ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "fl-preview-tool fl-preview-download",
 					type: "button",
@@ -1322,7 +1462,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				}, [createVNode(_sfc_main$2, {
 					name: "download",
 					size: 17
-				})], 8, _hoisted_15$1)) : createCommentVNode("v-if", true), createElementVNode("button", {
+				})], 8, _hoisted_17$1)) : createCommentVNode("v-if", true), createElementVNode("button", {
 					class: "fl-preview-tool fl-preview-close",
 					type: "button",
 					autofocus: "",
@@ -1332,18 +1472,18 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				}, [createVNode(_sfc_main$2, {
 					name: "close",
 					size: 18
-				})], 8, _hoisted_16$1)])
+				})], 8, _hoisted_18$1)])
 			]), createElementVNode("div", {
 				class: "fl-preview-body",
 				"data-mode": busy.value ? "loading" : mode.value
-			}, [busy.value ? (openBlock(), createElementBlock("div", _hoisted_18$1, toDisplayString(t("loading")), 1)) : mode.value === "image" ? (openBlock(), createElementBlock("img", {
+			}, [busy.value ? (openBlock(), createElementBlock("div", _hoisted_20$1, toDisplayString(t("loading")), 1)) : mode.value === "image" ? (openBlock(), createElementBlock("img", {
 				key: 1,
 				class: normalizeClass(["fl-preview-image", { "fl-preview-actual": actualSize.value }]),
 				src: __props.src,
 				alt: __props.file.name,
 				style: normalizeStyle({ transform: rotation.value ? `rotate(${rotation.value}deg)` : void 0 }),
 				onError: markFailed
-			}, null, 46, _hoisted_19$1)) : mode.value === "video" ? (openBlock(), createElementBlock("video", {
+			}, null, 46, _hoisted_21$1)) : mode.value === "video" ? (openBlock(), createElementBlock("video", {
 				key: 2,
 				class: "fl-preview-video",
 				src: __props.src,
@@ -1351,25 +1491,42 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				playsinline: "",
 				preload: "metadata",
 				onError: markFailed
-			}, null, 40, _hoisted_20$1)) : mode.value === "audio" ? (openBlock(), createElementBlock("audio", {
+			}, null, 40, _hoisted_22$1)) : mode.value === "audio" ? (openBlock(), createElementBlock("audio", {
 				key: 3,
 				class: "fl-preview-audio",
 				src: __props.src,
 				controls: "",
 				preload: "metadata",
 				onError: markFailed
-			}, null, 40, _hoisted_21$1)) : mode.value === "text" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [truncated.value ? (openBlock(), createElementBlock("p", _hoisted_23$1, toDisplayString(t("textTruncated", { size: unref(formatSize)(__props.maxTextBytes) })), 1)) : createCommentVNode("v-if", true), createElementVNode("pre", null, toDisplayString(textContent.value), 1)])) : mode.value === "pdf" ? (openBlock(), createElementBlock("iframe", {
+			}, null, 40, _hoisted_23$1)) : mode.value === "text" ? (openBlock(), createElementBlock("div", {
+				key: 4,
+				class: normalizeClass(["fl-preview-text", { "fl-preview-rendered": renderAs.value && view.value === "rendered" }])
+			}, [truncated.value ? (openBlock(), createElementBlock("p", _hoisted_24$1, toDisplayString(t("textTruncated", { size: unref(formatSize)(__props.maxTextBytes) })), 1)) : createCommentVNode("v-if", true), renderAs.value === "markdown" && view.value === "rendered" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" sanitised by renderMarkdown (DOMPurify) "), renderedHtml.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "vp-doc fl-md",
+				innerHTML: renderedHtml.value
+			}, null, 8, _hoisted_25$1)) : (openBlock(), createElementBlock("div", _hoisted_26$1, toDisplayString(t("loading")), 1))], 64)) : renderAs.value === "html" && view.value === "rendered" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+				createElementVNode("p", _hoisted_27$1, toDisplayString(t("htmlSandboxNote")), 1),
+				createCommentVNode(" empty sandbox: no scripts, no forms, no popups, an opaque origin "),
+				createElementVNode("iframe", {
+					class: "fl-preview-html",
+					sandbox: "",
+					referrerpolicy: "no-referrer",
+					srcdoc: textContent.value,
+					title: __props.file.name
+				}, null, 8, _hoisted_28$1)
+			], 64)) : (openBlock(), createElementBlock("pre", _hoisted_29$1, toDisplayString(textContent.value), 1))], 2)) : mode.value === "pdf" ? (openBlock(), createElementBlock("iframe", {
 				key: 5,
 				class: "fl-preview-frame",
 				src: __props.viewer || blobUrl.value,
 				title: __props.file.name
-			}, null, 8, _hoisted_24$1)) : (openBlock(), createElementBlock("div", _hoisted_25$1, [
+			}, null, 8, _hoisted_30$1)) : (openBlock(), createElementBlock("div", _hoisted_31$1, [
 				createElementVNode("span", {
 					class: "fl-type fl-preview-badge",
 					"data-kind": unref(fileKind)(__props.file.name),
 					"aria-hidden": "true"
-				}, toDisplayString(unref(extOf)(__props.file.name) || "FILE"), 9, _hoisted_26$1),
-				createElementVNode("p", _hoisted_27$1, toDisplayString(infoMessage.value), 1),
+				}, toDisplayString(unref(extOf)(__props.file.name) || "FILE"), 9, _hoisted_32$1),
+				createElementVNode("p", _hoisted_33$1, toDisplayString(infoMessage.value), 1),
 				!__props.demo ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "fl-btn fl-btn-primary",
@@ -1379,7 +1536,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					name: "download",
 					size: 15
 				}), createTextVNode(" " + toDisplayString(t("download")), 1)])) : createCommentVNode("v-if", true)
-			]))], 8, _hoisted_17$1)])) : createCommentVNode("v-if", true)], 40, _hoisted_1$1);
+			]))], 8, _hoisted_19$1)])) : createCommentVNode("v-if", true)], 40, _hoisted_1$1);
 		};
 	}
 });
@@ -1406,14 +1563,22 @@ function toNodes(items, parent, password) {
 		zipPath: [...parent.zipPath, item.name]
 	}));
 }
-function sortTree(nodes, key, ascending) {
-	nodes.sort((a, b) => compareNodes(a, b, key, ascending));
-	for (const node of nodes) if (node.children.length) sortTree(node.children, key, ascending);
+function sortTree(nodes, key, ascending, locale) {
+	nodes.sort((a, b) => compareNodes(a, b, key, ascending, locale));
+	for (const node of nodes) if (node.children.length) sortTree(node.children, key, ascending, locale);
 }
 /** Loaded files at or under a node. */
 function descendantFiles(node) {
 	return node.is_dir ? node.children.flatMap(descendantFiles) : [node];
 }
+/** Every loaded folder (expanded or not), e.g. what a deep search has read. */
+function loadedPathsOf(nodes, out = /* @__PURE__ */ new Set()) {
+	for (const node of nodes) if (node.is_dir && node.loaded) {
+		out.add(node.path);
+		loadedPathsOf(node.children, out);
+	}
+	return out;
+}
 function expandedPathsOf(nodes, out = /* @__PURE__ */ new Set()) {
 	for (const node of nodes) if (node.is_dir && node.expanded) {
 		out.add(node.path);
@@ -1616,104 +1781,105 @@ 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 = [
+const _hoisted_17 = ["aria-label", "title"];
+const _hoisted_18 = [
 	"disabled",
 	"aria-label",
 	"title"
 ];
-const _hoisted_18 = { class: "fl-row fl-head" };
-const _hoisted_19 = {
+const _hoisted_19 = { class: "fl-row fl-head" };
+const _hoisted_20 = {
 	key: 0,
 	class: "fl-progress",
 	"aria-hidden": "true"
 };
-const _hoisted_20 = { class: "fl-cell fl-cell-check" };
-const _hoisted_21 = [
+const _hoisted_21 = { class: "fl-cell fl-cell-check" };
+const _hoisted_22 = [
 	"aria-label",
 	"disabled",
 	"checked",
 	".indeterminate"
 ];
-const _hoisted_22 = ["aria-sort", "onClick"];
-const _hoisted_23 = {
+const _hoisted_23 = ["aria-sort", "onClick"];
+const _hoisted_24 = {
 	class: "fl-sort",
 	"aria-hidden": "true"
 };
-const _hoisted_24 = { class: "fl-cell fl-cell-op" };
-const _hoisted_25 = { class: "fl-sort-select" };
-const _hoisted_26 = {
+const _hoisted_25 = { class: "fl-cell fl-cell-op" };
+const _hoisted_26 = { class: "fl-sort-select" };
+const _hoisted_27 = {
 	class: "fl-sort-current",
 	"aria-hidden": "true"
 };
-const _hoisted_27 = ["aria-label"];
-const _hoisted_28 = ["value"];
-const _hoisted_29 = {
+const _hoisted_28 = ["aria-label"];
+const _hoisted_29 = ["value"];
+const _hoisted_30 = {
 	key: 0,
 	class: "fl-status"
 };
-const _hoisted_30 = ["for"];
-const _hoisted_31 = ["id"];
-const _hoisted_32 = { class: "fl-unlock" };
-const _hoisted_33 = [
+const _hoisted_31 = ["for"];
+const _hoisted_32 = ["id"];
+const _hoisted_33 = { class: "fl-unlock" };
+const _hoisted_34 = [
 	"id",
 	"data-unlock",
 	"placeholder",
 	"aria-invalid",
 	"aria-describedby"
 ];
-const _hoisted_34 = [
+const _hoisted_35 = [
 	"aria-pressed",
 	"aria-label",
 	"title"
 ];
-const _hoisted_35 = ["disabled"];
-const _hoisted_36 = {
+const _hoisted_36 = ["disabled"];
+const _hoisted_37 = {
 	key: 2,
 	class: "fl-status fl-error"
 };
-const _hoisted_37 = {
+const _hoisted_38 = {
 	key: 0,
 	class: "fl-hint"
 };
-const _hoisted_38 = {
+const _hoisted_39 = {
 	key: 1,
 	class: "fl-hint"
 };
-const _hoisted_39 = {
+const _hoisted_40 = {
 	key: 3,
 	class: "fl-status"
 };
-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_41 = { class: "fl-cell fl-more-cell" };
+const _hoisted_42 = { class: "fl-more-count" };
+const _hoisted_43 = ["onClick"];
+const _hoisted_44 = { class: "fl-more-page" };
 const _hoisted_45 = ["onClick"];
-const _hoisted_46 = { class: "fl-cell fl-cell-check" };
-const _hoisted_47 = [
+const _hoisted_46 = ["onClick"];
+const _hoisted_47 = { class: "fl-cell fl-cell-check" };
+const _hoisted_48 = [
 	"disabled",
 	"aria-label",
 	"checked",
 	".indeterminate",
 	"onChange"
 ];
-const _hoisted_48 = ["title"];
-const _hoisted_49 = [
+const _hoisted_49 = ["title"];
+const _hoisted_50 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_50 = [
+const _hoisted_51 = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
 ];
-const _hoisted_51 = {
+const _hoisted_52 = {
 	key: 2,
 	class: "fl-arrow-placeholder",
 	"aria-hidden": "true"
 };
-const _hoisted_52 = {
+const _hoisted_53 = {
 	key: 3,
 	class: "fl-folder-icon",
 	viewBox: "0 0 24 24",
@@ -1721,27 +1887,39 @@ const _hoisted_52 = {
 	height: "18",
 	"aria-hidden": "true"
 };
-const _hoisted_53 = ["data-kind"];
-const _hoisted_54 = { class: "fl-label" };
-const _hoisted_55 = ["onClick"];
-const _hoisted_56 = { class: "fl-meta" };
+const _hoisted_54 = ["data-kind"];
+const _hoisted_55 = { class: "fl-label" };
+const _hoisted_56 = ["onClick"];
 const _hoisted_57 = {
+	key: 0,
+	class: "fl-hit"
+};
+const _hoisted_58 = { class: "fl-meta" };
+const _hoisted_59 = {
+	key: 2,
+	class: "fl-locked-note"
+};
+const _hoisted_60 = {
 	key: 5,
+	class: "fl-locked-note fl-locked-hint"
+};
+const _hoisted_61 = {
+	key: 6,
 	class: "fl-count"
 };
-const _hoisted_58 = ["id"];
-const _hoisted_59 = [
+const _hoisted_62 = ["id"];
+const _hoisted_63 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_60 = {
-	key: 8,
+const _hoisted_64 = {
+	key: 9,
 	class: "fl-loading",
 	"aria-hidden": "true"
 };
-const _hoisted_61 = ["onSubmit", "onKeydown"];
-const _hoisted_62 = [
+const _hoisted_65 = ["onSubmit", "onKeydown"];
+const _hoisted_66 = [
 	"onUpdate:modelValue",
 	"data-unlock",
 	"placeholder",
@@ -1749,40 +1927,51 @@ const _hoisted_62 = [
 	"aria-invalid",
 	"aria-describedby"
 ];
-const _hoisted_63 = [
+const _hoisted_67 = [
 	"aria-pressed",
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_64 = ["disabled"];
-const _hoisted_65 = [
+const _hoisted_68 = ["disabled"];
+const _hoisted_69 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-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 = [
+const _hoisted_70 = { class: "fl-cell fl-cell-size" };
+const _hoisted_71 = { class: "fl-cell fl-cell-date" };
+const _hoisted_72 = { class: "fl-cell fl-cell-op" };
+const _hoisted_73 = ["aria-label", "onClick"];
+const _hoisted_74 = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
 ];
-const _hoisted_71 = [
+const _hoisted_75 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_72 = [
+const _hoisted_76 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_73 = { class: "fl-foot" };
-const _hoisted_74 = {
+const _hoisted_77 = {
 	key: 4,
+	class: "fl-deep",
+	role: "status"
+};
+const _hoisted_78 = { class: "fl-deep-text" };
+const _hoisted_79 = {
+	key: 0,
+	class: "fl-deep-bar",
+	"aria-hidden": "true"
+};
+const _hoisted_80 = { class: "fl-foot" };
+const _hoisted_81 = {
+	key: 5,
 	class: "fl-toast",
 	role: "status"
 };
@@ -1806,6 +1995,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			default: true
 		},
 		pageSize: { default: 200 },
+		deepSearchLimit: { default: 500 },
+		deepSearch: { default: "manual" },
 		zipWarnSize: {},
 		zipMaxSize: {},
 		locale: { default: "zh-CN" },
@@ -1870,7 +2061,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return isNetworkError(error) ? `${message} ${t("corsHint")}` : message;
 		}
 		function sortNodes(nodes) {
-			sortTree(nodes, sortKey.value, sortAsc.value);
+			sortTree(nodes, sortKey.value, sortAsc.value, props.locale);
 		}
 		function focusUnlock(path) {
 			nextTick(() => {
@@ -1975,7 +2166,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		* Load a folder's children. A password error locks the folder instead of
 		* toasting; `prompt` also shows its same-row input (and focuses it).
 		*/
-		async function loadChildren(node, prompt = false) {
+		async function loadChildren(node, prompt = false, quiet = false) {
 			if (node.loaded) return true;
 			if (node.lock) {
 				if (prompt) startPrompt(node, prompt === "focus");
@@ -1991,7 +2182,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					node.expanded = false;
 					node.lock = newLock(false, passwords.dropStale(rememberedAt) ? "stale" : "");
 					if (prompt) startPrompt(node, prompt === "focus");
-				} else showToast(failureMessage("folderFailed", error));
+				} else if (!quiet) showToast(failureMessage("folderFailed", error));
 				return false;
 			} finally {
 				node.loading = false;
@@ -2038,6 +2229,21 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				zipPath: [item.is_dir ? name : item.name || sourceName(path)]
 			};
 		}
+		/** Run at most `size` tasks at once. */
+		function concurrency(size) {
+			let active = 0;
+			const waiting = [];
+			return async (task) => {
+				if (active >= size) await new Promise((resolve) => waiting.push(resolve));
+				active += 1;
+				try {
+					return await task();
+				} finally {
+					active -= 1;
+					waiting.shift()?.();
+				}
+			};
+		}
 		class RootLockedError extends Error {
 			rememberedAt;
 			constructor(rememberedAt) {
@@ -2049,7 +2255,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		* Build a fresh tree. `expandedPaths` re-opens those folders (refresh keeps
 		* what was open); without it the configured `expanded` defaults apply.
 		*/
-		async function buildTree(expandedPaths) {
+		async function buildTree(expandedPaths, loadedPaths) {
 			let nodes;
 			if (props.sources.length) nodes = await Promise.all(props.sources.map((source) => loadSourceRoot(source, expandedPaths ? expandedPaths.has(source.path) : source.expanded ?? props.expanded)));
 			else {
@@ -2060,13 +2266,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					throw isPasswordError(error) ? new RootLockedError(rememberedAt) : error;
 				}
 			}
+			const limit = concurrency(4);
 			const open = async (list) => {
-				for (const node of list) {
-					const wanted = node.expanded || expandedPaths?.has(node.path);
-					if (!node.is_dir || node.lock || !wanted) continue;
-					node.expanded = await loadChildren(node, "show");
-					if (node.expanded && expandedPaths) await open(node.children);
-				}
+				await Promise.all(list.map(async (node) => {
+					const wanted = !!(node.expanded || expandedPaths?.has(node.path));
+					const keep = !!loadedPaths?.has(node.path);
+					if (!node.is_dir || node.lock || !(wanted || keep)) return;
+					const ok = await limit(() => loadChildren(node, wanted ? "show" : false, !wanted));
+					node.expanded = wanted && ok;
+					if (ok && (expandedPaths || loadedPaths)) await open(node.children);
+				}));
 			};
 			await open(nodes);
 			return nodes;
@@ -2078,6 +2287,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		/** First load, or a retry after an error: shows the loading state. */
 		async function loadRoot() {
+			stopDeepSearch();
 			refreshSeq += 1;
 			refreshing.value = false;
 			loadingRoot.value = true;
@@ -2101,6 +2311,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		*/
 		async function refresh() {
 			if (refreshing.value || loadingRoot.value) return;
+			stopDeepSearch();
 			if (!roots.value.length || errorMsg.value || rootLock.value) {
 				await loadRoot();
 				return;
@@ -2108,7 +2319,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			const seq = ++refreshSeq;
 			refreshing.value = true;
 			try {
-				const fresh = await buildTree(expandedPathsOf(roots.value));
+				const fresh = await buildTree(expandedPathsOf(roots.value), deepMode.value ? loadedPathsOf(roots.value) : void 0);
 				if (seq !== refreshSeq) return;
 				roots.value = fresh;
 				const existing = new Set(fresh.flatMap(descendantFiles).map((file) => file.path));
@@ -2181,7 +2392,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		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 matches = (node) => !query || node.name.toLowerCase().includes(query) || node.is_dir && (node.children.some(matches) || deepMode.value && !!node.lock);
 			const walk = (nodes, key, depth) => {
 				const list = nodes.filter(matches);
 				const limit = query ? list.length : Math.min(list.length, limitOf(key));
@@ -2200,6 +2411,172 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return out;
 		});
 		const visible = computed(() => rows.value.filter((row) => !isMore(row)));
+		/** A name split around the filter keyword, for highlighting. */
+		function nameParts(name) {
+			const query = keyword.value.trim().toLowerCase();
+			if (!query) return [{
+				text: name,
+				hit: false
+			}];
+			const parts = [];
+			const lower = name.toLowerCase();
+			let from = 0;
+			for (let at = lower.indexOf(query); at !== -1; at = lower.indexOf(query, from)) {
+				if (at > from) parts.push({
+					text: name.slice(from, at),
+					hit: false
+				});
+				parts.push({
+					text: name.slice(at, at + query.length),
+					hit: true
+				});
+				from = at + query.length;
+			}
+			if (from < name.length) parts.push({
+				text: name.slice(from),
+				hit: false
+			});
+			return parts;
+		}
+		/**
+		* The filter only sees loaded folders. Deep search loads the rest under the
+		* mounted paths (four at a time, `deepSearchLimit` per run) so matches appear
+		* in place, in their folders, like any other row. Locked folders are skipped.
+		*/
+		const deep = reactive({
+			running: false,
+			searched: 0,
+			failed: 0,
+			capped: false,
+			done: false
+		});
+		/**
+		* Deep search mode: entered by “Try deep search” (or at once with
+		* `deep-search="auto"`), left by clearing the filter. While on, new keywords,
+		* refreshes and newly unlocked folders are searched without asking again.
+		*/
+		const deepMode = ref(false);
+		let deepSeq = 0;
+		/** Folders that are known but not loaded yet (locked ones excluded). */
+		function unloadedFolders() {
+			const out = [];
+			const walk = (nodes) => {
+				for (const node of nodes) {
+					if (!node.is_dir || node.lock) continue;
+					if (!node.loaded) out.push(node);
+					else walk(node.children);
+				}
+			};
+			walk(roots.value);
+			return out;
+		}
+		const hasUnloaded = computed(() => unloadedFolders().length > 0);
+		const deepRow = computed(() => {
+			if (!keyword.value.trim()) return null;
+			if (deep.running) return "running";
+			if (deep.capped) return "capped";
+			if (!deepMode.value) return hasUnloaded.value ? "idle" : null;
+			return deep.done ? "done" : null;
+		});
+		/** “Try deep search”, “Continue”, and the automatic runs of deep search mode. */
+		async function deepSearch() {
+			deepMode.value = true;
+			const seq = ++deepSeq;
+			const limit = Math.max(1, Math.floor(props.deepSearchLimit ?? 500));
+			const runStart = deep.searched;
+			Object.assign(deep, {
+				running: true,
+				capped: false,
+				done: false
+			});
+			let wave = unloadedFolders();
+			while (wave.length && seq === deepSeq) {
+				const next = [];
+				const queue = [...wave];
+				const worker = async () => {
+					for (let node = queue.shift(); node && seq === deepSeq; node = queue.shift()) {
+						if (deep.searched - runStart >= limit) return;
+						deep.searched += 1;
+						if (!await loadChildren(node, false, true)) {
+							if (!node.lock) deep.failed += 1;
+							continue;
+						}
+						for (const child of node.children) if (child.is_dir && !child.loaded && !child.lock) next.push(child);
+					}
+				};
+				await Promise.all(Array.from({ length: Math.min(4, queue.length) }, worker));
+				if (deep.searched - runStart >= limit) break;
+				wave = next;
+			}
+			if (seq !== deepSeq) return;
+			deep.running = false;
+			deep.capped = hasUnloaded.value && deep.searched - runStart >= limit;
+			deep.done = !deep.capped;
+		}
+		/** Pause a run (internal: refresh, reload). */
+		function stopDeepSearch() {
+			deepSeq += 1;
+			deep.running = false;
+		}
+		/** The user's Stop: keep the mode, offer “Continue”, do not restart by itself. */
+		function pauseDeepSearch() {
+			const wasRunning = deep.running;
+			stopDeepSearch();
+			if (wasRunning && hasUnloaded.value) deep.capped = true;
+		}
+		function clearFilter() {
+			keyword.value = "";
+		}
+		watch(keyword, (value) => {
+			if (value.trim()) {
+				if (props.deepSearch === "auto") deepMode.value = true;
+				return;
+			}
+			stopDeepSearch();
+			deepMode.value = false;
+			Object.assign(deep, {
+				searched: 0,
+				failed: 0,
+				capped: false,
+				done: false
+			});
+		});
+		watch(() => deepMode.value && hasUnloaded.value && !deep.running && !deep.capped && !refreshing.value, (ready) => {
+			if (ready) deepSearch();
+		});
+		/**
+		* Counted from the tree, so a refresh that re-reads the same folders shows the
+		* same numbers: folders read (or found locked), and the locked ones.
+		*/
+		const folderCounts = computed(() => {
+			const counts = {
+				checked: 0,
+				locked: 0
+			};
+			const walk = (nodes) => {
+				for (const node of nodes) {
+					if (!node.is_dir) continue;
+					if (node.lock) {
+						counts.checked += 1;
+						counts.locked += 1;
+					} else if (node.loaded) {
+						counts.checked += 1;
+						walk(node.children);
+					}
+				}
+			};
+			walk(roots.value);
+			return counts;
+		});
+		const lockedFolders = computed(() => folderCounts.value.locked);
+		function lockedInSearch(node) {
+			return deepMode.value && !!node.lock && !!keyword.value.trim();
+		}
+		const deepSummary = computed(() => [
+			t(deepRow.value === "capped" ? "deepCapped" : "deepDone", { count: folderCounts.value.checked }),
+			lockedFolders.value ? t("deepSkipped", { count: lockedFolders.value }) : "",
+			deep.failed ? t("deepFailed", { count: deep.failed }) : ""
+		].filter(Boolean).join(" · "));
 		const stats = computed(() => folderStats(roots.value, selected.value));
 		const noStats = {
 			files: 0,
@@ -2525,15 +2902,30 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						name: "close",
 						size: 18
 					}), 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", {
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
-						type: "text",
-						placeholder: t("filter"),
-						"aria-label": t("filter")
-					}, null, 8, _hoisted_16), [[vModelText, keyword.value]])]), createElementVNode("button", {
+					createElementVNode("div", _hoisted_14, [createElementVNode("label", _hoisted_15, [
+						createVNode(_sfc_main$2, {
+							name: "search",
+							size: 15
+						}),
+						withDirectives(createElementVNode("input", {
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
+							type: "text",
+							placeholder: t("filter"),
+							"aria-label": t("filter"),
+							onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => keyword.value && ($event.preventDefault(), clearFilter()), ["esc"]))
+						}, null, 40, _hoisted_16), [[vModelText, keyword.value]]),
+						keyword.value ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							class: "fl-search-clear",
+							type: "button",
+							"aria-label": t("clearFilter"),
+							title: t("clearFilter"),
+							onClick: clearFilter
+						}, [createVNode(_sfc_main$2, {
+							name: "close",
+							size: 12
+						})], 8, _hoisted_17)) : createCommentVNode("v-if", true)
+					]), createElementVNode("button", {
 						class: normalizeClass(["fl-icon-btn fl-refresh", { "fl-spinning": refreshing.value }]),
 						type: "button",
 						disabled: refreshing.value || loadingRoot.value,
@@ -2543,7 +2935,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					}, [createVNode(_sfc_main$2, {
 						name: "refresh",
 						size: 15
-					})], 10, _hoisted_17)]),
+					})], 10, _hoisted_18)]),
 					batchBusy.value ? (openBlock(), createElementBlock("button", {
 						key: 4,
 						class: "fl-btn fl-zip-cancel",
@@ -2559,16 +2951,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						size: 15
 					}), createTextVNode(" " + toDisplayString(t("batch")), 1)])) : createCommentVNode("v-if", true)
 				]),
-				createElementVNode("div", _hoisted_18, [
-					refreshing.value ? (openBlock(), createElementBlock("span", _hoisted_19)) : createCommentVNode("v-if", true),
-					createElementVNode("label", _hoisted_20, [createElementVNode("input", {
+				createElementVNode("div", _hoisted_19, [
+					refreshing.value ? (openBlock(), createElementBlock("span", _hoisted_20)) : createCommentVNode("v-if", true),
+					createElementVNode("label", _hoisted_21, [createElementVNode("input", {
 						type: "checkbox",
 						"aria-label": t("selectAll"),
 						disabled: batchBusy.value,
 						checked: allChecked.value,
 						".indeterminate": someChecked.value,
 						onChange: toggleCheckAll
-					}, null, 40, _hoisted_21)]),
+					}, null, 40, _hoisted_22)]),
 					(openBlock(), createElementBlock(Fragment, null, renderList([
 						"name",
 						"size",
@@ -2582,23 +2974,23 @@ 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_23, toDisplayString(sortKey.value === column ? sortAsc.value ? "▲" : "▼" : ""), 1)], 8, _hoisted_22)], 2);
+						}, [createTextVNode(toDisplayString(t(column === "name" ? "columnName" : column === "size" ? "columnSize" : "columnDate")), 1), createElementVNode("span", _hoisted_24, toDisplayString(sortKey.value === column ? sortAsc.value ? "▲" : "▼" : ""), 1)], 8, _hoisted_23)], 2);
 					}), 64)),
-					createElementVNode("span", _hoisted_24, [createElementVNode("label", _hoisted_25, [
+					createElementVNode("span", _hoisted_25, [createElementVNode("label", _hoisted_26, [
 						createElementVNode("span", null, toDisplayString(t("sortBy")), 1),
-						createElementVNode("span", _hoisted_26, toDisplayString(sortOptions.value.find((option) => option.value === sortValue.value)?.label), 1),
+						createElementVNode("span", _hoisted_27, toDisplayString(sortOptions.value.find((option) => option.value === sortValue.value)?.label), 1),
 						withDirectives(createElementVNode("select", {
-							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => sortValue.value = $event),
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => sortValue.value = $event),
 							"aria-label": t("sortBy")
 						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(sortOptions.value, (option) => {
 							return openBlock(), createElementBlock("option", {
 								key: option.value,
 								value: option.value
-							}, toDisplayString(option.label), 9, _hoisted_28);
-						}), 128))], 8, _hoisted_27), [[vModelSelect, sortValue.value]])
+							}, toDisplayString(option.label), 9, _hoisted_29);
+						}), 128))], 8, _hoisted_28), [[vModelSelect, sortValue.value]])
 					])])
 				]),
-				loadingRoot.value ? (openBlock(), createElementBlock("div", _hoisted_29, toDisplayString(t("loading")), 1)) : rootLock.value ? (openBlock(), createElementBlock("form", {
+				loadingRoot.value ? (openBlock(), createElementBlock("div", _hoisted_30, 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"])
@@ -2610,24 +3002,24 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					createElementVNode("label", {
 						class: "fl-unlock-label",
 						for: `${unref(uid)}-root`
-					}, toDisplayString(t("passwordPrompt")), 9, _hoisted_30),
+					}, toDisplayString(t("passwordPrompt")), 9, _hoisted_31),
 					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_31)) : createCommentVNode("v-if", true),
-					createElementVNode("span", _hoisted_32, [
+					}, toDisplayString(unlockErrorText(rootLock.value.error)), 9, _hoisted_32)) : createCommentVNode("v-if", true),
+					createElementVNode("span", _hoisted_33, [
 						withDirectives(createElementVNode("input", {
 							id: `${unref(uid)}-root`,
-							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => rootLock.value.input = $event),
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => rootLock.value.input = $event),
 							type: "password",
 							autocomplete: "off",
 							"data-unlock": __props.path,
 							placeholder: t("passwordPlaceholder"),
 							"aria-invalid": !!rootLock.value.error,
 							"aria-describedby": rootLock.value.error ? `${unref(uid)}-root-error` : void 0
-						}, null, 8, _hoisted_33), [[vModelText, rootLock.value.input]]),
+						}, null, 8, _hoisted_34), [[vModelText, rootLock.value.input]]),
 						canRemember.value ? (openBlock(), createElementBlock("button", {
 							key: 0,
 							class: "fl-unlock-remember",
@@ -2635,49 +3027,49 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"aria-pressed": rootLock.value.remember,
 							"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_34)) : createCommentVNode("v-if", true),
+							onClick: _cache[4] || (_cache[4] = ($event) => rootLock.value.remember = !rootLock.value.remember)
+						}, [createVNode(_sfc_main$2, { name: "key" })], 8, _hoisted_35)) : createCommentVNode("v-if", true),
 						createElementVNode("button", {
 							class: "fl-unlock-submit",
 							type: "submit",
 							disabled: rootLock.value.busy || !rootLock.value.input
-						}, toDisplayString(t("open")), 9, _hoisted_35)
+						}, toDisplayString(t("open")), 9, _hoisted_36)
 					])
-				], 34)) : errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_36, [
+				], 34)) : errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_37, [
 					createTextVNode(toDisplayString(t("loadFailed", { message: errorMsg.value })) + " ", 1),
-					/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),
+					/guest/i.test(errorMsg.value) ? (openBlock(), createElementBlock("p", _hoisted_38, toDisplayString(t("guestHint")), 1)) : createCommentVNode("v-if", true),
+					unref(isNetworkError)(errorMsg.value) ? (openBlock(), createElementBlock("p", _hoisted_39, 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_39, toDisplayString(t("empty")), 1)) : createCommentVNode("v-if", true),
+				])) : visible.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_40, 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", {
+					}, [_cache[10] || (_cache[10] = createElementVNode("span", { class: "fl-cell fl-cell-check" }, null, -1)), createElementVNode("span", _hoisted_41, [
+						_cache[9] || (_cache[9] = createElementVNode("span", {
 							class: "fl-indent",
 							"aria-hidden": "true"
 						}, null, -1)),
-						createElementVNode("span", _hoisted_41, toDisplayString(t("moreRemaining", { count: node.remaining })), 1),
+						createElementVNode("span", _hoisted_42, 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", {
+						}, [createTextVNode(toDisplayString(t("showMore")), 1), createElementVNode("span", _hoisted_44, toDisplayString(` ${t("folderItems", { count: __props.pageSize })}`), 1)], 8, _hoisted_43), 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", {
+						}, toDisplayString(t("showAll")), 9, _hoisted_45)], 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))
+						}, toDisplayString(t("showRest", { count: node.remaining })), 9, _hoisted_46))
 					])], 4)) : (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass(["fl-row", {
@@ -2690,19 +3082,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						}]),
 						style: normalizeStyle({ "--fl-depth": node.depth })
 					}, [
-						createElementVNode("label", _hoisted_46, [createElementVNode("input", {
+						createElementVNode("label", _hoisted_47, [createElementVNode("input", {
 							type: "checkbox",
 							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_47)]),
+						}, null, 40, _hoisted_48)]),
 						createElementVNode("span", {
 							class: "fl-cell fl-cell-name",
 							title: node.isRoot ? node.path : void 0
 						}, [
-							_cache[11] || (_cache[11] = createElementVNode("span", {
+							_cache[12] || (_cache[12] = createElementVNode("span", {
 								class: "fl-indent",
 								"aria-hidden": "true"
 							}, null, -1)),
@@ -2716,7 +3108,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "lock",
 								size: 14
-							})], 8, _hoisted_49)) : node.is_dir ? (openBlock(), createElementBlock("button", {
+							})], 8, _hoisted_50)) : node.is_dir ? (openBlock(), createElementBlock("button", {
 								key: 1,
 								class: normalizeClass(["fl-arrow", { "fl-arrow-open": node.expanded }]),
 								type: "button",
@@ -2726,26 +3118,29 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "next",
 								size: 14
-							})], 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", {
+							})], 10, _hoisted_51)) : (openBlock(), createElementBlock("span", _hoisted_52)),
+							node.is_dir ? (openBlock(), createElementBlock("svg", _hoisted_53, [..._cache[11] || (_cache[11] = [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_53)),
-							createElementVNode("span", _hoisted_54, [createElementVNode("span", {
+							}, toDisplayString(unref(extOf)(node.name) || "FILE"), 9, _hoisted_54)),
+							createElementVNode("span", _hoisted_55, [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_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),
+							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(nameParts(node.name), (part, at) => {
+								return openBlock(), createElementBlock(Fragment, { key: at }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_57, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))], 10, _hoisted_56), createElementVNode("span", _hoisted_58, [!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)) : lockedInSearch(node) ? (openBlock(), createElementBlock("span", _hoisted_59, toDisplayString(t("deepLocked")), 1)) : createCommentVNode("v-if", true)])]),
+							lockedInSearch(node) && !node.lock?.prompting ? (openBlock(), createElementBlock("span", _hoisted_60, toDisplayString(t("deepLocked")), 1)) : createCommentVNode("v-if", true),
+							node.is_dir && node.loaded ? (openBlock(), createElementBlock("span", _hoisted_61, toDisplayString(t("folderItems", { count: statsOf(node).files })), 1)) : createCommentVNode("v-if", true),
 							node.lock?.prompting && node.lock.error ? (openBlock(), createElementBlock("span", {
-								key: 6,
+								key: 7,
 								id: `${unref(uid)}-error-${index}`,
 								class: "fl-unlock-message",
 								role: "alert"
-							}, toDisplayString(unlockErrorText(node.lock.error)), 9, _hoisted_58)) : createCommentVNode("v-if", true),
+							}, toDisplayString(unlockErrorText(node.lock.error)), 9, _hoisted_62)) : createCommentVNode("v-if", true),
 							!node.lock && unref(remembered).has(node.path) ? (openBlock(), createElementBlock("button", {
-								key: 7,
+								key: 8,
 								class: "fl-remembered",
 								type: "button",
 								"aria-label": `${t("forgetPassword")} ${node.name}`,
@@ -2754,9 +3149,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "key",
 								size: 11
-							}), 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),
+							}), createTextVNode(" " + toDisplayString(t("remembered")) + " · " + toDisplayString(t("forgetPassword")), 1)], 8, _hoisted_63)) : createCommentVNode("v-if", true),
+							node.loading ? (openBlock(), createElementBlock("span", _hoisted_64, "…")) : createCommentVNode("v-if", true)
+						], 8, _hoisted_49),
 						node.lock?.prompting ? (openBlock(), createElementBlock("form", {
 							key: 0,
 							class: "fl-unlock fl-unlock-row",
@@ -2777,7 +3172,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_62), [[vModelText, node.lock.input]]),
+							}, null, 8, _hoisted_66), [[vModelText, node.lock.input]]),
 							canRemember.value ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								class: "fl-unlock-remember",
@@ -2786,12 +3181,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_63)) : createCommentVNode("v-if", true),
+							}, [createVNode(_sfc_main$2, { name: "key" })], 8, _hoisted_67)) : createCommentVNode("v-if", true),
 							createElementVNode("button", {
 								class: "fl-unlock-submit",
 								type: "submit",
 								disabled: node.lock.busy || !node.lock.input
-							}, toDisplayString(t("open")), 9, _hoisted_64),
+							}, toDisplayString(t("open")), 9, _hoisted_68),
 							createElementVNode("button", {
 								class: "fl-unlock-cancel",
 								type: "button",
@@ -2801,11 +3196,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "close",
 								size: 14
-							})], 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", {
+							})], 8, _hoisted_69)
+						], 40, _hoisted_65)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+							createElementVNode("span", _hoisted_70, toDisplayString(node.is_dir ? "—" : unref(formatSize)(node.size)), 1),
+							createElementVNode("span", _hoisted_71, toDisplayString(unref(formatDate)(node.modified)), 1),
+							createElementVNode("span", _hoisted_72, [node.lock ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								class: "fl-action fl-arrow-end fl-lock",
 								type: "button",
@@ -2814,7 +3209,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "lock",
 								size: 18
-							})], 8, _hoisted_69)) : node.is_dir ? (openBlock(), createElementBlock("button", {
+							})], 8, _hoisted_73)) : node.is_dir ? (openBlock(), createElementBlock("button", {
 								key: 1,
 								class: normalizeClass(["fl-action fl-arrow-end", { "fl-arrow-open": node.expanded }]),
 								type: "button",
@@ -2824,25 +3219,38 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "next",
 								size: 18
-							})], 10, _hoisted_70)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [canPreview(node) ? (openBlock(), createElementBlock("button", {
+							})], 10, _hoisted_74)) : (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_71)) : createCommentVNode("v-if", true), createElementVNode("button", {
+							}, [createVNode(_sfc_main$2, { name: "eye" })], 8, _hoisted_75)) : 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_72)], 64))])
+							}, [createVNode(_sfc_main$2, { name: "download" })], 8, _hoisted_76)], 64))])
 						], 64))
 					], 6))], 64);
 				}), 128)),
-				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),
+				deepRow.value ? (openBlock(), createElementBlock("div", _hoisted_77, [createElementVNode("p", _hoisted_78, [deepRow.value === "running" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(t("deepRunning", { count: folderCounts.value.checked })) + " · ", 1), createElementVNode("button", {
+					class: "fl-deep-link",
+					type: "button",
+					onClick: pauseDeepSearch
+				}, toDisplayString(t("deepStop")), 1)], 64)) : deepRow.value === "idle" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(t("deepHint")), 1), createElementVNode("button", {
+					class: "fl-deep-link",
+					type: "button",
+					onClick: deepSearch
+				}, toDisplayString(t("deepSearch")), 1)], 64)) : deepRow.value === "capped" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(deepSummary.value) + " · ", 1), createElementVNode("button", {
+					class: "fl-deep-link",
+					type: "button",
+					onClick: deepSearch
+				}, toDisplayString(t("deepContinue")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(deepSummary.value), 1)], 64))]), deepRow.value === "running" ? (openBlock(), createElementBlock("span", _hoisted_79)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_80, [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_81, toDisplayString(toast.value), 1)) : createCommentVNode("v-if", true),
 				createVNode(_sfc_main$3, {
 					open: !!zipDialog.value,
 					title: zipDialog.value?.title ?? "",
@@ -2851,7 +3259,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"confirm-label": zipDialog.value?.confirm,
 					"cancel-label": zipDialog.value?.cancel ?? "",
 					onConfirm: confirmZip,
-					onClose: _cache[4] || (_cache[4] = ($event) => zipNotice.value = null)
+					onClose: _cache[5] || (_cache[5] = ($event) => zipNotice.value = null)
 				}, null, 8, [
 					"open",
 					"title",
@@ -2872,9 +3280,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					position: previewPosition.value,
 					total: previewPosition.value ? previewList.value.length : 0,
 					onClose: closePreview,
-					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))
+					onPrev: _cache[6] || (_cache[6] = ($event) => stepPreview(-1)),
+					onNext: _cache[7] || (_cache[7] = ($event) => stepPreview(1)),
+					onDownload: _cache[8] || (_cache[8] = ($event) => previewNode.value && download(previewNode.value))
 				}, null, 8, [
 					"open",
 					"file",