@kenz1117/dsh-ui-usage-billing 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/client.js CHANGED
@@ -24,7 +24,7 @@ window.__ModuleLoader__.load({
24
24
  }
25
25
  //#endregion
26
26
  //#region \0dsh-css:/Users/ken/deepseek-harness/packages/client/ui-usage-billing/src/client/UsageBilling.module.css.mjs
27
- const css = ".VWh0dG_railButton{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 28%, var(--dsw-alias-border-l2));background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 14%, var(--dsw-alias-bg-layer-1)), var(--dsw-alias-bg-layer-1));width:36px;height:36px;color:var(--dsw-static-blue-500);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s,color .16s;display:flex}.VWh0dG_railButton:hover,.VWh0dG_railButton:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 48%, var(--dsw-alias-border-l2));box-shadow:0 4px 14px -6px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);color:var(--dsw-static-blue-400);outline:none;transform:translateY(-1px)}.VWh0dG_railButton svg{stroke-width:2px;width:18px;height:18px}.VWh0dG_trigger{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 20%, var(--dsw-alias-border-l1));background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 9%, transparent), transparent 60%), var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}@supports (backdrop-filter:blur(1px)){.VWh0dG_trigger{background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 10%, transparent), transparent 60%), color-mix(in srgb, var(--dsw-alias-bg-layer-1) 72%, transparent);backdrop-filter:blur(12px)}}.VWh0dG_trigger:hover,.VWh0dG_trigger:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 42%, var(--dsw-alias-border-l1));box-shadow:0 8px 24px -10px color-mix(in srgb, var(--dsw-static-blue-500) 45%, transparent);outline:none;transform:translateY(-1px)}.VWh0dG_triggerIcon{background:linear-gradient(135deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400));width:28px;height:28px;color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 8px -2px color-mix(in srgb, var(--dsw-static-blue-500) 60%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_triggerIcon svg{stroke-width:1.8px;width:15px;height:15px}.VWh0dG_triggerToday,.VWh0dG_triggerMonth{align-items:baseline;gap:4px;min-width:0;display:flex}.VWh0dG_triggerDivider{background:var(--dsw-alias-border-l1);align-self:stretch;width:1px}.VWh0dG_triggerAmount{color:var(--dsw-alias-label-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:600;line-height:22px}.VWh0dG_triggerAmountSub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_triggerWrap{width:100%;display:block;position:relative}.VWh0dG_triggerPop{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 22%, var(--dsw-alias-border-l1));background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent), transparent 55%), var(--dsw-alias-bg-layer-2);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--dsw-alias-label-primary) 30%, transparent);opacity:0;pointer-events:none;z-index:10;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(4px)}@supports (backdrop-filter:blur(1px)){.VWh0dG_triggerPop{background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent), transparent 55%), color-mix(in srgb, var(--dsw-alias-bg-layer-2) 82%, transparent);backdrop-filter:blur(14px)}}.VWh0dG_triggerWrap:hover .VWh0dG_triggerPop,.VWh0dG_triggerWrap:focus-within .VWh0dG_triggerPop{opacity:1;transform:translateY(0)}.VWh0dG_triggerPopRow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_triggerPopLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_triggerPopValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerPopBars{border-top:1px solid var(--dsw-alias-border-l1);align-items:flex-end;gap:4px;height:22px;margin-top:4px;padding-top:8px;display:flex}.VWh0dG_triggerPopBar{background:linear-gradient(180deg, var(--dsw-static-blue-400), var(--dsw-static-blue-500));border-radius:2px;flex:1;transition:height .2s}.VWh0dG_dashboardModal{background:linear-gradient(var(--dsw-alias-bg-layer-2), var(--dsw-alias-bg-layer-2)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent), color-mix(in srgb, var(--dsw-static-blue-400) 22%, transparent) 45%, color-mix(in srgb, var(--dsw-static-blue-500) 38%, transparent)) border-box;width:min(760px,100vw - 48px);max-height:min(760px,88vh);box-shadow:var(--dsw-shadow-lv3), 0 24px 80px -24px color-mix(in srgb, var(--dsw-static-blue-500) 35%, transparent);border:1px solid #0000;animation:.18s ease-out VWh0dG_dashboardIn}@keyframes VWh0dG_dashboardIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}div[role=presentation]:has(>.dsh-billing-modal)>div[aria-hidden=true]:first-child{backdrop-filter:blur(8px)saturate(1.25)}.VWh0dG_dashboard{flex-direction:column;width:100%;max-height:min(760px,88vh);display:flex}.VWh0dG_dashboardHead{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 14px;display:flex}.VWh0dG_dashboardTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:17px;font-weight:600;line-height:24px}.VWh0dG_dashboardSubtitle{color:var(--dsw-alias-label-caption);margin:3px 0 0;font-size:12px;line-height:17px}.VWh0dG_closeButton{width:30px;height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .14s;display:inline-flex}.VWh0dG_closeButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_closeButton svg{stroke-width:2px;width:16px;height:16px}.VWh0dG_dashboardBody{flex-direction:column;gap:14px;padding:16px 24px 24px;display:flex;overflow-y:auto}.VWh0dG_tabNav{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:4px;padding:10px 24px;display:flex}.VWh0dG_tabButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;line-height:18px;transition:background-color .16s,color .16s,box-shadow .16s}.VWh0dG_tabButton:hover,.VWh0dG_tabButton:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover);outline:none}.VWh0dG_tabButtonActive,.VWh0dG_tabButtonActive:hover,.VWh0dG_tabButtonActive:focus-visible{background:linear-gradient(135deg, var(--dsw-static-blue-500), color-mix(in srgb, var(--dsw-static-blue-500) 72%, var(--dsw-static-blue-400)));color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 10px -3px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);font-weight:600}.VWh0dG_tabPanel{flex-direction:column;gap:14px;animation:.14s ease-out VWh0dG_tabPanelIn;display:flex}@keyframes VWh0dG_tabPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.VWh0dG_hero{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 16%, var(--dsw-alias-border-l1));background:radial-gradient(90% 150% at 6% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 10%, transparent), transparent 60%), radial-gradient(70% 130% at 96% 100%, color-mix(in srgb, var(--dsw-static-blue-400) 8%, transparent), transparent 55%), var(--dsw-alias-bg-layer-1);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.VWh0dG_heroMain{flex-direction:column;gap:4px;min-width:0;display:flex}.VWh0dG_heroLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroValue{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(120deg, var(--dsw-alias-label-primary) 25%, color-mix(in srgb, var(--dsw-static-blue-500) 85%, var(--dsw-alias-label-primary)));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:600;line-height:52px}.VWh0dG_heroMeta{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroSide{border-left:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;gap:10px;padding-left:24px;display:flex}.VWh0dG_heroSideItem{align-items:baseline;gap:8px;display:flex}.VWh0dG_heroSideLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroSideValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:600;line-height:22px}.VWh0dG_delta{align-items:center;gap:2px;margin-left:4px;font-size:11px;font-weight:600;line-height:17px;display:inline-flex}.VWh0dG_deltaUp{color:var(--dsw-static-green-500)}.VWh0dG_deltaDown{color:var(--dsw-static-red-500)}.VWh0dG_kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.VWh0dG_kpiTile{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:3px;padding:14px 15px;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.VWh0dG_kpiTile:before{content:\"\";background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-blue-500) 70%, transparent), transparent);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.VWh0dG_kpiTile:has(.VWh0dG_kpiGreen):before{background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-green-500) 70%, transparent), transparent)}.VWh0dG_kpiTile:hover{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-interactive-bg-hover);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--dsw-alias-label-primary) 35%, transparent);transform:translateY(-1px)}.VWh0dG_kpiLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:15px}.VWh0dG_kpiValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;line-height:27px}.VWh0dG_kpiGreen{color:var(--dsw-static-green-500)}.VWh0dG_kpiDetail{color:var(--dsw-alias-label-caption);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px;overflow:hidden}.VWh0dG_panel{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.VWh0dG_panelHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_panelTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;font-weight:600;line-height:20px}.VWh0dG_panelHint{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_rangeToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.VWh0dG_rangeButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:11px;line-height:16px;transition:background-color .14s,color .14s}.VWh0dG_rangeButtonActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_exportBar{justify-content:flex-end;align-items:center;gap:8px;display:flex}.VWh0dG_exportLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:16px}.VWh0dG_exportButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:11.5px;line-height:16px;transition:border-color .16s,color .16s,background-color .16s}.VWh0dG_exportButton:hover,.VWh0dG_exportButton:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 40%, var(--dsw-alias-border-l1));color:var(--dsw-static-blue-500);outline:none}.VWh0dG_shareTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:10px;display:flex;overflow:hidden}.VWh0dG_shareSeg{height:100%;transition:width .2s}.VWh0dG_shareSegPeak{background:linear-gradient(90deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400))}.VWh0dG_shareSegOff{background:color-mix(in srgb, var(--dsw-static-blue-500) 30%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareSegUser{background:linear-gradient(90deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400))}.VWh0dG_shareSegAssistant{background:linear-gradient(90deg, var(--dsw-static-green-500), color-mix(in srgb, var(--dsw-static-green-500) 70%, var(--dsw-static-blue-400)))}.VWh0dG_shareSegTool{background:color-mix(in srgb, var(--dsw-static-amber-500) 80%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareLegend{align-items:center;gap:16px;display:flex}.VWh0dG_shareItem{color:var(--dsw-alias-label-secondary);align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_shareDot{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.VWh0dG_shareValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_budget{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.VWh0dG_budgetHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_budgetLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:17px}.VWh0dG_budgetValue{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_budgetControls{align-items:center;gap:8px;min-width:0;display:inline-flex}.VWh0dG_budgetInputWrap{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;align-items:center;gap:2px;padding:2px 6px;display:inline-flex}.VWh0dG_budgetInputWrap:focus-within{border-color:var(--dsw-alias-border-l3)}.VWh0dG_budgetUnit{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_budgetInput{width:64px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:none;padding:0;font-size:12px;line-height:16px}.VWh0dG_budgetInput:focus-visible{outline:none}.VWh0dG_switch{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);cursor:pointer;border-radius:999px;flex:none;width:30px;height:17px;padding:0;transition:background-color .16s,border-color .16s;position:relative}.VWh0dG_switchOn{border-color:var(--dsw-static-blue-500);background:var(--dsw-static-blue-500)}.VWh0dG_switchKnob{background:var(--dsw-static-neutral-bluish-00);border-radius:50%;width:11px;height:11px;transition:transform .16s;position:absolute;top:2px;left:2px}.VWh0dG_switchOn .VWh0dG_switchKnob{transform:translate(13px)}.VWh0dG_budgetTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:6px;overflow:hidden}.VWh0dG_budgetFill{background:var(--dsw-static-blue-500);border-radius:999px;height:100%;transition:width .2s}.VWh0dG_budgetFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_budgetFillOver{background:var(--dsw-static-red-500);animation:1.6s ease-in-out infinite VWh0dG_budgetOverPulse}@keyframes VWh0dG_budgetOverPulse{50%{opacity:.55}}.VWh0dG_chartWrap{width:100%;position:relative}.VWh0dG_chartSvg{width:100%;height:auto;display:block}.VWh0dG_chartEmpty{height:140px;color:var(--dsw-alias-label-caption);justify-content:center;align-items:center;font-size:13px;display:flex}.VWh0dG_emptyRow{text-align:center;color:var(--dsw-alias-label-caption);padding:28px 0;font-size:13px}.VWh0dG_chartGrid{stroke:var(--dsw-alias-border-l1);stroke-width:1px}.VWh0dG_chartAxisLabel{fill:var(--dsw-alias-label-tertiary);font-size:10px}.VWh0dG_chartBar{fill:var(--dsw-static-blue-500);opacity:.35}.VWh0dG_chartBar:hover{opacity:.6}.VWh0dG_chartStack{stroke:var(--dsw-alias-bg-layer-1);stroke-width:.75px}.VWh0dG_chartStack:hover{opacity:.85}.VWh0dG_chartLine{stroke:var(--dsw-static-blue-500);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.VWh0dG_chartCrosshair{stroke:var(--dsw-alias-label-dimmed);stroke-width:1px;stroke-dasharray:3 3}.VWh0dG_chartDot{fill:var(--dsw-static-neutral-bluish-00);stroke:var(--dsw-static-blue-500);stroke-width:2.5px}.VWh0dG_chartTooltip{pointer-events:none;z-index:2;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);box-shadow:var(--dsw-shadow-lv2);white-space:nowrap;border-radius:10px;padding:8px 10px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.VWh0dG_chartTooltipDate{color:var(--dsw-alias-label-primary);margin-bottom:3px;font-size:11px;font-weight:600}.VWh0dG_chartTooltipRow{color:var(--dsw-alias-label-secondary);align-items:center;gap:5px;font-size:11px;line-height:17px;display:flex}.VWh0dG_chartTooltipRow strong{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_chartLegendLine{background:var(--dsw-static-blue-500);border-radius:2px;width:10px;height:3px;display:inline-block}.VWh0dG_chartLegendBar{background:var(--dsw-static-blue-500);opacity:.5;border-radius:2px;width:7px;height:7px;display:inline-block}.VWh0dG_chartTooltipSwatch{border-radius:3px;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_chartLegend{color:var(--dsw-alias-label-tertiary);justify-content:flex-end;gap:14px;margin-top:2px;font-size:11px;display:flex}.VWh0dG_chartLegend span{align-items:center;gap:5px;display:inline-flex}.VWh0dG_tableScroll{border:1px solid var(--dsw-alias-border-l1);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;overflow:auto}.VWh0dG_modelTable,.VWh0dG_pricingTable{border-collapse:collapse;width:100%;font-size:12.5px}.VWh0dG_modelTable th,.VWh0dG_modelTable td,.VWh0dG_pricingTable th,.VWh0dG_pricingTable td{border-bottom:1px solid var(--dsw-alias-border-l1);text-align:left;white-space:nowrap;padding:9px 12px}.VWh0dG_modelTable tbody tr:last-child td,.VWh0dG_pricingTable tbody tr:last-child td{border-bottom:0}.VWh0dG_modelTable thead th,.VWh0dG_pricingTable thead th{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform);font-size:11px;font-weight:500}.VWh0dG_modelTable tbody tr,.VWh0dG_pricingTable tbody tr{transition:background-color .12s}.VWh0dG_modelTable tbody tr:hover,.VWh0dG_pricingTable tbody tr:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_numCol{text-align:right;font-variant-numeric:tabular-nums}.VWh0dG_costCol{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_na{color:var(--dsw-alias-label-dimmed)}.VWh0dG_modelCell{align-items:center;gap:8px;display:inline-flex}.VWh0dG_modelDot{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);border-radius:50%;flex:none}.VWh0dG_modelName{color:var(--dsw-alias-label-primary);font-weight:500;line-height:16px;display:block}.VWh0dG_modelProvider{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px;display:block}.VWh0dG_pricingToggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;display:flex}.VWh0dG_pricingToggle:hover .VWh0dG_panelTitle,.VWh0dG_pricingToggle:focus-visible .VWh0dG_panelTitle{color:var(--dsw-static-blue-500)}.VWh0dG_rateBadge{vertical-align:1px;white-space:nowrap;border-radius:999px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;line-height:14px;display:inline-flex}.VWh0dG_rateBadgeLive{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_rateBadgeBuiltin{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform)}.VWh0dG_pricingToggleText{align-items:baseline;gap:10px;min-width:0;display:flex}.VWh0dG_pricingChevron{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.VWh0dG_pricingChevronOpen{transform:rotate(180deg)}.VWh0dG_bandPrice{align-items:baseline;gap:6px;display:inline-flex}.VWh0dG_bandPriceOff{color:var(--dsw-alias-label-caption)}.VWh0dG_bandPriceOff:before{content:\"/\";color:var(--dsw-alias-label-dimmed);margin-right:4px}.VWh0dG_bandTag{color:var(--dsw-alias-label-secondary);flex-direction:column;gap:1px;font-size:10.5px;line-height:14px;display:inline-flex}.VWh0dG_bandTagOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_flatTag{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px}.VWh0dG_healthDot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_healthOk{background:var(--dsw-static-green-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-green-500) 18%, transparent)}.VWh0dG_healthBad{background:var(--dsw-static-red-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-red-500) 18%, transparent)}.VWh0dG_healthIdle{background:var(--dsw-static-neutral-bluish-400)}.VWh0dG_dashboardRight{align-items:center;gap:8px;min-width:0;display:flex}.VWh0dG_healthBadge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_healthBadgeOk{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_healthBadgeBad{color:var(--dsw-static-red-500);background:color-mix(in srgb, var(--dsw-static-red-500) 10%, transparent)}.VWh0dG_planTag{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_uncataloguedTag{vertical-align:1px;color:var(--dsw-static-amber-500);background:color-mix(in srgb, var(--dsw-static-amber-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_estimatedTag{vertical-align:1px;color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_liveCostBar{color:var(--dsw-static-neutral-400);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_liveCostItem{white-space:nowrap}.VWh0dG_liveCostSep{color:var(--dsw-static-neutral-300)}.VWh0dG_balanceCell{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.VWh0dG_balanceDays{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_balanceDaysLow{color:var(--dsw-static-red-500);font-weight:600}body[data-zine-mode] .VWh0dG_trigger,body[data-zine-mode] .VWh0dG_triggerPop,body[data-zine-mode] .VWh0dG_railButton{display:none}body[data-zine-mode] .VWh0dG_dashboardHead{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_headTitleRow{align-items:center;gap:8px;margin-top:4px;display:flex}body[data-zine-mode] .VWh0dG_dashboardTitle{color:#e8ff00;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 8px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_dashboardSubtitle{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px}body[data-zine-mode] .VWh0dG_closeButton{color:#0a0a05;background:#ff2d95;border:1.5px solid #ff2d95;border-radius:0;box-shadow:0 0 10px #ff2d9573}body[data-zine-mode] .VWh0dG_hero{background:#000;border:2.5px solid #e8ff00;border-radius:0;position:relative;box-shadow:0 0 0 1px #0009,0 0 24px #e8ff002e}body[data-zine-mode] .VWh0dG_heroLabel{color:#c9d98a;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroValue{color:#e8ff00;letter-spacing:-.02em;text-shadow:0 0 12px #e8ff0073;-webkit-text-fill-color:#e8ff00;background:0 0;font-size:38px;font-weight:900}body[data-zine-mode] .VWh0dG_heroMeta{color:#c9d98a;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}body[data-zine-mode] .VWh0dG_heroSideLabel{color:#c9d98a;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroSideValue{color:#e8ff00;text-shadow:0 0 6px #e8ff0059}body[data-zine-mode] .VWh0dG_delta{font-weight:900}body[data-zine-mode] .VWh0dG_deltaUp{color:#ff2d95}body[data-zine-mode] .VWh0dG_deltaDown{color:#c9d98a}body[data-zine-mode] .VWh0dG_tabNav{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_tabButton{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;border-radius:0;font-size:10.5px;font-weight:900}body[data-zine-mode] .VWh0dG_tabButton:hover,body[data-zine-mode] .VWh0dG_tabButton:focus-visible{color:#e8ff00;background:#e8ff001f}body[data-zine-mode] .VWh0dG_tabButtonActive,body[data-zine-mode] .VWh0dG_tabButtonActive:hover,body[data-zine-mode] .VWh0dG_tabButtonActive:focus-visible{color:#0a0a05;background:#e8ff00;box-shadow:0 0 10px #e8ff0073}body[data-zine-mode] .VWh0dG_panel{background:#000;border:2px solid #e8ff00;border-radius:0}body[data-zine-mode] .VWh0dG_trendPanel{position:relative}body[data-zine-mode] .VWh0dG_panelTitle{color:#e8ff00;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 6px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_panelHint{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_modelTableScroll{background:#000;border:1.5px solid #e8ff0080;border-radius:0}.VWh0dG_currencyToggle{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:6px;align-items:center;gap:2px;margin-right:8px;padding:2px;display:inline-flex}.VWh0dG_currencyButton{color:var(--dsw-alias-text-secondary,#9aa5b1);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1}.VWh0dG_currencyButtonActive{background:var(--dsw-alias-accent-muted,#2f6fed);color:#fff}.VWh0dG_subscriptionGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px;display:grid}.VWh0dG_subscriptionCard{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:8px;padding:10px 12px}.VWh0dG_subscriptionHead{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.VWh0dG_subscriptionName{font-size:13px;font-weight:700}.VWh0dG_subscriptionPlan{color:var(--dsw-alias-text-secondary,#9aa5b1);font-size:11px}.VWh0dG_subscriptionStatus{color:var(--dsw-alias-warning,#e0a63c);margin-bottom:6px;font-size:11px}.VWh0dG_subscriptionWindow{align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.VWh0dG_subscriptionWindowLabel{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:0 0 44px}.VWh0dG_subscriptionTrack{background:var(--dsw-alias-bg-layer-3,#1a2028);border-radius:3px;flex:1;height:5px;overflow:hidden}.VWh0dG_subscriptionFill{background:var(--dsw-alias-accent,#3b82f6);border-radius:3px;height:100%;display:block}.VWh0dG_subscriptionPct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:52px}.VWh0dG_subscriptionReset{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:none}.VWh0dG_providerGroupList{flex-direction:column;gap:10px;display:flex}.VWh0dG_providerGroup{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;padding:12px 14px}.VWh0dG_providerGroupHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_providerGroupTitle{align-items:center;gap:7px;min-width:0;display:inline-flex}.VWh0dG_providerGroupName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:18px}.VWh0dG_providerGroupMeta{flex:none;align-items:center;gap:10px;display:inline-flex}.VWh0dG_providerGroupBadge{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalance{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalanceLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:17px}.VWh0dG_roundsFlagBadge{color:#fff;background:#ef4444;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:800}.VWh0dG_rounds{margin-top:10px}.VWh0dG_roundsBars{align-items:flex-end;gap:3px;height:110px;padding:4px 2px 0;display:flex;overflow-x:auto}.VWh0dG_roundsBarCol{flex-direction:column;flex:1 0 28px;justify-content:flex-end;align-items:stretch;height:100%;display:flex}.VWh0dG_roundsBarLabel{text-align:center;color:var(--dsw-alias-text-secondary,#9aa5b1);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:2px;font-size:8px;line-height:1;overflow:hidden}.VWh0dG_roundsBarWrap{flex:1;align-items:flex-end;min-height:0;display:flex}.VWh0dG_roundsBar{background:var(--dsw-alias-accent,#3b82f6);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsBarFlagged{outline-offset:1px;background:#ef4444;border-radius:2px 2px 0 0;outline:1.5px solid #ef4444;width:100%;min-height:2px;position:relative}.VWh0dG_roundsFlagMark{background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 4px #ef4444}.VWh0dG_roundsAxis{color:var(--dsw-alias-text-secondary,#9aa5b1);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.VWh0dG_roundsEmpty{color:var(--dsw-alias-text-secondary,#9aa5b1);margin-top:10px;font-size:12px}.VWh0dG_heatmap{margin-top:10px}.VWh0dG_heatmapGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.VWh0dG_heatmapCellEmpty{background:var(--dsw-alias-bg-layer-1);height:30px;color:var(--dsw-alias-label-dimmed,#6b7480);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.VWh0dG_heatmapCell{font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0;font-size:11px;display:flex}.VWh0dG_heatmapCell[data-level=\"0\"],.VWh0dG_heatmapCell[data-level=\"1\"],.VWh0dG_heatmapCell[data-level=\"2\"]{color:var(--dsw-alias-label-primary)}.VWh0dG_heatmapCell[data-level=\"3\"],.VWh0dG_heatmapCell[data-level=\"4\"]{color:var(--dsw-static-neutral-bluish-00,#fff)}.VWh0dG_heatmapFooter{color:var(--dsw-alias-text-secondary,#9aa5b1);align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.VWh0dG_heatmapLegend{gap:3px;display:inline-flex}.VWh0dG_heatmapLegend i{border-radius:4px;width:14px;height:14px;display:block}.VWh0dG_heatmapHover{font-variant-numeric:tabular-nums;margin-left:auto}@media (width<=640px){.VWh0dG_kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.VWh0dG_hero{flex-direction:column;align-items:flex-start;gap:14px}.VWh0dG_heroSide{border-left:none;border-top:1px solid var(--dsw-alias-border-l1);flex-direction:row;align-self:stretch;gap:20px;padding-top:14px;padding-left:0}}";
27
+ const css = ".VWh0dG_railButton{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 28%, var(--dsw-alias-border-l2));background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 14%, var(--dsw-alias-bg-layer-1)), var(--dsw-alias-bg-layer-1));width:36px;height:36px;color:var(--dsw-static-blue-500);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s,color .16s;display:flex}.VWh0dG_railButton:hover,.VWh0dG_railButton:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 48%, var(--dsw-alias-border-l2));box-shadow:0 4px 14px -6px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);color:var(--dsw-static-blue-400);outline:none;transform:translateY(-1px)}.VWh0dG_railButton svg{stroke-width:2px;width:18px;height:18px}.VWh0dG_trigger{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 20%, var(--dsw-alias-border-l1));background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 9%, transparent), transparent 60%), var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}@supports (backdrop-filter:blur(1px)){.VWh0dG_trigger{background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 10%, transparent), transparent 60%), color-mix(in srgb, var(--dsw-alias-bg-layer-1) 72%, transparent);backdrop-filter:blur(12px)}}.VWh0dG_trigger:hover,.VWh0dG_trigger:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 42%, var(--dsw-alias-border-l1));box-shadow:0 8px 24px -10px color-mix(in srgb, var(--dsw-static-blue-500) 45%, transparent);outline:none;transform:translateY(-1px)}.VWh0dG_triggerIcon{background:linear-gradient(135deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400));width:28px;height:28px;color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 8px -2px color-mix(in srgb, var(--dsw-static-blue-500) 60%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_triggerIcon svg{stroke-width:1.8px;width:15px;height:15px}.VWh0dG_triggerToday,.VWh0dG_triggerMonth{align-items:baseline;gap:4px;min-width:0;display:flex}.VWh0dG_triggerDivider{background:var(--dsw-alias-border-l1);align-self:stretch;width:1px}.VWh0dG_triggerAmount{color:var(--dsw-alias-label-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:600;line-height:22px}.VWh0dG_triggerAmountSub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_triggerWrap{width:100%;display:block;position:relative}.VWh0dG_triggerPop{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 22%, var(--dsw-alias-border-l1));background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent), transparent 55%), var(--dsw-alias-bg-layer-2);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--dsw-alias-label-primary) 30%, transparent);opacity:0;pointer-events:none;z-index:10;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(4px)}@supports (backdrop-filter:blur(1px)){.VWh0dG_triggerPop{background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent), transparent 55%), color-mix(in srgb, var(--dsw-alias-bg-layer-2) 82%, transparent);backdrop-filter:blur(14px)}}.VWh0dG_triggerWrap:hover .VWh0dG_triggerPop,.VWh0dG_triggerWrap:focus-within .VWh0dG_triggerPop{opacity:1;transform:translateY(0)}.VWh0dG_triggerPopRow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_triggerPopLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_triggerPopValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerPopBars{border-top:1px solid var(--dsw-alias-border-l1);align-items:flex-end;gap:4px;height:22px;margin-top:4px;padding-top:8px;display:flex}.VWh0dG_triggerPopBar{background:linear-gradient(180deg, var(--dsw-static-blue-400), var(--dsw-static-blue-500));border-radius:2px;flex:1;transition:height .2s}.VWh0dG_dashboardModal{background:linear-gradient(var(--dsw-alias-bg-layer-2), var(--dsw-alias-bg-layer-2)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent), color-mix(in srgb, var(--dsw-static-blue-400) 22%, transparent) 45%, color-mix(in srgb, var(--dsw-static-blue-500) 38%, transparent)) border-box;width:min(760px,100vw - 48px);max-height:min(760px,88vh);box-shadow:var(--dsw-shadow-lv3), 0 24px 80px -24px color-mix(in srgb, var(--dsw-static-blue-500) 35%, transparent);border:1px solid #0000;animation:.18s ease-out VWh0dG_dashboardIn}@keyframes VWh0dG_dashboardIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}div[role=presentation]:has(>.dsh-billing-modal)>div[aria-hidden=true]:first-child{backdrop-filter:blur(8px)saturate(1.25)}.VWh0dG_dashboard{flex-direction:column;width:100%;max-height:min(760px,88vh);display:flex}.VWh0dG_dashboardHead{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 14px;display:flex}.VWh0dG_dashboardTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:17px;font-weight:600;line-height:24px}.VWh0dG_dashboardSubtitle{color:var(--dsw-alias-label-caption);margin:3px 0 0;font-size:12px;line-height:17px}.VWh0dG_closeButton{width:30px;height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .14s;display:inline-flex}.VWh0dG_closeButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_closeButton svg{stroke-width:2px;width:16px;height:16px}.VWh0dG_dashboardBody{flex-direction:column;gap:14px;padding:16px 24px 24px;display:flex;overflow-y:auto}.VWh0dG_tabNav{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:4px;padding:10px 24px;display:flex}.VWh0dG_tabButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;line-height:18px;transition:background-color .16s,color .16s,box-shadow .16s}.VWh0dG_tabButton:hover,.VWh0dG_tabButton:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover);outline:none}.VWh0dG_tabButtonActive,.VWh0dG_tabButtonActive:hover,.VWh0dG_tabButtonActive:focus-visible{background:linear-gradient(135deg, var(--dsw-static-blue-500), color-mix(in srgb, var(--dsw-static-blue-500) 72%, var(--dsw-static-blue-400)));color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 10px -3px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);font-weight:600}.VWh0dG_tabPanel{flex-direction:column;gap:14px;animation:.14s ease-out VWh0dG_tabPanelIn;display:flex}@keyframes VWh0dG_tabPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.VWh0dG_hero{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 16%, var(--dsw-alias-border-l1));background:radial-gradient(90% 150% at 6% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 10%, transparent), transparent 60%), radial-gradient(70% 130% at 96% 100%, color-mix(in srgb, var(--dsw-static-blue-400) 8%, transparent), transparent 55%), var(--dsw-alias-bg-layer-1);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.VWh0dG_heroMain{flex-direction:column;gap:4px;min-width:0;display:flex}.VWh0dG_heroLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroValue{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(120deg, var(--dsw-alias-label-primary) 25%, color-mix(in srgb, var(--dsw-static-blue-500) 85%, var(--dsw-alias-label-primary)));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:600;line-height:52px}.VWh0dG_heroMeta{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroSide{border-left:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;gap:10px;padding-left:24px;display:flex}.VWh0dG_heroSideItem{align-items:baseline;gap:8px;display:flex}.VWh0dG_heroSideLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroSideValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:600;line-height:22px}.VWh0dG_delta{align-items:center;gap:2px;margin-left:4px;font-size:11px;font-weight:600;line-height:17px;display:inline-flex}.VWh0dG_deltaUp{color:var(--dsw-static-green-500)}.VWh0dG_deltaDown{color:var(--dsw-static-red-500)}.VWh0dG_kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.VWh0dG_kpiTile{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:3px;padding:14px 15px;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.VWh0dG_kpiTile:before{content:\"\";background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-blue-500) 70%, transparent), transparent);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.VWh0dG_kpiTile:has(.VWh0dG_kpiGreen):before{background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-green-500) 70%, transparent), transparent)}.VWh0dG_kpiTile:hover{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-interactive-bg-hover);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--dsw-alias-label-primary) 35%, transparent);transform:translateY(-1px)}.VWh0dG_kpiLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:15px}.VWh0dG_kpiValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;line-height:27px}.VWh0dG_kpiGreen{color:var(--dsw-static-green-500)}.VWh0dG_kpiDetail{color:var(--dsw-alias-label-caption);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px;overflow:hidden}.VWh0dG_panel{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.VWh0dG_panelHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_panelTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;font-weight:600;line-height:20px}.VWh0dG_panelHint{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_rangeToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.VWh0dG_rangeButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:11px;line-height:16px;transition:background-color .14s,color .14s}.VWh0dG_rangeButtonActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_exportBar{justify-content:flex-end;align-items:center;gap:8px;display:flex}.VWh0dG_exportLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:16px}.VWh0dG_exportButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:11.5px;line-height:16px;transition:border-color .16s,color .16s,background-color .16s}.VWh0dG_exportButton:hover,.VWh0dG_exportButton:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 40%, var(--dsw-alias-border-l1));color:var(--dsw-static-blue-500);outline:none}.VWh0dG_shareTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:10px;display:flex;overflow:hidden}.VWh0dG_shareSeg{height:100%;transition:width .2s}.VWh0dG_shareSegPeak{background:linear-gradient(90deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400))}.VWh0dG_shareSegOff{background:color-mix(in srgb, var(--dsw-static-blue-500) 30%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareSegUser{background:linear-gradient(90deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400))}.VWh0dG_shareSegAssistant{background:linear-gradient(90deg, var(--dsw-static-green-500), color-mix(in srgb, var(--dsw-static-green-500) 70%, var(--dsw-static-blue-400)))}.VWh0dG_shareSegTool{background:color-mix(in srgb, var(--dsw-static-amber-500) 80%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareLegend{align-items:center;gap:16px;display:flex}.VWh0dG_shareItem{color:var(--dsw-alias-label-secondary);align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_shareDot{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.VWh0dG_shareValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_budget{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.VWh0dG_budgetHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_budgetLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:17px}.VWh0dG_budgetValue{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_budgetControls{align-items:center;gap:8px;min-width:0;display:inline-flex}.VWh0dG_budgetInputWrap{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;align-items:center;gap:2px;padding:2px 6px;display:inline-flex}.VWh0dG_budgetInputWrap:focus-within{border-color:var(--dsw-alias-border-l3)}.VWh0dG_budgetUnit{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_budgetInput{width:64px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:none;padding:0;font-size:12px;line-height:16px}.VWh0dG_budgetInput:focus-visible{outline:none}.VWh0dG_switch{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);cursor:pointer;border-radius:999px;flex:none;width:30px;height:17px;padding:0;transition:background-color .16s,border-color .16s;position:relative}.VWh0dG_switchOn{border-color:var(--dsw-static-blue-500);background:var(--dsw-static-blue-500)}.VWh0dG_switchKnob{background:var(--dsw-static-neutral-bluish-00);border-radius:50%;width:11px;height:11px;transition:transform .16s;position:absolute;top:2px;left:2px}.VWh0dG_switchOn .VWh0dG_switchKnob{transform:translate(13px)}.VWh0dG_budgetTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:6px;overflow:hidden}.VWh0dG_budgetFill{background:var(--dsw-static-blue-500);border-radius:999px;height:100%;transition:width .2s}.VWh0dG_budgetFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_budgetFillOver{background:var(--dsw-static-red-500);animation:1.6s ease-in-out infinite VWh0dG_budgetOverPulse}@keyframes VWh0dG_budgetOverPulse{50%{opacity:.55}}.VWh0dG_chartWrap{width:100%;position:relative}.VWh0dG_chartSvg{width:100%;height:auto;display:block}.VWh0dG_chartEmpty{height:140px;color:var(--dsw-alias-label-caption);justify-content:center;align-items:center;font-size:13px;display:flex}.VWh0dG_emptyRow{text-align:center;color:var(--dsw-alias-label-caption);padding:28px 0;font-size:13px}.VWh0dG_chartGrid{stroke:var(--dsw-alias-border-l1);stroke-width:1px}.VWh0dG_chartAxisLabel{fill:var(--dsw-alias-label-tertiary);font-size:10px}.VWh0dG_chartBar{fill:var(--dsw-static-blue-500);opacity:.35}.VWh0dG_chartBar:hover{opacity:.6}.VWh0dG_chartStack{stroke:var(--dsw-alias-bg-layer-1);stroke-width:.75px}.VWh0dG_chartStack:hover{opacity:.85}.VWh0dG_chartLine{stroke:var(--dsw-static-blue-500);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.VWh0dG_chartCrosshair{stroke:var(--dsw-alias-label-dimmed);stroke-width:1px;stroke-dasharray:3 3}.VWh0dG_chartDot{fill:var(--dsw-static-neutral-bluish-00);stroke:var(--dsw-static-blue-500);stroke-width:2.5px}.VWh0dG_chartTooltip{pointer-events:none;z-index:2;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);box-shadow:var(--dsw-shadow-lv2);white-space:nowrap;border-radius:10px;padding:8px 10px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.VWh0dG_chartTooltipDate{color:var(--dsw-alias-label-primary);margin-bottom:3px;font-size:11px;font-weight:600}.VWh0dG_chartTooltipRow{color:var(--dsw-alias-label-secondary);align-items:center;gap:5px;font-size:11px;line-height:17px;display:flex}.VWh0dG_chartTooltipRow strong{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_chartLegendLine{background:var(--dsw-static-blue-500);border-radius:2px;width:10px;height:3px;display:inline-block}.VWh0dG_chartLegendBar{background:var(--dsw-static-blue-500);opacity:.5;border-radius:2px;width:7px;height:7px;display:inline-block}.VWh0dG_chartTooltipSwatch{border-radius:3px;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_chartLegend{color:var(--dsw-alias-label-tertiary);justify-content:flex-end;gap:14px;margin-top:2px;font-size:11px;display:flex}.VWh0dG_chartLegend span{align-items:center;gap:5px;display:inline-flex}.VWh0dG_tableScroll{border:1px solid var(--dsw-alias-border-l1);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;overflow:auto}.VWh0dG_modelTable,.VWh0dG_pricingTable{border-collapse:collapse;width:100%;font-size:12.5px}.VWh0dG_modelTable th,.VWh0dG_modelTable td,.VWh0dG_pricingTable th,.VWh0dG_pricingTable td{border-bottom:1px solid var(--dsw-alias-border-l1);text-align:left;white-space:nowrap;padding:9px 12px}.VWh0dG_modelTable tbody tr:last-child td,.VWh0dG_pricingTable tbody tr:last-child td{border-bottom:0}.VWh0dG_modelTable thead th,.VWh0dG_pricingTable thead th{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform);font-size:11px;font-weight:500}.VWh0dG_modelTable tbody tr,.VWh0dG_pricingTable tbody tr{transition:background-color .12s}.VWh0dG_modelTable tbody tr:hover,.VWh0dG_pricingTable tbody tr:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_numCol{text-align:right;font-variant-numeric:tabular-nums}.VWh0dG_costCol{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_na{color:var(--dsw-alias-label-dimmed)}.VWh0dG_modelCell{align-items:center;gap:8px;display:inline-flex}.VWh0dG_modelDot{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);border-radius:50%;flex:none}.VWh0dG_modelName{color:var(--dsw-alias-label-primary);font-weight:500;line-height:16px;display:block}.VWh0dG_modelProvider{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px;display:block}.VWh0dG_pricingToggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;display:flex}.VWh0dG_pricingToggle:hover .VWh0dG_panelTitle,.VWh0dG_pricingToggle:focus-visible .VWh0dG_panelTitle{color:var(--dsw-static-blue-500)}.VWh0dG_rateBadge{vertical-align:1px;white-space:nowrap;border-radius:999px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;line-height:14px;display:inline-flex}.VWh0dG_rateBadgeLive{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_rateBadgeBuiltin{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform)}.VWh0dG_pricingToggleText{align-items:baseline;gap:10px;min-width:0;display:flex}.VWh0dG_pricingChevron{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.VWh0dG_pricingChevronOpen{transform:rotate(180deg)}.VWh0dG_bandPrice{align-items:baseline;gap:6px;display:inline-flex}.VWh0dG_bandPriceOff{color:var(--dsw-alias-label-caption)}.VWh0dG_bandPriceOff:before{content:\"/\";color:var(--dsw-alias-label-dimmed);margin-right:4px}.VWh0dG_bandTag{color:var(--dsw-alias-label-secondary);flex-direction:column;gap:1px;font-size:10.5px;line-height:14px;display:inline-flex}.VWh0dG_bandTagOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_flatTag{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px}.VWh0dG_healthDot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_healthOk{background:var(--dsw-static-green-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-green-500) 18%, transparent)}.VWh0dG_healthBad{background:var(--dsw-static-red-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-red-500) 18%, transparent)}.VWh0dG_healthIdle{background:var(--dsw-static-neutral-bluish-400)}.VWh0dG_dashboardRight{align-items:center;gap:8px;min-width:0;display:flex}.VWh0dG_healthBadge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_healthBadgeOk{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_healthBadgeBad{color:var(--dsw-static-red-500);background:color-mix(in srgb, var(--dsw-static-red-500) 10%, transparent)}.VWh0dG_planTag{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_uncataloguedTag{vertical-align:1px;color:var(--dsw-static-amber-500);background:color-mix(in srgb, var(--dsw-static-amber-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_estimatedTag{vertical-align:1px;color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_liveCostBar{color:var(--dsw-static-neutral-400);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_liveCostItem{white-space:nowrap}.VWh0dG_liveCostSep{color:var(--dsw-static-neutral-300)}.VWh0dG_liveTierPeak{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_liveTierOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_liveQuotaWarn{color:var(--dsw-static-amber-500);font-weight:600}.VWh0dG_liveQuotaCrit{color:var(--dsw-static-red-500);font-weight:600}.VWh0dG_balanceCell{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.VWh0dG_balanceDays{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_balanceDaysLow{color:var(--dsw-static-red-500);font-weight:600}body[data-zine-mode] .VWh0dG_trigger,body[data-zine-mode] .VWh0dG_triggerPop,body[data-zine-mode] .VWh0dG_railButton{display:none}body[data-zine-mode] .VWh0dG_dashboardHead{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_headTitleRow{align-items:center;gap:8px;margin-top:4px;display:flex}body[data-zine-mode] .VWh0dG_dashboardTitle{color:#e8ff00;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 8px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_dashboardSubtitle{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px}body[data-zine-mode] .VWh0dG_closeButton{color:#0a0a05;background:#ff2d95;border:1.5px solid #ff2d95;border-radius:0;box-shadow:0 0 10px #ff2d9573}body[data-zine-mode] .VWh0dG_hero{background:#000;border:2.5px solid #e8ff00;border-radius:0;position:relative;box-shadow:0 0 0 1px #0009,0 0 24px #e8ff002e}body[data-zine-mode] .VWh0dG_heroLabel{color:#c9d98a;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroValue{color:#e8ff00;letter-spacing:-.02em;text-shadow:0 0 12px #e8ff0073;-webkit-text-fill-color:#e8ff00;background:0 0;font-size:38px;font-weight:900}body[data-zine-mode] .VWh0dG_heroMeta{color:#c9d98a;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}body[data-zine-mode] .VWh0dG_heroSideLabel{color:#c9d98a;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroSideValue{color:#e8ff00;text-shadow:0 0 6px #e8ff0059}body[data-zine-mode] .VWh0dG_delta{font-weight:900}body[data-zine-mode] .VWh0dG_deltaUp{color:#ff2d95}body[data-zine-mode] .VWh0dG_deltaDown{color:#c9d98a}body[data-zine-mode] .VWh0dG_tabNav{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_tabButton{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;border-radius:0;font-size:10.5px;font-weight:900}body[data-zine-mode] .VWh0dG_tabButton:hover,body[data-zine-mode] .VWh0dG_tabButton:focus-visible{color:#e8ff00;background:#e8ff001f}body[data-zine-mode] .VWh0dG_tabButtonActive,body[data-zine-mode] .VWh0dG_tabButtonActive:hover,body[data-zine-mode] .VWh0dG_tabButtonActive:focus-visible{color:#0a0a05;background:#e8ff00;box-shadow:0 0 10px #e8ff0073}body[data-zine-mode] .VWh0dG_panel{background:#000;border:2px solid #e8ff00;border-radius:0}body[data-zine-mode] .VWh0dG_trendPanel{position:relative}body[data-zine-mode] .VWh0dG_panelTitle{color:#e8ff00;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 6px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_panelHint{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_modelTableScroll{background:#000;border:1.5px solid #e8ff0080;border-radius:0}.VWh0dG_currencyToggle{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:6px;align-items:center;gap:2px;margin-right:8px;padding:2px;display:inline-flex}.VWh0dG_currencyButton{color:var(--dsw-alias-text-secondary,#9aa5b1);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1}.VWh0dG_currencyButtonActive{background:var(--dsw-alias-accent-muted,#2f6fed);color:#fff}.VWh0dG_subscriptionGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px;display:grid}.VWh0dG_subscriptionCard{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:8px;padding:10px 12px}.VWh0dG_subscriptionHead{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.VWh0dG_subscriptionName{font-size:13px;font-weight:700}.VWh0dG_subscriptionPlan{color:var(--dsw-alias-text-secondary,#9aa5b1);font-size:11px}.VWh0dG_subscriptionStatus{color:var(--dsw-alias-warning,#e0a63c);margin-bottom:6px;font-size:11px}.VWh0dG_subscriptionWindow{align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.VWh0dG_subscriptionWindowLabel{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:0 0 44px}.VWh0dG_subscriptionTrack{background:var(--dsw-alias-bg-layer-3,#1a2028);border-radius:3px;flex:1;height:5px;overflow:hidden}.VWh0dG_subscriptionFill{background:var(--dsw-alias-accent,#3b82f6);border-radius:3px;height:100%;transition:width .2s;display:block}.VWh0dG_subscriptionFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_subscriptionFillOver{background:var(--dsw-static-red-500)}.VWh0dG_subscriptionPct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:52px}.VWh0dG_subscriptionExhausted{color:var(--dsw-static-red-500);min-width:52px;font-weight:600}.VWh0dG_subscriptionReset{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:none}.VWh0dG_providerGroupList{flex-direction:column;gap:10px;display:flex}.VWh0dG_providerGroup{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;padding:12px 14px}.VWh0dG_providerGroupHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_providerGroupTitle{align-items:center;gap:7px;min-width:0;display:inline-flex}.VWh0dG_providerGroupName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:18px}.VWh0dG_providerGroupMeta{flex:none;align-items:center;gap:10px;display:inline-flex}.VWh0dG_providerGroupBadge{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalance{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalanceLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:17px}.VWh0dG_roundsFlagBadge{color:#fff;background:#ef4444;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:800}.VWh0dG_rounds{margin-top:10px}.VWh0dG_roundsBars{align-items:flex-end;gap:3px;height:110px;padding:4px 2px 0;display:flex;overflow-x:auto}.VWh0dG_roundsBarCol{flex-direction:column;flex:1 0 28px;justify-content:flex-end;align-items:stretch;height:100%;display:flex}.VWh0dG_roundsBarLabel{text-align:center;color:var(--dsw-alias-text-secondary,#9aa5b1);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:2px;font-size:8px;line-height:1;overflow:hidden}.VWh0dG_roundsBarWrap{flex:1;align-items:flex-end;min-height:0;display:flex}.VWh0dG_roundsBar{background:var(--dsw-alias-accent,#3b82f6);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsBarFlagged{outline-offset:1px;background:#ef4444;border-radius:2px 2px 0 0;outline:1.5px solid #ef4444;width:100%;min-height:2px;position:relative}.VWh0dG_roundsFlagMark{background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 4px #ef4444}.VWh0dG_roundsAxis{color:var(--dsw-alias-text-secondary,#9aa5b1);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.VWh0dG_roundsEmpty{color:var(--dsw-alias-text-secondary,#9aa5b1);margin-top:10px;font-size:12px}.VWh0dG_heatmap{margin-top:10px}.VWh0dG_heatmapGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.VWh0dG_heatmapCellEmpty{background:var(--dsw-alias-bg-layer-1);height:30px;color:var(--dsw-alias-label-dimmed,#6b7480);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.VWh0dG_heatmapCell{font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0;font-size:11px;display:flex}.VWh0dG_heatmapCell[data-level=\"0\"],.VWh0dG_heatmapCell[data-level=\"1\"],.VWh0dG_heatmapCell[data-level=\"2\"]{color:var(--dsw-alias-label-primary)}.VWh0dG_heatmapCell[data-level=\"3\"],.VWh0dG_heatmapCell[data-level=\"4\"]{color:var(--dsw-static-neutral-bluish-00,#fff)}.VWh0dG_heatmapFooter{color:var(--dsw-alias-text-secondary,#9aa5b1);align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.VWh0dG_heatmapLegend{gap:3px;display:inline-flex}.VWh0dG_heatmapLegend i{border-radius:4px;width:14px;height:14px;display:block}.VWh0dG_heatmapHover{font-variant-numeric:tabular-nums;margin-left:auto}@media (width<=640px){.VWh0dG_kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.VWh0dG_hero{flex-direction:column;align-items:flex-start;gap:14px}.VWh0dG_heroSide{border-left:none;border-top:1px solid var(--dsw-alias-border-l1);flex-direction:row;align-self:stretch;gap:20px;padding-top:14px;padding-left:0}}";
28
28
  const tagId = "@kenz1117/dsh-ui-usage-billing/UsageBilling.module.css";
29
29
  if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
30
30
  const tag = document.createElement("style");
@@ -34,192 +34,199 @@ window.__ModuleLoader__.load({
34
34
  document.head.appendChild(tag);
35
35
  }
36
36
  var UsageBilling_module_css_default = {
37
- "subscriptionGrid": "VWh0dG_subscriptionGrid",
38
- "roundsBarLabel": "VWh0dG_roundsBarLabel",
39
- "heatmapLegend": "VWh0dG_heatmapLegend",
40
- "trendPanel": "VWh0dG_trendPanel",
41
- "chartGrid": "VWh0dG_chartGrid",
42
- "chartLegend": "VWh0dG_chartLegend",
43
- "triggerIcon": "VWh0dG_triggerIcon",
44
- "chartSvg": "VWh0dG_chartSvg",
45
- "budgetUnit": "VWh0dG_budgetUnit",
46
- "shareDot": "VWh0dG_shareDot",
37
+ "subscriptionStatus": "VWh0dG_subscriptionStatus",
38
+ "delta": "VWh0dG_delta",
39
+ "currencyButtonActive": "VWh0dG_currencyButtonActive",
47
40
  "healthBad": "VWh0dG_healthBad",
48
- "pricingToggleText": "VWh0dG_pricingToggleText",
49
- "rangeButton": "VWh0dG_rangeButton",
50
- "planTag": "VWh0dG_planTag",
41
+ "subscriptionGrid": "VWh0dG_subscriptionGrid",
51
42
  "chartWrap": "VWh0dG_chartWrap",
52
- "heatmapCell": "VWh0dG_heatmapCell",
53
- "budgetControls": "VWh0dG_budgetControls",
43
+ "subscriptionFill": "VWh0dG_subscriptionFill",
44
+ "kpiTile": "VWh0dG_kpiTile",
45
+ "chartTooltipDate": "VWh0dG_chartTooltipDate",
46
+ "deltaDown": "VWh0dG_deltaDown",
47
+ "healthOk": "VWh0dG_healthOk",
48
+ "liveQuotaWarn": "VWh0dG_liveQuotaWarn",
49
+ "heroMain": "VWh0dG_heroMain",
50
+ "subscriptionCard": "VWh0dG_subscriptionCard",
51
+ "railButton": "VWh0dG_railButton",
52
+ "subscriptionPlan": "VWh0dG_subscriptionPlan",
53
+ "providerGroup": "VWh0dG_providerGroup",
54
+ "heatmapGrid": "VWh0dG_heatmapGrid",
55
+ "uncataloguedTag": "VWh0dG_uncataloguedTag",
56
+ "roundsBarFlagged": "VWh0dG_roundsBarFlagged",
57
+ "roundsEmpty": "VWh0dG_roundsEmpty",
54
58
  "kpiLabel": "VWh0dG_kpiLabel",
55
- "triggerAmountSub": "VWh0dG_triggerAmountSub",
56
- "budgetLabel": "VWh0dG_budgetLabel",
59
+ "kpiValue": "VWh0dG_kpiValue",
60
+ "triggerIcon": "VWh0dG_triggerIcon",
57
61
  "rangeButtonActive": "VWh0dG_rangeButtonActive",
58
- "numCol": "VWh0dG_numCol",
59
- "panel": "VWh0dG_panel",
60
- "chartAxisLabel": "VWh0dG_chartAxisLabel",
62
+ "modelName": "VWh0dG_modelName",
63
+ "healthIdle": "VWh0dG_healthIdle",
64
+ "budget": "VWh0dG_budget",
65
+ "trigger": "VWh0dG_trigger",
66
+ "panelHead": "VWh0dG_panelHead",
67
+ "pricingToggleText": "VWh0dG_pricingToggleText",
68
+ "liveCostItem": "VWh0dG_liveCostItem",
69
+ "deltaUp": "VWh0dG_deltaUp",
70
+ "pricingChevron": "VWh0dG_pricingChevron",
71
+ "rateBadgeLive": "VWh0dG_rateBadgeLive",
72
+ "rangeToggle": "VWh0dG_rangeToggle",
73
+ "chartBar": "VWh0dG_chartBar",
74
+ "dashboardRight": "VWh0dG_dashboardRight",
61
75
  "budgetInputWrap": "VWh0dG_budgetInputWrap",
62
- "shareSeg": "VWh0dG_shareSeg",
63
- "chartTooltipDate": "VWh0dG_chartTooltipDate",
76
+ "triggerToday": "VWh0dG_triggerToday",
77
+ "exportButton": "VWh0dG_exportButton",
78
+ "chartCrosshair": "VWh0dG_chartCrosshair",
79
+ "triggerPopBar": "VWh0dG_triggerPopBar",
80
+ "dashboardTitle": "VWh0dG_dashboardTitle",
81
+ "costCol": "VWh0dG_costCol",
82
+ "flatTag": "VWh0dG_flatTag",
83
+ "healthBadge": "VWh0dG_healthBadge",
84
+ "liveTierPeak": "VWh0dG_liveTierPeak",
85
+ "providerGroupHead": "VWh0dG_providerGroupHead",
64
86
  "subscriptionHead": "VWh0dG_subscriptionHead",
65
- "emptyRow": "VWh0dG_emptyRow",
66
- "uncataloguedTag": "VWh0dG_uncataloguedTag",
67
- "shareSegPeak": "VWh0dG_shareSegPeak",
68
- "subscriptionFill": "VWh0dG_subscriptionFill",
69
- "chartDot": "VWh0dG_chartDot",
70
- "panelHint": "VWh0dG_panelHint",
71
- "tableScroll": "VWh0dG_tableScroll",
72
- "estimatedTag": "VWh0dG_estimatedTag",
73
- "budget": "VWh0dG_budget",
87
+ "trendPanel": "VWh0dG_trendPanel",
88
+ "switchKnob": "VWh0dG_switchKnob",
89
+ "providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
90
+ "heatmap": "VWh0dG_heatmap",
91
+ "dashboard": "VWh0dG_dashboard",
92
+ "triggerPopValue": "VWh0dG_triggerPopValue",
93
+ "triggerPopLabel": "VWh0dG_triggerPopLabel",
94
+ "budgetHead": "VWh0dG_budgetHead",
95
+ "triggerAmount": "VWh0dG_triggerAmount",
96
+ "healthBadgeOk": "VWh0dG_healthBadgeOk",
97
+ "triggerWrap": "VWh0dG_triggerWrap",
98
+ "triggerAmountSub": "VWh0dG_triggerAmountSub",
99
+ "shareDot": "VWh0dG_shareDot",
100
+ "balanceDaysLow": "VWh0dG_balanceDaysLow",
101
+ "panel": "VWh0dG_panel",
102
+ "budgetLabel": "VWh0dG_budgetLabel",
103
+ "pricingChevronOpen": "VWh0dG_pricingChevronOpen",
104
+ "kpiGrid": "VWh0dG_kpiGrid",
105
+ "chartLegend": "VWh0dG_chartLegend",
106
+ "balanceDays": "VWh0dG_balanceDays",
107
+ "subscriptionExhausted": "VWh0dG_subscriptionExhausted",
108
+ "budgetFillOver": "VWh0dG_budgetFillOver",
109
+ "subscriptionWindow": "VWh0dG_subscriptionWindow",
110
+ "roundsAxis": "VWh0dG_roundsAxis",
74
111
  "chartStack": "VWh0dG_chartStack",
75
- "tabNav": "VWh0dG_tabNav",
112
+ "triggerMonth": "VWh0dG_triggerMonth",
113
+ "kpiDetail": "VWh0dG_kpiDetail",
114
+ "triggerPop": "VWh0dG_triggerPop",
115
+ "tabButtonActive": "VWh0dG_tabButtonActive",
116
+ "shareSeg": "VWh0dG_shareSeg",
117
+ "triggerDivider": "VWh0dG_triggerDivider",
118
+ "dashboardModal": "VWh0dG_dashboardModal",
119
+ "heroMeta": "VWh0dG_heroMeta",
120
+ "shareLegend": "VWh0dG_shareLegend",
121
+ "emptyRow": "VWh0dG_emptyRow",
76
122
  "budgetOverPulse": "VWh0dG_budgetOverPulse",
77
- "healthBadgeBad": "VWh0dG_healthBadgeBad",
78
- "providerGroupBadge": "VWh0dG_providerGroupBadge",
79
- "rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
80
- "exportLabel": "VWh0dG_exportLabel",
81
- "exportBar": "VWh0dG_exportBar",
82
- "heroSide": "VWh0dG_heroSide",
83
- "triggerPopValue": "VWh0dG_triggerPopValue",
84
- "healthOk": "VWh0dG_healthOk",
85
- "subscriptionCard": "VWh0dG_subscriptionCard",
86
- "chartLine": "VWh0dG_chartLine",
123
+ "shareValue": "VWh0dG_shareValue",
124
+ "numCol": "VWh0dG_numCol",
125
+ "liveTierOff": "VWh0dG_liveTierOff",
126
+ "headTitleRow": "VWh0dG_headTitleRow",
127
+ "currencyButton": "VWh0dG_currencyButton",
128
+ "tableScroll": "VWh0dG_tableScroll",
129
+ "dashboardHead": "VWh0dG_dashboardHead",
130
+ "subscriptionName": "VWh0dG_subscriptionName",
131
+ "subscriptionPct": "VWh0dG_subscriptionPct",
87
132
  "providerGroupName": "VWh0dG_providerGroupName",
133
+ "providerGroupMeta": "VWh0dG_providerGroupMeta",
134
+ "roundsBarCol": "VWh0dG_roundsBarCol",
135
+ "heatmapCell": "VWh0dG_heatmapCell",
136
+ "chartGrid": "VWh0dG_chartGrid",
137
+ "providerGroupTitle": "VWh0dG_providerGroupTitle",
138
+ "chartTooltipRow": "VWh0dG_chartTooltipRow",
139
+ "tabPanelIn": "VWh0dG_tabPanelIn",
140
+ "chartLegendLine": "VWh0dG_chartLegendLine",
141
+ "budgetInput": "VWh0dG_budgetInput",
142
+ "rounds": "VWh0dG_rounds",
88
143
  "bandPrice": "VWh0dG_bandPrice",
89
- "dashboardModal": "VWh0dG_dashboardModal",
144
+ "panelTitle": "VWh0dG_panelTitle",
145
+ "roundsBars": "VWh0dG_roundsBars",
146
+ "exportLabel": "VWh0dG_exportLabel",
147
+ "heroLabel": "VWh0dG_heroLabel",
148
+ "budgetUnit": "VWh0dG_budgetUnit",
149
+ "healthBadgeBad": "VWh0dG_healthBadgeBad",
150
+ "providerGroupBalance": "VWh0dG_providerGroupBalance",
151
+ "hero": "VWh0dG_hero",
152
+ "shareSegPeak": "VWh0dG_shareSegPeak",
153
+ "budgetTrack": "VWh0dG_budgetTrack",
154
+ "subscriptionTrack": "VWh0dG_subscriptionTrack",
155
+ "dashboardBody": "VWh0dG_dashboardBody",
156
+ "budgetFillWarn": "VWh0dG_budgetFillWarn",
90
157
  "pricingToggle": "VWh0dG_pricingToggle",
158
+ "providerGroupList": "VWh0dG_providerGroupList",
159
+ "roundsFlagMark": "VWh0dG_roundsFlagMark",
160
+ "tabPanel": "VWh0dG_tabPanel",
161
+ "heatmapFooter": "VWh0dG_heatmapFooter",
162
+ "heatmapHover": "VWh0dG_heatmapHover",
163
+ "roundsBar": "VWh0dG_roundsBar",
164
+ "tabButton": "VWh0dG_tabButton",
91
165
  "shareSegOff": "VWh0dG_shareSegOff",
92
- "triggerAmount": "VWh0dG_triggerAmount",
93
- "dashboardHead": "VWh0dG_dashboardHead",
94
- "heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
95
- "subscriptionPct": "VWh0dG_subscriptionPct",
96
- "triggerPopBar": "VWh0dG_triggerPopBar",
97
- "chartCrosshair": "VWh0dG_chartCrosshair",
98
- "heroMeta": "VWh0dG_heroMeta",
166
+ "modelCell": "VWh0dG_modelCell",
167
+ "chartSvg": "VWh0dG_chartSvg",
99
168
  "shareSegUser": "VWh0dG_shareSegUser",
100
169
  "switchOn": "VWh0dG_switchOn",
101
- "budgetValue": "VWh0dG_budgetValue",
102
- "liveCostItem": "VWh0dG_liveCostItem",
103
- "heroMain": "VWh0dG_heroMain",
104
- "currencyButton": "VWh0dG_currencyButton",
105
- "chartBar": "VWh0dG_chartBar",
170
+ "rangeButton": "VWh0dG_rangeButton",
171
+ "triggerMeta": "VWh0dG_triggerMeta",
172
+ "heroValue": "VWh0dG_heroValue",
173
+ "triggerPopBars": "VWh0dG_triggerPopBars",
174
+ "subscriptionFillOver": "VWh0dG_subscriptionFillOver",
175
+ "exportBar": "VWh0dG_exportBar",
106
176
  "modelTable": "VWh0dG_modelTable",
107
- "budgetFillOver": "VWh0dG_budgetFillOver",
108
- "modelTableScroll": "VWh0dG_modelTableScroll",
109
- "providerGroup": "VWh0dG_providerGroup",
110
- "bandTag": "VWh0dG_bandTag",
111
- "dashboardTitle": "VWh0dG_dashboardTitle",
112
- "bandPriceOff": "VWh0dG_bandPriceOff",
113
- "healthIdle": "VWh0dG_healthIdle",
114
- "balanceCell": "VWh0dG_balanceCell",
115
- "subscriptionTrack": "VWh0dG_subscriptionTrack",
116
- "roundsBar": "VWh0dG_roundsBar",
117
- "panelTitle": "VWh0dG_panelTitle",
118
- "kpiTile": "VWh0dG_kpiTile",
177
+ "shareTrack": "VWh0dG_shareTrack",
178
+ "chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
179
+ "subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
180
+ "heroSideItem": "VWh0dG_heroSideItem",
119
181
  "rateBadge": "VWh0dG_rateBadge",
120
- "delta": "VWh0dG_delta",
182
+ "roundsBarWrap": "VWh0dG_roundsBarWrap",
183
+ "budgetValue": "VWh0dG_budgetValue",
121
184
  "chartEmpty": "VWh0dG_chartEmpty",
122
- "flatTag": "VWh0dG_flatTag",
123
- "liveCostBar": "VWh0dG_liveCostBar",
124
- "currencyButtonActive": "VWh0dG_currencyButtonActive",
125
- "pricingChevron": "VWh0dG_pricingChevron",
126
- "shareSegAssistant": "VWh0dG_shareSegAssistant",
127
- "providerGroupTitle": "VWh0dG_providerGroupTitle",
128
- "dashboardIn": "VWh0dG_dashboardIn",
129
- "heatmap": "VWh0dG_heatmap",
130
- "healthDot": "VWh0dG_healthDot",
131
- "providerGroupHead": "VWh0dG_providerGroupHead",
132
- "subscriptionPlan": "VWh0dG_subscriptionPlan",
133
- "providerGroupList": "VWh0dG_providerGroupList",
134
- "triggerMonth": "VWh0dG_triggerMonth",
135
- "dashboard": "VWh0dG_dashboard",
136
- "hero": "VWh0dG_hero",
137
- "chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
138
- "subscriptionName": "VWh0dG_subscriptionName",
139
- "tabPanelIn": "VWh0dG_tabPanelIn",
140
- "heroSideValue": "VWh0dG_heroSideValue",
141
- "healthBadgeOk": "VWh0dG_healthBadgeOk",
142
- "triggerPop": "VWh0dG_triggerPop",
185
+ "na": "VWh0dG_na",
186
+ "chartDot": "VWh0dG_chartDot",
187
+ "heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
188
+ "liveQuotaCrit": "VWh0dG_liveQuotaCrit",
189
+ "balanceCell": "VWh0dG_balanceCell",
190
+ "switch": "VWh0dG_switch",
191
+ "estimatedTag": "VWh0dG_estimatedTag",
143
192
  "shareItem": "VWh0dG_shareItem",
193
+ "chartLine": "VWh0dG_chartLine",
194
+ "panelHint": "VWh0dG_panelHint",
195
+ "planTag": "VWh0dG_planTag",
196
+ "heroSideLabel": "VWh0dG_heroSideLabel",
197
+ "shareSegTool": "VWh0dG_shareSegTool",
198
+ "subscriptionFillWarn": "VWh0dG_subscriptionFillWarn",
199
+ "budgetControls": "VWh0dG_budgetControls",
200
+ "heroSideValue": "VWh0dG_heroSideValue",
201
+ "bandTagOff": "VWh0dG_bandTagOff",
202
+ "liveCostBar": "VWh0dG_liveCostBar",
203
+ "providerGroupBadge": "VWh0dG_providerGroupBadge",
204
+ "bandPriceOff": "VWh0dG_bandPriceOff",
205
+ "chartLegendBar": "VWh0dG_chartLegendBar",
144
206
  "subscriptionReset": "VWh0dG_subscriptionReset",
145
- "chartLegendLine": "VWh0dG_chartLegendLine",
207
+ "chartAxisLabel": "VWh0dG_chartAxisLabel",
208
+ "heatmapLegend": "VWh0dG_heatmapLegend",
209
+ "chartTooltip": "VWh0dG_chartTooltip",
146
210
  "budgetFill": "VWh0dG_budgetFill",
147
- "providerGroupMeta": "VWh0dG_providerGroupMeta",
148
- "providerGroupBalance": "VWh0dG_providerGroupBalance",
149
- "providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
150
- "dashboardRight": "VWh0dG_dashboardRight",
151
- "subscriptionStatus": "VWh0dG_subscriptionStatus",
211
+ "modelDot": "VWh0dG_modelDot",
212
+ "bandTag": "VWh0dG_bandTag",
213
+ "dashboardSubtitle": "VWh0dG_dashboardSubtitle",
152
214
  "closeButton": "VWh0dG_closeButton",
153
- "modelName": "VWh0dG_modelName",
154
- "triggerPopBars": "VWh0dG_triggerPopBars",
155
- "dashboardBody": "VWh0dG_dashboardBody",
156
- "triggerDivider": "VWh0dG_triggerDivider",
157
- "triggerMeta": "VWh0dG_triggerMeta",
158
- "deltaUp": "VWh0dG_deltaUp",
159
- "budgetInput": "VWh0dG_budgetInput",
160
- "chartTooltipRow": "VWh0dG_chartTooltipRow",
161
- "roundsFlagBadge": "VWh0dG_roundsFlagBadge",
162
- "modelProvider": "VWh0dG_modelProvider",
163
- "budgetFillWarn": "VWh0dG_budgetFillWarn",
164
- "rateBadgeLive": "VWh0dG_rateBadgeLive",
215
+ "rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
165
216
  "liveCostSep": "VWh0dG_liveCostSep",
166
- "subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
167
- "roundsBarCol": "VWh0dG_roundsBarCol",
168
- "heatmapHover": "VWh0dG_heatmapHover",
169
- "subscriptionWindow": "VWh0dG_subscriptionWindow",
170
- "heroSideLabel": "VWh0dG_heroSideLabel",
171
- "switchKnob": "VWh0dG_switchKnob",
172
- "shareTrack": "VWh0dG_shareTrack",
173
- "shareLegend": "VWh0dG_shareLegend",
174
- "kpiDetail": "VWh0dG_kpiDetail",
175
- "kpiGreen": "VWh0dG_kpiGreen",
176
- "dashboardSubtitle": "VWh0dG_dashboardSubtitle",
177
- "shareSegTool": "VWh0dG_shareSegTool",
178
- "modelDot": "VWh0dG_modelDot",
179
- "rounds": "VWh0dG_rounds",
180
- "roundsBarFlagged": "VWh0dG_roundsBarFlagged",
181
- "roundsEmpty": "VWh0dG_roundsEmpty",
182
- "roundsBars": "VWh0dG_roundsBars",
183
- "trigger": "VWh0dG_trigger",
184
- "balanceDaysLow": "VWh0dG_balanceDaysLow",
185
- "chartTooltip": "VWh0dG_chartTooltip",
186
- "balanceDays": "VWh0dG_balanceDays",
187
- "headTitleRow": "VWh0dG_headTitleRow",
188
- "heroLabel": "VWh0dG_heroLabel",
189
- "healthBadge": "VWh0dG_healthBadge",
190
- "deltaDown": "VWh0dG_deltaDown",
191
- "roundsFlagMark": "VWh0dG_roundsFlagMark",
192
- "roundsAxis": "VWh0dG_roundsAxis",
193
- "bandTagOff": "VWh0dG_bandTagOff",
194
- "kpiValue": "VWh0dG_kpiValue",
195
- "tabButtonActive": "VWh0dG_tabButtonActive",
196
- "triggerToday": "VWh0dG_triggerToday",
197
- "costCol": "VWh0dG_costCol",
217
+ "shareSegAssistant": "VWh0dG_shareSegAssistant",
218
+ "tabNav": "VWh0dG_tabNav",
219
+ "healthDot": "VWh0dG_healthDot",
198
220
  "triggerPopRow": "VWh0dG_triggerPopRow",
199
- "triggerWrap": "VWh0dG_triggerWrap",
200
- "roundsBarWrap": "VWh0dG_roundsBarWrap",
201
- "budgetHead": "VWh0dG_budgetHead",
202
- "triggerPopLabel": "VWh0dG_triggerPopLabel",
203
- "railButton": "VWh0dG_railButton",
204
- "na": "VWh0dG_na",
205
- "budgetTrack": "VWh0dG_budgetTrack",
206
- "heatmapFooter": "VWh0dG_heatmapFooter",
221
+ "kpiGreen": "VWh0dG_kpiGreen",
222
+ "modelTableScroll": "VWh0dG_modelTableScroll",
207
223
  "pricingTable": "VWh0dG_pricingTable",
208
- "exportButton": "VWh0dG_exportButton",
209
- "heroValue": "VWh0dG_heroValue",
210
- "switch": "VWh0dG_switch",
211
- "heroSideItem": "VWh0dG_heroSideItem",
212
- "heatmapGrid": "VWh0dG_heatmapGrid",
213
- "shareValue": "VWh0dG_shareValue",
214
- "chartLegendBar": "VWh0dG_chartLegendBar",
215
- "pricingChevronOpen": "VWh0dG_pricingChevronOpen",
224
+ "heroSide": "VWh0dG_heroSide",
216
225
  "currencyToggle": "VWh0dG_currencyToggle",
217
- "rangeToggle": "VWh0dG_rangeToggle",
218
- "tabPanel": "VWh0dG_tabPanel",
219
- "panelHead": "VWh0dG_panelHead",
220
- "kpiGrid": "VWh0dG_kpiGrid",
221
- "tabButton": "VWh0dG_tabButton",
222
- "modelCell": "VWh0dG_modelCell"
226
+ "roundsFlagBadge": "VWh0dG_roundsFlagBadge",
227
+ "dashboardIn": "VWh0dG_dashboardIn",
228
+ "modelProvider": "VWh0dG_modelProvider",
229
+ "roundsBarLabel": "VWh0dG_roundsBarLabel"
223
230
  };
224
231
  //#endregion
225
232
  //#region src/client/pricing.ts
@@ -234,6 +241,8 @@ window.__ModuleLoader__.load({
234
241
  /** 运行时实时覆盖:undefined = 用内置目录与内置汇率(默认值降级)。 */
235
242
  let liveRate;
236
243
  let livePrices;
244
+ let liveExtraModels;
245
+ let liveCatalogModels;
237
246
  /**
238
247
  * Apply the node half's live pricing snapshot. Absent fields keep the
239
248
  * built-in catalog and rate; callers never fabricate values.
@@ -242,6 +251,16 @@ window.__ModuleLoader__.load({
242
251
  function applyLivePricing(pricing) {
243
252
  liveRate = pricing.rate;
244
253
  livePrices = pricing.prices;
254
+ liveExtraModels = pricing.extraModels;
255
+ }
256
+ /**
257
+ * 注入探活得到的「系统里实际配置/预制的模型」清单(host 的 llm.models 返回
258
+ * groups[].models[],含模型 id/name,无价格)。费率表据此对标现实可用模型——
259
+ * 有价的补价(内置目录 / models.dev 补充),无价的标「未收录」。纯内存状态,
260
+ * 供 `catalogEntries()` 渲染。
261
+ */
262
+ function applyLiveCatalogModels(models) {
263
+ liveCatalogModels = models;
245
264
  }
246
265
  /** 当前汇率:实时覆盖优先,缺省回退内置固定值。 */
247
266
  function currentRate() {
@@ -275,6 +294,61 @@ window.__ModuleLoader__.load({
275
294
  if (timeMs === null || timeMs === void 0 || !Number.isFinite(timeMs)) return "peak";
276
295
  return isPeakHour((new Date(timeMs).getUTCHours() + 8) % 24) ? "peak" : "offPeak";
277
296
  }
297
+ /** 峰谷切换边界(北京时间的当日分钟数):09:00 / 12:00 / 14:00 / 18:00。 */
298
+ const TIER_BOUNDARY_MINUTES = [
299
+ 540,
300
+ 720,
301
+ 840,
302
+ 1080
303
+ ];
304
+ /** 北京时间的当日毫秒数(0–86,400,000)。 */
305
+ function beijingMillisOfDay(timeMs) {
306
+ return ((timeMs + 8 * 36e5) % 864e5 + 864e5) % 864e5;
307
+ }
308
+ /**
309
+ * 当前峰谷档位与距下次切换的时长。导出供测试:纯函数。
310
+ * @param nowMs - 当前时刻(epoch 毫秒)。
311
+ * @returns 当前档位与到下一个切换边界的毫秒数。
312
+ */
313
+ function tierCountdown(nowMs) {
314
+ const dayMs = beijingMillisOfDay(nowMs);
315
+ for (const boundary of TIER_BOUNDARY_MINUTES) {
316
+ const boundaryMs = boundary * 6e4;
317
+ if (dayMs < boundaryMs) return {
318
+ tier: tierAt(nowMs),
319
+ nextSwitchInMs: boundaryMs - dayMs
320
+ };
321
+ }
322
+ return {
323
+ tier: tierAt(nowMs),
324
+ nextSwitchInMs: 864e5 - dayMs + TIER_BOUNDARY_MINUTES[0] * 6e4
325
+ };
326
+ }
327
+ /**
328
+ * 峰/谷切换预告:距下次切换不足 leadMs 时返回即将进入的档位与切换时刻,
329
+ * 否则 null。导出供测试:纯函数。
330
+ * @param nowMs - 当前时刻(epoch 毫秒)。
331
+ * @param leadMs - 提前量(毫秒)。
332
+ */
333
+ function upcomingTierSwitch(nowMs, leadMs) {
334
+ const { nextSwitchInMs } = tierCountdown(nowMs);
335
+ if (nextSwitchInMs > leadMs) return null;
336
+ const atMs = nowMs + nextSwitchInMs;
337
+ return {
338
+ entering: tierAt(atMs),
339
+ atMs
340
+ };
341
+ }
342
+ /**
343
+ * 切换倒计时短格式:`1h23m` / `45m` / `3m`。导出供测试:纯函数。
344
+ * @param ms - 剩余毫秒数。
345
+ */
346
+ function formatSwitchCountdown(ms) {
347
+ const minutes = Math.max(1, Math.ceil(ms / 6e4));
348
+ const hours = Math.floor(minutes / 60);
349
+ const rest = minutes % 60;
350
+ return hours > 0 ? `${hours}h${String(rest).padStart(2, "0")}m` : `${rest}m`;
351
+ }
278
352
  /**
279
353
  * Built-in catalog of current mainstream models as of 2026-08-16, priced from
280
354
  * each provider's official price page. Domestic providers are OpenAI-API
@@ -793,11 +867,13 @@ window.__ModuleLoader__.load({
793
867
  /** Lookup a model by its stats key; falls back to the generic `other` entry. */
794
868
  function modelOf(key) {
795
869
  const resolved = MODEL_KEY_ALIASES[key] ?? key;
796
- const base = MODEL_CATALOG.find((entry) => entry.key === resolved) ?? (() => {
870
+ const found = MODEL_CATALOG.find((entry) => entry.key === resolved);
871
+ const extra = liveExtraModels?.find((item) => item.key === resolved);
872
+ const base = found ?? (extra !== void 0 ? extraEntryOf(extra) : (() => {
797
873
  const fallback = MODEL_CATALOG.at(-1);
798
874
  if (fallback !== void 0) return fallback;
799
875
  throw new Error("MODEL_CATALOG must not be empty");
800
- })();
876
+ })());
801
877
  const live = livePrices?.[resolved];
802
878
  if (live === void 0) return base;
803
879
  return {
@@ -810,6 +886,57 @@ window.__ModuleLoader__.load({
810
886
  }
811
887
  };
812
888
  }
889
+ /** models.dev 补充条目转为目录条目:USD 直价(走汇率换算),无峰谷分档。 */
890
+ function extraEntryOf(extra) {
891
+ return {
892
+ key: extra.key,
893
+ name: extra.name,
894
+ provider: extra.provider,
895
+ colorVar: "dsw-static-neutral-400",
896
+ price: {
897
+ currency: "USD",
898
+ input: extra.price.input,
899
+ cacheHit: extra.price.cacheHit,
900
+ output: extra.price.output
901
+ }
902
+ };
903
+ }
904
+ /**
905
+ * 费率表渲染的完整目录:内置 + models.dev 补充条目 + 探活模型(无价标记)。
906
+ * 探活模型去重(按归一化 id):内置/补充已有的不再重复;无价的保留并标记
907
+ * `uncatalogued`,费率表据此显示「未收录」。
908
+ */
909
+ function catalogEntries() {
910
+ const entries = [...MODEL_CATALOG, ...(liveExtraModels ?? []).map(extraEntryOf)];
911
+ const known = new Set(entries.map((entry) => entry.key.toLowerCase()));
912
+ for (const model of liveCatalogModels ?? []) {
913
+ const rawKey = model.id.toLowerCase();
914
+ if ((() => {
915
+ const aliasKey = MODEL_KEY_ALIASES[model.id] ?? model.id;
916
+ return MODEL_CATALOG.find((item) => item.key === aliasKey);
917
+ })() !== void 0) continue;
918
+ if (known.has(rawKey)) continue;
919
+ const extra = (liveExtraModels ?? []).find((item) => item.key === rawKey);
920
+ let entry;
921
+ if (extra !== void 0) entry = { ...extraEntryOf(extra) };
922
+ else entry = {
923
+ key: MODEL_KEY_ALIASES[model.id] ?? model.id,
924
+ name: model.name ?? model.id,
925
+ provider: model.provider,
926
+ colorVar: "dsw-static-neutral-400",
927
+ price: {
928
+ currency: "USD",
929
+ input: 0,
930
+ cacheHit: 0,
931
+ output: 0
932
+ },
933
+ uncatalogued: true
934
+ };
935
+ known.add(entry.key.toLowerCase());
936
+ entries.push(entry);
937
+ }
938
+ return entries;
939
+ }
813
940
  /** Resolve a price-table row by its CSS variable name (theme token or fallback color). */
814
941
  function resolveToken(name) {
815
942
  const value = getComputedStyle(document.documentElement).getPropertyValue(`--${name}`).trim();
@@ -1816,7 +1943,7 @@ window.__ModuleLoader__.load({
1816
1943
  /** Path to the account-balance endpoint served by this plugin's node half. */
1817
1944
  const BALANCE_PATH = "/api/billing/balance";
1818
1945
  /** Path to the subscription-plan quota endpoint served by this plugin's node half. */
1819
- const SUBSCRIPTIONS_PATH = "/api/billing/subscriptions";
1946
+ const SUBSCRIPTIONS_PATH$1 = "/api/billing/subscriptions";
1820
1947
  /** 弹窗打开期间统计与定价的自动刷新间隔(毫秒)。 */
1821
1948
  const STATS_REFRESH_INTERVAL_MS = 3e4;
1822
1949
  /**
@@ -1938,7 +2065,7 @@ window.__ModuleLoader__.load({
1938
2065
  */
1939
2066
  async function fetchSubscriptions() {
1940
2067
  try {
1941
- const response = await fetch(SUBSCRIPTIONS_PATH);
2068
+ const response = await fetch(SUBSCRIPTIONS_PATH$1);
1942
2069
  if (!response.ok) return [];
1943
2070
  const text = await response.text();
1944
2071
  const parsed = JSON.parse(text);
@@ -2228,13 +2355,25 @@ window.__ModuleLoader__.load({
2228
2355
  if (list === void 0) modelsByVendor.set(row.provider, [row]);
2229
2356
  else list.push(row);
2230
2357
  }
2231
- return [...new Set([...modelsByVendor.keys(), ...subscriptionsByVendor.keys()])].map((name) => ({
2358
+ const groups = [...new Set([...modelsByVendor.keys(), ...subscriptionsByVendor.keys()])].map((name) => ({
2232
2359
  name,
2233
2360
  models: modelsByVendor.get(name) ?? [],
2234
2361
  subscriptions: subscriptionsByVendor.get(name) ?? [],
2235
2362
  balance: balanceFor(name),
2236
2363
  dot: providerDot(health, name)
2237
- })).sort((a, b) => {
2364
+ }));
2365
+ const claimed = new Set(groups.map((group) => normalizeProvider(group.name)));
2366
+ for (const balance of balances) {
2367
+ if (claimed.has(normalizeProvider(balance.provider))) continue;
2368
+ if (balance.error === void 0 || balance.provider.startsWith("custom:")) groups.push({
2369
+ name: balance.displayName,
2370
+ models: [],
2371
+ subscriptions: [],
2372
+ balance,
2373
+ dot: providerDot(health, balance.displayName)
2374
+ });
2375
+ }
2376
+ return groups.sort((a, b) => {
2238
2377
  const costOf = (group) => group.models.reduce((sum, m) => sum + (m.actual ?? m.estimated), 0);
2239
2378
  const diff = costOf(b) - costOf(a);
2240
2379
  if (diff !== 0) return diff;
@@ -2915,31 +3054,35 @@ window.__ModuleLoader__.load({
2915
3054
  className: UsageBilling_module_css_default.subscriptionStatus,
2916
3055
  children: t("billing.subscriptionNoApi")
2917
3056
  }),
2918
- quota.windows.map((window) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
2919
- className: UsageBilling_module_css_default.subscriptionWindow,
2920
- children: [
2921
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2922
- className: UsageBilling_module_css_default.subscriptionWindowLabel,
2923
- children: subscriptionWindowLabel(window.kind, t)
2924
- }),
2925
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2926
- className: UsageBilling_module_css_default.subscriptionTrack,
2927
- "aria-hidden": "true",
2928
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2929
- className: UsageBilling_module_css_default.subscriptionFill,
2930
- style: { width: `${Math.min(100, Math.max(0, window.remainingPercent))}%` }
3057
+ quota.windows.map((window) => (() => {
3058
+ const used = Math.min(100, Math.max(0, window.usedPercent));
3059
+ const exhausted = Math.min(100, Math.max(0, window.remainingPercent)) <= 0;
3060
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
3061
+ className: UsageBilling_module_css_default.subscriptionWindow,
3062
+ children: [
3063
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3064
+ className: UsageBilling_module_css_default.subscriptionWindowLabel,
3065
+ children: subscriptionWindowLabel(window.kind, t)
3066
+ }),
3067
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3068
+ className: UsageBilling_module_css_default.subscriptionTrack,
3069
+ "aria-hidden": "true",
3070
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3071
+ className: clsx(UsageBilling_module_css_default.subscriptionFill, used >= 100 && UsageBilling_module_css_default.subscriptionFillOver, used >= 80 && used < 100 && UsageBilling_module_css_default.subscriptionFillWarn),
3072
+ style: { width: `${used}%` }
3073
+ })
3074
+ }),
3075
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3076
+ className: clsx(UsageBilling_module_css_default.subscriptionPct, exhausted && UsageBilling_module_css_default.subscriptionExhausted),
3077
+ children: exhausted ? t("billing.subscriptionExhausted") : t("billing.subscriptionRemaining").replace("{pct}", String(window.remainingPercent))
3078
+ }),
3079
+ window.resetsAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3080
+ className: UsageBilling_module_css_default.subscriptionReset,
3081
+ children: t("billing.subscriptionReset").replace("{date}", window.resetsAt.slice(0, 10))
2931
3082
  })
2932
- }),
2933
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2934
- className: UsageBilling_module_css_default.subscriptionPct,
2935
- children: t("billing.subscriptionRemaining").replace("{pct}", String(window.remainingPercent))
2936
- }),
2937
- window.resetsAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2938
- className: UsageBilling_module_css_default.subscriptionReset,
2939
- children: t("billing.subscriptionReset").replace("{date}", window.resetsAt.slice(0, 10))
2940
- })
2941
- ]
2942
- }, window.kind))
3083
+ ]
3084
+ }, window.kind);
3085
+ })())
2943
3086
  ]
2944
3087
  }, quota.provider);
2945
3088
  })
@@ -3204,65 +3347,81 @@ window.__ModuleLoader__.load({
3204
3347
  children: t("billing.output")
3205
3348
  }),
3206
3349
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("billing.band") })
3207
- ] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: MODEL_CATALOG.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
3208
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3209
- className: UsageBilling_module_css_default.modelCell,
3210
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3211
- className: UsageBilling_module_css_default.modelDot,
3212
- style: { background: resolveToken(entry.colorVar) }
3213
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3214
- className: UsageBilling_module_css_default.modelName,
3215
- children: entry.name
3216
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3217
- className: UsageBilling_module_css_default.modelProvider,
3218
- children: entry.provider
3219
- })] })]
3220
- }) }),
3221
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
3222
- className: UsageBilling_module_css_default.numCol,
3223
- children: entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3224
- className: UsageBilling_module_css_default.bandPrice,
3225
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.input, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3226
- className: UsageBilling_module_css_default.bandPriceOff,
3227
- children: formatUnitPrice(entry.price.offPeak.input, entry.price.currency)
3228
- })]
3229
- }) : formatUnitPrice(entry.price.input, entry.price.currency)
3230
- }),
3231
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
3232
- className: UsageBilling_module_css_default.numCol,
3233
- children: entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3234
- className: UsageBilling_module_css_default.bandPrice,
3235
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.cacheHit, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3236
- className: UsageBilling_module_css_default.bandPriceOff,
3237
- children: formatUnitPrice(entry.price.offPeak.cacheHit, entry.price.currency)
3238
- })]
3239
- }) : formatUnitPrice(entry.price.cacheHit, entry.price.currency)
3240
- }),
3241
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
3242
- className: UsageBilling_module_css_default.numCol,
3243
- children: entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3244
- className: UsageBilling_module_css_default.bandPrice,
3245
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.output, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3246
- className: UsageBilling_module_css_default.bandPriceOff,
3247
- children: formatUnitPrice(entry.price.offPeak.output, entry.price.currency)
3350
+ ] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: catalogEntries().map((entry) => {
3351
+ const hasPrice = entry.price.input > 0 || entry.price.output > 0;
3352
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
3353
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3354
+ className: UsageBilling_module_css_default.modelCell,
3355
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3356
+ className: UsageBilling_module_css_default.modelDot,
3357
+ style: { background: resolveToken(entry.colorVar) }
3358
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3359
+ className: UsageBilling_module_css_default.modelName,
3360
+ children: [entry.name, entry.uncatalogued && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3361
+ className: UsageBilling_module_css_default.uncataloguedTag,
3362
+ "data-testid": "billing-price-uncatalogued",
3363
+ children: t("billing.uncatalogued")
3364
+ })]
3365
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3366
+ className: UsageBilling_module_css_default.modelProvider,
3367
+ children: entry.provider
3368
+ })] })]
3369
+ }) }),
3370
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
3371
+ className: UsageBilling_module_css_default.numCol,
3372
+ children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3373
+ className: UsageBilling_module_css_default.bandPrice,
3374
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.input, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3375
+ className: UsageBilling_module_css_default.bandPriceOff,
3376
+ children: formatUnitPrice(entry.price.offPeak.input, entry.price.currency)
3377
+ })]
3378
+ }) : formatUnitPrice(entry.price.input, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3379
+ className: UsageBilling_module_css_default.na,
3380
+ children: "—"
3381
+ })
3382
+ }),
3383
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
3384
+ className: UsageBilling_module_css_default.numCol,
3385
+ children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3386
+ className: UsageBilling_module_css_default.bandPrice,
3387
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.cacheHit, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3388
+ className: UsageBilling_module_css_default.bandPriceOff,
3389
+ children: formatUnitPrice(entry.price.offPeak.cacheHit, entry.price.currency)
3390
+ })]
3391
+ }) : formatUnitPrice(entry.price.cacheHit, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3392
+ className: UsageBilling_module_css_default.na,
3393
+ children: "—"
3394
+ })
3395
+ }),
3396
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
3397
+ className: UsageBilling_module_css_default.numCol,
3398
+ children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3399
+ className: UsageBilling_module_css_default.bandPrice,
3400
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.output, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3401
+ className: UsageBilling_module_css_default.bandPriceOff,
3402
+ children: formatUnitPrice(entry.price.offPeak.output, entry.price.currency)
3403
+ })]
3404
+ }) : formatUnitPrice(entry.price.output, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3405
+ className: UsageBilling_module_css_default.na,
3406
+ children: "—"
3407
+ })
3408
+ }),
3409
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: entry.price.offPeak !== void 0 && entry.peakHours !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3410
+ className: UsageBilling_module_css_default.bandTag,
3411
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
3412
+ t("billing.peak"),
3413
+ " ",
3414
+ entry.peakHours
3415
+ ] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3416
+ className: UsageBilling_module_css_default.bandTagOff,
3417
+ children: [t("billing.offPeak"), " 50%"]
3248
3418
  })]
3249
- }) : formatUnitPrice(entry.price.output, entry.price.currency)
3250
- }),
3251
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: entry.price.offPeak !== void 0 && entry.peakHours !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3252
- className: UsageBilling_module_css_default.bandTag,
3253
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
3254
- t("billing.peak"),
3255
- " ",
3256
- entry.peakHours
3257
- ] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3258
- className: UsageBilling_module_css_default.bandTagOff,
3259
- children: [t("billing.offPeak"), " 50%"]
3260
- })]
3261
- }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3262
- className: UsageBilling_module_css_default.flatTag,
3263
- children: t("billing.flat")
3264
- }) })
3265
- ] }, entry.key)) })]
3419
+ }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3420
+ className: UsageBilling_module_css_default.flatTag,
3421
+ children: t("billing.flat")
3422
+ }) })
3423
+ ] }, entry.key);
3424
+ }) })]
3266
3425
  })
3267
3426
  })]
3268
3427
  })
@@ -3321,7 +3480,9 @@ window.__ModuleLoader__.load({
3321
3480
  (0, react.useEffect)(() => {
3322
3481
  let mounted = true;
3323
3482
  checkModels().then((result) => {
3324
- if (mounted) setHealth(result);
3483
+ if (!mounted) return;
3484
+ setHealth(result);
3485
+ applyLiveCatalogModels(result.catalog ?? []);
3325
3486
  });
3326
3487
  return () => {
3327
3488
  mounted = false;
@@ -3335,6 +3496,7 @@ window.__ModuleLoader__.load({
3335
3496
  const budgetEnabled = useStore((s) => s.enabled);
3336
3497
  const budgetAmount = useStore((s) => s.amount);
3337
3498
  const tierAlertDays = useStore((s) => s.tierAlertDays);
3499
+ const lastTierSwitchAt = useStore((s) => s.lastTierSwitchAt);
3338
3500
  const effectiveBudget = budgetAmount > 0 ? budgetAmount : stats.budget ?? 0;
3339
3501
  const toggleBudget = (0, react.useCallback)(() => {
3340
3502
  const next = !budgetEnabled;
@@ -3362,6 +3524,24 @@ window.__ModuleLoader__.load({
3362
3524
  actions,
3363
3525
  t
3364
3526
  ]);
3527
+ (0, react.useEffect)(() => {
3528
+ const leadMs = 2 * 6e4;
3529
+ const now = Date.now();
3530
+ const upcoming = upcomingTierSwitch(now, leadMs);
3531
+ if (upcoming === null) return;
3532
+ if (upcoming.atMs === lastTierSwitchAt) return;
3533
+ actions.markTierSwitchAlerted(upcoming.atMs);
3534
+ if (typeof Notification === "undefined" || Notification.permission !== "granted") return;
3535
+ const minutes = Math.max(1, Math.round((upcoming.atMs - now) / 6e4));
3536
+ const body = upcoming.entering === "peak" ? t("billing.tierAlertEnterPeak").replace("{minutes}", String(minutes)) : t("billing.tierAlertEnterOff").replace("{minutes}", String(minutes));
3537
+ try {
3538
+ new Notification(t("billing.budget"), { body });
3539
+ } catch {}
3540
+ }, [
3541
+ lastTierSwitchAt,
3542
+ actions,
3543
+ t
3544
+ ]);
3365
3545
  const lastBalanceAlertDay = useStore((s) => s.lastBalanceAlertDay);
3366
3546
  const lowBalanceRow = (0, react.useMemo)(() => {
3367
3547
  if (balances.length === 0) return void 0;
@@ -3450,6 +3630,11 @@ window.__ModuleLoader__.load({
3450
3630
  * the current session id off the framework snapshot (`useSession` parent of
3451
3631
  * `sessionId`) and matches `bySession` (session total) and `byTurn` (latest
3452
3632
  * turn cost). Rendering is a pure function of the snapshot, never a side effect.
3633
+ *
3634
+ * The bar also carries two ambient signals: the current peak/off-peak pricing
3635
+ * tier with a switch countdown (DeepSeek time-of-day pricing), and quota chips
3636
+ * for subscription plans running low (≤20% remaining), so cost pressure is
3637
+ * visible without opening the dashboard.
3453
3638
  */
3454
3639
  /**
3455
3640
  * 当前会话累计费用:bySession 里会话 id 匹配的那行;缺省为 0。
@@ -3483,8 +3668,31 @@ window.__ModuleLoader__.load({
3483
3668
  }
3484
3669
  return latest;
3485
3670
  }
3671
+ /**
3672
+ * 低额度预警 chips:查询成功(ok)且任一窗口剩余 ≤ threshold 的套餐,
3673
+ * 按剩余升序、最多 3 枚。导出供测试:纯函数。
3674
+ * @param quotas - 订阅额度行切片。
3675
+ * @param threshold - 剩余百分比阈值(默认 20%)。
3676
+ */
3677
+ function lowQuotaChips(quotas, threshold = 20) {
3678
+ const chips = [];
3679
+ for (const quota of quotas) {
3680
+ if (quota.status !== "ok") continue;
3681
+ for (const win of quota.windows) {
3682
+ if (win.remainingPercent > threshold) continue;
3683
+ chips.push({
3684
+ name: quota.displayName,
3685
+ kind: win.kind,
3686
+ pct: win.remainingPercent
3687
+ });
3688
+ }
3689
+ }
3690
+ return chips.sort((a, b) => a.pct - b.pct).slice(0, 3);
3691
+ }
3486
3692
  /** Endpoint the node half serves (same constant the dashboard uses). */
3487
3693
  const USAGE_STATS_PATH = "/api/billing/usage-stats";
3694
+ /** 订阅额度端点(额度预警 chips 的数据源)。 */
3695
+ const SUBSCRIPTIONS_PATH = "/api/billing/subscriptions";
3488
3696
  /** Refresh cadence (ms): matching the dashboard so the bar stays current. */
3489
3697
  const REFRESH_INTERVAL_MS = 3e4;
3490
3698
  /** Load the thin stats slice; null when the endpoint does not answer valid JSON. */
@@ -3504,6 +3712,28 @@ window.__ModuleLoader__.load({
3504
3712
  return null;
3505
3713
  }
3506
3714
  }
3715
+ /** Load subscription quota slices; empty list on any failure. */
3716
+ async function loadQuotas() {
3717
+ try {
3718
+ const response = await fetch(SUBSCRIPTIONS_PATH);
3719
+ if (!response.ok) return [];
3720
+ const parsed = JSON.parse(await response.text());
3721
+ if (parsed === null || typeof parsed !== "object" || !("quotas" in parsed)) return [];
3722
+ const quotas = parsed.quotas;
3723
+ return Array.isArray(quotas) ? quotas : [];
3724
+ } catch {
3725
+ return [];
3726
+ }
3727
+ }
3728
+ /** 额度窗口类型 → 文案 key(本次 / 本周 / 本月 / 计费周期)。 */
3729
+ function windowLabelKey(kind) {
3730
+ switch (kind) {
3731
+ case "session": return "billing.subscriptionSession";
3732
+ case "weekly": return "billing.subscriptionWeekly";
3733
+ case "monthly": return "billing.subscriptionMonthly";
3734
+ default: return "billing.subscriptionBilling";
3735
+ }
3736
+ }
3507
3737
  /**
3508
3738
  * Render the live cost ticker for the current session.
3509
3739
  * @param props - framework session snapshot hook and locale.
@@ -3511,12 +3741,18 @@ window.__ModuleLoader__.load({
3511
3741
  function LiveCostBar({ useSession, t }) {
3512
3742
  const sessionId = useSession((s) => s.sessionId);
3513
3743
  const [stats, setStats] = (0, react.useState)(null);
3744
+ const [quotas, setQuotas] = (0, react.useState)([]);
3745
+ const [nowMs, setNowMs] = (0, react.useState)(() => Date.now());
3514
3746
  (0, react.useEffect)(() => {
3515
3747
  let cancelled = false;
3516
3748
  const load = () => {
3517
3749
  loadLiveStats().then((data) => {
3518
3750
  if (!cancelled && data !== null) setStats(data);
3519
3751
  });
3752
+ loadQuotas().then((list) => {
3753
+ if (!cancelled) setQuotas(list);
3754
+ });
3755
+ if (!cancelled) setNowMs(Date.now());
3520
3756
  };
3521
3757
  load();
3522
3758
  const timer = setInterval(load, REFRESH_INTERVAL_MS);
@@ -3527,35 +3763,72 @@ window.__ModuleLoader__.load({
3527
3763
  }, [sessionId]);
3528
3764
  const sessionCost = (0, react.useMemo)(() => sessionCostOf(stats, sessionId), [stats, sessionId]);
3529
3765
  const turnCost = (0, react.useMemo)(() => turnCostOf(stats, sessionId), [stats, sessionId]);
3766
+ const tier = tierCountdown(nowMs);
3767
+ const chips = (0, react.useMemo)(() => lowQuotaChips(quotas), [quotas]);
3530
3768
  const money = (cny) => formatMoney(cny, "cny");
3531
- if (sessionId === void 0 || sessionCost <= 0 && turnCost <= 0) return null;
3769
+ if (sessionId === void 0) return null;
3770
+ const hasCost = sessionCost > 0 || turnCost > 0;
3532
3771
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3533
3772
  className: UsageBilling_module_css_default.liveCostBar,
3534
3773
  "data-testid": "billing-live-cost-bar",
3535
3774
  children: [
3536
3775
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3537
- className: UsageBilling_module_css_default.liveCostItem,
3538
- "data-testid": "billing-live-turn",
3776
+ className: tier.tier === "peak" ? UsageBilling_module_css_default.liveTierPeak : UsageBilling_module_css_default.liveTierOff,
3777
+ "data-testid": "billing-live-tier",
3539
3778
  children: [
3540
- t("billing.liveTurn"),
3779
+ tier.tier === "peak" ? t("billing.tierPeak") : t("billing.tierOff"),
3780
+ " · ",
3781
+ formatSwitchCountdown(tier.nextSwitchInMs),
3541
3782
  " ",
3542
- money(turnCost)
3783
+ tier.tier === "peak" ? t("billing.tierToOff") : t("billing.tierToPeak")
3543
3784
  ]
3544
3785
  }),
3545
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3786
+ hasCost && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
3787
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3788
+ className: UsageBilling_module_css_default.liveCostSep,
3789
+ "aria-hidden": "true",
3790
+ children: "·"
3791
+ }),
3792
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3793
+ className: UsageBilling_module_css_default.liveCostItem,
3794
+ "data-testid": "billing-live-turn",
3795
+ children: [
3796
+ t("billing.liveTurn"),
3797
+ " ",
3798
+ money(turnCost)
3799
+ ]
3800
+ }),
3801
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3802
+ className: UsageBilling_module_css_default.liveCostSep,
3803
+ "aria-hidden": "true",
3804
+ children: "·"
3805
+ }),
3806
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3807
+ className: UsageBilling_module_css_default.liveCostItem,
3808
+ "data-testid": "billing-live-session",
3809
+ children: [
3810
+ t("billing.liveSession"),
3811
+ " ",
3812
+ money(sessionCost)
3813
+ ]
3814
+ })
3815
+ ] }),
3816
+ chips.map((chip) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3546
3817
  className: UsageBilling_module_css_default.liveCostSep,
3547
3818
  "aria-hidden": "true",
3548
3819
  children: "·"
3549
- }),
3550
- /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3551
- className: UsageBilling_module_css_default.liveCostItem,
3552
- "data-testid": "billing-live-session",
3820
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3821
+ className: chip.pct <= 10 ? UsageBilling_module_css_default.liveQuotaCrit : UsageBilling_module_css_default.liveQuotaWarn,
3822
+ "data-testid": "billing-live-quota",
3553
3823
  children: [
3554
- t("billing.liveSession"),
3824
+ chip.name,
3555
3825
  " ",
3556
- money(sessionCost)
3826
+ t(windowLabelKey(chip.kind)),
3827
+ " ",
3828
+ chip.pct,
3829
+ "%"
3557
3830
  ]
3558
- })
3831
+ })] }, `${chip.name}:${chip.kind}`))
3559
3832
  ]
3560
3833
  });
3561
3834
  }
@@ -3631,6 +3904,7 @@ window.__ModuleLoader__.load({
3631
3904
  "billing.subscriptionMonthly": "本月",
3632
3905
  "billing.subscriptionBilling": "计费周期",
3633
3906
  "billing.subscriptionRemaining": "剩余 {pct}%",
3907
+ "billing.subscriptionExhausted": "已用尽",
3634
3908
  "billing.subscriptionReset": "{date} 重置",
3635
3909
  "billing.subscriptionNoApi": "该厂商暂未提供用量查询接口",
3636
3910
  "billing.heatmapLess": "少",
@@ -3664,7 +3938,13 @@ window.__ModuleLoader__.load({
3664
3938
  "billing.roleUser": "用户输入",
3665
3939
  "billing.roleAssistant": "助手输出",
3666
3940
  "billing.roleTool": "工具结果",
3667
- "billing.roleHint": "估算:输出按实测计价,输入按消息长度摊分"
3941
+ "billing.roleHint": "估算:输出按实测计价,输入按消息长度摊分",
3942
+ "billing.tierPeak": "峰时",
3943
+ "billing.tierOff": "平价",
3944
+ "billing.tierToPeak": "后转峰时",
3945
+ "billing.tierToOff": "后转平价",
3946
+ "billing.tierAlertEnterPeak": "{minutes} 分钟后进入峰时(DeepSeek 高峰价 ×2),不急的调用可稍等",
3947
+ "billing.tierAlertEnterOff": "{minutes} 分钟后进入平价(价格减半)"
3668
3948
  };
3669
3949
  const en = {
3670
3950
  "billing.title": "Usage",
@@ -3735,6 +4015,7 @@ window.__ModuleLoader__.load({
3735
4015
  "billing.subscriptionMonthly": "Monthly",
3736
4016
  "billing.subscriptionBilling": "Billing",
3737
4017
  "billing.subscriptionRemaining": "{pct}% left",
4018
+ "billing.subscriptionExhausted": "Exhausted",
3738
4019
  "billing.subscriptionReset": "Resets {date}",
3739
4020
  "billing.subscriptionNoApi": "Provider does not offer a usage API",
3740
4021
  "billing.heatmapLess": "Less",
@@ -3768,7 +4049,13 @@ window.__ModuleLoader__.load({
3768
4049
  "billing.roleUser": "User input",
3769
4050
  "billing.roleAssistant": "Assistant output",
3770
4051
  "billing.roleTool": "Tool results",
3771
- "billing.roleHint": "Estimated: output priced exactly, input split by message size"
4052
+ "billing.roleHint": "Estimated: output priced exactly, input split by message size",
4053
+ "billing.tierPeak": "Peak",
4054
+ "billing.tierOff": "Off-peak",
4055
+ "billing.tierToPeak": "until peak",
4056
+ "billing.tierToOff": "until off-peak",
4057
+ "billing.tierAlertEnterPeak": "Peak pricing (2x) starts in {minutes} min — non-urgent calls can wait",
4058
+ "billing.tierAlertEnterOff": "Off-peak pricing (50% off) starts in {minutes} min"
3772
4059
  };
3773
4060
  //#endregion
3774
4061
  //#region src/client/billing-service.ts
@@ -3820,7 +4107,8 @@ window.__ModuleLoader__.load({
3820
4107
  enabled: false,
3821
4108
  amount: 0,
3822
4109
  tierAlertDays: {},
3823
- lastBalanceAlertDay: ""
4110
+ lastBalanceAlertDay: "",
4111
+ lastTierSwitchAt: 0
3824
4112
  }),
3825
4113
  persist: "dsh.ui-usage-billing.budget",
3826
4114
  actions: {
@@ -3836,6 +4124,9 @@ window.__ModuleLoader__.load({
3836
4124
  },
3837
4125
  markBalanceAlerted: (d, day) => {
3838
4126
  d.lastBalanceAlertDay = day;
4127
+ },
4128
+ markTierSwitchAlerted: (d, at) => {
4129
+ d.lastTierSwitchAt = at;
3839
4130
  }
3840
4131
  }
3841
4132
  });
@@ -3882,13 +4173,20 @@ window.__ModuleLoader__.load({
3882
4173
  okProviders: [],
3883
4174
  badProviders: []
3884
4175
  };
4176
+ const catalog = [];
4177
+ for (const group of result.value.groups) for (const model of group.models) catalog.push({
4178
+ id: model.id,
4179
+ ...typeof model.name === "string" && model.name !== "" ? { name: model.name } : {},
4180
+ provider: group.name
4181
+ });
3885
4182
  return {
3886
4183
  checked: true,
3887
4184
  available: result.value.groups.length > 0,
3888
4185
  models: result.value.groups.reduce((sum, group) => sum + group.models.length, 0),
3889
4186
  failures: result.value.failures.length,
3890
4187
  okProviders: result.value.groups.map((group) => group.name),
3891
- badProviders: result.value.failures.map((failure) => failure.name)
4188
+ badProviders: result.value.failures.map((failure) => failure.name),
4189
+ catalog
3892
4190
  };
3893
4191
  } catch {
3894
4192
  return {