dshmarket 1.3.1 → 1.4.1

package/client/client.js

@@ -66,6 +66,13 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			catsLess: "收起",
 			sortHot: "最热",
 			sortNew: "最新",
+			sortOld: "最早",
+			prevPage: "上一页",
+			nextPage: "下一页",
+			firstPage: "首页",
+			lastPage: "末页",
+			pageInfo: "第 {0} / {1} 页",
+			perPage: "每页",
 			marketUpdate: "市场有新版本，升级",
 			updateAll: "全部更新",
 			tabThemes: "主题",
@@ -134,6 +141,13 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			catsLess: "Less",
 			sortHot: "Top",
 			sortNew: "New",
+			sortOld: "Oldest",
+			prevPage: "Previous",
+			nextPage: "Next",
+			firstPage: "First",
+			lastPage: "Last",
+			pageInfo: "Page {0} of {1}",
+			perPage: "Per page",
 			marketUpdate: "Market update available — upgrade",
 			updateAll: "Update all",
 			tabThemes: "Themes",
@@ -179,6 +193,7 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			});
 			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)));
+			if (options.sort === "old") return [...list].sort((a, b) => String(a.added).localeCompare(String(b.added)));
 			return list;
 		}
 		/** The themes tab listing: theme category only, most-starred first. */
@@ -193,6 +208,29 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			return open || active === "all" ? categories : [active, ...categories.filter((id) => id !== active)];
 		}
 		/**
+		* Page-number list for the discover pager. With few pages it is simply
+		* 1..total; with many it windows around the current page and inserts '…'
+		* so a 400-plugin catalog stays a compact `1 … 4 5 6 … 17` instead of a
+		* long row of numbered buttons. Always begins with 1 and ends with total.
+		*/
+		function pageItems(current, total) {
+			if (total <= 7) {
+				const all = [];
+				for (let i = 1; i <= total; i++) all.push(i);
+				return all;
+			}
+			const items = [1];
+			let start = Math.max(2, current - 1);
+			let end = Math.min(total - 1, current + 1);
+			if (current <= 4) end = 5;
+			if (current >= total - 3) start = total - 4;
+			if (start > 2) items.push("…");
+			for (let i = start; i <= end; i++) items.push(i);
+			if (end < total - 1) items.push("…");
+			items.push(total);
+			return items;
+		}
+		/**
 		* 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
@@ -282,7 +320,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_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 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;flex-wrap:wrap;align-items:center;gap:9px;margin:0;padding:8px 12px;font-size:12px;display:flex}.eGUBIq_bar{background:var(--dsw-alias-border-l1,#e5e7eb);border-radius:99px;width:100%;height:4px;overflow:hidden}.eGUBIq_barFill{background:var(--dsw-alias-brand-primary,#4f6ef7);border-radius:99px;height:100%;transition:width .6s}.eGUBIq_barWave{width:30%;animation:1.2s ease-in-out infinite eGUBIq_dshmSlide}@keyframes eGUBIq_dshmSlide{0%{margin-left:-30%}to{margin-left:100%}}.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_pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 4px;display:flex}.eGUBIq_pagerPages{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.eGUBIq_pagerSize{flex-shrink:0;align-items:center;gap:4px;display:flex}.eGUBIq_sizeLabel{color:var(--dsw-alias-label-secondary,#6b7280);font-size:12px}.eGUBIq_sizeBtn{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;border-radius:6px;padding:3px 8px;font-size:12px;line-height:18px}.eGUBIq_sizeBtn:hover{color:var(--dsw-alias-brand-primary,#4f6ef7);border-color:var(--dsw-alias-brand-primary,#4f6ef7)}.eGUBIq_sizeOn{background:var(--dsw-alias-brand-primary,#4f6ef7);border-color:var(--dsw-alias-brand-primary,#4f6ef7);color:#fff;font-weight:600}.eGUBIq_pageBtn{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;border-radius:6px;min-width:28px;padding:4px 10px;font-size:12px;line-height:18px}.eGUBIq_pageBtn:hover:not(:disabled){color:var(--dsw-alias-brand-primary,#4f6ef7);border-color:var(--dsw-alias-brand-primary,#4f6ef7)}.eGUBIq_pageBtn:disabled{opacity:.45;cursor:default}.eGUBIq_pageOn{background:var(--dsw-alias-brand-primary,#4f6ef7);border-color:var(--dsw-alias-brand-primary,#4f6ef7);color:#fff;font-weight:600}.eGUBIq_pageEllipsis{color:var(--dsw-alias-label-secondary,#9ca3af);padding:0 2px;font-size:12px}.eGUBIq_pageInfo{color:var(--dsw-alias-label-secondary,#6b7280);white-space:nowrap;font-size:12px}";
 		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");
@@ -292,62 +330,75 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			document.head.appendChild(tag);
 		}
 		var Market_module_css_default = {
-			"warnBtn": "eGUBIq_warnBtn",
-			"star": "eGUBIq_star",
-			"catsWrap": "eGUBIq_catsWrap",
-			"row1": "eGUBIq_row1",
-			"owner": "eGUBIq_owner",
-			"spin": "eGUBIq_spin",
-			"empty": "eGUBIq_empty",
-			"sub": "eGUBIq_sub",
-			"dangerArmed": "eGUBIq_dangerArmed",
-			"warnLine": "eGUBIq_warnLine",
-			"tabs": "eGUBIq_tabs",
-			"title": "eGUBIq_title",
-			"sort": "eGUBIq_sort",
-			"tab": "eGUBIq_tab",
-			"themesGrid": "eGUBIq_themesGrid",
-			"root": "eGUBIq_root",
-			"grow": "eGUBIq_grow",
 			"staleAction": "eGUBIq_staleAction",
+			"sizeOn": "eGUBIq_sizeOn",
+			"av": "eGUBIq_av",
+			"dangerBtn": "eGUBIq_dangerBtn",
+			"head": "eGUBIq_head",
+			"bar": "eGUBIq_bar",
 			"cmdDetails": "eGUBIq_cmdDetails",
-			"cancelBtn": "eGUBIq_cancelBtn",
-			"nm": "eGUBIq_nm",
-			"desc": "eGUBIq_desc",
-			"catsToggle": "eGUBIq_catsToggle",
-			"irow": "eGUBIq_irow",
-			"loading": "eGUBIq_loading",
-			"cmd": "eGUBIq_cmd",
-			"restart": "eGUBIq_restart",
 			"sect": "eGUBIq_sect",
-			"titleRow": "eGUBIq_titleRow",
+			"cmd": "eGUBIq_cmd",
+			"barWave": "eGUBIq_barWave",
+			"foot": "eGUBIq_foot",
+			"spec": "eGUBIq_spec",
+			"empty": "eGUBIq_empty",
+			"pageEllipsis": "eGUBIq_pageEllipsis",
+			"title": "eGUBIq_title",
+			"star": "eGUBIq_star",
+			"searchInline": "eGUBIq_searchInline",
+			"warnLine": "eGUBIq_warnLine",
+			"warnBtn": "eGUBIq_warnBtn",
 			"catsRow": "eGUBIq_catsRow",
-			"dangerBtn": "eGUBIq_dangerBtn",
-			"dot": "eGUBIq_dot",
+			"dangerArmed": "eGUBIq_dangerArmed",
 			"cats": "eGUBIq_cats",
+			"grow": "eGUBIq_grow",
+			"dot": "eGUBIq_dot",
+			"nm": "eGUBIq_nm",
+			"top": "eGUBIq_top",
+			"cmdSummary": "eGUBIq_cmdSummary",
 			"progress": "eGUBIq_progress",
-			"sp": "eGUBIq_sp",
+			"spin": "eGUBIq_spin",
+			"pagerSize": "eGUBIq_pagerSize",
+			"src": "eGUBIq_src",
 			"err": "eGUBIq_err",
-			"spec": "eGUBIq_spec",
+			"row1": "eGUBIq_row1",
+			"desc": "eGUBIq_desc",
+			"pageBtn": "eGUBIq_pageBtn",
 			"pct": "eGUBIq_pct",
-			"tag": "eGUBIq_tag",
+			"grid": "eGUBIq_grid",
+			"catsToggle": "eGUBIq_catsToggle",
+			"sizeLabel": "eGUBIq_sizeLabel",
 			"catsCollapsed": "eGUBIq_catsCollapsed",
-			"src": "eGUBIq_src",
-			"cmdSummary": "eGUBIq_cmdSummary",
-			"on": "eGUBIq_on",
-			"sentinel": "eGUBIq_sentinel",
-			"searchInline": "eGUBIq_searchInline",
-			"foot": "eGUBIq_foot",
-			"swatches": "eGUBIq_swatches",
-			"modalNote": "eGUBIq_modalNote",
+			"cancelBtn": "eGUBIq_cancelBtn",
+			"pagerPages": "eGUBIq_pagerPages",
+			"barFill": "eGUBIq_barFill",
+			"sp": "eGUBIq_sp",
+			"tag": "eGUBIq_tag",
+			"tabs": "eGUBIq_tabs",
+			"tab": "eGUBIq_tab",
+			"dshmSlide": "eGUBIq_dshmSlide",
+			"themesGrid": "eGUBIq_themesGrid",
+			"pageInfo": "eGUBIq_pageInfo",
 			"body": "eGUBIq_body",
-			"descTight": "eGUBIq_descTight",
-			"av": "eGUBIq_av",
-			"top": "eGUBIq_top",
+			"pageOn": "eGUBIq_pageOn",
+			"pager": "eGUBIq_pager",
+			"root": "eGUBIq_root",
+			"on": "eGUBIq_on",
 			"okState": "eGUBIq_okState",
+			"catsWrap": "eGUBIq_catsWrap",
+			"modalNote": "eGUBIq_modalNote",
+			"sort": "eGUBIq_sort",
+			"swatches": "eGUBIq_swatches",
 			"card": "eGUBIq_card",
-			"head": "eGUBIq_head",
-			"grid": "eGUBIq_grid"
+			"descTight": "eGUBIq_descTight",
+			"loading": "eGUBIq_loading",
+			"irow": "eGUBIq_irow",
+			"restart": "eGUBIq_restart",
+			"sub": "eGUBIq_sub",
+			"owner": "eGUBIq_owner",
+			"sizeBtn": "eGUBIq_sizeBtn",
+			"titleRow": "eGUBIq_titleRow"
 		};
 		//#endregion
 		//#region src/client/MarketSection.tsx
@@ -407,6 +458,24 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 		*/
 		let cachedRegistry = null;
 		let cachedInstalled = null;
+		/** Discover grid page-size choices — the catalog grows daily, so cap each page. */
+		const PAGE_SIZES = [
+			24,
+			48,
+			96
+		];
+		const DEFAULT_PAGE_SIZE = 24;
+		/** Sort orders offered by the Discover toolbar, in display order. */
+		const SORT_KEYS = [
+			"hot",
+			"new",
+			"old"
+		];
+		const SORT_LABELS = {
+			hot: "sortHot",
+			new: "sortNew",
+			old: "sortOld"
+		};
 		function MarketSection(props) {
 			const t = props.t;
 			const localeSnap = (0, react.useSyncExternalStore)((cb) => props.locale.subscribe(cb), () => props.locale.getSnapshot());
@@ -436,18 +505,10 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 			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);
-			}, []);
+			/** 1-based discover page; reset to 1 whenever the list shape changes. */
+			const [page, setPage] = (0, react.useState)(1);
+			/** Cards per discover page; changing it jumps back to page 1. */
+			const [pageSize, setPageSize] = (0, react.useState)(DEFAULT_PAGE_SIZE);
 			/** 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). */
@@ -594,12 +655,34 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 				sort
 			]);
 			(0, react.useEffect)(() => {
-				setVisibleCount(60);
+				setPage(1);
 			}, [
 				q,
 				cat,
 				sort
 			]);
+			const totalPages = Math.max(1, Math.ceil(plugins.length / pageSize));
+			const currentPage = Math.min(page, totalPages);
+			const pagePlugins = plugins.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+			const scrollToTop = () => {
+				const el = bodyRef.current;
+				if (el) {
+					if (typeof el.scrollTo === "function") el.scrollTo({
+						top: 0,
+						behavior: "smooth"
+					});
+					else el.scrollTop = 0;
+				}
+			};
+			const goToPage = (next) => {
+				setPage(Math.max(1, Math.min(next, totalPages)));
+				scrollToTop();
+			};
+			const changePageSize = (size) => {
+				setPageSize(size);
+				setPage(1);
+				scrollToTop();
+			};
 			const doInstall = (0, react.useCallback)((plugin) => {
 				setBuildsSkipped(null);
 				setConfirming(null);
@@ -891,6 +974,13 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 									className: Market_module_css_default.cancelBtn,
 									onClick: doCancel,
 									children: t("cancelOp")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: Market_module_css_default.bar,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: progressPct !== null ? Market_module_css_default.barFill : `${Market_module_css_default.barFill} ${Market_module_css_default.barWave}`,
+										style: progressPct !== null ? { width: `${progressPct}%` } : void 0
+									})
 								})
 							]
 						})
@@ -1280,10 +1370,10 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 									})()
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: Market_module_css_default.sort,
-									children: ["hot", "new"].map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									children: SORT_KEYS.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										className: sort === key ? Market_module_css_default.on : "",
 										onClick: () => setSort(key),
-										children: t(key === "hot" ? "sortHot" : "sortNew")
+										children: t(SORT_LABELS[key])
 									}, key))
 								})]
 							})
@@ -1292,10 +1382,68 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 							children: t("empty")
 						}) : /* @__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.slice(0, visibleCount).map(pluginCard)
-						}), plugins.length > visibleCount && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							ref: sentinelRef,
-							className: Market_module_css_default.sentinel
+							children: pagePlugins.map(pluginCard)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: Market_module_css_default.pager,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: Market_module_css_default.pagerPages,
+								children: totalPages > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: Market_module_css_default.pageBtn,
+										disabled: currentPage === 1,
+										onClick: () => goToPage(1),
+										"aria-label": t("firstPage"),
+										children: "«"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: Market_module_css_default.pageBtn,
+										disabled: currentPage === 1,
+										onClick: () => goToPage(currentPage - 1),
+										children: t("prevPage")
+									}),
+									pageItems(currentPage, totalPages).map((item, i) => item === "…" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: Market_module_css_default.pageEllipsis,
+										children: "…"
+									}, "e" + i) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: item === currentPage ? `${Market_module_css_default.pageBtn} ${Market_module_css_default.pageOn}` : Market_module_css_default.pageBtn,
+										onClick: () => goToPage(item),
+										children: item
+									}, item)),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: Market_module_css_default.pageBtn,
+										disabled: currentPage === totalPages,
+										onClick: () => goToPage(currentPage + 1),
+										children: t("nextPage")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: Market_module_css_default.pageBtn,
+										disabled: currentPage === totalPages,
+										onClick: () => goToPage(totalPages),
+										"aria-label": t("lastPage"),
+										children: "»"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: Market_module_css_default.pageInfo,
+										children: t("pageInfo").replace("{0}", String(currentPage)).replace("{1}", String(totalPages))
+									})
+								] })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: Market_module_css_default.pagerSize,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: Market_module_css_default.sizeLabel,
+									children: t("perPage")
+								}), PAGE_SIZES.map((size) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: size === pageSize ? `${Market_module_css_default.sizeBtn} ${Market_module_css_default.sizeOn}` : Market_module_css_default.sizeBtn,
+									onClick: () => changePageSize(size),
+									children: size
+								}, size))]
+							})]
 						})] })] }) : 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", {
@@ -1366,6 +1514,13 @@ window.__ModuleLoader__.load({ id: "dshmarket", factory: (require) => {
 														className: Market_module_css_default.cancelBtn,
 														onClick: doCancel,
 														children: t("cancelOp")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: Market_module_css_default.bar,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															className: progressPct !== null ? Market_module_css_default.barFill : `${Market_module_css_default.barFill} ${Market_module_css_default.barWave}`,
+															style: progressPct !== null ? { width: `${progressPct}%` } : void 0
+														})
 													})
 												]
 											})