@jxgame2020/dsh-token-quota 0.1.31 → 0.1.32

package/lib/client.js

@@ -37,6 +37,7 @@ window.__ModuleLoader__.load({
 					onFull: "stop",
 					checkUpdates: true,
 					dimWhenIdle: false,
+					order: [],
 					musicEnabled: false,
 					musicVolume: .5,
 					musicStyle: "pentatonic",
@@ -82,6 +83,9 @@ window.__ModuleLoader__.load({
 					setDimWhenIdle: (d, dimWhenIdle) => {
 						d.dimWhenIdle = dimWhenIdle;
 					},
+					setOrder: (d, order) => {
+						d.order = order;
+					},
 					setMusicEnabled: (d, enabled) => {
 						d.musicEnabled = enabled;
 					},
@@ -95,7 +99,7 @@ window.__ModuleLoader__.load({
 						d.musicOnlyCurrentSession = only;
 					},
 					setUpgrade: (d, upgrade) => {
-						const normalized = upgrade !== null && upgrade.latestVersion !== "" && upgrade.latestVersion !== "0.1.31" ? upgrade : null;
+						const normalized = upgrade !== null && upgrade.latestVersion !== "" && upgrade.latestVersion !== "0.1.32" ? upgrade : null;
 						if (d.upgrade === null || d.upgrade.latestVersion !== normalized?.latestVersion) d.upgradeDismissed = false;
 						d.upgrade = normalized;
 					},
@@ -157,9 +161,11 @@ window.__ModuleLoader__.load({
 		* @param groups - advisory provider groups of the current session.
 		* @param snapshot - latest quota snapshot, or null before the first one.
 		* @param current - current model selection reported by the Host.
-		* @returns rows sorted by key.
+		* @param order - user's drag-to-reorder preference (model keys); listed keys
+		* come first in that exact order, the rest follow in catalog order.
+		* @returns rows in display order.
 		*/
-		function mergeModelRows(groups, snapshot, current) {
+		function mergeModelRows(groups, snapshot, current, order = []) {
 			const entryByKey = new Map((snapshot?.entries ?? []).map((entry) => [entry.key, entry]));
 			const rows = /* @__PURE__ */ new Map();
 			for (const group of groups) for (const model of group.models) {
@@ -187,11 +193,33 @@ window.__ModuleLoader__.load({
 					current: current !== null && current.provider === entry.provider && current.model === entry.model
 				});
 			}
-			return [...rows.values()].sort((left, right) => left.key.localeCompare(right.key));
+			const rank = new Map(order.map((key, index) => [key, index]));
+			return [...rows.values()].sort((left, right) => {
+				const leftRank = rank.get(left.key);
+				const rightRank = rank.get(right.key);
+				if (leftRank !== void 0 && rightRank !== void 0) return leftRank - rightRank;
+				if (leftRank !== void 0) return -1;
+				if (rightRank !== void 0) return 1;
+				return left.key.localeCompare(right.key);
+			});
+		}
+		/**
+		* Move one key to another key's position, returning the full reordered key
+		* list (the shape persisted in the settings document's `order`).
+		*/
+		function reorderKeys(keys, from, to) {
+			const next = [...keys];
+			const fromIndex = next.indexOf(from);
+			const toIndex = next.indexOf(to);
+			if (fromIndex < 0 || toIndex < 0 || fromIndex === toIndex) return next;
+			const [moved] = next.splice(fromIndex, 1);
+			if (moved === void 0) return next;
+			next.splice(toIndex, 0, moved);
+			return next;
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/jxgame/Desktop/works/deepseek-harness-package/dsh-token-quota/packages/token-quota/src/client/TokenQuotaPanel.module.css.mjs
-		const css = ".NPLLIq_panel{box-sizing:border-box;background:var(--dsw-alias-bg-overlay);border:1px solid var(--dsw-alias-border-l1);pointer-events:auto;z-index:40;opacity:1;border-radius:12px;flex-direction:column;width:320px;max-height:min(72vh,560px);transition:opacity .18s;display:flex;position:fixed;top:56px;right:12px;overflow:hidden;box-shadow:0 8px 28px #0000002e}.NPLLIq_panelDim{opacity:.55}.NPLLIq_panelDimStrong{opacity:.3}.NPLLIq_header{border-bottom:1px solid var(--dsw-alias-border-l1);cursor:grab;user-select:none;touch-action:none;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.NPLLIq_header:active{cursor:grabbing}.NPLLIq_headerText{flex-direction:column;gap:2px;min-width:0;display:flex}.NPLLIq_title{color:var(--dsw-alias-label-primary);align-items:baseline;gap:6px;font-size:13px;font-weight:600;display:flex}.NPLLIq_version{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:10px;font-weight:500}.NPLLIq_versionNew{color:var(--dsw-alias-status-warning-foreground,#b56900);background:var(--dsw-alias-status-warning-background,#fff6d7);cursor:default;border-radius:4px;padding:1px 6px}.NPLLIq_subtitle{color:var(--dsw-alias-label-secondary);font-size:11px}.NPLLIq_collapse{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 6px;font-size:11px}.NPLLIq_collapse:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_body{padding:4px 0;overflow-y:auto}.NPLLIq_row{border-bottom:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.NPLLIq_rowHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.NPLLIq_rowName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.NPLLIq_currentBadge{color:var(--dsw-alias-state-success-primary);border:1px solid var(--dsw-alias-state-success-primary);border-radius:8px;flex:none;padding:1px 6px;font-size:10px}.NPLLIq_rowMeta{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.NPLLIq_bar{background:var(--dsw-alias-bg-layer-1);border-radius:3px;height:6px;overflow:hidden}.NPLLIq_fillIdle{background:var(--dsw-alias-brand-primary);height:100%;transition:width .2s}.NPLLIq_fillWarn{background:var(--dsw-alias-state-warn-primary);height:100%;transition:width .2s}.NPLLIq_fillOver{background:var(--dsw-alias-state-error-primary);height:100%;transition:width .2s}.NPLLIq_controls{align-items:center;gap:6px;display:flex}.NPLLIq_input{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);min-width:0;color:var(--dsw-alias-label-primary);border-radius:6px;flex:1;padding:4px 8px;font-size:11px}.NPLLIq_input::placeholder{color:var(--dsw-alias-label-secondary)}.NPLLIq_save,.NPLLIq_switch{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px;font-size:11px}.NPLLIq_save:hover,.NPLLIq_switch:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2)}.NPLLIq_switch:disabled{opacity:.5;cursor:default}.NPLLIq_notice,.NPLLIq_noticeError{color:var(--dsw-alias-label-secondary);padding:10px 12px;font-size:12px}.NPLLIq_noticeError{color:var(--dsw-alias-state-error-primary)}.NPLLIq_tab{background:var(--dsw-alias-brand-primary);border:1px solid var(--dsw-alias-brand-primary);color:var(--dsw-alias-bg-overlay);pointer-events:auto;cursor:pointer;z-index:90;border-radius:10px;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;top:56px;right:12px;box-shadow:0 6px 20px #00000040}.NPLLIq_tab:hover{filter:brightness(1.08)}.NPLLIq_tabIcon{font-size:12px;line-height:1}.NPLLIq_tabLabel{white-space:nowrap}.NPLLIq_headerActions{flex:none;align-items:center;gap:4px;display:flex}.NPLLIq_settingsBtn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 6px;font-size:11px}.NPLLIq_settingsBtn:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_settingsBtnActive{color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-bg-layer-2,#0000000f);box-shadow:inset 0 0 0 1px var(--dsw-alias-brand-primary);font-weight:700}.NPLLIq_selectBtn{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-brand-primary);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:1px 6px;font-size:10px}.NPLLIq_selectBtn:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_gearBtn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;flex:none;margin-left:6px;padding:0 2px;font-size:12px;line-height:1}.NPLLIq_gearBtn:hover{color:var(--dsw-alias-label-primary)}.NPLLIq_fullNotice{color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-state-error-primary);border-radius:8px;margin:6px 12px;padding:8px 10px;font-size:12px}.NPLLIq_upgradeBanner{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-divider-1,#0000001a);border-radius:8px;margin:6px 12px;padding:10px 30px 10px 10px;font-size:12px;position:relative}@keyframes NPLLIq_upgradeBannerFlash{0%,to{border-color:var(--dsw-alias-divider-1,#0000001a);box-shadow:0 0 #f0a02000}50%{border-color:var(--dsw-alias-status-warning-foreground,#b56900);box-shadow:0 0 0 5px #f0a02073}}.NPLLIq_upgradeBannerFlash{border-color:var(--dsw-alias-status-warning-foreground,#b56900);animation:.6s ease-in-out 4 NPLLIq_upgradeBannerFlash}.NPLLIq_upgradeBannerText{margin-bottom:6px;font-weight:600}.NPLLIq_upgradeCommands{flex-direction:column;gap:4px;display:flex}.NPLLIq_upgradeCommandRow{align-items:center;gap:6px;display:flex}.NPLLIq_upgradeCommand{background:var(--dsw-alias-bg-layer-2,#0000000a);white-space:nowrap;border-radius:4px;flex:1;min-width:0;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;overflow-x:auto}.NPLLIq_copyBtn{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-2,#0000000a);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:4px;flex:none;padding:3px 8px;font-size:11px;transition:transform 80ms,background .12s,color .12s}.NPLLIq_copyBtn:hover{background:var(--dsw-alias-bg-layer-3,#00000014)}.NPLLIq_copyBtn:active{transform:scale(.92)}.NPLLIq_copyBtnDone{background:var(--dsw-alias-status-success-background,#14963c1f);border-color:var(--dsw-alias-status-success-foreground,#0a7d32);color:var(--dsw-alias-status-success-foreground,#0a7d32);font-weight:600}.NPLLIq_upgradeHint{color:var(--dsw-alias-label-secondary);margin-top:6px;font-size:11px}.NPLLIq_upgradeClose{width:20px;height:20px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;font-size:16px;line-height:1;position:absolute;top:4px;right:6px}.NPLLIq_upgradeClose:hover{background:var(--dsw-alias-bg-layer-2,#0000000a);color:var(--dsw-alias-label-primary)}.NPLLIq_checkUpdatesRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.NPLLIq_checkUpdatesLabel{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.NPLLIq_checkUpdatesLabel input{margin:0}.NPLLIq_checkUpdatesLabel input[type=range]{min-width:90px;accent-color:var(--dsw-alias-brand-primary);flex:1}.NPLLIq_checkUpdatesLabel select{background:var(--dsw-alias-bg-layer-2,#0000000a);min-width:90px;color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-divider-1,#00000026);border-radius:4px;flex:1;padding:2px 4px;font-size:12px}.NPLLIq_checkBtn{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-2,#0000000a);color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;text-align:center;border-radius:4px;flex:none;min-width:72px;padding:4px 10px;font-size:12px}.NPLLIq_checkBtn:hover:not(:disabled){background:var(--dsw-alias-bg-layer-3,#00000014)}.NPLLIq_checkBtn:disabled{opacity:.6;cursor:default}.NPLLIq_checkErrorHint{color:var(--dsw-alias-state-error-primary,#c00);background:var(--dsw-alias-state-error-background,#ff00000f);border:1px solid var(--dsw-alias-state-error-border,#b4000040);word-break:break-all;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:11px;line-height:1.4}.NPLLIq_dialog{z-index:100;box-sizing:border-box;background:var(--dsw-alias-bg-overlay);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;gap:12px;width:430px;max-width:94vw;max-height:80vh;padding:14px;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 28px #00000040}.NPLLIq_dialogTabs{border-bottom:1px solid var(--dsw-alias-divider-1,#00000014);gap:2px;margin:-6px -14px 0;padding:0 14px;display:flex}.NPLLIq_dialogTab{appearance:none;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px 8px;font-size:12px}.NPLLIq_dialogTab:hover{color:var(--dsw-alias-label-primary)}.NPLLIq_dialogTabActive{color:var(--dsw-alias-brand-primary);border-bottom-color:var(--dsw-alias-brand-primary);font-weight:600}.NPLLIq_settingsDialog{height:min(560px,80vh)}.NPLLIq_dialogTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.NPLLIq_dialogSection{flex-direction:column;gap:6px;display:flex}.NPLLIq_dialogLabel{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:500}.NPLLIq_monitorHint{color:var(--dsw-alias-label-secondary);font-size:11px}.NPLLIq_dialogHint{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:11px;line-height:1.4}.NPLLIq_monitorList{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.NPLLIq_monitorRow{color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:2px 4px;font-size:12px;display:flex}.NPLLIq_monitorRow:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_monitorName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.NPLLIq_radioRow{color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3px 4px;font-size:12px;display:flex}.NPLLIq_radioRow:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_dialogActions{justify-content:flex-end;gap:6px;display:flex}.NPLLIq_dialogBtn,.NPLLIq_dialogBtnPrimary{border:1px solid var(--dsw-alias-border-l1);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:11px}.NPLLIq_dialogBtn{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.NPLLIq_dialogBtnPrimary{background:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-bg-overlay)}.NPLLIq_dialogHeader{z-index:2;background:var(--dsw-alias-bg-overlay);cursor:grab;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:8px;margin:-14px -14px 0;padding:14px 14px 8px;display:flex;position:sticky;top:-14px}.NPLLIq_dialogHeader:active{cursor:grabbing}.NPLLIq_dialogClose{width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.NPLLIq_dialogClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_resetRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.NPLLIq_resetSelect{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:6px;padding:3px 6px;font-size:12px}.NPLLIq_logTable{border-collapse:collapse;width:100%;font-size:11px}.NPLLIq_logTable th{text-align:left;color:var(--dsw-alias-label-secondary);border-bottom:1px solid var(--dsw-alias-border-l1);padding:4px 6px;font-weight:500}.NPLLIq_logTable td{color:var(--dsw-alias-label-primary);border-bottom:1px solid var(--dsw-alias-border-l1);font-variant-numeric:tabular-nums;padding:4px 6px}.NPLLIq_logDayCol{white-space:nowrap;color:var(--dsw-alias-label-secondary)}.NPLLIq_logModelCol{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.NPLLIq_logUsedCol{text-align:right}.NPLLIq_logDialog{gap:0;width:380px;max-height:min(72vh,480px);padding:0}.NPLLIq_logHeader{background:var(--dsw-alias-bg-overlay);cursor:grab;user-select:none;touch-action:none;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 8px;display:flex}.NPLLIq_logHeader:active{cursor:grabbing}.NPLLIq_logScroll{flex:1;min-height:0;padding:0 14px 14px;overflow:auto}.NPLLIq_logToolbar{flex:1;align-items:center;gap:6px;display:flex}.NPLLIq_logSearch{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-1,#0000000a);min-width:0;color:var(--dsw-alias-label-primary);border-radius:4px;flex:1;padding:3px 6px;font-size:11px}.NPLLIq_logSearch:focus{border-color:var(--dsw-alias-accent-1,#4a9eff);outline:none}.NPLLIq_logClearBtn{border:1px solid var(--dsw-alias-state-error-border,#b400004d);color:var(--dsw-alias-state-error-primary,#c00);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex:none;padding:3px 8px;font-size:11px}.NPLLIq_logClearBtn:hover{background:var(--dsw-alias-state-error-background,#ff00000f)}.NPLLIq_logPager{border-top:1px solid var(--dsw-alias-divider-1,#00000014);background:var(--dsw-alias-bg-overlay);color:var(--dsw-alias-label-secondary);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;font-size:11px;display:flex}.NPLLIq_logPagerInfo{white-space:nowrap}.NPLLIq_logPagerControls{align-items:center;gap:4px;display:flex}.NPLLIq_logPagerBtn{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-1,#0000000a);width:24px;height:24px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:4px;font-size:13px;line-height:1}.NPLLIq_logPagerBtn:disabled{opacity:.4;cursor:default}.NPLLIq_logPagerPages{text-align:center;min-width:50px;color:var(--dsw-alias-label-secondary)}.NPLLIq_logPageSizeSelect{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-1,#0000000a);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:4px;padding:2px 4px;font-size:11px}.NPLLIq_dialogOverlay{z-index:100001;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.NPLLIq_logClearDialog{gap:0;width:320px;padding:16px}.NPLLIq_dialogBody{color:var(--dsw-alias-label-secondary);margin:6px 0 10px;font-size:12px;line-height:1.5}.NPLLIq_logClearDate{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-1,#0000000a);width:100%;color:var(--dsw-alias-label-primary);border-radius:6px;margin-bottom:12px;padding:6px 8px;font-size:13px}.NPLLIq_logClearDate:focus{border-color:var(--dsw-alias-accent-1,#4a9eff);outline:none}";
+		const css = ".NPLLIq_panel{box-sizing:border-box;background:var(--dsw-alias-bg-overlay);border:1px solid var(--dsw-alias-border-l1);pointer-events:auto;z-index:40;opacity:1;border-radius:12px;flex-direction:column;width:320px;max-height:min(72vh,560px);transition:opacity .18s;display:flex;position:fixed;top:56px;right:12px;overflow:hidden;box-shadow:0 8px 28px #0000002e}.NPLLIq_panelDim{opacity:.55}.NPLLIq_panelDimStrong{opacity:.3}.NPLLIq_header{border-bottom:1px solid var(--dsw-alias-border-l1);cursor:grab;user-select:none;touch-action:none;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.NPLLIq_header:active{cursor:grabbing}.NPLLIq_headerText{flex-direction:column;gap:2px;min-width:0;display:flex}.NPLLIq_title{color:var(--dsw-alias-label-primary);align-items:baseline;gap:6px;font-size:13px;font-weight:600;display:flex}.NPLLIq_version{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:10px;font-weight:500}.NPLLIq_versionNew{color:var(--dsw-alias-status-warning-foreground,#b56900);background:var(--dsw-alias-status-warning-background,#fff6d7);cursor:default;border-radius:4px;padding:1px 6px}.NPLLIq_subtitle{color:var(--dsw-alias-label-secondary);font-size:11px}.NPLLIq_collapse{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 6px;font-size:11px}.NPLLIq_collapse:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_body{padding:4px 0;overflow-y:auto}.NPLLIq_row{border-bottom:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.NPLLIq_rowHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.NPLLIq_rowDrag{cursor:grab;color:var(--dsw-alias-label-secondary);user-select:none;border-radius:4px;flex:none;margin-right:2px;padding:2px 3px;font-size:11px;line-height:1}.NPLLIq_rowDrag:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_rowDrag:active{cursor:grabbing}.NPLLIq_rowDragging{opacity:.45}.NPLLIq_rowDropTarget{box-shadow:inset 0 2px 0 var(--dsw-alias-brand-primary)}.NPLLIq_rowName{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.NPLLIq_currentBadge{color:var(--dsw-alias-state-success-primary);border:1px solid var(--dsw-alias-state-success-primary);border-radius:8px;flex:none;padding:1px 6px;font-size:10px}.NPLLIq_rowMeta{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.NPLLIq_bar{background:var(--dsw-alias-bg-layer-1);border-radius:3px;height:6px;overflow:hidden}.NPLLIq_fillIdle{background:var(--dsw-alias-brand-primary);height:100%;transition:width .2s}.NPLLIq_fillWarn{background:var(--dsw-alias-state-warn-primary);height:100%;transition:width .2s}.NPLLIq_fillOver{background:var(--dsw-alias-state-error-primary);height:100%;transition:width .2s}.NPLLIq_controls{align-items:center;gap:6px;display:flex}.NPLLIq_input{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);min-width:0;color:var(--dsw-alias-label-primary);border-radius:6px;flex:1;padding:4px 8px;font-size:11px}.NPLLIq_input::placeholder{color:var(--dsw-alias-label-secondary)}.NPLLIq_save,.NPLLIq_switch{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px;font-size:11px}.NPLLIq_save:hover,.NPLLIq_switch:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2)}.NPLLIq_switch:disabled{opacity:.5;cursor:default}.NPLLIq_notice,.NPLLIq_noticeError{color:var(--dsw-alias-label-secondary);padding:10px 12px;font-size:12px}.NPLLIq_noticeError{color:var(--dsw-alias-state-error-primary)}.NPLLIq_tab{background:var(--dsw-alias-brand-primary);border:1px solid var(--dsw-alias-brand-primary);color:var(--dsw-alias-bg-overlay);pointer-events:auto;cursor:pointer;z-index:90;border-radius:10px;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;top:56px;right:12px;box-shadow:0 6px 20px #00000040}.NPLLIq_tab:hover{filter:brightness(1.08)}.NPLLIq_tabIcon{font-size:12px;line-height:1}.NPLLIq_tabLabel{white-space:nowrap}.NPLLIq_headerActions{flex:none;align-items:center;gap:4px;display:flex}.NPLLIq_settingsBtn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 6px;font-size:11px}.NPLLIq_settingsBtn:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_settingsBtnActive{color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-bg-layer-2,#0000000f);box-shadow:inset 0 0 0 1px var(--dsw-alias-brand-primary);font-weight:700}.NPLLIq_selectBtn{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-brand-primary);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:1px 6px;font-size:10px}.NPLLIq_selectBtn:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_gearBtn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;flex:none;margin-left:6px;padding:0 2px;font-size:12px;line-height:1}.NPLLIq_gearBtn:hover{color:var(--dsw-alias-label-primary)}.NPLLIq_fullNotice{color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-state-error-primary);border-radius:8px;margin:6px 12px;padding:8px 10px;font-size:12px}.NPLLIq_upgradeBanner{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-divider-1,#0000001a);border-radius:8px;margin:6px 12px;padding:10px 30px 10px 10px;font-size:12px;position:relative}@keyframes NPLLIq_upgradeBannerFlash{0%,to{border-color:var(--dsw-alias-divider-1,#0000001a);box-shadow:0 0 #f0a02000}50%{border-color:var(--dsw-alias-status-warning-foreground,#b56900);box-shadow:0 0 0 5px #f0a02073}}.NPLLIq_upgradeBannerFlash{border-color:var(--dsw-alias-status-warning-foreground,#b56900);animation:.6s ease-in-out 4 NPLLIq_upgradeBannerFlash}.NPLLIq_upgradeBannerText{margin-bottom:6px;font-weight:600}.NPLLIq_upgradeCommands{flex-direction:column;gap:4px;display:flex}.NPLLIq_upgradeCommandRow{align-items:center;gap:6px;display:flex}.NPLLIq_upgradeCommand{background:var(--dsw-alias-bg-layer-2,#0000000a);white-space:nowrap;border-radius:4px;flex:1;min-width:0;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;overflow-x:auto}.NPLLIq_copyBtn{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-2,#0000000a);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:4px;flex:none;padding:3px 8px;font-size:11px;transition:transform 80ms,background .12s,color .12s}.NPLLIq_copyBtn:hover{background:var(--dsw-alias-bg-layer-3,#00000014)}.NPLLIq_copyBtn:active{transform:scale(.92)}.NPLLIq_copyBtnDone{background:var(--dsw-alias-status-success-background,#14963c1f);border-color:var(--dsw-alias-status-success-foreground,#0a7d32);color:var(--dsw-alias-status-success-foreground,#0a7d32);font-weight:600}.NPLLIq_upgradeHint{color:var(--dsw-alias-label-secondary);margin-top:6px;font-size:11px}.NPLLIq_upgradeClose{width:20px;height:20px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;font-size:16px;line-height:1;position:absolute;top:4px;right:6px}.NPLLIq_upgradeClose:hover{background:var(--dsw-alias-bg-layer-2,#0000000a);color:var(--dsw-alias-label-primary)}.NPLLIq_checkUpdatesRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.NPLLIq_checkUpdatesLabel{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.NPLLIq_checkUpdatesLabel input{margin:0}.NPLLIq_checkUpdatesLabel input[type=range]{min-width:90px;accent-color:var(--dsw-alias-brand-primary);flex:1}.NPLLIq_checkUpdatesLabel select{background:var(--dsw-alias-bg-layer-2,#0000000a);min-width:90px;color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-divider-1,#00000026);border-radius:4px;flex:1;padding:2px 4px;font-size:12px}.NPLLIq_checkBtn{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-2,#0000000a);color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;text-align:center;border-radius:4px;flex:none;min-width:72px;padding:4px 10px;font-size:12px}.NPLLIq_checkBtn:hover:not(:disabled){background:var(--dsw-alias-bg-layer-3,#00000014)}.NPLLIq_checkBtn:disabled{opacity:.6;cursor:default}.NPLLIq_checkErrorHint{color:var(--dsw-alias-state-error-primary,#c00);background:var(--dsw-alias-state-error-background,#ff00000f);border:1px solid var(--dsw-alias-state-error-border,#b4000040);word-break:break-all;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:11px;line-height:1.4}.NPLLIq_dialog{z-index:100;box-sizing:border-box;background:var(--dsw-alias-bg-overlay);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;gap:12px;width:430px;max-width:94vw;max-height:80vh;padding:14px;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 28px #00000040}.NPLLIq_dialogTabs{border-bottom:1px solid var(--dsw-alias-divider-1,#00000014);gap:2px;margin:-6px -14px 0;padding:0 14px;display:flex}.NPLLIq_dialogTab{appearance:none;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px 8px;font-size:12px}.NPLLIq_dialogTab:hover{color:var(--dsw-alias-label-primary)}.NPLLIq_dialogTabActive{color:var(--dsw-alias-brand-primary);border-bottom-color:var(--dsw-alias-brand-primary);font-weight:600}.NPLLIq_settingsDialog{height:min(560px,80vh)}.NPLLIq_dialogTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.NPLLIq_dialogSection{flex-direction:column;gap:6px;display:flex}.NPLLIq_dialogLabel{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:500}.NPLLIq_monitorHint{color:var(--dsw-alias-label-secondary);font-size:11px}.NPLLIq_dialogHint{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:11px;line-height:1.4}.NPLLIq_monitorList{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.NPLLIq_monitorRow{color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:2px 4px;font-size:12px;display:flex}.NPLLIq_monitorRow:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_monitorName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.NPLLIq_radioRow{color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3px 4px;font-size:12px;display:flex}.NPLLIq_radioRow:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_dialogActions{justify-content:flex-end;gap:6px;display:flex}.NPLLIq_dialogBtn,.NPLLIq_dialogBtnPrimary{border:1px solid var(--dsw-alias-border-l1);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:11px}.NPLLIq_dialogBtn{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.NPLLIq_dialogBtnPrimary{background:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-bg-overlay)}.NPLLIq_dialogHeader{z-index:2;background:var(--dsw-alias-bg-overlay);cursor:grab;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:8px;margin:-14px -14px 0;padding:14px 14px 8px;display:flex;position:sticky;top:-14px}.NPLLIq_dialogHeader:active{cursor:grabbing}.NPLLIq_dialogClose{width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.NPLLIq_dialogClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_resetRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.NPLLIq_resetSelect{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:6px;padding:3px 6px;font-size:12px}.NPLLIq_logTable{border-collapse:collapse;width:100%;font-size:11px}.NPLLIq_logTable th{text-align:left;color:var(--dsw-alias-label-secondary);border-bottom:1px solid var(--dsw-alias-border-l1);padding:4px 6px;font-weight:500}.NPLLIq_logTable td{color:var(--dsw-alias-label-primary);border-bottom:1px solid var(--dsw-alias-border-l1);font-variant-numeric:tabular-nums;padding:4px 6px}.NPLLIq_logDayCol{white-space:nowrap;color:var(--dsw-alias-label-secondary)}.NPLLIq_logModelCol{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.NPLLIq_logUsedCol{text-align:right}.NPLLIq_logDialog{gap:0;width:380px;max-height:min(72vh,480px);padding:0}.NPLLIq_logHeader{background:var(--dsw-alias-bg-overlay);cursor:grab;user-select:none;touch-action:none;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 8px;display:flex}.NPLLIq_logHeader:active{cursor:grabbing}.NPLLIq_logScroll{flex:1;min-height:0;padding:0 14px 14px;overflow:auto}.NPLLIq_logToolbar{flex:1;align-items:center;gap:6px;display:flex}.NPLLIq_logSearch{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-1,#0000000a);min-width:0;color:var(--dsw-alias-label-primary);border-radius:4px;flex:1;padding:3px 6px;font-size:11px}.NPLLIq_logSearch:focus{border-color:var(--dsw-alias-accent-1,#4a9eff);outline:none}.NPLLIq_logClearBtn{border:1px solid var(--dsw-alias-state-error-border,#b400004d);color:var(--dsw-alias-state-error-primary,#c00);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex:none;padding:3px 8px;font-size:11px}.NPLLIq_logClearBtn:hover{background:var(--dsw-alias-state-error-background,#ff00000f)}.NPLLIq_logPager{border-top:1px solid var(--dsw-alias-divider-1,#00000014);background:var(--dsw-alias-bg-overlay);color:var(--dsw-alias-label-secondary);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;font-size:11px;display:flex}.NPLLIq_logPagerInfo{white-space:nowrap}.NPLLIq_logPagerControls{align-items:center;gap:4px;display:flex}.NPLLIq_logPagerBtn{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-1,#0000000a);width:24px;height:24px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:4px;font-size:13px;line-height:1}.NPLLIq_logPagerBtn:disabled{opacity:.4;cursor:default}.NPLLIq_logPagerPages{text-align:center;min-width:50px;color:var(--dsw-alias-label-secondary)}.NPLLIq_logPageSizeSelect{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-1,#0000000a);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:4px;padding:2px 4px;font-size:11px}.NPLLIq_dialogOverlay{z-index:100001;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.NPLLIq_logClearDialog{gap:0;width:320px;padding:16px}.NPLLIq_dialogBody{color:var(--dsw-alias-label-secondary);margin:6px 0 10px;font-size:12px;line-height:1.5}.NPLLIq_logClearDate{border:1px solid var(--dsw-alias-divider-1,#00000026);background:var(--dsw-alias-bg-layer-1,#0000000a);width:100%;color:var(--dsw-alias-label-primary);border-radius:6px;margin-bottom:12px;padding:6px 8px;font-size:13px}.NPLLIq_logClearDate:focus{border-color:var(--dsw-alias-accent-1,#4a9eff);outline:none}";
 		const tagId = "@jxgame2020/dsh-token-quota/TokenQuotaPanel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -201,96 +229,99 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var TokenQuotaPanel_module_css_default = {
-			"body": "NPLLIq_body",
+			"subtitle": "NPLLIq_subtitle",
+			"headerActions": "NPLLIq_headerActions",
 			"bar": "NPLLIq_bar",
-			"rowName": "NPLLIq_rowName",
-			"rowHeader": "NPLLIq_rowHeader",
-			"gearBtn": "NPLLIq_gearBtn",
-			"radioRow": "NPLLIq_radioRow",
+			"collapse": "NPLLIq_collapse",
+			"tabLabel": "NPLLIq_tabLabel",
+			"rowMeta": "NPLLIq_rowMeta",
+			"dialog": "NPLLIq_dialog",
+			"panelDimStrong": "NPLLIq_panelDimStrong",
+			"settingsBtn": "NPLLIq_settingsBtn",
+			"settingsDialog": "NPLLIq_settingsDialog",
+			"controls": "NPLLIq_controls",
 			"resetRow": "NPLLIq_resetRow",
-			"logModelCol": "NPLLIq_logModelCol",
-			"logClearDialog": "NPLLIq_logClearDialog",
-			"upgradeClose": "NPLLIq_upgradeClose",
-			"subtitle": "NPLLIq_subtitle",
+			"fillOver": "NPLLIq_fillOver",
+			"upgradeBannerFlash": "NPLLIq_upgradeBannerFlash",
+			"radioRow": "NPLLIq_radioRow",
+			"rowHeader": "NPLLIq_rowHeader",
+			"fillIdle": "NPLLIq_fillIdle",
+			"logTable": "NPLLIq_logTable",
+			"fullNotice": "NPLLIq_fullNotice",
+			"rowDragging": "NPLLIq_rowDragging",
+			"dialogBody": "NPLLIq_dialogBody",
+			"logDialog": "NPLLIq_logDialog",
+			"rowDropTarget": "NPLLIq_rowDropTarget",
+			"checkUpdatesLabel": "NPLLIq_checkUpdatesLabel",
+			"dialogTabs": "NPLLIq_dialogTabs",
+			"resetSelect": "NPLLIq_resetSelect",
+			"logUsedCol": "NPLLIq_logUsedCol",
 			"fillWarn": "NPLLIq_fillWarn",
+			"selectBtn": "NPLLIq_selectBtn",
+			"versionNew": "NPLLIq_versionNew",
+			"dialogTab": "NPLLIq_dialogTab",
+			"dialogTitle": "NPLLIq_dialogTitle",
+			"dialogBtnPrimary": "NPLLIq_dialogBtnPrimary",
+			"logHeader": "NPLLIq_logHeader",
+			"rowDrag": "NPLLIq_rowDrag",
+			"monitorHint": "NPLLIq_monitorHint",
+			"body": "NPLLIq_body",
+			"rowName": "NPLLIq_rowName",
 			"noticeError": "NPLLIq_noticeError",
 			"upgradeCommandRow": "NPLLIq_upgradeCommandRow",
-			"logDialog": "NPLLIq_logDialog",
-			"dialogLabel": "NPLLIq_dialogLabel",
-			"settingsBtn": "NPLLIq_settingsBtn",
 			"dialogHeader": "NPLLIq_dialogHeader",
-			"upgradeBannerFlash": "NPLLIq_upgradeBannerFlash",
-			"copyBtnDone": "NPLLIq_copyBtnDone",
-			"upgradeBanner": "NPLLIq_upgradeBanner",
-			"logScroll": "NPLLIq_logScroll",
-			"logDayCol": "NPLLIq_logDayCol",
-			"logPager": "NPLLIq_logPager",
-			"upgradeCommands": "NPLLIq_upgradeCommands",
-			"fillOver": "NPLLIq_fillOver",
+			"logClearBtn": "NPLLIq_logClearBtn",
+			"logPagerInfo": "NPLLIq_logPagerInfo",
 			"checkUpdatesRow": "NPLLIq_checkUpdatesRow",
-			"headerText": "NPLLIq_headerText",
-			"switch": "NPLLIq_switch",
-			"dialogHint": "NPLLIq_dialogHint",
-			"dialogOverlay": "NPLLIq_dialogOverlay",
-			"version": "NPLLIq_version",
+			"dialogLabel": "NPLLIq_dialogLabel",
+			"header": "NPLLIq_header",
+			"logPager": "NPLLIq_logPager",
+			"copyBtn": "NPLLIq_copyBtn",
 			"input": "NPLLIq_input",
-			"logPagerControls": "NPLLIq_logPagerControls",
-			"settingsDialog": "NPLLIq_settingsDialog",
+			"logClearDialog": "NPLLIq_logClearDialog",
+			"logClearDate": "NPLLIq_logClearDate",
+			"upgradeClose": "NPLLIq_upgradeClose",
+			"dialogBtn": "NPLLIq_dialogBtn",
 			"logPageSizeSelect": "NPLLIq_logPageSizeSelect",
-			"panelDim": "NPLLIq_panelDim",
-			"settingsBtnActive": "NPLLIq_settingsBtnActive",
-			"versionNew": "NPLLIq_versionNew",
-			"dialogBtnPrimary": "NPLLIq_dialogBtnPrimary",
-			"dialogTabActive": "NPLLIq_dialogTabActive",
-			"copyBtn": "NPLLIq_copyBtn",
-			"headerActions": "NPLLIq_headerActions",
-			"logSearch": "NPLLIq_logSearch",
-			"checkUpdatesLabel": "NPLLIq_checkUpdatesLabel",
-			"dialogTab": "NPLLIq_dialogTab",
+			"logScroll": "NPLLIq_logScroll",
 			"upgradeHint": "NPLLIq_upgradeHint",
-			"collapse": "NPLLIq_collapse",
-			"dialogTabs": "NPLLIq_dialogTabs",
+			"logModelCol": "NPLLIq_logModelCol",
+			"gearBtn": "NPLLIq_gearBtn",
+			"monitorName": "NPLLIq_monitorName",
+			"dialogOverlay": "NPLLIq_dialogOverlay",
+			"currentBadge": "NPLLIq_currentBadge",
+			"upgradeBannerText": "NPLLIq_upgradeBannerText",
+			"switch": "NPLLIq_switch",
+			"logToolbar": "NPLLIq_logToolbar",
+			"logSearch": "NPLLIq_logSearch",
+			"logDayCol": "NPLLIq_logDayCol",
+			"dialogTabActive": "NPLLIq_dialogTabActive",
+			"row": "NPLLIq_row",
+			"upgradeBanner": "NPLLIq_upgradeBanner",
+			"headerText": "NPLLIq_headerText",
 			"title": "NPLLIq_title",
-			"controls": "NPLLIq_controls",
-			"logClearBtn": "NPLLIq_logClearBtn",
-			"header": "NPLLIq_header",
-			"logPagerInfo": "NPLLIq_logPagerInfo",
-			"logPagerPages": "NPLLIq_logPagerPages",
+			"dialogSection": "NPLLIq_dialogSection",
+			"logPagerControls": "NPLLIq_logPagerControls",
+			"settingsBtnActive": "NPLLIq_settingsBtnActive",
+			"version": "NPLLIq_version",
+			"tab": "NPLLIq_tab",
+			"dialogHint": "NPLLIq_dialogHint",
 			"dialogClose": "NPLLIq_dialogClose",
-			"logHeader": "NPLLIq_logHeader",
-			"notice": "NPLLIq_notice",
-			"dialogBody": "NPLLIq_dialogBody",
-			"dialog": "NPLLIq_dialog",
-			"panelDimStrong": "NPLLIq_panelDimStrong",
-			"logClearDate": "NPLLIq_logClearDate",
-			"save": "NPLLIq_save",
-			"logUsedCol": "NPLLIq_logUsedCol",
-			"monitorName": "NPLLIq_monitorName",
+			"panel": "NPLLIq_panel",
+			"tabIcon": "NPLLIq_tabIcon",
+			"logPagerPages": "NPLLIq_logPagerPages",
+			"panelDim": "NPLLIq_panelDim",
+			"copyBtnDone": "NPLLIq_copyBtnDone",
+			"monitorList": "NPLLIq_monitorList",
+			"logPagerBtn": "NPLLIq_logPagerBtn",
 			"monitorRow": "NPLLIq_monitorRow",
-			"dialogBtn": "NPLLIq_dialogBtn",
 			"dialogActions": "NPLLIq_dialogActions",
-			"upgradeBannerText": "NPLLIq_upgradeBannerText",
-			"selectBtn": "NPLLIq_selectBtn",
-			"logPagerBtn": "NPLLIq_logPagerBtn",
+			"notice": "NPLLIq_notice",
 			"upgradeCommand": "NPLLIq_upgradeCommand",
-			"row": "NPLLIq_row",
-			"currentBadge": "NPLLIq_currentBadge",
-			"monitorList": "NPLLIq_monitorList",
-			"tabLabel": "NPLLIq_tabLabel",
-			"fillIdle": "NPLLIq_fillIdle",
 			"checkErrorHint": "NPLLIq_checkErrorHint",
-			"dialogTitle": "NPLLIq_dialogTitle",
-			"monitorHint": "NPLLIq_monitorHint",
-			"tabIcon": "NPLLIq_tabIcon",
-			"panel": "NPLLIq_panel",
-			"resetSelect": "NPLLIq_resetSelect",
 			"checkBtn": "NPLLIq_checkBtn",
-			"logTable": "NPLLIq_logTable",
-			"tab": "NPLLIq_tab",
-			"rowMeta": "NPLLIq_rowMeta",
-			"logToolbar": "NPLLIq_logToolbar",
-			"fullNotice": "NPLLIq_fullNotice",
-			"dialogSection": "NPLLIq_dialogSection"
+			"upgradeCommands": "NPLLIq_upgradeCommands",
+			"save": "NPLLIq_save"
 		};
 		//#endregion
 		//#region lib/types/client/TokenQuotaPanel.js
@@ -377,13 +408,15 @@ window.__ModuleLoader__.load({
 		* @param props - composed slot props.
 		* @returns the panel element tree.
 		*/
-		function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle, setMusicEnabled, setMusicVolume, setMusicStyle, setMusicOnlyCurrentSession, useStore, actions, useSessions }) {
+		function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle, setModelOrder, setMusicEnabled, setMusicVolume, setMusicStyle, setMusicOnlyCurrentSession, useStore, actions, useSessions }) {
 			const [collapsed, setCollapsed] = (0, react.useState)(false);
 			const [drafts, setDrafts] = (0, react.useState)({});
 			const [editingKey, setEditingKey] = (0, react.useState)(null);
 			const [hovered, setHovered] = (0, react.useState)(false);
 			const [inputActive, setInputActive] = (0, react.useState)(false);
 			const [settingsTab, setSettingsTab] = (0, react.useState)("quota");
+			const [dragKey, setDragKey] = (0, react.useState)(null);
+			const [dropKey, setDropKey] = (0, react.useState)(null);
 			const [copiedCmd, setCopiedCmd] = (0, react.useState)(null);
 			const copyTimerRef = (0, react.useRef)(null);
 			const [upgradeFlash, setUpgradeFlash] = (0, react.useState)(false);
@@ -409,6 +442,7 @@ window.__ModuleLoader__.load({
 			const onFull = useStore((s) => s.onFull);
 			const checkUpdates = useStore((s) => s.checkUpdates);
 			const dimWhenIdle = useStore((s) => s.dimWhenIdle);
+			const order = useStore((s) => s.order);
 			const musicEnabled = useStore((s) => s.musicEnabled);
 			const musicVolume = useStore((s) => s.musicVolume);
 			const musicStyle = useStore((s) => s.musicStyle);
@@ -464,15 +498,27 @@ window.__ModuleLoader__.load({
 					if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
 				};
 			}, []);
-			const rows = (0, react.useMemo)(() => mergeModelRows(groups, snapshot, current), [
+			const rows = (0, react.useMemo)(() => mergeModelRows(groups, snapshot, current, order), [
 				groups,
 				snapshot,
-				current
+				current,
+				order
 			]);
-			const allModels = (0, react.useMemo)(() => groups.flatMap((group) => group.models.map((model) => ({
-				key: `${group.id}/${model.id}`,
-				name: model.name
-			}))).sort((a, b) => a.key.localeCompare(b.key)), [groups]);
+			const allModels = (0, react.useMemo)(() => {
+				const list = groups.flatMap((group) => group.models.map((model) => ({
+					key: `${group.id}/${model.id}`,
+					name: model.name
+				})));
+				const rank = new Map(order.map((key, index) => [key, index]));
+				return list.sort((left, right) => {
+					const leftRank = rank.get(left.key);
+					const rightRank = rank.get(right.key);
+					if (leftRank !== void 0 && rightRank !== void 0) return leftRank - rightRank;
+					if (leftRank !== void 0) return -1;
+					if (rightRank !== void 0) return 1;
+					return left.key.localeCompare(right.key);
+				});
+			}, [groups, order]);
 			const isMonitoredKey = (key) => monitored === null || monitored.includes(key);
 			const filteredLogEntries = (0, react.useMemo)(() => {
 				if (log === null) return [];
@@ -597,13 +643,13 @@ window.__ModuleLoader__.load({
 									title: t("upgradeAvailableHint"),
 									children: [
 										"v",
-										"0.1.31",
+										"0.1.32",
 										" → v",
 										upgrade.latestVersion
 									]
 								}) : (0, react_jsx_runtime.jsxs)("span", {
 									className: TokenQuotaPanel_module_css_default.version,
-									children: ["v", "0.1.31"]
+									children: ["v", "0.1.32"]
 								})]
 							}), (0, react_jsx_runtime.jsx)("div", {
 								className: TokenQuotaPanel_module_css_default.subtitle,
@@ -716,40 +762,69 @@ window.__ModuleLoader__.load({
 								const barClass = state === "over" ? TokenQuotaPanel_module_css_default.fillOver : state === "warn" ? TokenQuotaPanel_module_css_default.fillWarn : TokenQuotaPanel_module_css_default.fillIdle;
 								const editing = editingKey === row.key;
 								return (0, react_jsx_runtime.jsxs)("div", {
-									className: TokenQuotaPanel_module_css_default.row,
+									className: `${TokenQuotaPanel_module_css_default.row}${dragKey === row.key ? ` ${TokenQuotaPanel_module_css_default.rowDragging}` : ""}${dropKey === row.key && dragKey !== row.key ? ` ${TokenQuotaPanel_module_css_default.rowDropTarget}` : ""}`,
+									onDragOver: (event) => {
+										if (dragKey === null || dragKey === row.key) return;
+										event.preventDefault();
+										setDropKey(row.key);
+									},
+									onDrop: (event) => {
+										event.preventDefault();
+										if (dragKey !== null && dragKey !== row.key) setModelOrder(reorderKeys(rows.map((r) => r.key), dragKey, row.key));
+										setDragKey(null);
+										setDropKey(null);
+									},
+									onDragEnd: () => {
+										setDragKey(null);
+										setDropKey(null);
+									},
 									children: [
 										(0, react_jsx_runtime.jsxs)("div", {
 											className: TokenQuotaPanel_module_css_default.rowHeader,
-											children: [(0, react_jsx_runtime.jsxs)("span", {
-												className: TokenQuotaPanel_module_css_default.rowName,
-												title: row.key,
-												children: [
-													row.name,
-													row.current && (0, react_jsx_runtime.jsx)("span", {
-														className: TokenQuotaPanel_module_css_default.currentBadge,
-														children: t("current")
-													}),
-													sessionId !== void 0 && !row.current && (0, react_jsx_runtime.jsx)("button", {
+											children: [
+												(0, react_jsx_runtime.jsx)("span", {
+													className: TokenQuotaPanel_module_css_default.rowDrag,
+													draggable: true,
+													title: t("reorderHint"),
+													onDragStart: (event) => {
+														setDragKey(row.key);
+														event.dataTransfer.effectAllowed = "move";
+														event.dataTransfer.setData("text/plain", row.key);
+													},
+													children: "⠿"
+												}),
+												(0, react_jsx_runtime.jsxs)("span", {
+													className: TokenQuotaPanel_module_css_default.rowName,
+													title: row.key,
+													children: [
+														row.name,
+														row.current && (0, react_jsx_runtime.jsx)("span", {
+															className: TokenQuotaPanel_module_css_default.currentBadge,
+															children: t("current")
+														}),
+														sessionId !== void 0 && !row.current && (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: TokenQuotaPanel_module_css_default.selectBtn,
+															onClick: () => {
+																selectModel(sessionId, row.provider, row.model);
+															},
+															children: t("select")
+														})
+													]
+												}),
+												(0, react_jsx_runtime.jsxs)("span", {
+													className: TokenQuotaPanel_module_css_default.rowMeta,
+													children: [row.limit > 0 ? `${formatTokens(row.used)} / ${formatTokens(row.limit)}` : `${formatTokens(row.used)} · ${t("unlimited")}`, (0, react_jsx_runtime.jsx)("button", {
 														type: "button",
-														className: TokenQuotaPanel_module_css_default.selectBtn,
+														className: TokenQuotaPanel_module_css_default.gearBtn,
+														title: t("setLimitHint"),
 														onClick: () => {
-															selectModel(sessionId, row.provider, row.model);
+															setEditingKey(editing ? null : row.key);
 														},
-														children: t("select")
-													})
-												]
-											}), (0, react_jsx_runtime.jsxs)("span", {
-												className: TokenQuotaPanel_module_css_default.rowMeta,
-												children: [row.limit > 0 ? `${formatTokens(row.used)} / ${formatTokens(row.limit)}` : `${formatTokens(row.used)} · ${t("unlimited")}`, (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: TokenQuotaPanel_module_css_default.gearBtn,
-													title: t("setLimitHint"),
-													onClick: () => {
-														setEditingKey(editing ? null : row.key);
-													},
-													children: "⚙"
-												})]
-											})]
+														children: "⚙"
+													})]
+												})
+											]
 										}),
 										(0, react_jsx_runtime.jsx)("div", {
 											className: TokenQuotaPanel_module_css_default.bar,
@@ -1918,6 +1993,7 @@ window.__ModuleLoader__.load({
 			settingsTabQuota: "限额设置",
 			settingsTabMusic: "音乐设置",
 			settingsTabOther: "其它",
+			reorderHint: "拖动排序",
 			monitorLabel: "监控模型",
 			monitorHint: "未勾选的模型不显示、不计入用量、不受限额限制",
 			monitorAll: "全部",
@@ -1999,6 +2075,7 @@ window.__ModuleLoader__.load({
 			settingsTabQuota: "Quota",
 			settingsTabMusic: "Music",
 			settingsTabOther: "Other",
+			reorderHint: "Drag to reorder",
 			monitorLabel: "Monitored models",
 			monitorHint: "Unchecked models are hidden, not metered, and never capped",
 			monitorAll: "All",
@@ -2250,6 +2327,7 @@ window.__ModuleLoader__.load({
 				bound?.setSettings(lastMonitored, lastOnFull);
 				bound?.setCheckUpdates(doc?.checkUpdates ?? true);
 				bound?.setDimWhenIdle(doc?.dimWhenIdle ?? false);
+				bound?.setOrder(Array.isArray(doc?.order) ? doc.order : []);
 				bound?.setReset(lastReset);
 				const musicSettings = musicDefaults(doc?.music);
 				lastOnlyCurrentSession = musicSettings.onlyCurrentSession;
@@ -2330,6 +2408,11 @@ window.__ModuleLoader__.load({
 				bound?.setDimWhenIdle(enabled);
 				scope.set("dimWhenIdle", enabled);
 			};
+			/** Persist the drag-to-reorder display order of model rows. */
+			const setModelOrder = (order) => {
+				bound?.setOrder(order);
+				scope.set("order", order);
+			};
 			const setMusicEnabled = (enabled) => {
 				const doc = scope.getSnapshot().value;
 				const current = musicDefaults(doc?.music);
@@ -2442,7 +2525,8 @@ window.__ModuleLoader__.load({
 					setMusicEnabled,
 					setMusicVolume,
 					setMusicStyle,
-					setMusicOnlyCurrentSession
+					setMusicOnlyCurrentSession,
+					setModelOrder
 				};
 			};
 			ctx.slots.inject("shell.overlay", () => ctx.slots.register({

package/lib/index.js

@@ -214,6 +214,7 @@ const TOKEN_QUOTA_SETTINGS_SCHEMA = z.object({
 	]).default("stop"),
 	checkUpdates: z.boolean().default(true),
 	dimWhenIdle: z.boolean().default(false),
+	order: z.array(z.string()).default([]),
 	reset: z.any().default(null),
 	music: z.object({
 		enabled: z.boolean().default(TOKEN_QUOTA_DEFAULT_MUSIC.enabled),
@@ -281,7 +282,8 @@ var TokenQuotaService = class TokenQuotaService extends Service {
 		onFull: "stop",
 		checkUpdates: true,
 		dimWhenIdle: false,
-		music: { ...TOKEN_QUOTA_DEFAULT_MUSIC }
+		music: { ...TOKEN_QUOTA_DEFAULT_MUSIC },
+		order: []
 	});
 	/** Whether update checks are enabled (mirrors the settings document). */
 	checkUpdates = true;
@@ -334,6 +336,7 @@ var TokenQuotaService = class TokenQuotaService extends Service {
 							onFull: doc.onFull === "switchPriority" ? "switchAll" : doc.onFull ?? "stop",
 							checkUpdates: doc.checkUpdates ?? true,
 							dimWhenIdle: doc.dimWhenIdle ?? false,
+							order: Array.isArray(doc.order) ? doc.order : [],
 							reset: doc.reset ?? void 0,
 							music: {
 								enabled: doc.music?.enabled ?? TOKEN_QUOTA_DEFAULT_MUSIC.enabled,
@@ -515,7 +518,7 @@ var TokenQuotaService = class TokenQuotaService extends Service {
 		return this.upgradeCheck;
 	}
 	async doRefreshUpgrade() {
-		const current = "0.1.31";
+		const current = "0.1.32";
 		let latest;
 		try {
 			const response = await fetch(REGISTRY_LATEST_URL, {

package/lib/types/client/TokenQuotaPanel.d.ts

@@ -20,6 +20,8 @@ export interface TokenQuotaPanelInjected {
     setCheckUpdates: (enabled: boolean) => void;
     /** Persist whether the panel dims while the pointer is away / typing. */
     setDimWhenIdle: (enabled: boolean) => void;
+    /** Persist the drag-to-reorder display order of model rows. */
+    setModelOrder: (order: string[]) => void;
     /** Toggle the live music output (requires a user gesture to start audio). */
     setMusicEnabled: (enabled: boolean) => void;
     /** Change the live-music master volume 0..1. */
@@ -40,5 +42,5 @@ export type TokenQuotaPanelComponentProps = PropsRuntime<'shell.overlay'> & Prop
  * @param props - composed slot props.
  * @returns the panel element tree.
  */
-export declare function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle, setMusicEnabled, setMusicVolume, setMusicStyle, setMusicOnlyCurrentSession, useStore, actions, useSessions, }: TokenQuotaPanelComponentProps): import("react").JSX.Element;
+export declare function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle, setModelOrder, setMusicEnabled, setMusicVolume, setMusicStyle, setMusicOnlyCurrentSession, useStore, actions, useSessions, }: TokenQuotaPanelComponentProps): import("react").JSX.Element;
 //# sourceMappingURL=TokenQuotaPanel.d.ts.map

package/lib/types/client/TokenQuotaPanel.js

@@ -10,7 +10,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * callbacks.
  */
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { mergeModelRows } from "./store.js";
+import { mergeModelRows, reorderKeys } from "./store.js";
 import css from './TokenQuotaPanel.module.css';
 /** Compact a token count for display. */
 function formatTokens(n) {
@@ -86,7 +86,7 @@ function loadPanelPos() {
  * @param props - composed slot props.
  * @returns the panel element tree.
  */
-export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle, setMusicEnabled, setMusicVolume, setMusicStyle, setMusicOnlyCurrentSession, useStore, actions, useSessions, }) {
+export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle, setModelOrder, setMusicEnabled, setMusicVolume, setMusicStyle, setMusicOnlyCurrentSession, useStore, actions, useSessions, }) {
     const [collapsed, setCollapsed] = useState(false);
     const [drafts, setDrafts] = useState({});
     const [editingKey, setEditingKey] = useState(null);
@@ -97,6 +97,10 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
     const [inputActive, setInputActive] = useState(false);
     // Active settings-dialog tab: quota limits vs. live-music vs. misc.
     const [settingsTab, setSettingsTab] = useState('quota');
+    // Drag-to-reorder state for the model rows: the key being dragged and
+    // the key currently hovered as the drop target.
+    const [dragKey, setDragKey] = useState(null);
+    const [dropKey, setDropKey] = useState(null);
     // Copy-button feedback: which command was just copied (label flips to
     // 「已复制」for a moment so the click is perceivable).
     const [copiedCmd, setCopiedCmd] = useState(null);
@@ -131,6 +135,7 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
     const onFull = useStore(s => s.onFull);
     const checkUpdates = useStore(s => s.checkUpdates);
     const dimWhenIdle = useStore(s => s.dimWhenIdle);
+    const order = useStore(s => s.order);
     const musicEnabled = useStore(s => s.musicEnabled);
     const musicVolume = useStore(s => s.musicVolume);
     const musicStyle = useStore(s => s.musicStyle);
@@ -198,12 +203,27 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
                 clearTimeout(copyTimerRef.current);
         };
     }, []);
-    const rows = useMemo(() => mergeModelRows(groups, snapshot, current), [groups, snapshot, current]);
-    // All directory models, flattened for the monitoring picker.
-    const allModels = useMemo(() => groups.flatMap(group => group.models.map((model) => ({
-        key: `${group.id}/${model.id}`,
-        name: model.name,
-    }))).sort((a, b) => a.key.localeCompare(b.key)), [groups]);
+    const rows = useMemo(() => mergeModelRows(groups, snapshot, current, order), [groups, snapshot, current, order]);
+    // All directory models, flattened for the monitoring picker — same drag
+    // order as the panel rows so both lists read identically.
+    const allModels = useMemo(() => {
+        const list = groups.flatMap(group => group.models.map((model) => ({
+            key: `${group.id}/${model.id}`,
+            name: model.name,
+        })));
+        const rank = new Map(order.map((key, index) => [key, index]));
+        return list.sort((left, right) => {
+            const leftRank = rank.get(left.key);
+            const rightRank = rank.get(right.key);
+            if (leftRank !== undefined && rightRank !== undefined)
+                return leftRank - rightRank;
+            if (leftRank !== undefined)
+                return -1;
+            if (rightRank !== undefined)
+                return 1;
+            return left.key.localeCompare(right.key);
+        });
+    }, [groups, order]);
     const isMonitoredKey = (key) => monitored === null || monitored.includes(key);
     // Log dialog: filter by search, then paginate.
     const filteredLogEntries = useMemo(() => {
@@ -309,7 +329,24 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
                                 ? css.fillWarn
                                 : css.fillIdle;
                         const editing = editingKey === row.key;
-                        return (_jsxs("div", { className: css.row, children: [_jsxs("div", { className: css.rowHeader, children: [_jsxs("span", { className: css.rowName, title: row.key, children: [row.name, row.current && _jsx("span", { className: css.currentBadge, children: t('current') }), sessionId !== undefined && !row.current && (_jsx("button", { type: "button", className: css.selectBtn, onClick: () => { selectModel(sessionId, row.provider, row.model); }, children: t('select') }))] }), _jsxs("span", { className: css.rowMeta, children: [row.limit > 0
+                        return (_jsxs("div", { className: `${css.row}${dragKey === row.key ? ` ${css.rowDragging}` : ''}${dropKey === row.key && dragKey !== row.key ? ` ${css.rowDropTarget}` : ''}`, onDragOver: (event) => {
+                                if (dragKey === null || dragKey === row.key)
+                                    return;
+                                event.preventDefault();
+                                setDropKey(row.key);
+                            }, onDrop: (event) => {
+                                event.preventDefault();
+                                if (dragKey !== null && dragKey !== row.key) {
+                                    setModelOrder(reorderKeys(rows.map(r => r.key), dragKey, row.key));
+                                }
+                                setDragKey(null);
+                                setDropKey(null);
+                            }, onDragEnd: () => { setDragKey(null); setDropKey(null); }, children: [_jsxs("div", { className: css.rowHeader, children: [_jsx("span", { className: css.rowDrag, draggable: true, title: t('reorderHint'), onDragStart: (event) => {
+                                                setDragKey(row.key);
+                                                event.dataTransfer.effectAllowed = 'move';
+                                                // Firefox only starts a drag when some data is set.
+                                                event.dataTransfer.setData('text/plain', row.key);
+                                            }, children: "\u283F" }), _jsxs("span", { className: css.rowName, title: row.key, children: [row.name, row.current && _jsx("span", { className: css.currentBadge, children: t('current') }), sessionId !== undefined && !row.current && (_jsx("button", { type: "button", className: css.selectBtn, onClick: () => { selectModel(sessionId, row.provider, row.model); }, children: t('select') }))] }), _jsxs("span", { className: css.rowMeta, children: [row.limit > 0
                                                     ? `${formatTokens(row.used)} / ${formatTokens(row.limit)}`
                                                     : `${formatTokens(row.used)} · ${t('unlimited')}`, _jsx("button", { type: "button", className: css.gearBtn, title: t('setLimitHint'), onClick: () => { setEditingKey(editing ? null : row.key); }, children: "\u2699" })] })] }), _jsx("div", { className: css.bar, children: _jsx("div", { className: barClass, style: { width: `${pct}%` } }) }), editing && (_jsxs("div", { className: css.controls, children: [_jsx("input", { className: css.input, type: "number", min: 0, step: 10000, placeholder: t('limitPlaceholder'), value: drafts[row.key] ?? '', onChange: (event) => { setDrafts(prev => ({ ...prev, [row.key]: event.target.value })); }, onKeyDown: (event) => { if (event.key === 'Enter')
                                                 commitLimit(row); } }), _jsx("button", { type: "button", className: css.save, onClick: () => { commitLimit(row); }, children: t('save') })] }))] }, row.key));

package/lib/types/client/index.js

@@ -250,6 +250,7 @@ export function apply(ctx) {
         bound?.setSettings(lastMonitored, lastOnFull);
         bound?.setCheckUpdates(doc?.checkUpdates ?? true);
         bound?.setDimWhenIdle(doc?.dimWhenIdle ?? false);
+        bound?.setOrder(Array.isArray(doc?.order) ? doc.order : []);
         bound?.setReset(lastReset);
         const musicSettings = musicDefaults(doc?.music);
         lastOnlyCurrentSession = musicSettings.onlyCurrentSession;
@@ -332,6 +333,11 @@ export function apply(ctx) {
         bound?.setDimWhenIdle(enabled);
         void scope.set('dimWhenIdle', enabled);
     };
+    /** Persist the drag-to-reorder display order of model rows. */
+    const setModelOrder = (order) => {
+        bound?.setOrder(order);
+        void scope.set('order', order);
+    };
     const setMusicEnabled = (enabled) => {
         const doc = scope.getSnapshot().value;
         const current = musicDefaults(doc?.music);
@@ -449,6 +455,7 @@ export function apply(ctx) {
             load, setLimit, selectModel, setMonitored, setOnFull, setReset,
             setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle,
             setMusicEnabled, setMusicVolume, setMusicStyle, setMusicOnlyCurrentSession,
+            setModelOrder,
         };
     };
     ctx.slots.inject('shell.overlay', () => ctx.slots.register({

package/lib/types/client/locales.d.ts

@@ -28,6 +28,7 @@ export declare const zh: {
     settingsTabQuota: string;
     settingsTabMusic: string;
     settingsTabOther: string;
+    reorderHint: string;
     monitorLabel: string;
     monitorHint: string;
     monitorAll: string;
@@ -111,6 +112,7 @@ export declare const en: {
     settingsTabQuota: string;
     settingsTabMusic: string;
     settingsTabOther: string;
+    reorderHint: string;
     monitorLabel: string;
     monitorHint: string;
     monitorAll: string;

package/lib/types/client/locales.js

@@ -28,6 +28,7 @@ export const zh = {
     settingsTabQuota: '限额设置',
     settingsTabMusic: '音乐设置',
     settingsTabOther: '其它',
+    reorderHint: '拖动排序',
     monitorLabel: '监控模型',
     monitorHint: '未勾选的模型不显示、不计入用量、不受限额限制',
     monitorAll: '全部',
@@ -109,6 +110,7 @@ export const en = {
     settingsTabQuota: 'Quota',
     settingsTabMusic: 'Music',
     settingsTabOther: 'Other',
+    reorderHint: 'Drag to reorder',
     monitorLabel: 'Monitored models',
     monitorHint: 'Unchecked models are hidden, not metered, and never capped',
     monitorAll: 'All',

package/lib/types/client/store.d.ts

@@ -50,6 +50,11 @@ export interface TokenQuotaPanelState {
     checkUpdates: boolean;
     /** Whether the panel dims while the pointer is away / while typing. */
     dimWhenIdle: boolean;
+    /**
+     * Preferred display order of model keys, written by dragging panel rows.
+     * Keys not listed keep their catalog order after the listed ones.
+     */
+    order: string[];
     /** Live music settings (mirrored from the settings document). */
     musicEnabled: boolean;
     musicVolume: number;
@@ -97,6 +102,8 @@ export type TokenQuotaPanelActions = {
     setSettings: (d: TokenQuotaPanelState, monitored: string[] | null, onFull: TokenQuotaFullAction) => void;
     setCheckUpdates: (d: TokenQuotaPanelState, checkUpdates: boolean) => void;
     setDimWhenIdle: (d: TokenQuotaPanelState, dimWhenIdle: boolean) => void;
+    /** Replace the drag-to-reorder model display order. */
+    setOrder: (d: TokenQuotaPanelState, order: string[]) => void;
     setMusicEnabled: (d: TokenQuotaPanelState, enabled: boolean) => void;
     setMusicVolume: (d: TokenQuotaPanelState, volume: number) => void;
     setMusicStyle: (d: TokenQuotaPanelState, style: TokenQuotaMusicStyle) => void;
@@ -131,7 +138,14 @@ export declare function createTokenQuotaPanelStore(): EngineStoreHandle<TokenQuo
  * @param groups - advisory provider groups of the current session.
  * @param snapshot - latest quota snapshot, or null before the first one.
  * @param current - current model selection reported by the Host.
- * @returns rows sorted by key.
+ * @param order - user's drag-to-reorder preference (model keys); listed keys
+ * come first in that exact order, the rest follow in catalog order.
+ * @returns rows in display order.
+ */
+export declare function mergeModelRows(groups: readonly ModelProviderGroup[], snapshot: TokenQuotaSnapshot | null, current: ModelSelection | null, order?: readonly string[]): ModelQuotaRow[];
+/**
+ * Move one key to another key's position, returning the full reordered key
+ * list (the shape persisted in the settings document's `order`).
  */
-export declare function mergeModelRows(groups: readonly ModelProviderGroup[], snapshot: TokenQuotaSnapshot | null, current: ModelSelection | null): ModelQuotaRow[];
+export declare function reorderKeys(keys: readonly string[], from: string, to: string): string[];
 //# sourceMappingURL=store.d.ts.map

package/lib/types/client/store.js

@@ -28,6 +28,7 @@ export function createTokenQuotaPanelStore() {
             onFull: 'stop',
             checkUpdates: true,
             dimWhenIdle: false,
+            order: [],
             musicEnabled: false,
             musicVolume: 0.5,
             musicStyle: 'pentatonic',
@@ -57,6 +58,7 @@ export function createTokenQuotaPanelStore() {
             setSettings: (d, monitored, onFull) => { d.monitored = monitored; d.onFull = onFull; },
             setCheckUpdates: (d, checkUpdates) => { d.checkUpdates = checkUpdates; },
             setDimWhenIdle: (d, dimWhenIdle) => { d.dimWhenIdle = dimWhenIdle; },
+            setOrder: (d, order) => { d.order = order; },
             setMusicEnabled: (d, enabled) => { d.musicEnabled = enabled; },
             setMusicVolume: (d, volume) => { d.musicVolume = volume; },
             setMusicStyle: (d, style) => { d.musicStyle = style; },
@@ -104,9 +106,11 @@ export function createTokenQuotaPanelStore() {
  * @param groups - advisory provider groups of the current session.
  * @param snapshot - latest quota snapshot, or null before the first one.
  * @param current - current model selection reported by the Host.
- * @returns rows sorted by key.
+ * @param order - user's drag-to-reorder preference (model keys); listed keys
+ * come first in that exact order, the rest follow in catalog order.
+ * @returns rows in display order.
  */
-export function mergeModelRows(groups, snapshot, current) {
+export function mergeModelRows(groups, snapshot, current, order = []) {
     const entryByKey = new Map((snapshot?.entries ?? []).map(entry => [entry.key, entry]));
     const rows = new Map();
     for (const group of groups) {
@@ -137,6 +141,35 @@ export function mergeModelRows(groups, snapshot, current) {
             current: current !== null && current.provider === entry.provider && current.model === entry.model,
         });
     }
-    return [...rows.values()].sort((left, right) => left.key.localeCompare(right.key));
+    // Drag preference first (in its own order), everything else after it,
+    // alphabetically — so a newly discovered model still lands somewhere stable.
+    const rank = new Map(order.map((key, index) => [key, index]));
+    return [...rows.values()].sort((left, right) => {
+        const leftRank = rank.get(left.key);
+        const rightRank = rank.get(right.key);
+        if (leftRank !== undefined && rightRank !== undefined)
+            return leftRank - rightRank;
+        if (leftRank !== undefined)
+            return -1;
+        if (rightRank !== undefined)
+            return 1;
+        return left.key.localeCompare(right.key);
+    });
+}
+/**
+ * Move one key to another key's position, returning the full reordered key
+ * list (the shape persisted in the settings document's `order`).
+ */
+export function reorderKeys(keys, from, to) {
+    const next = [...keys];
+    const fromIndex = next.indexOf(from);
+    const toIndex = next.indexOf(to);
+    if (fromIndex < 0 || toIndex < 0 || fromIndex === toIndex)
+        return next;
+    const [moved] = next.splice(fromIndex, 1);
+    if (moved === undefined)
+        return next;
+    next.splice(toIndex, 0, moved);
+    return next;
 }
 //# sourceMappingURL=store.js.map

package/lib/types/index.js

@@ -202,6 +202,8 @@ const TOKEN_QUOTA_SETTINGS_SCHEMA = z.object({
     checkUpdates: z.boolean().default(true),
     // Client-side appearance preference; the host only stores it.
     dimWhenIdle: z.boolean().default(false),
+    // Drag-to-reorder: display order of model keys, written by the panel.
+    order: z.array(z.string()).default([]),
     // `reset` is a user-facing preference outside the validated surface: the
     // panel writes it and the host validates the shape at runtime. `z.any` with
     // a null default keeps it out of the strict fields above.
@@ -273,7 +275,7 @@ export class TokenQuotaService extends Service {
     history = {};
     limits = {};
     monitored = undefined;
-    settingsSource = () => ({ limits: {}, monitored: [], onFull: 'stop', checkUpdates: true, dimWhenIdle: false, music: { ...TOKEN_QUOTA_DEFAULT_MUSIC } });
+    settingsSource = () => ({ limits: {}, monitored: [], onFull: 'stop', checkUpdates: true, dimWhenIdle: false, music: { ...TOKEN_QUOTA_DEFAULT_MUSIC }, order: [] });
     /** Whether update checks are enabled (mirrors the settings document). */
     checkUpdates = true;
     /** Cached upgrade availability; recomputed by {@link refreshUpgrade}. */
@@ -337,6 +339,7 @@ export class TokenQuotaService extends Service {
                             onFull: doc.onFull === 'switchPriority' ? 'switchAll' : (doc.onFull ?? 'stop'),
                             checkUpdates: doc.checkUpdates ?? true,
                             dimWhenIdle: doc.dimWhenIdle ?? false,
+                            order: Array.isArray(doc.order) ? doc.order : [],
                             reset: doc.reset ?? undefined,
                             music: {
                                 enabled: doc.music?.enabled ?? TOKEN_QUOTA_DEFAULT_MUSIC.enabled,

package/lib/types/types.d.ts

@@ -143,6 +143,12 @@ export interface TokenQuotaSettings {
      * an attached MIDI output. Off by default.
      */
     music: TokenQuotaMusicSettings;
+    /**
+     * Preferred display order of model keys (`provider/model`), set by dragging
+     * rows in the panel. Keys not listed here keep their catalog order after the
+     * listed ones. Empty by default (pure catalog/alphabetical order).
+     */
+    order: string[];
 }
 /** Token-quota plugin configuration. */
 export interface TokenQuotaConfig {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jxgame2020/dsh-token-quota",
   "description": "Daily per-model token quota accounting, enforcement, and a floating quota panel for the DeepSeek Harness — a fully self-contained plugin (no core-Harness wiring, no generated RPC contract)",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "publishConfig": {
     "access": "public"
   },