@jxgame2020/dsh-token-quota 0.1.28 → 0.1.30

package/lib/client.js

@@ -95,7 +95,7 @@ window.__ModuleLoader__.load({
 						d.musicOnlyCurrentSession = only;
 					},
 					setUpgrade: (d, upgrade) => {
-						const normalized = upgrade !== null && upgrade.latestVersion !== "" && upgrade.latestVersion !== "0.1.28" ? upgrade : null;
+						const normalized = upgrade !== null && upgrade.latestVersion !== "" && upgrade.latestVersion !== "0.1.30" ? 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)}.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_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,95 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var TokenQuotaPanel_module_css_default = {
+			"controls": "NPLLIq_controls",
+			"logHeader": "NPLLIq_logHeader",
+			"logModelCol": "NPLLIq_logModelCol",
 			"gearBtn": "NPLLIq_gearBtn",
-			"title": "NPLLIq_title",
-			"checkErrorHint": "NPLLIq_checkErrorHint",
-			"collapse": "NPLLIq_collapse",
+			"monitorHint": "NPLLIq_monitorHint",
+			"bar": "NPLLIq_bar",
+			"resetSelect": "NPLLIq_resetSelect",
+			"dialogTab": "NPLLIq_dialogTab",
+			"dialogTabActive": "NPLLIq_dialogTabActive",
+			"logPagerInfo": "NPLLIq_logPagerInfo",
+			"radioRow": "NPLLIq_radioRow",
+			"header": "NPLLIq_header",
+			"rowHeader": "NPLLIq_rowHeader",
+			"input": "NPLLIq_input",
+			"settingsBtnActive": "NPLLIq_settingsBtnActive",
+			"settingsBtn": "NPLLIq_settingsBtn",
+			"subtitle": "NPLLIq_subtitle",
+			"copyBtnDone": "NPLLIq_copyBtnDone",
+			"checkBtn": "NPLLIq_checkBtn",
 			"dialogTitle": "NPLLIq_dialogTitle",
+			"monitorRow": "NPLLIq_monitorRow",
+			"logScroll": "NPLLIq_logScroll",
+			"dialogTabs": "NPLLIq_dialogTabs",
+			"logPageSizeSelect": "NPLLIq_logPageSizeSelect",
+			"checkErrorHint": "NPLLIq_checkErrorHint",
+			"logClearDate": "NPLLIq_logClearDate",
+			"dialogBtn": "NPLLIq_dialogBtn",
+			"upgradeCommand": "NPLLIq_upgradeCommand",
 			"logDayCol": "NPLLIq_logDayCol",
+			"resetRow": "NPLLIq_resetRow",
+			"logPager": "NPLLIq_logPager",
+			"collapse": "NPLLIq_collapse",
+			"upgradeHint": "NPLLIq_upgradeHint",
+			"logClearBtn": "NPLLIq_logClearBtn",
+			"version": "NPLLIq_version",
+			"upgradeCommands": "NPLLIq_upgradeCommands",
+			"notice": "NPLLIq_notice",
 			"upgradeBannerText": "NPLLIq_upgradeBannerText",
-			"fillOver": "NPLLIq_fillOver",
-			"monitorHint": "NPLLIq_monitorHint",
+			"monitorList": "NPLLIq_monitorList",
 			"logClearDialog": "NPLLIq_logClearDialog",
+			"headerText": "NPLLIq_headerText",
+			"fullNotice": "NPLLIq_fullNotice",
+			"dialogActions": "NPLLIq_dialogActions",
+			"row": "NPLLIq_row",
+			"dialogHeader": "NPLLIq_dialogHeader",
+			"title": "NPLLIq_title",
+			"selectBtn": "NPLLIq_selectBtn",
+			"tabIcon": "NPLLIq_tabIcon",
+			"fillWarn": "NPLLIq_fillWarn",
+			"checkUpdatesLabel": "NPLLIq_checkUpdatesLabel",
+			"dialogLabel": "NPLLIq_dialogLabel",
+			"panelDimStrong": "NPLLIq_panelDimStrong",
 			"dialogClose": "NPLLIq_dialogClose",
-			"monitorName": "NPLLIq_monitorName",
+			"switch": "NPLLIq_switch",
+			"logToolbar": "NPLLIq_logToolbar",
 			"dialog": "NPLLIq_dialog",
-			"logClearBtn": "NPLLIq_logClearBtn",
-			"rowMeta": "NPLLIq_rowMeta",
+			"tabLabel": "NPLLIq_tabLabel",
+			"currentBadge": "NPLLIq_currentBadge",
+			"copyBtn": "NPLLIq_copyBtn",
+			"logDialog": "NPLLIq_logDialog",
 			"logSearch": "NPLLIq_logSearch",
-			"selectBtn": "NPLLIq_selectBtn",
+			"dialogOverlay": "NPLLIq_dialogOverlay",
+			"noticeError": "NPLLIq_noticeError",
+			"headerActions": "NPLLIq_headerActions",
 			"panelDim": "NPLLIq_panelDim",
-			"upgradeBanner": "NPLLIq_upgradeBanner",
-			"rowHeader": "NPLLIq_rowHeader",
-			"checkBtn": "NPLLIq_checkBtn",
-			"dialogHint": "NPLLIq_dialogHint",
-			"logPagerInfo": "NPLLIq_logPagerInfo",
-			"logModelCol": "NPLLIq_logModelCol",
-			"upgradeClose": "NPLLIq_upgradeClose",
-			"resetRow": "NPLLIq_resetRow",
-			"dialogActions": "NPLLIq_dialogActions",
+			"tab": "NPLLIq_tab",
 			"upgradeCommandRow": "NPLLIq_upgradeCommandRow",
-			"currentBadge": "NPLLIq_currentBadge",
-			"upgradeHint": "NPLLIq_upgradeHint",
-			"dialogHeader": "NPLLIq_dialogHeader",
-			"logScroll": "NPLLIq_logScroll",
+			"checkUpdatesRow": "NPLLIq_checkUpdatesRow",
+			"dialogHint": "NPLLIq_dialogHint",
+			"logPagerPages": "NPLLIq_logPagerPages",
 			"versionNew": "NPLLIq_versionNew",
-			"header": "NPLLIq_header",
-			"logToolbar": "NPLLIq_logToolbar",
-			"logPageSizeSelect": "NPLLIq_logPageSizeSelect",
-			"monitorRow": "NPLLIq_monitorRow",
+			"body": "NPLLIq_body",
+			"rowMeta": "NPLLIq_rowMeta",
 			"dialogSection": "NPLLIq_dialogSection",
 			"logUsedCol": "NPLLIq_logUsedCol",
-			"subtitle": "NPLLIq_subtitle",
-			"tabLabel": "NPLLIq_tabLabel",
-			"dialogLabel": "NPLLIq_dialogLabel",
-			"row": "NPLLIq_row",
-			"dialogBtn": "NPLLIq_dialogBtn",
-			"dialogBody": "NPLLIq_dialogBody",
-			"version": "NPLLIq_version",
-			"checkUpdatesLabel": "NPLLIq_checkUpdatesLabel",
-			"copyBtnDone": "NPLLIq_copyBtnDone",
-			"logHeader": "NPLLIq_logHeader",
-			"headerText": "NPLLIq_headerText",
-			"fillWarn": "NPLLIq_fillWarn",
-			"upgradeBannerFlash": "NPLLIq_upgradeBannerFlash",
-			"fullNotice": "NPLLIq_fullNotice",
-			"upgradeCommand": "NPLLIq_upgradeCommand",
-			"dialogBtnPrimary": "NPLLIq_dialogBtnPrimary",
-			"logPagerPages": "NPLLIq_logPagerPages",
-			"upgradeCommands": "NPLLIq_upgradeCommands",
-			"save": "NPLLIq_save",
-			"logClearDate": "NPLLIq_logClearDate",
-			"settingsBtn": "NPLLIq_settingsBtn",
-			"logPager": "NPLLIq_logPager",
-			"dialogOverlay": "NPLLIq_dialogOverlay",
-			"logDialog": "NPLLIq_logDialog",
-			"headerActions": "NPLLIq_headerActions",
-			"monitorList": "NPLLIq_monitorList",
-			"bar": "NPLLIq_bar",
-			"input": "NPLLIq_input",
-			"noticeError": "NPLLIq_noticeError",
-			"fillIdle": "NPLLIq_fillIdle",
-			"copyBtn": "NPLLIq_copyBtn",
 			"logPagerControls": "NPLLIq_logPagerControls",
+			"fillIdle": "NPLLIq_fillIdle",
+			"save": "NPLLIq_save",
+			"upgradeBanner": "NPLLIq_upgradeBanner",
 			"logPagerBtn": "NPLLIq_logPagerBtn",
-			"radioRow": "NPLLIq_radioRow",
+			"monitorName": "NPLLIq_monitorName",
 			"rowName": "NPLLIq_rowName",
-			"controls": "NPLLIq_controls",
-			"resetSelect": "NPLLIq_resetSelect",
-			"tab": "NPLLIq_tab",
-			"notice": "NPLLIq_notice",
-			"body": "NPLLIq_body",
-			"tabIcon": "NPLLIq_tabIcon",
-			"panelDimStrong": "NPLLIq_panelDimStrong",
-			"switch": "NPLLIq_switch",
-			"settingsBtnActive": "NPLLIq_settingsBtnActive",
+			"upgradeBannerFlash": "NPLLIq_upgradeBannerFlash",
 			"panel": "NPLLIq_panel",
-			"checkUpdatesRow": "NPLLIq_checkUpdatesRow",
-			"logTable": "NPLLIq_logTable"
+			"dialogBody": "NPLLIq_dialogBody",
+			"fillOver": "NPLLIq_fillOver",
+			"dialogBtnPrimary": "NPLLIq_dialogBtnPrimary",
+			"logTable": "NPLLIq_logTable",
+			"upgradeClose": "NPLLIq_upgradeClose"
 		};
 		//#endregion
 		//#region lib/types/client/TokenQuotaPanel.js
@@ -379,6 +382,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 +596,13 @@ window.__ModuleLoader__.load({
 									title: t("upgradeAvailableHint"),
 									children: [
 										"v",
-										"0.1.28",
+										"0.1.30",
 										" → v",
 										upgrade.latestVersion
 									]
 								}) : (0, react_jsx_runtime.jsxs)("span", {
 									className: TokenQuotaPanel_module_css_default.version,
-									children: ["v", "0.1.28"]
+									children: ["v", "0.1.30"]
 								})]
 							}), (0, react_jsx_runtime.jsx)("div", {
 								className: TokenQuotaPanel_module_css_default.subtitle,
@@ -612,12 +616,13 @@ window.__ModuleLoader__.load({
 							children: [
 								(0, react_jsx_runtime.jsx)("button", {
 									type: "button",
+									"aria-pressed": musicEnabled,
 									className: `${TokenQuotaPanel_module_css_default.settingsBtn}${musicEnabled ? ` ${TokenQuotaPanel_module_css_default.settingsBtnActive}` : ""}`,
-									title: t("musicHint"),
+									title: `${t("musicLabel")}：${musicEnabled ? t("musicOn") : t("musicOff")}`,
 									onClick: () => {
 										setMusicEnabled(!musicEnabled);
 									},
-									children: musicEnabled ? "🔊" : "♪"
+									children: "♪"
 								}),
 								(0, react_jsx_runtime.jsx)("button", {
 									type: "button",
@@ -815,136 +820,161 @@ window.__ModuleLoader__.load({
 								})]
 							}),
 							(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,
-										children: t("monitorLabel")
-									}),
-									(0, react_jsx_runtime.jsx)("div", {
-										className: TokenQuotaPanel_module_css_default.monitorHint,
-										children: t("monitorHint")
-									}),
-									(0, react_jsx_runtime.jsx)("div", {
-										className: TokenQuotaPanel_module_css_default.monitorList,
-										children: allModels.map((model) => (0, react_jsx_runtime.jsxs)("label", {
-											className: TokenQuotaPanel_module_css_default.monitorRow,
-											children: [(0, react_jsx_runtime.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);
-													setMonitored(next.size === allModels.length ? null : [...next]);
-												}
-											}), (0, react_jsx_runtime.jsx)("span", {
-												className: TokenQuotaPanel_module_css_default.monitorName,
-												title: model.key,
-												children: model.name
-											})]
-										}, model.key))
-									})
-								]
-							}),
-							(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,
-									children: t("fullActionLabel")
-								}), FULL_ACTIONS.map((action) => (0, react_jsx_runtime.jsxs)("label", {
-									className: TokenQuotaPanel_module_css_default.radioRow,
-									children: [(0, react_jsx_runtime.jsx)("input", {
-										type: "radio",
-										name: "token-quota-onfull",
-										checked: onFull === action.value,
-										onChange: () => {
-											setOnFull(action.value);
-										}
-									}), (0, react_jsx_runtime.jsx)("span", { children: t(action.labelKey) })]
-								}, action.value))]
-							}),
-							(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,
-										children: t("resetLabel")
-									}),
-									(0, react_jsx_runtime.jsx)("div", {
-										className: TokenQuotaPanel_module_css_default.monitorHint,
-										children: t("resetHint")
-									}),
-									(0, react_jsx_runtime.jsxs)("div", {
-										className: TokenQuotaPanel_module_css_default.resetRow,
-										children: [
-											(0, react_jsx_runtime.jsx)("select", {
-												className: TokenQuotaPanel_module_css_default.resetSelect,
-												value: reset?.offsetHours ?? -(/* @__PURE__ */ 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) => (0, react_jsx_runtime.jsxs)("option", {
-													value: offset,
-													children: ["UTC", offset >= 0 ? `+${offset}` : offset]
-												}, offset))
-											}),
-											(0, react_jsx_runtime.jsx)("select", {
-												className: TokenQuotaPanel_module_css_default.resetSelect,
-												value: reset?.hour ?? 0,
-												onChange: (event) => {
-													setReset({
-														offsetHours: reset?.offsetHours ?? -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60,
-														hour: Number(event.target.value),
-														minute: reset?.minute ?? 0
-													});
-												},
-												children: Array.from({ length: 24 }, (_, i) => i).map((hour) => (0, react_jsx_runtime.jsxs)("option", {
-													value: hour,
-													children: [String(hour).padStart(2, "0"), " 时"]
-												}, hour))
-											}),
-											(0, react_jsx_runtime.jsx)("select", {
-												className: TokenQuotaPanel_module_css_default.resetSelect,
-												value: reset?.minute ?? 0,
-												onChange: (event) => {
-													setReset({
-														offsetHours: reset?.offsetHours ?? -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60,
-														hour: reset?.hour ?? 0,
-														minute: Number(event.target.value)
-													});
-												},
-												children: Array.from({ length: 12 }, (_, i) => i * 5).map((minute) => (0, react_jsx_runtime.jsxs)("option", {
-													value: minute,
-													children: [String(minute).padStart(2, "0"), " 分"]
-												}, minute))
-											})
-										]
-									})
-								]
-							}),
-							(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")
+								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.jsxs)("div", {
+							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", {
+											className: TokenQuotaPanel_module_css_default.dialogLabel,
+											children: t("monitorLabel")
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											className: TokenQuotaPanel_module_css_default.monitorHint,
+											children: t("monitorHint")
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											className: TokenQuotaPanel_module_css_default.monitorList,
+											children: allModels.map((model) => (0, react_jsx_runtime.jsxs)("label", {
+												className: TokenQuotaPanel_module_css_default.monitorRow,
+												children: [(0, react_jsx_runtime.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);
+														setMonitored(next.size === allModels.length ? null : [...next]);
+													}
+												}), (0, react_jsx_runtime.jsx)("span", {
+													className: TokenQuotaPanel_module_css_default.monitorName,
+													title: model.key,
+													children: model.name
+												})]
+											}, model.key))
+										})
+									]
+								}),
+								(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,
+										children: t("fullActionLabel")
+									}), FULL_ACTIONS.map((action) => (0, react_jsx_runtime.jsxs)("label", {
+										className: TokenQuotaPanel_module_css_default.radioRow,
+										children: [(0, react_jsx_runtime.jsx)("input", {
+											type: "radio",
+											name: "token-quota-onfull",
+											checked: onFull === action.value,
+											onChange: () => {
+												setOnFull(action.value);
+											}
+										}), (0, react_jsx_runtime.jsx)("span", { children: t(action.labelKey) })]
+									}, action.value))]
+								}),
+								(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,
+											children: t("resetLabel")
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											className: TokenQuotaPanel_module_css_default.monitorHint,
+											children: t("resetHint")
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: TokenQuotaPanel_module_css_default.resetRow,
+											children: [
+												(0, react_jsx_runtime.jsx)("select", {
+													className: TokenQuotaPanel_module_css_default.resetSelect,
+													value: reset?.offsetHours ?? -(/* @__PURE__ */ 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) => (0, react_jsx_runtime.jsxs)("option", {
+														value: offset,
+														children: ["UTC", offset >= 0 ? `+${offset}` : offset]
+													}, offset))
+												}),
+												(0, react_jsx_runtime.jsx)("select", {
+													className: TokenQuotaPanel_module_css_default.resetSelect,
+													value: reset?.hour ?? 0,
+													onChange: (event) => {
+														setReset({
+															offsetHours: reset?.offsetHours ?? -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60,
+															hour: Number(event.target.value),
+															minute: reset?.minute ?? 0
+														});
+													},
+													children: Array.from({ length: 24 }, (_, i) => i).map((hour) => (0, react_jsx_runtime.jsxs)("option", {
+														value: hour,
+														children: [String(hour).padStart(2, "0"), " 时"]
+													}, hour))
+												}),
+												(0, react_jsx_runtime.jsx)("select", {
+													className: TokenQuotaPanel_module_css_default.resetSelect,
+													value: reset?.minute ?? 0,
+													onChange: (event) => {
+														setReset({
+															offsetHours: reset?.offsetHours ?? -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60,
+															hour: reset?.hour ?? 0,
+															minute: Number(event.target.value)
+														});
+													},
+													children: Array.from({ length: 12 }, (_, i) => i * 5).map((minute) => (0, react_jsx_runtime.jsxs)("option", {
+														value: minute,
+														children: [String(minute).padStart(2, "0"), " 分"]
+													}, minute))
+												})
+											]
+										})
+									]
+								}),
+								(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")
+									})]
+								})
+							] }),
+							settingsTab === "music" && (0, react_jsx_runtime.jsxs)("div", {
 								className: TokenQuotaPanel_module_css_default.dialogSection,
 								children: [
 									(0, react_jsx_runtime.jsxs)("label", {
@@ -1015,7 +1045,7 @@ window.__ModuleLoader__.load({
 									] })
 								]
 							}),
-							(0, react_jsx_runtime.jsxs)("div", {
+							settingsTab === "quota" && (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,
@@ -1040,7 +1070,7 @@ window.__ModuleLoader__.load({
 									role: "alert",
 									children: upgradeError
 								})]
-							})
+							}) })
 						]
 					}),
 					logOpen && (0, react_jsx_runtime.jsxs)("div", {
@@ -1495,6 +1525,8 @@ window.__ModuleLoader__.load({
 			phraseIndex = 0;
 			/** True when the next piece start should play the full intro glissando. */
 			introPending = true;
+			/** Session the current piece belongs to (turn/start carries it). */
+			sessionId;
 			phraseTimer;
 			lastStreamActivity = 0;
 			watchdogTimer;
@@ -1560,20 +1592,28 @@ window.__ModuleLoader__.load({
 			markStreamActivity() {
 				this.lastStreamActivity = Date.now();
 			}
+			/** Stop any playing piece — e.g. when the panel switches sessions. */
+			stop() {
+				this.stopPiece(false);
+			}
 			/** Handle one incoming host action and steer the piece. */
 			onAction(action) {
 				if (!this.enabled || this.audio === null) return;
 				const base = TokenQuotaMusic.BASE_MIDI;
 				switch (action.type) {
 					case "turn/start":
-						this.stopPiece(false);
+						if (this.sessionId !== void 0 && this.sessionId !== action.sessionId) this.stopPiece(false);
+						this.sessionId = action.sessionId;
+						this.stopMelody();
+						this.playing = false;
 						this.tonicIndex = 0;
 						this.phraseIndex = 0;
 						this.introPending = true;
+						this.startPiece();
 						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];
@@ -1585,33 +1625,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.stopMelody();
-						this.playing = false;
-						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;
@@ -1843,7 +1901,9 @@ window.__ModuleLoader__.load({
 			expand: "展开",
 			expandHint: "展开每日 Token 限额面板",
 			settings: "设置",
-			settingsTitle: "限额设置",
+			settingsTitle: "设置",
+			settingsTabQuota: "限额设置",
+			settingsTabMusic: "音乐设置",
 			monitorLabel: "监控模型",
 			monitorHint: "未勾选的模型不显示、不计入用量、不受限额限制",
 			monitorAll: "全部",
@@ -1887,6 +1947,8 @@ window.__ModuleLoader__.load({
 			dimWhenIdleHint: "鼠标移开面板时降低不透明度，输入文字时更透明；鼠标悬停恢复",
 			musicLabel: "动作音乐",
 			musicHint: "根据 Harness 动作实时作曲：请求开始、工具调用、回合结束等（需点击开关启动音频；检测到 MIDI 输出时同步发送 MIDI）",
+			musicOn: "开",
+			musicOff: "关",
 			musicVolume: "音量",
 			musicStyle: "风格",
 			musicStyleMajor: "大调",
@@ -1919,7 +1981,9 @@ window.__ModuleLoader__.load({
 			expand: "Expand",
 			expandHint: "Expand the daily token quota panel",
 			settings: "Settings",
-			settingsTitle: "Quota Settings",
+			settingsTitle: "Settings",
+			settingsTabQuota: "Quota",
+			settingsTabMusic: "Music",
 			monitorLabel: "Monitored models",
 			monitorHint: "Unchecked models are hidden, not metered, and never capped",
 			monitorAll: "All",
@@ -1963,6 +2027,8 @@ window.__ModuleLoader__.load({
 			dimWhenIdleHint: "Fade the panel out when the pointer is away (more while typing); hover to restore",
 			musicLabel: "Action music",
 			musicHint: "Live-composes from Harness actions: request starts, tool calls, turn ends, etc. (click the switch to start audio; a detected MIDI output is driven as well)",
+			musicOn: "On",
+			musicOff: "Off",
 			musicVolume: "Volume",
 			musicStyle: "Style",
 			musicStyleMajor: "Major",
@@ -2186,6 +2252,7 @@ window.__ModuleLoader__.load({
 				};
 			}, "token-quota-ui: snapshot poll + full strategy");
 			const load = (sessionId) => {
+				if (lastSessionId !== void 0 && lastSessionId !== sessionId) music.stop();
 				lastSessionId = sessionId;
 				bound?.setLoading(true);
 				bound?.setError(null);

package/lib/index.js

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

package/lib/types/client/TokenQuotaPanel.js

@@ -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 options.
+    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);
@@ -298,7 +300,7 @@ export function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored,
         : '';
     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}${musicEnabled ? ` ${css.settingsBtnActive}` : ''}`, title: t('musicHint'), onClick: () => { setMusicEnabled(!musicEnabled); }, children: musicEnabled ? '🔊' : '♪' }), _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) => {
+                                        : (_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", "aria-pressed": musicEnabled, className: `${css.settingsBtn}${musicEnabled ? ` ${css.settingsBtnActive}` : ''}`, title: `${t('musicLabel')}：${musicEnabled ? t('musicOn') : t('musicOff')}`, onClick: () => { setMusicEnabled(!musicEnabled); }, children: "\u266A" }), _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'
@@ -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, 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') })] }), 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)))] }), _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("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') })] }))] })), settingsTab === 'quota' && (_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

@@ -262,6 +262,11 @@ export function apply(ctx) {
         return () => { clearInterval(timer); };
     }, 'token-quota-ui: snapshot poll + full strategy');
     const load = (sessionId) => {
+        // Switching the panel to another session: stop the previous session's
+        // soundtrack — while scoped to the current session its stop events are
+        // filtered out, so without this it could play forever.
+        if (lastSessionId !== undefined && lastSessionId !== sessionId)
+            music.stop();
         lastSessionId = sessionId;
         bound?.setLoading(true);
         bound?.setError(null);

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

@@ -25,6 +25,8 @@ export declare const zh: {
     expandHint: string;
     settings: string;
     settingsTitle: string;
+    settingsTabQuota: string;
+    settingsTabMusic: string;
     monitorLabel: string;
     monitorHint: string;
     monitorAll: string;
@@ -68,6 +70,8 @@ export declare const zh: {
     dimWhenIdleHint: string;
     musicLabel: string;
     musicHint: string;
+    musicOn: string;
+    musicOff: string;
     musicVolume: string;
     musicStyle: string;
     musicStyleMajor: string;
@@ -103,6 +107,8 @@ export declare const en: {
     expandHint: string;
     settings: string;
     settingsTitle: string;
+    settingsTabQuota: string;
+    settingsTabMusic: string;
     monitorLabel: string;
     monitorHint: string;
     monitorAll: string;
@@ -146,6 +152,8 @@ export declare const en: {
     dimWhenIdleHint: string;
     musicLabel: string;
     musicHint: string;
+    musicOn: string;
+    musicOff: string;
     musicVolume: string;
     musicStyle: string;
     musicStyleMajor: string;

package/lib/types/client/locales.js

@@ -24,7 +24,9 @@ export const zh = {
     expand: '展开',
     expandHint: '展开每日 Token 限额面板',
     settings: '设置',
-    settingsTitle: '限额设置',
+    settingsTitle: '设置',
+    settingsTabQuota: '限额设置',
+    settingsTabMusic: '音乐设置',
     monitorLabel: '监控模型',
     monitorHint: '未勾选的模型不显示、不计入用量、不受限额限制',
     monitorAll: '全部',
@@ -68,6 +70,8 @@ export const zh = {
     dimWhenIdleHint: '鼠标移开面板时降低不透明度，输入文字时更透明；鼠标悬停恢复',
     musicLabel: '动作音乐',
     musicHint: '根据 Harness 动作实时作曲：请求开始、工具调用、回合结束等（需点击开关启动音频；检测到 MIDI 输出时同步发送 MIDI）',
+    musicOn: '开',
+    musicOff: '关',
     musicVolume: '音量',
     musicStyle: '风格',
     musicStyleMajor: '大调',
@@ -100,7 +104,9 @@ export const en = {
     expand: 'Expand',
     expandHint: 'Expand the daily token quota panel',
     settings: 'Settings',
-    settingsTitle: 'Quota Settings',
+    settingsTitle: 'Settings',
+    settingsTabQuota: 'Quota',
+    settingsTabMusic: 'Music',
     monitorLabel: 'Monitored models',
     monitorHint: 'Unchecked models are hidden, not metered, and never capped',
     monitorAll: 'All',
@@ -144,6 +150,8 @@ export const en = {
     dimWhenIdleHint: 'Fade the panel out when the pointer is away (more while typing); hover to restore',
     musicLabel: 'Action music',
     musicHint: 'Live-composes from Harness actions: request starts, tool calls, turn ends, etc. (click the switch to start audio; a detected MIDI output is driven as well)',
+    musicOn: 'On',
+    musicOff: 'Off',
     musicVolume: 'Volume',
     musicStyle: 'Style',
     musicStyleMajor: 'Major',

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

@@ -42,6 +42,8 @@ export declare class TokenQuotaMusic {
     private phraseIndex;
     /** True when the next piece start should play the full intro glissando. */
     private introPending;
+    /** Session the current piece belongs to (turn/start carries it). */
+    private sessionId;
     private phraseTimer;
     private lastStreamActivity;
     private watchdogTimer;
@@ -64,8 +66,19 @@ export declare class TokenQuotaMusic {
     setStyle(value: TokenQuotaMusicStyle): void;
     /** Feed the engine one SSE activity timestamp (action or heartbeat). */
     markStreamActivity(): void;
+    /** Stop any playing piece — e.g. when the panel switches sessions. */
+    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

@@ -80,6 +80,8 @@ export class TokenQuotaMusic {
     phraseIndex = 0;
     /** True when the next piece start should play the full intro glissando. */
     introPending = true;
+    /** Session the current piece belongs to (turn/start carries it). */
+    sessionId;
     phraseTimer;
     // Watchdog: host heartbeat freshness (ms timestamp)
     lastStreamActivity = 0;
@@ -161,6 +163,10 @@ export class TokenQuotaMusic {
     markStreamActivity() {
         this.lastStreamActivity = Date.now();
     }
+    /** Stop any playing piece — e.g. when the panel switches sessions. */
+    stop() {
+        this.stopPiece(false);
+    }
     /** Handle one incoming host action and steer the piece. */
     onAction(action) {
         if (!this.enabled || this.audio === null)
@@ -168,16 +174,27 @@ export class TokenQuotaMusic {
         const base = TokenQuotaMusic.BASE_MIDI;
         switch (action.type) {
             case 'turn/start':
-                this.stopPiece(false);
+                // A new turn = the user sent a message: begin a fresh piece right
+                // away (request/header only fires on the first request of a session
+                // or on model changes — it cannot be the music's start trigger).
+                // If another session's music was still playing, stop it first.
+                if (this.sessionId !== undefined && this.sessionId !== action.sessionId) {
+                    this.stopPiece(false);
+                }
+                this.sessionId = action.sessionId;
+                this.stopMelody();
+                this.playing = false;
                 this.tonicIndex = 0;
                 this.phraseIndex = 0;
                 this.introPending = true;
+                this.startPiece();
                 break;
             case 'request/header': {
+                // Safety net (and a light "request fired" accent when already playing).
                 if (!this.playing)
                     this.startPiece();
                 else
-                    this.pluck(base + 24, 0.3); // light accent on a subsequent request
+                    this.pluck(this.tone(5, 1), 0.3, 0.9);
                 break;
             }
             case 'step/start': {
@@ -190,41 +207,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: stop the phrase chain and breathe. The next
-                // request/header (next step or next turn) starts a fresh phrase.
-                this.stopMelody();
-                this.playing = false;
-                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

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