@goodandready/dsh-subscriptions 0.6.71 → 0.6.82

package/lib/client.js

@@ -4,6 +4,7 @@ window.__ModuleLoader__.load({
     var module = { exports: {} }
     var exports = module.exports
     const React = require('react')
+    const h = React.createElement
 
     // Modular translator: shared by component subscriptions and helpers.
     let t = (key) => key
@@ -22,12 +23,12 @@ window.__ModuleLoader__.load({
       }
       render() {
         if (this.state.hasError) {
-          return React.createElement(
+          return h(
             "div",
             { style: { padding: "12px", border: "1px solid var(--dsw-alias-state-error-primary)", borderRadius: "8px", background: "var(--dsw-alias-bg-layer-2)", margin: "8px 0", fontSize: "13px" } },
-            React.createElement("div", { style: { fontWeight: 600, color: "var(--dsw-alias-state-error-primary)", marginBottom: "4px" } }, "Subscriptions UI error"),
-            React.createElement("div", { style: { color: "var(--dsw-alias-label-secondary)", fontSize: "12px", marginBottom: "8px" } }, String(this.state.error && this.state.error.message || this.state.error || "Unknown error")),
-            React.createElement("button", {
+            h("div", { style: { fontWeight: 600, color: "var(--dsw-alias-state-error-primary)", marginBottom: "4px" } }, "Subscriptions UI error"),
+            h("div", { style: { color: "var(--dsw-alias-label-secondary)", fontSize: "12px", marginBottom: "8px" } }, String(this.state.error && this.state.error.message || this.state.error || "Unknown error")),
+            h("button", {
               className: "dsub-mini",
               onClick: () => this.setState({ hasError: false, error: null })
             }, "Retry")
@@ -39,168 +40,8 @@ window.__ModuleLoader__.load({
 
 
     const CSS =
-    '.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-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)}'
-
-const cssId = 'dsh-subscriptions/settings.module.css'
+    ".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-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)}";
+    const cssId = 'dsh-subscriptions/settings.module.css'
     if (typeof document !== 'undefined' && !document.querySelector('style[data-plugin-css="' + cssId + '"]')) {
       const tag = document.createElement('style')
       tag.textContent = CSS
@@ -210,155 +51,21 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       document.head.appendChild(tag)
     }
 
-    // Card strings live in the locale registry: a separate package translates
-    // them without touching this plugin's code. English is the default,
-    // and the fallback when no translation exists.
     const NS = 'dsh-subscriptions'
     // Plugins page row seat (DSH 0.1.6-alpha.2): key = '<package name>#<row id>'.
     const PKG = '@goodandready/dsh-subscriptions'
     const ROW_ID = 'dsh-subscriptions'
     const ROW_CONFIG_KEY = PKG + '#' + ROW_ID
     
-    const INSTRUCTIONS = {
-      codex: {
-        title: "OpenAI / ChatGPT Codex",
-        stepsEn: [
-          "1. Log in via CLI on server: run \"codex login\" in terminal.",
-          "2. Click \"📥 From CLI\" to auto-import ~/.codex/auth.json.",
-          "3. Or click \"Device Login\" above and enter the code at auth.openai.com.",
-        ],
-        stepsZh: [
-          "1. 在服务器上通过 CLI 登录：在终端运行 \"codex login\"。",
-          "2. 点击 \"📥 从 CLI 导入\" 自动读取 ~/.codex/auth.json。",
-          "3. 或者点击上方的 \"设备码登录\" (Device Login) 并在 auth.openai.com 输入代码。",
-        ],
-        link: "https://chatgpt.com",
-      },
-      claude: {
-        title: "Claude Code",
-        stepsEn: [
-          "1. Run \"claude login\" in server console.",
-          "2. Click \"📥 From CLI\" — plugin will import ~/.claude/credentials.json.",
-          "3. Or paste your Session Token / API Key from Anthropic Console and click \"Save token\".",
-        ],
-        stepsZh: [
-          "1. 在服务器控制台运行 \"claude login\"。",
-          "2. 点击 \"📥 从 CLI 导入\" — 插件将自动导入 ~/.claude/credentials.json。",
-          "3. 或者从 Anthropic 控制台复制您的 Session Token 或 API Key 并点击 \"保存令牌\"。",
-        ],
-        link: "https://console.anthropic.com/settings/keys",
-      },
-      cursor: {
-        title: "Cursor IDE",
-        stepsEn: [
-          "1. Auto CLI: if Cursor is used on server, click \"📥 From CLI\" (reads from ~/.cursor/cli-config.json).",
-          "2. Manual: open Cursor Settings (Connect button or link below), copy your session token or API key.",
-          "3. Paste it into the input field and click \"Save token\".",
-        ],
-        stepsZh: [
-          "1. CLI 自动导入：若服务器安装了 Cursor，点击 \"📥 从 CLI 导入\" (读取自 ~/.cursor/cli-config.json)。",
-          "2. 手动导入：打开 Cursor 设置页面（点击连接或下方链接），复制 WorkOS 会话令牌或 API 密钥。",
-          "3. 将其粘贴到输入框中并点击 \"保存令牌\"。",
-        ],
-        link: "https://cursor.com/settings",
-      },
-      antigravity: {
-        title: "Google Antigravity / Gemini",
-        stepsEn: [
-          "1. Easiest way: click \"📥 From CLI\" — server already has active token in ~/.gemini/antigravity-cli/antigravity-oauth-token.",
-          "2. Clicking \"📥 From CLI\" instantly loads fresh credentials.",
-          "3. Manual: paste session JSON or OAuth tokens and click \"Save token\".",
-          "Note: \"Connect\" button requires custom Google client_id in plugin settings; use \"📥 From CLI\" for seamless login!",
-        ],
-        stepsZh: [
-          "1. 推荐方式：点击 \"📥 从 CLI 导入\" — 服务器已保存 ~/.gemini/antigravity-cli/antigravity-oauth-token 会话。",
-          "2. 点击 \"📥 从 CLI 导入\" 可即时加载最新的凭据与 refresh_token。",
-          "3. 手动输入：将会话 JSON 或 OAuth access_token/refresh_token 粘贴至输入框并保存。",
-          "注：\"连接\" 按钮需要自定义 Google OAuth Client ID，推荐直接使用 \"📥 从 CLI 导入\"！",
-        ],
-        link: "https://antigravity.google",
-      },
-      kimi: {
-        title: "Moonshot Kimi",
-        stepsEn: [
-          "1. Open Moonshot developer console (link below or click Connect).",
-          "2. Generate and copy your API Key (sk-...).",
-          "3. Paste it into the input field and click \"Save token\".",
-          "4. Or click \"📥 From CLI\" if ~/.kimi-code is configured.",
-        ],
-        stepsZh: [
-          "1. 打开 Moonshot 开发者控制台（点击下方链接或点击连接）。",
-          "2. 创建并复制您的 API 密钥 (sk-...)。",
-          "3. 将密钥粘贴到槽位输入框中并点击 \"保存令牌\"。",
-          "4. 如果配置了 Kimi Code CLI，也可点击 \"📥 从 CLI 导入\" (~/.kimi-code)。",
-        ],
-        link: "https://platform.moonshot.cn/console/api-keys",
-      },
-      glm: {
-        title: "Zhipu GLM (Z.AI)",
-        stepsEn: [
-          "1. Open Zhipu BigModel API Keys center (link below or click Connect).",
-          "2. Copy your GLM API Key.",
-          "3. Paste it into the input field and click \"Save token\".",
-          "4. Or click \"📥 From CLI\" if ZCode CLI is installed (~/.zcode).",
-        ],
-        stepsZh: [
-          "1. 打开智谱 AI 开放平台（点击下方链接或点击连接）。",
-          "2. 复制您的 GLM API 密钥。",
-          "3. 粘贴到输入框中并点击 \"保存令牌\"。",
-          "4. 若已安装 ZCode CLI (~/.zcode)，点击 \"📥 从 CLI 导入\" 即可自动导入。",
-        ],
-        link: "https://bigmodel.cn/usercenter/proj-mgmt/apikeys",
-      },
-      grok: {
-        title: "xAI Grok",
-        stepsEn: [
-          "1. Click \"Device Login\" (or \"Connect\") on the slot card.",
-          "2. A one-time code will appear on the card.",
-          "3. Open https://accounts.x.ai/oauth2/device, enter the code, and approve access for your xAI account.",
-          "4. The plugin automatically captures tokens and enables Grok models.",
-          "5. Or click \"📥 From CLI\" (~/.grok/auth.json) / paste an xAI API Key.",
-        ],
-        stepsZh: [
-          "1. 点击卡片上的 \"设备码登录\" (Device Login) 或 \"连接\"。",
-          "2. 界面将展示一次性设备授权码。",
-          "3. 打开 https://accounts.x.ai/oauth2/device，输入代码，并为您拥有 Grok 订阅的 xAI 账户授权。",
-          "4. 授权成功后，插件会自动捕获会话并激活 Grok 官方模型。",
-          "5. 或点击 \"📥 从 CLI 导入\" (~/.grok/auth.json) / 直接粘贴 xAI API 密钥。",
-        ],
-        link: "https://accounts.x.ai/oauth2/device",
-      },
-      kiro: {
-        title: "AWS Kiro",
-        stepsEn: [
-          "1. Click \"📥 From CLI\" to import from ~/.kiro/credentials.json.",
-          "2. Or paste KIRO_API_KEY and click \"Save token\".",
-        ],
-        stepsZh: [
-          "1. 点击 \"📥 从 CLI 导入\" 从 ~/.kiro/credentials.json 或 ~/.aws/sso 导入凭据。",
-          "2. 或直接粘贴 KIRO_API_KEY 并点击 \"保存令牌\"。",
-        ],
-        link: "https://aws.amazon.com",
-      },
-      copilot: {
-        title: "GitHub Copilot",
-        stepsEn: [
-          "1. Click \"Device Login\" (or \"Connect\") on the slot card.",
-          "2. A one-time code will appear on the card.",
-          "3. Open https://github.com/login/device, enter the code, and approve access for your GitHub account with Copilot subscription.",
-          "4. The plugin automatically captures tokens and enables Copilot models.",
-        ],
-        stepsZh: [
-          "1. 点击卡片上的 \"设备码登录\" (Device Login) 或 \"连接\"。",
-          "2. 界面将展示一次性设备授权码。",
-          "3. 在浏览器打开 https://github.com/login/device 输入代码，并为您拥有 Copilot 订阅的 GitHub 账户授权。",
-          "4. 授权成功后，插件会自动捕获会话并激活 GitHub Copilot 官方模型。",
-        ],
-        link: "https://github.com/login/device",
-      },
-    }
+    let INSTRUCTIONS = {};
 
     const en = {
+      "syncModels": "Sync Models",
+      "syncModelsTitle": "Discover and synchronize available models from vendor API",
+      "modelsSynced": "Models synchronized",
+      "doctorDiagnosis": "Doctor Verdict",
+      "recommendation": "Recommendation",
+      "pingTitle": "Measure network latency to provider API",
       "notConnected": "Not connected",
       "verifyAccount": "Verify account",
       "coolingDown": "Cooling down",
@@ -447,6 +154,24 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       "recentErrorsDesc": "Last 20 runtime failures across model streams and providers (sanitized).",
       "recentErrorsClear": "Clear Log",
       "recentErrorsEmpty": "No recent errors recorded",
+      "atRestEncrypted": "Encrypted at Rest (AES-256-GCM)",
+      "atRestEncryptedTitle": "Credentials are protected at rest with master key encryption.",
+      "maxConcurrencySlotTitle": "Max parallel streams for this account slot (default: 1)",
+      "concurrencyQueueHint": "Active and queued parallel requests for this account",
+      "activeStreams": "active",
+      "queuedStreams": "queued",
+      "pacingRunwayHint": "Estimated time before quota exhausts at current pace",
+      "runwayPrefix": "Runway",
+      "billingAlertHint": "Billing status notice from provider",
+      "renewalHint": "Subscription billing cycle renewal date",
+      "valueDeliveredHint": "Equivalent official API cost of consumed tokens vs subscription price",
+      "capabilitiesHint": "Subscription capabilities, context window and model features",
+      "orPasteVaultPayload": "or paste vault payload below",
+      "workspaceTitle": "Organization / Workspace",
+      "workspaceSelect": "Select active organization/workspace",
+      "personalWorkspace": "Personal Default",
+      "windowResetsAt": "Window resets at",
+      "quotaRecovery": "Quota recovery",
       "toastCooldownRecovered": "is now available (cooldown expired)",
       "modelsCatalogTitle": "Curated Subscription Models",
       "modelsCatalogDesc": "Available model catalog across active subscriptions in DeepSeek Harness.",
@@ -558,6 +283,11 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       "instructionsTitle": "How to obtain token",
       "close": "Close",
       "reconnectRequired": "Reconnect required",
+      "reconnectNow": "Re-authenticate now",
+      "scopeWarning": "OAuth scope warning",
+      "reconnectScope": "Re-grant scopes",
+      "sessionRevokedBadge": "Revoked / Expired",
+      "sessionRevokedWarning": "Session expired / revoked — re-authorization required",
       "manualTitle": "If the browser did not come back",
       "updateChecking": "Checking updates…",
       "updateUpToDate": "Up to date",
@@ -602,6 +332,19 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       "toastReleased": "Account active and healthy",
       "toastQuotaWarning": "Quota threshold exceeded",
       "enableToasts": "In-app toast alerts",
+      "headlessTip": "Headless / Remote Server?",
+      "headlessSshCommand": "SSH Port Forward Command:",
+      "headlessCopySsh": "Copy SSH Command",
+      "headlessCopied": "Copied!",
+      "headlessScanQr": "Scan with Mobile to Authenticate:",
+      "vaultSyncTitle": "Automated Remote Vault Sync",
+      "vaultSyncPush": "Sync Now (Push)",
+      "vaultSyncPull": "Sync Now (Pull)",
+      "vaultSyncPushOk": "Vault successfully pushed to remote storage",
+      "vaultSyncPullOk": "Vault successfully pulled and merged from remote storage",
+      "vaultSyncBackend": "Backend:",
+      "vaultSyncLastPush": "Last Push:",
+      "vaultSyncLastPull": "Last Pull:",
       "groupQueue": "Concurrency & Request Queue",
       "enableQueue": "Enable request queue",
       "enableQueueHint": "Queue excess requests when account hits concurrency limit instead of failing with 429",
@@ -649,6 +392,12 @@ const cssId = 'dsh-subscriptions/settings.module.css'
 };
 
     const zh = {
+      "syncModels": "同步模型",
+      "syncModelsTitle": "从服务商 API 实时发现并同步可用模型列表",
+      "modelsSynced": "模型已同步",
+      "doctorDiagnosis": "诊断结论",
+      "recommendation": "修复建议",
+      "pingTitle": "测试到服务商 API 的网络往返延迟",
       "notConnected": "未连接",
       "verifyAccount": "需要验证账户",
       "coolingDown": "冷却等待中",
@@ -737,6 +486,24 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       "recentErrorsDesc": "最近 20 条流式传输与 API 调用失败记录（已脱敏）。",
       "recentErrorsClear": "清空记录",
       "recentErrorsEmpty": "暂无错误记录",
+      "atRestEncrypted": "静态存储加密 (AES-256-GCM)",
+      "atRestEncryptedTitle": "凭据已通过主密钥进行静态 AES-256-GCM 加密保护。",
+      "maxConcurrencySlotTitle": "当前账户槽位最大并发请求数（默认：1）",
+      "concurrencyQueueHint": "当前账户槽位进行中与排队中的并发请求",
+      "activeStreams": "活跃",
+      "queuedStreams": "排队中",
+      "pacingRunwayHint": "当前调用速度下的预计剩余可用时间",
+      "runwayPrefix": "可用时长",
+      "billingAlertHint": "服务商账单状态提示",
+      "renewalHint": "订阅账单周期续费日期",
+      "valueDeliveredHint": "消耗 Token 对应的官方 API 价值对比订阅费用",
+      "capabilitiesHint": "订阅账号模型上下文窗口与特权特性",
+      "orPasteVaultPayload": "或在下方粘贴保险库文本",
+      "workspaceTitle": "工作区与组织",
+      "workspaceSelect": "选择生效的工作区或组织",
+      "personalWorkspace": "个人默认",
+      "windowResetsAt": "额度重置于",
+      "quotaRecovery": "额度恢复",
       "toastCooldownRecovered": "已解除冷却恢复可用",
       "modelsCatalogTitle": "精选订阅模型",
       "modelsCatalogDesc": "当前 DeepSeek Harness 活跃订阅下可用模型一览。",
@@ -848,6 +615,11 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       "instructionsTitle": "获取令牌指引",
       "close": "关闭",
       "reconnectRequired": "需要重新连接",
+      "reconnectNow": "立即重新认证",
+      "scopeWarning": "OAuth权限范围警告",
+      "reconnectScope": "重新授权权限",
+      "sessionRevokedBadge": "已失效 / 过期",
+      "sessionRevokedWarning": "会话已过期或失效 — 需要重新授权",
       "manualTitle": "若浏览器未能自动跳转回调",
       "updateChecking": "检查更新中…",
       "updateUpToDate": "已是最新版本",
@@ -889,6 +661,19 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       "releaseQuarantineTitle": "立即解除账户隔离状态",
       "resetsIn": "重置倒计时",
       "toastQuarantined": "账户进入隔离期",
+      "headlessTip": "无头环境 / 远程服务器？",
+      "headlessSshCommand": "SSH 端口转发命令：",
+      "headlessCopySsh": "复制 SSH 命令",
+      "headlessCopied": "已复制！",
+      "headlessScanQr": "使用手机扫描以登录：",
+      "vaultSyncTitle": "远程加密保管库自动同步",
+      "vaultSyncPush": "立即同步 (推送)",
+      "vaultSyncPull": "立即同步 (拉取)",
+      "vaultSyncPushOk": "保管库已成功推送到远程存储",
+      "vaultSyncPullOk": "已从远程存储拉取并合并保管库",
+      "vaultSyncBackend": "存储后端：",
+      "vaultSyncLastPush": "上次推送：",
+      "vaultSyncLastPull": "上次拉取：",
       "toastReleased": "账户已解除隔离恢复使用",
       "toastQuotaWarning": "额度预警",
       "enableToasts": "应用内弹窗提醒",
@@ -965,6 +750,11 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         else if (p.indexOf('team') >= 0) label = 'Team'
         else if (p.indexOf('plus') >= 0) label = 'Plus'
         else if (p.indexOf('enterp') >= 0) label = 'Enterprise'
+      } else if (provider === 'claude') {
+        if (p.indexOf('enterp') >= 0) label = 'Enterprise'
+        else if (p.indexOf('team') >= 0) label = 'Team'
+        else if (p.indexOf('max') >= 0) label = 'Max'
+        else if (p.indexOf('pro') >= 0) label = 'Pro'
       } else if (provider === 'grok') {
         if (p.indexOf('super') >= 0) label = 'SuperGrok'
         else if (p.indexOf('plus') >= 0) label = 'X Premium+'
@@ -976,8 +766,12 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         label = 'Coding Plan'
       } else if (provider === 'glm') {
         label = '150% Boost'
+      } else if (provider === 'perplexity') {
+        label = 'Pro'
+      } else if (provider === 'jetbrains') {
+        label = 'AI Assistant'
       }
-      return label ? React.createElement('span', { className: 'dsub-planBadge' }, label) : null
+      return label ? h('span', { className: 'dsub-planBadge' }, label) : null
     }
 
     function formatRelativeReset(resetAt, lang, now) {
@@ -1005,22 +799,27 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       const ms = (props.resetAt || 0) - now
       if (ms <= 0) return null
       const total = Math.floor(ms / 1000)
+      const d = new Date(props.resetAt)
+      const pad = (n) => String(n).padStart(2, '0')
+      const timeStr = pad(d.getHours()) + ':' + pad(d.getMinutes())
+      const relStr = formatRelativeReset(props.resetAt, t('lang'), now)
       if (total > 3600) {
-        return React.createElement('span', { className: 'dsub-sub', style: { fontVariantNumeric: 'tabular-nums' } },
-          t('resetLabel') + ' ' + formatRelativeReset(props.resetAt, t('lang'), now))
+        return h('span', { className: 'dsub-sub', style: { fontVariantNumeric: 'tabular-nums' } },
+          '⏳ ' + t('windowResetsAt') + ' ' + timeStr + ' (' + relStr + ')')
       }
       const m = Math.floor(total / 60)
       const sec = total % 60
-      const pad = (n) => String(n).padStart(2, '0')
-      return React.createElement('span', { className: 'dsub-sub', style: { fontVariantNumeric: 'tabular-nums' } },
-        t('resetLabel') + ' ' + pad(m) + ':' + pad(sec))
+      return h('span', { className: 'dsub-sub', style: { fontVariantNumeric: 'tabular-nums' } },
+        '⏳ ' + t('windowResetsAt') + ' ' + timeStr + ' (' + relStr + ' · ' + pad(m) + ':' + pad(sec) + ')')
     }
 
     function badgeFor(account, t) {
       if (!account || !account.configured) return t('notConnected')
+      if (account.isRevoked) return t('sessionRevokedBadge')
       if (account.validationUrl) return t('verifyAccount')
       // Issue 303: a quarantined account says why it is parked.
       if (account.quarantineReason && account.quarantineUntil && account.quarantineUntil > Date.now()) {
+        if (account.quarantineReason === 'SESSION_REVOKED' || account.quarantineReason === 'REVOKED') return t('sessionRevokedBadge')
         return account.quarantineReason === 'VERIFY' ? t('verifyAccount') : String(account.quarantineReason)
       }
       if (account.cooldownUntil && account.cooldownUntil > Date.now()) {
@@ -1045,8 +844,8 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       ChevronIcon = null
     }
     function FallbackChevron(props) {
-      return React.createElement('svg', { className: props.className, width: 14, height: 14, viewBox: '0 0 14 14', fill: 'none' },
-        React.createElement('path', { d: 'M3.5 5.25L7 8.75l3.5-3.5', stroke: 'currentColor', 'stroke-width': 1.5, 'stroke-linecap': 'round', 'stroke-linejoin': 'round' }),
+      return h('svg', { className: props.className, width: 14, height: 14, viewBox: '0 0 14 14', fill: 'none' },
+        h('path', { d: 'M3.5 5.25L7 8.75l3.5-3.5', stroke: 'currentColor', 'stroke-width': 1.5, 'stroke-linecap': 'round', 'stroke-linejoin': 'round' }),
       )
     }
     const Chevron = ChevronIcon || FallbackChevron
@@ -1172,6 +971,53 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       const [smoke, setSmoke] = React.useState({ testing: false, result: null })
       const [updater, setUpdater] = React.useState({ checking: false, updating: false, status: null, message: '' })
       const [backupModal, setBackupModal] = React.useState(null)
+      const [vaultSyncInfo, setVaultSyncInfo] = React.useState(null)
+      const [vaultSyncLoading, setVaultSyncLoading] = React.useState(false)
+      const [headlessInfo, setHeadlessInfo] = React.useState({})
+      const [copiedSsh, setCopiedSsh] = React.useState({})
+
+      const loadVaultSyncStatus = () => {
+        fetch('/dsh-subscriptions/vault/sync/status')
+          .then((r) => r.json())
+          .then((d) => { if (d && d.ok) setVaultSyncInfo(d.status) })
+          .catch(() => {})
+      }
+
+      const doVaultSyncPush = async () => {
+        setBackupErr(''); setBackupInfo(''); setVaultSyncLoading(true)
+        try {
+          const res = await fetch('/dsh-subscriptions/vault/sync/push', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+          })
+          const d = await res.json().catch(() => ({}))
+          if (!res.ok || !d.ok) throw new Error((d.error && d.error.message) || ('HTTP ' + res.status))
+          setBackupInfo(t('vaultSyncPushOk'))
+          if (d.status) setVaultSyncInfo(d.status)
+        } catch (e) {
+          setBackupErr(cleanErrorMessage(e.message || e))
+        }
+        setVaultSyncLoading(false)
+      }
+
+      const doVaultSyncPull = async () => {
+        setBackupErr(''); setBackupInfo(''); setVaultSyncLoading(true)
+        try {
+          const res = await fetch('/dsh-subscriptions/vault/sync/pull', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+          })
+          const d = await res.json().catch(() => ({}))
+          if (!res.ok || !d.ok) throw new Error((d.error && d.error.message) || ('HTTP ' + res.status))
+          setBackupInfo(t('vaultSyncPullOk') + (d.result ? ' (' + d.result.slotCount + ' slots)' : ''))
+          if (d.status) setVaultSyncInfo(d.status)
+          if (d.accounts) setAccounts(d.accounts)
+          await reload()
+        } catch (e) {
+          setBackupErr(cleanErrorMessage(e.message || e))
+        }
+        setVaultSyncLoading(false)
+      }
       const [backupPass, setBackupPass] = React.useState('')
       const [backupData, setBackupData] = React.useState('')
       const [backupErr, setBackupErr] = React.useState('')
@@ -1246,7 +1092,7 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           const url = URL.createObjectURL(blob)
           const a = document.createElement('a')
           a.href = url
-          a.download = 'dsh-subscriptions-backup.enc'
+          a.download = 'dsh-subscriptions-vault.enc'
           document.body.appendChild(a)
           a.click()
           document.body.removeChild(a)
@@ -1309,6 +1155,45 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           .catch(() => {})
       }
 
+      const doPing = async (provider, index) => {
+        try {
+          const res = await fetch('/dsh-subscriptions/ping', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ provider, index }),
+          })
+          const d = await res.json()
+          if (d && d.ok) {
+            setAccounts((accs) => accs.map((a) => (a.provider === provider && a.index === index) ? Object.assign({}, a, { lastPingMs: d.latencyMs, latencyGrade: d.latencyGrade, lastDoctorVerdict: null }) : a))
+            setInfo('📶 Ping: ' + d.latencyMs + 'ms (' + d.latencyGrade + ')')
+          } else if (d && d.doctor) {
+            setAccounts((accs) => accs.map((a) => (a.provider === provider && a.index === index) ? Object.assign({}, a, { lastPingMs: d.latencyMs, latencyGrade: d.latencyGrade, lastDoctorVerdict: d.doctor }) : a))
+            setErr('🩺 ' + d.doctor.title)
+          }
+        } catch (e) {
+          setErr(cleanErrorMessage(e.message || e))
+        }
+      }
+
+      const doSyncModels = async (provider, index) => {
+        try {
+          const res = await fetch('/dsh-subscriptions/accounts/sync-models', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ provider, index }),
+          })
+          const d = await res.json()
+          if (d && d.ok) {
+            setAccounts((accs) => accs.map((a) => (a.provider === provider && a.index === index) ? Object.assign({}, a, { availableModels: d.models }) : a))
+            setInfo('✓ ' + (t('modelsSynced') || 'Models synced') + ': ' + d.count + ' models')
+          } else {
+            setErr('✗ ' + ((d && d.doctor && d.doctor.title) || (d && d.error && d.error.message) || 'Sync failed'))
+          }
+        } catch (e) {
+          setErr(cleanErrorMessage(e.message || e))
+        }
+      }
+
       const runSmokeTest = async (provider, index) => {
         setSmoke({ testing: true, result: null })
         try {
@@ -1376,15 +1261,15 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       // #81: settings snapshot status - never render phantom inputs before the
       // config snapshot arrives, and offer a retry when the store is unavailable.
       if (!draft) {
-        return React.createElement('div', { className: 'dsub-wrap' },
-          React.createElement('div', { className: 'dsub-row' },
-            React.createElement('span', { className: 'dsub-sub' }, err ? t('settingsUnavailable') : t('settingsLoading')),
-            err ? React.createElement('button', {
+        return h('div', { className: 'dsub-wrap' },
+          h('div', { className: 'dsub-row' },
+            h('span', { className: 'dsub-sub' }, err ? t('settingsUnavailable') : t('settingsLoading')),
+            err ? h('button', {
               type: 'button', className: 'dsub-mini',
               onClick: () => { setErr(''); reload().catch((e) => setErr(String(e && e.message || e))) },
             }, t('settingsRetry')) : null,
           ),
-          err ? React.createElement('div', { className: 'dsub-bad' }, err) : null,
+          err ? h('div', { className: 'dsub-bad' }, err) : null,
         )
       }
 
@@ -1424,6 +1309,8 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         const res = await fetch('/dsh-subscriptions/oauth/start?provider=' + encodeURIComponent(provider) + '&index=' + encodeURIComponent(index), { cache: 'no-store' })
         const data = await res.json().catch(() => ({}))
         if (!res.ok) throw new Error((data.error && data.error.message) || ('HTTP ' + res.status))
+        const key = provider + ':' + index
+        if (data.headless) setHeadlessInfo((m) => Object.assign({}, m, { [key]: data.headless }))
         if (data.url) window.open(data.url, '_blank', 'noopener')
       }
 
@@ -1439,6 +1326,7 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         })
         const data = await res.json().catch(() => ({}))
         if (!res.ok) throw new Error((data.error && data.error.message) || ('HTTP ' + res.status))
+        if (data.headless) setHeadlessInfo((m) => Object.assign({}, m, { [key]: data.headless }))
         setDevice((m) => Object.assign({}, m, { [key]: { state: data.state, userCode: data.userCode, authUrl: data.authUrl, intervalMs: data.intervalMs || 5000, status: 'pending' } }))
       }
 
@@ -1601,6 +1489,22 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         setTokenDraft((d) => Object.assign({}, d, { [provider + ':' + index]: '' }))
       }
 
+      const switchOrg = async (provider, index, organizationId) => {
+        setErr('')
+        try {
+          const res = await fetch('/dsh-subscriptions/accounts/switch-organization', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ provider, index, organizationId }),
+          })
+          const data = await res.json().catch(() => ({}))
+          if (!res.ok) throw new Error((data.error && data.error.message) || ('HTTP ' + res.status))
+          if (data.accounts) setAccounts(data.accounts)
+        } catch (e) {
+          setErr(cleanErrorMessage(e.message || e))
+        }
+      }
+
       const addSlot = (provider) => {
         const used = slots.filter((s) => s.provider === provider).map((s) => s.index)
         let index = 1
@@ -1617,45 +1521,45 @@ const cssId = 'dsh-subscriptions/settings.module.css'
 
       const connectedCount = accounts.filter((a) => a.configured).length
 
-      return React.createElement('div', { className: 'dsub-wrap' },
-        React.createElement('div', { className: 'dsub-header-bar' },
-          React.createElement('div', { className: 'dsub-row', style: { marginTop: 0 } },
-            React.createElement('span', {
+      return h('div', { className: 'dsub-wrap' },
+        h('div', { className: 'dsub-header-bar' },
+          h('div', { className: 'dsub-row', style: { marginTop: 0 } },
+            h('span', {
               className: 'dsub-badge ' + (hostPing.ok ? 'dsub-badge-ok' : 'dsub-badge-bad')
             }, hostPing.ok
               ? (hostPing.latencyMs != null ? 'Host online (' + hostPing.latencyMs + ' ms)' : t('hostOnline'))
               : t('hostOffline')
             ),
-            React.createElement('span', {
+            h('span', {
               className: 'dsub-badge ' + (connectedCount > 0 ? 'dsub-badge-ok' : 'dsub-badge-warn')
             }, connectedCount > 0
               ? (connectedCount + ' ' + t('subsLogged'))
               : t('subsNotLogged')
             ),
-            React.createElement('span', {
+            h('span', {
               className: 'dsub-badge dsub-badge-neutral'
             }, 'Pool: ' + accounts.length + ' accounts'),
             updater.status && updater.status.updateAvailable
-              ? React.createElement('span', { className: 'dsub-badge dsub-badge-warn' },
+              ? h('span', { className: 'dsub-badge dsub-badge-warn' },
                   '⬆ ' + t('updateAvailable') + ' (v' + (updater.status.latestVersion || '') + ')'
                 )
               : (updater.status && updater.status.currentVersion
-                  ? React.createElement('span', { className: 'dsub-badge dsub-badge-neutral' },
+                  ? h('span', { className: 'dsub-badge dsub-badge-neutral' },
                       'v' + updater.status.currentVersion
                     )
                   : null
                 ),
           ),
-          React.createElement('div', { className: 'dsub-row', style: { marginTop: 0, gap: '8px' } },
+          h('div', { className: 'dsub-row', style: { marginTop: 0, gap: '8px' } },
             updater.status && updater.status.updateAvailable && updater.status.canAutoUpdate
-              ? React.createElement('button', {
+              ? h('button', {
                   type: 'button',
                   className: 'dsub-mini dsub-btn-primary',
                   disabled: updater.updating,
                   onClick: () => performUpdate(),
                 }, updater.updating ? t('updating') : (t('updateNow') + ' → v' + updater.status.latestVersion))
               : null,
-            React.createElement('button', {
+            h('button', {
               type: 'button',
               className: 'dsub-mini',
               disabled: smoke.testing,
@@ -1663,69 +1567,69 @@ const cssId = 'dsh-subscriptions/settings.module.css'
             }, smoke.testing ? t('smokeTesting') : t('runSmoke')),
           ),
         ),
-        updater.message ? React.createElement('div', {
+        updater.message ? h('div', {
           className: updater.message.includes(t('updateSuccessRestart')) ? 'dsub-alert-ok' : 'dsub-alert-bad',
           style: { marginBottom: '12px' }
         }, updater.message) : null,
-        smoke.result ? React.createElement('div', {
+        smoke.result ? h('div', {
           className: smoke.result.ok ? 'dsub-alert-ok' : 'dsub-alert-bad',
           style: { marginBottom: '12px' }
         }, smoke.result.ok
           ? ('🟢 ' + t('smokeOk') + ': ' + (smoke.result.provider || 'Provider').toUpperCase() + ' · ' + (smoke.result.latencyMs != null ? smoke.result.latencyMs + ' ms' : 'OK') + (smoke.result.label ? ' (' + smoke.result.label + ')' : ''))
           : ('❌ ' + t('smokeFail') + ': ' + (smoke.result.error && (smoke.result.error.message || smoke.result.error.code) || 'Unknown error'))
         ) : null,
-        telemetry && telemetry.totalRequests > 0 ? React.createElement('div', { className: 'dsub-grid-2', style: { marginBottom: '14px' } },
-          React.createElement('div', { className: 'dsub-stat-box' },
-            React.createElement('div', { className: 'dsub-stat-val' }, telemetry.successRequests + ' / ' + telemetry.totalRequests),
-            React.createElement('div', { className: 'dsub-stat-lbl' }, t('statsRequests')),
+        telemetry && telemetry.totalRequests > 0 ? h('div', { className: 'dsub-grid-2', style: { marginBottom: '14px' } },
+          h('div', { className: 'dsub-stat-box' },
+            h('div', { className: 'dsub-stat-val' }, telemetry.successRequests + ' / ' + telemetry.totalRequests),
+            h('div', { className: 'dsub-stat-lbl' }, t('statsRequests')),
           ),
-          React.createElement('div', { className: 'dsub-stat-box' },
-            React.createElement('div', { className: 'dsub-stat-val' }, (telemetry.avgLatencyMs || 0) + ' ms'),
-            React.createElement('div', { className: 'dsub-stat-lbl' }, t('statsLatency')),
+          h('div', { className: 'dsub-stat-box' },
+            h('div', { className: 'dsub-stat-val' }, (telemetry.avgLatencyMs || 0) + ' ms'),
+            h('div', { className: 'dsub-stat-lbl' }, t('statsLatency')),
           ),
-          React.createElement('div', { className: 'dsub-stat-box' },
-            React.createElement('div', { className: 'dsub-stat-val' }, (telemetry.successRate || 100) + '%'),
-            React.createElement('div', { className: 'dsub-stat-lbl' }, t('statsSuccessRate')),
+          h('div', { className: 'dsub-stat-box' },
+            h('div', { className: 'dsub-stat-val' }, (telemetry.successRate || 100) + '%'),
+            h('div', { className: 'dsub-stat-lbl' }, t('statsSuccessRate')),
           ),
-          React.createElement('div', { className: 'dsub-stat-box' },
-            React.createElement('div', { className: 'dsub-stat-val' }, (telemetry.cacheHitPercent || 0) + '%'),
-            React.createElement('div', { className: 'dsub-stat-lbl' }, t('cacheHitRate')),
+          h('div', { className: 'dsub-stat-box' },
+            h('div', { className: 'dsub-stat-val' }, (telemetry.cacheHitPercent || 0) + '%'),
+            h('div', { className: 'dsub-stat-lbl' }, t('cacheHitRate')),
           ),
-          React.createElement('div', { className: 'dsub-stat-box' },
-            React.createElement('div', { className: 'dsub-stat-val' }, telemetry.lastRequestAt ? Math.round((Date.now() - telemetry.lastRequestAt) / 60000) + 'm ago' : '—'),
-            React.createElement('div', { className: 'dsub-stat-lbl' }, t('statsLastActivity')),
+          h('div', { className: 'dsub-stat-box' },
+            h('div', { className: 'dsub-stat-val' }, telemetry.lastRequestAt ? Math.round((Date.now() - telemetry.lastRequestAt) / 60000) + 'm ago' : '—'),
+            h('div', { className: 'dsub-stat-lbl' }, t('statsLastActivity')),
           ),
         ) : null,
-        (analytics && (analytics.totalRequests > 0 || (analytics.hourly && analytics.hourly.some(function(b) { return b.requests > 0 })))) || (queueStats && (queueStats.totalActive > 0 || queueStats.totalQueued > 0)) ? React.createElement('details', { className: 'dsub-group', open: true, style: { marginBottom: '14px' } },
-          React.createElement('summary', { className: 'dsub-groupHead' }, '📊 ' + t('analyticsTitle')),
-          React.createElement('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('analyticsDesc')),
-          React.createElement('div', { className: 'dsub-grid-2', style: { marginTop: '10px' } },
-            React.createElement('div', { className: 'dsub-stat-box' },
-              React.createElement('div', { className: 'dsub-stat-val' }, ((analytics && analytics.cache && analytics.cache.cacheHitRate) || 0) + '%'),
-              React.createElement('div', { className: 'dsub-stat-lbl' }, t('cacheHitRate') + (analytics && analytics.cache ? ' (' + (analytics.cache.cacheReadTokens || 0).toLocaleString() + ' tok)' : '')),
+        (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' } },
+          h('summary', { className: 'dsub-groupHead' }, '📊 ' + t('analyticsTitle')),
+          h('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('analyticsDesc')),
+          h('div', { className: 'dsub-grid-2', style: { marginTop: '10px' } },
+            h('div', { className: 'dsub-stat-box' },
+              h('div', { className: 'dsub-stat-val' }, ((analytics && analytics.cache && analytics.cache.cacheHitRate) || 0) + '%'),
+              h('div', { className: 'dsub-stat-lbl' }, t('cacheHitRate') + (analytics && analytics.cache ? ' (' + (analytics.cache.cacheReadTokens || 0).toLocaleString() + ' tok)' : '')),
             ),
-            React.createElement('div', { className: 'dsub-stat-box' },
-              React.createElement('div', { className: 'dsub-stat-val' }, (analytics && analytics.performance && analytics.performance.ttft && analytics.performance.ttft.avgMs != null ? analytics.performance.ttft.avgMs + ' ms' : '—')),
-              React.createElement('div', { className: 'dsub-stat-lbl' }, t('ttftMetric') + (analytics && analytics.performance && analytics.performance.ttft && analytics.performance.ttft.p95Ms != null ? ' · p95 ' + analytics.performance.ttft.p95Ms + ' ms' : '')),
+            h('div', { className: 'dsub-stat-box' },
+              h('div', { className: 'dsub-stat-val' }, (analytics && analytics.performance && analytics.performance.ttft && analytics.performance.ttft.avgMs != null ? analytics.performance.ttft.avgMs + ' ms' : '—')),
+              h('div', { className: 'dsub-stat-lbl' }, t('ttftMetric') + (analytics && analytics.performance && analytics.performance.ttft && analytics.performance.ttft.p95Ms != null ? ' · p95 ' + analytics.performance.ttft.p95Ms + ' ms' : '')),
             ),
-            React.createElement('div', { className: 'dsub-stat-box' },
-              React.createElement('div', { className: 'dsub-stat-val' }, (analytics && analytics.performance && analytics.performance.tps && analytics.performance.tps.avg != null ? analytics.performance.tps.avg + ' tok/s' : '—')),
-              React.createElement('div', { className: 'dsub-stat-lbl' }, t('speedMetric') + (analytics && analytics.performance && analytics.performance.tps && analytics.performance.tps.p95 != null ? ' · p95 ' + analytics.performance.tps.p95 : '')),
+            h('div', { className: 'dsub-stat-box' },
+              h('div', { className: 'dsub-stat-val' }, (analytics && analytics.performance && analytics.performance.tps && analytics.performance.tps.avg != null ? analytics.performance.tps.avg + ' tok/s' : '—')),
+              h('div', { className: 'dsub-stat-lbl' }, t('speedMetric') + (analytics && analytics.performance && analytics.performance.tps && analytics.performance.tps.p95 != null ? ' · p95 ' + analytics.performance.tps.p95 : '')),
             ),
-            React.createElement('div', { className: 'dsub-stat-box' },
-              React.createElement('div', { className: 'dsub-stat-val' }, (queueStats ? queueStats.totalActive : 0) + ' / ' + (queueStats ? queueStats.totalQueued : 0)),
-              React.createElement('div', { className: 'dsub-stat-lbl' }, t('queueActive') + ' / ' + t('queueWaiting') + (queueStats && queueStats.metrics && queueStats.metrics.totalOverflowed ? ' · ' + queueStats.metrics.totalOverflowed + ' ' + t('queueRejected') : '')),
+            h('div', { className: 'dsub-stat-box' },
+              h('div', { className: 'dsub-stat-val' }, (queueStats ? queueStats.totalActive : 0) + ' / ' + (queueStats ? queueStats.totalQueued : 0)),
+              h('div', { className: 'dsub-stat-lbl' }, t('queueActive') + ' / ' + t('queueWaiting') + (queueStats && queueStats.metrics && queueStats.metrics.totalOverflowed ? ' · ' + queueStats.metrics.totalOverflowed + ' ' + t('queueRejected') : '')),
             ),
           ),
           analytics && Array.isArray(analytics.hourly) && analytics.hourly.length ? (function() {
             var maxReq = Math.max.apply(Math, [1].concat(analytics.hourly.map(function(b) { return b.requests || 0 })))
-            return React.createElement('div', { style: { marginTop: '12px' } },
-              React.createElement('div', { style: { fontSize: '11.5px', fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('activity24h')),
-              React.createElement('div', { className: 'dsub-chart-wrap' },
+            return h('div', { style: { marginTop: '12px' } },
+              h('div', { style: { fontSize: '11.5px', fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('activity24h')),
+              h('div', { className: 'dsub-chart-wrap' },
                 analytics.hourly.map(function(b, idx) {
                   var pct = Math.max(4, Math.round(((b.requests || 0) / maxReq) * 100))
                   var title = b.label + ': ' + b.requests + ' req (' + b.cacheReadTokens + ' cached tok, ' + b.errorCount + ' err)'
-                  return React.createElement('div', {
+                  return h('div', {
                     key: idx,
                     className: 'dsub-chart-bar',
                     style: {
@@ -1738,19 +1642,19 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                   })
                 })
               ),
-              React.createElement('div', { className: 'dsub-chart-labels' },
-                React.createElement('span', null, '-24h'),
-                React.createElement('span', null, '-18h'),
-                React.createElement('span', null, '-12h'),
-                React.createElement('span', null, '-6h'),
-                React.createElement('span', null, 'Now'),
+              h('div', { className: 'dsub-chart-labels' },
+                h('span', null, '-24h'),
+                h('span', null, '-18h'),
+                h('span', null, '-12h'),
+                h('span', null, '-6h'),
+                h('span', null, 'Now'),
               ),
             )
           })() : null,
-          analytics && Array.isArray(analytics.forecast) && analytics.forecast.some(function(f) { return f.willExhaustBeforeReset || (f.burnRateTokensPerHour > 0 && f.hoursToExhaustion != null && f.hoursToExhaustion < 72) }) ? React.createElement('div', { style: { marginTop: '12px' } },
-            React.createElement('div', { style: { fontSize: '11.5px', fontWeight: 600, color: 'var(--dsw-alias-state-warn-primary)', marginBottom: '6px' } }, '⚠️ ' + t('forecastTitle')),
+          analytics && Array.isArray(analytics.forecast) && analytics.forecast.some(function(f) { return f.willExhaustBeforeReset || (f.burnRateTokensPerHour > 0 && f.hoursToExhaustion != null && f.hoursToExhaustion < 72) }) ? h('div', { style: { marginTop: '12px' } },
+            h('div', { style: { fontSize: '11.5px', fontWeight: 600, color: 'var(--dsw-alias-state-warn-primary)', marginBottom: '6px' } }, '⚠️ ' + t('forecastTitle')),
             analytics.forecast.filter(function(f) { return f.willExhaustBeforeReset || (f.burnRateTokensPerHour > 0 && f.hoursToExhaustion != null && f.hoursToExhaustion < 72) }).map(function(f, idx) {
-              return React.createElement('div', { key: idx, className: 'dsub-alert-bad', style: { marginBottom: '6px' } },
+              return h('div', { key: idx, className: 'dsub-alert-bad', style: { marginBottom: '6px' } },
                 (f.provider ? f.provider.toUpperCase() : 'LLM') + ' (' + (f.label || f.ref) + '): ' +
                 (f.willExhaustBeforeReset ? t('forecastExhaustWarning') : (t('forecastRunway') + ': ~' + f.hoursToExhaustion + 'h')) +
                 ' · ' + t('forecastBurnRate') + ': ' + f.burnRateTokensPerHour.toLocaleString() + ' tok/h'
@@ -1758,128 +1662,128 @@ const cssId = 'dsh-subscriptions/settings.module.css'
             })
           ) : null,
         ) : null,
-        telemetry && Array.isArray(telemetry.recentDecisions) && telemetry.recentDecisions.length ? React.createElement('details', { className: 'dsub-group', style: { marginBottom: '14px' } },
-          React.createElement('summary', { className: 'dsub-groupHead' }, '🧭 ' + t('rotationDecisionsTitle')),
-          React.createElement('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('rotationDecisionsDesc')),
-          React.createElement('div', { className: 'dsub-trace-box' },
+        telemetry && Array.isArray(telemetry.recentDecisions) && telemetry.recentDecisions.length ? h('details', { className: 'dsub-group', style: { marginBottom: '14px' } },
+          h('summary', { className: 'dsub-groupHead' }, '🧭 ' + t('rotationDecisionsTitle')),
+          h('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('rotationDecisionsDesc')),
+          h('div', { className: 'dsub-trace-box' },
             telemetry.recentDecisions.map((dec, idx) => {
               const reasonBadge = dec.cascaded ? ('🔀 ' + t('rotationCascaded')) : (dec.decisionReason === 'cache_pinned' ? ('📌 ' + t('cachePinnedBadge')) : (dec.decisionReason === 'session_pinned' ? '📌 Pinned' : ('⚡ ' + dec.decisionReason)))
-              return React.createElement('div', { key: idx, className: 'dsub-trace-row' },
-                React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } },
-                  dec.provider ? React.createElement('span', { className: 'dsub-brand dsub-brand-' + dec.provider, style: { fontSize: '9px', padding: '1px 4px' } }, dec.provider.toUpperCase()) : null,
-                  React.createElement('span', { style: { fontWeight: 600 } }, dec.ref || '—'),
-                  dec.model ? React.createElement('code', { style: { fontSize: '11px', opacity: 0.8 } }, dec.model) : null,
+              return h('div', { key: idx, className: 'dsub-trace-row' },
+                h('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } },
+                  dec.provider ? h('span', { className: 'dsub-brand dsub-brand-' + dec.provider, style: { fontSize: '9px', padding: '1px 4px' } }, dec.provider.toUpperCase()) : null,
+                  h('span', { style: { fontWeight: 600 } }, dec.ref || '—'),
+                  dec.model ? h('code', { style: { fontSize: '11px', opacity: 0.8 } }, dec.model) : null,
                 ),
-                React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
-                  React.createElement('span', { className: 'dsub-model-tag' }, reasonBadge),
-                  React.createElement('span', { style: { fontSize: '10.5px', opacity: 0.6 } }, dec.attemptsCount > 1 ? (dec.attemptsCount + ' ' + t('rotationAttempts')) : ('1 ' + t('rotationAttempt'))),
+                h('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+                  h('span', { className: 'dsub-model-tag' }, reasonBadge),
+                  h('span', { style: { fontSize: '10.5px', opacity: 0.6 } }, dec.attemptsCount > 1 ? (dec.attemptsCount + ' ' + t('rotationAttempts')) : ('1 ' + t('rotationAttempt'))),
                 ),
               )
             })
           ),
         ) : null,
-        accounts && accounts.length ? React.createElement('details', { className: 'dsub-group', open: true, style: { marginBottom: '14px' } },
-          React.createElement('summary', { className: 'dsub-groupHead' }, '📊 ' + (t('healthMatrix') || 'Health Matrix & Quota Runway')),
-          React.createElement('div', { style: { padding: '8px 0', overflowX: 'auto' } },
-            React.createElement('table', { style: { width: '100%', fontSize: '12px', borderCollapse: 'collapse' } },
-              React.createElement('thead', null,
-                React.createElement('tr', { style: { borderBottom: '1px solid var(--dsw-alias-border-l2)', textAlign: 'left', opacity: 0.7 } },
-                  React.createElement('th', { style: { padding: '6px' } }, t('healthAccount')),
-                  React.createElement('th', { style: { padding: '6px' } }, t('healthScore')),
-                  React.createElement('th', { style: { padding: '6px' } }, t('healthLatency')),
-                  React.createElement('th', { style: { padding: '6px' } }, t('healthStatus')),
-                  React.createElement('th', { style: { padding: '6px' } }, t('healthQuota')),
+        accounts && accounts.length ? h('details', { className: 'dsub-group', open: true, style: { marginBottom: '14px' } },
+          h('summary', { className: 'dsub-groupHead' }, '📊 ' + (t('healthMatrix') || 'Health Matrix & Quota Runway')),
+          h('div', { style: { padding: '8px 0', overflowX: 'auto' } },
+            h('table', { style: { width: '100%', fontSize: '12px', borderCollapse: 'collapse' } },
+              h('thead', null,
+                h('tr', { style: { borderBottom: '1px solid var(--dsw-alias-border-l2)', textAlign: 'left', opacity: 0.7 } },
+                  h('th', { style: { padding: '6px' } }, t('healthAccount')),
+                  h('th', { style: { padding: '6px' } }, t('healthScore')),
+                  h('th', { style: { padding: '6px' } }, t('healthLatency')),
+                  h('th', { style: { padding: '6px' } }, t('healthStatus')),
+                  h('th', { style: { padding: '6px' } }, t('healthQuota')),
                 ),
               ),
-              React.createElement('tbody', null,
+              h('tbody', null,
                 accounts.map((acc, idx) => {
                   const sc = acc.healthScore != null ? acc.healthScore : 100
                   const healthColor = sc >= 80 ? 'var(--dsw-alias-state-success-primary)' : (sc >= 50 ? 'var(--dsw-alias-state-warn-primary)' : 'var(--dsw-alias-state-error-primary)')
                   const isQ = acc.status === 'quarantine' || (acc.quarantineUntil && Number(acc.quarantineUntil) > Date.now())
                   const statusLabel = isQ ? ('⛔ ' + t('healthQuarantine')) : (acc.status === 'probing' ? ('🟡 ' + t('healthWarmup')) : (acc.configured ? ('🟢 ' + t('healthActive')) : ('⚪ ' + t('healthIdle'))))
                   const pct = acc.usagePercent != null ? Math.round(acc.usagePercent) : null
-                  return React.createElement('tr', { key: (acc.ref || acc.provider + acc.index || idx), style: { borderBottom: '1px solid var(--dsw-alias-border-l3)' } },
-                    React.createElement('td', { style: { padding: '6px', fontWeight: 600 } }, (acc.provider ? acc.provider.toUpperCase() : 'LLM') + ' #' + (acc.index || 1) + (acc.label ? ' (' + acc.label + ')' : '')),
-                    React.createElement('td', { style: { padding: '6px', color: healthColor } }, sc + '%'),
-                    React.createElement('td', { style: { padding: '6px' } }, acc.latencyMs ? acc.latencyMs + ' ms' : '—'),
-                    React.createElement('td', { style: { padding: '6px' } }, statusLabel),
-                    React.createElement('td', { style: { padding: '6px' } }, pct != null ? (pct + '% used') : '—'),
+                  return h('tr', { key: (acc.ref || acc.provider + acc.index || idx), style: { borderBottom: '1px solid var(--dsw-alias-border-l3)' } },
+                    h('td', { style: { padding: '6px', fontWeight: 600 } }, (acc.provider ? acc.provider.toUpperCase() : 'LLM') + ' #' + (acc.index || 1) + (acc.label ? ' (' + acc.label + ')' : '')),
+                    h('td', { style: { padding: '6px', color: healthColor } }, sc + '%'),
+                    h('td', { style: { padding: '6px' } }, acc.latencyMs ? acc.latencyMs + ' ms' : '—'),
+                    h('td', { style: { padding: '6px' } }, statusLabel),
+                    h('td', { style: { padding: '6px' } }, pct != null ? (pct + '% used') : '—'),
                   )
                 }),
               ),
             ),
           ),
         ) : null,
-        React.createElement('div', { className: 'dsub-block' },
-          React.createElement('div', { className: 'dsub-h' }, t('title')),
-          React.createElement('div', { className: 'dsub-sub' },
+        h('div', { className: 'dsub-block' },
+          h('div', { className: 'dsub-h' }, t('title')),
+          h('div', { className: 'dsub-sub' },
             t('intro')),
-          React.createElement('details', { className: 'dsub-group', open: true },
-            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupAuth')),
-          React.createElement('label', { className: 'dsub-row' },
-            React.createElement('input', {
+          h('details', { className: 'dsub-group', open: true },
+            h('summary', { className: 'dsub-groupHead' }, t('groupAuth')),
+          h('label', { className: 'dsub-row' },
+            h('input', {
               type: 'checkbox',
               checked: !!draft.useWebCallback,
               onChange: (e) => setDraft((d) => Object.assign({}, d, { useWebCallback: e.target.checked })),
             }),
-            React.createElement('span', null, t('useOrigin')),
+            h('span', null, t('useOrigin')),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('useOriginHint')),
-          React.createElement('label', { className: 'dsub-row' },
-            React.createElement('input', {
+          h('label', { className: 'dsub-row' },
+            h('input', {
               type: 'checkbox',
               checked: !!draft.autoLoopback,
               onChange: (e) => setDraft((d) => Object.assign({}, d, { autoLoopback: e.target.checked })),
             }),
-            React.createElement('span', null, t('autoLoopback')),
+            h('span', null, t('autoLoopback')),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('autoLoopbackHint')),
           ),
-          React.createElement('details', { className: 'dsub-group', open: true },
-            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupPrivacy')),
-          React.createElement('label', { className: 'dsub-row' },
-            React.createElement('input', {
+          h('details', { className: 'dsub-group', open: true },
+            h('summary', { className: 'dsub-groupHead' }, t('groupPrivacy')),
+          h('label', { className: 'dsub-row' },
+            h('input', {
               type: 'checkbox',
               checked: !!draft.privacyMask,
               onChange: (e) => setDraft((d) => Object.assign({}, d, { privacyMask: e.target.checked })),
             }),
-            React.createElement('span', null, t('privacyMask')),
+            h('span', null, t('privacyMask')),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('privacyMaskHint')),
-          React.createElement('label', { className: 'dsub-row' },
-            React.createElement('input', {
+          h('label', { className: 'dsub-row' },
+            h('input', {
               type: 'checkbox',
               checked: !!draft.hideDeprecatedModels,
               onChange: (e) => setDraft((d) => Object.assign({}, d, { hideDeprecatedModels: e.target.checked })),
             }),
-            React.createElement('span', null, t('hideDeprecated')),
+            h('span', null, t('hideDeprecated')),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('hideDeprecatedHint')),
           ),
-          React.createElement('details', { className: 'dsub-group', open: true },
-            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupRotation')),
-          React.createElement('div', { className: 'dsub-row' },
-            React.createElement('span', { className: 'dsub-h' }, t('composerQuota')),
-            React.createElement('select', {
+          h('details', { className: 'dsub-group', open: true },
+            h('summary', { className: 'dsub-groupHead' }, t('groupRotation')),
+          h('div', { className: 'dsub-row' },
+            h('span', { className: 'dsub-h' }, t('composerQuota')),
+            h('select', {
               className: 'dsub-select',
               value: draft.composerQuota || 'percent',
               onChange: (e) => setDraft((d) => Object.assign({}, d, { composerQuota: e.target.value })),
             },
-              React.createElement('option', { value: 'off' }, t('composerQuotaOff')),
-              React.createElement('option', { value: 'percent' }, t('composerQuotaPercent')),
-              React.createElement('option', { value: 'bar' }, t('composerQuotaBar')),
-              React.createElement('option', { value: 'forecast' }, t('composerQuotaForecast')),
+              h('option', { value: 'off' }, t('composerQuotaOff')),
+              h('option', { value: 'percent' }, t('composerQuotaPercent')),
+              h('option', { value: 'bar' }, t('composerQuotaBar')),
+              h('option', { value: 'forecast' }, t('composerQuotaForecast')),
             ),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('composerQuotaHint')),
-          React.createElement('div', { className: 'dsub-row' },
-            React.createElement('span', { className: 'dsub-h' }, t('expiryNotifyDays')),
-            React.createElement('input', {
+          h('div', { className: 'dsub-row' },
+            h('span', { className: 'dsub-h' }, t('expiryNotifyDays')),
+            h('input', {
               type: 'number',
               className: 'dsub-inp',
               style: { width: '80px', minWidth: '80px' },
@@ -1889,23 +1793,23 @@ const cssId = 'dsh-subscriptions/settings.module.css'
               onChange: (e) => setDraft((d) => Object.assign({}, d, { expiryNotifyDays: Number(e.target.value) || 0 })),
             }),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('expiryNotifyDaysHint')),
           ),
-          React.createElement('details', { className: 'dsub-group', open: true },
-            React.createElement('summary', { className: 'dsub-groupHead' }, '🚦 ' + t('groupQueue')),
-            React.createElement('label', { className: 'dsub-row' },
-              React.createElement('input', {
+          h('details', { className: 'dsub-group', open: true },
+            h('summary', { className: 'dsub-groupHead' }, '🚦 ' + t('groupQueue')),
+            h('label', { className: 'dsub-row' },
+              h('input', {
                 type: 'checkbox',
                 checked: draft.enableQueue !== false,
                 onChange: function(e) { setDraft(function(d) { return Object.assign({}, d, { enableQueue: e.target.checked }) }) },
               }),
-              React.createElement('span', null, t('enableQueue')),
+              h('span', null, t('enableQueue')),
             ),
-            React.createElement('div', { className: 'dsub-sub' }, t('enableQueueHint')),
-            React.createElement('div', { className: 'dsub-row' },
-              React.createElement('span', { className: 'dsub-h' }, t('accountMaxConcurrency')),
-              React.createElement('input', {
+            h('div', { className: 'dsub-sub' }, t('enableQueueHint')),
+            h('div', { className: 'dsub-row' },
+              h('span', { className: 'dsub-h' }, t('accountMaxConcurrency')),
+              h('input', {
                 type: 'number',
                 className: 'dsub-inp',
                 style: { width: '80px', minWidth: '80px' },
@@ -1915,10 +1819,10 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                 onChange: function(e) { setDraft(function(d) { return Object.assign({}, d, { accountMaxConcurrency: Math.max(1, Number(e.target.value) || 2) }) }) },
               }),
             ),
-            React.createElement('div', { className: 'dsub-sub' }, t('accountMaxConcurrencyHint')),
-            React.createElement('div', { className: 'dsub-row' },
-              React.createElement('span', { className: 'dsub-h' }, t('maxQueueSize')),
-              React.createElement('input', {
+            h('div', { className: 'dsub-sub' }, t('accountMaxConcurrencyHint')),
+            h('div', { className: 'dsub-row' },
+              h('span', { className: 'dsub-h' }, t('maxQueueSize')),
+              h('input', {
                 type: 'number',
                 className: 'dsub-inp',
                 style: { width: '80px', minWidth: '80px' },
@@ -1928,10 +1832,10 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                 onChange: function(e) { setDraft(function(d) { return Object.assign({}, d, { maxQueueSize: Math.max(1, Number(e.target.value) || 20) }) }) },
               }),
             ),
-            React.createElement('div', { className: 'dsub-sub' }, t('maxQueueSizeHint')),
-            React.createElement('div', { className: 'dsub-row' },
-              React.createElement('span', { className: 'dsub-h' }, t('queueTimeoutSec')),
-              React.createElement('input', {
+            h('div', { className: 'dsub-sub' }, t('maxQueueSizeHint')),
+            h('div', { className: 'dsub-row' },
+              h('span', { className: 'dsub-h' }, t('queueTimeoutSec')),
+              h('input', {
                 type: 'number',
                 className: 'dsub-inp',
                 style: { width: '80px', minWidth: '80px' },
@@ -1941,52 +1845,52 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                 onChange: function(e) { setDraft(function(d) { return Object.assign({}, d, { queueTimeoutMs: Math.max(1, Number(e.target.value) || 30) * 1000 }) }) },
               }),
             ),
-            React.createElement('div', { className: 'dsub-sub' }, t('queueTimeoutSecHint')),
+            h('div', { className: 'dsub-sub' }, t('queueTimeoutSecHint')),
           ),
-          React.createElement('details', { className: 'dsub-group', open: true },
-            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupProvider')),
-          React.createElement('label', { className: 'dsub-row' },
-            React.createElement('input', {
+          h('details', { className: 'dsub-group', open: true },
+            h('summary', { className: 'dsub-groupHead' }, t('groupProvider')),
+          h('label', { className: 'dsub-row' },
+            h('input', {
               type: 'checkbox',
               checked: !!draft.codexFastMode,
               onChange: (e) => setDraft((d) => Object.assign({}, d, { codexFastMode: e.target.checked })),
             }),
-            React.createElement('span', null, t('codexFastMode')),
+            h('span', null, t('codexFastMode')),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('codexFastModeHint')),
-          React.createElement('div', { className: 'dsub-row' },
-            React.createElement('span', { className: 'dsub-h' }, t('codexVerbosity')),
-            React.createElement('select', {
+          h('div', { className: 'dsub-row' },
+            h('span', { className: 'dsub-h' }, t('codexVerbosity')),
+            h('select', {
               className: 'dsub-select',
               value: draft.codexVerbosity || 'default',
               onChange: (e) => setDraft((d) => Object.assign({}, d, { codexVerbosity: e.target.value })),
             },
-              React.createElement('option', { value: 'default' }, t('codexVerbosityDefault')),
-              React.createElement('option', { value: 'low' }, t('codexVerbosityLow')),
-              React.createElement('option', { value: 'medium' }, t('codexVerbosityMedium')),
-              React.createElement('option', { value: 'high' }, t('codexVerbosityHigh')),
+              h('option', { value: 'default' }, t('codexVerbosityDefault')),
+              h('option', { value: 'low' }, t('codexVerbosityLow')),
+              h('option', { value: 'medium' }, t('codexVerbosityMedium')),
+              h('option', { value: 'high' }, t('codexVerbosityHigh')),
             ),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('codexVerbosityHint')),
-          React.createElement('div', { className: 'dsub-row' },
-            React.createElement('span', { className: 'dsub-h' }, t('copilotMode')),
-            React.createElement('select', {
+          h('div', { className: 'dsub-row' },
+            h('span', { className: 'dsub-h' }, t('copilotMode')),
+            h('select', {
               className: 'dsub-select',
               value: draft.copilotMode || 'auto',
               onChange: (e) => setDraft((d) => Object.assign({}, d, { copilotMode: e.target.value })),
             },
-              React.createElement('option', { value: 'auto' }, t('copilotModeAuto')),
-              React.createElement('option', { value: 'cli' }, t('copilotModeCli')),
-              React.createElement('option', { value: 'web' }, t('copilotModeWeb')),
+              h('option', { value: 'auto' }, t('copilotModeAuto')),
+              h('option', { value: 'cli' }, t('copilotModeCli')),
+              h('option', { value: 'web' }, t('copilotModeWeb')),
             ),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('copilotModeHint')),
-          React.createElement('div', { className: 'dsub-row' },
-            React.createElement('span', { className: 'dsub-h' }, t('copilotCliPath')),
-            React.createElement('input', {
+          h('div', { className: 'dsub-row' },
+            h('span', { className: 'dsub-h' }, t('copilotCliPath')),
+            h('input', {
               className: 'dsub-input',
               type: 'text',
               value: draft.copilotCliPath || '',
@@ -1994,30 +1898,30 @@ const cssId = 'dsh-subscriptions/settings.module.css'
               onChange: (e) => setDraft((d) => Object.assign({}, d, { copilotCliPath: e.target.value })),
             }),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('copilotCliPathHint')),
           ),
-          React.createElement('details', { className: 'dsub-group', open: true },
-            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupFallback')),
-          React.createElement('label', { className: 'dsub-row' },
-            React.createElement('input', {
+          h('details', { className: 'dsub-group', open: true },
+            h('summary', { className: 'dsub-groupHead' }, t('groupFallback')),
+          h('label', { className: 'dsub-row' },
+            h('input', {
               type: 'checkbox',
               checked: !!draft.ollamaFallback,
               onChange: (e) => setDraft((d) => Object.assign({}, d, { ollamaFallback: e.target.checked })),
             }),
-            React.createElement('span', null, t('ollamaFallback')),
+            h('span', null, t('ollamaFallback')),
           ),
-          React.createElement('div', { className: 'dsub-sub' },
+          h('div', { className: 'dsub-sub' },
             t('ollamaFallbackHint')),
-          draft.ollamaFallback ? React.createElement('div', { className: 'dsub-row' },
-            React.createElement('input', {
+          draft.ollamaFallback ? h('div', { className: 'dsub-row' },
+            h('input', {
               type: 'text',
               className: 'dsub-inp dsub-grow',
               placeholder: 'http://localhost:11434',
               value: draft.ollamaBaseUrl || '',
               onChange: (e) => setDraft((d) => Object.assign({}, d, { ollamaBaseUrl: e.target.value })),
             }),
-            React.createElement('input', {
+            h('input', {
               type: 'text',
               className: 'dsub-inp dsub-grow',
               placeholder: 'llama3:latest',
@@ -2026,10 +1930,10 @@ const cssId = 'dsh-subscriptions/settings.module.css'
             }),
           ) : null,
           ),
-          React.createElement('details', { className: 'dsub-group' },
-            React.createElement('summary', { className: 'dsub-groupHead' }, '🎯 ' + t('modelsCatalogTitle')),
-            React.createElement('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('modelsCatalogDesc')),
-            React.createElement('div', { className: 'dsub-model-grid' },
+          h('details', { className: 'dsub-group' },
+            h('summary', { className: 'dsub-groupHead' }, '🎯 ' + t('modelsCatalogTitle')),
+            h('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('modelsCatalogDesc')),
+            h('div', { className: 'dsub-model-grid' },
               (Array.isArray(modelsCatalog) && modelsCatalog.length ? modelsCatalog : [
                 { id: 'gpt-4o', contextLabel: '128k', capabilities: ['vision'], pool: { status: 'available' } },
                 { id: 'o1 / o3-mini', contextLabel: '200k', capabilities: ['reasoning'], pool: { status: 'available' } },
@@ -2068,22 +1972,22 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                   }
                 }
 
-                return React.createElement('div', { key: (m.id || idx) + '_' + idx, className: 'dsub-model-chip' },
-                  m.provider ? React.createElement('span', { className: 'dsub-brand dsub-brand-' + m.provider, style: { fontSize: '9px', padding: '1px 4px' } }, m.provider.toUpperCase()) : null,
-                  React.createElement('code', null, m.name || m.id),
-                  tags.length ? React.createElement('span', { className: 'dsub-model-tag' }, tags.join(' · ')) : null,
-                  React.createElement('span', { className: 'dsub-model-tag ' + statusClass }, poolLabel),
+                return h('div', { key: (m.id || idx) + '_' + idx, className: 'dsub-model-chip' },
+                  m.provider ? h('span', { className: 'dsub-brand dsub-brand-' + m.provider, style: { fontSize: '9px', padding: '1px 4px' } }, m.provider.toUpperCase()) : null,
+                  h('code', null, m.name || m.id),
+                  tags.length ? h('span', { className: 'dsub-model-tag' }, tags.join(' · ')) : null,
+                  h('span', { className: 'dsub-model-tag ' + statusClass }, poolLabel),
                 )
               })
             ),
           ),
-          React.createElement('details', { className: 'dsub-group' },
-            React.createElement('summary', { className: 'dsub-groupHead' }, '🧠 ' + t('reasoningEffortTitle')),
-            React.createElement('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('reasoningEffortDesc')),
-            React.createElement('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '8px', marginTop: '10px' } },
+          h('details', { className: 'dsub-group' },
+            h('summary', { className: 'dsub-groupHead' }, '🧠 ' + t('reasoningEffortTitle')),
+            h('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('reasoningEffortDesc')),
+            h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '8px', marginTop: '10px' } },
               ['off', 'low', 'medium', 'high', 'max'].map((lvl) => {
                 const label = lvl === 'off' ? t('reasoningLevelOff') : (lvl.charAt(0).toUpperCase() + lvl.slice(1))
-                return React.createElement('span', {
+                return h('span', {
                   key: lvl,
                   className: 'dsub-model-tag',
                   style: { padding: '4px 10px', fontSize: '12px', cursor: 'default' }
@@ -2091,12 +1995,12 @@ const cssId = 'dsh-subscriptions/settings.module.css'
               })
             )
           ),
-          React.createElement('details', { className: 'dsub-details' },
-            React.createElement('summary', { className: 'dsub-summary' }, t('advancedSettings')),
-            React.createElement('div', { className: 'dsub-block' },
-              React.createElement('div', { className: 'dsub-row' },
-                React.createElement('span', { className: 'dsub-h' }, t('cooldownMs')),
-                React.createElement('input', {
+          h('details', { className: 'dsub-details' },
+            h('summary', { className: 'dsub-summary' }, t('advancedSettings')),
+            h('div', { className: 'dsub-block' },
+              h('div', { className: 'dsub-row' },
+                h('span', { className: 'dsub-h' }, t('cooldownMs')),
+                h('input', {
                   type: 'number',
                   className: 'dsub-inp',
                   style: { width: '80px', minWidth: '80px' },
@@ -2106,10 +2010,10 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                   onChange: (e) => setDraft((d) => Object.assign({}, d, { cooldownMs: (Number(e.target.value) || 10) * 60000 })),
                 }),
               ),
-              React.createElement('div', { className: 'dsub-sub' }, t('cooldownMsHint')),
-              React.createElement('div', { className: 'dsub-row' },
-                React.createElement('span', { className: 'dsub-h' }, t('probeIntervalMin')),
-                React.createElement('input', {
+              h('div', { className: 'dsub-sub' }, t('cooldownMsHint')),
+              h('div', { className: 'dsub-row' },
+                h('span', { className: 'dsub-h' }, t('probeIntervalMin')),
+                h('input', {
                   type: 'number',
                   className: 'dsub-inp',
                   style: { width: '80px', minWidth: '80px' },
@@ -2119,34 +2023,34 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                   onChange: (e) => setDraft((d) => Object.assign({}, d, { probeIntervalMin: Number(e.target.value) || 15 })),
                 }),
               ),
-              React.createElement('div', { className: 'dsub-sub' }, t('probeIntervalMinHint')),
-              React.createElement('label', { className: 'dsub-row' },
-                React.createElement('input', {
+              h('div', { className: 'dsub-sub' }, t('probeIntervalMinHint')),
+              h('label', { className: 'dsub-row' },
+                h('input', {
                   type: 'checkbox',
                   checked: draft.notifyLimits !== false,
                   onChange: (e) => setDraft((d) => Object.assign({}, d, { notifyLimits: e.target.checked })),
                 }),
-                React.createElement('span', null, t('notifyLimits')),
+                h('span', null, t('notifyLimits')),
               ),
-              React.createElement('div', { className: 'dsub-sub' }, t('notifyLimitsHint')),
-              React.createElement('label', { className: 'dsub-row', style: { marginTop: 10 } },
-                React.createElement('input', {
+              h('div', { className: 'dsub-sub' }, t('notifyLimitsHint')),
+              h('label', { className: 'dsub-row', style: { marginTop: 10 } },
+                h('input', {
                   type: 'checkbox',
                   checked: Boolean(draft.cascadingFallback),
                   onChange: (e) => setDraft((d) => Object.assign({}, d, { cascadingFallback: e.target.checked })),
                 }),
-                React.createElement('span', null, t('cascadingFallback')),
+                h('span', null, t('cascadingFallback')),
               ),
-              React.createElement('div', { className: 'dsub-sub' }, t('cascadingFallbackHint')),
-              Boolean(draft.cascadingFallback) ? React.createElement('div', { style: { marginTop: 8, padding: '8px 12px', background: 'var(--dsw-alias-bg-layer-2)', borderRadius: 8 } },
-                React.createElement('div', { style: { fontSize: 12, fontWeight: 600, marginBottom: 4 } }, t('cascadingFallbackOrder')),
-                React.createElement('div', { className: 'dsub-sub', style: { marginBottom: 8 } }, t('cascadingFallbackOrderHint')),
-                React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 4 } },
+              h('div', { className: 'dsub-sub' }, t('cascadingFallbackHint')),
+              Boolean(draft.cascadingFallback) ? h('div', { style: { marginTop: 8, padding: '8px 12px', background: 'var(--dsw-alias-bg-layer-2)', borderRadius: 8 } },
+                h('div', { style: { fontSize: 12, fontWeight: 600, marginBottom: 4 } }, t('cascadingFallbackOrder')),
+                h('div', { className: 'dsub-sub', style: { marginBottom: 8 } }, t('cascadingFallbackOrderHint')),
+                h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4 } },
                   (Array.isArray(draft.cascadingFallbackOrder) && draft.cascadingFallbackOrder.length ? draft.cascadingFallbackOrder : (providers.length ? providers : ['antigravity', 'claude', 'codex', 'grok', 'copilot', 'cursor'])).map((p, idx, arr) => {
-                    return React.createElement('div', { key: p, style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '4px 8px', background: 'var(--dsw-alias-bg-layer-1)', borderRadius: 6, fontSize: 12 } },
-                      React.createElement('span', null, (idx + 1) + '. ' + p.toUpperCase()),
-                      React.createElement('div', { style: { display: 'flex', gap: 4 } },
-                        idx > 0 ? React.createElement('button', {
+                    return h('div', { key: p, style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '4px 8px', background: 'var(--dsw-alias-bg-layer-1)', borderRadius: 6, fontSize: 12 } },
+                      h('span', null, (idx + 1) + '. ' + p.toUpperCase()),
+                      h('div', { style: { display: 'flex', gap: 4 } },
+                        idx > 0 ? h('button', {
                           type: 'button', className: 'dsub-mini', style: { padding: '1px 6px', fontSize: 10 },
                           onClick: () => {
                             const next = arr.slice()
@@ -2156,7 +2060,7 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                             setDraft((d) => Object.assign({}, d, { cascadingFallbackOrder: next }))
                           }
                         }, '▲') : null,
-                        idx < arr.length - 1 ? React.createElement('button', {
+                        idx < arr.length - 1 ? h('button', {
                           type: 'button', className: 'dsub-mini', style: { padding: '1px 6px', fontSize: 10 },
                           onClick: () => {
                             const next = arr.slice()
@@ -2172,62 +2076,62 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                 )
               ) : null,
             ),
-            React.createElement('div', { className: 'dsub-row', style: { marginTop: 12 } },
-              React.createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 4 } },
-                React.createElement('span', { style: { fontWeight: 600 } }, t('rotationStrategy')),
-                React.createElement('span', { className: 'dsub-sub' }, t('rotationStrategyHint')),
-                React.createElement('select', {
+            h('div', { className: 'dsub-row', style: { marginTop: 12 } },
+              h('label', { style: { display: 'flex', flexDirection: 'column', gap: 4 } },
+                h('span', { style: { fontWeight: 600 } }, t('rotationStrategy')),
+                h('span', { className: 'dsub-sub' }, t('rotationStrategyHint')),
+                h('select', {
                   className: 'dsub-select',
                   value: draft.rotationStrategy || 'round-robin',
                   onChange: (e) => setDraft((d) => Object.assign({}, d, { rotationStrategy: e.target.value })),
                   style: { maxWidth: 320, marginTop: 4 }
                 },
-                  React.createElement('option', { value: 'round-robin' }, t('rotationRoundRobin')),
-                  React.createElement('option', { value: 'least-loaded' }, t('rotationLeastLoaded')),
-                  React.createElement('option', { value: 'priority' }, t('rotationPriority')),
+                  h('option', { value: 'round-robin' }, t('rotationRoundRobin')),
+                  h('option', { value: 'least-loaded' }, t('rotationLeastLoaded')),
+                  h('option', { value: 'priority' }, t('rotationPriority')),
                 ),
               ),
             ),
-            React.createElement('div', { className: 'dsub-row', style: { marginTop: 12 } },
-              React.createElement('label', { style: { display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer' } },
-                React.createElement('input', {
+            h('div', { className: 'dsub-row', style: { marginTop: 12 } },
+              h('label', { style: { display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer' } },
+                h('input', {
                   type: 'checkbox',
                   checked: draft.enableSoftFailureSentinel !== false,
                   onChange: (e) => setDraft((d) => Object.assign({}, d, { enableSoftFailureSentinel: e.target.checked })),
                 }),
-                React.createElement('span', null, t('softFailureSentinel')),
+                h('span', null, t('softFailureSentinel')),
               ),
-              React.createElement('div', { className: 'dsub-sub' }, t('softFailureSentinelHint')),
+              h('div', { className: 'dsub-sub' }, t('softFailureSentinelHint')),
             ),
           ),
         ),
-        React.createElement('div', { className: 'dsub-block' },
-          React.createElement('div', { className: 'dsub-row' },
-            React.createElement('button', { type: 'button', className: 'dsub-mini', onClick: () => runWizard(null, null, null, false) }, '🩺 ' + t('wizardAll')),
-            React.createElement('button', { type: 'button', className: 'dsub-mini', onClick: genDiag }, t('diagGenerate')),
-            React.createElement('button', { type: 'button', className: 'dsub-mini', onClick: runAnalyzeSession }, analyzingCache ? '…' : t('cacheAnalyze')),
-            React.createElement('button', { type: 'button', className: 'dsub-mini', onClick: () => { setBackupModal('export'); setBackupErr(''); setBackupInfo('') } }, '🔒 ' + t('backupExport')),
-            React.createElement('button', { type: 'button', className: 'dsub-mini', onClick: () => { setBackupModal('import'); setBackupErr(''); setBackupInfo('') } }, '📥 ' + t('backupImport')),
-            React.createElement('a', { href: 'https://github.com/GooDAnDReaDY/dsh-subscriptions/issues', target: '_blank', rel: 'noopener noreferrer', className: 'dsub-mini' }, t('diagIssues')),
+        h('div', { className: 'dsub-block' },
+          h('div', { className: 'dsub-row' },
+            h('button', { type: 'button', className: 'dsub-mini', onClick: () => runWizard(null, null, null, false) }, '🩺 ' + t('wizardAll')),
+            h('button', { type: 'button', className: 'dsub-mini', onClick: genDiag }, t('diagGenerate')),
+            h('button', { type: 'button', className: 'dsub-mini', onClick: runAnalyzeSession }, analyzingCache ? '…' : t('cacheAnalyze')),
+            h('button', { type: 'button', className: 'dsub-mini', onClick: () => { setBackupModal('export'); setBackupErr(''); setBackupInfo(''); loadVaultSyncStatus() } }, '🔒 ' + t('backupExport')),
+            h('button', { type: 'button', className: 'dsub-mini', onClick: () => { setBackupModal('import'); setBackupErr(''); setBackupInfo(''); loadVaultSyncStatus() } }, '📥 ' + t('backupImport')),
+            h('a', { href: 'https://github.com/GooDAnDReaDY/dsh-subscriptions/issues', target: '_blank', rel: 'noopener noreferrer', className: 'dsub-mini' }, t('diagIssues')),
           ),
-          React.createElement('div', { className: 'dsub-sub' }, t('diagHint')),
-          sessionAnalysis ? React.createElement('div', { className: 'dsub-sub', style: { marginTop: '6px', fontWeight: 500 } },
+          h('div', { className: 'dsub-sub' }, t('diagHint')),
+          sessionAnalysis ? h('div', { className: 'dsub-sub', style: { marginTop: '6px', fontWeight: 500 } },
             t('cacheHitRate') + ': ' + sessionAnalysis.weightedCacheHitPercent + '% · ' +
             t('tokensSaved') + ': ' + sessionAnalysis.savedTokens + ' / ' + sessionAnalysis.totalTokens
           ) : null,
-          diag ? React.createElement('div', { className: 'dsub-row' },
-            React.createElement('button', {
+          diag ? h('div', { className: 'dsub-row' },
+            h('button', {
               type: 'button', className: 'dsub-mini',
               onClick: () => { try { navigator.clipboard.writeText(diag) } catch { /* clipboard write error */ } },
             }, t('diagCopy')),
-            React.createElement('pre', { className: 'dsub-diag' }, diag),
+            h('pre', { className: 'dsub-diag' }, diag),
           ) : null,
-          React.createElement('details', { className: 'dsub-details', style: { marginTop: 12 } },
-            React.createElement('summary', { className: 'dsub-summary' }, '⚠️ ' + t('recentErrors')),
-            React.createElement('div', { className: 'dsub-block' },
-              React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 8 } },
-                React.createElement('span', { className: 'dsub-sub' }, t('recentErrorsDesc')),
-                React.createElement('button', {
+          h('details', { className: 'dsub-details', style: { marginTop: 12 } },
+            h('summary', { className: 'dsub-summary' }, '⚠️ ' + t('recentErrors')),
+            h('div', { className: 'dsub-block' },
+              h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 8 } },
+                h('span', { className: 'dsub-sub' }, t('recentErrorsDesc')),
+                h('button', {
                   type: 'button', className: 'dsub-mini',
                   onClick: async () => {
                     await fetch('/dsh-subscriptions/diagnostics/errors/clear', { method: 'POST' }).catch(() => {})
@@ -2236,79 +2140,79 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                 }, t('recentErrorsClear'))
               ),
               (diagReport && Array.isArray(diagReport.recentErrors) && diagReport.recentErrors.length ? diagReport.recentErrors : []).length === 0
-                ? React.createElement('div', { className: 'dsub-dim', style: { padding: 8 } }, t('recentErrorsEmpty'))
-                : React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 6 } },
-                    (diagReport.recentErrors || []).map((err, i) => React.createElement('div', {
+                ? h('div', { className: 'dsub-dim', style: { padding: 8 } }, t('recentErrorsEmpty'))
+                : h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6 } },
+                    (diagReport.recentErrors || []).map((err, i) => h('div', {
                       key: i,
                       style: { padding: '6px 10px', background: 'var(--dsw-alias-bg-layer-2)', borderRadius: 6, fontSize: 11.5, borderLeft: '3px solid var(--dsw-alias-state-error-primary)' }
                     },
-                      React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', marginBottom: 2 } },
-                        React.createElement('span', { style: { fontWeight: 600 } }, (err.provider || 'unknown').toUpperCase() + (err.model ? ' · ' + err.model : '')),
-                        React.createElement('span', { className: 'dsub-dim' }, (err.ts || '').slice(11, 19))
+                      h('div', { style: { display: 'flex', justifyContent: 'space-between', marginBottom: 2 } },
+                        h('span', { style: { fontWeight: 600 } }, (err.provider || 'unknown').toUpperCase() + (err.model ? ' · ' + err.model : '')),
+                        h('span', { className: 'dsub-dim' }, (err.ts || '').slice(11, 19))
                       ),
-                      React.createElement('div', { style: { display: 'flex', gap: 6, alignItems: 'center' } },
-                        err.code ? React.createElement('span', { className: 'dsub-pillTag', style: { background: 'color-mix(in srgb,var(--dsw-alias-state-error-primary) 15%,transparent)', color: 'var(--dsw-alias-state-error-primary)' } }, err.code) : null,
-                        err.status ? React.createElement('span', { className: 'dsub-dim' }, 'HTTP ' + err.status) : null,
-                        React.createElement('span', { style: { opacity: 0.9, wordBreak: 'break-word' } }, err.message)
+                      h('div', { style: { display: 'flex', gap: 6, alignItems: 'center' } },
+                        err.code ? h('span', { className: 'dsub-pillTag', style: { background: 'color-mix(in srgb,var(--dsw-alias-state-error-primary) 15%,transparent)', color: 'var(--dsw-alias-state-error-primary)' } }, err.code) : null,
+                        err.status ? h('span', { className: 'dsub-dim' }, 'HTTP ' + err.status) : null,
+                        h('span', { style: { opacity: 0.9, wordBreak: 'break-word' } }, err.message)
                       )
                     ))
                   )
             )
           ),
-          wizardModal ? React.createElement('div', { className: 'dsub-modalWrap', onClick: (e) => { if (e.target === e.currentTarget) setWizardModal(null) } },
-            React.createElement('div', { className: 'dsub-modal' },
-              React.createElement('div', { className: 'dsub-modalHead' },
-                React.createElement('div', { className: 'dsub-modalTitleWrap' },
-                  React.createElement('div', { className: 'dsub-modalIcon' }, '🩺'),
-                  React.createElement('div', null,
-                    React.createElement('div', { style: { fontWeight: 700, fontSize: '15px' } }, t('wizardTitle')),
-                    React.createElement('div', { style: { fontSize: '11.5px', opacity: 0.7 } },
+          wizardModal ? h('div', { className: 'dsub-modalWrap', onClick: (e) => { if (e.target === e.currentTarget) setWizardModal(null) } },
+            h('div', { className: 'dsub-modal' },
+              h('div', { className: 'dsub-modalHead' },
+                h('div', { className: 'dsub-modalTitleWrap' },
+                  h('div', { className: 'dsub-modalIcon' }, '🩺'),
+                  h('div', null,
+                    h('div', { style: { fontWeight: 700, fontSize: '15px' } }, t('wizardTitle')),
+                    h('div', { style: { fontSize: '11.5px', opacity: 0.7 } },
                       wizardModal.provider && wizardModal.provider !== 'all' ? (wizardModal.provider.toUpperCase() + ' #' + wizardModal.index + (wizardModal.ref ? ' (' + wizardModal.ref + ')' : '')) : t('wizardAll')
                     ),
                   ),
                 ),
-                React.createElement('button', { type: 'button', className: 'dsub-mini', onClick: () => setWizardModal(null) }, '✕ ' + t('closeModal')),
+                h('button', { type: 'button', className: 'dsub-mini', onClick: () => setWizardModal(null) }, '✕ ' + t('closeModal')),
               ),
-              React.createElement('div', { style: { marginTop: '14px' } },
-                React.createElement('label', { className: 'dsub-row', style: { marginBottom: '10px' } },
-                  React.createElement('input', {
+              h('div', { style: { marginTop: '14px' } },
+                h('label', { className: 'dsub-row', style: { marginBottom: '10px' } },
+                  h('input', {
                     type: 'checkbox',
                     checked: !!wizardModal.includeNetwork,
                     onChange: (e) => runWizard(wizardModal.provider === 'all' ? null : wizardModal.provider, wizardModal.index, wizardModal.ref, e.target.checked),
                   }),
-                  React.createElement('span', { style: { fontSize: '12px' } }, t('wizardIncludeNetwork')),
+                  h('span', { style: { fontSize: '12px' } }, t('wizardIncludeNetwork')),
                 ),
-                wizardModal.loading ? React.createElement('div', { className: 'dsub-alert-ok', style: { marginBottom: '12px' } }, '⏳ ' + t('wizardRunning')) : null,
-                wizardModal.error ? React.createElement('div', { className: 'dsub-alert-bad', style: { marginBottom: '12px' } }, wizardModal.error) : null,
-                wizardModal.report ? React.createElement('div', null,
-                  React.createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '12px' } },
-                    React.createElement('span', {
+                wizardModal.loading ? h('div', { className: 'dsub-alert-ok', style: { marginBottom: '12px' } }, '⏳ ' + t('wizardRunning')) : null,
+                wizardModal.error ? h('div', { className: 'dsub-alert-bad', style: { marginBottom: '12px' } }, wizardModal.error) : null,
+                wizardModal.report ? h('div', null,
+                  h('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '12px' } },
+                    h('span', {
                       className: 'dsub-badge ' + (wizardModal.report.overallStatus === 'healthy' ? 'dsub-badge-ok' : (wizardModal.report.overallStatus === 'degraded' ? 'dsub-badge-warn' : 'dsub-badge-bad'))
                     }, (wizardModal.report.overallStatus === 'healthy' ? '🟢 ' + t('wizardHealthy') : (wizardModal.report.overallStatus === 'degraded' ? '🟡 ' + t('wizardDegraded') : '🔴 ' + t('wizardFailing')))),
-                    React.createElement('span', { style: { fontSize: '11.5px', opacity: 0.7 } },
+                    h('span', { style: { fontSize: '11.5px', opacity: 0.7 } },
                       wizardModal.report.summary.passed + ' passed · ' + wizardModal.report.summary.warnings + ' warn · ' + wizardModal.report.summary.failed + ' fail'
                     ),
                   ),
-                  React.createElement('div', { className: 'dsub-trace-box', style: { marginBottom: '12px' } },
+                  h('div', { className: 'dsub-trace-box', style: { marginBottom: '12px' } },
                     wizardModal.report.steps.map((st, idx) => {
                       const icon = st.status === 'pass' ? '✅' : (st.status === 'warn' ? '⚠️' : (st.status === 'fail' ? '❌' : '⚪'))
                       const color = st.status === 'pass' ? 'var(--dsw-alias-state-success-primary)' : (st.status === 'warn' ? 'var(--dsw-alias-state-warn-primary)' : (st.status === 'fail' ? 'var(--dsw-alias-state-error-primary)' : 'var(--dsw-alias-label-secondary)'))
-                      return React.createElement('div', { key: idx, className: 'dsub-trace-row' },
-                        React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
-                          React.createElement('span', null, icon),
-                          React.createElement('span', { style: { fontWeight: 600 } }, st.name),
-                          st.latencyMs != null ? React.createElement('span', { style: { fontSize: '10px', opacity: 0.6 } }, st.latencyMs + 'ms') : null,
+                      return h('div', { key: idx, className: 'dsub-trace-row' },
+                        h('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+                          h('span', null, icon),
+                          h('span', { style: { fontWeight: 600 } }, st.name),
+                          st.latencyMs != null ? h('span', { style: { fontSize: '10px', opacity: 0.6 } }, st.latencyMs + 'ms') : null,
                         ),
-                        React.createElement('span', { style: { fontSize: '11px', color: color } }, st.message),
+                        h('span', { style: { fontSize: '11px', color: color } }, st.message),
                       )
                     })
                   ),
-                  wizardModal.report.recommendations && wizardModal.report.recommendations.length ? React.createElement('div', { style: { marginBottom: '12px' } },
-                    React.createElement('div', { style: { fontSize: '11.5px', fontWeight: 600, color: 'var(--dsw-alias-state-warn-primary)', marginBottom: '4px' } }, '💡 ' + t('wizardRecommendations')),
-                    wizardModal.report.recommendations.map((rec, rIdx) => React.createElement('div', { key: rIdx, className: 'dsub-alert-bad', style: { marginBottom: '4px', fontSize: '11.5px' } }, rec))
+                  wizardModal.report.recommendations && wizardModal.report.recommendations.length ? h('div', { style: { marginBottom: '12px' } },
+                    h('div', { style: { fontSize: '11.5px', fontWeight: 600, color: 'var(--dsw-alias-state-warn-primary)', marginBottom: '4px' } }, '💡 ' + t('wizardRecommendations')),
+                    wizardModal.report.recommendations.map((rec, rIdx) => h('div', { key: rIdx, className: 'dsub-alert-bad', style: { marginBottom: '4px', fontSize: '11.5px' } }, rec))
                   ) : null,
-                  React.createElement('div', { style: { display: 'flex', justifyContent: 'flex-end', gap: '8px', marginTop: '10px' } },
-                    React.createElement('button', {
+                  h('div', { style: { display: 'flex', justifyContent: 'flex-end', gap: '8px', marginTop: '10px' } },
+                    h('button', {
                       type: 'button',
                       className: 'dsub-mini',
                       onClick: () => {
@@ -2321,61 +2225,106 @@ const cssId = 'dsh-subscriptions/settings.module.css'
               ),
             ),
           ) : null,
-          backupModal ? React.createElement('div', { className: 'dsub-panel-box', style: { marginTop: '10px' } },
-            React.createElement('div', { className: 'dsub-panel-title' },
-              React.createElement('span', null, backupModal === 'export' ? ('🔒 ' + t('backupExportTitle')) : ('📥 ' + t('backupImportTitle'))),
-              React.createElement('button', {
+          backupModal ? h('div', { className: 'dsub-panel-box', style: { marginTop: '10px' } },
+            h('div', { className: 'dsub-panel-title' },
+              h('span', null, backupModal === 'export' ? ('🔒 ' + t('backupExportTitle')) : ('📥 ' + t('backupImportTitle'))),
+              h('button', {
                 type: 'button',
                 className: 'dsub-mini',
                 onClick: () => { setBackupModal(null); setBackupPass(''); setBackupData(''); setBackupErr(''); setBackupInfo('') }
               }, '✕ ' + t('closeModal'))
             ),
-            React.createElement('div', { className: 'dsub-panel-desc' },
+            h('div', { className: 'dsub-panel-desc' },
               backupModal === 'export' ? t('backupExportHint') : t('backupImportHint')
             ),
-            React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', marginTop: '8px' } },
-              backupModal === 'import' ? React.createElement('textarea', {
+            h('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', marginTop: '8px' } },
+              backupModal === 'import' ? h('div', { className: 'dsub-row', style: { gap: '8px', alignItems: 'center' } },
+                h('input', {
+                  type: 'file',
+                  accept: '.enc,.txt',
+                  className: 'dsub-mini',
+                  style: { maxWidth: '220px' },
+                  onChange: (e) => {
+                    const f = e.target.files && e.target.files[0]
+                    if (!f) return
+                    const reader = new window.FileReader()
+                    reader.onload = (evt) => {
+                      if (evt.target && evt.target.result) setBackupData(String(evt.target.result))
+                    }
+                    reader.readAsText(f)
+                  },
+                }),
+                h('span', { className: 'dsub-sub' }, t('orPasteVaultPayload'))
+              ) : null,
+              backupModal === 'import' ? h('textarea', {
                 className: 'dsub-diag',
                 style: { width: '100%', height: '80px', fontFamily: 'monospace', fontSize: '11px' },
                 placeholder: t('backupPayloadPlaceholder'),
                 value: backupData,
                 onChange: (e) => setBackupData(e.target.value),
               }) : null,
-              React.createElement('div', { className: 'dsub-row' },
-                React.createElement('input', {
+              h('div', { className: 'dsub-row' },
+                h('input', {
                   type: 'password',
                   className: 'dsub-grow',
                   placeholder: t('backupPassphrase'),
                   value: backupPass,
                   onChange: (e) => setBackupPass(e.target.value),
                 }),
-                backupModal === 'export' ? React.createElement('button', {
+                backupModal === 'export' ? h('button', {
                   type: 'button',
                   className: 'dsub-mini',
                   disabled: backupLoading || !backupPass || backupPass.length < 12,
                   onClick: doExportBackup,
-                }, backupLoading ? '…' : t('backupExportAction')) : React.createElement('button', {
+                }, backupLoading ? '…' : t('backupExportAction')) : h('button', {
                   type: 'button',
                   className: 'dsub-mini',
                   disabled: backupLoading || !backupPass || !backupData,
                   onClick: doImportBackup,
                 }, backupLoading ? '…' : t('backupImportAction'))
               ),
-              backupErr ? React.createElement('div', { className: 'dsub-bad' }, backupErr) : null,
-              backupInfo ? React.createElement('div', { className: 'dsub-ok' }, backupInfo) : null,
-              (backupModal === 'export' && backupData) ? React.createElement('div', { className: 'dsub-row' },
-                React.createElement('button', {
+              backupErr ? h('div', { className: 'dsub-bad' }, backupErr) : null,
+              backupInfo ? h('div', { className: 'dsub-ok' }, backupInfo) : null,
+              (backupModal === 'export' && backupData) ? h('div', { className: 'dsub-row' },
+                h('button', {
                   type: 'button',
                   className: 'dsub-mini',
                   onClick: () => { try { navigator.clipboard.writeText(backupData) } catch { /* ignore */ } },
                 }, t('diagCopy')),
-                React.createElement('button', {
+                h('button', {
                   type: 'button',
                   className: 'dsub-mini',
                   onClick: downloadBackupFile,
                 }, t('backupDownload')),
-                React.createElement('pre', { className: 'dsub-diag', style: { maxHeight: '60px', overflow: 'hidden', textOverflow: 'ellipsis' } }, backupData)
-              ) : null
+                h('pre', { className: 'dsub-diag', style: { maxHeight: '60px', overflow: 'hidden', textOverflow: 'ellipsis' } }, backupData)
+              ) : null,
+              h('div', {
+                className: 'dsub-panel-box',
+                style: { marginTop: 10, padding: '10px 12px', borderTop: '1px solid var(--dsw-alias-border-l2)' }
+              },
+                h('div', { className: 'dsub-panel-title' },
+                  h('span', null, '☁️ ' + t('vaultSyncTitle')),
+                  h('div', { style: { display: 'flex', gap: 6 } },
+                    h('button', {
+                      type: 'button',
+                      className: 'dsub-mini',
+                      disabled: vaultSyncLoading,
+                      onClick: doVaultSyncPush,
+                    }, vaultSyncLoading ? '…' : t('vaultSyncPush')),
+                    h('button', {
+                      type: 'button',
+                      className: 'dsub-mini',
+                      disabled: vaultSyncLoading,
+                      onClick: doVaultSyncPull,
+                    }, vaultSyncLoading ? '…' : t('vaultSyncPull'))
+                  )
+                ),
+                vaultSyncInfo ? h('div', { className: 'dsub-sub', style: { marginTop: 4 } },
+                  t('vaultSyncBackend') + ' ' + (vaultSyncInfo.backend || 'webdav') + ' · ' +
+                  t('vaultSyncLastPush') + ' ' + (vaultSyncInfo.lastPushAt ? new Date(vaultSyncInfo.lastPushAt).toLocaleTimeString() : 'never') + ' · ' +
+                  t('vaultSyncLastPull') + ' ' + (vaultSyncInfo.lastPullAt ? new Date(vaultSyncInfo.lastPullAt).toLocaleTimeString() : 'never')
+                ) : null
+              )
             )
           ) : null,
         ),
@@ -2383,40 +2332,50 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           const rows = slots
             .map((slot, i) => ({ slot: slot, i: i }))
             .filter((row) => row.slot.provider === prov.id)
-          return React.createElement('div', { className: 'dsub-block', key: prov.id },
-            React.createElement('div', { className: 'dsub-h' }, prov.name),
+          return h('div', { className: 'dsub-block', key: prov.id },
+            h('div', { className: 'dsub-h' }, prov.name),
             rows.map((row) => {
               const account = accountOf(row.slot.provider, row.slot.index)
               const key = row.slot.provider + ':' + row.slot.index
               const on = !!account.configured
-              return React.createElement('div', { className: 'dsub-card', key: key },
-                React.createElement('div', { className: 'dsub-row' },
-                  React.createElement('input', {
+              const avatarEl = (account.avatarUrl ? h('img', {
+                src: account.avatarUrl,
+                alt: account.email || account.label || 'Avatar',
+                className: 'dsub-avatar',
+                onError: (e) => { e.target.style.display = 'none' },
+              }) : (account.email ? h('span', {
+                className: 'dsub-avatar dsub-avatar-initials',
+                title: account.email,
+              }, (account.email.charAt(0) || '?').toUpperCase()) : null))
+              return h('div', { className: 'dsub-card', key: key },
+                h('div', { className: 'dsub-row', style: { alignItems: 'center' } },
+                  avatarEl,
+                  h('input', {
                     className: 'dsub-grow',
                     value: row.slot.label || '',
-                    placeholder: account.label || (t('accountLabel') + ' ' + row.slot.index),
+                    placeholder: account.email || account.label || (t('accountLabel') + ' ' + row.slot.index),
                     onChange: (e) => {
                       const next = slots.slice()
                       next[row.i] = Object.assign({}, next[row.i], { label: e.target.value })
                       setSlots(next)
                     },
                   }),
-                  React.createElement('span', { className: 'dsub-badge' + (account.validationUrl ? ' dsub-badge-warn' : (on ? ' dsub-badge-on' : '')) }, badgeFor(account, t)),
-                  normalizePlanBadge(row.slot.provider, account.plan || (account.quota && account.quota.plan)),
-                  React.createElement('button', {
+                  h('span', { className: 'dsub-badge' + (account.isRevoked ? ' dsub-badge-bad' : (account.validationUrl ? ' dsub-badge-warn' : (on ? ' dsub-badge-on' : ''))) }, badgeFor(account, t)),
+                  normalizePlanBadge(row.slot.provider, account.plan || account.paidTierName || (account.quota && account.quota.plan)),
+                  h('button', {
                     type: 'button', className: 'dsub-mini',
                     onClick: () => connect(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
                   }, on ? t('reconnect') : t('connect')),
-                  ((row.slot.provider === 'codex' || row.slot.provider === 'copilot' || row.slot.provider === 'grok') ? React.createElement('button', {
+                  ((row.slot.provider === 'codex' || row.slot.provider === 'copilot' || row.slot.provider === 'grok') ? h('button', {
                     type: 'button', className: 'dsub-mini',
                     onClick: () => deviceStartLogin(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
                   }, t('deviceLogin')) : null),
-                  React.createElement('button', {
+                  h('button', {
                     type: 'button', className: 'dsub-mini',
                     disabled: !on,
                     onClick: () => logout(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
                   }, t('disconnect')),
-                  React.createElement('button', {
+                  h('button', {
                     type: 'button', className: 'dsub-mini',
                     disabled: checking[key],
                     title: t('smokeDesc'),
@@ -2427,30 +2386,47 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                     if (!r) return null;
                     var cls = r.ok ? 'dsub-badge-ok' : 'dsub-badge-bad';
                     var txt = r.ok ? ('✓ ' + (r.latencyMs != null ? r.latencyMs + 'ms' : 'OK')) : ('✗ ' + ((r.error && (r.error.code || r.error.message)) || 'FAIL'));
-                    return React.createElement('span', { className: 'dsub-badge ' + cls, style: { marginLeft: 4 }, title: r.ok ? t('testConnectionSuccess') : ((r.error && r.error.message) || 'fail') }, txt);
+                    return h('span', { className: 'dsub-badge ' + cls, style: { marginLeft: 4 }, title: r.ok ? t('testConnectionSuccess') : ((r.error && r.error.message) || 'fail') }, txt);
                   })(),
-                  React.createElement('button', {
+                  (account && account.lastPingMs != null ? (function(){
+                    var ms = account.lastPingMs;
+                    var grade = account.latencyGrade || (ms < 250 ? 'good' : (ms < 750 ? 'fair' : 'poor'));
+                    var cls = grade === 'good' ? 'dsub-badge-ok' : (grade === 'fair' ? 'dsub-badge-warn' : 'dsub-badge-bad');
+                    return h('span', {
+                      className: 'dsub-badge ' + cls,
+                      style: { marginLeft: 4, cursor: 'pointer' },
+                      title: 'Latency: ' + ms + 'ms (' + grade + '). Click to test.',
+                      onClick: () => doPing(row.slot.provider, row.slot.index),
+                    }, '📶 ' + ms + 'ms');
+                  })() : null),
+                  h('button', {
+                    type: 'button',
+                    className: 'dsub-mini',
+                    title: t('syncModelsTitle'),
+                    onClick: () => doSyncModels(row.slot.provider, row.slot.index),
+                  }, '🔄 ' + t('syncModels')),
+                  h('button', {
                     type: 'button', className: 'dsub-mini',
                     title: t('wizardTitle'),
                     onClick: () => runWizard(row.slot.provider, row.slot.index, row.slot.ref, false),
                   }, '🩺 ' + t('wizardButton')),
                   
-                  (account && account.quarantineUntil && Number(account.quarantineUntil) > Date.now() ? React.createElement(React.Fragment, null,
-                    React.createElement('button', {
+                  (account && account.quarantineUntil && Number(account.quarantineUntil) > Date.now() ? h(React.Fragment, null,
+                    h('button', {
                       type: 'button', className: 'dsub-mini', title: t('probeWarmupTitle'),
                       disabled: checking[key],
                       onClick: () => doProbeQuarantine(row.slot.provider, row.slot.index, false),
                     }, checking[key] ? t('checking') : ('🔄 ' + t('probeWarmupNow'))),
-                    React.createElement('button', {
+                    h('button', {
                       type: 'button', className: 'dsub-mini', title: t('releaseQuarantineTitle'),
                       disabled: checking[key],
                       onClick: () => doProbeQuarantine(row.slot.provider, row.slot.index, true),
                     }, ('✕ ' + t('releaseQuarantine'))),
-                  ) : (on ? React.createElement('button', {
+                  ) : (on ? h('button', {
                     type: 'button', className: 'dsub-mini', title: t('quarantineParkTitle'),
                     onClick: () => doParkQuarantine(row.slot.provider, row.slot.index, 3600000),
                   }, ('⏸ ' + t('quarantinePark'))) : null)),
-                  React.createElement('button', {
+                  h('button', {
                     type: 'button', className: 'dsub-mini', title: t('removeSlot'),
                     onClick: () => {
                       const slot = row.slot
@@ -2460,55 +2436,105 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                     },
                   }, '\u00d7'),
                 ),
-                (account && account.quarantineUntil && Number(account.quarantineUntil) > Date.now()) ? React.createElement('div', { className: 'dsub-row', style: { marginTop: 4 } },
-                  React.createElement('span', { className: 'dsub-sub', style: { color: 'var(--dsw-alias-state-error-primary)', fontVariantNumeric: 'tabular-nums' } },
+                (account && account.quarantineUntil && Number(account.quarantineUntil) > Date.now()) ? h('div', { className: 'dsub-row', style: { marginTop: 4 } },
+                  h('span', { className: 'dsub-sub', style: { color: 'var(--dsw-alias-state-error-primary)', fontVariantNumeric: 'tabular-nums' } },
                     '⛔ ' + (account.quarantineReason || 'QUARANTINE') + ' · ' + t('resetsIn') + ' ' + formatRelativeReset(account.quarantineUntil, t('lang'), Date.now())
                   ),
-                ) : (account && account.quota && account.quota.resetAt && Number(account.quota.resetAt) > Date.now()) ? React.createElement('div', { className: 'dsub-row', style: { marginTop: 4 } },
-                  React.createElement(ResetCountdown, { resetAt: account.quota.resetAt }),
+                ) : (account && (account.resetAt || (account.quota && account.quota.resetAt)) && Number(account.resetAt || account.quota.resetAt) > Date.now()) ? h('div', { className: 'dsub-row', style: { marginTop: 4 } },
+                  h(ResetCountdown, { resetAt: account.resetAt || account.quota.resetAt }),
                 ) : null,
-                React.createElement('div', { className: 'dsub-manual' },
-                  React.createElement('span', { className: 'dsub-sub' }, t('manualTitle')),
-                React.createElement('div', { className: 'dsub-row' },
-                  React.createElement('input', {
+                h('div', { className: 'dsub-manual' },
+                  h('span', { className: 'dsub-sub' }, t('manualTitle')),
+                h('div', { className: 'dsub-row' },
+                  h('input', {
                     className: 'dsub-grow',
                     value: paste[key] || '',
                     placeholder: t('pastePlaceholder'),
                     onChange: (e) => setPaste((p) => Object.assign({}, p, { [key]: e.target.value })),
                   }),
-                  React.createElement('button', {
+                  h('button', {
                     type: 'button', className: 'dsub-mini',
                     onClick: () => complete(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
                   }, t('submitCode')),
                 ),
-                React.createElement('div', { className: 'dsub-row', style: { justifyContent: 'space-between' } },
-                  React.createElement('button', {
+                (headlessInfo[key] ? h('div', {
+                  className: 'dsub-panel-box',
+                  style: { marginTop: 6, padding: '8px 12px', background: 'var(--dsw-alias-bg-layer-2)' }
+                },
+                  h('div', { style: { fontWeight: 600, fontSize: '11px', display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
+                    h('span', null, '🌐 ' + t('headlessTip')),
+                    h('button', {
+                      type: 'button',
+                      className: 'dsub-mini',
+                      onClick: () => {
+                        try {
+                          navigator.clipboard.writeText(headlessInfo[key].sshTunnelCommand)
+                          setCopiedSsh((m) => Object.assign({}, m, { [key]: true }))
+                          setTimeout(() => setCopiedSsh((m) => Object.assign({}, m, { [key]: false })), 2000)
+                        } catch { /* ignore */ }
+                      }
+                    }, copiedSsh[key] ? ('✓ ' + t('headlessCopied')) : ('📋 ' + t('headlessCopySsh')))
+                  ),
+                  h('div', { style: { fontFamily: 'monospace', fontSize: '11px', margin: '4px 0', wordBreak: 'break-all' } },
+                    headlessInfo[key].sshTunnelCommand
+                  ),
+                  headlessInfo[key].svgDataUrl ? h('div', { style: { marginTop: 6, textAlign: 'center' } },
+                    h('div', { className: 'dsub-sub', style: { marginBottom: 4 } }, t('headlessScanQr')),
+                    h('img', {
+                      src: headlessInfo[key].svgDataUrl,
+                      alt: 'QR Code',
+                      style: { width: '130px', height: '130px', borderRadius: '4px', background: '#fff', padding: '4px' }
+                    })
+                  ) : null
+                ) : null),
+                h('div', { className: 'dsub-row', style: { justifyContent: 'space-between' } },
+                  h('button', {
                     type: 'button',
                     className: 'dsub-mini',
                     title: t('importLocalCliTitle'),
                     style: { display: 'inline-flex', alignItems: 'center', gap: 6, fontWeight: 600 },
                     onClick: () => importLocalCli(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
                   }, t('importLocalCli')),
-                  React.createElement('button', {
+                  h('button', {
                     type: 'button',
                     className: 'dsub-mini' + (openHelp[key] ? ' dsub-btnActive' : ''),
                     title: t('howToGetTokenTitle'),
                     onClick: (e) => { if (e) { e.preventDefault(); e.stopPropagation(); } setOpenHelp((h) => Object.assign({}, h, { [key]: !h[key] })); },
                   }, t('howToGetToken')),
                 ),
-                React.createElement('div', { className: 'dsub-row' },
-                  React.createElement('input', {
+                h('div', { className: 'dsub-row' },
+                  h('input', {
                     className: 'dsub-grow',
                     value: tokenDraft[key] || '',
                     placeholder: t('importTokenPlace'),
                     onChange: (e) => setTokenDraft((d) => Object.assign({}, d, { [key]: e.target.value })),
                   }),
-                  React.createElement('button', {
+                  h('button', {
                     type: 'button', className: 'dsub-mini',
                     title: t('importToken'),
                     onClick: () => importToken(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
                   }, t('importToken')),
                 ),
+                (account && account.lastDoctorVerdict ? (function(){
+                  var doc = account.lastDoctorVerdict;
+                  return h('div', {
+                    className: 'dsub-helpBox',
+                    style: {
+                      marginTop: 6,
+                      padding: '8px 12px',
+                      borderLeft: '3px solid var(--dsw-alias-brand-primary)',
+                      background: 'var(--dsw-alias-bg-layer-2)',
+                    },
+                  },
+                    h('div', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-primary)', display: 'flex', alignItems: 'center', gap: 6, marginBottom: 4 } },
+                      '🩺 ' + doc.title
+                    ),
+                    h('div', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', marginBottom: 4 } }, doc.details),
+                    h('div', { style: { fontSize: 12, color: 'var(--dsw-alias-brand-primary)', fontWeight: 500 } },
+                      '💡 ' + (t('recommendation') || 'Recommendation') + ': ' + doc.recommendation
+                    )
+                  );
+                })() : null),
                 (openHelp[key] ? (function renderInlineHelp(){
                   const prov = row.slot.provider;
                   const info = (typeof INSTRUCTIONS !== 'undefined' && INSTRUCTIONS[prov]) || {
@@ -2519,10 +2545,10 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                   // Determine language safely from current locale (fallback to zh if Chinese or en)
                   const isZh = t('instructionsTitle').indexOf('获取') >= 0 || t('close') === '关闭';
                   const steps = (isZh && info.stepsZh) ? info.stepsZh : (info.stepsEn || []);
-                  return React.createElement('div', { className: 'dsub-helpBox' },
-                    React.createElement('div', { className: 'dsub-helpHead' },
-                      React.createElement('span', null, 'ℹ️ ' + info.title + ' — ' + t('instructionsTitle')),
-                      React.createElement('button', {
+                  return h('div', { className: 'dsub-helpBox' },
+                    h('div', { className: 'dsub-helpHead' },
+                      h('span', null, 'ℹ️ ' + info.title + ' — ' + t('instructionsTitle')),
+                      h('button', {
                         type: 'button', className: 'dsub-mini',
                         style: { padding: '1px 6px', fontSize: 11 },
                         onClick: (e) => {
@@ -2531,9 +2557,9 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                         },
                       }, '✕')
                     ),
-                    steps.map((st, i) => React.createElement('div', { key: i, className: 'dsub-helpStep' }, st)),
-                    info.link ? React.createElement('div', { style: { marginTop: 8 } },
-                      React.createElement('a', {
+                    steps.map((st, i) => h('div', { key: i, className: 'dsub-helpStep' }, st)),
+                    info.link ? h('div', { style: { marginTop: 8 } },
+                      h('a', {
                         href: info.link,
                         target: '_blank',
                         rel: 'noopener noreferrer',
@@ -2543,8 +2569,8 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                     ) : null
                   );
                 })() : null),
-                React.createElement('div', { className: 'dsub-row' },
-                  React.createElement('input', {
+                h('div', { className: 'dsub-row' },
+                  h('input', {
                     className: 'dsub-grow',
                     value: row.slot.proxyUrl || '',
                     placeholder: t('proxyPlaceholder'),
@@ -2554,17 +2580,37 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                       setSlots(next)
                     },
                   }),
-                  React.createElement('button', {
+                  h('button', {
                     type: 'button', className: 'dsub-mini',
                     disabled: checking['proxy:' + key],
                     onClick: () => doProxyCheck(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
                   }, checking['proxy:' + key] ? '\u2026' : t('proxyCheck')),
+                  h('span', {
+                    style: { fontSize: '11px', color: 'var(--dsw-alias-label-secondary)', display: 'inline-flex', alignItems: 'center', gap: '3px' },
+                    title: t('maxConcurrencySlotTitle')
+                  },
+                    '⚡',
+                    h('input', {
+                      type: 'number',
+                      min: 1,
+                      max: 20,
+                      style: { width: '44px', padding: '1px 4px', fontSize: '11px', textAlign: 'center' },
+                      value: row.slot.maxConcurrency !== undefined ? row.slot.maxConcurrency : 1,
+                      title: t('maxConcurrencySlotTitle'),
+                      onChange: (e) => {
+                        const next = slots.slice()
+                        const val = parseInt(e.target.value, 10)
+                        next[row.i] = Object.assign({}, next[row.i], { maxConcurrency: isNaN(val) ? 1 : Math.max(1, val) })
+                        setSlots(next)
+                      },
+                    })
+                  ),
                 ),
                 (function(){
                   var r = proxyRes[key]
                   if (!r) return null
                   var txt = r.ok ? (t('proxyOk') + ' ' + r.latencyMs + 'ms' + (r.viaProxy ? '' : ' (direct)')) : (t('proxyFail') + ': ' + ((r.error && r.error.message) || ''))
-                  return React.createElement('div', { className: r.ok ? 'dsub-ok' : 'dsub-bad' }, txt)
+                  return h('div', { className: r.ok ? 'dsub-ok' : 'dsub-bad' }, txt)
                 })(),
                 ),
                 (function devicePanel(){
@@ -2572,18 +2618,18 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                   if (!d) return null
                   var txt = d.status === 'authorized' ? t('deviceAuthorized') : (d.status === 'expired' ? t('deviceExpired') : t('devicePending'))
                   var cls = d.status === 'authorized' ? 'dsub-ok' : (d.status === 'expired' ? 'dsub-bad' : 'dsub-verify')
-                  return React.createElement('div', { className: 'dsub-verify' },
-                    React.createElement('div', { className: cls }, txt),
-                    d.status === 'pending' ? React.createElement(React.Fragment, null,
-                      React.createElement('div', { style: { fontSize: '2em', fontWeight: 700, letterSpacing: '0.15em', margin: '4px 0' } }, d.userCode),
-                      React.createElement('div', { className: 'dsub-row' },
-                        React.createElement('button', {
+                  return h('div', { className: 'dsub-verify' },
+                    h('div', { className: cls }, txt),
+                    d.status === 'pending' ? h(React.Fragment, null,
+                      h('div', { style: { fontSize: '2em', fontWeight: 700, letterSpacing: '0.15em', margin: '4px 0' } }, d.userCode),
+                      h('div', { className: 'dsub-row' },
+                        h('button', {
                           type: 'button', className: 'dsub-mini',
                           onClick: () => { try { navigator.clipboard.writeText(d.userCode) } catch { /* clipboard write error */ } },
                         }, t('deviceCopy')),
-                        React.createElement('a', { href: d.authUrl, target: '_blank', rel: 'noopener noreferrer', className: 'dsub-mini' }, t('verifyLink')),
+                        h('a', { href: d.authUrl, target: '_blank', rel: 'noopener noreferrer', className: 'dsub-mini' }, t('verifyLink')),
                       ),
-                      React.createElement('div', { className: 'dsub-sub' }, t('deviceHint')),
+                      h('div', { className: 'dsub-sub' }, t('deviceHint')),
                     ) : null,
                   )
                 })(),
@@ -2598,63 +2644,86 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                     return code
                   }
                   if (st.phase !== 'confirm') {
-                    return React.createElement('div', { className: 'dsub-panel-box' },
-                      React.createElement('div', { className: 'dsub-panel-title' },
-                        React.createElement('span', null, '⚡ ' + t('resetCredits')),
-                        React.createElement('button', {
+                    return h('div', { className: 'dsub-panel-box' },
+                      h('div', { className: 'dsub-panel-title' },
+                        h('span', null, '⚡ ' + t('resetCredits')),
+                        h('button', {
                           type: 'button',
                           className: 'dsub-mini',
                           disabled: st.phase === 'loading',
                           onClick: () => resetPrepare(row.slot.provider, row.slot.index, key).catch((e) => setErr(String(e && e.message || e))),
                         }, st.phase === 'loading' ? '…' : t('resetCreditsAction'))
                       ),
-                      React.createElement('div', { className: 'dsub-panel-desc' }, t('resetCreditsHint'))
+                      h('div', { className: 'dsub-panel-desc' }, t('resetCreditsHint'))
                     )
                   }
                   var ready = now >= st.readyAt
                   var secs = Math.max(0, Math.ceil((st.readyAt - now) / 1000))
-                  return React.createElement('div', { className: 'dsub-panel-box dsub-panel-warn' },
-                    React.createElement('div', { className: 'dsub-panel-title' },
-                      React.createElement('span', null, '⚠️ ' + t('resetCredits')),
-                      React.createElement('span', { className: 'dsub-tag-ok' }, t('resetAvailable') + ': ' + st.availableCount)
+                  return h('div', { className: 'dsub-panel-box dsub-panel-warn' },
+                    h('div', { className: 'dsub-panel-title' },
+                      h('span', null, '⚠️ ' + t('resetCredits')),
+                      h('span', { className: 'dsub-tag-ok' }, t('resetAvailable') + ': ' + st.availableCount)
                     ),
-                    st.creditExpiresAt ? React.createElement('div', { className: 'dsub-panel-desc' },
+                    st.creditExpiresAt ? h('div', { className: 'dsub-panel-desc' },
                       t('resetExpires') + ': ' + new Date(st.creditExpiresAt).toLocaleString()
                     ) : null,
-                    React.createElement('label', { className: 'dsub-row', style: { cursor: 'pointer', margin: '4px 0' } },
-                      React.createElement('input', {
+                    h('label', { className: 'dsub-row', style: { cursor: 'pointer', margin: '4px 0' } },
+                      h('input', {
                         type: 'checkbox',
                         checked: !!st.ack,
                         onChange: (e) => setReset((m) => Object.assign({}, m, { [key]: Object.assign({}, st, { ack: e.target.checked }) })),
                       }),
-                      React.createElement('span', { style: { fontSize: '12px', fontWeight: 500 } }, t('resetAck')),
+                      h('span', { style: { fontSize: '12px', fontWeight: 500 } }, t('resetAck')),
                     ),
-                    React.createElement('div', { className: 'dsub-row', style: { gap: '8px' } },
-                      React.createElement('button', {
+                    h('div', { className: 'dsub-row', style: { gap: '8px' } },
+                      h('button', {
                         type: 'button',
                         className: 'dsub-mini dsub-btn-danger',
                         disabled: !st.ack || !ready || !!st.busy,
                         onClick: () => resetConsume(key).catch((e) => setErr(String(e && e.message || e))),
                       }, st.busy ? t('resetBusy') : (ready ? t('resetGo') : (t('resetWait') + ' ' + secs + 's'))),
-                      !ready && !st.busy ? React.createElement('span', { className: 'dsub-sub' }, t('resetWait') + ' ' + secs + 's') : null,
-                      st.ack && ready ? React.createElement('span', { className: 'dsub-ok', style: { fontSize: '12px', fontWeight: 600 } }, '✓ ' + t('resetReady')) : null,
-                      React.createElement('button', {
+                      !ready && !st.busy ? h('span', { className: 'dsub-sub' }, t('resetWait') + ' ' + secs + 's') : null,
+                      st.ack && ready ? h('span', { className: 'dsub-ok', style: { fontSize: '12px', fontWeight: 600 } }, '✓ ' + t('resetReady')) : null,
+                      h('button', {
                         type: 'button',
                         className: 'dsub-mini',
                         style: { marginLeft: 'auto' },
                         onClick: () => setReset((m) => Object.assign({}, m, { [key]: { phase: 'idle' } })),
                       }, t('cancel'))
                     ),
-                    st.result ? React.createElement('div', { className: 'dsub-ok', style: { fontWeight: 600 } }, resultText(st.result)) : null,
-                    st.error ? React.createElement('div', { className: 'dsub-bad' }, st.error) : null,
+                    st.result ? h('div', { className: 'dsub-ok', style: { fontWeight: 600 } }, resultText(st.result)) : null,
+                    st.error ? h('div', { className: 'dsub-bad' }, st.error) : null,
                   )
                 })() : null),
-                account.accountNotice ? React.createElement('div', { className: 'dsub-verify' }, account.accountNotice) : null,
-                account.refreshError ? React.createElement('div', { className: 'dsub-bad' }, t('reconnectRequired') + ': ' + account.refreshError) : null,
-                (function(){ var r=checkRes[key]; if(!r) return null; var txt=r.ok ? ('ok ' + (r.email||'')) : ('fail ' + (r.error && r.error.message || '')); var cls=r.ok ? 'dsub-ok' : 'dsub-bad'; var q=r.quota; if(q && q.remaining!=null) txt += ' quota:'+q.remaining+(q.limit!=null?'/'+q.limit:''); return React.createElement('div', {className: cls}, txt) })(),
-                account.validationUrl ? React.createElement('div', { className: 'dsub-verify' },
+                account.accountNotice ? h('div', { className: 'dsub-verify' }, account.accountNotice) : null,
+                account.scopeWarning ? h('div', { className: 'dsub-scope-banner' },
+                  h('span', { style: { color: 'var(--dsw-alias-state-warn-primary)' } }, '⚠️ ' + t('scopeWarning') + ': ' + account.scopeWarning),
+                  h('button', {
+                    type: 'button',
+                    className: 'dsub-mini',
+                    onClick: () => connect(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
+                  }, '🔄 ' + t('reconnectScope'))
+                ) : null,
+                (account.isRevoked || account.authWarning) ? h('div', { className: 'dsub-bad dsub-row', style: { alignItems: 'center', justifyContent: 'space-between', gap: '8px', marginBottom: '6px' } },
+                  h('span', null, '⛔ ' + (account.authWarning || t('sessionRevokedWarning'))),
+                  h('button', {
+                    type: 'button',
+                    className: 'dsub-mini dsub-btn-primary',
+                    onClick: () => connect(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
+                  }, '🔄 ' + t('reconnectNow'))
+                ) : null,
+                account.refreshError ? h('div', { className: 'dsub-bad dsub-row', style: { alignItems: 'center', justifyContent: 'space-between', gap: '8px' } },
+                  h('span', null, t('reconnectRequired') + ': ' + account.refreshError),
+                  h('button', {
+                    type: 'button',
+                    className: 'dsub-mini dsub-btn-primary',
+                    onClick: () => connect(row.slot.provider, row.slot.index).catch((e) => setErr(cleanErrorMessage(e.message || e))),
+                  }, '🔄 ' + t('reconnectNow'))
+                ) : null,
+                (function(){ var r=checkRes[key]; if(!r) return null; var txt=r.ok ? ('ok ' + (r.email||'')) : ('fail ' + (r.error && r.error.message || '')); var cls=r.ok ? 'dsub-ok' : 'dsub-bad'; var q=r.quota; if(q && q.remaining!=null) txt += ' quota:'+q.remaining+(q.limit!=null?'/'+q.limit:''); return h('div', {className: cls}, txt) })(),
+                account.validationUrl ? h('div', { className: 'dsub-verify' },
                   t('verifyPrefix'),
-                  React.createElement('a', { href: account.validationUrl, target: '_blank', rel: 'noopener noreferrer' }, t('verifyLink')),
+                  h('a', { href: account.validationUrl, target: '_blank', rel: 'noopener noreferrer' }, t('verifyLink')),
                   t('verifySuffix'),
                 ) : null,
                 (function usageLimitsBlock(){
@@ -2680,18 +2749,18 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                     var p = Math.min(100, Math.max(0, Math.round(pct)))
                     var tagCls = p >= 90 ? 'dsub-tag-bad' : (p >= 70 ? 'dsub-tag-warn' : 'dsub-tag-ok')
                     var fillBg = p >= 90 ? 'var(--dsw-alias-state-error-primary)' : (p >= 70 ? 'var(--dsw-alias-state-warn-primary)' : 'var(--dsw-alias-state-success-primary)')
-                    return React.createElement('div', { key: label, className: 'dsub-usage-card' },
-                      React.createElement('div', { className: 'dsub-usage-head' },
-                        React.createElement('span', null, label),
-                        React.createElement('span', { className: tagCls }, p + '%')
+                    return h('div', { key: label, className: 'dsub-usage-card' },
+                      h('div', { className: 'dsub-usage-head' },
+                        h('span', null, label),
+                        h('span', { className: tagCls }, p + '%')
                       ),
-                      React.createElement('div', { className: 'dsub-usage-track' },
-                        React.createElement('div', {
+                      h('div', { className: 'dsub-usage-track' },
+                        h('div', {
                           className: 'dsub-usage-fill',
                           style: { width: p + '%', background: fillBg }
                         })
                       ),
-                      detail ? React.createElement('div', { className: 'dsub-usage-meta' }, detail) : null
+                      detail ? h('div', { className: 'dsub-usage-meta' }, detail) : null
                     )
                   }
 
@@ -2703,18 +2772,18 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                         if (idx === 0 && account.requests && w.usedPercent < 100) {
                           var rem = 100 - w.usedPercent
                           var est = Math.floor(rem / (w.usedPercent / account.requests))
-                          if (est > 0) extra = React.createElement('span', null, t('forecast') + ' ' + est)
+                          if (est > 0) extra = h('span', null, t('forecast') + ' ' + est)
                         }
-                        var resetElem = w.resetAt ? React.createElement(ResetCountdown, { key: 'reset-' + idx, resetAt: w.resetAt }) : null
+                        var resetElem = w.resetAt ? h(ResetCountdown, { key: 'reset-' + idx, resetAt: w.resetAt }) : null
                         var extraContent = (resetElem && extra)
-                          ? React.createElement('span', { className: 'dsub-row', style: { gap: '6px' } }, resetElem, extra)
+                          ? h('span', { className: 'dsub-row', style: { gap: '6px' } }, resetElem, extra)
                           : (resetElem || extra)
                         items.push(renderItem(windowLabel(w), w.usedPercent, extraContent))
                       }
                     })
                   }
                   if (hasQuota) {
-                    items.push(renderItem(t('quota'), q.usedPercent, q.resetAt ? React.createElement(ResetCountdown, { key: 'reset', resetAt: q.resetAt }) : null))
+                    items.push(renderItem(t('quota'), q.usedPercent, q.resetAt ? h(ResetCountdown, { key: 'reset', resetAt: q.resetAt }) : null))
                   } else if (hasUsagePct) {
                     items.push(renderItem(t('quota'), account.usagePercent, null))
                   }
@@ -2726,18 +2795,33 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                     if (m >= 1) agoStr = m + 'm ' + (t('close') === '关闭' ? '前' : 'ago')
                   }
 
-                  return React.createElement('div', { className: 'dsub-panel-box' },
-                    React.createElement('div', { className: 'dsub-panel-title' },
-                      React.createElement('span', null, '📊 ' + t('usageLimitsTitle')),
-                      agoStr ? React.createElement('span', { className: 'dsub-sub' }, agoStr) : null
+                  return h('div', { className: 'dsub-panel-box' },
+                    h('div', { className: 'dsub-panel-title' },
+                      h('span', null, '📊 ' + t('usageLimitsTitle')),
+                      agoStr ? h('span', { className: 'dsub-sub' }, agoStr) : null
                     ),
-                    React.createElement('div', { className: 'dsub-usage-grid' }, items)
+                    h('div', { className: 'dsub-usage-grid' }, items)
                   )
                 })(),
-                ((account.paidTierName || account.ref || (telemetry && telemetry.accounts && telemetry.accounts[account.ref])) ? React.createElement('div', { className: 'dsub-slot-meta-row' },
-                  account.paidTierName ? React.createElement('span', { className: 'dsub-sub' },
-                    React.createElement('strong', null, t('plan') + ': '),
-                    account.paidTierName
+                ((account.email || account.plan || account.paidTierName || account.ref || (telemetry && telemetry.accounts && telemetry.accounts[account.ref])) ? h('div', { className: 'dsub-slot-meta-row' },
+                  account.email ? h('span', { className: 'dsub-sub' },
+                    h('strong', null, '👤 '),
+                    account.email
+                  ) : null,
+                  (account.plan || account.paidTierName) ? h('span', { className: 'dsub-sub' },
+                    h('strong', null, t('plan') + ': '),
+                    account.plan || account.paidTierName
+                  ) : null,
+                  (account.organizations && account.organizations.length > 0) ? h('span', { className: 'dsub-sub', style: { display: 'inline-flex', alignItems: 'center', gap: 4 } },
+                    h('strong', null, '🏢 ' + t('workspaceTitle') + ':'),
+                    h('select', {
+                      className: 'dsub-select',
+                      style: { padding: '1px 6px', fontSize: '12px' },
+                      value: account.selectedOrgId || '',
+                      onChange: (e) => switchOrg(account.provider, account.index, e.target.value),
+                    },
+                      account.organizations.map((org) => h('option', { key: org.id, value: org.id }, org.name + (org.role ? ' (' + org.role + ')' : '')))
+                    )
                   ) : null,
                   (function(){
                     const accTelem = telemetry && telemetry.accounts && telemetry.accounts[account.ref]
@@ -2748,31 +2832,63 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                     if (accTelem.avgTps != null) parts.push(accTelem.avgTps + ' t/s')
                     else if (accTelem.lastTps != null) parts.push(accTelem.lastTps + ' t/s')
                     if (parts.length === 0) return null
-                    return React.createElement('span', { className: 'dsub-speed-tag', title: t('speedMetricsHint') },
+                    return h('span', { className: 'dsub-speed-tag', title: t('speedMetricsHint') },
                       '⚡ ' + parts.join(' · ')
                     )
                   })(),
-                  account.ref ? React.createElement('span', { className: 'dsub-ref-tag' },
-                    React.createElement('span', null, t('storedAs')),
-                    React.createElement('code', null, account.ref)
+                  (account.activeStreams > 0 || account.queuedStreams > 0) ? h('span', { className: 'dsub-ref-tag', title: t('concurrencyQueueHint') },
+                    account.activeStreams > 0 ? ('⚡ ' + account.activeStreams + ' ' + t('activeStreams')) : null,
+                    (account.activeStreams > 0 && account.queuedStreams > 0) ? ' · ' : null,
+                    account.queuedStreams > 0 ? ('⏳ ' + account.queuedStreams + ' ' + t('queuedStreams')) : null
+                  ) : null,
+                  account.runwayText ? h('span', {
+                    className: 'dsub-ref-tag',
+                    style: {
+                      color: account.pacingStatus === 'critical' ? 'var(--dsw-alias-state-error-primary)' : (account.pacingStatus === 'elevated' ? 'var(--dsw-alias-state-warn-primary)' : 'var(--dsw-alias-state-success-primary)'),
+                    },
+                    title: t('pacingRunwayHint')
+                  }, '⏱️ ' + t('runwayPrefix') + ': ' + account.runwayText) : null,
+                  (account.valueDelivered && account.valueDelivered.equivalentCost > 0) ? h('span', {
+                    className: 'dsub-speed-tag',
+                    title: t('valueDeliveredHint')
+                  }, '📊 ' + account.valueDelivered.formattedCost + ' (' + account.valueDelivered.roiLabel + ' ROI)') : null,
+                  (account.billing && account.billing.badgeText) ? h('span', {
+                    className: 'dsub-ref-tag',
+                    style: { color: 'var(--dsw-alias-state-error-primary)', fontWeight: 600 },
+                    title: account.billing.warning || t('billingAlertHint')
+                  }, '⚠️ ' + account.billing.badgeText) : null,
+                  (!account.billing?.badgeText && account.renewalCountdown) ? h('span', {
+                    className: 'dsub-ref-tag',
+                    title: t('renewalHint')
+                  }, '📅 ' + account.renewalCountdown) : null,
+                  (account.capabilities && Array.isArray(account.capabilities.tags) && account.capabilities.tags.length > 0) ? h('span', {
+                    className: 'dsub-ref-tag',
+                    title: t('capabilitiesHint')
+                  }, '⚡ ' + account.capabilities.tags.join(' · ')) : null,
+                  account.isEncryptedAtRest ? h('span', { className: 'dsub-ref-tag', title: t('atRestEncryptedTitle') },
+                    '🔒 ' + t('atRestEncrypted')
+                  ) : null,
+                  account.ref ? h('span', { className: 'dsub-ref-tag' },
+                    h('span', null, t('storedAs')),
+                    h('code', null, account.ref)
                   ) : null
                 ) : null),
               )
             }),
-            React.createElement('button', {
+            h('button', {
               type: 'button', className: 'dsub-mini',
               onClick: () => addSlot(prov.id),
             }, t('addAccount')),
           )
         }),
-        React.createElement('div', { className: 'dsub-foot' },
-          React.createElement('button', {
+        h('div', { className: 'dsub-foot' },
+          h('button', {
             type: 'button', className: 'dsub-save',
             onClick: () => save().catch((e) => setErr(cleanErrorMessage(e.message || e))),
           }, t('save')),
-          saved ? React.createElement('span', { className: 'dsub-ok' }, t('saved')) : null,
-          info ? React.createElement('span', { className: 'dsub-ok' }, info) : null,
-          err ? React.createElement('span', { className: 'dsub-bad' }, err) : null,
+          saved ? h('span', { className: 'dsub-ok' }, t('saved')) : null,
+          info ? h('span', { className: 'dsub-ok' }, info) : null,
+          err ? h('span', { className: 'dsub-bad' }, err) : null,
         ),
       )
     }
@@ -2786,29 +2902,29 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       // Row seat (plugins.row.config): the host page draws title/icon/crumb and the
       // padding, so the summary is a one-liner and the page drops our card chrome.
       if (props && props.view === 'summary') {
-        return React.createElement('div', { className: 'dsub-description' }, cardT('cardIntro'))
+        return h('div', { className: 'dsub-description' }, cardT('cardIntro'))
       }
       // Check host snapshot status (#408, #459): loading, unavailable, or error
       if (props && props.status === 'loading') {
-        return React.createElement(page ? 'div' : 'li', {
+        return h(page ? 'div' : 'li', {
           className: page ? 'dsub-page' : 'dsub-card',
         },
-          React.createElement('div', { className: 'dsub-header', style: { cursor: 'default' } },
-            React.createElement('div', { className: 'dsub-headText' },
-              React.createElement('div', { className: 'dsub-name' }, cardT('title')),
-              React.createElement('div', { className: 'dsub-description' }, cardT('loading') || cardT('settingsLoading') || 'Loading…'),
+          h('div', { className: 'dsub-header', style: { cursor: 'default' } },
+            h('div', { className: 'dsub-headText' },
+              h('div', { className: 'dsub-name' }, cardT('title')),
+              h('div', { className: 'dsub-description' }, cardT('loading') || cardT('settingsLoading') || 'Loading…'),
             ),
           )
         )
       }
       if (props && props.status === 'unavailable') {
-        return React.createElement(page ? 'div' : 'li', {
+        return h(page ? 'div' : 'li', {
           className: page ? 'dsub-page' : 'dsub-card',
         },
-          React.createElement('div', { className: 'dsub-header', style: { cursor: 'default' } },
-            React.createElement('div', { className: 'dsub-headText' },
-              React.createElement('div', { className: 'dsub-name' }, cardT('title')),
-              React.createElement('div', { className: 'dsub-description', style: { color: 'var(--dsw-alias-state-warn-primary)' } },
+          h('div', { className: 'dsub-header', style: { cursor: 'default' } },
+            h('div', { className: 'dsub-headText' },
+              h('div', { className: 'dsub-name' }, cardT('title')),
+              h('div', { className: 'dsub-description', style: { color: 'var(--dsw-alias-state-warn-primary)' } },
                 cardT('unavailable') || cardT('settingsUnavailable') || 'Settings are unavailable',
               ),
             ),
@@ -2816,37 +2932,37 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         )
       }
       if (props && props.status === 'error') {
-        return React.createElement(page ? 'div' : 'li', {
+        return h(page ? 'div' : 'li', {
           className: page ? 'dsub-page' : 'dsub-card',
         },
-          React.createElement('div', { className: 'dsub-header', style: { cursor: 'default' } },
-            React.createElement('div', { className: 'dsub-headText' },
-              React.createElement('div', { className: 'dsub-name' }, cardT('title')),
-              React.createElement('div', { className: 'dsub-description', style: { color: 'var(--dsw-alias-state-error-primary)' } },
+          h('div', { className: 'dsub-header', style: { cursor: 'default' } },
+            h('div', { className: 'dsub-headText' },
+              h('div', { className: 'dsub-name' }, cardT('title')),
+              h('div', { className: 'dsub-description', style: { color: 'var(--dsw-alias-state-error-primary)' } },
                 (props.error && (props.error.message || String(props.error))) || cardT('error') || cardT('settingsError') || 'Settings error',
               ),
             ),
           )
         )
       }
-      return React.createElement(page ? 'div' : 'li', {
+      return h(page ? 'div' : 'li', {
         className: page ? 'dsub-page' : 'dsub-card' + (open ? ' dsub-cardOpen' : ''),
       },
-        React.createElement('button', {
+        h('button', {
           type: 'button',
           className: 'dsub-header',
           style: page ? { display: 'none' } : undefined,
           onClick: () => setOpen(!open),
           'aria-expanded': page ? true : open,
         },
-          React.createElement('div', { className: 'dsub-headText' },
-            React.createElement('div', { className: 'dsub-name' }, cardT('title')),
-            React.createElement('div', { className: 'dsub-description' }, cardT('cardIntro')),
+          h('div', { className: 'dsub-headText' },
+            h('div', { className: 'dsub-name' }, cardT('title')),
+            h('div', { className: 'dsub-description' }, cardT('cardIntro')),
           ),
-          React.createElement(Chevron, { className: 'dsub-chev' + (open ? ' dsub-chevOpen' : '') }),
+          h(Chevron, { className: 'dsub-chev' + (open ? ' dsub-chevOpen' : '') }),
         ),
-        (page || open) ? React.createElement('div', { className: 'dsub-body' },
-          React.createElement(ErrorBoundary, null, React.createElement(SubsSection, props)),
+        (page || open) ? h('div', { className: 'dsub-body' },
+          h(ErrorBoundary, null, h(SubsSection, props)),
         ) : null,
       )
     }
@@ -3024,21 +3140,21 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       const cls = state.remaining <= 10 ? ' dsub-cqBarFull' : (state.remaining <= 30 ? ' dsub-cqBarWarn' : '')
       var value = null
       if (state.mode === 'percent') {
-        value = React.createElement('span', { className: 'dsub-cqB' }, Math.round(state.remaining) + '%')
+        value = h('span', { className: 'dsub-cqB' }, Math.round(state.remaining) + '%')
       } else if (state.mode === 'bar') {
-        value = React.createElement('span', { className: 'dsub-cqBar' + cls },
-          React.createElement('span', { className: 'dsub-cqBarFill', style: { width: Math.min(100, Math.max(0, state.remaining)) + '%' } }))
+        value = h('span', { className: 'dsub-cqBar' + cls },
+          h('span', { className: 'dsub-cqBarFill', style: { width: Math.min(100, Math.max(0, state.remaining)) + '%' } }))
       } else if (state.mode === 'forecast') {
         var est = state.est
-        if (!est || est.status === 'calibrating') value = React.createElement('span', { className: 'dsub-cqB' }, t('fcCalibrating'))
-        else if (est.status === 'idle') value = React.createElement('span', { className: 'dsub-cqB' }, t('fcIdle'))
+        if (!est || est.status === 'calibrating') value = h('span', { className: 'dsub-cqB' }, t('fcCalibrating'))
+        else if (est.status === 'idle') value = h('span', { className: 'dsub-cqB' }, t('fcIdle'))
         else {
           var secs = est.runwaySeconds || 0
           var txt = secs >= 3600 ? ('~' + (Math.round((secs / 3600) * 10) / 10) + t('fcHours')) : ('~' + Math.max(1, Math.round(secs / 60)) + t('fcMinutes'))
-          value = React.createElement('span', { className: 'dsub-cqB' }, txt)
+          value = h('span', { className: 'dsub-cqB' }, txt)
         }
       } else return null
-      return React.createElement('span', { className: 'dsub-cq', title: t('forecast') + ' · ' + state.active.provider }, value)
+      return h('span', { className: 'dsub-cq', title: t('forecast') + ' · ' + state.active.provider }, value)
     }
 
     // #83: SUBS(N) pill in the session header with a pool health LED and
@@ -3255,23 +3371,23 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         const primPct = primaryWin && primaryWin.usedPercent != null ? Math.round(primaryWin.usedPercent) : (a.usagePercent != null ? Math.round(a.usagePercent) : 0)
         const secPct = secWin && secWin.usedPercent != null ? Math.round(secWin.usedPercent) : null
 
-        return React.createElement('div', { className: 'dsub-heroCard' },
-          React.createElement('div', { className: 'dsub-heroHead' },
-            React.createElement('div', { className: 'dsub-heroTitle' },
-              React.createElement('span', { className: 'dsub-brandBadge ' + b.cls, style: { width: 24, height: 24, fontSize: 11 } }, b.icon),
-              React.createElement('span', null, (a.provider ? a.provider.toUpperCase() : 'LLM') + (a.index ? ' #' + a.index : '')),
-              a.fastMode ? React.createElement('span', { className: 'dsub-pillTag', style: { background: 'color-mix(in srgb,var(--dsw-alias-state-warn-primary) 15%,transparent)', color: 'var(--dsw-alias-state-warn-primary)' } }, '⚡ FAST 1.5x') : null,
+        return h('div', { className: 'dsub-heroCard' },
+          h('div', { className: 'dsub-heroHead' },
+            h('div', { className: 'dsub-heroTitle' },
+              h('span', { className: 'dsub-brandBadge ' + b.cls, style: { width: 24, height: 24, fontSize: 11 } }, b.icon),
+              h('span', null, (a.provider ? a.provider.toUpperCase() : 'LLM') + (a.index ? ' #' + a.index : '')),
+              a.fastMode ? h('span', { className: 'dsub-pillTag', style: { background: 'color-mix(in srgb,var(--dsw-alias-state-warn-primary) 15%,transparent)', color: 'var(--dsw-alias-state-warn-primary)' } }, '⚡ FAST 1.5x') : null,
             ),
-            React.createElement('span', { className: 'dsub-heroModel' }, a.model || 'active model'),
+            h('span', { className: 'dsub-heroModel' }, a.model || 'active model'),
           ),
-          React.createElement('div', { className: 'dsub-heroBars' },
-            React.createElement('div', null,
-              React.createElement('div', { className: 'dsub-barLabelRow' },
-                React.createElement('span', { style: { fontWeight: 600 } }, ((primaryWin && primaryWin.label) ? primaryWin.label + ' window' : t('subs5hWindow')) + (primaryWin && primaryWin.resetAt ? ' (' + formatRelativeReset(primaryWin.resetAt, t('lang'), now) + ')' : '')),
-                React.createElement('span', { style: { fontVariantNumeric: 'tabular-nums', fontWeight: 600 } }, primPct + '% ' + t('subsUsed') + ' (' + (100 - primPct) + '% ' + t('subsFree') + ')'),
+          h('div', { className: 'dsub-heroBars' },
+            h('div', null,
+              h('div', { className: 'dsub-barLabelRow' },
+                h('span', { style: { fontWeight: 600 } }, ((primaryWin && primaryWin.label) ? primaryWin.label + ' window' : t('subs5hWindow')) + (primaryWin && primaryWin.resetAt ? ' (' + formatRelativeReset(primaryWin.resetAt, t('lang'), now) + ')' : '')),
+                h('span', { style: { fontVariantNumeric: 'tabular-nums', fontWeight: 600 } }, primPct + '% ' + t('subsUsed') + ' (' + (100 - primPct) + '% ' + t('subsFree') + ')'),
               ),
-              React.createElement('div', { className: 'dsub-barTrack' },
-                React.createElement('div', {
+              h('div', { className: 'dsub-barTrack' },
+                h('div', {
                   className: 'dsub-barFillGrad',
                   style: {
                     width: Math.min(100, Math.max(0, primPct)) + '%',
@@ -3280,13 +3396,13 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                 }),
               ),
             ),
-            secWin ? React.createElement('div', null,
-              React.createElement('div', { className: 'dsub-barLabelRow' },
-                React.createElement('span', null, ((secWin.label || '7d') + ' window') + (secWin && secWin.resetAt ? ' (' + formatRelativeReset(secWin.resetAt, t('lang'), now) + ')' : '')),
-                React.createElement('span', { style: { fontVariantNumeric: 'tabular-nums' } }, secPct + '%'),
+            secWin ? h('div', null,
+              h('div', { className: 'dsub-barLabelRow' },
+                h('span', null, ((secWin.label || '7d') + ' window') + (secWin && secWin.resetAt ? ' (' + formatRelativeReset(secWin.resetAt, t('lang'), now) + ')' : '')),
+                h('span', { style: { fontVariantNumeric: 'tabular-nums' } }, secPct + '%'),
               ),
-              React.createElement('div', { className: 'dsub-barTrack' },
-                React.createElement('div', {
+              h('div', { className: 'dsub-barTrack' },
+                h('div', {
                   className: 'dsub-barFillGrad',
                   style: {
                     width: Math.min(100, Math.max(0, secPct)) + '%',
@@ -3345,19 +3461,19 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           else { statusClass = 'dsub-statusOk'; statusText = (pct != null ? pct + '% · ' : '') + t('subsLogged') }
         }
 
-        return React.createElement('div', { className: 'dsub-accountCard', key: i },
-          React.createElement('div', { className: 'dsub-brandBadge ' + b.cls }, b.icon),
-          React.createElement('div', { className: 'dsub-accInfo' },
-            React.createElement('div', { className: 'dsub-accNameRow' },
-              React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 6 } },
-                React.createElement('span', { className: 'dsub-accName' }, a.provider.toUpperCase() + (a.index ? ' #' + a.index : '')),
-                isActiveThis ? React.createElement('span', { className: 'dsub-pillTag', style: { background: 'color-mix(in srgb,var(--dsw-alias-state-success-primary) 15%,transparent)', color: 'var(--dsw-alias-state-success-primary)' } }, 'ACTIVE') : null,
-                a.proxy ? React.createElement('span', { className: 'dsub-dim', title: a.proxy }, '🌐 proxy') : null,
+        return h('div', { className: 'dsub-accountCard', key: i },
+          h('div', { className: 'dsub-brandBadge ' + b.cls }, b.icon),
+          h('div', { className: 'dsub-accInfo' },
+            h('div', { className: 'dsub-accNameRow' },
+              h('div', { style: { display: 'flex', alignItems: 'center', gap: 6 } },
+                h('span', { className: 'dsub-accName' }, a.provider.toUpperCase() + (a.index ? ' #' + a.index : '')),
+                isActiveThis ? h('span', { className: 'dsub-pillTag', style: { background: 'color-mix(in srgb,var(--dsw-alias-state-success-primary) 15%,transparent)', color: 'var(--dsw-alias-state-success-primary)' } }, 'ACTIVE') : null,
+                a.proxy ? h('span', { className: 'dsub-dim', title: a.proxy }, '🌐 proxy') : null,
               ),
-              React.createElement('span', { className: 'dsub-accStatusTag ' + statusClass, role: 'status', 'aria-live': 'polite' }, statusText),
+              h('span', { className: 'dsub-accStatusTag ' + statusClass, role: 'status', 'aria-live': 'polite' }, statusText),
             ),
-            (isLogged && pct != null) ? React.createElement('div', { className: 'dsub-barTrack', style: { marginTop: 4, height: 4 } },
-              React.createElement('div', {
+            (isLogged && pct != null) ? h('div', { className: 'dsub-barTrack', style: { marginTop: 4, height: 4 } },
+              h('div', {
                 className: 'dsub-barFillGrad',
                 style: {
                   width: Math.min(100, Math.max(0, pct)) + '%',
@@ -3369,49 +3485,49 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         )
       })
 
-      return React.createElement(React.Fragment, null,
-        toasts.length > 0 ? React.createElement('div', { className: 'dsub-toast-container' },
-          toasts.map((toast) => React.createElement('div', { className: 'dsub-toast ' + toast.cls, key: toast.id },
-            React.createElement('span', null, toast.message),
-            React.createElement('button', {
+      return h(React.Fragment, null,
+        toasts.length > 0 ? h('div', { className: 'dsub-toast-container' },
+          toasts.map((toast) => h('div', { className: 'dsub-toast ' + toast.cls, key: toast.id },
+            h('span', null, toast.message),
+            h('button', {
               type: 'button',
               className: 'dsub-toast-close',
               onClick: () => dismissToast(toast.id),
             }, "\u00d7"),
           ))
         ) : null,
-        React.createElement('button', {
+        h('button', {
           type: 'button',
           className: 'dsub-pill',
           'aria-expanded': state.open ? 'true' : 'false',
           title: t('subsPill') + ': ' + (n > 0 ? (n + ' ' + t('connected')) : t('notConnected')),
           onClick: () => setState((s) => Object.assign({}, s, { open: !s.open })),
         },
-          React.createElement('span', { className: 'dsub-led ' + led }),
-          React.createElement('span', null, pillText),
-          React.createElement('span', { style: { fontSize: 9, opacity: 0.6, marginLeft: 2 } }, '▼'),
+          h('span', { className: 'dsub-led ' + led }),
+          h('span', null, pillText),
+          h('span', { style: { fontSize: 9, opacity: 0.6, marginLeft: 2 } }, '▼'),
         ),
-        state.open ? React.createElement('div', {
+        state.open ? h('div', {
           className: 'dsub-modalWrap',
           onClick: (e) => { if (e.target === e.currentTarget) setState((s) => Object.assign({}, s, { open: false })) },
         },
-          React.createElement('div', { className: 'dsub-modal', role: 'dialog', 'aria-modal': 'true', 'aria-label': t('subsModalTitle') },
-            React.createElement('div', { className: 'dsub-modalHead' },
-              React.createElement('div', { className: 'dsub-modalTitleWrap' },
-                React.createElement('div', { className: 'dsub-modalIcon' }, '⚡'),
-                React.createElement('div', null,
-                  React.createElement('div', { style: { fontWeight: 700, fontSize: 15 } }, t('subsModalTitle')),
-                  React.createElement('div', { className: 'dsub-dim' }, n + ' of ' + total + ' ' + t('connected')),
+          h('div', { className: 'dsub-modal', role: 'dialog', 'aria-modal': 'true', 'aria-label': t('subsModalTitle') },
+            h('div', { className: 'dsub-modalHead' },
+              h('div', { className: 'dsub-modalTitleWrap' },
+                h('div', { className: 'dsub-modalIcon' }, '⚡'),
+                h('div', null,
+                  h('div', { style: { fontWeight: 700, fontSize: 15 } }, t('subsModalTitle')),
+                  h('div', { className: 'dsub-dim' }, n + ' of ' + total + ' ' + t('connected')),
                 ),
               ),
-              React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 6 } },
-                React.createElement('button', {
+              h('div', { style: { display: 'flex', alignItems: 'center', gap: 6 } },
+                h('button', {
                   type: 'button',
                   className: 'dsub-mini',
                   title: t('subsRefresh'),
                   onClick: () => pull(),
                 }, state.loading ? '…' : '🔄'),
-                React.createElement('button', {
+                h('button', {
                   type: 'button',
                   className: 'dsub-mini',
                   autoFocus: true,
@@ -3421,11 +3537,11 @@ const cssId = 'dsh-subscriptions/settings.module.css'
               ),
             ),
             renderActiveHero(),
-            React.createElement('div', { className: 'dsub-poolTitle' }, t('subsPoolTitle')),
-            rows.length ? rows : React.createElement('div', { className: 'dsub-sub', style: { padding: '12px 0' } }, t('subsNotLogged')),
-            React.createElement('div', { className: 'dsub-modalFoot' },
-              React.createElement('span', { className: 'dsub-dim' }, 'DSH Subscriptions'),
-              React.createElement('a', {
+            h('div', { className: 'dsub-poolTitle' }, t('subsPoolTitle')),
+            rows.length ? rows : h('div', { className: 'dsub-sub', style: { padding: '12px 0' } }, t('subsNotLogged')),
+            h('div', { className: 'dsub-modalFoot' },
+              h('span', { className: 'dsub-dim' }, 'DSH Subscriptions'),
+              h('a', {
                 className: 'dsub-btnSec',
                 href: '#',
                 onClick: (e) => {
@@ -3466,7 +3582,7 @@ const cssId = 'dsh-subscriptions/settings.module.css'
               order: 15,
               locale: NS,
             },
-            () => React.createElement(ErrorBoundary, null, React.createElement(SubsPill, { t, ctx })),
+            () => h(ErrorBoundary, null, h(SubsPill, { t, ctx })),
           ),
         )
       }, 'dsh-subscriptions: subs pill')
@@ -3482,7 +3598,7 @@ const cssId = 'dsh-subscriptions/settings.module.css'
               order: 5,
               locale: NS,
             },
-            () => React.createElement(ErrorBoundary, null, React.createElement(ComposerQuota, { t })),
+            () => h(ErrorBoundary, null, h(ComposerQuota, { t })),
           ),
         )
       }, 'dsh-subscriptions: composer quota')