@goodandready/dsh-subscriptions 0.7.13 → 0.7.15

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 (4) hide show
  1. package/lib/client.css +5 -0
  2. package/lib/client.js +184 -92
  3. package/lib/routes.js +17 -0
  4. package/package.json +1 -1
package/lib/client.css ADDED
@@ -0,0 +1,5 @@
1
+ .dsub-card{list-style:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;transition:border-color .16s,background .16s}.dsub-card:hover{border-color:var(--dsw-alias-label-dimmed)}.dsub-cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.dsub-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.dsub-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.dsub-headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dsub-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.dsub-description{color:var(--dsw-alias-label-secondary);font-size:13px}.dsub-chev{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.dsub-chevOpen{transform:rotate(180deg)}.dsub-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:12px}.dsub-block{margin-top:10px}.dsub-group{margin-top:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;padding:0 14px}.dsub-group[open]{padding-bottom:6px}.dsub-groupHead{cursor:pointer;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);padding:10px 0;list-style:none}.dsub-groupHead::-webkit-details-marker{display:none}.dsub-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.dsub-grow{flex:1 1 180px;min-width:140px}.dsub-helpBox{margin-top:8px;padding:12px 14px;border-radius:8px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);font-size:12px;line-height:1.6}.dsub-helpHead{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:8px;color:var(--dsw-alias-brand-primary)}.dsub-helpStep{margin-bottom:6px;color:var(--dsw-alias-label-primary)}.dsub-btnActive{background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground);border-color:var(--dsw-alias-brand-primary)}.dsub-h{font-size:13.5px;font-weight:600;color:var(--dsw-alias-label-primary)}.dsub-sub{font-size:12px;color:var(--dsw-alias-label-secondary)}.dsub-dim{font-size:11.5px;color:var(--dsw-alias-label-tertiary)}.dsub-mini{appearance:none;font:inherit;font-size:12px;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:3px 8px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);transition:all .15s}.dsub-mini:hover{background:var(--dsw-alias-bg-layer-1);border-color:var(--dsw-alias-label-dimmed)}.dsub-ok{font-size:12px;color:var(--dsw-alias-state-success-primary)}.dsub-bad{font-size:12px;color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;word-break:break-word;max-width:100%}.dsub-hint{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.dsub-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:500;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);transition:all .15s}.dsub-btn:hover{background:var(--dsw-alias-bg-layer-1);border-color:var(--dsw-alias-label-dimmed)}.dsub-inp{height:30px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:6px;padding:0 8px;font-size:12px;min-width:180px}.dsub-inp:focus{outline:none;border-color:var(--dsw-alias-brand-primary)}.dsub-box{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:10px;margin-top:8px;background:var(--dsw-alias-bg-layer-2)}.dsub-cooldown{display:inline-block;padding:2px 6px;border-radius:4px;background:var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-bg-layer-1);font-size:11px;font-weight:600}.dsub-bar{position:relative;height:6px;border-radius:3px;background:var(--dsw-alias-bg-layer-1);overflow:hidden;flex:1;min-width:80px}.dsub-barFill{height:100%;border-radius:3px;background:var(--dsw-alias-state-success-primary);transition:width .2s}.dsub-barWarn .dsub-barFill{background:var(--dsw-alias-state-warn-primary)}.dsub-barFull .dsub-barFill{background:var(--dsw-alias-state-error-primary)}.dsub-barRow{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dsw-alias-label-secondary)}.dsub-manual{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l2)}.dsub-verify{font-size:12px;color:var(--dsw-alias-state-warn-primary)}.dsub-verify a{color:var(--dsw-alias-brand-primary)}.dsub-pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 1px 3px color-mix(in srgb,black 15%,transparent),inset 0 1px 0 color-mix(in srgb,white 6%,transparent);transition:all .16s ease;user-select:none}.dsub-pill:hover{background:var(--dsw-alias-bg-layer-3);border-color:var(--dsw-alias-label-tertiary);transform:translateY(-1px);box-shadow:0 3px 8px color-mix(in srgb,black 25%,transparent),inset 0 1px 0 color-mix(in srgb,white 10%,transparent)}.dsub-pill:active{transform:translateY(0)}.dsub-pillTag{padding:1px 5px;border-radius:4px;font-size:10.5px;font-weight:700;letter-spacing:.02em;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary)}.dsub-led{width:7px;height:7px;border-radius:50%;flex:none;transition:all .2s ease}.dsub-ledOk{background:var(--dsw-alias-state-success-primary);box-shadow:0 0 6px color-mix(in srgb,var(--dsw-alias-state-success-primary) 70%,transparent)}.dsub-ledWarn{background:var(--dsw-alias-state-warn-primary);box-shadow:0 0 6px color-mix(in srgb,var(--dsw-alias-state-warn-primary) 70%,transparent)}.dsub-ledBad{background:var(--dsw-alias-state-error-primary);box-shadow:0 0 6px color-mix(in srgb,var(--dsw-alias-state-error-primary) 70%,transparent)}.dsub-ledOff{background:var(--dsw-alias-label-tertiary)}.dsub-toast-container{position:fixed;top:16px;right:16px;z-index:10030;display:flex;flex-direction:column;gap:8px;pointer-events:none}.dsub-toast{pointer-events:auto;min-width:280px;max-width:400px;padding:10px 14px;border-radius:10px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l1);box-shadow:0 8px 24px color-mix(in srgb,black 40%,transparent);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.4;animation:dsubFadeIn .2s ease-out}.dsub-toast-warn{border-color:var(--dsw-alias-state-warn-primary)}.dsub-toast-bad{border-color:var(--dsw-alias-state-error-primary)}.dsub-toast-ok{border-color:var(--dsw-alias-state-success-primary)}.dsub-toast-close{background:none;border:none;color:var(--dsw-alias-label-tertiary);cursor:pointer;font-size:14px;padding:0 2px}.dsub-toast-close:hover{color:var(--dsw-alias-label-primary)}.dsub-modalWrap{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;background:color-mix(in srgb,black 65%,transparent);backdrop-filter:blur(10px);animation:dsubFadeIn .16s ease-out}.dsub-modal{width:min(520px,94vw);max-height:min(85vh,720px);overflow-y:auto;border:1px solid var(--dsw-alias-border-l1);border-radius:16px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);box-shadow:0 24px 64px color-mix(in srgb,black 60%,transparent),0 0 0 1px color-mix(in srgb,white 7%,transparent);padding:20px;animation:dsubScaleIn .18s cubic-bezier(.16,1,.3,1)}@keyframes dsubFadeIn{from{opacity:0}to{opacity:1}}@keyframes dsubScaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dsub-modalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--dsw-alias-border-l2)}.dsub-modalTitleWrap{display:flex;align-items:center;gap:10px}.dsub-modalIcon{width:30px;height:30px;border-radius:8px;background:var(--dsw-alias-bg-layer-1);display:grid;place-items:center;color:var(--dsw-alias-brand-primary);font-size:14px}.dsub-modalBadge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary)}.dsub-heroCard{margin-top:14px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,var(--dsw-alias-bg-layer-2) 0%,var(--dsw-alias-bg-layer-3) 100%);border:1px solid var(--dsw-alias-border-l1);box-shadow:inset 0 1px 0 color-mix(in srgb,white 5%,transparent)}.dsub-heroHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dsub-heroTitle{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.dsub-heroModel{font-size:11.5px;color:var(--dsw-alias-label-secondary);font-family:ui-monospace,monospace}.dsub-select{appearance:none;height:30px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:6px;padding:0 24px 0 8px;font-size:12px;cursor:pointer}.dsub-details{margin-top:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:8px 12px;background:var(--dsw-alias-bg-layer-2)}.dsub-summary{cursor:pointer;font-weight:600;font-size:12.5px;color:var(--dsw-alias-label-secondary);user-select:none}.dsub-summary:hover{color:var(--dsw-alias-label-primary)}.dsub-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0 12px;margin-bottom:8px;border-bottom:1px solid var(--dsw-alias-border-l2)}.dsub-badge{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);display:inline-flex;align-items:center;gap:5px;font-weight:500}.dsub-badge-ok{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 10%,transparent)}.dsub-badge-warn{border-color:var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 10%,transparent)}.dsub-badge-bad{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}.dsub-badge-neutral{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}.dsub-section-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;margin-top:12px}.dsub-section-title{font-size:14.5px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between;gap:8px}.dsub-section-desc{font-size:12px;color:var(--dsw-alias-label-secondary);margin-top:-4px;line-height:1.4}.dsub-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.dsub-stat-box{padding:10px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-2);display:flex;flex-direction:column;gap:3px}.dsub-stat-val{font-size:16.5px;font-weight:700;color:var(--dsw-alias-label-primary)}.dsub-stat-lbl{font-size:11.5px;color:var(--dsw-alias-label-secondary)}.dsub-chart-wrap{display:flex;align-items:flex-end;gap:3px;height:52px;padding:6px 0;margin-top:8px;border-bottom:1px solid var(--dsw-alias-border-l3)}.dsub-chart-bar{flex:1;background:var(--dsw-alias-brand-primary);border-radius:2px 2px 0 0;min-height:3px;transition:height .2s ease;opacity:0.85;cursor:pointer}.dsub-chart-bar:hover{opacity:1;background:var(--dsw-alias-state-success-primary)}.dsub-chart-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--dsw-alias-label-secondary);margin-top:3px}.dsub-alert-ok{padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 10%,transparent);color:var(--dsw-alias-state-success-primary);font-size:12.5px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-success-primary) 25%,transparent)}.dsub-alert-bad{padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary);font-size:12.5px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary) 25%,transparent)}.dsub-btn-primary{background:var(--dsw-alias-label-primary) !important;color:var(--dsw-alias-bg-layer-3) !important;border-color:transparent !important;font-weight:600}.dsub-btn-primary:hover:not(:disabled){opacity:0.9}.dsub-model-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.dsub-model-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);font-size:11.5px;color:var(--dsw-alias-label-primary)}.dsub-model-chip code{font-family:ui-monospace,monospace;font-weight:600}.dsub-model-tag{font-size:10px;padding:1px 4px;border-radius:3px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);font-weight:600}.dsub-trace-box{padding:8px 12px;border-radius:8px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);margin-top:8px;font-size:12px}.dsub-trace-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--dsw-alias-border-l3)}.dsub-trace-row:last-child{border-bottom:none}.dsub-model-status-available{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent)}.dsub-model-status-degraded{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 12%,transparent)}.dsub-model-status-quarantined{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent)}.dsub-model-status-cooldown{color:var(--dsw-alias-state-business-primary);background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent)}.dsub-model-status-exhausted{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent)}.dsub-model-status-unconfigured{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-3)}.dsub-heroBars{display:flex;flex-direction:column;gap:8px;margin-top:10px}.dsub-barLabelRow{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dsw-alias-label-secondary);margin-bottom:3px}.dsub-barTrack{height:6px;border-radius:3px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}.dsub-barFillGrad{height:100%;border-radius:3px;transition:width .3s ease}.dsub-panel-box{margin-top:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);display:flex;flex-direction:column;gap:8px}.dsub-panel-warn{border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 40%,transparent);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 5%,transparent)}.dsub-panel-title{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between}.dsub-panel-desc{font-size:12px;color:var(--dsw-alias-label-secondary);line-height:1.4}.dsub-usage-grid{display:flex;flex-direction:column;gap:8px;margin-top:4px}.dsub-usage-card{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-1)}.dsub-usage-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;color:var(--dsw-alias-label-primary)}.dsub-usage-track{width:100%;height:8px;border-radius:999px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);overflow:hidden}.dsub-usage-fill{height:100%;border-radius:999px;transition:width .3s ease}.dsub-usage-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--dsw-alias-label-secondary)}.dsub-tag-ok{border-color:color-mix(in srgb,var(--dsw-alias-state-success-primary) 30%,transparent);color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 8%,transparent);padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;border-style:solid;border-width:1px}.dsub-tag-warn{border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 40%,transparent);color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 8%,transparent);padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;border-style:solid;border-width:1px}.dsub-tag-bad{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 40%,transparent);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 8%,transparent);padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;border-style:solid;border-width:1px}.dsub-slot-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l2);font-size:12px}.dsub-ref-tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--dsw-alias-label-secondary)}.dsub-ref-tag code{padding:2px 6px;border-radius:4px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);font-family:ui-monospace,monospace;color:var(--dsw-alias-label-primary);font-size:11px}.dsub-speed-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--dsw-alias-brand-primary);background:color-mix(in srgb,var(--dsw-alias-brand-primary) 8%,transparent);padding:2px 8px;border-radius:6px;font-weight:500;border:1px solid color-mix(in srgb,var(--dsw-alias-brand-primary) 20%,transparent)}.dsub-btn-danger{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 40%,transparent)!important;color:var(--dsw-alias-state-error-primary)!important}.dsub-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent)!important}.dsub-poolTitle{margin-top:16px;margin-bottom:8px;font-size:11.5px;font-weight:700;color:var(--dsw-alias-label-secondary);text-transform:uppercase;letter-spacing:.05em}.dsub-accountCard{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-2);margin-top:6px;transition:border-color .15s,background .15s}.dsub-accountCard:hover{background:var(--dsw-alias-bg-layer-3);border-color:var(--dsw-alias-label-tertiary)}.dsub-brandBadge{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.dsub-brandCodex{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 15%,transparent);color:var(--dsw-alias-state-success-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-state-success-primary) 30%,transparent)}.dsub-brandClaude{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 15%,transparent);color:var(--dsw-alias-state-warn-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary) 30%,transparent)}.dsub-brandGrok{background:color-mix(in srgb,var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary)) 15%,transparent);color:var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary));border:1px solid color-mix(in srgb,var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary)) 30%,transparent)}.dsub-brandAgy{background:color-mix(in srgb,var(--dsw-alias-brand-primary) 15%,transparent);color:var(--dsw-alias-brand-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-brand-primary) 30%,transparent)}.dsub-brandOllama{background:color-mix(in srgb,var(--dsw-alias-label-tertiary) 15%,transparent);color:var(--dsw-alias-label-secondary);border:1px solid color-mix(in srgb,var(--dsw-alias-label-tertiary) 30%,transparent)}.dsub-brandKimi{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 15%,transparent);color:var(--dsw-alias-state-warn-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary) 30%,transparent)}.dsub-brandGlm{background:color-mix(in srgb,var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary)) 15%,transparent);color:var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary));border:1px solid color-mix(in srgb,var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary)) 30%,transparent)}.dsub-planBadge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;background:color-mix(in srgb,var(--dsw-alias-brand-primary) 15%,transparent);color:var(--dsw-alias-brand-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-brand-primary) 30%,transparent);margin-left:6px}.dsub-accInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.dsub-accNameRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.dsub-accName{font-size:13px;font-weight:600}.dsub-accStatusTag{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:4px}.dsub-statusOk{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 15%,transparent);color:var(--dsw-alias-state-success-primary)}.dsub-statusWarn{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 15%,transparent);color:var(--dsw-alias-state-warn-primary)}.dsub-statusBad{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 15%,transparent);color:var(--dsw-alias-state-error-primary)}.dsub-statusOff{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-tertiary)}.dsub-modalFoot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2)}.dsub-btnPrimary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground);border:0;cursor:pointer;transition:opacity .15s}.dsub-btnPrimary:hover{opacity:.9}.dsub-btnSec{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;font-size:11.5px;font-weight:500;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;text-decoration:none;transition:all .15s}.dsub-btnSec:hover{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-tertiary)}.dsub-cq{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dsw-alias-label-secondary);padding:0 6px}.dsub-cqBar{position:relative;width:40px;height:5px;border-radius:3px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}.dsub-cqBarFill{height:100%;border-radius:3px;background:var(--dsw-alias-state-success-primary)}.dsub-cqBarWarn .dsub-cqBarFill{background:var(--dsw-alias-state-warn-primary)}.dsub-cqBarFull .dsub-cqBarFill{background:var(--dsw-alias-state-error-primary)}.dsub-cqB{font-variant-numeric:tabular-nums;font-weight:600;color:var(--dsw-alias-label-primary)}.dsub-qw{position:fixed;z-index:10010;display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);box-shadow:0 4px 14px color-mix(in srgb,black 28%,transparent);cursor:grab;user-select:none;font-size:11.5px;font-weight:600;touch-action:none}.dsub-qw:active{cursor:grabbing}.dsub-qwDocked{right:16px !important;bottom:16px !important;cursor:default}.dsub-qwPct{font-variant-numeric:tabular-nums}.dsub-qwBar{width:28px;height:4px;border-radius:2px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}.dsub-qwBarFill{height:100%;border-radius:2px;background:var(--dsw-alias-state-success-primary)}.dsub-qwPop{position:fixed;z-index:10011;width:280px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-3);box-shadow:0 12px 32px color-mix(in srgb,black 40%,transparent);font-size:12px}.dsub-qwWarn .dsub-qwBarFill{background:var(--dsw-alias-state-warn-primary)}.dsub-qwFull .dsub-qwBarFill{background:var(--dsw-alias-state-error-primary)}.dsub-diag{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:10px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary)}
2
+
3
+ .dsub-settingsPage{max-width:980px;margin:0 auto;padding:8px 0 32px}.dsub-settingsPage .dsub-header-bar{position:sticky;top:0;z-index:20;background:var(--dsw-alias-bg-layer-2);padding:8px 0 12px}.dsub-settingsPage .dsub-wrap{gap:14px}
4
+
5
+ .dsub-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.dsub-tab{appearance:none;font:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:5px 12px}.dsub-tab:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-tertiary)}.dsub-tabActive{background:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground)}.dsub-wrap[data-tab=overview]>:not([data-pane=overview]):not(.dsub-header-bar):not(.dsub-tabs):not(.dsub-foot):not(.dsub-modalWrap),.dsub-wrap[data-tab=accounts]>:not([data-pane=accounts]):not(.dsub-header-bar):not(.dsub-tabs):not(.dsub-foot):not(.dsub-modalWrap),.dsub-wrap[data-tab=routing]>:not([data-pane=routing]):not(.dsub-header-bar):not(.dsub-tabs):not(.dsub-foot):not(.dsub-modalWrap),.dsub-wrap[data-tab=models]>:not([data-pane=models]):not(.dsub-header-bar):not(.dsub-tabs):not(.dsub-foot):not(.dsub-modalWrap),.dsub-wrap[data-tab=vault]>:not([data-pane=vault]):not(.dsub-header-bar):not(.dsub-tabs):not(.dsub-foot):not(.dsub-modalWrap),.dsub-wrap[data-tab=notifications]>:not([data-pane=notifications]):not(.dsub-header-bar):not(.dsub-tabs):not(.dsub-foot):not(.dsub-modalWrap),.dsub-wrap[data-tab=advanced]>:not([data-pane=advanced]):not(.dsub-header-bar):not(.dsub-tabs):not(.dsub-foot):not(.dsub-modalWrap){display:none}
package/lib/client.js CHANGED
@@ -39,16 +39,15 @@ window.__ModuleLoader__.load({
39
39
  }
40
40
 
41
41
 
42
- const CSS =
43
- ".dsub-card{list-style:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;transition:border-color .16s,background .16s}.dsub-card:hover{border-color:var(--dsw-alias-label-dimmed)}.dsub-cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.dsub-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.dsub-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.dsub-headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dsub-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.dsub-description{color:var(--dsw-alias-label-secondary);font-size:13px}.dsub-chev{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.dsub-chevOpen{transform:rotate(180deg)}.dsub-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:12px}.dsub-block{margin-top:10px}.dsub-group{margin-top:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;padding:0 14px}.dsub-group[open]{padding-bottom:6px}.dsub-groupHead{cursor:pointer;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);padding:10px 0;list-style:none}.dsub-groupHead::-webkit-details-marker{display:none}.dsub-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.dsub-grow{flex:1 1 180px;min-width:140px}.dsub-helpBox{margin-top:8px;padding:12px 14px;border-radius:8px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);font-size:12px;line-height:1.6}.dsub-helpHead{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:8px;color:var(--dsw-alias-brand-primary)}.dsub-helpStep{margin-bottom:6px;color:var(--dsw-alias-label-primary)}.dsub-btnActive{background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground);border-color:var(--dsw-alias-brand-primary)}.dsub-h{font-size:13.5px;font-weight:600;color:var(--dsw-alias-label-primary)}.dsub-sub{font-size:12px;color:var(--dsw-alias-label-secondary)}.dsub-dim{font-size:11.5px;color:var(--dsw-alias-label-tertiary)}.dsub-mini{appearance:none;font:inherit;font-size:12px;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:3px 8px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);transition:all .15s}.dsub-mini:hover{background:var(--dsw-alias-bg-layer-1);border-color:var(--dsw-alias-label-dimmed)}.dsub-ok{font-size:12px;color:var(--dsw-alias-state-success-primary)}.dsub-bad{font-size:12px;color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;word-break:break-word;max-width:100%}.dsub-hint{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.dsub-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:500;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);transition:all .15s}.dsub-btn:hover{background:var(--dsw-alias-bg-layer-1);border-color:var(--dsw-alias-label-dimmed)}.dsub-inp{height:30px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:6px;padding:0 8px;font-size:12px;min-width:180px}.dsub-inp:focus{outline:none;border-color:var(--dsw-alias-brand-primary)}.dsub-box{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:10px;margin-top:8px;background:var(--dsw-alias-bg-layer-2)}.dsub-cooldown{display:inline-block;padding:2px 6px;border-radius:4px;background:var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-bg-layer-1);font-size:11px;font-weight:600}.dsub-bar{position:relative;height:6px;border-radius:3px;background:var(--dsw-alias-bg-layer-1);overflow:hidden;flex:1;min-width:80px}.dsub-barFill{height:100%;border-radius:3px;background:var(--dsw-alias-state-success-primary);transition:width .2s}.dsub-barWarn .dsub-barFill{background:var(--dsw-alias-state-warn-primary)}.dsub-barFull .dsub-barFill{background:var(--dsw-alias-state-error-primary)}.dsub-barRow{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dsw-alias-label-secondary)}.dsub-manual{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l2)}.dsub-verify{font-size:12px;color:var(--dsw-alias-state-warn-primary)}.dsub-verify a{color:var(--dsw-alias-brand-primary)}.dsub-pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 1px 3px color-mix(in srgb,black 15%,transparent),inset 0 1px 0 color-mix(in srgb,white 6%,transparent);transition:all .16s ease;user-select:none}.dsub-pill:hover{background:var(--dsw-alias-bg-layer-3);border-color:var(--dsw-alias-label-tertiary);transform:translateY(-1px);box-shadow:0 3px 8px color-mix(in srgb,black 25%,transparent),inset 0 1px 0 color-mix(in srgb,white 10%,transparent)}.dsub-pill:active{transform:translateY(0)}.dsub-pillTag{padding:1px 5px;border-radius:4px;font-size:10.5px;font-weight:700;letter-spacing:.02em;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary)}.dsub-led{width:7px;height:7px;border-radius:50%;flex:none;transition:all .2s ease}.dsub-ledOk{background:var(--dsw-alias-state-success-primary);box-shadow:0 0 6px color-mix(in srgb,var(--dsw-alias-state-success-primary) 70%,transparent)}.dsub-ledWarn{background:var(--dsw-alias-state-warn-primary);box-shadow:0 0 6px color-mix(in srgb,var(--dsw-alias-state-warn-primary) 70%,transparent)}.dsub-ledBad{background:var(--dsw-alias-state-error-primary);box-shadow:0 0 6px color-mix(in srgb,var(--dsw-alias-state-error-primary) 70%,transparent)}.dsub-ledOff{background:var(--dsw-alias-label-tertiary)}.dsub-toast-container{position:fixed;top:16px;right:16px;z-index:10030;display:flex;flex-direction:column;gap:8px;pointer-events:none}.dsub-toast{pointer-events:auto;min-width:280px;max-width:400px;padding:10px 14px;border-radius:10px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l1);box-shadow:0 8px 24px color-mix(in srgb,black 40%,transparent);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.4;animation:dsubFadeIn .2s ease-out}.dsub-toast-warn{border-color:var(--dsw-alias-state-warn-primary)}.dsub-toast-bad{border-color:var(--dsw-alias-state-error-primary)}.dsub-toast-ok{border-color:var(--dsw-alias-state-success-primary)}.dsub-toast-close{background:none;border:none;color:var(--dsw-alias-label-tertiary);cursor:pointer;font-size:14px;padding:0 2px}.dsub-toast-close:hover{color:var(--dsw-alias-label-primary)}.dsub-modalWrap{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;background:color-mix(in srgb,black 65%,transparent);backdrop-filter:blur(10px);animation:dsubFadeIn .16s ease-out}.dsub-modal{width:min(520px,94vw);max-height:min(85vh,720px);overflow-y:auto;border:1px solid var(--dsw-alias-border-l1);border-radius:16px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);box-shadow:0 24px 64px color-mix(in srgb,black 60%,transparent),0 0 0 1px color-mix(in srgb,white 7%,transparent);padding:20px;animation:dsubScaleIn .18s cubic-bezier(.16,1,.3,1)}@keyframes dsubFadeIn{from{opacity:0}to{opacity:1}}@keyframes dsubScaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dsub-modalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--dsw-alias-border-l2)}.dsub-modalTitleWrap{display:flex;align-items:center;gap:10px}.dsub-modalIcon{width:30px;height:30px;border-radius:8px;background:var(--dsw-alias-bg-layer-1);display:grid;place-items:center;color:var(--dsw-alias-brand-primary);font-size:14px}.dsub-modalBadge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary)}.dsub-heroCard{margin-top:14px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,var(--dsw-alias-bg-layer-2) 0%,var(--dsw-alias-bg-layer-3) 100%);border:1px solid var(--dsw-alias-border-l1);box-shadow:inset 0 1px 0 color-mix(in srgb,white 5%,transparent)}.dsub-heroHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dsub-heroTitle{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.dsub-heroModel{font-size:11.5px;color:var(--dsw-alias-label-secondary);font-family:ui-monospace,monospace}.dsub-select{appearance:none;height:30px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:6px;padding:0 24px 0 8px;font-size:12px;cursor:pointer}.dsub-details{margin-top:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:8px 12px;background:var(--dsw-alias-bg-layer-2)}.dsub-summary{cursor:pointer;font-weight:600;font-size:12.5px;color:var(--dsw-alias-label-secondary);user-select:none}.dsub-summary:hover{color:var(--dsw-alias-label-primary)}.dsub-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0 12px;margin-bottom:8px;border-bottom:1px solid var(--dsw-alias-border-l2)}.dsub-badge{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);display:inline-flex;align-items:center;gap:5px;font-weight:500}.dsub-badge-ok{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 10%,transparent)}.dsub-badge-warn{border-color:var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 10%,transparent)}.dsub-badge-bad{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}.dsub-badge-neutral{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}.dsub-section-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;margin-top:12px}.dsub-section-title{font-size:14.5px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between;gap:8px}.dsub-section-desc{font-size:12px;color:var(--dsw-alias-label-secondary);margin-top:-4px;line-height:1.4}.dsub-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.dsub-stat-box{padding:10px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-2);display:flex;flex-direction:column;gap:3px}.dsub-stat-val{font-size:16.5px;font-weight:700;color:var(--dsw-alias-label-primary)}.dsub-stat-lbl{font-size:11.5px;color:var(--dsw-alias-label-secondary)}.dsub-chart-wrap{display:flex;align-items:flex-end;gap:3px;height:52px;padding:6px 0;margin-top:8px;border-bottom:1px solid var(--dsw-alias-border-l3)}.dsub-chart-bar{flex:1;background:var(--dsw-alias-brand-primary);border-radius:2px 2px 0 0;min-height:3px;transition:height .2s ease;opacity:0.85;cursor:pointer}.dsub-chart-bar:hover{opacity:1;background:var(--dsw-alias-state-success-primary)}.dsub-chart-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--dsw-alias-label-secondary);margin-top:3px}.dsub-alert-ok{padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 10%,transparent);color:var(--dsw-alias-state-success-primary);font-size:12.5px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-success-primary) 25%,transparent)}.dsub-alert-bad{padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary);font-size:12.5px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary) 25%,transparent)}.dsub-btn-primary{background:var(--dsw-alias-label-primary) !important;color:var(--dsw-alias-bg-layer-3) !important;border-color:transparent !important;font-weight:600}.dsub-btn-primary:hover:not(:disabled){opacity:0.9}.dsub-model-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.dsub-model-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);font-size:11.5px;color:var(--dsw-alias-label-primary)}.dsub-model-chip code{font-family:ui-monospace,monospace;font-weight:600}.dsub-model-tag{font-size:10px;padding:1px 4px;border-radius:3px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);font-weight:600}.dsub-trace-box{padding:8px 12px;border-radius:8px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);margin-top:8px;font-size:12px}.dsub-trace-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--dsw-alias-border-l3)}.dsub-trace-row:last-child{border-bottom:none}.dsub-model-status-available{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent)}.dsub-model-status-degraded{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 12%,transparent)}.dsub-model-status-quarantined{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent)}.dsub-model-status-cooldown{color:var(--dsw-alias-state-business-primary);background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent)}.dsub-model-status-exhausted{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent)}.dsub-model-status-unconfigured{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-3)}.dsub-heroBars{display:flex;flex-direction:column;gap:8px;margin-top:10px}.dsub-barLabelRow{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dsw-alias-label-secondary);margin-bottom:3px}.dsub-barTrack{height:6px;border-radius:3px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}.dsub-barFillGrad{height:100%;border-radius:3px;transition:width .3s ease}.dsub-panel-box{margin-top:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);display:flex;flex-direction:column;gap:8px}.dsub-panel-warn{border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 40%,transparent);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 5%,transparent)}.dsub-panel-title{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between}.dsub-panel-desc{font-size:12px;color:var(--dsw-alias-label-secondary);line-height:1.4}.dsub-usage-grid{display:flex;flex-direction:column;gap:8px;margin-top:4px}.dsub-usage-card{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-1)}.dsub-usage-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;color:var(--dsw-alias-label-primary)}.dsub-usage-track{width:100%;height:8px;border-radius:999px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);overflow:hidden}.dsub-usage-fill{height:100%;border-radius:999px;transition:width .3s ease}.dsub-usage-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--dsw-alias-label-secondary)}.dsub-tag-ok{border-color:color-mix(in srgb,var(--dsw-alias-state-success-primary) 30%,transparent);color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 8%,transparent);padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;border-style:solid;border-width:1px}.dsub-tag-warn{border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 40%,transparent);color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 8%,transparent);padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;border-style:solid;border-width:1px}.dsub-tag-bad{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 40%,transparent);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 8%,transparent);padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;border-style:solid;border-width:1px}.dsub-slot-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l2);font-size:12px}.dsub-ref-tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--dsw-alias-label-secondary)}.dsub-ref-tag code{padding:2px 6px;border-radius:4px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);font-family:ui-monospace,monospace;color:var(--dsw-alias-label-primary);font-size:11px}.dsub-speed-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--dsw-alias-brand-primary);background:color-mix(in srgb,var(--dsw-alias-brand-primary) 8%,transparent);padding:2px 8px;border-radius:6px;font-weight:500;border:1px solid color-mix(in srgb,var(--dsw-alias-brand-primary) 20%,transparent)}.dsub-btn-danger{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 40%,transparent)!important;color:var(--dsw-alias-state-error-primary)!important}.dsub-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent)!important}.dsub-poolTitle{margin-top:16px;margin-bottom:8px;font-size:11.5px;font-weight:700;color:var(--dsw-alias-label-secondary);text-transform:uppercase;letter-spacing:.05em}.dsub-accountCard{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-2);margin-top:6px;transition:border-color .15s,background .15s}.dsub-accountCard:hover{background:var(--dsw-alias-bg-layer-3);border-color:var(--dsw-alias-label-tertiary)}.dsub-brandBadge{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.dsub-brandCodex{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 15%,transparent);color:var(--dsw-alias-state-success-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-state-success-primary) 30%,transparent)}.dsub-brandClaude{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 15%,transparent);color:var(--dsw-alias-state-warn-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary) 30%,transparent)}.dsub-brandGrok{background:color-mix(in srgb,var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary)) 15%,transparent);color:var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary));border:1px solid color-mix(in srgb,var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary)) 30%,transparent)}.dsub-brandAgy{background:color-mix(in srgb,var(--dsw-alias-brand-primary) 15%,transparent);color:var(--dsw-alias-brand-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-brand-primary) 30%,transparent)}.dsub-brandOllama{background:color-mix(in srgb,var(--dsw-alias-label-tertiary) 15%,transparent);color:var(--dsw-alias-label-secondary);border:1px solid color-mix(in srgb,var(--dsw-alias-label-tertiary) 30%,transparent)}.dsub-brandKimi{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 15%,transparent);color:var(--dsw-alias-state-warn-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary) 30%,transparent)}.dsub-brandGlm{background:color-mix(in srgb,var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary)) 15%,transparent);color:var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary));border:1px solid color-mix(in srgb,var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary)) 30%,transparent)}.dsub-planBadge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;background:color-mix(in srgb,var(--dsw-alias-brand-primary) 15%,transparent);color:var(--dsw-alias-brand-primary);border:1px solid color-mix(in srgb,var(--dsw-alias-brand-primary) 30%,transparent);margin-left:6px}.dsub-accInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.dsub-accNameRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.dsub-accName{font-size:13px;font-weight:600}.dsub-accStatusTag{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:4px}.dsub-statusOk{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 15%,transparent);color:var(--dsw-alias-state-success-primary)}.dsub-statusWarn{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 15%,transparent);color:var(--dsw-alias-state-warn-primary)}.dsub-statusBad{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 15%,transparent);color:var(--dsw-alias-state-error-primary)}.dsub-statusOff{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-tertiary)}.dsub-modalFoot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2)}.dsub-btnPrimary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground);border:0;cursor:pointer;transition:opacity .15s}.dsub-btnPrimary:hover{opacity:.9}.dsub-btnSec{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;font-size:11.5px;font-weight:500;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;text-decoration:none;transition:all .15s}.dsub-btnSec:hover{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-tertiary)}.dsub-cq{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dsw-alias-label-secondary);padding:0 6px}.dsub-cqBar{position:relative;width:40px;height:5px;border-radius:3px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}.dsub-cqBarFill{height:100%;border-radius:3px;background:var(--dsw-alias-state-success-primary)}.dsub-cqBarWarn .dsub-cqBarFill{background:var(--dsw-alias-state-warn-primary)}.dsub-cqBarFull .dsub-cqBarFill{background:var(--dsw-alias-state-error-primary)}.dsub-cqB{font-variant-numeric:tabular-nums;font-weight:600;color:var(--dsw-alias-label-primary)}.dsub-qw{position:fixed;z-index:10010;display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);box-shadow:0 4px 14px color-mix(in srgb,black 28%,transparent);cursor:grab;user-select:none;font-size:11.5px;font-weight:600;touch-action:none}.dsub-qw:active{cursor:grabbing}.dsub-qwDocked{right:16px !important;bottom:16px !important;cursor:default}.dsub-qwPct{font-variant-numeric:tabular-nums}.dsub-qwBar{width:28px;height:4px;border-radius:2px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}.dsub-qwBarFill{height:100%;border-radius:2px;background:var(--dsw-alias-state-success-primary)}.dsub-qwPop{position:fixed;z-index:10011;width:280px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-3);box-shadow:0 12px 32px color-mix(in srgb,black 40%,transparent);font-size:12px}.dsub-qwWarn .dsub-qwBarFill{background:var(--dsw-alias-state-warn-primary)}.dsub-qwFull .dsub-qwBarFill{background:var(--dsw-alias-state-error-primary)}.dsub-diag{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:10px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary)}";
42
+
44
43
  const cssId = 'dsh-subscriptions/settings.module.css'
45
- if (typeof document !== 'undefined' && !document.querySelector('style[data-plugin-css="' + cssId + '"]')) {
46
- const tag = document.createElement('style')
47
- tag.textContent = CSS
48
- tag.setAttribute('data-plugin', 'dsh-subscriptions')
49
- tag.dataset.pluginCss = cssId
50
- tag.setAttribute('data-dsh-plugin', 'dsh-subscriptions')
51
- document.head.appendChild(tag)
44
+ if (typeof document !== 'undefined' && !document.querySelector('link[data-plugin-css="' + cssId + '"]')) {
45
+ const link = document.createElement('link')
46
+ link.rel = 'stylesheet'
47
+ link.href = '/dsh-subscriptions/client.css'
48
+ link.dataset.pluginCss = cssId
49
+ link.setAttribute('data-dsh-plugin', 'dsh-subscriptions')
50
+ document.head.appendChild(link)
52
51
  }
53
52
 
54
53
  const NS = 'dsh-subscriptions'
@@ -96,7 +95,6 @@ window.__ModuleLoader__.load({
96
95
  "closeModal": "Close",
97
96
  "groupAuth": "Sign-in and redirect",
98
97
  "groupPrivacy": "Privacy and model list",
99
- "groupRotation": "Rotation and limits",
100
98
  "groupProvider": "Provider behaviour",
101
99
  "groupFallback": "Local fallback",
102
100
  "privacyMask": "Mask emails and account identifiers",
@@ -261,7 +259,17 @@ window.__ModuleLoader__.load({
261
259
  "addAccount": "+ Add account",
262
260
  "slotAdvanced": "Advanced slot settings",
263
261
  "providerGallery": "Add provider",
262
+ "tabOverview": "Overview",
263
+ "tabAccounts": "Accounts",
264
+ "tabRouting": "Routing",
265
+ "tabModels": "Models",
266
+ "tabVault": "Vault",
267
+ "tabNotifications": "Notifications",
268
+ "tabAdvanced": "Advanced",
269
+ "groupDisplay": "Display & quota",
270
+ "notifications": "Notifications",
264
271
  "providerGalleryHint": "Unconnected providers are hidden from the main list to keep the page focused.",
272
+ "searchProviders": "Search providers…",
265
273
  "vipOnly": "VIP only",
266
274
  "vipOnlyHint": "Reserve this account for VIP-tagged requests.",
267
275
  "isPro": "Pro",
@@ -451,7 +459,6 @@ window.__ModuleLoader__.load({
451
459
  "closeModal": "关闭",
452
460
  "groupAuth": "授权与重定向设置",
453
461
  "groupPrivacy": "隐私与模型展示",
454
- "groupRotation": "账户轮换与限制",
455
462
  "groupProvider": "服务商特性设置",
456
463
  "groupFallback": "本地兜底与容灾",
457
464
  "privacyMask": "脱敏隐藏邮箱与账户标识",
@@ -616,7 +623,17 @@ window.__ModuleLoader__.load({
616
623
  "addAccount": "+ 添加账户",
617
624
  "slotAdvanced": "账户高级设置",
618
625
  "providerGallery": "添加服务商",
626
+ "tabOverview": "概览",
627
+ "tabAccounts": "账户",
628
+ "tabRouting": "路由",
629
+ "tabModels": "模型",
630
+ "tabVault": "Vault",
631
+ "tabNotifications": "通知",
632
+ "tabAdvanced": "高级",
633
+ "groupDisplay": "显示与额度",
634
+ "notifications": "通知",
619
635
  "providerGalleryHint": "未连接的服务商默认隐藏在列表中，保持页面聚焦。",
636
+ "searchProviders": "搜索服务商…",
620
637
  "vipOnly": "仅 VIP",
621
638
  "vipOnlyHint": "将此账户保留给 VIP 请求。",
622
639
  "isPro": "Pro",
@@ -938,6 +955,9 @@ window.__ModuleLoader__.load({
938
955
  const t = (props && props.t) || ((key) => key)
939
956
  const [draft, setDraft] = React.useState(null)
940
957
  const [newProviders, setNewProviders] = React.useState([])
958
+ const [pickerOpen, setPickerOpen] = React.useState(false)
959
+ const [pickerQuery, setPickerQuery] = React.useState('')
960
+ const [tab, setTab] = React.useState('overview')
941
961
  const [accounts, setAccounts] = React.useState([])
942
962
  const [providers, setProviders] = React.useState([])
943
963
  const [modelsCatalog, setModelsCatalog] = React.useState([])
@@ -1370,7 +1390,7 @@ window.__ModuleLoader__.load({
1370
1390
  // #81: settings snapshot status - never render phantom inputs before the
1371
1391
  // config snapshot arrives, and offer a retry when the store is unavailable.
1372
1392
  if (!draft) {
1373
- return h('div', { className: 'dsub-wrap' },
1393
+ return h('div', { className: 'dsub-wrap', 'data-tab': tab },
1374
1394
  h('div', { className: 'dsub-row' },
1375
1395
  h('span', { className: 'dsub-sub' }, err ? t('settingsUnavailable') : t('settingsLoading')),
1376
1396
  err ? h('button', {
@@ -1686,6 +1706,11 @@ window.__ModuleLoader__.load({
1686
1706
  ),
1687
1707
  ),
1688
1708
  h('div', { className: 'dsub-row', style: { marginTop: 0, gap: '8px' } },
1709
+ h('button', {
1710
+ type: 'button',
1711
+ className: 'dsub-mini dsub-btn-primary',
1712
+ onClick: () => setPickerOpen(true),
1713
+ }, '➕ ' + t('providerGallery')),
1689
1714
  updater.status && updater.status.updateAvailable && updater.status.canAutoUpdate
1690
1715
  ? h('button', {
1691
1716
  type: 'button',
@@ -1702,18 +1727,37 @@ window.__ModuleLoader__.load({
1702
1727
  }, smoke.testing ? t('smokeTesting') : t('runSmoke')),
1703
1728
  ),
1704
1729
  ),
1730
+ h('div', { className: 'dsub-tabs' },
1731
+ [
1732
+ ['overview', t('tabOverview')],
1733
+ ['accounts', t('tabAccounts')],
1734
+ ['routing', t('tabRouting')],
1735
+ ['models', t('tabModels')],
1736
+ ['vault', t('tabVault')],
1737
+ ['notifications', t('tabNotifications')],
1738
+ ['advanced', t('tabAdvanced')],
1739
+ ].map(([id, label]) => h('button', {
1740
+ key: id,
1741
+ type: 'button',
1742
+ className: 'dsub-tab' + (tab === id ? ' dsub-tabActive' : ''),
1743
+ 'aria-pressed': tab === id,
1744
+ onClick: () => setTab(id),
1745
+ }, label)),
1746
+ ),
1705
1747
  updater.message ? h('div', {
1748
+ 'data-pane': 'overview',
1706
1749
  className: updater.message.includes(t('updateSuccessRestart')) ? 'dsub-alert-ok' : 'dsub-alert-bad',
1707
1750
  style: { marginBottom: '12px' }
1708
1751
  }, updater.message) : null,
1709
1752
  smoke.result ? h('div', {
1753
+ 'data-pane': 'overview',
1710
1754
  className: smoke.result.ok ? 'dsub-alert-ok' : 'dsub-alert-bad',
1711
1755
  style: { marginBottom: '12px' }
1712
1756
  }, smoke.result.ok
1713
1757
  ? ('🟢 ' + t('smokeOk') + ': ' + (smoke.result.provider || 'Provider').toUpperCase() + ' · ' + (smoke.result.latencyMs != null ? smoke.result.latencyMs + ' ms' : 'OK') + (smoke.result.label ? ' (' + smoke.result.label + ')' : ''))
1714
1758
  : ('❌ ' + t('smokeFail') + ': ' + (smoke.result.error && (smoke.result.error.message || smoke.result.error.code) || 'Unknown error'))
1715
1759
  ) : null,
1716
- telemetry && telemetry.totalRequests > 0 ? h('div', { className: 'dsub-grid-2', style: { marginBottom: '14px' } },
1760
+ telemetry && telemetry.totalRequests > 0 ? h('div', { className: 'dsub-grid-2', 'data-pane': 'overview', style: { marginBottom: '14px' } },
1717
1761
  h('div', { className: 'dsub-stat-box' },
1718
1762
  h('div', { className: 'dsub-stat-val' }, telemetry.successRequests + ' / ' + telemetry.totalRequests),
1719
1763
  h('div', { className: 'dsub-stat-lbl' }, t('statsRequests')),
@@ -1735,7 +1779,7 @@ window.__ModuleLoader__.load({
1735
1779
  h('div', { className: 'dsub-stat-lbl' }, t('statsLastActivity')),
1736
1780
  ),
1737
1781
  ) : null,
1738
- (analytics && (analytics.totalRequests > 0 || (analytics.hourly && analytics.hourly.some(function(b) { return b.requests > 0 })))) || (queueStats && (queueStats.totalActive > 0 || queueStats.totalQueued > 0)) ? h('details', { className: 'dsub-group', open: true, style: { marginBottom: '14px' } },
1782
+ (analytics && (analytics.totalRequests > 0 || (analytics.hourly && analytics.hourly.some(function(b) { return b.requests > 0 })))) || (queueStats && (queueStats.totalActive > 0 || queueStats.totalQueued > 0)) ? h('details', { className: 'dsub-group', 'data-pane': 'overview', style: { marginBottom: '14px' } },
1739
1783
  h('summary', { className: 'dsub-groupHead' }, '📊 ' + t('analyticsTitle')),
1740
1784
  h('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('analyticsDesc')),
1741
1785
  h('div', { className: 'dsub-grid-2', style: { marginTop: '10px' } },
@@ -1797,7 +1841,7 @@ window.__ModuleLoader__.load({
1797
1841
  })
1798
1842
  ) : null,
1799
1843
  ) : null,
1800
- telemetry && Array.isArray(telemetry.recentDecisions) && telemetry.recentDecisions.length ? h('details', { className: 'dsub-group', style: { marginBottom: '14px' } },
1844
+ telemetry && Array.isArray(telemetry.recentDecisions) && telemetry.recentDecisions.length ? h('details', { className: 'dsub-group', 'data-pane': 'overview', style: { marginBottom: '14px' } },
1801
1845
  h('summary', { className: 'dsub-groupHead' }, '🧭 ' + t('rotationDecisionsTitle')),
1802
1846
  h('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('rotationDecisionsDesc')),
1803
1847
  h('div', { className: 'dsub-trace-box' },
@@ -1817,7 +1861,7 @@ window.__ModuleLoader__.load({
1817
1861
  })
1818
1862
  ),
1819
1863
  ) : null,
1820
- accounts && accounts.length ? h('details', { className: 'dsub-group', open: true, style: { marginBottom: '14px' } },
1864
+ accounts && accounts.length ? h('details', { className: 'dsub-group', 'data-pane': 'overview', style: { marginBottom: '14px' } },
1821
1865
  h('summary', { className: 'dsub-groupHead' }, '📊 ' + (t('healthMatrix') || 'Health Matrix & Quota Runway')),
1822
1866
  h('div', { style: { padding: '8px 0', overflowX: 'auto' } },
1823
1867
  h('table', { style: { width: '100%', fontSize: '12px', borderCollapse: 'collapse' } },
@@ -1853,7 +1897,7 @@ window.__ModuleLoader__.load({
1853
1897
  h('div', { className: 'dsub-h' }, t('title')),
1854
1898
  h('div', { className: 'dsub-sub' },
1855
1899
  t('intro')),
1856
- h('details', { className: 'dsub-group', open: true },
1900
+ h('details', { className: 'dsub-group', 'data-pane': 'routing' },
1857
1901
  h('summary', { className: 'dsub-groupHead' }, t('groupAuth')),
1858
1902
  h('label', { className: 'dsub-row' },
1859
1903
  h('input', {
@@ -1876,7 +1920,7 @@ window.__ModuleLoader__.load({
1876
1920
  h('div', { className: 'dsub-sub' },
1877
1921
  t('autoLoopbackHint')),
1878
1922
  ),
1879
- h('details', { className: 'dsub-group', open: true },
1923
+ h('details', { className: 'dsub-group', 'data-pane': 'advanced' },
1880
1924
  h('summary', { className: 'dsub-groupHead' }, t('groupPrivacy')),
1881
1925
  h('label', { className: 'dsub-row' },
1882
1926
  h('input', {
@@ -1899,9 +1943,9 @@ window.__ModuleLoader__.load({
1899
1943
  h('div', { className: 'dsub-sub' },
1900
1944
  t('hideDeprecatedHint')),
1901
1945
  ),
1902
- h('details', { className: 'dsub-group', open: true },
1903
- h('summary', { className: 'dsub-groupHead' }, t('groupRotation')),
1904
- h('div', { className: 'dsub-row' },
1946
+ h('details', { className: 'dsub-group', 'data-pane': 'routing' },
1947
+ h('summary', { className: 'dsub-groupHead' }, t('groupDisplay')),
1948
+ h('div', { className: 'dsub-row' },
1905
1949
  h('span', { className: 'dsub-h' }, t('composerQuotaDisplay')),
1906
1950
  h('select', {
1907
1951
  className: 'dsub-select',
@@ -1925,11 +1969,7 @@ window.__ModuleLoader__.load({
1925
1969
  ),
1926
1970
  ),
1927
1971
  h('div', { className: 'dsub-sub' }, t('quotaWidgetHint')),
1928
- h(SourcesPanel, { t }),
1929
- h(ProviderPacksPanel, { t }),
1930
- h(VaultSnapshotsPanel, { t }),
1931
-
1932
- h('div', { className: 'dsub-row' },
1972
+ h('div', { className: 'dsub-row' },
1933
1973
  h('span', { className: 'dsub-h' }, t('composerQuota')),
1934
1974
  h('select', {
1935
1975
  className: 'dsub-select',
@@ -1944,7 +1984,22 @@ window.__ModuleLoader__.load({
1944
1984
  ),
1945
1985
  h('div', { className: 'dsub-sub' },
1946
1986
  t('composerQuotaHint')),
1947
- h('div', { className: 'dsub-row' },
1987
+ ),
1988
+ h('details', { className: 'dsub-group', 'data-pane': 'routing' },
1989
+ h('summary', { className: 'dsub-groupHead' }, t('sources')),
1990
+ h(SourcesPanel, { t }),
1991
+ ),
1992
+ h('details', { className: 'dsub-group', 'data-pane': 'models' },
1993
+ h('summary', { className: 'dsub-groupHead' }, t('providerPacks')),
1994
+ h(ProviderPacksPanel, { t }),
1995
+ ),
1996
+ h('details', { className: 'dsub-group', 'data-pane': 'vault' },
1997
+ h('summary', { className: 'dsub-groupHead' }, t('vaultSnapshots')),
1998
+ h(VaultSnapshotsPanel, { t }),
1999
+ ),
2000
+ h('details', { className: 'dsub-group', 'data-pane': 'notifications' },
2001
+ h('summary', { className: 'dsub-groupHead' }, t('notifications')),
2002
+ h('div', { className: 'dsub-row' },
1948
2003
  h('span', { className: 'dsub-h' }, t('expiryNotifyDays')),
1949
2004
  h('input', {
1950
2005
  type: 'number',
@@ -2005,7 +2060,7 @@ window.__ModuleLoader__.load({
2005
2060
  h('div', { className: 'dsub-sub' }, t('digestHint')),
2006
2061
  h(WebhookTestButton, { t }),
2007
2062
  ),
2008
- h('details', { className: 'dsub-group', open: true },
2063
+ h('details', { className: 'dsub-group', 'data-pane': 'routing' },
2009
2064
  h('summary', { className: 'dsub-groupHead' }, '🚦 ' + t('groupQueue')),
2010
2065
  h('label', { className: 'dsub-row' },
2011
2066
  h('input', {
@@ -2056,7 +2111,7 @@ window.__ModuleLoader__.load({
2056
2111
  ),
2057
2112
  h('div', { className: 'dsub-sub' }, t('queueTimeoutSecHint')),
2058
2113
  ),
2059
- h('details', { className: 'dsub-group', open: true },
2114
+ h('details', { className: 'dsub-group', 'data-pane': 'routing' },
2060
2115
  h('summary', { className: 'dsub-groupHead' }, t('groupProvider')),
2061
2116
  h('label', { className: 'dsub-row' },
2062
2117
  h('input', {
@@ -2110,7 +2165,7 @@ window.__ModuleLoader__.load({
2110
2165
  h('div', { className: 'dsub-sub' },
2111
2166
  t('copilotCliPathHint')),
2112
2167
  ),
2113
- h('details', { className: 'dsub-group', open: true },
2168
+ h('details', { className: 'dsub-group', 'data-pane': 'routing' },
2114
2169
  h('summary', { className: 'dsub-groupHead' }, t('groupFallback')),
2115
2170
  h('label', { className: 'dsub-row' },
2116
2171
  h('input', {
@@ -2139,7 +2194,7 @@ window.__ModuleLoader__.load({
2139
2194
  }),
2140
2195
  ) : null,
2141
2196
  ),
2142
- h('details', { className: 'dsub-group' },
2197
+ h('details', { className: 'dsub-group', 'data-pane': 'models' },
2143
2198
  h('summary', { className: 'dsub-groupHead' }, '🎯 ' + t('modelsCatalogTitle')),
2144
2199
  h('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('modelsCatalogDesc')),
2145
2200
  h('div', { className: 'dsub-model-grid' },
@@ -2190,7 +2245,7 @@ window.__ModuleLoader__.load({
2190
2245
  })
2191
2246
  ),
2192
2247
  ),
2193
- h('details', { className: 'dsub-group' },
2248
+ h('details', { className: 'dsub-group', 'data-pane': 'models' },
2194
2249
  h('summary', { className: 'dsub-groupHead' }, '🧠 ' + t('reasoningEffortTitle')),
2195
2250
  h('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('reasoningEffortDesc')),
2196
2251
  h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '8px', marginTop: '10px' } },
@@ -2204,7 +2259,7 @@ window.__ModuleLoader__.load({
2204
2259
  })
2205
2260
  )
2206
2261
  ),
2207
- h('details', { className: 'dsub-details' },
2262
+ h('details', { className: 'dsub-details', 'data-pane': 'advanced' },
2208
2263
  h('summary', { className: 'dsub-summary' }, t('advancedSettings')),
2209
2264
  h('div', { className: 'dsub-block' },
2210
2265
  h('div', { className: 'dsub-row' },
@@ -2546,8 +2601,7 @@ window.__ModuleLoader__.load({
2546
2601
  }
2547
2602
  const visibleNames = names.filter((prov) => newProviders.includes(prov.id)
2548
2603
  || slots.some((slot) => slot.provider === prov.id && configuredSlot(slot)))
2549
- const hiddenNames = names.filter((prov) => visibleNames.indexOf(prov) < 0)
2550
- return h(React.Fragment, null,
2604
+ return h('div', { className: 'dsub-accountsPane', 'data-pane': 'accounts' },
2551
2605
  visibleNames.map((prov) => {
2552
2606
  const rows = slots
2553
2607
  .map((slot, i) => ({ slot: slot, i: i }))
@@ -3171,20 +3225,43 @@ window.__ModuleLoader__.load({
3171
3225
  }, t('addAccount')),
3172
3226
  )
3173
3227
  }),
3174
- hiddenNames.length ? h('details', { className: 'dsub-group', open: visibleNames.length === 0 },
3175
- h('summary', { className: 'dsub-groupHead' }, '➕ ' + t('providerGallery')),
3176
- h('div', { className: 'dsub-sub' }, t('providerGalleryHint')),
3177
- h('div', { className: 'dsub-model-grid' },
3178
- hiddenNames.map((prov) => h('button', {
3179
- key: prov.id,
3180
- type: 'button',
3181
- className: 'dsub-mini',
3182
- onClick: () => addSlot(prov.id),
3183
- }, prov.name))
3184
- )
3185
- ) : null
3228
+
3186
3229
  )
3187
3230
  })(),
3231
+ pickerOpen ? h('div', {
3232
+ className: 'dsub-modalWrap',
3233
+ onClick: (e) => { if (e.target === e.currentTarget) setPickerOpen(false) },
3234
+ },
3235
+ h('div', { className: 'dsub-modal', role: 'dialog', 'aria-modal': 'true', 'aria-label': t('providerGallery') },
3236
+ h('div', { className: 'dsub-modalHead' },
3237
+ h('div', { className: 'dsub-modalTitleWrap' },
3238
+ h('div', { className: 'dsub-modalIcon' }, '➕'),
3239
+ h('div', { className: 'dsub-h' }, t('providerGallery')),
3240
+ ),
3241
+ h('button', {
3242
+ type: 'button', className: 'dsub-mini', 'aria-label': t('closeModal'),
3243
+ onClick: () => setPickerOpen(false),
3244
+ }, '✕'),
3245
+ ),
3246
+ h('div', { className: 'dsub-sub', style: { marginTop: 10 } }, t('providerGalleryHint')),
3247
+ h('input', {
3248
+ className: 'dsub-inp',
3249
+ style: { width: '100%', marginTop: 10 },
3250
+ placeholder: t('searchProviders'),
3251
+ value: pickerQuery,
3252
+ onChange: (e) => setPickerQuery(e.target.value),
3253
+ autoFocus: true,
3254
+ }),
3255
+ h('div', { className: 'dsub-model-grid', style: { marginTop: 12 } },
3256
+ names.filter((prov) => prov.name.toLowerCase().includes(pickerQuery.trim().toLowerCase())).map((prov) => h('button', {
3257
+ key: prov.id,
3258
+ type: 'button',
3259
+ className: 'dsub-mini',
3260
+ onClick: () => { addSlot(prov.id); setPickerOpen(false); setPickerQuery('') },
3261
+ }, prov.name)),
3262
+ ),
3263
+ ),
3264
+ ) : null,
3188
3265
  h('div', { className: 'dsub-foot' },
3189
3266
  h('button', {
3190
3267
  type: 'button', className: 'dsub-save',
@@ -3197,6 +3274,14 @@ window.__ModuleLoader__.load({
3197
3274
  )
3198
3275
  }
3199
3276
 
3277
+ // Full-page settings.section for DSH 0.2; plugins.item remains the 0.1 fallback.
3278
+ function SubsSettingsPage(props) {
3279
+ const pageT = (props && props.t) || t
3280
+ return h('div', { className: 'dsub-settingsPage' },
3281
+ h(ErrorBoundary, null, h(SubsSection, Object.assign({}, props, { t: pageT }))),
3282
+ )
3283
+ }
3284
+
3200
3285
  // The card in the Plugins tab follows the bash/agent-loop/web-search cards:
3201
3286
  // titled header with description and chevron, collapsible, bordered.
3202
3287
  function PluginCard(props) {
@@ -3272,14 +3357,6 @@ window.__ModuleLoader__.load({
3272
3357
  }
3273
3358
 
3274
3359
  function registerSettings(ctx) {
3275
- // Languages can come from more than this plugin: dictionary packages declare
3276
- // Russian for foreign namespaces. The core throws on re-declaring the same
3277
- // namespace+language pair, and an unguarded call used to take down the
3278
- // whole plugin - in the UI it surfaced as Failed to
3279
- // load plugins listing perfectly innocent neighbours.
3280
- //
3281
- // So each language is declared separately and politely: if someone got
3282
- // there first we yield, while our own English still lands.
3283
3360
  const addLocale = (locale, dictionary) => {
3284
3361
  try {
3285
3362
  return ctx.locale.register(NS, locale, dictionary)
@@ -3291,58 +3368,73 @@ window.__ModuleLoader__.load({
3291
3368
  const undo = [addLocale('en', en), addLocale('zh', zh)]
3292
3369
  return () => { for (const off of undo) off() }
3293
3370
  }, 'dsh-subscriptions: locales')
3294
- // Labels outside a component take the translator bound to the namespace.
3295
3371
  setT(ctx.locale.bind(NS))
3296
- // The canonical place is the Plugins tab: a card with its own header
3297
- // and collapse instead of a row in the side list. The registration key must
3298
- // equal the settings namespace, otherwise the tab silently hides the slot.
3372
+
3299
3373
  ctx.effect(() => {
3300
3374
  const cleanups = []
3301
- try {
3302
- if (ctx.slots && typeof ctx.slots.inject === 'function') {
3303
- const un1 = ctx.slots.inject('plugins.item', () => ctx.slots.register(
3304
- {
3305
- name: 'plugins.item',
3306
- id: ROW_ID,
3307
- order: 60,
3308
- label: () => t('title') || 'Subscriptions',
3309
- locale: NS,
3310
- inject: () => ({ ctx: ctx }),
3311
- },
3312
- PluginCard,
3313
- ))
3314
- if (typeof un1 === 'function') cleanups.push(un1)
3315
-
3316
- // DSH 0.2 bundle config seat: rendered in PackageDetail when viewing package
3317
- const unBundle = ctx.slots.inject('plugins.bundle.config', () => ctx.slots.register(
3375
+ const registerLegacySeats = () => {
3376
+ if (!ctx.slots || typeof ctx.slots.inject !== 'function') return
3377
+ const un1 = ctx.slots.inject('plugins.item', () => ctx.slots.register(
3378
+ {
3379
+ name: 'plugins.item',
3380
+ id: ROW_ID,
3381
+ order: 60,
3382
+ label: () => t('title') || 'Subscriptions',
3383
+ locale: NS,
3384
+ inject: () => ({ ctx: ctx }),
3385
+ },
3386
+ PluginCard,
3387
+ ))
3388
+ if (typeof un1 === 'function') cleanups.push(un1)
3389
+ const unBundle = ctx.slots.inject('plugins.bundle.config', () => ctx.slots.register(
3390
+ {
3391
+ name: 'plugins.bundle.config',
3392
+ key: PKG,
3393
+ locale: NS,
3394
+ inject: () => ({ ctx: ctx }),
3395
+ },
3396
+ PluginCard,
3397
+ ))
3398
+ if (typeof unBundle === 'function') cleanups.push(unBundle)
3399
+ for (const key of [ROW_CONFIG_KEY, ROW_ID + '#' + ROW_ID, ROW_ID]) {
3400
+ const unRow = ctx.slots.inject('plugins.row.config', () => ctx.slots.register(
3318
3401
  {
3319
- name: 'plugins.bundle.config',
3320
- key: PKG,
3402
+ name: 'plugins.row.config',
3403
+ key,
3321
3404
  locale: NS,
3322
3405
  inject: () => ({ ctx: ctx }),
3323
3406
  },
3324
3407
  PluginCard,
3325
3408
  ))
3326
- if (typeof unBundle === 'function') cleanups.push(unBundle)
3409
+ if (typeof unRow === 'function') cleanups.push(unRow)
3410
+ }
3411
+ }
3327
3412
 
3328
- // DSH 0.1/0.2 row config seats
3329
- for (const key of [ROW_CONFIG_KEY, ROW_ID + '#' + ROW_ID, ROW_ID]) {
3330
- const unRow = ctx.slots.inject('plugins.row.config', () => ctx.slots.register(
3413
+ let hasSection = false
3414
+ try {
3415
+ if (ctx.slots && typeof ctx.slots.inject === 'function') {
3416
+ const unSection = ctx.slots.inject('settings.section', () => {
3417
+ hasSection = true
3418
+ return ctx.slots.register(
3331
3419
  {
3332
- name: 'plugins.row.config',
3333
- key,
3420
+ name: 'settings.section',
3421
+ id: ROW_ID,
3422
+ order: 60,
3423
+ label: () => t('title') || 'Subscriptions',
3334
3424
  locale: NS,
3335
3425
  inject: () => ({ ctx: ctx }),
3336
3426
  },
3337
- PluginCard,
3338
- ))
3339
- if (typeof unRow === 'function') cleanups.push(unRow)
3340
- }
3341
-
3342
-
3427
+ SubsSettingsPage,
3428
+ )
3429
+ })
3430
+ if (typeof unSection === 'function') cleanups.push(unSection)
3431
+ const timer = setTimeout(() => {
3432
+ if (!hasSection) registerLegacySeats()
3433
+ }, 250)
3434
+ cleanups.push(() => clearTimeout(timer))
3343
3435
  }
3344
3436
  } catch {
3345
- // Slot system not available — expected on headless / non-web profiles.
3437
+ // Slot system unavailable: headless/non-web profile.
3346
3438
  }
3347
3439
  return () => {
3348
3440
  for (const off of cleanups) {
@@ -4266,4 +4358,4 @@ window.__ModuleLoader__.load({
4266
4358
  }
4267
4359
  return module.exports
4268
4360
  },
4269
- })
4361
+ })
package/lib/routes.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { readFileSync } from 'node:fs'
1
2
  import { publicConfig } from './config-schema.js'
2
3
  import { PROVIDERS, displayName } from './refs.js'
3
4
  import { escapeHtml, isLoopback, writeHtml, writeJson } from './http.js'
@@ -12,6 +13,8 @@ import { registerVaultRoutes } from './routes/vault.js'
12
13
  import { registerMetricsRoutes } from './routes/metrics.js'
13
14
  import { registerPluginUpdater } from './updater.js'
14
15
 
16
+ const CLIENT_CSS = readFileSync(new URL('./client.css', import.meta.url), 'utf8')
17
+
15
18
  export function registerRoutes(ctx, state) {
16
19
  const {
17
20
  accountsView,
@@ -27,6 +30,20 @@ export function registerRoutes(ctx, state) {
27
30
  }
28
31
  }
29
32
 
33
+ ctx.effect(() => ctx.webServer.register({
34
+ kind: 'exact',
35
+ path: '/dsh-subscriptions/client.css',
36
+ handler: (req, res) => {
37
+ if (req.method !== 'GET') {
38
+ res.writeHead(405, { 'content-type': 'text/plain; charset=utf-8' })
39
+ res.end('GET only')
40
+ return
41
+ }
42
+ res.writeHead(200, { 'content-type': 'text/css; charset=utf-8', 'cache-control': 'public, max-age=300' })
43
+ res.end(CLIENT_CSS)
44
+ },
45
+ }), 'dsh-subscriptions: client css')
46
+
30
47
  ctx.effect(() => registerPluginUpdater(ctx, {
31
48
  endpoint: '/dsh-subscriptions/update',
32
49
  aliases: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goodandready/dsh-subscriptions",
3
- "version": "0.7.13",
3
+ "version": "0.7.15",
4
4
  "description": "Use ChatGPT Codex, Claude, Grok, Antigravity, Kimi, GLM, Cursor, Kiro, Copilot, Qwen, ERNIE, Spark, JetBrains, Perplexity, Replit, and Cody subscriptions as DeepSeek Harness LLM providers via OAuth.",
5
5
  "license": "MIT",
6
6
  "type": "module",