vitepress-plugin-filelist 0.7.0 → 0.7.2

package/dist/client/browser/index.js

@@ -594,9 +594,9 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 				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_3$2, toDisplayString(__props.title), 1),
+				createElementVNode("div", _hoisted_4$2, toDisplayString(__props.text), 1),
+				__props.tip ? (openBlock(), createElementBlock("div", _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",
@@ -916,8 +916,8 @@ const fileListLocales = {
 		forgetPassword: "忘记",
 		unlockFolder: "输入 {name} 的密码",
 		networkHint: "可能被跨域拦截：请检查 OpenList 的 cors.allow_origins，或 OpenList-Worker 的 ALLOW_URLS。",
-		deepHint: "只筛选了已加载的内容",
-		deepSearch: "深度搜索",
+		deepHint: "只筛选了已加载的内容，",
+		deepSearch: "尝试深度搜索",
 		deepRunning: "正在深度搜索 · 已查找 {count} 个文件夹",
 		deepStop: "停止",
 		deepDone: "已搜索全部 {count} 个文件夹",
@@ -925,6 +925,8 @@ const fileListLocales = {
 		deepContinue: "继续",
 		deepSkipped: "跳过 {count} 个加密文件夹",
 		deepFailed: "{count} 个文件夹读取失败",
+		deepLocked: "未搜索（需要密码）",
+		clearFilter: "清除筛选",
 		viewMode: "显示方式",
 		viewSource: "源码",
 		viewRendered: "渲染",
@@ -1010,8 +1012,8 @@ 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: "Deep search",
+		deepHint: "Only loaded folders are filtered. ",
+		deepSearch: "Try deep search",
 		deepRunning: "Searching · {count} folders checked",
 		deepStop: "Stop",
 		deepDone: "Searched all {count} folders",
@@ -1019,6 +1021,8 @@ const fileListLocales = {
 		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",
@@ -1497,12 +1501,12 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			}, 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", {
+			}, [truncated.value ? (openBlock(), createElementBlock("div", _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),
+				createElementVNode("div", _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",
@@ -1522,7 +1526,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					"data-kind": unref(fileKind)(__props.file.name),
 					"aria-hidden": "true"
 				}, toDisplayString(unref(extOf)(__props.file.name) || "FILE"), 9, _hoisted_32$1),
-				createElementVNode("p", _hoisted_33$1, toDisplayString(infoMessage.value), 1),
+				createElementVNode("div", _hoisted_33$1, toDisplayString(infoMessage.value), 1),
 				!__props.demo ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "fl-btn fl-btn-primary",
@@ -1567,6 +1571,14 @@ function sortTree(nodes, key, ascending, locale) {
 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);
@@ -1769,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",
@@ -1874,31 +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 = {
+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_57 = { class: "fl-meta" };
-const _hoisted_58 = {
+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_59 = ["id"];
-const _hoisted_60 = [
+const _hoisted_62 = ["id"];
+const _hoisted_63 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_61 = {
-	key: 8,
+const _hoisted_64 = {
+	key: 9,
 	class: "fl-loading",
 	"aria-hidden": "true"
 };
-const _hoisted_62 = ["onSubmit", "onKeydown"];
-const _hoisted_63 = [
+const _hoisted_65 = ["onSubmit", "onKeydown"];
+const _hoisted_66 = [
 	"onUpdate:modelValue",
 	"data-unlock",
 	"placeholder",
@@ -1906,48 +1927,50 @@ const _hoisted_63 = [
 	"aria-invalid",
 	"aria-describedby"
 ];
-const _hoisted_64 = [
+const _hoisted_67 = [
 	"aria-pressed",
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_65 = ["disabled"];
-const _hoisted_66 = [
+const _hoisted_68 = ["disabled"];
+const _hoisted_69 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_67 = { class: "fl-cell fl-cell-size" };
-const _hoisted_68 = { class: "fl-cell fl-cell-date" };
-const _hoisted_69 = { class: "fl-cell fl-cell-op" };
-const _hoisted_70 = ["aria-label", "onClick"];
-const _hoisted_71 = [
+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_72 = [
+const _hoisted_75 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_73 = [
+const _hoisted_76 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_74 = {
+const _hoisted_77 = {
 	key: 4,
-	class: "fl-row fl-deep",
+	class: "fl-deep",
 	role: "status"
 };
-const _hoisted_75 = { class: "fl-cell fl-more-cell" };
-const _hoisted_76 = { class: "fl-more-count" };
-const _hoisted_77 = { class: "fl-more-count" };
-const _hoisted_78 = { class: "fl-more-count" };
-const _hoisted_79 = { class: "fl-foot" };
-const _hoisted_80 = {
+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"
@@ -1973,6 +1996,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		},
 		pageSize: { default: 200 },
 		deepSearchLimit: { default: 500 },
+		deepSearch: { default: "manual" },
 		zipWarnSize: {},
 		zipMaxSize: {},
 		locale: { default: "zh-CN" },
@@ -2205,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) {
@@ -2216,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 {
@@ -2227,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;
@@ -2277,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));
@@ -2350,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));
@@ -2404,11 +2446,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const deep = reactive({
 			running: false,
 			searched: 0,
-			skipped: 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() {
@@ -2428,19 +2475,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (!keyword.value.trim()) return null;
 			if (deep.running) return "running";
 			if (deep.capped) return "capped";
-			if (hasUnloaded.value) return "idle";
+			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,
-				skipped: 0,
-				failed: 0
+				done: false
 			});
 			let wave = unloadedFolders();
 			while (wave.length && seq === deepSeq) {
@@ -2451,8 +2498,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						if (deep.searched - runStart >= limit) return;
 						deep.searched += 1;
 						if (!await loadChildren(node, false, true)) {
-							if (node.lock) deep.skipped += 1;
-							else deep.failed += 1;
+							if (!node.lock) deep.failed += 1;
 							continue;
 						}
 						for (const child of node.children) if (child.is_dir && !child.loaded && !child.lock) next.push(child);
@@ -2467,24 +2513,68 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			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()) return;
+			if (value.trim()) {
+				if (props.deepSearch === "auto") deepMode.value = true;
+				return;
+			}
 			stopDeepSearch();
+			deepMode.value = false;
 			Object.assign(deep, {
 				searched: 0,
-				skipped: 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(() => [
-			deepRow.value === "capped" ? t("deepCapped", { count: deep.searched }) : t("deepDone", { count: deep.searched }),
-			deep.skipped ? t("deepSkipped", { count: deep.skipped }) : "",
+			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));
@@ -2812,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,
@@ -2830,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",
@@ -2846,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",
@@ -2869,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"])
@@ -2897,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",
@@ -2922,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("div", _hoisted_38, toDisplayString(t("guestHint")), 1)) : createCommentVNode("v-if", true),
+					unref(isNetworkError)(errorMsg.value) ? (openBlock(), createElementBlock("div", _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", {
@@ -2977,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)),
@@ -3003,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",
@@ -3013,28 +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)
 							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(nameParts(node.name), (part, at) => {
-								return openBlock(), createElementBlock(Fragment, { key: at }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_56, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
-							}), 128))], 10, _hoisted_55), createElementVNode("span", _hoisted_57, [!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_58, toDisplayString(t("folderItems", { count: statsOf(node).files })), 1)) : createCommentVNode("v-if", true),
+								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_59)) : 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}`,
@@ -3043,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_60)) : createCommentVNode("v-if", true),
-							node.loading ? (openBlock(), createElementBlock("span", _hoisted_61, "…")) : 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",
@@ -3066,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_63), [[vModelText, node.lock.input]]),
+							}, null, 8, _hoisted_66), [[vModelText, node.lock.input]]),
 							canRemember.value ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								class: "fl-unlock-remember",
@@ -3075,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_64)) : 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_65),
+							}, toDisplayString(t("open")), 9, _hoisted_68),
 							createElementVNode("button", {
 								class: "fl-unlock-cancel",
 								type: "button",
@@ -3090,11 +3196,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "close",
 								size: 14
-							})], 8, _hoisted_66)
-						], 40, _hoisted_62)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-							createElementVNode("span", _hoisted_67, toDisplayString(node.is_dir ? "—" : unref(formatSize)(node.size)), 1),
-							createElementVNode("span", _hoisted_68, toDisplayString(unref(formatDate)(node.modified)), 1),
-							createElementVNode("span", _hoisted_69, [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",
@@ -3103,7 +3209,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "lock",
 								size: 18
-							})], 8, _hoisted_70)) : 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",
@@ -3113,49 +3219,38 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "next",
 								size: 18
-							})], 10, _hoisted_71)) : (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_72)) : 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_73)], 64))])
+							}, [createVNode(_sfc_main$2, { name: "download" })], 8, _hoisted_76)], 64))])
 						], 64))
 					], 6))], 64);
 				}), 128)),
-				deepRow.value ? (openBlock(), createElementBlock("div", _hoisted_74, [_cache[14] || (_cache[14] = createElementVNode("span", { class: "fl-cell fl-cell-check" }, null, -1)), createElementVNode("span", _hoisted_75, [_cache[13] || (_cache[13] = createElementVNode("span", {
-					class: "fl-indent",
-					"aria-hidden": "true"
-				}, null, -1)), deepRow.value === "running" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-					createElementVNode("span", _hoisted_76, toDisplayString(t("deepRunning", { count: deep.searched })), 1),
-					createElementVNode("button", {
-						class: "fl-more-btn fl-more-all",
-						type: "button",
-						onClick: stopDeepSearch
-					}, toDisplayString(t("deepStop")), 1),
-					_cache[12] || (_cache[12] = createElementVNode("span", {
-						class: "fl-deep-bar",
-						"aria-hidden": "true"
-					}, null, -1))
-				], 64)) : deepRow.value === "idle" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_77, toDisplayString(deep.searched ? deepSummary.value : t("deepHint")), 1), createElementVNode("button", {
-					class: "fl-more-btn",
+				deepRow.value ? (openBlock(), createElementBlock("div", _hoisted_77, [createElementVNode("div", _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)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", _hoisted_78, toDisplayString(deepSummary.value), 1), deepRow.value === "capped" ? (openBlock(), createElementBlock("button", {
-					key: 0,
-					class: "fl-more-btn",
+				}, 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)) : createCommentVNode("v-if", true)], 64))])])) : createCommentVNode("v-if", true),
-				createElementVNode("div", _hoisted_79, [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_80, toDisplayString(toast.value), 1)) : createCommentVNode("v-if", true),
+				}, 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 ?? "",
@@ -3164,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",
@@ -3185,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",