dshmarket 1.2.2 → 1.2.4

package/README.md

@@ -51,6 +51,14 @@ Installs prefer npm tarballs over full-repo GitHub downloads whenever a plugin p
 
 Live from [awesome-dsh-plugin.com/plugins.json](https://awesome-dsh-plugin.com/plugins.json) — curated entries, npm mapping, and star counts refreshed daily by CI — with a bundled snapshot as offline fallback.
 
+## Related projects
+
+### DeepSeek Harness Desktop
+
+[DeepSeek Harness Desktop](https://github.com/anywhere-labs/deepseek-harness-desktop) is a modern desktop client for the DeepSeek Harness ecosystem — start and manage a local Harness service without installing Node.js or touching the command line. Plugin marketplace, mobile remote control, and IM Channels are on its roadmap.
+
+[Website](https://www.dshdesktop.cn) · [GitHub](https://github.com/anywhere-labs/deepseek-harness-desktop)
+
 ## License
 
 MIT · [dshmarket.com](https://dshmarket.com)

package/README.zh.md

@@ -51,6 +51,14 @@ dsh plugin --profile web add dshmarket
 
 实时来自 [awesome-dsh-plugin.com/plugins.json](https://awesome-dsh-plugin.com/plugins.json)——精选条目、npm 映射、star 数由 CI 每日刷新——内置快照做离线兜底。
 
+## 友情链接
+
+### DeepSeek Harness Desktop
+
+[DeepSeek Harness Desktop](https://github.com/anywhere-labs/deepseek-harness-desktop) 是一款为 DeepSeek Harness 生态打造的现代化桌面端，让用户无需配置 Node.js 或执行命令，即可启动和管理本地 Harness 服务。项目后续还将支持插件市场、移动端远程控制和 IM Channels。
+
+[访问官网](https://www.dshdesktop.cn) · [GitHub](https://github.com/anywhere-labs/deepseek-harness-desktop)
+
 ## 许可
 
 MIT · [dshmarket.com](https://dshmarket.com)

package/client/client.js

@@ -38,6 +38,12 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			update: "更新",
 			updating: "更新中…",
 			updated: "✓ 已更新，重启后生效",
+			cancelOp: "取消",
+			cancelled: "已取消",
+			busyWait: "已有操作正在进行，请等它结束（同一时间只执行一个安装/更新/卸载）",
+			approveBuilds: "放行构建脚本并重试",
+			buildsSkipped: "该插件需要运行构建脚本才能工作，出于安全默认被拦下。点击下方按钮为它放行并重装：",
+			updateNow: "立即更新",
 			updateFail: "更新失败",
 			upToDate: "已是最新",
 			linkedDev: "本地开发链接",
@@ -96,6 +102,12 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			update: "Update",
 			updating: "Updating…",
 			updated: "✓ Updated — restart to apply",
+			cancelOp: "Cancel",
+			cancelled: "Cancelled",
+			busyWait: "Another operation is already running — please wait for it to finish (one install/update/uninstall at a time)",
+			approveBuilds: "Allow build scripts and retry",
+			buildsSkipped: "This plugin needs its build scripts to run; they are blocked by default for safety. Click below to allow them and reinstall:",
+			updateNow: "Update now",
 			updateFail: "Update failed",
 			upToDate: "Up to date",
 			linkedDev: "linked (dev)",
@@ -132,10 +144,6 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			for (let i = 0; i < name.length; i++) hash = hash * 31 + name.charCodeAt(i) | 0;
 			return "hsl(" + (hash % 360 + 360) % 360 + " 55% 52%)";
 		}
-		function repoOf(url) {
-			const m = /^https:\/\/github\.com\/([^/]+\/[^/]+?)(?:\/tree\/.+)?\/?$/.exec(url);
-			return m ? m[1] : null;
-		}
 		function readSession(key) {
 			try {
 				return JSON.parse(sessionStorage.getItem(key) || "null");
@@ -149,6 +157,34 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			return /\b(tui|cli|tty|terminal)\b|终端|命令行/i.test(plugin.name + " " + desc);
 		}
 		/**
+		* The discover list: category filter, then search across name / owner /
+		* localized description, then the selected sort. Pure — the section renders
+		* exactly this.
+		*/
+		function visiblePlugins(plugins, options) {
+			const query = options.query.trim().toLowerCase();
+			const list = plugins.filter((p) => {
+				if (options.category !== "all" && p.category !== options.category) return false;
+				if (query === "") return true;
+				const desc = p.description && (p.description[options.lang] || p.description.en) || "";
+				return p.name.toLowerCase().includes(query) || p.owner.toLowerCase().includes(query) || desc.toLowerCase().includes(query);
+			});
+			if (options.sort === "hot") return [...list].sort((a, b) => (b.stars ?? -1) - (a.stars ?? -1));
+			if (options.sort === "new") return [...list].sort((a, b) => String(b.added).localeCompare(String(a.added)));
+			return list;
+		}
+		/** The themes tab listing: theme category only, most-starred first. */
+		function themePlugins(plugins) {
+			return plugins.filter((p) => p.category === "theme").sort((a, b) => (b.stars || 0) - (a.stars || 0));
+		}
+		/**
+		* Category chip order: collapsed with an active non-'all' chip, the active
+		* one moves to the front so it stays visible inside the two-row clip.
+		*/
+		function orderedCategories(categories, active, open) {
+			return open || active === "all" ? categories : [active, ...categories.filter((id) => id !== active)];
+		}
+		/**
 		* Unified installed-state matching (#15): both sides collapse to lowercase
 		* identity sets — the registry entry contributes its bare name, npm name and
 		* owner/repo; the dependency contributes its key and the repo inside its
@@ -158,16 +194,19 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 		function entryIdentities(plugin) {
 			const ids = /* @__PURE__ */ new Set([plugin.name.toLowerCase()]);
 			if (plugin.npm) ids.add(plugin.npm.toLowerCase());
-			const repo = repoOf(plugin.url);
-			if (repo !== null) ids.add(repo.toLowerCase());
+			const m = /^https:\/\/github\.com\/([^/]+\/[^/]+?)(?:\/tree\/[^/]+\/(.+?))?\/?$/.exec(plugin.url);
+			if (m !== null) ids.add(m[2] !== void 0 ? `${m[1].toLowerCase()}#path:/${m[2].toLowerCase()}` : m[1].toLowerCase());
 			return ids;
 		}
 		function depIdentities(name, spec) {
 			const ids = /* @__PURE__ */ new Set([name.toLowerCase()]);
 			const scoped = /^@([^/]+)\/(.+)$/.exec(name);
 			if (scoped !== null) ids.add(`${scoped[1].toLowerCase()}/${scoped[2].toLowerCase()}`);
-			const match = /github:([A-Za-z0-9_.-]+\/[A-Za-z0-9_.-]+)/i.exec(spec);
-			if (match !== null) ids.add(match[1].toLowerCase());
+			const match = /github:([A-Za-z0-9_.-]+\/[A-Za-z0-9_.-]+)(?:#path:\/([A-Za-z0-9_./-]+))?/i.exec(spec);
+			if (match !== null) {
+				ids.add(match[1].toLowerCase());
+				if (match[2] !== void 0) ids.add(`${match[1].toLowerCase()}#path:/${match[2].toLowerCase()}`);
+			}
 			return ids;
 		}
 		/** The installed dependency name a registry entry corresponds to, or null. */
@@ -235,7 +274,7 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-market/dsh-market/src/client/Market.module.css.mjs
-		const css = ".eGUBIq_root{min-width:0;height:100%;color:var(--dsw-alias-label-primary,#1f2328);flex-direction:column;display:flex;position:relative}.eGUBIq_head{flex-direction:column;gap:12px;padding:4px 4px 12px;display:flex}.eGUBIq_title{margin:0;font-size:16px;font-weight:500;line-height:24px}.eGUBIq_sub{color:var(--dsw-alias-label-tertiary,#8b93a1);margin:0;font-size:14px;line-height:22px}.eGUBIq_searchInline{flex-shrink:0;width:200px;margin-bottom:6px}.eGUBIq_tabs{border-bottom:1px solid var(--dsw-alias-border-l2,#e5e7eb);align-items:flex-end;gap:2px;display:flex}.eGUBIq_tab{font:inherit;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:7px 12px;font-size:13px}.eGUBIq_tab.eGUBIq_on{color:var(--dsw-alias-brand-primary,#4f6ef7);border-bottom-color:var(--dsw-alias-brand-primary,#4f6ef7);font-weight:600}.eGUBIq_restart{background:var(--dsw-alias-bg-layer-2,#fdf3e3);border:1px solid var(--dsw-alias-border-l2,#f3e3c3);border-radius:8px;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:12px;display:flex}.eGUBIq_body{flex:1;padding:12px 4px 24px;overflow-x:hidden;overflow-y:auto}.eGUBIq_cats{z-index:5;background:var(--dsw-alias-bg-layer-2,#f7f8fa);margin:-12px -4px 2px;padding:12px 4px 4px;position:sticky;top:-13px}.eGUBIq_catsRow{align-items:flex-start;gap:8px;display:flex;position:relative}.eGUBIq_sort{background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l1,#e5e7eb);border-radius:8px;flex-shrink:0;gap:2px;padding:2px;display:flex}.eGUBIq_sort button{font:inherit;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 10px;font-size:12px}.eGUBIq_sort button.eGUBIq_on{background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#1f2328);font-weight:600;box-shadow:0 1px 3px #00000014}.eGUBIq_star{color:var(--dsw-alias-label-secondary,#9ca3af);font-size:11px}.eGUBIq_top{z-index:20;border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);width:38px;height:38px;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;border-radius:99px;font-size:16px;position:absolute;bottom:18px;right:18px;box-shadow:0 4px 14px #0000001f}.eGUBIq_top:hover{color:var(--dsw-alias-brand-primary,#4f6ef7)}.eGUBIq_tag{border:1px solid var(--dsw-alias-border-l3,#d9dde3);color:var(--dsw-alias-label-secondary,#6b7280);border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:11px;line-height:16px}.eGUBIq_okState{color:var(--dsw-alias-state-success-primary,#16a34a);white-space:nowrap;font-size:12px;font-weight:600}.eGUBIq_dangerBtn.eGUBIq_dangerBtn{border-color:var(--dsw-alias-state-error-primary,#dc2626);color:var(--dsw-alias-state-error-primary,#dc2626)}.eGUBIq_dangerArmed.eGUBIq_dangerArmed{background:var(--dsw-alias-state-error-primary,#dc2626);color:#fff}.eGUBIq_warnBtn.eGUBIq_warnBtn{background:var(--dsw-alias-state-warn-primary,#ea580c);color:#fff}.eGUBIq_catsWrap{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.eGUBIq_catsCollapsed{max-height:62px;overflow:hidden}.eGUBIq_catsToggle.eGUBIq_catsToggle{height:26px;min-height:26px;color:var(--dsw-alias-label-secondary,#6b7280);padding:0 6px}.eGUBIq_cmdDetails{margin:0}.eGUBIq_cmdSummary{cursor:pointer;width:fit-content;color:var(--dsw-alias-label-secondary,#6b7280);border-radius:6px;align-items:center;gap:6px;margin-left:-4px;padding:2px 4px;font-size:12px;font-weight:500;line-height:18px;list-style:none;display:flex}.eGUBIq_cmdSummary::-webkit-details-marker{display:none}.eGUBIq_cmdSummary:before{content:\"\";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .12s;transform:rotate(-45deg)translate(-1px,-1px)}.eGUBIq_cmdDetails[open]>.eGUBIq_cmdSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.eGUBIq_cmdSummary:hover{color:var(--dsw-alias-label-primary,#1f2328)}.eGUBIq_cmd{background:var(--dsw-alias-bg-layer-2,#f3f4f6);word-break:break-all;border-radius:6px;margin:8px 0 0;padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:18px}.eGUBIq_warnLine{color:var(--dsw-alias-state-warn-primary,#b45309);margin:0;font-size:12px;font-weight:600;line-height:18px}.eGUBIq_modalNote{color:var(--dsw-alias-label-tertiary,#8b93a1);margin:12px 0 0;font-size:12px;line-height:18px}.eGUBIq_grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.eGUBIq_sect{color:var(--dsw-alias-label-secondary,#6b7280);margin:14px 2px 8px;font-size:12px;font-weight:600}.eGUBIq_sect:first-child{margin-top:2px}.eGUBIq_swatches{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:8px;gap:0;height:34px;display:flex;overflow:hidden}.eGUBIq_themesGrid{margin-bottom:12px}.eGUBIq_swatches i{flex:1}.eGUBIq_card{background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:12px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.eGUBIq_row1{align-items:center;gap:10px;min-width:0;display:flex}.eGUBIq_av{color:#fff;object-fit:cover;background:var(--dsw-alias-bg-layer-2,#f3f4f6);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.eGUBIq_nm{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:22px;overflow:hidden}.eGUBIq_owner{color:var(--dsw-alias-label-secondary,#9ca3af);font-size:11px}.eGUBIq_desc{color:var(--dsw-alias-label-tertiary,#8b93a1);min-height:36px;margin:0;font-size:12px;line-height:18px}.eGUBIq_foot{align-items:center;gap:8px;margin-top:auto;display:flex}.eGUBIq_grow{flex:1}.eGUBIq_titleRow{align-items:center;gap:10px;display:flex}.eGUBIq_descTight{min-height:0}.eGUBIq_src{color:var(--dsw-alias-label-secondary,#9ca3af);font-size:11px;text-decoration:none}.eGUBIq_src:hover{color:var(--dsw-alias-brand-primary,#4f6ef7)}.eGUBIq_dot{vertical-align:2px;margin-left:5px}.eGUBIq_loading{color:var(--dsw-alias-label-secondary,#9ca3af);flex-direction:column;align-items:center;gap:12px;padding:48px;font-size:13px;display:flex}.eGUBIq_spin{border:3px solid var(--dsw-alias-border-l1,#e5e7eb);border-top-color:var(--dsw-alias-brand-primary,#4f6ef7);border-radius:99px;width:22px;height:22px;animation:.8s linear infinite eGUBIq_sp}@keyframes eGUBIq_sp{to{transform:rotate(360deg)}}.eGUBIq_progress{background:var(--dsw-alias-bg-layer-2,#f3f4f6);border:1px solid var(--dsw-alias-border-l2,#e5e7eb);color:var(--dsw-alias-label-secondary,#6b7280);border-radius:8px;align-items:center;gap:9px;margin:0;padding:8px 12px;font-size:12px;display:flex}.eGUBIq_irow .eGUBIq_progress{margin-top:8px}.eGUBIq_progress .eGUBIq_spin{border-width:2px;flex-shrink:0;width:14px;height:14px}.eGUBIq_progress code{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:11px;overflow:hidden}.eGUBIq_empty{color:var(--dsw-alias-label-secondary,#9ca3af);text-align:center;padding:32px;font-size:13px}.eGUBIq_err{color:var(--dsw-alias-state-error-primary,#dc2626);white-space:pre-wrap;word-break:break-all;margin:8px 0;font-size:12px}.eGUBIq_irow{background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.eGUBIq_irow>.eGUBIq_src,.eGUBIq_irow>.eGUBIq_owner,.eGUBIq_irow>.eGUBIq_btn{white-space:nowrap;flex-shrink:0}.eGUBIq_spec{color:var(--dsw-alias-label-secondary,#9ca3af);font-family:ui-monospace,Menlo,monospace;font-size:11px}";
+		const css = ".eGUBIq_root{min-width:0;height:100%;color:var(--dsw-alias-label-primary,#1f2328);flex-direction:column;display:flex;position:relative}.eGUBIq_head{flex-direction:column;gap:12px;padding:4px 4px 12px;display:flex}.eGUBIq_title{margin:0;font-size:16px;font-weight:500;line-height:24px}.eGUBIq_sub{color:var(--dsw-alias-label-tertiary,#8b93a1);margin:0;font-size:14px;line-height:22px}.eGUBIq_searchInline{flex-shrink:0;width:200px;margin-bottom:6px}.eGUBIq_tabs{border-bottom:1px solid var(--dsw-alias-border-l2,#e5e7eb);align-items:flex-end;gap:2px;display:flex}.eGUBIq_tab{font:inherit;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:7px 12px;font-size:13px}.eGUBIq_tab.eGUBIq_on{color:var(--dsw-alias-brand-primary,#4f6ef7);border-bottom-color:var(--dsw-alias-brand-primary,#4f6ef7);font-weight:600}.eGUBIq_restart{background:var(--dsw-alias-bg-layer-2,#fdf3e3);border:1px solid var(--dsw-alias-border-l2,#f3e3c3);border-radius:8px;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:12px;display:flex}.eGUBIq_body{flex:1;padding:12px 4px 24px;overflow-x:hidden;overflow-y:auto}.eGUBIq_cats{z-index:5;background:var(--dsw-alias-bg-layer-2,#f7f8fa);margin:-12px -4px 2px;padding:12px 4px 4px;position:sticky;top:-13px}.eGUBIq_catsRow{align-items:flex-start;gap:8px;display:flex;position:relative}.eGUBIq_sort{background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l1,#e5e7eb);border-radius:8px;flex-shrink:0;gap:2px;padding:2px;display:flex}.eGUBIq_sort button{font:inherit;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 10px;font-size:12px}.eGUBIq_sort button.eGUBIq_on{background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#1f2328);font-weight:600;box-shadow:0 1px 3px #00000014}.eGUBIq_star{color:var(--dsw-alias-label-secondary,#9ca3af);font-size:11px}.eGUBIq_top{z-index:20;border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);width:38px;height:38px;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;border-radius:99px;font-size:16px;position:absolute;bottom:18px;right:18px;box-shadow:0 4px 14px #0000001f}.eGUBIq_top:hover{color:var(--dsw-alias-brand-primary,#4f6ef7)}.eGUBIq_tag{border:1px solid var(--dsw-alias-border-l3,#d9dde3);color:var(--dsw-alias-label-secondary,#6b7280);border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:11px;line-height:16px}.eGUBIq_okState{color:var(--dsw-alias-state-success-primary,#16a34a);white-space:nowrap;font-size:12px;font-weight:600}.eGUBIq_dangerBtn.eGUBIq_dangerBtn{border-color:var(--dsw-alias-state-error-primary,#dc2626);color:var(--dsw-alias-state-error-primary,#dc2626)}.eGUBIq_dangerArmed.eGUBIq_dangerArmed{background:var(--dsw-alias-state-error-primary,#dc2626);color:#fff}.eGUBIq_warnBtn.eGUBIq_warnBtn{background:var(--dsw-alias-state-warn-primary,#ea580c);color:#fff}.eGUBIq_catsWrap{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.eGUBIq_catsCollapsed{max-height:62px;overflow:hidden}.eGUBIq_catsToggle.eGUBIq_catsToggle{height:26px;min-height:26px;color:var(--dsw-alias-label-secondary,#6b7280);padding:0 6px}.eGUBIq_cmdDetails{margin:0}.eGUBIq_cmdSummary{cursor:pointer;width:fit-content;color:var(--dsw-alias-label-secondary,#6b7280);border-radius:6px;align-items:center;gap:6px;margin-left:-4px;padding:2px 4px;font-size:12px;font-weight:500;line-height:18px;list-style:none;display:flex}.eGUBIq_cmdSummary::-webkit-details-marker{display:none}.eGUBIq_cmdSummary:before{content:\"\";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .12s;transform:rotate(-45deg)translate(-1px,-1px)}.eGUBIq_cmdDetails[open]>.eGUBIq_cmdSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.eGUBIq_cmdSummary:hover{color:var(--dsw-alias-label-primary,#1f2328)}.eGUBIq_cmd{background:var(--dsw-alias-bg-layer-2,#f3f4f6);word-break:break-all;border-radius:6px;margin:8px 0 0;padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:18px}.eGUBIq_warnLine{color:var(--dsw-alias-state-warn-primary,#b45309);margin:0;font-size:12px;font-weight:600;line-height:18px}.eGUBIq_modalNote{color:var(--dsw-alias-label-tertiary,#8b93a1);margin:12px 0 0;font-size:12px;line-height:18px}.eGUBIq_grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.eGUBIq_sect{color:var(--dsw-alias-label-secondary,#6b7280);margin:14px 2px 8px;font-size:12px;font-weight:600}.eGUBIq_sect:first-child{margin-top:2px}.eGUBIq_swatches{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:8px;gap:0;height:34px;display:flex;overflow:hidden}.eGUBIq_themesGrid{margin-bottom:12px}.eGUBIq_swatches i{flex:1}.eGUBIq_card{background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:12px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.eGUBIq_row1{align-items:center;gap:10px;min-width:0;display:flex}.eGUBIq_av{color:#fff;object-fit:cover;background:var(--dsw-alias-bg-layer-2,#f3f4f6);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.eGUBIq_nm{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:22px;overflow:hidden}.eGUBIq_owner{color:var(--dsw-alias-label-secondary,#9ca3af);font-size:11px}.eGUBIq_desc{color:var(--dsw-alias-label-tertiary,#8b93a1);min-height:36px;margin:0;font-size:12px;line-height:18px}.eGUBIq_foot{align-items:center;gap:8px;margin-top:auto;display:flex}.eGUBIq_grow{flex:1}.eGUBIq_titleRow{align-items:center;gap:10px;display:flex}.eGUBIq_descTight{min-height:0}.eGUBIq_src{color:var(--dsw-alias-label-secondary,#9ca3af);font-size:11px;text-decoration:none}.eGUBIq_src:hover{color:var(--dsw-alias-brand-primary,#4f6ef7)}.eGUBIq_dot{vertical-align:2px;margin-left:5px}.eGUBIq_loading{color:var(--dsw-alias-label-secondary,#9ca3af);flex-direction:column;align-items:center;gap:12px;padding:48px;font-size:13px;display:flex}.eGUBIq_spin{border:3px solid var(--dsw-alias-border-l1,#e5e7eb);border-top-color:var(--dsw-alias-brand-primary,#4f6ef7);border-radius:99px;width:22px;height:22px;animation:.8s linear infinite eGUBIq_sp}@keyframes eGUBIq_sp{to{transform:rotate(360deg)}}.eGUBIq_progress{background:var(--dsw-alias-bg-layer-2,#f3f4f6);border:1px solid var(--dsw-alias-border-l2,#e5e7eb);color:var(--dsw-alias-label-secondary,#6b7280);border-radius:8px;align-items:center;gap:9px;margin:0;padding:8px 12px;font-size:12px;display:flex}.eGUBIq_irow .eGUBIq_progress{margin-top:8px}.eGUBIq_progress .eGUBIq_spin{border-width:2px;flex-shrink:0;width:14px;height:14px}.eGUBIq_progress code{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:11px;overflow:hidden}.eGUBIq_empty{color:var(--dsw-alias-label-secondary,#9ca3af);text-align:center;padding:32px;font-size:13px}.eGUBIq_err{color:var(--dsw-alias-state-error-primary,#dc2626);white-space:pre-wrap;word-break:break-all;margin:8px 0;font-size:12px}.eGUBIq_irow{background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.eGUBIq_irow>.eGUBIq_src,.eGUBIq_irow>.eGUBIq_owner,.eGUBIq_dangerBtn.eGUBIq_dangerBtn,.eGUBIq_warnBtn.eGUBIq_warnBtn,.eGUBIq_dangerArmed.eGUBIq_dangerArmed{white-space:nowrap;flex-shrink:0}.eGUBIq_spec{color:var(--dsw-alias-label-secondary,#9ca3af);font-family:ui-monospace,Menlo,monospace;font-size:11px}.eGUBIq_staleAction{margin-top:8px}.eGUBIq_pct{color:var(--dsw-alias-label-secondary,#6b7280);flex-shrink:0;font-size:11px;font-weight:600}.eGUBIq_cancelBtn{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-secondary,#6b7280);font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 10px;font-size:11px;line-height:16px}.eGUBIq_cancelBtn:hover{color:var(--dsw-alias-state-error-primary,#dc2626);border-color:var(--dsw-alias-state-error-primary,#dc2626)}.eGUBIq_sentinel{height:1px}";
 		const tagId = "dshmarket/Market.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -245,59 +284,62 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			document.head.appendChild(tag);
 		}
 		var Market_module_css_default = {
-			"tabs": "eGUBIq_tabs",
-			"swatches": "eGUBIq_swatches",
-			"star": "eGUBIq_star",
-			"okState": "eGUBIq_okState",
-			"themesGrid": "eGUBIq_themesGrid",
-			"dangerBtn": "eGUBIq_dangerBtn",
-			"modalNote": "eGUBIq_modalNote",
-			"nm": "eGUBIq_nm",
-			"btn": "eGUBIq_btn",
-			"descTight": "eGUBIq_descTight",
-			"empty": "eGUBIq_empty",
-			"cats": "eGUBIq_cats",
-			"title": "eGUBIq_title",
-			"on": "eGUBIq_on",
-			"row1": "eGUBIq_row1",
-			"body": "eGUBIq_body",
-			"top": "eGUBIq_top",
-			"searchInline": "eGUBIq_searchInline",
-			"sub": "eGUBIq_sub",
-			"catsWrap": "eGUBIq_catsWrap",
-			"head": "eGUBIq_head",
-			"av": "eGUBIq_av",
 			"warnBtn": "eGUBIq_warnBtn",
-			"owner": "eGUBIq_owner",
-			"cmdDetails": "eGUBIq_cmdDetails",
-			"restart": "eGUBIq_restart",
+			"grow": "eGUBIq_grow",
+			"sentinel": "eGUBIq_sentinel",
+			"body": "eGUBIq_body",
+			"titleRow": "eGUBIq_titleRow",
+			"tag": "eGUBIq_tag",
+			"sect": "eGUBIq_sect",
 			"catsRow": "eGUBIq_catsRow",
-			"foot": "eGUBIq_foot",
-			"src": "eGUBIq_src",
+			"dangerArmed": "eGUBIq_dangerArmed",
+			"catsCollapsed": "eGUBIq_catsCollapsed",
+			"head": "eGUBIq_head",
+			"star": "eGUBIq_star",
+			"swatches": "eGUBIq_swatches",
+			"card": "eGUBIq_card",
+			"grid": "eGUBIq_grid",
 			"root": "eGUBIq_root",
 			"tab": "eGUBIq_tab",
+			"av": "eGUBIq_av",
+			"searchInline": "eGUBIq_searchInline",
 			"desc": "eGUBIq_desc",
-			"sect": "eGUBIq_sect",
-			"catsToggle": "eGUBIq_catsToggle",
-			"card": "eGUBIq_card",
-			"titleRow": "eGUBIq_titleRow",
+			"foot": "eGUBIq_foot",
+			"themesGrid": "eGUBIq_themesGrid",
+			"src": "eGUBIq_src",
 			"dot": "eGUBIq_dot",
+			"spin": "eGUBIq_spin",
+			"descTight": "eGUBIq_descTight",
+			"row1": "eGUBIq_row1",
 			"progress": "eGUBIq_progress",
-			"tag": "eGUBIq_tag",
+			"err": "eGUBIq_err",
+			"title": "eGUBIq_title",
+			"restart": "eGUBIq_restart",
+			"cmdSummary": "eGUBIq_cmdSummary",
+			"loading": "eGUBIq_loading",
 			"sp": "eGUBIq_sp",
+			"spec": "eGUBIq_spec",
+			"staleAction": "eGUBIq_staleAction",
+			"cancelBtn": "eGUBIq_cancelBtn",
+			"tabs": "eGUBIq_tabs",
+			"on": "eGUBIq_on",
+			"top": "eGUBIq_top",
+			"sub": "eGUBIq_sub",
+			"modalNote": "eGUBIq_modalNote",
+			"cmdDetails": "eGUBIq_cmdDetails",
+			"owner": "eGUBIq_owner",
+			"okState": "eGUBIq_okState",
+			"empty": "eGUBIq_empty",
 			"cmd": "eGUBIq_cmd",
-			"cmdSummary": "eGUBIq_cmdSummary",
-			"grid": "eGUBIq_grid",
-			"catsCollapsed": "eGUBIq_catsCollapsed",
+			"pct": "eGUBIq_pct",
+			"nm": "eGUBIq_nm",
 			"sort": "eGUBIq_sort",
-			"grow": "eGUBIq_grow",
 			"warnLine": "eGUBIq_warnLine",
-			"dangerArmed": "eGUBIq_dangerArmed",
-			"loading": "eGUBIq_loading",
-			"spin": "eGUBIq_spin",
 			"irow": "eGUBIq_irow",
-			"err": "eGUBIq_err",
-			"spec": "eGUBIq_spec"
+			"cats": "eGUBIq_cats",
+			"catsToggle": "eGUBIq_catsToggle",
+			"dangerBtn": "eGUBIq_dangerBtn",
+			"catsWrap": "eGUBIq_catsWrap"
 		};
 		//#endregion
 		//#region src/client/MarketSection.tsx
@@ -325,14 +367,25 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 				onError: () => setFailed(true)
 			});
 		}
+		/**
+		* Module-scope caches so re-entering the section renders instantly instead
+		* of refetching and rebuilding from a spinner (#30 by @StarsTom). Module
+		* state survives section switches; a background refetch keeps it current.
+		*/
+		let cachedRegistry = null;
+		let cachedInstalled = null;
 		function MarketSection(props) {
 			const t = props.t;
 			const localeSnap = (0, react.useSyncExternalStore)((cb) => props.locale.subscribe(cb), () => props.locale.getSnapshot());
 			const lang = String(localeSnap.active).toLowerCase().startsWith("zh") ? "zh" : "en";
 			const themeSnap = (0, react.useSyncExternalStore)(props.themeStore.subscribe, props.themeStore.getSnapshot);
-			const [data, setData] = (0, react.useState)(null);
+			const [data, setData] = (0, react.useState)(cachedRegistry);
 			const [loadError, setLoadError] = (0, react.useState)(false);
-			const [installed, setInstalled] = (0, react.useState)({});
+			const [installed, setInstalledState] = (0, react.useState)(cachedInstalled ?? {});
+			const setInstalled = (0, react.useCallback)((value) => {
+				cachedInstalled = value;
+				setInstalledState(value);
+			}, []);
 			const [skins, setSkins] = (0, react.useState)([]);
 			const [tab, setTab] = (0, react.useState)(() => {
 				const saved = sessionStorage.getItem("dshm-tab");
@@ -347,6 +400,23 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			const [installError, setInstallError] = (0, react.useState)(null);
 			const [updates, setUpdates] = (0, react.useState)({});
 			const [updatingName, setUpdatingName] = (0, react.useState)(null);
+			const [staleName, setStaleName] = (0, react.useState)(null);
+			/**
+			* Cards rendered so far — the discover grid renders incrementally (60,
+			* then +120 as the sentinel scrolls into view) instead of all 400+ at
+			* once, which built a ~70k px DOM and made section switches lag (#30).
+			*/
+			const [visibleCount, setVisibleCount] = (0, react.useState)(60);
+			const sentinelRef = (0, react.useCallback)((node) => {
+				if (node === null) return;
+				new IntersectionObserver((entries) => {
+					if (entries.some((entry) => entry.isIntersecting)) setVisibleCount((count) => count + 120);
+				}, { rootMargin: "600px" }).observe(node);
+			}, []);
+			/** Determinate percent parsed from pnpm's Progress line, when available. */
+			const [progressPct, setProgressPct] = (0, react.useState)(null);
+			/** Blocked build scripts from the last install: enables approve-and-retry (#6). */
+			const [buildsSkipped, setBuildsSkipped] = (0, react.useState)(null);
 			const [updatingAll, setUpdatingAll] = (0, react.useState)(false);
 			const [updatedNames, setUpdatedNames] = (0, react.useState)([]);
 			const [hotUrls, setHotUrls] = (0, react.useState)([]);
@@ -376,7 +446,10 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 				fetch("/dsh-market/registry", { cache: "no-store" }).then((res) => {
 					if (!res.ok) throw new Error("HTTP " + res.status);
 					return res.json();
-				}).then((body) => setData(body.registry)).catch(() => setLoadError(true));
+				}).then((body) => {
+					cachedRegistry = body.registry;
+					setData(body.registry);
+				}).catch(() => setLoadError(true));
 				fetch("/dsh-market/status", { cache: "no-store" }).then((res) => res.json()).then((status) => {
 					setEnvReady(status.pnpm !== false);
 					if (typeof status.boot === "string") setBootId(status.boot);
@@ -433,9 +506,16 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 				}
 				const timer = setInterval(() => {
 					fetch("/dsh-market/status", { cache: "no-store" }).then((res) => res.json()).then((status) => {
-						if (status.active) setProgressLine((status.lastLine || "…") + "  (" + status.seconds + "s)");
-						else {
+						if (status.active) {
+							setProgressLine((status.lastLine || "…") + "  (" + status.seconds + "s)");
+							const m = /resolved (\d+), reused (\d+), downloaded (\d+), added (\d+)/.exec(status.lastLine || "");
+							if (m !== null && Number(m[1]) > 0) {
+								const done = Number(m[2]) + Number(m[3]) + Number(m[4]);
+								setProgressPct(Math.max(4, Math.min(96, Math.round(done / Number(m[1]) * 100))));
+							}
+						} else {
 							setProgressLine(null);
+							setProgressPct(null);
 							setInstalled(status.installed || {});
 							if (readSession("dshm-pending") !== null && busyUrl !== null) {
 								if (data !== null && data.plugins.some((p) => p.url === busyUrl && isInstalled(p, status.installed || {}))) {
@@ -453,26 +533,27 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 				updatingName,
 				data
 			]);
-			const plugins = (0, react.useMemo)(() => {
-				if (data === null) return [];
-				const query = q.trim().toLowerCase();
-				const list = data.plugins.filter((p) => {
-					if (cat !== "all" && p.category !== cat) return false;
-					if (query === "") return true;
-					const desc = p.description && (p.description[lang] || p.description.en) || "";
-					return p.name.toLowerCase().includes(query) || p.owner.toLowerCase().includes(query) || desc.toLowerCase().includes(query);
-				});
-				if (sort === "hot") return [...list].sort((a, b) => (b.stars ?? -1) - (a.stars ?? -1));
-				if (sort === "new") return [...list].sort((a, b) => String(b.added).localeCompare(String(a.added)));
-				return list;
-			}, [
+			const plugins = (0, react.useMemo)(() => data === null ? [] : visiblePlugins(data.plugins, {
+				category: cat,
+				query: q,
+				lang,
+				sort
+			}), [
 				data,
 				q,
 				cat,
 				lang,
 				sort
 			]);
+			(0, react.useEffect)(() => {
+				setVisibleCount(60);
+			}, [
+				q,
+				cat,
+				sort
+			]);
 			const doInstall = (0, react.useCallback)((plugin) => {
+				setBuildsSkipped(null);
 				setConfirming(null);
 				setInstallError(null);
 				setBusyUrl(plugin.url);
@@ -492,6 +573,10 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 						location.reload();
 						return;
 					}
+					if (body.cancelled === true) {
+						refreshInstalled();
+						return;
+					}
 					if (status === 200 && body.ok) {
 						sessionStorage.setItem("dshm-tab", "installed");
 						if (body.hot) {
@@ -500,6 +585,14 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 						} else setDoneUrls((urls) => urls.includes(plugin.url) ? urls : urls.concat(plugin.url));
 						refreshInstalled();
 					} else {
+						if (status === 409) {
+							setInstallError(t("busyWait"));
+							return;
+						}
+						if (Array.isArray(body.ignoredBuilds) && body.ignoredBuilds.length > 0) setBuildsSkipped({
+							plugin,
+							names: body.ignoredBuilds.map(String)
+						});
 						const text = (v) => typeof v === "string" ? v : v && typeof v.text === "string" ? v.text : v == null ? "" : JSON.stringify(v);
 						const detail = text(body.error) || [text(body.stderr), text(body.stdout)].filter(Boolean).join("\n").trim() || "exit " + body.exitCode;
 						setInstallError(t("installFail") + ": " + plugin.name + " — " + detail.trim().slice(-600));
@@ -509,21 +602,42 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 					setInstallError(t("installFail") + ": " + String(error));
 				}).finally(() => setBusyUrl(null));
 			}, [refreshInstalled, t]);
-			const doUpdate = (0, react.useCallback)((name) => {
+			/** Cancel the running plugin command (#6 by @qichuang321). */
+			const doCancel = (0, react.useCallback)(() => {
+				fetch("/dsh-market/cancel", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: "{}"
+				}).catch(() => {});
+			}, []);
+			const doUpdate = (0, react.useCallback)((name, force = false) => {
 				setInstallError(null);
+				setStaleName(null);
 				setUpdatingName(name);
 				return fetch("/dsh-market/update", {
 					method: "POST",
 					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ name })
+					body: JSON.stringify(force ? {
+						name,
+						force: true
+					} : { name })
 				}).then((res) => res.json().then((body) => ({
 					status: res.status,
 					body
 				}))).then(({ status, body }) => {
+					if (body.cancelled === true) {
+						refreshInstalled();
+						return;
+					}
 					if (status === 200 && body.ok) {
 						setUpdatedNames((names) => names.concat(name));
 						refreshInstalled();
 					} else {
+						if (status === 409) {
+							setInstallError(t("busyWait"));
+							return;
+						}
+						if (body.stale === true) setStaleName(name);
 						const text = (v) => typeof v === "string" ? v : v && typeof v.text === "string" ? v.text : v == null ? "" : JSON.stringify(v);
 						const detail = text(body.error) || [text(body.stderr), text(body.stdout)].filter(Boolean).join("\n").trim() || "exit " + body.exitCode;
 						setInstallError(t("updateFail") + ": " + name + " — " + detail.trim().slice(-600));
@@ -586,7 +700,7 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			}, [updatableNames, doUpdate]);
 			const pendingRestart = doneUrls.length + updatedNames.length + removedCount;
 			const hasUpdates = Object.keys(installed).some((name) => !updatedNames.includes(name) && updates[name] && updates[name].updateAvailable);
-			const themePlugins = data === null ? [] : data.plugins.filter((p) => p.category === "theme").sort((a, b) => (b.stars || 0) - (a.stars || 0));
+			const themePlugins$1 = data === null ? [] : themePlugins(data.plugins);
 			const pluginCard = (p) => {
 				const desc = p.description && (p.description[lang] || p.description.en) || "";
 				const done = doneUrls.includes(p.url) || hotUrls.includes(p.url);
@@ -663,10 +777,23 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 						}),
 						busy && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: Market_module_css_default.progress,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: Market_module_css_default.spin }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-								className: Market_module_css_default.grow,
-								children: progressLine || t("progressHint")
-							})]
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: Market_module_css_default.spin }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+									className: Market_module_css_default.grow,
+									children: progressLine || t("progressHint")
+								}),
+								progressPct !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: Market_module_css_default.pct,
+									children: [progressPct, "%"]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: Market_module_css_default.cancelBtn,
+									onClick: doCancel,
+									children: t("cancelOp")
+								})
+							]
 						})
 					]
 				}, p.url);
@@ -970,9 +1097,43 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 							})
 						]
 					}),
-					installError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					buildsSkipped !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: Market_module_css_default.restart,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: Market_module_css_default.grow,
+							children: [
+								t("buildsSkipped"),
+								" ",
+								buildsSkipped.names.join(", ")
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							disabled: busyUrl !== null,
+							onClick: () => {
+								const { plugin, names } = buildsSkipped;
+								setBuildsSkipped(null);
+								fetch("/dsh-market/approve-builds", {
+									method: "POST",
+									headers: { "content-type": "application/json" },
+									body: JSON.stringify({ packages: names })
+								}).then((res) => res.json()).then((body) => {
+									if (body.ok) doInstall(plugin);
+									else setInstallError(String(body.error || "approve failed"));
+								}).catch((error) => setInstallError(String(error)));
+							},
+							children: t("approveBuilds")
+						})]
+					}),
+					installError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: Market_module_css_default.err,
-						children: installError
+						children: [installError, staleName !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: Market_module_css_default.staleAction,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								onClick: () => doUpdate(staleName, true),
+								children: t("updateNow")
+							})
+						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: Market_module_css_default.body,
@@ -992,7 +1153,7 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 									ref: catsWrapRef,
 									className: catsOpen || visibleCats === null ? `${Market_module_css_default.catsWrap} ${Market_module_css_default.catsCollapsed}` : Market_module_css_default.catsWrap,
 									children: (() => {
-										const ordered = catsOpen || cat === "all" ? categories : [cat, ...categories.filter((id) => id !== cat)];
+										const ordered = orderedCategories(categories, cat, catsOpen);
 										const shown = catsOpen || visibleCats === null ? ordered : ordered.slice(0, Math.max(0, visibleCats - 1));
 										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Pill, {
@@ -1029,10 +1190,13 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 						}), plugins.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: Market_module_css_default.empty,
 							children: t("empty")
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: Market_module_css_default.grid,
-							children: plugins.map(pluginCard)
-						})] }) : tab === "themes" && themeSnap !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(() => {
+							children: plugins.slice(0, visibleCount).map(pluginCard)
+						}), plugins.length > visibleCount && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							ref: sentinelRef,
+							className: Market_module_css_default.sentinel
+						})] })] }) : tab === "themes" && themeSnap !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(() => {
 							const extra = themeSnap.themes.filter((def) => def.id !== "light" && def.id !== "dark");
 							return extra.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: `${Market_module_css_default.grid} ${Market_module_css_default.themesGrid}`,
@@ -1041,12 +1205,12 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 						})(), data === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: Market_module_css_default.loading,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: Market_module_css_default.spin }), t("loading")]
-						}) : themePlugins.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						}) : themePlugins$1.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: Market_module_css_default.empty,
 							children: t("themeEmpty")
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: Market_module_css_default.grid,
-							children: themePlugins.map(themePluginCard)
+							children: themePlugins$1.map(themePluginCard)
 						})] }) : Object.keys(installed).length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: Market_module_css_default.empty,
 							children: t("installedEmpty")
@@ -1087,10 +1251,23 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 											}),
 											updatingName === name && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 												className: Market_module_css_default.progress,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: Market_module_css_default.spin }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-													className: Market_module_css_default.grow,
-													children: progressLine || t("progressHint")
-												})]
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: Market_module_css_default.spin }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+														className: Market_module_css_default.grow,
+														children: progressLine || t("progressHint")
+													}),
+													progressPct !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: Market_module_css_default.pct,
+														children: [progressPct, "%"]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: Market_module_css_default.cancelBtn,
+														onClick: doCancel,
+														children: t("cancelOp")
+													})
+												]
 											})
 										]
 									}),