@jxgame2020/dsh-token-quota 0.1.15 → 0.1.17

package/lib/client.js

@@ -36,6 +36,7 @@ window.__ModuleLoader__.load({
 					monitored: null,
 					onFull: "stop",
 					checkUpdates: true,
+					dimWhenIdle: false,
 					upgrade: null,
 					upgradeDismissed: false,
 					checkingUpdates: false,
@@ -74,9 +75,13 @@ window.__ModuleLoader__.load({
 					setCheckUpdates: (d, checkUpdates) => {
 						d.checkUpdates = checkUpdates;
 					},
+					setDimWhenIdle: (d, dimWhenIdle) => {
+						d.dimWhenIdle = dimWhenIdle;
+					},
 					setUpgrade: (d, upgrade) => {
-						if (d.upgrade === null || d.upgrade.latestVersion !== upgrade?.latestVersion) d.upgradeDismissed = false;
-						d.upgrade = upgrade;
+						const normalized = upgrade !== null && upgrade.latestVersion !== "" && upgrade.latestVersion !== "0.1.17" ? upgrade : null;
+						if (d.upgrade === null || d.upgrade.latestVersion !== normalized?.latestVersion) d.upgradeDismissed = false;
+						d.upgrade = normalized;
 					},
 					setUpgradeDismissed: (d, dismissed) => {
 						d.upgradeDismissed = dismissed;
@@ -170,7 +175,7 @@ window.__ModuleLoader__.load({
 		}
 		//#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_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}.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}.NPLLIq_copyBtn:hover{background:var(--dsw-alias-bg-layer-3,#00000014)}.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_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:280px;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_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_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_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_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_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:280px;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_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");
@@ -180,88 +185,91 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var TokenQuotaPanel_module_css_default = {
-			"fullNotice": "NPLLIq_fullNotice",
-			"upgradeBanner": "NPLLIq_upgradeBanner",
-			"logHeader": "NPLLIq_logHeader",
-			"title": "NPLLIq_title",
-			"rowHeader": "NPLLIq_rowHeader",
-			"dialogBtnPrimary": "NPLLIq_dialogBtnPrimary",
-			"settingsBtn": "NPLLIq_settingsBtn",
-			"version": "NPLLIq_version",
-			"headerText": "NPLLIq_headerText",
+			"logPager": "NPLLIq_logPager",
+			"logToolbar": "NPLLIq_logToolbar",
+			"radioRow": "NPLLIq_radioRow",
+			"dialogClose": "NPLLIq_dialogClose",
 			"gearBtn": "NPLLIq_gearBtn",
+			"panelDim": "NPLLIq_panelDim",
+			"fillIdle": "NPLLIq_fillIdle",
+			"monitorHint": "NPLLIq_monitorHint",
+			"logPagerControls": "NPLLIq_logPagerControls",
+			"currentBadge": "NPLLIq_currentBadge",
+			"tabLabel": "NPLLIq_tabLabel",
+			"dialogTitle": "NPLLIq_dialogTitle",
+			"logClearDialog": "NPLLIq_logClearDialog",
+			"checkUpdatesLabel": "NPLLIq_checkUpdatesLabel",
+			"settingsBtn": "NPLLIq_settingsBtn",
+			"dialogActions": "NPLLIq_dialogActions",
+			"logPageSizeSelect": "NPLLIq_logPageSizeSelect",
+			"rowName": "NPLLIq_rowName",
+			"logHeader": "NPLLIq_logHeader",
+			"row": "NPLLIq_row",
 			"checkUpdatesRow": "NPLLIq_checkUpdatesRow",
-			"monitorList": "NPLLIq_monitorList",
-			"switch": "NPLLIq_switch",
-			"upgradeBannerText": "NPLLIq_upgradeBannerText",
-			"checkBtn": "NPLLIq_checkBtn",
-			"monitorName": "NPLLIq_monitorName",
+			"panel": "NPLLIq_panel",
 			"copyBtn": "NPLLIq_copyBtn",
-			"logDayCol": "NPLLIq_logDayCol",
-			"logPager": "NPLLIq_logPager",
-			"resetSelect": "NPLLIq_resetSelect",
-			"logPagerInfo": "NPLLIq_logPagerInfo",
-			"logClearDate": "NPLLIq_logClearDate",
-			"logPagerBtn": "NPLLIq_logPagerBtn",
-			"fillWarn": "NPLLIq_fillWarn",
+			"dialogLabel": "NPLLIq_dialogLabel",
+			"upgradeCommand": "NPLLIq_upgradeCommand",
+			"logSearch": "NPLLIq_logSearch",
+			"version": "NPLLIq_version",
+			"logDialog": "NPLLIq_logDialog",
 			"rowMeta": "NPLLIq_rowMeta",
-			"subtitle": "NPLLIq_subtitle",
-			"dialogBody": "NPLLIq_dialogBody",
-			"fillIdle": "NPLLIq_fillIdle",
 			"selectBtn": "NPLLIq_selectBtn",
+			"dialogOverlay": "NPLLIq_dialogOverlay",
 			"controls": "NPLLIq_controls",
-			"resetRow": "NPLLIq_resetRow",
+			"fullNotice": "NPLLIq_fullNotice",
+			"upgradeBannerFlash": "NPLLIq_upgradeBannerFlash",
+			"dialog": "NPLLIq_dialog",
 			"upgradeCommands": "NPLLIq_upgradeCommands",
-			"versionNew": "NPLLIq_versionNew",
-			"body": "NPLLIq_body",
-			"row": "NPLLIq_row",
-			"upgradeHint": "NPLLIq_upgradeHint",
-			"monitorHint": "NPLLIq_monitorHint",
-			"logPagerControls": "NPLLIq_logPagerControls",
-			"logClearDialog": "NPLLIq_logClearDialog",
-			"currentBadge": "NPLLIq_currentBadge",
-			"dialogSection": "NPLLIq_dialogSection",
-			"bar": "NPLLIq_bar",
-			"panelDim": "NPLLIq_panelDim",
-			"headerActions": "NPLLIq_headerActions",
-			"upgradeClose": "NPLLIq_upgradeClose",
+			"copyBtnDone": "NPLLIq_copyBtnDone",
+			"input": "NPLLIq_input",
 			"header": "NPLLIq_header",
-			"dialogLabel": "NPLLIq_dialogLabel",
-			"upgradeCommand": "NPLLIq_upgradeCommand",
-			"noticeError": "NPLLIq_noticeError",
-			"notice": "NPLLIq_notice",
-			"dialogBtn": "NPLLIq_dialogBtn",
-			"logToolbar": "NPLLIq_logToolbar",
-			"tab": "NPLLIq_tab",
 			"tabIcon": "NPLLIq_tabIcon",
-			"panel": "NPLLIq_panel",
-			"collapse": "NPLLIq_collapse",
-			"dialogTitle": "NPLLIq_dialogTitle",
-			"logTable": "NPLLIq_logTable",
-			"fillOver": "NPLLIq_fillOver",
-			"dialog": "NPLLIq_dialog",
-			"radioRow": "NPLLIq_radioRow",
+			"monitorName": "NPLLIq_monitorName",
+			"checkBtn": "NPLLIq_checkBtn",
+			"rowHeader": "NPLLIq_rowHeader",
+			"panelDimStrong": "NPLLIq_panelDimStrong",
+			"bar": "NPLLIq_bar",
+			"save": "NPLLIq_save",
+			"upgradeClose": "NPLLIq_upgradeClose",
 			"dialogHeader": "NPLLIq_dialogHeader",
-			"logClearBtn": "NPLLIq_logClearBtn",
+			"upgradeBanner": "NPLLIq_upgradeBanner",
+			"resetRow": "NPLLIq_resetRow",
+			"notice": "NPLLIq_notice",
+			"logClearDate": "NPLLIq_logClearDate",
+			"switch": "NPLLIq_switch",
+			"headerActions": "NPLLIq_headerActions",
 			"logModelCol": "NPLLIq_logModelCol",
-			"panelDimStrong": "NPLLIq_panelDimStrong",
-			"logPagerPages": "NPLLIq_logPagerPages",
-			"logPageSizeSelect": "NPLLIq_logPageSizeSelect",
-			"dialogOverlay": "NPLLIq_dialogOverlay",
-			"upgradeCommandRow": "NPLLIq_upgradeCommandRow",
-			"dialogClose": "NPLLIq_dialogClose",
+			"dialogBtnPrimary": "NPLLIq_dialogBtnPrimary",
 			"checkErrorHint": "NPLLIq_checkErrorHint",
-			"rowName": "NPLLIq_rowName",
-			"checkUpdatesLabel": "NPLLIq_checkUpdatesLabel",
-			"logSearch": "NPLLIq_logSearch",
-			"dialogActions": "NPLLIq_dialogActions",
+			"logPagerPages": "NPLLIq_logPagerPages",
+			"dialogSection": "NPLLIq_dialogSection",
 			"monitorRow": "NPLLIq_monitorRow",
-			"save": "NPLLIq_save",
-			"logUsedCol": "NPLLIq_logUsedCol",
-			"logDialog": "NPLLIq_logDialog",
 			"logScroll": "NPLLIq_logScroll",
-			"tabLabel": "NPLLIq_tabLabel",
-			"input": "NPLLIq_input"
+			"logTable": "NPLLIq_logTable",
+			"logClearBtn": "NPLLIq_logClearBtn",
+			"headerText": "NPLLIq_headerText",
+			"fillWarn": "NPLLIq_fillWarn",
+			"logDayCol": "NPLLIq_logDayCol",
+			"logPagerBtn": "NPLLIq_logPagerBtn",
+			"collapse": "NPLLIq_collapse",
+			"dialogHint": "NPLLIq_dialogHint",
+			"monitorList": "NPLLIq_monitorList",
+			"logPagerInfo": "NPLLIq_logPagerInfo",
+			"title": "NPLLIq_title",
+			"subtitle": "NPLLIq_subtitle",
+			"logUsedCol": "NPLLIq_logUsedCol",
+			"noticeError": "NPLLIq_noticeError",
+			"dialogBody": "NPLLIq_dialogBody",
+			"body": "NPLLIq_body",
+			"dialogBtn": "NPLLIq_dialogBtn",
+			"fillOver": "NPLLIq_fillOver",
+			"upgradeCommandRow": "NPLLIq_upgradeCommandRow",
+			"upgradeHint": "NPLLIq_upgradeHint",
+			"tab": "NPLLIq_tab",
+			"upgradeBannerText": "NPLLIq_upgradeBannerText",
+			"resetSelect": "NPLLIq_resetSelect",
+			"versionNew": "NPLLIq_versionNew"
 		};
 		//#endregion
 		//#region lib/types/client/TokenQuotaPanel.js
@@ -348,12 +356,17 @@ 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, useStore, actions, useSessions }) {
+		function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle, 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 [copiedCmd, setCopiedCmd] = (0, react.useState)(null);
+			const copyTimerRef = (0, react.useRef)(null);
+			const [upgradeFlash, setUpgradeFlash] = (0, react.useState)(false);
+			const flashTimerRef = (0, react.useRef)(null);
+			const prevUpgradeRef = (0, react.useRef)(null);
 			const [panelPos, setPanelPos] = (0, react.useState)(loadPanelPos);
 			const [settingsPos, setSettingsPos] = (0, react.useState)(null);
 			const [logPos, setLogPos] = (0, react.useState)(null);
@@ -373,6 +386,7 @@ window.__ModuleLoader__.load({
 			const monitored = useStore((s) => s.monitored);
 			const onFull = useStore((s) => s.onFull);
 			const checkUpdates = useStore((s) => s.checkUpdates);
+			const dimWhenIdle = useStore((s) => s.dimWhenIdle);
 			const upgrade = useStore((s) => s.upgrade);
 			const upgradeDismissed = useStore((s) => s.upgradeDismissed);
 			const checkingUpdates = useStore((s) => s.checkingUpdates);
@@ -405,6 +419,26 @@ window.__ModuleLoader__.load({
 					window.removeEventListener("focusin", onFocusIn);
 				};
 			}, []);
+			(0, react.useEffect)(() => {
+				const latest = upgrade?.latestVersion ?? null;
+				if (latest !== null && prevUpgradeRef.current !== latest) {
+					setCollapsed(false);
+					setUpgradeFlash(true);
+					if (flashTimerRef.current !== null) clearTimeout(flashTimerRef.current);
+					flashTimerRef.current = window.setTimeout(() => {
+						setUpgradeFlash(false);
+						flashTimerRef.current = null;
+					}, 2500);
+				}
+				prevUpgradeRef.current = latest;
+				return () => {};
+			}, [upgrade]);
+			(0, react.useEffect)(() => {
+				return () => {
+					if (flashTimerRef.current !== null) clearTimeout(flashTimerRef.current);
+					if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+				};
+			}, []);
 			const rows = (0, react.useMemo)(() => mergeModelRows(groups, snapshot, current), [
 				groups,
 				snapshot,
@@ -448,6 +482,16 @@ window.__ModuleLoader__.load({
 					document.body.removeChild(el);
 				}
 			};
+			/** Copy an upgrade command and show per-button success feedback. */
+			const copyUpgradeCommand = (cmd) => {
+				copyToClipboard(cmd);
+				setCopiedCmd(cmd);
+				if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+				copyTimerRef.current = window.setTimeout(() => {
+					setCopiedCmd(null);
+					copyTimerRef.current = null;
+				}, 1600);
+			};
 			(0, react.useEffect)(() => {
 				if (!logOpen) return;
 				let cancelled = false;
@@ -498,7 +542,7 @@ window.__ModuleLoader__.load({
 				setLimit(row.key, parsed);
 			};
 			const visibleRows = rows.filter((row) => isMonitoredKey(row.key) || row.current);
-			const panelDimClass = hovered ? "" : inputActive ? TokenQuotaPanel_module_css_default.panelDimStrong : TokenQuotaPanel_module_css_default.panelDim;
+			const panelDimClass = dimWhenIdle ? hovered || upgradeFlash ? "" : inputActive ? TokenQuotaPanel_module_css_default.panelDimStrong : TokenQuotaPanel_module_css_default.panelDim : "";
 			return (0, react_jsx_runtime.jsxs)("div", {
 				ref: panelRef,
 				className: `${TokenQuotaPanel_module_css_default.panel}${panelDimClass !== "" ? ` ${panelDimClass}` : ""}`,
@@ -528,13 +572,13 @@ window.__ModuleLoader__.load({
 									title: t("upgradeAvailableHint"),
 									children: [
 										"v",
-										"0.1.15",
+										"0.1.17",
 										" → v",
 										upgrade.latestVersion
 									]
 								}) : (0, react_jsx_runtime.jsxs)("span", {
 									className: TokenQuotaPanel_module_css_default.version,
-									children: ["v", "0.1.15"]
+									children: ["v", "0.1.17"]
 								})]
 							}), (0, react_jsx_runtime.jsx)("div", {
 								className: TokenQuotaPanel_module_css_default.subtitle,
@@ -588,7 +632,7 @@ window.__ModuleLoader__.load({
 								children: fullNotice
 							}),
 							upgrade !== null && !upgradeDismissed && (0, react_jsx_runtime.jsxs)("div", {
-								className: TokenQuotaPanel_module_css_default.upgradeBanner,
+								className: `${TokenQuotaPanel_module_css_default.upgradeBanner}${upgradeFlash ? ` ${TokenQuotaPanel_module_css_default.upgradeBannerFlash}` : ""}`,
 								role: "alert",
 								children: [
 									(0, react_jsx_runtime.jsx)("div", {
@@ -604,11 +648,11 @@ window.__ModuleLoader__.load({
 												children: cmd
 											}), (0, react_jsx_runtime.jsx)("button", {
 												type: "button",
-												className: TokenQuotaPanel_module_css_default.copyBtn,
+												className: `${TokenQuotaPanel_module_css_default.copyBtn}${copiedCmd === cmd ? ` ${TokenQuotaPanel_module_css_default.copyBtnDone}` : ""}`,
 												onClick: () => {
-													copyToClipboard(cmd);
+													copyUpgradeCommand(cmd);
 												},
-												children: t("copy")
+												children: copiedCmd === cmd ? t("copied") : t("copy")
 											})]
 										}, cmd))
 									}),
@@ -855,6 +899,22 @@ window.__ModuleLoader__.load({
 									})
 								]
 							}),
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: TokenQuotaPanel_module_css_default.dialogSection,
+								children: [(0, react_jsx_runtime.jsxs)("label", {
+									className: TokenQuotaPanel_module_css_default.checkUpdatesLabel,
+									children: [(0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: dimWhenIdle,
+										onChange: (event) => {
+											setDimWhenIdle(event.target.checked);
+										}
+									}), (0, react_jsx_runtime.jsx)("span", { children: t("dimWhenIdleLabel") })]
+								}), (0, react_jsx_runtime.jsx)("div", {
+									className: TokenQuotaPanel_module_css_default.dialogHint,
+									children: t("dimWhenIdleHint")
+								})]
+							}),
 							(0, react_jsx_runtime.jsxs)("div", {
 								className: TokenQuotaPanel_module_css_default.dialogSection,
 								children: [(0, react_jsx_runtime.jsxs)("div", {
@@ -1134,8 +1194,11 @@ window.__ModuleLoader__.load({
 			upgradeAvailableHint: "有新版本可用",
 			upgradeAvailable: "发现新版本 v{version}，请在终端执行以下命令升级：",
 			copy: "复制",
+			copied: "已复制 ✓",
 			upgradeHint: "升级后请重启 dsh web 并刷新浏览器页面",
 			checkUpdatesLabel: "自动检查更新",
+			dimWhenIdleLabel: "失焦时窗口透明",
+			dimWhenIdleHint: "鼠标移开面板时降低不透明度，输入文字时更透明；鼠标悬停恢复",
 			checkUpdatesNow: "立即检查",
 			checkingUpdates: "检查中…",
 			checkUpToDate: "已是最新",
@@ -1198,8 +1261,11 @@ window.__ModuleLoader__.load({
 			upgradeAvailableHint: "A new version is available",
 			upgradeAvailable: "A new version v{version} is available. Run one of the following commands in your terminal to upgrade:",
 			copy: "Copy",
+			copied: "Copied ✓",
 			upgradeHint: "After upgrading, restart dsh web and refresh the browser",
 			checkUpdatesLabel: "Check for updates automatically",
+			dimWhenIdleLabel: "Dim panel when unfocused",
+			dimWhenIdleHint: "Fade the panel out when the pointer is away (more while typing); hover to restore",
 			checkUpdatesNow: "Check now",
 			checkingUpdates: "Checking…",
 			checkUpToDate: "Up to date",
@@ -1341,6 +1407,7 @@ window.__ModuleLoader__.load({
 				lastReset = doc?.reset !== void 0 && doc.reset !== null && typeof doc.reset === "object" && typeof doc.reset.offsetHours === "number" ? doc.reset : null;
 				bound?.setSettings(lastMonitored, lastOnFull);
 				bound?.setCheckUpdates(doc?.checkUpdates ?? true);
+				bound?.setDimWhenIdle(doc?.dimWhenIdle ?? false);
 				bound?.setReset(lastReset);
 				fetch("/token-quota", { headers: { accept: "application/json" } }).then((response) => {
 					if (!response.ok) {
@@ -1406,6 +1473,10 @@ window.__ModuleLoader__.load({
 				bound?.setCheckUpdates(enabled);
 				scope.set("checkUpdates", enabled);
 			};
+			const setDimWhenIdle = (enabled) => {
+				bound?.setDimWhenIdle(enabled);
+				scope.set("dimWhenIdle", enabled);
+			};
 			/** Ask the Host to check the registry right now, then refresh the snapshot. */
 			const checkUpdatesNow = () => {
 				bound?.setCheckingUpdates(true);
@@ -1426,7 +1497,8 @@ window.__ModuleLoader__.load({
 						bound?.setUpgrade(snapshot.upgrade ?? null);
 						bound?.setUpgradeError(snapshot.upgradeError ?? null);
 						actOnFull(snapshot);
-						if (snapshot.upgrade === null) bound?.setLastCheckResult(snapshot.upgradeError !== null ? "error" : "up-to-date");
+						if (snapshot.upgrade !== null) bound?.setDialogOpen(false);
+						else bound?.setLastCheckResult(snapshot.upgradeError !== null ? "error" : "up-to-date");
 					}
 					bound?.setCheckingUpdates(false);
 					setTimeout(() => {
@@ -1487,7 +1559,8 @@ window.__ModuleLoader__.load({
 					setReset,
 					setCheckUpdates,
 					checkUpdatesNow,
-					clearLogBefore
+					clearLogBefore,
+					setDimWhenIdle
 				};
 			};
 			ctx.slots.inject("shell.overlay", () => ctx.slots.register({

package/lib/index.js

@@ -163,6 +163,7 @@ const TOKEN_QUOTA_SETTINGS_SCHEMA = z.object({
 		"switchPriority"
 	]).default("stop"),
 	checkUpdates: z.boolean().default(true),
+	dimWhenIdle: z.boolean().default(false),
 	reset: z.any().default(null)
 });
 /** Two-digit zero-pad helper. */
@@ -219,7 +220,8 @@ var TokenQuotaService = class TokenQuotaService extends Service {
 		limits: {},
 		monitored: [],
 		onFull: "stop",
-		checkUpdates: true
+		checkUpdates: true,
+		dimWhenIdle: false
 	});
 	/** Whether update checks are enabled (mirrors the settings document). */
 	checkUpdates = true;
@@ -266,6 +268,7 @@ var TokenQuotaService = class TokenQuotaService extends Service {
 						monitored: doc.monitored ?? [],
 						onFull: doc.onFull === "switchPriority" ? "switchAll" : doc.onFull ?? "stop",
 						checkUpdates: doc.checkUpdates ?? true,
+						dimWhenIdle: doc.dimWhenIdle ?? false,
 						reset: doc.reset ?? void 0
 					};
 				};
@@ -406,7 +409,7 @@ var TokenQuotaService = class TokenQuotaService extends Service {
 		return this.upgradeCheck;
 	}
 	async doRefreshUpgrade() {
-		const current = "0.1.15";
+		const current = "0.1.17";
 		let latest;
 		try {
 			const response = await fetch(REGISTRY_LATEST_URL, {

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

@@ -18,6 +18,8 @@ export interface TokenQuotaPanelInjected {
     setReset: (reset: TokenQuotaReset | null) => void;
     /** Persist whether the Host may check npm for newer versions. */
     setCheckUpdates: (enabled: boolean) => void;
+    /** Persist whether the panel dims while the pointer is away / typing. */
+    setDimWhenIdle: (enabled: boolean) => void;
     /** Ask the Host to check the registry right now, then refresh the snapshot. */
     checkUpdatesNow: () => void;
     /** Ask the Host to clear log entries before a date, then refresh the log. */
@@ -30,5 +32,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, useStore, actions, useSessions, }: TokenQuotaPanelComponentProps): import("react").JSX.Element;
+export declare function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle, useStore, actions, useSessions, }: TokenQuotaPanelComponentProps): import("react").JSX.Element;
 //# sourceMappingURL=TokenQuotaPanel.d.ts.map

package/lib/types/client/TokenQuotaPanel.js

@@ -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, useStore, actions, useSessions, }) {
+export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle, useStore, actions, useSessions, }) {
     const [collapsed, setCollapsed] = useState(false);
     const [drafts, setDrafts] = useState({});
     const [editingKey, setEditingKey] = useState(null);
@@ -95,6 +95,15 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
     // so the chat content behind it stays readable; hovering restores it.
     const [hovered, setHovered] = useState(false);
     const [inputActive, setInputActive] = useState(false);
+    // Copy-button feedback: which command was just copied (label flips to
+    // 「已复制」for a moment so the click is perceivable).
+    const [copiedCmd, setCopiedCmd] = useState(null);
+    const copyTimerRef = useRef(null);
+    // Flash state for the upgrade banner: armed when a NEW latest version shows
+    // up (either from a manual check or a periodic poll).
+    const [upgradeFlash, setUpgradeFlash] = useState(false);
+    const flashTimerRef = useRef(null);
+    const prevUpgradeRef = useRef(null);
     // Draggable placements: the panel persists across reloads; the dialogs
     // start centered (null) and remember where they were dragged to.
     const [panelPos, setPanelPos] = useState(loadPanelPos);
@@ -119,6 +128,7 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
     const monitored = useStore(s => s.monitored);
     const onFull = useStore(s => s.onFull);
     const checkUpdates = useStore(s => s.checkUpdates);
+    const dimWhenIdle = useStore(s => s.dimWhenIdle);
     const upgrade = useStore(s => s.upgrade);
     const upgradeDismissed = useStore(s => s.upgradeDismissed);
     const checkingUpdates = useStore(s => s.checkingUpdates);
@@ -154,6 +164,34 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
         window.addEventListener('focusin', onFocusIn);
         return () => { window.removeEventListener('focusin', onFocusIn); };
     }, []);
+    // When a NEW latest version appears (manual check or periodic poll):
+    // expand the panel (it may be collapsed), force it opaque, and flash the
+    // upgrade banner a few times so the discovery is unmissable.
+    useEffect(() => {
+        const latest = upgrade?.latestVersion ?? null;
+        if (latest !== null && prevUpgradeRef.current !== latest) {
+            setCollapsed(false);
+            setUpgradeFlash(true);
+            if (flashTimerRef.current !== null)
+                clearTimeout(flashTimerRef.current);
+            flashTimerRef.current = window.setTimeout(() => {
+                setUpgradeFlash(false);
+                flashTimerRef.current = null;
+            }, 2500);
+        }
+        prevUpgradeRef.current = latest;
+        return () => {
+            // Keep the timer across re-renders; cleared only on unmount.
+        };
+    }, [upgrade]);
+    useEffect(() => {
+        return () => {
+            if (flashTimerRef.current !== null)
+                clearTimeout(flashTimerRef.current);
+            if (copyTimerRef.current !== null)
+                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) => ({
@@ -197,6 +235,17 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
             document.body.removeChild(el);
         }
     };
+    /** Copy an upgrade command and show per-button success feedback. */
+    const copyUpgradeCommand = (cmd) => {
+        void copyToClipboard(cmd);
+        setCopiedCmd(cmd);
+        if (copyTimerRef.current !== null)
+            clearTimeout(copyTimerRef.current);
+        copyTimerRef.current = window.setTimeout(() => {
+            setCopiedCmd(null);
+            copyTimerRef.current = null;
+        }, 1600);
+    };
     // Fetch the usage log whenever the log dialog opens. Kept ABOVE the
     // collapsed early-return: every hook must run on every render, otherwise
     // React unmounts the component the moment the panel collapses (the old
@@ -237,12 +286,15 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
         setLimit(row.key, parsed);
     };
     const visibleRows = rows.filter(row => isMonitoredKey(row.key) || row.current);
-    // The panel dims when the pointer is away; dimming is stronger while the
-    // user is typing in an input elsewhere so the text behind stays readable.
-    const panelDimClass = hovered ? '' : inputActive ? css.panelDimStrong : css.panelDim;
+    // The panel dims when the pointer is away ONLY when the user opted in
+    // (settings → 失焦窗口透明). While the upgrade banner flashes, the panel
+    // is forced opaque regardless.
+    const panelDimClass = dimWhenIdle
+        ? (hovered || upgradeFlash ? '' : inputActive ? css.panelDimStrong : css.panelDim)
+        : '';
     return (_jsxs("div", { ref: panelRef, className: `${css.panel}${panelDimClass !== '' ? ` ${panelDimClass}` : ''}`, style: panelPos !== null ? { left: panelPos.x, top: panelPos.y, right: 'auto' } : undefined, onPointerEnter: () => { setHovered(true); }, onPointerLeave: () => { setHovered(false); }, children: [_jsxs("div", { className: css.header, onPointerDown: (event) => { beginDrag(event, panelRef.current, applyPanelPos); }, children: [_jsxs("div", { className: css.headerText, children: [_jsxs("div", { className: css.title, children: [t('title'), __TOKEN_QUOTA_VERSION__ !== undefined && __TOKEN_QUOTA_VERSION__ !== '' && (upgrade !== null
                                         ? (_jsxs("span", { className: `${css.version} ${css.versionNew}`, title: t('upgradeAvailableHint'), children: ["v", __TOKEN_QUOTA_VERSION__, " \u2192 v", upgrade.latestVersion] }))
-                                        : (_jsxs("span", { className: css.version, children: ["v", __TOKEN_QUOTA_VERSION__] })))] }), _jsx("div", { className: css.subtitle, children: t('subtitle') })] }), _jsxs("div", { className: css.headerActions, onPointerDown: (event) => { event.stopPropagation(); }, children: [_jsx("button", { type: "button", className: css.settingsBtn, onClick: () => { actions.setLogOpen(true); }, children: t('logs') }), _jsx("button", { type: "button", className: css.settingsBtn, onClick: openSettings, children: t('settings') }), _jsx("button", { type: "button", className: css.collapse, onClick: () => { setCollapsed(true); }, children: t('collapse') })] })] }), _jsxs("div", { className: css.body, children: [loading && _jsx("div", { className: css.notice, children: t('loading') }), error !== null && _jsx("div", { className: css.noticeError, children: error }), fullNotice !== null && (_jsx("div", { className: css.fullNotice, role: "alert", children: fullNotice })), upgrade !== null && !upgradeDismissed && (_jsxs("div", { className: css.upgradeBanner, role: "alert", children: [_jsx("div", { className: css.upgradeBannerText, children: t('upgradeAvailable').replace('{version}', upgrade.latestVersion) }), _jsx("div", { className: css.upgradeCommands, children: upgrade.commands.map(cmd => (_jsxs("div", { className: css.upgradeCommandRow, children: [_jsx("code", { className: css.upgradeCommand, children: cmd }), _jsx("button", { type: "button", className: css.copyBtn, onClick: () => { void copyToClipboard(cmd); }, children: t('copy') })] }, cmd))) }), _jsx("div", { className: css.upgradeHint, children: t('upgradeHint') }), _jsx("button", { type: "button", className: css.upgradeClose, onClick: () => { actions.setUpgradeDismissed(true); }, "aria-label": t('close'), children: "\u00D7" })] })), !loading && error === null && visibleRows.length === 0 && (_jsx("div", { className: css.notice, children: monitored !== null && monitored.length === 0 ? t('noMonitored') : t('waiting') })), visibleRows.map((row) => {
+                                        : (_jsxs("span", { className: css.version, children: ["v", __TOKEN_QUOTA_VERSION__] })))] }), _jsx("div", { className: css.subtitle, children: t('subtitle') })] }), _jsxs("div", { className: css.headerActions, onPointerDown: (event) => { event.stopPropagation(); }, children: [_jsx("button", { type: "button", className: css.settingsBtn, onClick: () => { actions.setLogOpen(true); }, children: t('logs') }), _jsx("button", { type: "button", className: css.settingsBtn, onClick: openSettings, children: t('settings') }), _jsx("button", { type: "button", className: css.collapse, onClick: () => { setCollapsed(true); }, children: t('collapse') })] })] }), _jsxs("div", { className: css.body, children: [loading && _jsx("div", { className: css.notice, children: t('loading') }), error !== null && _jsx("div", { className: css.noticeError, children: error }), fullNotice !== null && (_jsx("div", { className: css.fullNotice, role: "alert", children: fullNotice })), upgrade !== null && !upgradeDismissed && (_jsxs("div", { className: `${css.upgradeBanner}${upgradeFlash ? ` ${css.upgradeBannerFlash}` : ''}`, role: "alert", children: [_jsx("div", { className: css.upgradeBannerText, children: t('upgradeAvailable').replace('{version}', upgrade.latestVersion) }), _jsx("div", { className: css.upgradeCommands, children: upgrade.commands.map(cmd => (_jsxs("div", { className: css.upgradeCommandRow, children: [_jsx("code", { className: css.upgradeCommand, children: cmd }), _jsx("button", { type: "button", className: `${css.copyBtn}${copiedCmd === cmd ? ` ${css.copyBtnDone}` : ''}`, onClick: () => { copyUpgradeCommand(cmd); }, children: copiedCmd === cmd ? t('copied') : t('copy') })] }, cmd))) }), _jsx("div", { className: css.upgradeHint, children: t('upgradeHint') }), _jsx("button", { type: "button", className: css.upgradeClose, onClick: () => { actions.setUpgradeDismissed(true); }, "aria-label": t('close'), children: "\u00D7" })] })), !loading && error === null && visibleRows.length === 0 && (_jsx("div", { className: css.notice, children: monitored !== null && monitored.length === 0 ? t('noMonitored') : t('waiting') })), visibleRows.map((row) => {
                         const state = barStateOf(row);
                         const pct = row.limit > 0 ? Math.min(100, Math.round((row.used / row.limit) * 100)) : 0;
                         const barClass = state === 'over'
@@ -282,7 +334,7 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
                                                 hour: reset?.hour ?? 0,
                                                 minute: Number(event.target.value),
                                             });
-                                        }, children: Array.from({ length: 12 }, (_, i) => i * 5).map(minute => (_jsxs("option", { value: minute, children: [String(minute).padStart(2, '0'), " \u5206"] }, minute))) })] })] }), _jsxs("div", { className: css.dialogSection, children: [_jsxs("div", { className: css.checkUpdatesRow, children: [_jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("input", { type: "checkbox", checked: checkUpdates, onChange: (event) => { setCheckUpdates(event.target.checked); } }), _jsx("span", { children: t('checkUpdatesLabel') })] }), _jsx("button", { type: "button", className: css.checkBtn, disabled: checkingUpdates, onClick: checkUpdatesNow, children: checkingUpdates
+                                        }, children: Array.from({ length: 12 }, (_, i) => i * 5).map(minute => (_jsxs("option", { value: minute, children: [String(minute).padStart(2, '0'), " \u5206"] }, minute))) })] })] }), _jsxs("div", { className: css.dialogSection, children: [_jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("input", { type: "checkbox", checked: dimWhenIdle, onChange: (event) => { setDimWhenIdle(event.target.checked); } }), _jsx("span", { children: t('dimWhenIdleLabel') })] }), _jsx("div", { className: css.dialogHint, children: t('dimWhenIdleHint') })] }), _jsxs("div", { className: css.dialogSection, children: [_jsxs("div", { className: css.checkUpdatesRow, children: [_jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("input", { type: "checkbox", checked: checkUpdates, onChange: (event) => { setCheckUpdates(event.target.checked); } }), _jsx("span", { children: t('checkUpdatesLabel') })] }), _jsx("button", { type: "button", className: css.checkBtn, disabled: checkingUpdates, onClick: checkUpdatesNow, children: checkingUpdates
                                             ? t('checkingUpdates')
                                             : lastCheckResult === 'up-to-date'
                                                 ? t('checkUpToDate')

package/lib/types/client/index.js

@@ -171,6 +171,7 @@ export function apply(ctx) {
             : null;
         bound?.setSettings(lastMonitored, lastOnFull);
         bound?.setCheckUpdates(doc?.checkUpdates ?? true);
+        bound?.setDimWhenIdle(doc?.dimWhenIdle ?? false);
         bound?.setReset(lastReset);
         void fetch('/token-quota', { headers: { accept: 'application/json' } }).then((response) => {
             if (!response.ok) {
@@ -234,6 +235,10 @@ export function apply(ctx) {
         bound?.setCheckUpdates(enabled);
         void scope.set('checkUpdates', enabled);
     };
+    const setDimWhenIdle = (enabled) => {
+        bound?.setDimWhenIdle(enabled);
+        void scope.set('dimWhenIdle', enabled);
+    };
     /** Ask the Host to check the registry right now, then refresh the snapshot. */
     const checkUpdatesNow = () => {
         bound?.setCheckingUpdates(true);
@@ -254,7 +259,12 @@ export function apply(ctx) {
                 bound?.setUpgrade(snapshot.upgrade ?? null);
                 bound?.setUpgradeError(snapshot.upgradeError ?? null);
                 actOnFull(snapshot);
-                if (snapshot.upgrade === null) {
+                if (snapshot.upgrade !== null) {
+                    // A new version was found: close the settings dialog so the
+                    // flashing upgrade banner in the panel is immediately visible.
+                    bound?.setDialogOpen(false);
+                }
+                else {
                     // No newer version known: distinguish "checked OK, up to date"
                     // from "check failed" via the host-provided error message.
                     bound?.setLastCheckResult(snapshot.upgradeError !== null ? 'error' : 'up-to-date');
@@ -315,7 +325,7 @@ export function apply(ctx) {
         bound = actions;
         return {
             load, setLimit, selectModel, setMonitored, setOnFull, setReset,
-            setCheckUpdates, checkUpdatesNow, clearLogBefore,
+            setCheckUpdates, checkUpdatesNow, clearLogBefore, setDimWhenIdle,
         };
     };
     ctx.slots.inject('shell.overlay', () => ctx.slots.register({

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

@@ -61,8 +61,11 @@ export declare const zh: {
     upgradeAvailableHint: string;
     upgradeAvailable: string;
     copy: string;
+    copied: string;
     upgradeHint: string;
     checkUpdatesLabel: string;
+    dimWhenIdleLabel: string;
+    dimWhenIdleHint: string;
     checkUpdatesNow: string;
     checkingUpdates: string;
     checkUpToDate: string;
@@ -127,8 +130,11 @@ export declare const en: {
     upgradeAvailableHint: string;
     upgradeAvailable: string;
     copy: string;
+    copied: string;
     upgradeHint: string;
     checkUpdatesLabel: string;
+    dimWhenIdleLabel: string;
+    dimWhenIdleHint: string;
     checkUpdatesNow: string;
     checkingUpdates: string;
     checkUpToDate: string;

package/lib/types/client/locales.js

@@ -61,8 +61,11 @@ export const zh = {
     upgradeAvailableHint: '有新版本可用',
     upgradeAvailable: '发现新版本 v{version}，请在终端执行以下命令升级：',
     copy: '复制',
+    copied: '已复制 ✓',
     upgradeHint: '升级后请重启 dsh web 并刷新浏览器页面',
     checkUpdatesLabel: '自动检查更新',
+    dimWhenIdleLabel: '失焦时窗口透明',
+    dimWhenIdleHint: '鼠标移开面板时降低不透明度，输入文字时更透明；鼠标悬停恢复',
     checkUpdatesNow: '立即检查',
     checkingUpdates: '检查中…',
     checkUpToDate: '已是最新',
@@ -125,8 +128,11 @@ export const en = {
     upgradeAvailableHint: 'A new version is available',
     upgradeAvailable: 'A new version v{version} is available. Run one of the following commands in your terminal to upgrade:',
     copy: 'Copy',
+    copied: 'Copied ✓',
     upgradeHint: 'After upgrading, restart dsh web and refresh the browser',
     checkUpdatesLabel: 'Check for updates automatically',
+    dimWhenIdleLabel: 'Dim panel when unfocused',
+    dimWhenIdleHint: 'Fade the panel out when the pointer is away (more while typing); hover to restore',
     checkUpdatesNow: 'Check now',
     checkingUpdates: 'Checking…',
     checkUpToDate: 'Up to date',

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

@@ -48,6 +48,8 @@ export interface TokenQuotaPanelState {
     onFull: TokenQuotaFullAction;
     /** Whether the Host is allowed to check npm for newer versions. */
     checkUpdates: boolean;
+    /** Whether the panel dims while the pointer is away / while typing. */
+    dimWhenIdle: boolean;
     /** Latest upgrade availability from the Host; null = up to date or unknown. */
     upgrade: TokenQuotaUpgrade | null;
     /** Whether the one-shot upgrade banner was dismissed for the current latest version. */
@@ -89,6 +91,7 @@ export type TokenQuotaPanelActions = {
     setError: (d: TokenQuotaPanelState, error: string | null) => void;
     setSettings: (d: TokenQuotaPanelState, monitored: string[] | null, onFull: TokenQuotaFullAction) => void;
     setCheckUpdates: (d: TokenQuotaPanelState, checkUpdates: boolean) => void;
+    setDimWhenIdle: (d: TokenQuotaPanelState, dimWhenIdle: boolean) => void;
     setUpgrade: (d: TokenQuotaPanelState, upgrade: TokenQuotaUpgrade | null) => void;
     setUpgradeDismissed: (d: TokenQuotaPanelState, dismissed: boolean) => void;
     setCheckingUpdates: (d: TokenQuotaPanelState, checking: boolean) => void;

package/lib/types/client/store.js

@@ -27,6 +27,7 @@ export function createTokenQuotaPanelStore() {
             monitored: null,
             onFull: 'stop',
             checkUpdates: true,
+            dimWhenIdle: false,
             upgrade: null,
             upgradeDismissed: false,
             checkingUpdates: false,
@@ -51,13 +52,23 @@ export function createTokenQuotaPanelStore() {
             setError: (d, error) => { d.error = error; },
             setSettings: (d, monitored, onFull) => { d.monitored = monitored; d.onFull = onFull; },
             setCheckUpdates: (d, checkUpdates) => { d.checkUpdates = checkUpdates; },
+            setDimWhenIdle: (d, dimWhenIdle) => { d.dimWhenIdle = dimWhenIdle; },
             setUpgrade: (d, upgrade) => {
+                // Guard against host/client version skew (e.g. the host process still
+                // runs an older bundle after an upgrade): when the reported "latest"
+                // equals the client's own version, there is nothing to upgrade to.
+                // This prevents a confusing `v0.1.16 → v0.1.16` banner.
+                const normalized = upgrade !== null
+                    && upgrade.latestVersion !== ''
+                    && upgrade.latestVersion !== __TOKEN_QUOTA_VERSION__
+                    ? upgrade
+                    : null;
                 // A new latest version re-arms the one-shot banner; the same version
                 // stays dismissed until the user dismisses it again (or it changes).
-                if (d.upgrade === null || d.upgrade.latestVersion !== upgrade?.latestVersion) {
+                if (d.upgrade === null || d.upgrade.latestVersion !== normalized?.latestVersion) {
                     d.upgradeDismissed = false;
                 }
-                d.upgrade = upgrade;
+                d.upgrade = normalized;
             },
             setUpgradeDismissed: (d, dismissed) => { d.upgradeDismissed = dismissed; },
             setCheckingUpdates: (d, checking) => { d.checkingUpdates = checking; },

package/lib/types/index.js

@@ -156,6 +156,8 @@ const TOKEN_QUOTA_SETTINGS_SCHEMA = z.object({
     // without reconfiguring.
     onFull: z.union(['stop', 'switchQuota', 'switchAll', 'switchPriority']).default('stop'),
     checkUpdates: z.boolean().default(true),
+    // Client-side appearance preference; the host only stores it.
+    dimWhenIdle: z.boolean().default(false),
     // `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.
@@ -220,7 +222,7 @@ export class TokenQuotaService extends Service {
     history = {};
     limits = {};
     monitored = undefined;
-    settingsSource = () => ({ limits: {}, monitored: [], onFull: 'stop', checkUpdates: true });
+    settingsSource = () => ({ limits: {}, monitored: [], onFull: 'stop', checkUpdates: true, dimWhenIdle: false });
     /** Whether update checks are enabled (mirrors the settings document). */
     checkUpdates = true;
     /** Cached upgrade availability; recomputed by {@link refreshUpgrade}. */
@@ -275,6 +277,7 @@ export class TokenQuotaService extends Service {
                         // capped models first, then uncapped — both monitored-only.
                         onFull: doc.onFull === 'switchPriority' ? 'switchAll' : (doc.onFull ?? 'stop'),
                         checkUpdates: doc.checkUpdates ?? true,
+                        dimWhenIdle: doc.dimWhenIdle ?? false,
                         reset: doc.reset ?? undefined,
                     };
                 };

package/lib/types/types.d.ts

@@ -68,6 +68,12 @@ export interface TokenQuotaSettings {
      * and surfaces an update notice in the panel. `true` by default.
      */
     checkUpdates: boolean;
+    /**
+     * Client-side appearance preference: dim the floating panel while the
+     * pointer is away (and more while typing) so the content behind stays
+     * readable. `false` by default — the panel stays fully opaque.
+     */
+    dimWhenIdle: boolean;
     /**
      * Daily reset moment (timezone + clock time). Absent = machine-local
      * midnight (the historical behaviour).

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.15",
+  "version": "0.1.17",
   "publishConfig": {
     "access": "public"
   },