@kenz1117/dsh-ui-usage-billing 0.6.0 → 0.8.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.
Files changed (15) hide show
  1. package/README.md +13 -5
  2. package/lib/client.js +775 -284
  3. package/lib/index.js +462 -19
  4. package/lib/types/balance.d.ts +17 -1
  5. package/lib/types/client/UsageBilling.d.ts +3 -0
  6. package/lib/types/client/budget-store.d.ts +3 -0
  7. package/lib/types/client/live-cost.d.ts +27 -1
  8. package/lib/types/client/locales.d.ts +1 -1
  9. package/lib/types/client/plan-knowledge.d.ts +41 -0
  10. package/lib/types/client/pricing.d.ts +53 -0
  11. package/lib/types/index.d.ts +3 -1
  12. package/lib/types/plans.d.ts +39 -0
  13. package/lib/types/pricing-fetch.d.ts +9 -1
  14. package/lib/types/pricing-shared.d.ts +58 -0
  15. package/package.json +1 -1
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_heroGauge{flex:none;width:108px;height:108px;position:relative}.VWh0dG_heroGaugeSvg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.VWh0dG_heroGaugeTrack{fill:none;stroke:var(--dsw-alias-bg-module-platform);stroke-width:10px}.VWh0dG_heroGaugeArc{fill:none;stroke:url(#heroGaugeGradient);stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray .26s}.VWh0dG_heroGaugeArcOver{stroke:var(--dsw-static-red-500)}.VWh0dG_heroGaugeCenter{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.VWh0dG_heroGaugePct{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);font-size:22px;font-weight:700;line-height:26px}.VWh0dG_heroGaugePctOver{color:var(--dsw-static-red-500)}.VWh0dG_heroGaugeLabel{color:var(--dsw-alias-label-tertiary);font-size:10.5px;line-height:14px}.VWh0dG_heroSide{border-left:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;gap:8px;padding-left:24px;display:flex}.VWh0dG_heroSideItem{flex-direction:column;gap:2px;display:flex}.VWh0dG_heroSideLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11px;line-height:15px}.VWh0dG_heroSideValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;align-items:baseline;gap:6px;font-size:17px;font-weight:600;line-height:23px;display:inline-flex}.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;letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:28px}.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;transition:border-color .16s;display:flex}.VWh0dG_panelHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_panelTitle{letter-spacing:-.005em;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_bandTag>span:first-child{color:var(--dsw-alias-label-primary);font-weight:500}.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:10px;padding:12px 14px}.VWh0dG_subscriptionHead{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.VWh0dG_subscriptionName{font-size:13px;font-weight:700}.VWh0dG_subscriptionPlan{color:var(--dsw-alias-text-secondary,#9aa5b1);font-size:11px}.VWh0dG_subscriptionPlan[data-kind=code],.VWh0dG_subscriptionPlan[data-kind=token]{color:var(--dsw-alias-label-secondary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 12%, transparent);border-radius:999px;padding:1px 8px;font-weight:500}.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_heroGauge{width:96px;height:96px;position:absolute;top:20px;right:24px}.VWh0dG_heroMain{padding-right:112px}.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}.VWh0dG_heroSideItem{flex-direction:row;align-items:baseline;gap:8px}}";
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,194 +34,274 @@ 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",
37
+ "railButton": "VWh0dG_railButton",
38
+ "tableScroll": "VWh0dG_tableScroll",
39
+ "triggerPopBar": "VWh0dG_triggerPopBar",
40
+ "heroSide": "VWh0dG_heroSide",
41
41
  "chartGrid": "VWh0dG_chartGrid",
42
- "chartLegend": "VWh0dG_chartLegend",
43
- "triggerIcon": "VWh0dG_triggerIcon",
44
- "chartSvg": "VWh0dG_chartSvg",
45
- "budgetUnit": "VWh0dG_budgetUnit",
46
- "shareDot": "VWh0dG_shareDot",
42
+ "rateBadgeLive": "VWh0dG_rateBadgeLive",
47
43
  "healthBad": "VWh0dG_healthBad",
48
- "pricingToggleText": "VWh0dG_pricingToggleText",
49
- "rangeButton": "VWh0dG_rangeButton",
50
- "planTag": "VWh0dG_planTag",
51
- "chartWrap": "VWh0dG_chartWrap",
52
- "heatmapCell": "VWh0dG_heatmapCell",
53
- "budgetControls": "VWh0dG_budgetControls",
54
- "kpiLabel": "VWh0dG_kpiLabel",
55
- "triggerAmountSub": "VWh0dG_triggerAmountSub",
56
- "budgetLabel": "VWh0dG_budgetLabel",
44
+ "triggerWrap": "VWh0dG_triggerWrap",
45
+ "panelHint": "VWh0dG_panelHint",
46
+ "exportLabel": "VWh0dG_exportLabel",
47
+ "currencyButton": "VWh0dG_currencyButton",
48
+ "subscriptionGrid": "VWh0dG_subscriptionGrid",
57
49
  "rangeButtonActive": "VWh0dG_rangeButtonActive",
58
- "numCol": "VWh0dG_numCol",
59
- "panel": "VWh0dG_panel",
50
+ "budgetFillWarn": "VWh0dG_budgetFillWarn",
51
+ "subscriptionFillWarn": "VWh0dG_subscriptionFillWarn",
52
+ "subscriptionPct": "VWh0dG_subscriptionPct",
53
+ "roundsBarLabel": "VWh0dG_roundsBarLabel",
54
+ "roundsEmpty": "VWh0dG_roundsEmpty",
55
+ "heatmap": "VWh0dG_heatmap",
60
56
  "chartAxisLabel": "VWh0dG_chartAxisLabel",
61
- "budgetInputWrap": "VWh0dG_budgetInputWrap",
62
- "shareSeg": "VWh0dG_shareSeg",
63
- "chartTooltipDate": "VWh0dG_chartTooltipDate",
57
+ "bandPriceOff": "VWh0dG_bandPriceOff",
58
+ "subscriptionCard": "VWh0dG_subscriptionCard",
59
+ "triggerPop": "VWh0dG_triggerPop",
60
+ "liveTierOff": "VWh0dG_liveTierOff",
61
+ "exportButton": "VWh0dG_exportButton",
62
+ "subscriptionReset": "VWh0dG_subscriptionReset",
63
+ "subscriptionTrack": "VWh0dG_subscriptionTrack",
64
+ "dashboardTitle": "VWh0dG_dashboardTitle",
65
+ "providerGroupBalance": "VWh0dG_providerGroupBalance",
66
+ "chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
67
+ "switch": "VWh0dG_switch",
68
+ "roundsBarWrap": "VWh0dG_roundsBarWrap",
69
+ "heroGaugeSvg": "VWh0dG_heroGaugeSvg",
70
+ "shareSegAssistant": "VWh0dG_shareSegAssistant",
71
+ "triggerToday": "VWh0dG_triggerToday",
72
+ "heatmapCell": "VWh0dG_heatmapCell",
73
+ "providerGroupList": "VWh0dG_providerGroupList",
74
+ "heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
75
+ "liveQuotaCrit": "VWh0dG_liveQuotaCrit",
76
+ "exportBar": "VWh0dG_exportBar",
77
+ "budgetUnit": "VWh0dG_budgetUnit",
78
+ "chartCrosshair": "VWh0dG_chartCrosshair",
64
79
  "subscriptionHead": "VWh0dG_subscriptionHead",
65
- "emptyRow": "VWh0dG_emptyRow",
66
- "uncataloguedTag": "VWh0dG_uncataloguedTag",
80
+ "pricingTable": "VWh0dG_pricingTable",
81
+ "heroGaugePctOver": "VWh0dG_heroGaugePctOver",
82
+ "pricingChevronOpen": "VWh0dG_pricingChevronOpen",
83
+ "healthBadgeOk": "VWh0dG_healthBadgeOk",
84
+ "heatmapGrid": "VWh0dG_heatmapGrid",
85
+ "chartTooltipDate": "VWh0dG_chartTooltipDate",
86
+ "numCol": "VWh0dG_numCol",
87
+ "na": "VWh0dG_na",
67
88
  "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",
74
- "chartStack": "VWh0dG_chartStack",
75
- "tabNav": "VWh0dG_tabNav",
76
- "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",
89
+ "deltaUp": "VWh0dG_deltaUp",
83
90
  "triggerPopValue": "VWh0dG_triggerPopValue",
84
- "healthOk": "VWh0dG_healthOk",
85
- "subscriptionCard": "VWh0dG_subscriptionCard",
86
- "chartLine": "VWh0dG_chartLine",
87
- "providerGroupName": "VWh0dG_providerGroupName",
88
- "bandPrice": "VWh0dG_bandPrice",
89
- "dashboardModal": "VWh0dG_dashboardModal",
90
- "pricingToggle": "VWh0dG_pricingToggle",
91
+ "triggerDivider": "VWh0dG_triggerDivider",
92
+ "healthDot": "VWh0dG_healthDot",
93
+ "balanceDaysLow": "VWh0dG_balanceDaysLow",
94
+ "chartTooltip": "VWh0dG_chartTooltip",
95
+ "shareTrack": "VWh0dG_shareTrack",
96
+ "roundsFlagMark": "VWh0dG_roundsFlagMark",
97
+ "modelTable": "VWh0dG_modelTable",
98
+ "roundsBarCol": "VWh0dG_roundsBarCol",
91
99
  "shareSegOff": "VWh0dG_shareSegOff",
100
+ "subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
101
+ "budgetFillOver": "VWh0dG_budgetFillOver",
102
+ "subscriptionName": "VWh0dG_subscriptionName",
103
+ "kpiLabel": "VWh0dG_kpiLabel",
104
+ "panel": "VWh0dG_panel",
105
+ "bandTag": "VWh0dG_bandTag",
106
+ "modelName": "VWh0dG_modelName",
107
+ "triggerIcon": "VWh0dG_triggerIcon",
108
+ "subscriptionPlan": "VWh0dG_subscriptionPlan",
92
109
  "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",
99
110
  "shareSegUser": "VWh0dG_shareSegUser",
100
- "switchOn": "VWh0dG_switchOn",
101
- "budgetValue": "VWh0dG_budgetValue",
102
- "liveCostItem": "VWh0dG_liveCostItem",
103
- "heroMain": "VWh0dG_heroMain",
104
- "currencyButton": "VWh0dG_currencyButton",
105
- "chartBar": "VWh0dG_chartBar",
106
- "modelTable": "VWh0dG_modelTable",
107
- "budgetFillOver": "VWh0dG_budgetFillOver",
111
+ "shareValue": "VWh0dG_shareValue",
112
+ "shareSeg": "VWh0dG_shareSeg",
113
+ "chartLegendBar": "VWh0dG_chartLegendBar",
114
+ "estimatedTag": "VWh0dG_estimatedTag",
115
+ "dashboardSubtitle": "VWh0dG_dashboardSubtitle",
116
+ "heroSideLabel": "VWh0dG_heroSideLabel",
117
+ "dashboardRight": "VWh0dG_dashboardRight",
118
+ "planTag": "VWh0dG_planTag",
119
+ "heroValue": "VWh0dG_heroValue",
120
+ "subscriptionWindow": "VWh0dG_subscriptionWindow",
121
+ "subscriptionExhausted": "VWh0dG_subscriptionExhausted",
122
+ "currencyToggle": "VWh0dG_currencyToggle",
123
+ "providerGroupBadge": "VWh0dG_providerGroupBadge",
124
+ "currencyButtonActive": "VWh0dG_currencyButtonActive",
125
+ "trigger": "VWh0dG_trigger",
126
+ "shareItem": "VWh0dG_shareItem",
127
+ "triggerMeta": "VWh0dG_triggerMeta",
128
+ "rateBadge": "VWh0dG_rateBadge",
129
+ "chartStack": "VWh0dG_chartStack",
130
+ "tabPanel": "VWh0dG_tabPanel",
108
131
  "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",
132
+ "subscriptionStatus": "VWh0dG_subscriptionStatus",
133
+ "heroSideValue": "VWh0dG_heroSideValue",
116
134
  "roundsBar": "VWh0dG_roundsBar",
117
- "panelTitle": "VWh0dG_panelTitle",
118
- "kpiTile": "VWh0dG_kpiTile",
119
- "rateBadge": "VWh0dG_rateBadge",
120
- "delta": "VWh0dG_delta",
121
- "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",
135
+ "shareLegend": "VWh0dG_shareLegend",
136
+ "heatmapLegend": "VWh0dG_heatmapLegend",
137
+ "modelDot": "VWh0dG_modelDot",
138
+ "heroMain": "VWh0dG_heroMain",
139
+ "budgetLabel": "VWh0dG_budgetLabel",
140
+ "healthBadge": "VWh0dG_healthBadge",
141
+ "bandTagOff": "VWh0dG_bandTagOff",
134
142
  "triggerMonth": "VWh0dG_triggerMonth",
135
- "dashboard": "VWh0dG_dashboard",
143
+ "heroGaugeLabel": "VWh0dG_heroGaugeLabel",
144
+ "switchKnob": "VWh0dG_switchKnob",
145
+ "roundsBars": "VWh0dG_roundsBars",
146
+ "heatmapHover": "VWh0dG_heatmapHover",
147
+ "dashboardIn": "VWh0dG_dashboardIn",
136
148
  "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",
143
- "shareItem": "VWh0dG_shareItem",
144
- "subscriptionReset": "VWh0dG_subscriptionReset",
145
- "chartLegendLine": "VWh0dG_chartLegendLine",
146
- "budgetFill": "VWh0dG_budgetFill",
147
- "providerGroupMeta": "VWh0dG_providerGroupMeta",
148
- "providerGroupBalance": "VWh0dG_providerGroupBalance",
149
- "providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
150
- "dashboardRight": "VWh0dG_dashboardRight",
151
- "subscriptionStatus": "VWh0dG_subscriptionStatus",
152
- "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",
149
+ "shareDot": "VWh0dG_shareDot",
150
+ "switchOn": "VWh0dG_switchOn",
151
+ "panelTitle": "VWh0dG_panelTitle",
152
+ "chartLine": "VWh0dG_chartLine",
160
153
  "chartTooltipRow": "VWh0dG_chartTooltipRow",
161
- "roundsFlagBadge": "VWh0dG_roundsFlagBadge",
154
+ "closeButton": "VWh0dG_closeButton",
155
+ "dashboard": "VWh0dG_dashboard",
156
+ "dashboardModal": "VWh0dG_dashboardModal",
157
+ "rangeToggle": "VWh0dG_rangeToggle",
162
158
  "modelProvider": "VWh0dG_modelProvider",
163
- "budgetFillWarn": "VWh0dG_budgetFillWarn",
164
- "rateBadgeLive": "VWh0dG_rateBadgeLive",
165
- "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",
159
+ "healthIdle": "VWh0dG_healthIdle",
160
+ "tabPanelIn": "VWh0dG_tabPanelIn",
161
+ "uncataloguedTag": "VWh0dG_uncataloguedTag",
175
162
  "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",
163
+ "budgetTrack": "VWh0dG_budgetTrack",
164
+ "healthBadgeBad": "VWh0dG_healthBadgeBad",
188
165
  "heroLabel": "VWh0dG_heroLabel",
189
- "healthBadge": "VWh0dG_healthBadge",
166
+ "heroSideItem": "VWh0dG_heroSideItem",
167
+ "tabNav": "VWh0dG_tabNav",
168
+ "budgetOverPulse": "VWh0dG_budgetOverPulse",
169
+ "chartLegendLine": "VWh0dG_chartLegendLine",
170
+ "chartLegend": "VWh0dG_chartLegend",
171
+ "bandPrice": "VWh0dG_bandPrice",
172
+ "pricingChevron": "VWh0dG_pricingChevron",
173
+ "liveCostSep": "VWh0dG_liveCostSep",
174
+ "balanceDays": "VWh0dG_balanceDays",
175
+ "modelCell": "VWh0dG_modelCell",
176
+ "flatTag": "VWh0dG_flatTag",
177
+ "heroGaugePct": "VWh0dG_heroGaugePct",
178
+ "heroGaugeArc": "VWh0dG_heroGaugeArc",
190
179
  "deltaDown": "VWh0dG_deltaDown",
191
- "roundsFlagMark": "VWh0dG_roundsFlagMark",
180
+ "chartWrap": "VWh0dG_chartWrap",
181
+ "chartDot": "VWh0dG_chartDot",
182
+ "liveQuotaWarn": "VWh0dG_liveQuotaWarn",
183
+ "subscriptionFill": "VWh0dG_subscriptionFill",
184
+ "subscriptionFillOver": "VWh0dG_subscriptionFillOver",
185
+ "providerGroup": "VWh0dG_providerGroup",
192
186
  "roundsAxis": "VWh0dG_roundsAxis",
193
- "bandTagOff": "VWh0dG_bandTagOff",
194
- "kpiValue": "VWh0dG_kpiValue",
195
187
  "tabButtonActive": "VWh0dG_tabButtonActive",
196
- "triggerToday": "VWh0dG_triggerToday",
197
- "costCol": "VWh0dG_costCol",
198
- "triggerPopRow": "VWh0dG_triggerPopRow",
199
- "triggerWrap": "VWh0dG_triggerWrap",
200
- "roundsBarWrap": "VWh0dG_roundsBarWrap",
201
- "budgetHead": "VWh0dG_budgetHead",
188
+ "providerGroupName": "VWh0dG_providerGroupName",
189
+ "shareSegTool": "VWh0dG_shareSegTool",
190
+ "providerGroupMeta": "VWh0dG_providerGroupMeta",
191
+ "roundsFlagBadge": "VWh0dG_roundsFlagBadge",
192
+ "panelHead": "VWh0dG_panelHead",
193
+ "budgetValue": "VWh0dG_budgetValue",
194
+ "rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
195
+ "heroGaugeArcOver": "VWh0dG_heroGaugeArcOver",
196
+ "budgetInputWrap": "VWh0dG_budgetInputWrap",
197
+ "dashboardHead": "VWh0dG_dashboardHead",
198
+ "heroGaugeCenter": "VWh0dG_heroGaugeCenter",
199
+ "kpiTile": "VWh0dG_kpiTile",
200
+ "rounds": "VWh0dG_rounds",
201
+ "rangeButton": "VWh0dG_rangeButton",
202
202
  "triggerPopLabel": "VWh0dG_triggerPopLabel",
203
- "railButton": "VWh0dG_railButton",
204
- "na": "VWh0dG_na",
205
- "budgetTrack": "VWh0dG_budgetTrack",
203
+ "providerGroupHead": "VWh0dG_providerGroupHead",
204
+ "delta": "VWh0dG_delta",
205
+ "pricingToggle": "VWh0dG_pricingToggle",
206
+ "liveCostItem": "VWh0dG_liveCostItem",
207
+ "budget": "VWh0dG_budget",
208
+ "liveTierPeak": "VWh0dG_liveTierPeak",
209
+ "costCol": "VWh0dG_costCol",
210
+ "liveCostBar": "VWh0dG_liveCostBar",
211
+ "triggerAmountSub": "VWh0dG_triggerAmountSub",
212
+ "headTitleRow": "VWh0dG_headTitleRow",
213
+ "providerGroupTitle": "VWh0dG_providerGroupTitle",
214
+ "dashboardBody": "VWh0dG_dashboardBody",
215
+ "budgetInput": "VWh0dG_budgetInput",
216
+ "providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
217
+ "roundsBarFlagged": "VWh0dG_roundsBarFlagged",
218
+ "tabButton": "VWh0dG_tabButton",
206
219
  "heatmapFooter": "VWh0dG_heatmapFooter",
207
- "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",
216
- "currencyToggle": "VWh0dG_currencyToggle",
217
- "rangeToggle": "VWh0dG_rangeToggle",
218
- "tabPanel": "VWh0dG_tabPanel",
219
- "panelHead": "VWh0dG_panelHead",
220
+ "heroGauge": "VWh0dG_heroGauge",
221
+ "triggerPopBars": "VWh0dG_triggerPopBars",
222
+ "heroGaugeTrack": "VWh0dG_heroGaugeTrack",
223
+ "pricingToggleText": "VWh0dG_pricingToggleText",
220
224
  "kpiGrid": "VWh0dG_kpiGrid",
221
- "tabButton": "VWh0dG_tabButton",
222
- "modelCell": "VWh0dG_modelCell"
225
+ "triggerPopRow": "VWh0dG_triggerPopRow",
226
+ "budgetControls": "VWh0dG_budgetControls",
227
+ "healthOk": "VWh0dG_healthOk",
228
+ "chartBar": "VWh0dG_chartBar",
229
+ "trendPanel": "VWh0dG_trendPanel",
230
+ "heroMeta": "VWh0dG_heroMeta",
231
+ "chartSvg": "VWh0dG_chartSvg",
232
+ "kpiValue": "VWh0dG_kpiValue",
233
+ "kpiDetail": "VWh0dG_kpiDetail",
234
+ "balanceCell": "VWh0dG_balanceCell",
235
+ "budgetHead": "VWh0dG_budgetHead",
236
+ "budgetFill": "VWh0dG_budgetFill",
237
+ "chartEmpty": "VWh0dG_chartEmpty",
238
+ "emptyRow": "VWh0dG_emptyRow"
223
239
  };
224
240
  //#endregion
241
+ //#region src/client/plan-knowledge.ts
242
+ const FALLBACK_RATES = [
243
+ {
244
+ key: "deepseek-v4-flash",
245
+ input: .14,
246
+ cacheHit: .0028,
247
+ output: .28
248
+ },
249
+ {
250
+ key: "deepseek-v4-pro",
251
+ input: .435,
252
+ cacheHit: .003625,
253
+ output: .87
254
+ },
255
+ {
256
+ key: "gpt-5.6-sol",
257
+ input: 5,
258
+ cacheHit: .5,
259
+ output: 30
260
+ },
261
+ {
262
+ key: "gpt-5.6-terra",
263
+ input: 2,
264
+ cacheHit: .2,
265
+ output: 12
266
+ },
267
+ {
268
+ key: "gpt-5.6-luna",
269
+ input: .2,
270
+ cacheHit: .02,
271
+ output: 1.2
272
+ },
273
+ {
274
+ key: "glm-5.2",
275
+ input: 1.4,
276
+ cacheHit: .26,
277
+ output: 4.4
278
+ },
279
+ {
280
+ key: "qwen3.8-max",
281
+ input: 2,
282
+ cacheHit: .21,
283
+ output: 6
284
+ },
285
+ {
286
+ key: "kimi-k3",
287
+ input: 2.82,
288
+ cacheHit: .28,
289
+ output: 14.08
290
+ },
291
+ {
292
+ key: "grok-4.6",
293
+ input: 2,
294
+ cacheHit: .5,
295
+ output: 6
296
+ },
297
+ {
298
+ key: "gemini-2.5-pro",
299
+ input: 1.25,
300
+ cacheHit: .125,
301
+ output: 10
302
+ }
303
+ ];
304
+ //#endregion
225
305
  //#region src/client/pricing.ts
226
306
  /**
227
307
  * USD → CNY rate for display. Source: China Foreign Exchange Trade System
@@ -234,6 +314,8 @@ window.__ModuleLoader__.load({
234
314
  /** 运行时实时覆盖：undefined = 用内置目录与内置汇率（默认值降级）。 */
235
315
  let liveRate;
236
316
  let livePrices;
317
+ let liveExtraModels;
318
+ let liveCatalogModels;
237
319
  /**
238
320
  * Apply the node half's live pricing snapshot. Absent fields keep the
239
321
  * built-in catalog and rate; callers never fabricate values.
@@ -242,6 +324,16 @@ window.__ModuleLoader__.load({
242
324
  function applyLivePricing(pricing) {
243
325
  liveRate = pricing.rate;
244
326
  livePrices = pricing.prices;
327
+ liveExtraModels = pricing.extraModels;
328
+ }
329
+ /**
330
+ * 注入探活得到的「系统里实际配置/预制的模型」清单（host 的 llm.models 返回
331
+ * groups[].models[]，含模型 id/name，无价格）。费率表据此对标现实可用模型——
332
+ * 有价的补价（内置目录 / models.dev 补充），无价的标「未收录」。纯内存状态，
333
+ * 供 `catalogEntries()` 渲染。
334
+ */
335
+ function applyLiveCatalogModels(models) {
336
+ liveCatalogModels = models;
245
337
  }
246
338
  /** 当前汇率：实时覆盖优先，缺省回退内置固定值。 */
247
339
  function currentRate() {
@@ -275,6 +367,61 @@ window.__ModuleLoader__.load({
275
367
  if (timeMs === null || timeMs === void 0 || !Number.isFinite(timeMs)) return "peak";
276
368
  return isPeakHour((new Date(timeMs).getUTCHours() + 8) % 24) ? "peak" : "offPeak";
277
369
  }
370
+ /** 峰谷切换边界（北京时间的当日分钟数）：09:00 / 12:00 / 14:00 / 18:00。 */
371
+ const TIER_BOUNDARY_MINUTES = [
372
+ 540,
373
+ 720,
374
+ 840,
375
+ 1080
376
+ ];
377
+ /** 北京时间的当日毫秒数（0–86,400,000）。 */
378
+ function beijingMillisOfDay(timeMs) {
379
+ return ((timeMs + 8 * 36e5) % 864e5 + 864e5) % 864e5;
380
+ }
381
+ /**
382
+ * 当前峰谷档位与距下次切换的时长。导出供测试：纯函数。
383
+ * @param nowMs - 当前时刻（epoch 毫秒）。
384
+ * @returns 当前档位与到下一个切换边界的毫秒数。
385
+ */
386
+ function tierCountdown(nowMs) {
387
+ const dayMs = beijingMillisOfDay(nowMs);
388
+ for (const boundary of TIER_BOUNDARY_MINUTES) {
389
+ const boundaryMs = boundary * 6e4;
390
+ if (dayMs < boundaryMs) return {
391
+ tier: tierAt(nowMs),
392
+ nextSwitchInMs: boundaryMs - dayMs
393
+ };
394
+ }
395
+ return {
396
+ tier: tierAt(nowMs),
397
+ nextSwitchInMs: 864e5 - dayMs + TIER_BOUNDARY_MINUTES[0] * 6e4
398
+ };
399
+ }
400
+ /**
401
+ * 峰/谷切换预告：距下次切换不足 leadMs 时返回即将进入的档位与切换时刻，
402
+ * 否则 null。导出供测试：纯函数。
403
+ * @param nowMs - 当前时刻（epoch 毫秒）。
404
+ * @param leadMs - 提前量（毫秒）。
405
+ */
406
+ function upcomingTierSwitch(nowMs, leadMs) {
407
+ const { nextSwitchInMs } = tierCountdown(nowMs);
408
+ if (nextSwitchInMs > leadMs) return null;
409
+ const atMs = nowMs + nextSwitchInMs;
410
+ return {
411
+ entering: tierAt(atMs),
412
+ atMs
413
+ };
414
+ }
415
+ /**
416
+ * 切换倒计时短格式：`1h23m` / `45m` / `3m`。导出供测试：纯函数。
417
+ * @param ms - 剩余毫秒数。
418
+ */
419
+ function formatSwitchCountdown(ms) {
420
+ const minutes = Math.max(1, Math.ceil(ms / 6e4));
421
+ const hours = Math.floor(minutes / 60);
422
+ const rest = minutes % 60;
423
+ return hours > 0 ? `${hours}h${String(rest).padStart(2, "0")}m` : `${rest}m`;
424
+ }
278
425
  /**
279
426
  * Built-in catalog of current mainstream models as of 2026-08-16, priced from
280
427
  * each provider's official price page. Domestic providers are OpenAI-API
@@ -520,11 +667,22 @@ window.__ModuleLoader__.load({
520
667
  colorVar: "dsw-static-green-400",
521
668
  price: {
522
669
  currency: "CNY",
523
- input: 4,
524
- cacheHit: .4,
525
- output: 12
526
- },
527
- estimated: true
670
+ input: 1,
671
+ cacheHit: .02,
672
+ output: 2
673
+ }
674
+ },
675
+ {
676
+ key: "mimo-v2.5-pro",
677
+ name: "MiMo V2.5 Pro",
678
+ provider: "小米",
679
+ colorVar: "dsw-static-green-400",
680
+ price: {
681
+ currency: "CNY",
682
+ input: 3,
683
+ cacheHit: .025,
684
+ output: 6
685
+ }
528
686
  },
529
687
  {
530
688
  key: "minimax",
@@ -790,15 +948,30 @@ window.__ModuleLoader__.load({
790
948
  "k3": "kimi-k3",
791
949
  "kimi-k3": "kimi-k3"
792
950
  };
951
+ /** 取一个计费键的实时单价（实时覆盖 > dsh-spend 官方价兜底）。 */
952
+ function livePriceOf(key) {
953
+ const resolved = MODEL_KEY_ALIASES[key] ?? key;
954
+ const live = livePrices?.[resolved];
955
+ if (live !== void 0) return live;
956
+ const fallback = FALLBACK_RATES.find((rate) => rate.key.toLowerCase() === resolved.toLowerCase());
957
+ if (fallback === void 0) return void 0;
958
+ return {
959
+ input: fallback.input,
960
+ cacheHit: fallback.cacheHit,
961
+ output: fallback.output
962
+ };
963
+ }
793
964
  /** Lookup a model by its stats key; falls back to the generic `other` entry. */
794
965
  function modelOf(key) {
795
966
  const resolved = MODEL_KEY_ALIASES[key] ?? key;
796
- const base = MODEL_CATALOG.find((entry) => entry.key === resolved) ?? (() => {
967
+ const found = MODEL_CATALOG.find((entry) => entry.key === resolved);
968
+ const extra = liveExtraModels?.find((item) => item.key === resolved);
969
+ const base = found ?? (extra !== void 0 ? extraEntryOf(extra) : (() => {
797
970
  const fallback = MODEL_CATALOG.at(-1);
798
971
  if (fallback !== void 0) return fallback;
799
972
  throw new Error("MODEL_CATALOG must not be empty");
800
- })();
801
- const live = livePrices?.[resolved];
973
+ })());
974
+ const live = livePriceOf(resolved);
802
975
  if (live === void 0) return base;
803
976
  return {
804
977
  ...base,
@@ -810,6 +983,70 @@ window.__ModuleLoader__.load({
810
983
  }
811
984
  };
812
985
  }
986
+ /** models.dev 补充条目转为目录条目：USD 直价（走汇率换算），无峰谷分档。 */
987
+ function extraEntryOf(extra) {
988
+ return {
989
+ key: extra.key,
990
+ name: extra.name,
991
+ provider: extra.provider,
992
+ colorVar: "dsw-static-neutral-400",
993
+ price: {
994
+ currency: "USD",
995
+ input: extra.price.input,
996
+ cacheHit: extra.price.cacheHit,
997
+ output: extra.price.output
998
+ }
999
+ };
1000
+ }
1001
+ /**
1002
+ * 费率表渲染的完整目录：内置 + models.dev 补充条目 + 探活模型（无价标记）。
1003
+ * 探活模型去重（按归一化 id）：内置/补充已有的不再重复；无价的保留并标记
1004
+ * `uncatalogued`，费率表据此显示「未收录」。
1005
+ */
1006
+ function catalogEntries() {
1007
+ const entries = [...MODEL_CATALOG, ...(liveExtraModels ?? []).map(extraEntryOf)];
1008
+ const known = new Set(entries.map((entry) => entry.key.toLowerCase()));
1009
+ for (const model of liveCatalogModels ?? []) {
1010
+ const rawKey = model.id.toLowerCase();
1011
+ if ((() => {
1012
+ const aliasKey = MODEL_KEY_ALIASES[model.id] ?? model.id;
1013
+ return MODEL_CATALOG.find((item) => item.key === aliasKey);
1014
+ })() !== void 0) continue;
1015
+ if (known.has(rawKey)) continue;
1016
+ const extra = (liveExtraModels ?? []).find((item) => item.key === rawKey);
1017
+ const fallbackLive = extra === void 0 ? livePriceOf(rawKey) : void 0;
1018
+ let entry;
1019
+ if (extra !== void 0) entry = { ...extraEntryOf(extra) };
1020
+ else if (fallbackLive !== void 0) entry = {
1021
+ key: rawKey,
1022
+ name: model.name ?? model.id,
1023
+ provider: model.provider,
1024
+ colorVar: "dsw-static-neutral-400",
1025
+ price: {
1026
+ currency: "USD",
1027
+ input: fallbackLive.input,
1028
+ cacheHit: fallbackLive.cacheHit,
1029
+ output: fallbackLive.output
1030
+ }
1031
+ };
1032
+ else entry = {
1033
+ key: MODEL_KEY_ALIASES[model.id] ?? model.id,
1034
+ name: model.name ?? model.id,
1035
+ provider: model.provider,
1036
+ colorVar: "dsw-static-neutral-400",
1037
+ price: {
1038
+ currency: "USD",
1039
+ input: 0,
1040
+ cacheHit: 0,
1041
+ output: 0
1042
+ },
1043
+ uncatalogued: true
1044
+ };
1045
+ known.add(entry.key.toLowerCase());
1046
+ entries.push(entry);
1047
+ }
1048
+ return entries;
1049
+ }
813
1050
  /** Resolve a price-table row by its CSS variable name (theme token or fallback color). */
814
1051
  function resolveToken(name) {
815
1052
  const value = getComputedStyle(document.documentElement).getPropertyValue(`--${name}`).trim();
@@ -1816,7 +2053,7 @@ window.__ModuleLoader__.load({
1816
2053
  /** Path to the account-balance endpoint served by this plugin's node half. */
1817
2054
  const BALANCE_PATH = "/api/billing/balance";
1818
2055
  /** Path to the subscription-plan quota endpoint served by this plugin's node half. */
1819
- const SUBSCRIPTIONS_PATH = "/api/billing/subscriptions";
2056
+ const SUBSCRIPTIONS_PATH$1 = "/api/billing/subscriptions";
1820
2057
  /** 弹窗打开期间统计与定价的自动刷新间隔（毫秒）。 */
1821
2058
  const STATS_REFRESH_INTERVAL_MS = 3e4;
1822
2059
  /**
@@ -1938,7 +2175,7 @@ window.__ModuleLoader__.load({
1938
2175
  */
1939
2176
  async function fetchSubscriptions() {
1940
2177
  try {
1941
- const response = await fetch(SUBSCRIPTIONS_PATH);
2178
+ const response = await fetch(SUBSCRIPTIONS_PATH$1);
1942
2179
  if (!response.ok) return [];
1943
2180
  const text = await response.text();
1944
2181
  const parsed = JSON.parse(text);
@@ -2148,10 +2385,27 @@ window.__ModuleLoader__.load({
2148
2385
  const monthCost = dates.reduce((sum, d) => sum + (d.startsWith(monthPrefix) ? byDay[d]?.cost ?? 0 : 0), 0);
2149
2386
  const monthCalls = dates.reduce((sum, d) => sum + (d.startsWith(monthPrefix) ? byDay[d]?.calls ?? 0 : 0), 0);
2150
2387
  const yearCost = dates.reduce((sum, d) => sum + (d.startsWith(yearPrefix) ? byDay[d]?.cost ?? 0 : 0), 0);
2151
- const monthCostProjected = (0, react.useMemo)(() => projectMonthCost(byDay, monthPrefix, today), [
2388
+ const monthCostProjected = (0, react.useMemo)(() => {
2389
+ return projectMonthCost(byDay, monthPrefix, today) + quotas.reduce((sum, quota) => sum + (quota.planType === "code" ? quota.subscriptionAmount ?? 0 : 0), 0);
2390
+ }, [
2152
2391
  byDay,
2153
2392
  monthPrefix,
2154
- today
2393
+ today,
2394
+ quotas
2395
+ ]);
2396
+ const heroGauge = (0, react.useMemo)(() => {
2397
+ const budgetPct = budgetEnabled && budgetAmount > 0 ? monthCost / budgetAmount * 100 : NaN;
2398
+ return {
2399
+ pct: Number.isFinite(budgetPct) ? Math.max(0, Math.min(100, budgetPct)) : yearCost > 0 ? Math.max(0, Math.min(100, monthCost / yearCost * 100)) : 0,
2400
+ over: Number.isFinite(budgetPct) && budgetPct >= 100,
2401
+ label: t("billing.budget")
2402
+ };
2403
+ }, [
2404
+ budgetEnabled,
2405
+ budgetAmount,
2406
+ monthCost,
2407
+ yearCost,
2408
+ t
2155
2409
  ]);
2156
2410
  const trendDates = (0, react.useMemo)(() => {
2157
2411
  const out = [];
@@ -2228,13 +2482,25 @@ window.__ModuleLoader__.load({
2228
2482
  if (list === void 0) modelsByVendor.set(row.provider, [row]);
2229
2483
  else list.push(row);
2230
2484
  }
2231
- return [...new Set([...modelsByVendor.keys(), ...subscriptionsByVendor.keys()])].map((name) => ({
2485
+ const groups = [...new Set([...modelsByVendor.keys(), ...subscriptionsByVendor.keys()])].map((name) => ({
2232
2486
  name,
2233
2487
  models: modelsByVendor.get(name) ?? [],
2234
2488
  subscriptions: subscriptionsByVendor.get(name) ?? [],
2235
2489
  balance: balanceFor(name),
2236
2490
  dot: providerDot(health, name)
2237
- })).sort((a, b) => {
2491
+ }));
2492
+ const claimed = new Set(groups.map((group) => normalizeProvider(group.name)));
2493
+ for (const balance of balances) {
2494
+ if (claimed.has(normalizeProvider(balance.provider))) continue;
2495
+ if (balance.error === void 0 || balance.provider.startsWith("custom:")) groups.push({
2496
+ name: balance.displayName,
2497
+ models: [],
2498
+ subscriptions: [],
2499
+ balance,
2500
+ dot: providerDot(health, balance.displayName)
2501
+ });
2502
+ }
2503
+ return groups.sort((a, b) => {
2238
2504
  const costOf = (group) => group.models.reduce((sum, m) => sum + (m.actual ?? m.estimated), 0);
2239
2505
  const diff = costOf(b) - costOf(a);
2240
2506
  if (diff !== 0) return diff;
@@ -2382,6 +2648,53 @@ window.__ModuleLoader__.load({
2382
2648
  })
2383
2649
  ]
2384
2650
  }),
2651
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
2652
+ className: UsageBilling_module_css_default.heroGauge,
2653
+ "data-testid": "billing-hero-gauge",
2654
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
2655
+ className: UsageBilling_module_css_default.heroGaugeSvg,
2656
+ viewBox: "0 0 120 120",
2657
+ "aria-hidden": "true",
2658
+ children: [
2659
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
2660
+ id: "heroGaugeGradient",
2661
+ x1: "0%",
2662
+ y1: "0%",
2663
+ x2: "100%",
2664
+ y2: "100%",
2665
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
2666
+ offset: "0%",
2667
+ stopColor: "var(--dsw-static-blue-500)"
2668
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
2669
+ offset: "100%",
2670
+ stopColor: "var(--dsw-static-blue-400)"
2671
+ })]
2672
+ }) }),
2673
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
2674
+ className: UsageBilling_module_css_default.heroGaugeTrack,
2675
+ cx: "60",
2676
+ cy: "60",
2677
+ r: "52"
2678
+ }),
2679
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
2680
+ className: clsx(UsageBilling_module_css_default.heroGaugeArc, heroGauge.over && UsageBilling_module_css_default.heroGaugeArcOver),
2681
+ cx: "60",
2682
+ cy: "60",
2683
+ r: "52",
2684
+ style: { strokeDasharray: `${heroGauge.pct / 100 * 326.7} 326.7` }
2685
+ })
2686
+ ]
2687
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
2688
+ className: UsageBilling_module_css_default.heroGaugeCenter,
2689
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
2690
+ className: clsx(UsageBilling_module_css_default.heroGaugePct, heroGauge.over && UsageBilling_module_css_default.heroGaugePctOver),
2691
+ children: [heroGauge.pct.toFixed(0), "%"]
2692
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2693
+ className: UsageBilling_module_css_default.heroGaugeLabel,
2694
+ children: heroGauge.label
2695
+ })]
2696
+ })]
2697
+ }),
2385
2698
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
2386
2699
  className: UsageBilling_module_css_default.heroSide,
2387
2700
  children: [
@@ -2899,13 +3212,26 @@ window.__ModuleLoader__.load({
2899
3212
  children: [
2900
3213
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
2901
3214
  className: UsageBilling_module_css_default.subscriptionHead,
2902
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2903
- className: UsageBilling_module_css_default.subscriptionName,
2904
- children: quota.displayName
2905
- }), quota.plan !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2906
- className: UsageBilling_module_css_default.subscriptionPlan,
2907
- children: quota.plan
2908
- })]
3215
+ children: [
3216
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3217
+ className: UsageBilling_module_css_default.subscriptionName,
3218
+ children: quota.displayName
3219
+ }),
3220
+ quota.planType === "code" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3221
+ className: UsageBilling_module_css_default.subscriptionPlan,
3222
+ "data-kind": "code",
3223
+ children: quota.subscriptionAmount !== void 0 && quota.subscriptionAmount > 0 ? t("billing.subscriptionFeePerMonth").replace("{amount}", money(quota.subscriptionAmount)) : t("billing.planTypeCode")
3224
+ }),
3225
+ quota.planType === "token" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3226
+ className: UsageBilling_module_css_default.subscriptionPlan,
3227
+ "data-kind": "token",
3228
+ children: t("billing.planTypeToken")
3229
+ }),
3230
+ quota.plan !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3231
+ className: UsageBilling_module_css_default.subscriptionPlan,
3232
+ children: quota.plan
3233
+ })
3234
+ ]
2909
3235
  }),
2910
3236
  statusText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
2911
3237
  className: UsageBilling_module_css_default.subscriptionStatus,
@@ -2915,31 +3241,35 @@ window.__ModuleLoader__.load({
2915
3241
  className: UsageBilling_module_css_default.subscriptionStatus,
2916
3242
  children: t("billing.subscriptionNoApi")
2917
3243
  }),
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))}%` }
3244
+ quota.windows.map((window) => (() => {
3245
+ const used = Math.min(100, Math.max(0, window.usedPercent));
3246
+ const exhausted = Math.min(100, Math.max(0, window.remainingPercent)) <= 0;
3247
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
3248
+ className: UsageBilling_module_css_default.subscriptionWindow,
3249
+ children: [
3250
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3251
+ className: UsageBilling_module_css_default.subscriptionWindowLabel,
3252
+ children: subscriptionWindowLabel(window.kind, t)
3253
+ }),
3254
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3255
+ className: UsageBilling_module_css_default.subscriptionTrack,
3256
+ "aria-hidden": "true",
3257
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3258
+ className: clsx(UsageBilling_module_css_default.subscriptionFill, used >= 100 && UsageBilling_module_css_default.subscriptionFillOver, used >= 80 && used < 100 && UsageBilling_module_css_default.subscriptionFillWarn),
3259
+ style: { width: `${used}%` }
3260
+ })
3261
+ }),
3262
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3263
+ className: clsx(UsageBilling_module_css_default.subscriptionPct, exhausted && UsageBilling_module_css_default.subscriptionExhausted),
3264
+ children: exhausted ? t("billing.subscriptionExhausted") : t("billing.subscriptionRemaining").replace("{pct}", String(window.remainingPercent))
3265
+ }),
3266
+ window.resetsAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3267
+ className: UsageBilling_module_css_default.subscriptionReset,
3268
+ children: t("billing.subscriptionReset").replace("{date}", `${localDayStamp(new Date(window.resetsAt).getTime())} ${formatClock(new Date(window.resetsAt).getTime())}`)
2931
3269
  })
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))
3270
+ ]
3271
+ }, window.kind);
3272
+ })())
2943
3273
  ]
2944
3274
  }, quota.provider);
2945
3275
  })
@@ -3204,65 +3534,81 @@ window.__ModuleLoader__.load({
3204
3534
  children: t("billing.output")
3205
3535
  }),
3206
3536
  /* @__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)
3537
+ ] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: catalogEntries().map((entry) => {
3538
+ const hasPrice = entry.price.input > 0 || entry.price.output > 0;
3539
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
3540
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3541
+ className: UsageBilling_module_css_default.modelCell,
3542
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3543
+ className: UsageBilling_module_css_default.modelDot,
3544
+ style: { background: resolveToken(entry.colorVar) }
3545
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3546
+ className: UsageBilling_module_css_default.modelName,
3547
+ children: [entry.name, entry.uncatalogued && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3548
+ className: UsageBilling_module_css_default.uncataloguedTag,
3549
+ "data-testid": "billing-price-uncatalogued",
3550
+ children: t("billing.uncatalogued")
3551
+ })]
3552
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3553
+ className: UsageBilling_module_css_default.modelProvider,
3554
+ children: entry.provider
3555
+ })] })]
3556
+ }) }),
3557
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
3558
+ className: UsageBilling_module_css_default.numCol,
3559
+ children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3560
+ className: UsageBilling_module_css_default.bandPrice,
3561
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.input, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3562
+ className: UsageBilling_module_css_default.bandPriceOff,
3563
+ children: formatUnitPrice(entry.price.offPeak.input, entry.price.currency)
3564
+ })]
3565
+ }) : formatUnitPrice(entry.price.input, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3566
+ className: UsageBilling_module_css_default.na,
3567
+ children: "—"
3568
+ })
3569
+ }),
3570
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
3571
+ className: UsageBilling_module_css_default.numCol,
3572
+ children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3573
+ className: UsageBilling_module_css_default.bandPrice,
3574
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.cacheHit, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3575
+ className: UsageBilling_module_css_default.bandPriceOff,
3576
+ children: formatUnitPrice(entry.price.offPeak.cacheHit, entry.price.currency)
3577
+ })]
3578
+ }) : formatUnitPrice(entry.price.cacheHit, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3579
+ className: UsageBilling_module_css_default.na,
3580
+ children: "—"
3581
+ })
3582
+ }),
3583
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
3584
+ className: UsageBilling_module_css_default.numCol,
3585
+ children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3586
+ className: UsageBilling_module_css_default.bandPrice,
3587
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.output, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3588
+ className: UsageBilling_module_css_default.bandPriceOff,
3589
+ children: formatUnitPrice(entry.price.offPeak.output, entry.price.currency)
3590
+ })]
3591
+ }) : formatUnitPrice(entry.price.output, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3592
+ className: UsageBilling_module_css_default.na,
3593
+ children: "—"
3594
+ })
3595
+ }),
3596
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: entry.price.offPeak !== void 0 && entry.peakHours !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3597
+ className: UsageBilling_module_css_default.bandTag,
3598
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
3599
+ t("billing.peak"),
3600
+ " ",
3601
+ entry.peakHours
3602
+ ] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3603
+ className: UsageBilling_module_css_default.bandTagOff,
3604
+ children: [t("billing.offPeak"), " 50%"]
3248
3605
  })]
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)) })]
3606
+ }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3607
+ className: UsageBilling_module_css_default.flatTag,
3608
+ children: t("billing.flat")
3609
+ }) })
3610
+ ] }, entry.key);
3611
+ }) })]
3266
3612
  })
3267
3613
  })]
3268
3614
  })
@@ -3321,7 +3667,9 @@ window.__ModuleLoader__.load({
3321
3667
  (0, react.useEffect)(() => {
3322
3668
  let mounted = true;
3323
3669
  checkModels().then((result) => {
3324
- if (mounted) setHealth(result);
3670
+ if (!mounted) return;
3671
+ setHealth(result);
3672
+ applyLiveCatalogModels(result.catalog ?? []);
3325
3673
  });
3326
3674
  return () => {
3327
3675
  mounted = false;
@@ -3335,6 +3683,7 @@ window.__ModuleLoader__.load({
3335
3683
  const budgetEnabled = useStore((s) => s.enabled);
3336
3684
  const budgetAmount = useStore((s) => s.amount);
3337
3685
  const tierAlertDays = useStore((s) => s.tierAlertDays);
3686
+ const lastTierSwitchAt = useStore((s) => s.lastTierSwitchAt);
3338
3687
  const effectiveBudget = budgetAmount > 0 ? budgetAmount : stats.budget ?? 0;
3339
3688
  const toggleBudget = (0, react.useCallback)(() => {
3340
3689
  const next = !budgetEnabled;
@@ -3362,6 +3711,24 @@ window.__ModuleLoader__.load({
3362
3711
  actions,
3363
3712
  t
3364
3713
  ]);
3714
+ (0, react.useEffect)(() => {
3715
+ const leadMs = 2 * 6e4;
3716
+ const now = Date.now();
3717
+ const upcoming = upcomingTierSwitch(now, leadMs);
3718
+ if (upcoming === null) return;
3719
+ if (upcoming.atMs === lastTierSwitchAt) return;
3720
+ actions.markTierSwitchAlerted(upcoming.atMs);
3721
+ if (typeof Notification === "undefined" || Notification.permission !== "granted") return;
3722
+ const minutes = Math.max(1, Math.round((upcoming.atMs - now) / 6e4));
3723
+ const body = upcoming.entering === "peak" ? t("billing.tierAlertEnterPeak").replace("{minutes}", String(minutes)) : t("billing.tierAlertEnterOff").replace("{minutes}", String(minutes));
3724
+ try {
3725
+ new Notification(t("billing.budget"), { body });
3726
+ } catch {}
3727
+ }, [
3728
+ lastTierSwitchAt,
3729
+ actions,
3730
+ t
3731
+ ]);
3365
3732
  const lastBalanceAlertDay = useStore((s) => s.lastBalanceAlertDay);
3366
3733
  const lowBalanceRow = (0, react.useMemo)(() => {
3367
3734
  if (balances.length === 0) return void 0;
@@ -3450,6 +3817,11 @@ window.__ModuleLoader__.load({
3450
3817
  * the current session id off the framework snapshot (`useSession` parent of
3451
3818
  * `sessionId`) and matches `bySession` (session total) and `byTurn` (latest
3452
3819
  * turn cost). Rendering is a pure function of the snapshot, never a side effect.
3820
+ *
3821
+ * The bar also carries two ambient signals: the current peak/off-peak pricing
3822
+ * tier with a switch countdown (DeepSeek time-of-day pricing), and quota chips
3823
+ * for subscription plans running low (≤20% remaining), so cost pressure is
3824
+ * visible without opening the dashboard.
3453
3825
  */
3454
3826
  /**
3455
3827
  * 当前会话累计费用：bySession 里会话 id 匹配的那行；缺省为 0。
@@ -3483,8 +3855,31 @@ window.__ModuleLoader__.load({
3483
3855
  }
3484
3856
  return latest;
3485
3857
  }
3858
+ /**
3859
+ * 低额度预警 chips：查询成功（ok）且任一窗口剩余 ≤ threshold 的套餐，
3860
+ * 按剩余升序、最多 3 枚。导出供测试：纯函数。
3861
+ * @param quotas - 订阅额度行切片。
3862
+ * @param threshold - 剩余百分比阈值（默认 20%）。
3863
+ */
3864
+ function lowQuotaChips(quotas, threshold = 20) {
3865
+ const chips = [];
3866
+ for (const quota of quotas) {
3867
+ if (quota.status !== "ok") continue;
3868
+ for (const win of quota.windows) {
3869
+ if (win.remainingPercent > threshold) continue;
3870
+ chips.push({
3871
+ name: quota.displayName,
3872
+ kind: win.kind,
3873
+ pct: win.remainingPercent
3874
+ });
3875
+ }
3876
+ }
3877
+ return chips.sort((a, b) => a.pct - b.pct).slice(0, 3);
3878
+ }
3486
3879
  /** Endpoint the node half serves (same constant the dashboard uses). */
3487
3880
  const USAGE_STATS_PATH = "/api/billing/usage-stats";
3881
+ /** 订阅额度端点（额度预警 chips 的数据源）。 */
3882
+ const SUBSCRIPTIONS_PATH = "/api/billing/subscriptions";
3488
3883
  /** Refresh cadence (ms): matching the dashboard so the bar stays current. */
3489
3884
  const REFRESH_INTERVAL_MS = 3e4;
3490
3885
  /** Load the thin stats slice; null when the endpoint does not answer valid JSON. */
@@ -3504,6 +3899,28 @@ window.__ModuleLoader__.load({
3504
3899
  return null;
3505
3900
  }
3506
3901
  }
3902
+ /** Load subscription quota slices; empty list on any failure. */
3903
+ async function loadQuotas() {
3904
+ try {
3905
+ const response = await fetch(SUBSCRIPTIONS_PATH);
3906
+ if (!response.ok) return [];
3907
+ const parsed = JSON.parse(await response.text());
3908
+ if (parsed === null || typeof parsed !== "object" || !("quotas" in parsed)) return [];
3909
+ const quotas = parsed.quotas;
3910
+ return Array.isArray(quotas) ? quotas : [];
3911
+ } catch {
3912
+ return [];
3913
+ }
3914
+ }
3915
+ /** 额度窗口类型 → 文案 key（本次 / 本周 / 本月 / 计费周期）。 */
3916
+ function windowLabelKey(kind) {
3917
+ switch (kind) {
3918
+ case "session": return "billing.subscriptionSession";
3919
+ case "weekly": return "billing.subscriptionWeekly";
3920
+ case "monthly": return "billing.subscriptionMonthly";
3921
+ default: return "billing.subscriptionBilling";
3922
+ }
3923
+ }
3507
3924
  /**
3508
3925
  * Render the live cost ticker for the current session.
3509
3926
  * @param props - framework session snapshot hook and locale.
@@ -3511,12 +3928,18 @@ window.__ModuleLoader__.load({
3511
3928
  function LiveCostBar({ useSession, t }) {
3512
3929
  const sessionId = useSession((s) => s.sessionId);
3513
3930
  const [stats, setStats] = (0, react.useState)(null);
3931
+ const [quotas, setQuotas] = (0, react.useState)([]);
3932
+ const [nowMs, setNowMs] = (0, react.useState)(() => Date.now());
3514
3933
  (0, react.useEffect)(() => {
3515
3934
  let cancelled = false;
3516
3935
  const load = () => {
3517
3936
  loadLiveStats().then((data) => {
3518
3937
  if (!cancelled && data !== null) setStats(data);
3519
3938
  });
3939
+ loadQuotas().then((list) => {
3940
+ if (!cancelled) setQuotas(list);
3941
+ });
3942
+ if (!cancelled) setNowMs(Date.now());
3520
3943
  };
3521
3944
  load();
3522
3945
  const timer = setInterval(load, REFRESH_INTERVAL_MS);
@@ -3527,35 +3950,72 @@ window.__ModuleLoader__.load({
3527
3950
  }, [sessionId]);
3528
3951
  const sessionCost = (0, react.useMemo)(() => sessionCostOf(stats, sessionId), [stats, sessionId]);
3529
3952
  const turnCost = (0, react.useMemo)(() => turnCostOf(stats, sessionId), [stats, sessionId]);
3953
+ const tier = tierCountdown(nowMs);
3954
+ const chips = (0, react.useMemo)(() => lowQuotaChips(quotas), [quotas]);
3530
3955
  const money = (cny) => formatMoney(cny, "cny");
3531
- if (sessionId === void 0 || sessionCost <= 0 && turnCost <= 0) return null;
3956
+ if (sessionId === void 0) return null;
3957
+ const hasCost = sessionCost > 0 || turnCost > 0;
3532
3958
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3533
3959
  className: UsageBilling_module_css_default.liveCostBar,
3534
3960
  "data-testid": "billing-live-cost-bar",
3535
3961
  children: [
3536
3962
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3537
- className: UsageBilling_module_css_default.liveCostItem,
3538
- "data-testid": "billing-live-turn",
3963
+ className: tier.tier === "peak" ? UsageBilling_module_css_default.liveTierPeak : UsageBilling_module_css_default.liveTierOff,
3964
+ "data-testid": "billing-live-tier",
3539
3965
  children: [
3540
- t("billing.liveTurn"),
3966
+ tier.tier === "peak" ? t("billing.tierPeak") : t("billing.tierOff"),
3967
+ " · ",
3968
+ formatSwitchCountdown(tier.nextSwitchInMs),
3541
3969
  " ",
3542
- money(turnCost)
3970
+ tier.tier === "peak" ? t("billing.tierToOff") : t("billing.tierToPeak")
3543
3971
  ]
3544
3972
  }),
3545
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3973
+ hasCost && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
3974
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3975
+ className: UsageBilling_module_css_default.liveCostSep,
3976
+ "aria-hidden": "true",
3977
+ children: "·"
3978
+ }),
3979
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3980
+ className: UsageBilling_module_css_default.liveCostItem,
3981
+ "data-testid": "billing-live-turn",
3982
+ children: [
3983
+ t("billing.liveTurn"),
3984
+ " ",
3985
+ money(turnCost)
3986
+ ]
3987
+ }),
3988
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3989
+ className: UsageBilling_module_css_default.liveCostSep,
3990
+ "aria-hidden": "true",
3991
+ children: "·"
3992
+ }),
3993
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3994
+ className: UsageBilling_module_css_default.liveCostItem,
3995
+ "data-testid": "billing-live-session",
3996
+ children: [
3997
+ t("billing.liveSession"),
3998
+ " ",
3999
+ money(sessionCost)
4000
+ ]
4001
+ })
4002
+ ] }),
4003
+ chips.map((chip) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3546
4004
  className: UsageBilling_module_css_default.liveCostSep,
3547
4005
  "aria-hidden": "true",
3548
4006
  children: "·"
3549
- }),
3550
- /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3551
- className: UsageBilling_module_css_default.liveCostItem,
3552
- "data-testid": "billing-live-session",
4007
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
4008
+ className: chip.pct <= 10 ? UsageBilling_module_css_default.liveQuotaCrit : UsageBilling_module_css_default.liveQuotaWarn,
4009
+ "data-testid": "billing-live-quota",
3553
4010
  children: [
3554
- t("billing.liveSession"),
4011
+ chip.name,
4012
+ " ",
4013
+ t(windowLabelKey(chip.kind)),
3555
4014
  " ",
3556
- money(sessionCost)
4015
+ chip.pct,
4016
+ "%"
3557
4017
  ]
3558
- })
4018
+ })] }, `${chip.name}:${chip.kind}`))
3559
4019
  ]
3560
4020
  });
3561
4021
  }
@@ -3631,6 +4091,7 @@ window.__ModuleLoader__.load({
3631
4091
  "billing.subscriptionMonthly": "本月",
3632
4092
  "billing.subscriptionBilling": "计费周期",
3633
4093
  "billing.subscriptionRemaining": "剩余 {pct}%",
4094
+ "billing.subscriptionExhausted": "已用尽",
3634
4095
  "billing.subscriptionReset": "{date} 重置",
3635
4096
  "billing.subscriptionNoApi": "该厂商暂未提供用量查询接口",
3636
4097
  "billing.heatmapLess": "少",
@@ -3664,7 +4125,16 @@ window.__ModuleLoader__.load({
3664
4125
  "billing.roleUser": "用户输入",
3665
4126
  "billing.roleAssistant": "助手输出",
3666
4127
  "billing.roleTool": "工具结果",
3667
- "billing.roleHint": "估算：输出按实测计价，输入按消息长度摊分"
4128
+ "billing.roleHint": "估算：输出按实测计价，输入按消息长度摊分",
4129
+ "billing.tierPeak": "峰时",
4130
+ "billing.tierOff": "平价",
4131
+ "billing.tierToPeak": "后转峰时",
4132
+ "billing.tierToOff": "后转平价",
4133
+ "billing.tierAlertEnterPeak": "{minutes} 分钟后进入峰时（DeepSeek 高峰价 ×2），不急的调用可稍等",
4134
+ "billing.tierAlertEnterOff": "{minutes} 分钟后进入平价（价格减半）",
4135
+ "billing.planTypeCode": "订阅制",
4136
+ "billing.planTypeToken": "按量",
4137
+ "billing.subscriptionFeePerMonth": "{amount}/月"
3668
4138
  };
3669
4139
  const en = {
3670
4140
  "billing.title": "Usage",
@@ -3735,6 +4205,7 @@ window.__ModuleLoader__.load({
3735
4205
  "billing.subscriptionMonthly": "Monthly",
3736
4206
  "billing.subscriptionBilling": "Billing",
3737
4207
  "billing.subscriptionRemaining": "{pct}% left",
4208
+ "billing.subscriptionExhausted": "Exhausted",
3738
4209
  "billing.subscriptionReset": "Resets {date}",
3739
4210
  "billing.subscriptionNoApi": "Provider does not offer a usage API",
3740
4211
  "billing.heatmapLess": "Less",
@@ -3768,7 +4239,16 @@ window.__ModuleLoader__.load({
3768
4239
  "billing.roleUser": "User input",
3769
4240
  "billing.roleAssistant": "Assistant output",
3770
4241
  "billing.roleTool": "Tool results",
3771
- "billing.roleHint": "Estimated: output priced exactly, input split by message size"
4242
+ "billing.roleHint": "Estimated: output priced exactly, input split by message size",
4243
+ "billing.tierPeak": "Peak",
4244
+ "billing.tierOff": "Off-peak",
4245
+ "billing.tierToPeak": "until peak",
4246
+ "billing.tierToOff": "until off-peak",
4247
+ "billing.tierAlertEnterPeak": "Peak pricing (2x) starts in {minutes} min — non-urgent calls can wait",
4248
+ "billing.tierAlertEnterOff": "Off-peak pricing (50% off) starts in {minutes} min",
4249
+ "billing.planTypeCode": "Subscription",
4250
+ "billing.planTypeToken": "Usage",
4251
+ "billing.subscriptionFeePerMonth": "{amount}/mo"
3772
4252
  };
3773
4253
  //#endregion
3774
4254
  //#region src/client/billing-service.ts
@@ -3820,7 +4300,8 @@ window.__ModuleLoader__.load({
3820
4300
  enabled: false,
3821
4301
  amount: 0,
3822
4302
  tierAlertDays: {},
3823
- lastBalanceAlertDay: ""
4303
+ lastBalanceAlertDay: "",
4304
+ lastTierSwitchAt: 0
3824
4305
  }),
3825
4306
  persist: "dsh.ui-usage-billing.budget",
3826
4307
  actions: {
@@ -3836,6 +4317,9 @@ window.__ModuleLoader__.load({
3836
4317
  },
3837
4318
  markBalanceAlerted: (d, day) => {
3838
4319
  d.lastBalanceAlertDay = day;
4320
+ },
4321
+ markTierSwitchAlerted: (d, at) => {
4322
+ d.lastTierSwitchAt = at;
3839
4323
  }
3840
4324
  }
3841
4325
  });
@@ -3882,13 +4366,20 @@ window.__ModuleLoader__.load({
3882
4366
  okProviders: [],
3883
4367
  badProviders: []
3884
4368
  };
4369
+ const catalog = [];
4370
+ for (const group of result.value.groups) for (const model of group.models) catalog.push({
4371
+ id: model.id,
4372
+ ...typeof model.name === "string" && model.name !== "" ? { name: model.name } : {},
4373
+ provider: group.name
4374
+ });
3885
4375
  return {
3886
4376
  checked: true,
3887
4377
  available: result.value.groups.length > 0,
3888
4378
  models: result.value.groups.reduce((sum, group) => sum + group.models.length, 0),
3889
4379
  failures: result.value.failures.length,
3890
4380
  okProviders: result.value.groups.map((group) => group.name),
3891
- badProviders: result.value.failures.map((failure) => failure.name)
4381
+ badProviders: result.value.failures.map((failure) => failure.name),
4382
+ catalog
3892
4383
  };
3893
4384
  } catch {
3894
4385
  return {