npm - @jxgame2020/dsh-token-quota - Versions diffs - 0.1.29 → 0.1.31 - Mend

@jxgame2020/dsh-token-quota 0.1.29 → 0.1.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/lib/client.js +240 -154
package/lib/index.js +1 -1
package/lib/types/client/TokenQuotaPanel.js +36 -34
package/lib/types/client/index.js +23 -0
package/lib/types/client/locales.d.ts +6 -0
package/lib/types/client/locales.js +8 -2
package/lib/types/client/music.d.ts +11 -0
package/lib/types/client/music.js +50 -19
package/package.json +1 -1

package/lib/client.js CHANGED Viewed

@@ -95,7 +95,7 @@ window.__ModuleLoader__.load({
 						d.musicOnlyCurrentSession = only;
 					},
 					setUpgrade: (d, upgrade) => {
-						const normalized = upgrade !== null && upgrade.latestVersion !== "" && upgrade.latestVersion !== "0.1.29" ? upgrade : null;
+						const normalized = upgrade !== null && upgrade.latestVersion !== "" && upgrade.latestVersion !== "0.1.31" ? upgrade : null;
 						if (d.upgrade === null || d.upgrade.latestVersion !== normalized?.latestVersion) d.upgradeDismissed = false;
 						d.upgrade = normalized;
 					},
@@ -191,7 +191,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_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: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 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 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,92 +201,96 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var TokenQuotaPanel_module_css_default = {
-			"controls": "NPLLIq_controls",
-			"logModelCol": "NPLLIq_logModelCol",
+			"body": "NPLLIq_body",
+			"bar": "NPLLIq_bar",
+			"rowName": "NPLLIq_rowName",
+			"rowHeader": "NPLLIq_rowHeader",
+			"gearBtn": "NPLLIq_gearBtn",
+			"radioRow": "NPLLIq_radioRow",
 			"resetRow": "NPLLIq_resetRow",
+			"logModelCol": "NPLLIq_logModelCol",
+			"logClearDialog": "NPLLIq_logClearDialog",
+			"upgradeClose": "NPLLIq_upgradeClose",
+			"subtitle": "NPLLIq_subtitle",
+			"fillWarn": "NPLLIq_fillWarn",
 			"noticeError": "NPLLIq_noticeError",
-			"selectBtn": "NPLLIq_selectBtn",
-			"monitorList": "NPLLIq_monitorList",
 			"upgradeCommandRow": "NPLLIq_upgradeCommandRow",
-			"dialogBtn": "NPLLIq_dialogBtn",
-			"logDayCol": "NPLLIq_logDayCol",
-			"fillIdle": "NPLLIq_fillIdle",
-			"logPagerBtn": "NPLLIq_logPagerBtn",
-			"panel": "NPLLIq_panel",
-			"subtitle": "NPLLIq_subtitle",
-			"notice": "NPLLIq_notice",
-			"settingsBtnActive": "NPLLIq_settingsBtnActive",
-			"gearBtn": "NPLLIq_gearBtn",
-			"panelDimStrong": "NPLLIq_panelDimStrong",
-			"logClearDate": "NPLLIq_logClearDate",
+			"logDialog": "NPLLIq_logDialog",
+			"dialogLabel": "NPLLIq_dialogLabel",
 			"settingsBtn": "NPLLIq_settingsBtn",
-			"copyBtn": "NPLLIq_copyBtn",
+			"dialogHeader": "NPLLIq_dialogHeader",
+			"upgradeBannerFlash": "NPLLIq_upgradeBannerFlash",
+			"copyBtnDone": "NPLLIq_copyBtnDone",
+			"upgradeBanner": "NPLLIq_upgradeBanner",
+			"logScroll": "NPLLIq_logScroll",
+			"logDayCol": "NPLLIq_logDayCol",
 			"logPager": "NPLLIq_logPager",
-			"tab": "NPLLIq_tab",
-			"tabIcon": "NPLLIq_tabIcon",
-			"dialog": "NPLLIq_dialog",
 			"upgradeCommands": "NPLLIq_upgradeCommands",
-			"rowMeta": "NPLLIq_rowMeta",
-			"version": "NPLLIq_version",
+			"fillOver": "NPLLIq_fillOver",
 			"checkUpdatesRow": "NPLLIq_checkUpdatesRow",
-			"dialogTitle": "NPLLIq_dialogTitle",
 			"headerText": "NPLLIq_headerText",
-			"dialogActions": "NPLLIq_dialogActions",
-			"logDialog": "NPLLIq_logDialog",
-			"fillOver": "NPLLIq_fillOver",
-			"monitorRow": "NPLLIq_monitorRow",
-			"upgradeBanner": "NPLLIq_upgradeBanner",
-			"dialogHint": "NPLLIq_dialogHint",
-			"dialogBtnPrimary": "NPLLIq_dialogBtnPrimary",
-			"logClearDialog": "NPLLIq_logClearDialog",
-			"logHeader": "NPLLIq_logHeader",
-			"upgradeHint": "NPLLIq_upgradeHint",
-			"row": "NPLLIq_row",
-			"logToolbar": "NPLLIq_logToolbar",
-			"logSearch": "NPLLIq_logSearch",
 			"switch": "NPLLIq_switch",
-			"checkBtn": "NPLLIq_checkBtn",
-			"dialogSection": "NPLLIq_dialogSection",
-			"bar": "NPLLIq_bar",
-			"logPagerPages": "NPLLIq_logPagerPages",
+			"dialogHint": "NPLLIq_dialogHint",
+			"dialogOverlay": "NPLLIq_dialogOverlay",
+			"version": "NPLLIq_version",
 			"input": "NPLLIq_input",
-			"rowHeader": "NPLLIq_rowHeader",
-			"copyBtnDone": "NPLLIq_copyBtnDone",
-			"dialogClose": "NPLLIq_dialogClose",
-			"logScroll": "NPLLIq_logScroll",
-			"versionNew": "NPLLIq_versionNew",
-			"header": "NPLLIq_header",
-			"upgradeCommand": "NPLLIq_upgradeCommand",
 			"logPagerControls": "NPLLIq_logPagerControls",
-			"currentBadge": "NPLLIq_currentBadge",
-			"tabLabel": "NPLLIq_tabLabel",
+			"settingsDialog": "NPLLIq_settingsDialog",
 			"logPageSizeSelect": "NPLLIq_logPageSizeSelect",
-			"upgradeBannerText": "NPLLIq_upgradeBannerText",
-			"logClearBtn": "NPLLIq_logClearBtn",
-			"fullNotice": "NPLLIq_fullNotice",
-			"upgradeClose": "NPLLIq_upgradeClose",
-			"dialogBody": "NPLLIq_dialogBody",
-			"resetSelect": "NPLLIq_resetSelect",
-			"rowName": "NPLLIq_rowName",
+			"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",
-			"logUsedCol": "NPLLIq_logUsedCol",
+			"dialogTab": "NPLLIq_dialogTab",
+			"upgradeHint": "NPLLIq_upgradeHint",
 			"collapse": "NPLLIq_collapse",
-			"dialogOverlay": "NPLLIq_dialogOverlay",
-			"radioRow": "NPLLIq_radioRow",
-			"dialogHeader": "NPLLIq_dialogHeader",
+			"dialogTabs": "NPLLIq_dialogTabs",
 			"title": "NPLLIq_title",
-			"logTable": "NPLLIq_logTable",
+			"controls": "NPLLIq_controls",
+			"logClearBtn": "NPLLIq_logClearBtn",
+			"header": "NPLLIq_header",
+			"logPagerInfo": "NPLLIq_logPagerInfo",
+			"logPagerPages": "NPLLIq_logPagerPages",
+			"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",
+			"monitorRow": "NPLLIq_monitorRow",
+			"dialogBtn": "NPLLIq_dialogBtn",
+			"dialogActions": "NPLLIq_dialogActions",
+			"upgradeBannerText": "NPLLIq_upgradeBannerText",
+			"selectBtn": "NPLLIq_selectBtn",
+			"logPagerBtn": "NPLLIq_logPagerBtn",
+			"upgradeCommand": "NPLLIq_upgradeCommand",
+			"row": "NPLLIq_row",
+			"currentBadge": "NPLLIq_currentBadge",
+			"monitorList": "NPLLIq_monitorList",
+			"tabLabel": "NPLLIq_tabLabel",
+			"fillIdle": "NPLLIq_fillIdle",
 			"checkErrorHint": "NPLLIq_checkErrorHint",
-			"upgradeBannerFlash": "NPLLIq_upgradeBannerFlash",
-			"dialogLabel": "NPLLIq_dialogLabel",
-			"logPagerInfo": "NPLLIq_logPagerInfo",
-			"panelDim": "NPLLIq_panelDim",
-			"fillWarn": "NPLLIq_fillWarn",
+			"dialogTitle": "NPLLIq_dialogTitle",
 			"monitorHint": "NPLLIq_monitorHint",
-			"body": "NPLLIq_body",
-			"headerActions": "NPLLIq_headerActions",
-			"monitorName": "NPLLIq_monitorName"
+			"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"
 		};
 		//#endregion
 		//#region lib/types/client/TokenQuotaPanel.js
@@ -379,6 +383,7 @@ window.__ModuleLoader__.load({
 			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 [copiedCmd, setCopiedCmd] = (0, react.useState)(null);
 			const copyTimerRef = (0, react.useRef)(null);
 			const [upgradeFlash, setUpgradeFlash] = (0, react.useState)(false);
@@ -592,13 +597,13 @@ window.__ModuleLoader__.load({
 									title: t("upgradeAvailableHint"),
 									children: [
 										"v",
-										"0.1.29",
+										"0.1.31",
 										" → v",
 										upgrade.latestVersion
 									]
 								}) : (0, react_jsx_runtime.jsxs)("span", {
 									className: TokenQuotaPanel_module_css_default.version,
-									children: ["v", "0.1.29"]
+									children: ["v", "0.1.31"]
 								})]
 							}), (0, react_jsx_runtime.jsx)("div", {
 								className: TokenQuotaPanel_module_css_default.subtitle,
@@ -787,7 +792,7 @@ window.__ModuleLoader__.load({
 					}),
 					dialogOpen && (0, react_jsx_runtime.jsxs)("div", {
 						ref: settingsRef,
-						className: TokenQuotaPanel_module_css_default.dialog,
+						className: `${TokenQuotaPanel_module_css_default.dialog} ${TokenQuotaPanel_module_css_default.settingsDialog}`,
 						style: settingsPos !== null ? {
 							left: settingsPos.x,
 							top: settingsPos.y,
@@ -816,6 +821,42 @@ window.__ModuleLoader__.load({
 								})]
 							}),
 							(0, react_jsx_runtime.jsxs)("div", {
+								className: TokenQuotaPanel_module_css_default.dialogTabs,
+								role: "tablist",
+								children: [
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										role: "tab",
+										"aria-selected": settingsTab === "quota",
+										className: `${TokenQuotaPanel_module_css_default.dialogTab}${settingsTab === "quota" ? ` ${TokenQuotaPanel_module_css_default.dialogTabActive}` : ""}`,
+										onClick: () => {
+											setSettingsTab("quota");
+										},
+										children: t("settingsTabQuota")
+									}),
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										role: "tab",
+										"aria-selected": settingsTab === "music",
+										className: `${TokenQuotaPanel_module_css_default.dialogTab}${settingsTab === "music" ? ` ${TokenQuotaPanel_module_css_default.dialogTabActive}` : ""}`,
+										onClick: () => {
+											setSettingsTab("music");
+										},
+										children: t("settingsTabMusic")
+									}),
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										role: "tab",
+										"aria-selected": settingsTab === "other",
+										className: `${TokenQuotaPanel_module_css_default.dialogTab}${settingsTab === "other" ? ` ${TokenQuotaPanel_module_css_default.dialogTabActive}` : ""}`,
+										onClick: () => {
+											setSettingsTab("other");
+										},
+										children: t("settingsTabOther")
+									})
+								]
+							}),
+							settingsTab === "quota" && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
 								className: TokenQuotaPanel_module_css_default.dialogSection,
 								children: [
 									(0, react_jsx_runtime.jsx)("div", {
@@ -848,8 +889,7 @@ window.__ModuleLoader__.load({
 										}, model.key))
 									})
 								]
-							}),
-							(0, react_jsx_runtime.jsxs)("div", {
+							}), (0, react_jsx_runtime.jsxs)("div", {
 								className: TokenQuotaPanel_module_css_default.dialogSection,
 								children: [(0, react_jsx_runtime.jsx)("div", {
 									className: TokenQuotaPanel_module_css_default.dialogLabel,
@@ -865,8 +905,8 @@ window.__ModuleLoader__.load({
 										}
 									}), (0, react_jsx_runtime.jsx)("span", { children: t(action.labelKey) })]
 								}, action.value))]
-							}),
-							(0, react_jsx_runtime.jsxs)("div", {
+							})] }),
+							settingsTab === "other" && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
 								className: TokenQuotaPanel_module_css_default.dialogSection,
 								children: [
 									(0, react_jsx_runtime.jsx)("div", {
@@ -928,8 +968,7 @@ window.__ModuleLoader__.load({
 										]
 									})
 								]
-							}),
-							(0, react_jsx_runtime.jsxs)("div", {
+							}), (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,
@@ -944,79 +983,78 @@ window.__ModuleLoader__.load({
 									className: TokenQuotaPanel_module_css_default.dialogHint,
 									children: t("dimWhenIdleHint")
 								})]
-							}),
-							(0, react_jsx_runtime.jsxs)("div", {
+							})] }),
+							settingsTab === "music" && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(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: musicEnabled,
+										onChange: (event) => {
+											setMusicEnabled(event.target.checked);
+										}
+									}), (0, react_jsx_runtime.jsx)("span", { children: t("musicLabel") })]
+								}), (0, react_jsx_runtime.jsx)("div", {
+									className: TokenQuotaPanel_module_css_default.dialogHint,
+									children: t("musicHint")
+								})]
+							}), musicEnabled && (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)("span", { children: t("musicVolume") }), (0, react_jsx_runtime.jsx)("input", {
+											type: "range",
+											min: 0,
+											max: 1,
+											step: .05,
+											value: musicVolume,
+											onChange: (event) => {
+												setMusicVolume(Number(event.target.value));
+											}
+										})]
+									}),
+									(0, react_jsx_runtime.jsxs)("label", {
+										className: TokenQuotaPanel_module_css_default.checkUpdatesLabel,
+										children: [(0, react_jsx_runtime.jsx)("span", { children: t("musicStyle") }), (0, react_jsx_runtime.jsxs)("select", {
+											value: musicStyle,
+											onChange: (event) => {
+												setMusicStyle(event.target.value);
+											},
+											children: [
+												(0, react_jsx_runtime.jsx)("option", {
+													value: "major",
+													children: t("musicStyleMajor")
+												}),
+												(0, react_jsx_runtime.jsx)("option", {
+													value: "minor",
+													children: t("musicStyleMinor")
+												}),
+												(0, react_jsx_runtime.jsx)("option", {
+													value: "pentatonic",
+													children: t("musicStylePentatonic")
+												})
+											]
+										})]
+									}),
 									(0, react_jsx_runtime.jsxs)("label", {
 										className: TokenQuotaPanel_module_css_default.checkUpdatesLabel,
 										children: [(0, react_jsx_runtime.jsx)("input", {
 											type: "checkbox",
-											checked: musicEnabled,
+											checked: musicOnlyCurrentSession,
 											onChange: (event) => {
-												setMusicEnabled(event.target.checked);
+												setMusicOnlyCurrentSession(event.target.checked);
 											}
-										}), (0, react_jsx_runtime.jsx)("span", { children: t("musicLabel") })]
+										}), (0, react_jsx_runtime.jsx)("span", { children: t("musicOnlyCurrentSessionLabel") })]
 									}),
 									(0, react_jsx_runtime.jsx)("div", {
 										className: TokenQuotaPanel_module_css_default.dialogHint,
-										children: t("musicHint")
-									}),
-									musicEnabled && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-										(0, react_jsx_runtime.jsxs)("label", {
-											className: TokenQuotaPanel_module_css_default.checkUpdatesLabel,
-											children: [(0, react_jsx_runtime.jsx)("span", { children: t("musicVolume") }), (0, react_jsx_runtime.jsx)("input", {
-												type: "range",
-												min: 0,
-												max: 1,
-												step: .05,
-												value: musicVolume,
-												onChange: (event) => {
-													setMusicVolume(Number(event.target.value));
-												}
-											})]
-										}),
-										(0, react_jsx_runtime.jsxs)("label", {
-											className: TokenQuotaPanel_module_css_default.checkUpdatesLabel,
-											children: [(0, react_jsx_runtime.jsx)("span", { children: t("musicStyle") }), (0, react_jsx_runtime.jsxs)("select", {
-												value: musicStyle,
-												onChange: (event) => {
-													setMusicStyle(event.target.value);
-												},
-												children: [
-													(0, react_jsx_runtime.jsx)("option", {
-														value: "major",
-														children: t("musicStyleMajor")
-													}),
-													(0, react_jsx_runtime.jsx)("option", {
-														value: "minor",
-														children: t("musicStyleMinor")
-													}),
-													(0, react_jsx_runtime.jsx)("option", {
-														value: "pentatonic",
-														children: t("musicStylePentatonic")
-													})
-												]
-											})]
-										}),
-										(0, react_jsx_runtime.jsxs)("label", {
-											className: TokenQuotaPanel_module_css_default.checkUpdatesLabel,
-											children: [(0, react_jsx_runtime.jsx)("input", {
-												type: "checkbox",
-												checked: musicOnlyCurrentSession,
-												onChange: (event) => {
-													setMusicOnlyCurrentSession(event.target.checked);
-												}
-											}), (0, react_jsx_runtime.jsx)("span", { children: t("musicOnlyCurrentSessionLabel") })]
-										}),
-										(0, react_jsx_runtime.jsx)("div", {
-											className: TokenQuotaPanel_module_css_default.dialogHint,
-											children: t("musicOnlyCurrentSessionHint")
-										})
-									] })
+										children: t("musicOnlyCurrentSessionHint")
+									})
 								]
-							}),
-							(0, react_jsx_runtime.jsxs)("div", {
+							})] }),
+							settingsTab === "other" && (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react_jsx_runtime.jsxs)("div", {
 								className: TokenQuotaPanel_module_css_default.dialogSection,
 								children: [(0, react_jsx_runtime.jsxs)("div", {
 									className: TokenQuotaPanel_module_css_default.checkUpdatesRow,
@@ -1041,7 +1079,7 @@ window.__ModuleLoader__.load({
 									role: "alert",
 									children: upgradeError
 								})]
-							})
+							}) })
 						]
 					}),
 					logOpen && (0, react_jsx_runtime.jsxs)("div", {
@@ -1512,6 +1550,10 @@ window.__ModuleLoader__.load({
 			get started() {
 				return this.audio !== null;
 			}
+			/** True when the master switch is on (mirrors the settings document). */
+			get isEnabled() {
+				return this.enabled;
+			}
 			/**
 			* Start the audio context and probe for a MIDI output (once). Must be
 			* called inside a user gesture so the AudioContext can resume.
@@ -1584,7 +1626,7 @@ window.__ModuleLoader__.load({
 						break;
 					case "request/header":
 						if (!this.playing) this.startPiece();
-						else this.pluck(base + 24, .3);
+						else this.pluck(this.tone(5, 1), .3, .9);
 						break;
 					case "step/start": {
 						const prog = PROGRESSION[this.style];
@@ -1596,31 +1638,51 @@ window.__ModuleLoader__.load({
 						break;
 					}
 					case "tool/call":
-						this.pluck(base + 26, .45, .5);
-						this.pluck(base - 12, .3, .35);
+						this.pluck(this.tone(4, 1), .38, .9);
+						setTimeout(() => this.pluck(this.tone(5, 1), .34, .9), 90);
+						this.pluck(this.tonicRoot - 12, .22, .9);
 						break;
 					case "tool/result":
 						if (action.error) {
-							this.pluck(base + 13, .4, .6);
-							setTimeout(() => this.pluck(base + 12, .4, .9), 90);
+							const t = this.tone(2, 1);
+							this.pluck(t - 1, .4, .7);
+							setTimeout(() => this.pluck(t - 3, .4, 1), 110);
 						} else {
-							this.pluck(base + 9, .35, .6);
-							setTimeout(() => this.pluck(base + 11, .35, .9), 70);
+							this.pluck(this.tone(3, 1), .34, 1);
+							setTimeout(() => this.pluck(this.tone(1, 1), .32, 1), 90);
+							setTimeout(() => this.pluck(this.tone(0, 1), .34, 1.2), 180);
 						}
 						break;
 					case "assistant/attempt":
-						this.pluck(base + 8, .4, .8);
-						setTimeout(() => this.pluck(base + 7, .4, .8), 110);
-						setTimeout(() => this.pluck(base + 5, .4, .8), 220);
+						this.pluck(this.tone(4, 1), .36, .8);
+						setTimeout(() => this.pluck(this.tone(2, 1), .36, .9), 110);
+						setTimeout(() => this.pluck(this.tone(0), .36, 1.1), 220);
 						break;
 					case "assistant/message":
-						this.breath(action.interrupted ? base + 6 : base + 12, 1.6);
+						this.pluck(this.tone(2, 1), .3, 1);
+						setTimeout(() => this.breath(this.tone(0, action.interrupted ? 0 : 1), 1.4), 140);
 						break;
 					case "turn/end":
 						this.stopPiece(true);
 						break;
 				}
 			}
+			/** Current tonic root in MIDI note numbers. */
+			get tonicRoot() {
+				return TokenQuotaMusic.BASE_MIDI + (PROGRESSION[this.style][this.tonicIndex] ?? 0);
+			}
+			/**
+			* A scale tone relative to the current tonic — degrees wrap up octaves
+			* (deg 5 on a 5-note scale = the octave). Event figures use this so every
+			* accent stays inside the key and melts into the piece instead of
+			* clashing with it.
+			*/
+			tone(deg, oct = 0) {
+				const scale = SCALES[this.style];
+				const len = scale.length;
+				const d = (deg % len + len) % len;
+				return this.tonicRoot + 12 * (Math.floor(deg / len) + oct) + (scale[d] ?? 0);
+			}
 			/** Start a new piece: intro run, then the phrase chain. */
 			startPiece() {
 				if (!this.audio || this.playing) return;
@@ -1852,7 +1914,10 @@ window.__ModuleLoader__.load({
 			expand: "展开",
 			expandHint: "展开每日 Token 限额面板",
 			settings: "设置",
-			settingsTitle: "限额设置",
+			settingsTitle: "设置",
+			settingsTabQuota: "限额设置",
+			settingsTabMusic: "音乐设置",
+			settingsTabOther: "其它",
 			monitorLabel: "监控模型",
 			monitorHint: "未勾选的模型不显示、不计入用量、不受限额限制",
 			monitorAll: "全部",
@@ -1930,7 +1995,10 @@ window.__ModuleLoader__.load({
 			expand: "Expand",
 			expandHint: "Expand the daily token quota panel",
 			settings: "Settings",
-			settingsTitle: "Quota Settings",
+			settingsTitle: "Settings",
+			settingsTabQuota: "Quota",
+			settingsTabMusic: "Music",
+			settingsTabOther: "Other",
 			monitorLabel: "Monitored models",
 			monitorHint: "Unchecked models are hidden, not metered, and never capped",
 			monitorAll: "All",
@@ -2049,6 +2117,24 @@ window.__ModuleLoader__.load({
 			ctx.effect(() => () => {
 				sse.close();
 			}, "token-quota-ui: music SSE");
+			const autoStartMusic = () => {
+				if (!music.isEnabled || music.started) {
+					if (music.started) {
+						window.removeEventListener("pointerdown", autoStartMusic);
+						window.removeEventListener("keydown", autoStartMusic);
+					}
+					return;
+				}
+				music.ensureStarted();
+				window.removeEventListener("pointerdown", autoStartMusic);
+				window.removeEventListener("keydown", autoStartMusic);
+			};
+			window.addEventListener("pointerdown", autoStartMusic);
+			window.addEventListener("keydown", autoStartMusic);
+			ctx.effect(() => () => {
+				window.removeEventListener("pointerdown", autoStartMusic);
+				window.removeEventListener("keydown", autoStartMusic);
+			}, "token-quota-ui: music autostart gestures");
 			/** Build a writable music-settings clone with defaults applied. */
 			const musicDefaults = (raw) => ({
 				enabled: raw?.enabled ?? false,

package/lib/index.js CHANGED Viewed

@@ -515,7 +515,7 @@ var TokenQuotaService = class TokenQuotaService extends Service {
 		return this.upgradeCheck;
 	}
 	async doRefreshUpgrade() {
-		const current = "0.1.29";
+		const current = "0.1.31";
 		let latest;
 		try {
 			const response = await fetch(REGISTRY_LATEST_URL, {

package/lib/types/client/TokenQuotaPanel.js CHANGED Viewed

@@ -95,6 +95,8 @@ 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);
+    // Active settings-dialog tab: quota limits vs. live-music vs. misc.
+    const [settingsTab, setSettingsTab] = useState('quota');
     // Copy-button feedback: which command was just copied (label flips to
     // 「已复制」for a moment so the click is perceivable).
     const [copiedCmd, setCopiedCmd] = useState(null);
@@ -311,40 +313,40 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
                                                     ? `${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));
-                    })] }), dialogOpen && (_jsxs("div", { ref: settingsRef, className: css.dialog, style: settingsPos !== null ? { left: settingsPos.x, top: settingsPos.y, transform: 'none' } : undefined, children: [_jsxs("div", { className: css.dialogHeader, onPointerDown: (event) => { beginDrag(event, settingsRef.current, setSettingsPos); }, children: [_jsx("div", { className: css.dialogTitle, children: t('settingsTitle') }), _jsx("button", { type: "button", className: css.dialogClose, title: t('close'), onClick: () => { actions.setDialogOpen(false); }, onPointerDown: (event) => { event.stopPropagation(); }, children: "\u00D7" })] }), _jsxs("div", { className: css.dialogSection, children: [_jsx("div", { className: css.dialogLabel, children: t('monitorLabel') }), _jsx("div", { className: css.monitorHint, children: t('monitorHint') }), _jsx("div", { className: css.monitorList, children: allModels.map(model => (_jsxs("label", { className: css.monitorRow, children: [_jsx("input", { type: "checkbox", checked: monitored === null || monitored.includes(model.key), onChange: (event) => {
-                                                const base = monitored === null ? allModels.map(m => m.key) : monitored;
-                                                const next = new Set(base);
-                                                if (event.target.checked)
-                                                    next.add(model.key);
-                                                else
-                                                    next.delete(model.key);
-                                                // Auto-save on every change; all selected stores as null.
-                                                setMonitored(next.size === allModels.length ? null : [...next]);
-                                            } }), _jsx("span", { className: css.monitorName, title: model.key, children: model.name })] }, model.key))) })] }), _jsxs("div", { className: css.dialogSection, children: [_jsx("div", { className: css.dialogLabel, children: t('fullActionLabel') }), FULL_ACTIONS.map(action => (_jsxs("label", { className: css.radioRow, children: [_jsx("input", { type: "radio", name: "token-quota-onfull", checked: onFull === action.value, onChange: () => { setOnFull(action.value); } }), _jsx("span", { children: t(action.labelKey) })] }, action.value)))] }), _jsxs("div", { className: css.dialogSection, children: [_jsx("div", { className: css.dialogLabel, children: t('resetLabel') }), _jsx("div", { className: css.monitorHint, children: t('resetHint') }), _jsxs("div", { className: css.resetRow, children: [_jsx("select", { className: css.resetSelect, value: reset?.offsetHours ?? -new Date().getTimezoneOffset() / 60, onChange: (event) => {
-                                            setReset({
-                                                offsetHours: Number(event.target.value),
-                                                hour: reset?.hour ?? 0,
-                                                minute: reset?.minute ?? 0,
-                                            });
-                                        }, children: Array.from({ length: 27 }, (_, i) => i - 12).map(offset => (_jsxs("option", { value: offset, children: ["UTC", offset >= 0 ? `+${offset}` : offset] }, offset))) }), _jsx("select", { className: css.resetSelect, value: reset?.hour ?? 0, onChange: (event) => {
-                                            setReset({
-                                                offsetHours: reset?.offsetHours ?? -new Date().getTimezoneOffset() / 60,
-                                                hour: Number(event.target.value),
-                                                minute: reset?.minute ?? 0,
-                                            });
-                                        }, children: Array.from({ length: 24 }, (_, i) => i).map(hour => (_jsxs("option", { value: hour, children: [String(hour).padStart(2, '0'), " \u65F6"] }, hour))) }), _jsx("select", { className: css.resetSelect, value: reset?.minute ?? 0, onChange: (event) => {
-                                            setReset({
-                                                offsetHours: reset?.offsetHours ?? -new Date().getTimezoneOffset() / 60,
-                                                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("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("label", { className: css.checkUpdatesLabel, children: [_jsx("input", { type: "checkbox", checked: musicEnabled, onChange: (event) => { setMusicEnabled(event.target.checked); } }), _jsx("span", { children: t('musicLabel') })] }), _jsx("div", { className: css.dialogHint, children: t('musicHint') }), musicEnabled && (_jsxs(_Fragment, { children: [_jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("span", { children: t('musicVolume') }), _jsx("input", { type: "range", min: 0, max: 1, step: 0.05, value: musicVolume, onChange: (event) => { setMusicVolume(Number(event.target.value)); } })] }), _jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("span", { children: t('musicStyle') }), _jsxs("select", { value: musicStyle, onChange: (event) => { setMusicStyle(event.target.value); }, children: [_jsx("option", { value: "major", children: t('musicStyleMajor') }), _jsx("option", { value: "minor", children: t('musicStyleMinor') }), _jsx("option", { value: "pentatonic", children: t('musicStylePentatonic') })] })] }), _jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("input", { type: "checkbox", checked: musicOnlyCurrentSession, onChange: (event) => { setMusicOnlyCurrentSession(event.target.checked); } }), _jsx("span", { children: t('musicOnlyCurrentSessionLabel') })] }), _jsx("div", { className: css.dialogHint, children: t('musicOnlyCurrentSessionHint') })] }))] }), _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')
-                                                : lastCheckResult === 'error'
-                                                    ? t('checkFailed')
-                                                    : t('checkUpdatesNow') })] }), lastCheckResult === 'error' && upgradeError !== null && (_jsx("div", { className: css.checkErrorHint, role: "alert", children: upgradeError }))] })] })), logOpen && (_jsxs("div", { ref: logRef, className: `${css.dialog} ${css.logDialog}`, style: logPos !== null ? { left: logPos.x, top: logPos.y, transform: 'none' } : undefined, children: [_jsxs("div", { className: css.logHeader, onPointerDown: (event) => { beginDrag(event, logRef.current, setLogPos); }, children: [_jsx("div", { className: css.dialogTitle, children: t('logsTitle') }), _jsxs("div", { className: css.logToolbar, onPointerDown: (event) => { event.stopPropagation(); }, children: [_jsx("input", { type: "search", className: css.logSearch, placeholder: t('logSearchPlaceholder'), value: logSearch, onChange: (event) => { actions.setLogSearch(event.target.value); } }), _jsx("button", { type: "button", className: css.logClearBtn, onClick: () => { actions.setLogClearOpen(true); }, children: t('logClear') })] }), _jsx("button", { type: "button", className: css.dialogClose, title: t('close'), onClick: () => { actions.setLogOpen(false); }, children: "\u00D7" })] }), log !== null && filteredLogEntries.length === 0 && (_jsx("div", { className: css.notice, children: logSearch.trim() !== '' ? t('logNoMatch') : t('logEmpty') })), _jsx("div", { className: css.logScroll, children: _jsxs("table", { className: css.logTable, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: t('logDay') }), _jsx("th", { children: t('logModel') }), _jsx("th", { className: css.logUsedCol, children: t('logUsed') })] }) }), _jsx("tbody", { children: logPageEntries.map(entry => (_jsxs("tr", { children: [_jsx("td", { className: css.logDayCol, children: entry.day }), _jsx("td", { className: css.logModelCol, title: entry.key, children: entry.key }), _jsx("td", { className: css.logUsedCol, children: formatTokens(entry.used) })] }, `${entry.day}/${entry.key}`))) })] }) }), _jsxs("div", { className: css.logPager, children: [_jsx("span", { className: css.logPagerInfo, children: t('logPagerInfo')
+                    })] }), dialogOpen && (_jsxs("div", { ref: settingsRef, className: `${css.dialog} ${css.settingsDialog}`, style: settingsPos !== null ? { left: settingsPos.x, top: settingsPos.y, transform: 'none' } : undefined, children: [_jsxs("div", { className: css.dialogHeader, onPointerDown: (event) => { beginDrag(event, settingsRef.current, setSettingsPos); }, children: [_jsx("div", { className: css.dialogTitle, children: t('settingsTitle') }), _jsx("button", { type: "button", className: css.dialogClose, title: t('close'), onClick: () => { actions.setDialogOpen(false); }, onPointerDown: (event) => { event.stopPropagation(); }, children: "\u00D7" })] }), _jsxs("div", { className: css.dialogTabs, role: "tablist", children: [_jsx("button", { type: "button", role: "tab", "aria-selected": settingsTab === 'quota', className: `${css.dialogTab}${settingsTab === 'quota' ? ` ${css.dialogTabActive}` : ''}`, onClick: () => { setSettingsTab('quota'); }, children: t('settingsTabQuota') }), _jsx("button", { type: "button", role: "tab", "aria-selected": settingsTab === 'music', className: `${css.dialogTab}${settingsTab === 'music' ? ` ${css.dialogTabActive}` : ''}`, onClick: () => { setSettingsTab('music'); }, children: t('settingsTabMusic') }), _jsx("button", { type: "button", role: "tab", "aria-selected": settingsTab === 'other', className: `${css.dialogTab}${settingsTab === 'other' ? ` ${css.dialogTabActive}` : ''}`, onClick: () => { setSettingsTab('other'); }, children: t('settingsTabOther') })] }), settingsTab === 'quota' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: css.dialogSection, children: [_jsx("div", { className: css.dialogLabel, children: t('monitorLabel') }), _jsx("div", { className: css.monitorHint, children: t('monitorHint') }), _jsx("div", { className: css.monitorList, children: allModels.map(model => (_jsxs("label", { className: css.monitorRow, children: [_jsx("input", { type: "checkbox", checked: monitored === null || monitored.includes(model.key), onChange: (event) => {
+                                                        const base = monitored === null ? allModels.map(m => m.key) : monitored;
+                                                        const next = new Set(base);
+                                                        if (event.target.checked)
+                                                            next.add(model.key);
+                                                        else
+                                                            next.delete(model.key);
+                                                        // Auto-save on every change; all selected stores as null.
+                                                        setMonitored(next.size === allModels.length ? null : [...next]);
+                                                    } }), _jsx("span", { className: css.monitorName, title: model.key, children: model.name })] }, model.key))) })] }), _jsxs("div", { className: css.dialogSection, children: [_jsx("div", { className: css.dialogLabel, children: t('fullActionLabel') }), FULL_ACTIONS.map(action => (_jsxs("label", { className: css.radioRow, children: [_jsx("input", { type: "radio", name: "token-quota-onfull", checked: onFull === action.value, onChange: () => { setOnFull(action.value); } }), _jsx("span", { children: t(action.labelKey) })] }, action.value)))] })] })), settingsTab === 'other' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: css.dialogSection, children: [_jsx("div", { className: css.dialogLabel, children: t('resetLabel') }), _jsx("div", { className: css.monitorHint, children: t('resetHint') }), _jsxs("div", { className: css.resetRow, children: [_jsx("select", { className: css.resetSelect, value: reset?.offsetHours ?? -new Date().getTimezoneOffset() / 60, onChange: (event) => {
+                                                    setReset({
+                                                        offsetHours: Number(event.target.value),
+                                                        hour: reset?.hour ?? 0,
+                                                        minute: reset?.minute ?? 0,
+                                                    });
+                                                }, children: Array.from({ length: 27 }, (_, i) => i - 12).map(offset => (_jsxs("option", { value: offset, children: ["UTC", offset >= 0 ? `+${offset}` : offset] }, offset))) }), _jsx("select", { className: css.resetSelect, value: reset?.hour ?? 0, onChange: (event) => {
+                                                    setReset({
+                                                        offsetHours: reset?.offsetHours ?? -new Date().getTimezoneOffset() / 60,
+                                                        hour: Number(event.target.value),
+                                                        minute: reset?.minute ?? 0,
+                                                    });
+                                                }, children: Array.from({ length: 24 }, (_, i) => i).map(hour => (_jsxs("option", { value: hour, children: [String(hour).padStart(2, '0'), " \u65F6"] }, hour))) }), _jsx("select", { className: css.resetSelect, value: reset?.minute ?? 0, onChange: (event) => {
+                                                    setReset({
+                                                        offsetHours: reset?.offsetHours ?? -new Date().getTimezoneOffset() / 60,
+                                                        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("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') })] })] })), settingsTab === 'music' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: css.dialogSection, children: [_jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("input", { type: "checkbox", checked: musicEnabled, onChange: (event) => { setMusicEnabled(event.target.checked); } }), _jsx("span", { children: t('musicLabel') })] }), _jsx("div", { className: css.dialogHint, children: t('musicHint') })] }), musicEnabled && (_jsxs("div", { className: css.dialogSection, children: [_jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("span", { children: t('musicVolume') }), _jsx("input", { type: "range", min: 0, max: 1, step: 0.05, value: musicVolume, onChange: (event) => { setMusicVolume(Number(event.target.value)); } })] }), _jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("span", { children: t('musicStyle') }), _jsxs("select", { value: musicStyle, onChange: (event) => { setMusicStyle(event.target.value); }, children: [_jsx("option", { value: "major", children: t('musicStyleMajor') }), _jsx("option", { value: "minor", children: t('musicStyleMinor') }), _jsx("option", { value: "pentatonic", children: t('musicStylePentatonic') })] })] }), _jsxs("label", { className: css.checkUpdatesLabel, children: [_jsx("input", { type: "checkbox", checked: musicOnlyCurrentSession, onChange: (event) => { setMusicOnlyCurrentSession(event.target.checked); } }), _jsx("span", { children: t('musicOnlyCurrentSessionLabel') })] }), _jsx("div", { className: css.dialogHint, children: t('musicOnlyCurrentSessionHint') })] }))] })), settingsTab === 'other' && (_jsx(_Fragment, { children: _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')
+                                                    : lastCheckResult === 'error'
+                                                        ? t('checkFailed')
+                                                        : t('checkUpdatesNow') })] }), lastCheckResult === 'error' && upgradeError !== null && (_jsx("div", { className: css.checkErrorHint, role: "alert", children: upgradeError }))] }) }))] })), logOpen && (_jsxs("div", { ref: logRef, className: `${css.dialog} ${css.logDialog}`, style: logPos !== null ? { left: logPos.x, top: logPos.y, transform: 'none' } : undefined, children: [_jsxs("div", { className: css.logHeader, onPointerDown: (event) => { beginDrag(event, logRef.current, setLogPos); }, children: [_jsx("div", { className: css.dialogTitle, children: t('logsTitle') }), _jsxs("div", { className: css.logToolbar, onPointerDown: (event) => { event.stopPropagation(); }, children: [_jsx("input", { type: "search", className: css.logSearch, placeholder: t('logSearchPlaceholder'), value: logSearch, onChange: (event) => { actions.setLogSearch(event.target.value); } }), _jsx("button", { type: "button", className: css.logClearBtn, onClick: () => { actions.setLogClearOpen(true); }, children: t('logClear') })] }), _jsx("button", { type: "button", className: css.dialogClose, title: t('close'), onClick: () => { actions.setLogOpen(false); }, children: "\u00D7" })] }), log !== null && filteredLogEntries.length === 0 && (_jsx("div", { className: css.notice, children: logSearch.trim() !== '' ? t('logNoMatch') : t('logEmpty') })), _jsx("div", { className: css.logScroll, children: _jsxs("table", { className: css.logTable, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: t('logDay') }), _jsx("th", { children: t('logModel') }), _jsx("th", { className: css.logUsedCol, children: t('logUsed') })] }) }), _jsx("tbody", { children: logPageEntries.map(entry => (_jsxs("tr", { children: [_jsx("td", { className: css.logDayCol, children: entry.day }), _jsx("td", { className: css.logModelCol, title: entry.key, children: entry.key }), _jsx("td", { className: css.logUsedCol, children: formatTokens(entry.used) })] }, `${entry.day}/${entry.key}`))) })] }) }), _jsxs("div", { className: css.logPager, children: [_jsx("span", { className: css.logPagerInfo, children: t('logPagerInfo')
                                     .replace('{from}', String(logCurrentPage * logPageSize + 1))
                                     .replace('{to}', String(Math.min((logCurrentPage + 1) * logPageSize, filteredLogEntries.length)))
                                     .replace('{total}', String(filteredLogEntries.length)) }), _jsxs("div", { className: css.logPagerControls, children: [_jsx("button", { type: "button", className: css.logPagerBtn, disabled: logCurrentPage <= 0, onClick: () => { actions.setLogPage(logCurrentPage - 1); }, children: "\u2039" }), _jsxs("span", { className: css.logPagerPages, children: [logCurrentPage + 1, " / ", logTotalPages] }), _jsx("button", { type: "button", className: css.logPagerBtn, disabled: logCurrentPage >= logTotalPages - 1, onClick: () => { actions.setLogPage(logCurrentPage + 1); }, children: "\u203A" }), _jsx("select", { className: css.logPageSizeSelect, value: logPageSize, onChange: (event) => { actions.setLogPageSize(Number(event.target.value)); }, children: [10, 15, 20, 50, 100].map(size => (_jsxs("option", { value: size, children: [size, t('logPerPage')] }, size))) })] })] })] })), logClearOpen && (_jsx("div", { className: css.dialogOverlay, children: _jsxs("div", { className: `${css.dialog} ${css.logClearDialog}`, children: [_jsx("div", { className: css.dialogTitle, children: t('logClearTitle') }), _jsx("div", { className: css.dialogBody, children: t('logClearHint') }), _jsx("input", { type: "date", className: css.logClearDate, value: logClearBefore, onChange: (event) => { actions.setLogClearBefore(event.target.value); } }), _jsxs("div", { className: css.dialogActions, children: [_jsx("button", { type: "button", className: css.checkBtn, disabled: logClearBefore === '' || logClearing, onClick: () => { clearLogBefore(logClearBefore); }, children: logClearing ? t('logClearing') : t('logClearConfirm') }), _jsx("button", { type: "button", className: css.checkBtn, onClick: () => { actions.setLogClearOpen(false); }, children: t('logClearCancel') })] })] }) }))] }));

package/lib/types/client/index.js CHANGED Viewed

@@ -66,6 +66,29 @@ export function apply(ctx) {
         music.onAction(action);
     });
     ctx.effect(() => () => { sse.close(); }, 'token-quota-ui: music SSE');
+    // Browser autoplay policy: an AudioContext only starts inside a user
+    // gesture. When the switch was left ON and the page reloads, the setting
+    // is enabled but no gesture has happened yet — so the engine stays silent
+    // until the user toggles it off/on. Arm a one-shot gesture listener that
+    // starts the engine on the first click / keypress instead.
+    const autoStartMusic = () => {
+        if (!music.isEnabled || music.started) {
+            if (music.started) {
+                window.removeEventListener('pointerdown', autoStartMusic);
+                window.removeEventListener('keydown', autoStartMusic);
+            }
+            return;
+        }
+        void music.ensureStarted();
+        window.removeEventListener('pointerdown', autoStartMusic);
+        window.removeEventListener('keydown', autoStartMusic);
+    };
+    window.addEventListener('pointerdown', autoStartMusic);
+    window.addEventListener('keydown', autoStartMusic);
+    ctx.effect(() => () => {
+        window.removeEventListener('pointerdown', autoStartMusic);
+        window.removeEventListener('keydown', autoStartMusic);
+    }, 'token-quota-ui: music autostart gestures');
     /** Build a writable music-settings clone with defaults applied. */
     const musicDefaults = (raw) => ({
         enabled: raw?.enabled ?? false,

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

@@ -25,6 +25,9 @@ export declare const zh: {
     expandHint: string;
     settings: string;
     settingsTitle: string;
+    settingsTabQuota: string;
+    settingsTabMusic: string;
+    settingsTabOther: string;
     monitorLabel: string;
     monitorHint: string;
     monitorAll: string;
@@ -105,6 +108,9 @@ export declare const en: {
     expandHint: string;
     settings: string;
     settingsTitle: string;
+    settingsTabQuota: string;
+    settingsTabMusic: string;
+    settingsTabOther: string;
     monitorLabel: string;
     monitorHint: string;
     monitorAll: string;

package/lib/types/client/locales.js CHANGED Viewed

@@ -24,7 +24,10 @@ export const zh = {
     expand: '展开',
     expandHint: '展开每日 Token 限额面板',
     settings: '设置',
-    settingsTitle: '限额设置',
+    settingsTitle: '设置',
+    settingsTabQuota: '限额设置',
+    settingsTabMusic: '音乐设置',
+    settingsTabOther: '其它',
     monitorLabel: '监控模型',
     monitorHint: '未勾选的模型不显示、不计入用量、不受限额限制',
     monitorAll: '全部',
@@ -102,7 +105,10 @@ export const en = {
     expand: 'Expand',
     expandHint: 'Expand the daily token quota panel',
     settings: 'Settings',
-    settingsTitle: 'Quota Settings',
+    settingsTitle: 'Settings',
+    settingsTabQuota: 'Quota',
+    settingsTabMusic: 'Music',
+    settingsTabOther: 'Other',
     monitorLabel: 'Monitored models',
     monitorHint: 'Unchecked models are hidden, not metered, and never capped',
     monitorAll: 'All',

package/lib/types/client/music.d.ts CHANGED Viewed

@@ -56,6 +56,8 @@ export declare class TokenQuotaMusic {
     private static readonly STREAM_TIMEOUT_MS;
     /** True once the audio context has been started (needs a user gesture). */
     get started(): boolean;
+    /** True when the master switch is on (mirrors the settings document). */
+    get isEnabled(): boolean;
     /**
      * Start the audio context and probe for a MIDI output (once). Must be
      * called inside a user gesture so the AudioContext can resume.
@@ -70,6 +72,15 @@ export declare class TokenQuotaMusic {
     stop(): void;
     /** Handle one incoming host action and steer the piece. */
     onAction(action: TokenQuotaMusicAction): void;
+    /** Current tonic root in MIDI note numbers. */
+    private get tonicRoot();
+    /**
+     * A scale tone relative to the current tonic — degrees wrap up octaves
+     * (deg 5 on a 5-note scale = the octave). Event figures use this so every
+     * accent stays inside the key and melts into the piece instead of
+     * clashing with it.
+     */
+    private tone;
     /** Start a new piece: intro run, then the phrase chain. */
     private startPiece;
     /** Play one phrase, then chain into the next after a one-beat rest. */

package/lib/types/client/music.js CHANGED Viewed

@@ -98,6 +98,10 @@ export class TokenQuotaMusic {
     get started() {
         return this.audio !== null;
     }
+    /** True when the master switch is on (mirrors the settings document). */
+    get isEnabled() {
+        return this.enabled;
+    }
     /**
      * Start the audio context and probe for a MIDI output (once). Must be
      * called inside a user gesture so the AudioContext can resume.
@@ -194,7 +198,7 @@ export class TokenQuotaMusic {
                 if (!this.playing)
                     this.startPiece();
                 else
-                    this.pluck(base + 24, 0.3);
+                    this.pluck(this.tone(5, 1), 0.3, 0.9);
                 break;
             }
             case 'step/start': {
@@ -207,40 +211,67 @@ export class TokenQuotaMusic {
                 }
                 break;
             }
-            case 'tool/call':
-                // High plink + low tap — distinct from the plucked melody.
-                this.pluck(base + 26, 0.45, 0.5);
-                this.pluck(base - 12, 0.3, 0.35);
+            case 'tool/call': {
+                // Rising two-note figure drawn from the current scale (so it blends
+                // with the piece, not pokes out of it) over a soft low root for body.
+                this.pluck(this.tone(4, 1), 0.38, 0.9);
+                setTimeout(() => this.pluck(this.tone(5, 1), 0.34, 0.9), 90);
+                this.pluck(this.tonicRoot - 12, 0.22, 0.9);
                 break;
+            }
             case 'tool/result': {
                 if (action.error) {
-                    this.pluck(base + 13, 0.4, 0.6);
-                    setTimeout(() => this.pluck(base + 12, 0.4, 0.9), 90);
+                    // Deliberately sour (an error should feel off): a half-step below a
+                    // scale tone, then sinking further.
+                    const t = this.tone(2, 1);
+                    this.pluck(t - 1, 0.4, 0.7);
+                    setTimeout(() => this.pluck(t - 3, 0.4, 1.0), 110);
                 }
                 else {
-                    this.pluck(base + 9, 0.35, 0.6);
-                    setTimeout(() => this.pluck(base + 11, 0.35, 0.9), 70);
+                    // Gentle in-key resolve landing on the tonic octave.
+                    this.pluck(this.tone(3, 1), 0.34, 1.0);
+                    setTimeout(() => this.pluck(this.tone(1, 1), 0.32, 1.0), 90);
+                    setTimeout(() => this.pluck(this.tone(0, 1), 0.34, 1.2), 180);
                 }
                 break;
             }
-            case 'assistant/attempt':
-                // Failed attempt: falling tension figure.
-                this.pluck(base + 8, 0.4, 0.8);
-                setTimeout(() => this.pluck(base + 7, 0.4, 0.8), 110);
-                setTimeout(() => this.pluck(base + 5, 0.4, 0.8), 220);
+            case 'assistant/attempt': {
+                // Failed attempt: falling in-key tension figure.
+                this.pluck(this.tone(4, 1), 0.36, 0.8);
+                setTimeout(() => this.pluck(this.tone(2, 1), 0.36, 0.9), 110);
+                setTimeout(() => this.pluck(this.tone(0), 0.36, 1.1), 220);
                 break;
-            case 'assistant/message':
-                // Sentence end: a soft breath cadence, but the bed keeps playing
-                // until the turn fully ends (turn/end), so thinking + streaming stay
-                // audible the whole way through.
-                this.breath(action.interrupted ? base + 6 : base + 12, 1.6);
+            }
+            case 'assistant/message': {
+                // Sentence end: a short cadence figure, then a breath on the tonic
+                // octave (in key — the old fixed C clashed with the mode rotation).
+                // The bed keeps playing until the turn fully ends (turn/end).
+                this.pluck(this.tone(2, 1), 0.3, 1.0);
+                setTimeout(() => this.breath(this.tone(0, action.interrupted ? 0 : 1), 1.4), 140);
                 break;
+            }
             case 'turn/end':
                 this.stopPiece(true);
                 break;
         }
     }
     // ── piece lifecycle ───────────────────────────────────────────────────
+    /** Current tonic root in MIDI note numbers. */
+    get tonicRoot() {
+        return TokenQuotaMusic.BASE_MIDI + (PROGRESSION[this.style][this.tonicIndex] ?? 0);
+    }
+    /**
+     * A scale tone relative to the current tonic — degrees wrap up octaves
+     * (deg 5 on a 5-note scale = the octave). Event figures use this so every
+     * accent stays inside the key and melts into the piece instead of
+     * clashing with it.
+     */
+    tone(deg, oct = 0) {
+        const scale = SCALES[this.style];
+        const len = scale.length;
+        const d = ((deg % len) + len) % len;
+        return this.tonicRoot + 12 * (Math.floor(deg / len) + oct) + (scale[d] ?? 0);
+    }
     /** Start a new piece: intro run, then the phrase chain. */
     startPiece() {
         if (!this.audio || this.playing)

package/package.json CHANGED Viewed

@@ -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.29",
+  "version": "0.1.31",
   "publishConfig": {
     "access": "public"
   },