@goodandready/dsh-subscriptions 0.4.18 → 0.4.20

package/lib/client.js

@@ -13,7 +13,6 @@ window.__ModuleLoader__.load({
     const setT = (fn) => { t = fn }
 
     const CSS =
-    // card — same structure as core PluginCard (bash, agent-loop, web-search)
     '.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)}' +
@@ -24,38 +23,22 @@ window.__ModuleLoader__.load({
     '.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:8px}' +
-    // existing dsub classes kept for SubsSection internals
-    '.dsub-wrap{display:flex;flex-direction:column;gap:22px;padding:4px 0;max-width:760px}' +
-    '.dsub-block{display:flex;flex-direction:column;gap:10px}' +
-    '.dsub-h{font-size:14px;font-weight:600;color:var(--dsw-alias-label-primary)}' +
+    '.dsub-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:12px}' +
+    '.dsub-block{margin-top:10px}' +
+    '.dsub-row{display:flex;align-items:center;gap:8px;margin-top:8px}' +
+    '.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-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}' +
-    '.dsub-row input,.dsub-field input,.dsub-row select{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);border-radius:6px;padding:6px 8px;font-size:13px}' +
-    '.dsub-grow{flex:1;min-width:180px}' +
-    '.dsub-field{display:flex;flex-direction:column;gap:6px;padding:12px 0}' +
-    '.dsub-input{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px}' +
-    '.dsub-mini{border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);border-radius:6px;height:28px;padding:0 8px;cursor:pointer}' +
-    '.dsub-foot{border-top:1px solid var(--dsw-alias-border-l2);display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px}' +
-    '.dsub-save{appearance:none;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:5px 14px;font-size:13px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}' +
+    '.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)}' +
-    '.dsub-badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);white-space:nowrap}' +
-    '.dsub-badge-on{color:var(--dsw-alias-state-success-primary);border-color:currentColor}' +
-    '.dsub-badge-warn{color:var(--dsw-alias-state-warning-primary);border-color:currentColor}' +
-    '.dsub-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2)}' +
-    '.dsub-chipOn{color:var(--dsw-alias-state-success-primary);border-color:currentColor}' +
-    '.dsub-chipWarn{color:var(--dsw-alias-state-warning-primary);border-color:currentColor}' +
-    '.dsub-chipDanger{color:var(--dsw-alias-state-error-primary);border-color:currentColor}' +
-    '.dsub-chipDot{width:6px;height:6px;border-radius:999px;background:currentColor;flex:none}' +
-    '.dsub-chipActive{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3)}' +
-    '.dsub-chipActiveWarn{color:var(--dsw-alias-state-warning-primary);border-color:currentColor}' +
-    '.dsub-chipActiveDanger{color:var(--dsw-alias-state-error-primary);border-color:currentColor}' +
-    '.dsub-chipActiveOk{color:var(--dsw-alias-state-success-primary);border-color:currentColor}' +
-    '.dsub-chipActiveBar{height:3px;width:24px;background:var(--dsw-alias-bg-layer-1);border-radius:2px;flex:none;overflow:hidden}' +
-    '.dsub-chipActiveFill{height:100%;border-radius:2px;background:currentColor}' +
-
-    '.dsub-link{background:none;border:none;color:var(--dsw-alias-label-secondary);cursor:pointer;font-size:12px;padding:0}' +
+    '.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-warning-primary);color:#000;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-warning-primary)}' +
@@ -64,40 +47,53 @@ window.__ModuleLoader__.load({
     '.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-warning-primary)}' +
     '.dsub-verify a{color:var(--dsw-alias-brand-primary)}' +
-    '.dsub-hud{pointer-events:auto;position:fixed;z-index:10010;width:64px;height:64px;transition:left .2s,top .2s}' +
-    '.dsub-hud[data-dragging=true]{transition:none}' +
-    '.dsub-hudBtn{position:relative;width:64px;height:64px;padding:0;border:0;border-radius:50%;cursor:grab;display:grid;place-items:center;user-select:none;touch-action:none;' +
-    'background:var(--dsw-alias-bg-layer-3);box-shadow:0 0 0 1px var(--dsw-alias-border-l2),0 8px 24px rgba(0,0,0,.25);backdrop-filter:blur(18px)}' +
-    '.dsub-hudBtn:hover{transform:scale(1.05)}' +
-    '.dsub-hudBtn:active{cursor:grabbing}' +
-    '.dsub-hudRing{position:absolute;inset:4px;width:56px;height:56px;transform:rotate(-90deg)}' +
-    '.dsub-hudTrack{fill:none;stroke:var(--dsw-alias-border-l2);stroke-width:4}' +
-    '.dsub-hudVal{fill:none;stroke:var(--dsub-tone,var(--dsw-alias-state-success-primary));stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .4s}' +
-    '.dsub-hudCore{position:relative;z-index:2;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary)}' +
-    '.dsub-hud[data-collapsed=true] .dsub-hudBtn{opacity:.45}' +
-    '.dsub-hud[data-collapsed=true]:hover .dsub-hudBtn{opacity:1}' +
-    '.dsub-hudPanel{pointer-events:none;position:absolute;width:280px;padding:12px;border-radius:14px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);box-shadow:0 18px 48px rgba(0,0,0,.35);backdrop-filter:blur(28px);opacity:0;transform:translateY(6px);transition:opacity .16s,transform .16s}' +
-    '.dsub-hud:hover .dsub-hudPanel{opacity:1;transform:none}' +
-    '.dsub-hud[data-dragging=true] .dsub-hudPanel{opacity:0}' +
-    '.dsub-hudRow{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11.5px}' +
-    '.dsub-hudRow .dsub-bar{min-width:70px}' +
-    '.dsub-hudName{font-weight:600;min-width:52px}' +
-    '.dsub-hudPct{margin-left:auto;font-variant-numeric:tabular-nums}' +
-    '.dsub-hudHead{font-size:12px;font-weight:600;color:var(--dsw-alias-label-primary)}' +
-    '.dsub-hudHint{margin-top:10px;font-size:10.5px;color:var(--dsw-alias-label-tertiary)}' +
-    '.dsub-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;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:11.5px;font-weight:600;cursor:pointer;letter-spacing:.06em}' +
-    '.dsub-pill:hover{border-color:var(--dsw-alias-label-dimmed)}' +
-    '.dsub-led{width:7px;height:7px;border-radius:50%;flex:none}' +
-    '.dsub-ledOk{background:var(--dsw-alias-state-success-primary);box-shadow:0 0 6px var(--dsw-alias-state-success-primary)}' +
-    '.dsub-ledWarn{background:var(--dsw-alias-state-warning-primary);box-shadow:0 0 6px var(--dsw-alias-state-warning-primary)}' +
-    '.dsub-ledBad{background:var(--dsw-alias-state-error-primary);box-shadow:0 0 6px var(--dsw-alias-state-error-primary)}' +
-    '.dsub-ledOff{background:var(--dsw-alias-label-tertiary)}' +
-    '.dsub-modalWrap{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;background:color-mix(in srgb,#000 45%,transparent)}' +
-    '.dsub-modal{width:min(560px,92vw);max-height:min(70vh,640px);overflow:auto;border:1px solid var(--dsw-alias-border-l1);border-radius:14px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);box-shadow:0 24px 64px rgba(0,0,0,.4);padding:16px}' +
-    '.dsub-modalHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}' +
-    '.dsub-modalRow{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin-top:8px;background:var(--dsw-alias-bg-layer-2)}' +
-    '.dsub-modalName{font-weight:600;font-size:13px}' +
-    '.dsub-modalSub{font-size:11.5px;color:var(--dsw-alias-label-secondary)}' +
+    '.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 rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.06);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 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}' +
+    '.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,#10b981);box-shadow:0 0 6px rgba(16,185,129,.7)}' +
+    '.dsub-ledWarn{background:var(--dsw-alias-state-warning-primary,#f59e0b);box-shadow:0 0 6px rgba(245,158,11,.7)}' +
+    '.dsub-ledBad{background:var(--dsw-alias-state-error-primary,#ef4444);box-shadow:0 0 6px rgba(239,68,68,.7)}' +
+    '.dsub-ledOff{background:var(--dsw-alias-label-tertiary,#6b7280)}' +
+    '.dsub-modalWrap{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;background:rgba(0,0,0,.65);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 rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07);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 rgba(255,255,255,.05)}' +
+    '.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-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-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:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}' +
+    '.dsub-brandClaude{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}' +
+    '.dsub-brandGrok{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.3)}' +
+    '.dsub-brandAgy{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}' +
+    '.dsub-brandOllama{background:rgba(107,114,128,.15);color:#9ca3af;border:1px solid rgba(107,114,128,.3)}' +
+    '.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:rgba(16,185,129,.15);color:#34d399}' +
+    '.dsub-statusWarn{background:rgba(245,158,11,.15);color:#fbbf24}' +
+    '.dsub-statusBad{background:rgba(239,68,68,.15);color:#f87171}' +
+    '.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,#3b82f6);color:#fff;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)}' +
@@ -152,7 +148,15 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       'diagIssues': 'Open issue tracker',
       'diagHint': 'The report has no tokens, emails, proxy addresses or personal data.',
       'subsPill': 'SUBS',
-      'subsModalTitle': 'Subscription console',
+      'subsModalTitle': 'Subscription Hub',
+      'subsActiveHero': 'Active Subscription',
+      'subsPoolTitle': 'Provider Accounts',
+      'subsRefresh': 'Refresh',
+      'subsOpenSettings': 'All Settings →',
+      'subsFastMode': 'Fast Mode 1.5x',
+      'subsHealthy': 'Healthy',
+      'subsFree': 'free',
+      'subsUsed': 'used',
       'subsModalClose': 'Close',
       'subsLogged': 'connected',
       'subsNotLogged': 'not connected',
@@ -253,6 +257,14 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       'diagHint': 'В отчёте нет токенов, email, адресов прокси и персональных данных.',
       'subsPill': 'SUBS',
       'subsModalTitle': 'Консоль подписок',
+      'subsActiveHero': 'Активная подписка',
+      'subsPoolTitle': 'Пул аккаунтов',
+      'subsRefresh': 'Обновить',
+      'subsOpenSettings': 'Все настройки →',
+      'subsFastMode': 'Режим Fast 1.5x',
+      'subsHealthy': 'Исправен',
+      'subsFree': 'свободно',
+      'subsUsed': 'израсходовано',
       'subsModalClose': 'Закрыть',
       'subsLogged': 'подключен',
       'subsNotLogged': 'не подключен',
@@ -346,23 +358,7 @@ const cssId = 'dsh-subscriptions/settings.module.css'
     }
     const Chevron = ChevronIcon || FallbackChevron
 
-function PluginCard(props) {
-      const t = (props && props.t) || ((key) => key)
-      const [open, setOpen] = React.useState(false)
-      return React.createElement('div', { className: 'dsub-block' },
-        React.createElement('div', { className: 'dsub-row' },
-          React.createElement('span', { className: 'dsub-h' }, t('title')),
-          React.createElement('span', { className: 'dsub-sub' }, t('cardIntro')),
-          React.createElement('span', { style: { flex: 1 } }),
-          React.createElement('button', {
-            type: 'button',
-            className: 'dsub-mini',
-            onClick: () => setOpen(!open),
-          }, open ? t('hide') : t('show')),
-        ),
-        open ? React.createElement(SubsSection, props) : null,
-      )
-    }
+
 
     function SubsSection(props) {
       // Переводчик приходит от слота, потому что в его записи указан locale.
@@ -1118,59 +1114,174 @@ function PluginCard(props) {
 
     // #83: пилл SUBS(N) в шапке сессии со светодиодом здоровья пула и
     // модальной консолью аккаунтов (закрытие: крестик, Escape, клик мимо).
+    function brandBadge(prov) {
+      const p = String(prov || '').toLowerCase()
+      if (p.includes('codex') || p.includes('chatgpt') || p.includes('openai')) return { label: 'OpenAI', cls: 'dsub-brandCodex', icon: '⚡' }
+      if (p.includes('claude') || p.includes('anthropic')) return { label: 'Claude', cls: 'dsub-brandClaude', icon: '✳' }
+      if (p.includes('grok') || p.includes('xai')) return { label: 'Grok', cls: 'dsub-brandGrok', icon: '✦' }
+      if (p.includes('antigravity') || p.includes('google') || p.includes('gemini')) return { label: 'AGY', cls: 'dsub-brandAgy', icon: '◆' }
+      if (p.includes('ollama')) return { label: 'Ollama', cls: 'dsub-brandOllama', icon: '🦙' }
+      return { label: (p.charAt(0).toUpperCase() || 'P'), cls: 'dsub-brandCodex', icon: '●' }
+    }
+
     function SubsPill(props) {
       const t = (props && props.t) || ((k) => k)
-      const [state, setState] = React.useState({ logged: [], usage: 0, accounts: [], open: false })
+      const [state, setState] = React.useState({ logged: [], usage: 0, accounts: [], open: false, active: null, loading: false })
+
+      const pull = () => {
+        setState((s) => Object.assign({}, s, { loading: true }))
+        refreshLoggedIn().then((r) => {
+          const logged = r.logged || []
+          fetch('/dsh-subscriptions/config', { cache: 'no-store' })
+            .then((res) => res.json())
+            .then((cfg) => {
+              setState((s) => Object.assign({}, s, { logged, usage: r.usage, accounts: (cfg && cfg.accounts) || [], active: r.active, loading: false }))
+            })
+            .catch(() => {
+              setState((s) => Object.assign({}, s, { logged, usage: r.usage, accounts: [], active: r.active, loading: false }))
+            })
+        }).catch(() => {
+          setState((s) => Object.assign({}, s, { loading: false }))
+        })
+      }
+
       React.useEffect(() => {
-        let alive = true
-        const pull = () => {
-          refreshLoggedIn().then((r) => {
-            if (!alive) return
-            const logged = r.logged || []
-            fetch('/dsh-subscriptions/config', { cache: 'no-store' })
-              .then((res) => res.json())
-              .then((cfg) => {
-                if (!alive) return
-                setState({ logged, usage: r.usage, accounts: (cfg && cfg.accounts) || [], open: false })
-              })
-              .catch(() => { if (alive) setState({ logged, usage: r.usage, accounts: [], open: false }) })
-          }).catch(() => {})
-        }
         pull()
-        const id = setInterval(pull, 60 * 1000)
-        return () => { alive = false; clearInterval(id) }
+        const id = setInterval(pull, 25 * 1000)
+        return () => clearInterval(id)
       }, [])
+
       React.useEffect(() => {
         if (!state.open) return undefined
         const onKey = (e) => { if (e.key === 'Escape') setState((s) => Object.assign({}, s, { open: false })) }
         document.addEventListener('keydown', onKey)
         return () => document.removeEventListener('keydown', onKey)
       }, [state.open])
+
       const n = state.logged.length
+      const total = state.accounts.length || n
       const led = n === 0 ? 'dsub-ledOff' : (state.usage >= 90 ? 'dsub-ledBad' : (state.usage >= 50 ? 'dsub-ledWarn' : 'dsub-ledOk'))
       const now = Date.now()
+
+      // Header Pill Label
+      let pillText = t('subsPill') + ' (' + n + ')'
+      if (state.active) {
+        const a = state.active
+        const wins = Array.isArray(a.windows) ? a.windows : []
+        const winStr = wins.map((w) => (w.label || w.id) + ' ' + Math.round(w.usedPercent) + '%').join(' ')
+        const provName = a.provider ? (a.provider.charAt(0).toUpperCase() + a.provider.slice(1)) : ''
+        pillText = (a.provider === 'codex' && a.fastMode ? '⚡ ' : '') + provName + (winStr ? ' · ' + winStr : (a.usagePercent != null ? ' · ' + Math.round(a.usagePercent) + '%' : ''))
+      }
+
+      // Active Hero Card Renderer
+      const renderActiveHero = () => {
+        if (!state.active) return null
+        const a = state.active
+        const b = brandBadge(a.provider)
+        const wins = Array.isArray(a.windows) ? a.windows : []
+        const primaryWin = wins.find((w) => (w.label || w.id) === '5h') || wins[0]
+        const secWin = wins.find((w) => (w.label || w.id) === '7d') || wins[1]
+        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: 'rgba(245,158,11,.15)', color: '#fbbf24' } }, '⚡ FAST 1.5x') : null,
+            ),
+            React.createElement('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')),
+                React.createElement('span', { style: { fontVariantNumeric: 'tabular-nums', fontWeight: 600 } }, primPct + '% ' + t('subsUsed') + ' (' + (100 - primPct) + '% ' + t('subsFree') + ')'),
+              ),
+              React.createElement('div', { className: 'dsub-barTrack' },
+                React.createElement('div', {
+                  className: 'dsub-barFillGrad',
+                  style: {
+                    width: Math.min(100, Math.max(0, primPct)) + '%',
+                    background: primPct >= 90 ? 'var(--dsw-alias-state-error-primary,#ef4444)' : (primPct >= 50 ? 'var(--dsw-alias-state-warning-primary,#f59e0b)' : 'var(--dsw-alias-state-success-primary,#10b981)'),
+                  },
+                }),
+              ),
+            ),
+            secWin ? React.createElement('div', null,
+              React.createElement('div', { className: 'dsub-barLabelRow' },
+                React.createElement('span', null, (secWin.label || '7d') + ' window'),
+                React.createElement('span', { style: { fontVariantNumeric: 'tabular-nums' } }, secPct + '%'),
+              ),
+              React.createElement('div', { className: 'dsub-barTrack' },
+                React.createElement('div', {
+                  className: 'dsub-barFillGrad',
+                  style: {
+                    width: Math.min(100, Math.max(0, secPct)) + '%',
+                    background: secPct >= 90 ? '#ef4444' : (secPct >= 50 ? '#f59e0b' : '#3b82f6'),
+                  },
+                }),
+              ),
+            ) : null,
+          ),
+        )
+      }
+
+      // Accounts list
       const rows = state.accounts.map((a, i) => {
         const isLogged = state.logged.includes(a.provider)
         const cooled = a.cooldownUntil && a.cooldownUntil > now
         const pct = a.usagePercent != null ? Math.round(a.usagePercent) : null
-        return React.createElement('div', { className: 'dsub-modalRow', key: i },
-          React.createElement('span', { className: 'dsub-led ' + (pct == null ? 'dsub-ledOff' : (pct >= 90 ? 'dsub-ledBad' : (pct >= 50 ? 'dsub-ledWarn' : 'dsub-ledOk'))) }),
-          React.createElement('span', { className: 'dsub-modalName' }, a.provider + (a.index ? ' #' + a.index : '')),
-          React.createElement('span', { style: { flex: 1 } }),
-          React.createElement('span', { className: 'dsub-modalSub' },
-            (isLogged ? t('subsLogged') : t('subsNotLogged')) +
-            (cooled ? ' · ' + t('subsCooldown') : '') +
-            (pct != null ? ' · ' + pct + '%' : '')
+        const b = brandBadge(a.provider)
+        const isActiveThis = state.active && state.active.provider === a.provider && state.active.index === a.index
+
+        let statusClass = 'dsub-statusOff'
+        let statusText = t('subsNotLogged')
+        if (cooled) {
+          statusClass = 'dsub-statusWarn'
+          statusText = t('subsCooldown')
+        } else if (isLogged) {
+          if (pct >= 90) { statusClass = 'dsub-statusBad'; statusText = '90%+ ' + t('subsUsed') }
+          else if (pct >= 50) { statusClass = 'dsub-statusWarn'; statusText = pct + '% ' + t('subsUsed') }
+          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: 'rgba(16,185,129,.15)', color: '#34d399' } }, 'ACTIVE') : null,
+                a.proxy ? React.createElement('span', { className: 'dsub-dim', title: a.proxy }, '🌐 proxy') : null,
+              ),
+              React.createElement('span', { className: 'dsub-accStatusTag ' + statusClass }, statusText),
+            ),
+            (isLogged && pct != null) ? React.createElement('div', { className: 'dsub-barTrack', style: { marginTop: 4, height: 4 } },
+              React.createElement('div', {
+                className: 'dsub-barFillGrad',
+                style: {
+                  width: Math.min(100, Math.max(0, pct)) + '%',
+                  background: pct >= 90 ? '#ef4444' : (pct >= 50 ? '#f59e0b' : '#10b981'),
+                },
+              }),
+            ) : null,
           ),
         )
       })
+
       return React.createElement(React.Fragment, null,
         React.createElement('button', {
-          type: 'button', className: 'dsub-pill', 'aria-expanded': state.open ? 'true' : 'false',
+          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 }),
-          t('subsPill') + ' (' + n + ')',
+          React.createElement('span', null, pillText),
+          React.createElement('span', { style: { fontSize: 9, opacity: 0.6, marginLeft: 2 } }, '▼'),
         ),
         state.open ? React.createElement('div', {
           className: 'dsub-modalWrap',
@@ -1178,19 +1289,38 @@ function PluginCard(props) {
         },
           React.createElement('div', { className: 'dsub-modal', role: 'dialog', 'aria-label': t('subsModalTitle') },
             React.createElement('div', { className: 'dsub-modalHead' },
-              React.createElement('span', { className: 'dsub-h' }, t('subsModalTitle')),
-              React.createElement('button', {
-                type: 'button', className: 'dsub-mini',
-                onClick: () => setState((s) => Object.assign({}, s, { open: false })),
-              }, t('subsModalClose') + ' \u00d7'),
+              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')),
+                ),
+              ),
+              React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 6 } },
+                React.createElement('button', {
+                  type: 'button',
+                  className: 'dsub-mini',
+                  title: t('subsRefresh'),
+                  onClick: () => pull(),
+                }, state.loading ? '…' : '🔄'),
+                React.createElement('button', {
+                  type: 'button',
+                  className: 'dsub-mini',
+                  onClick: () => setState((s) => Object.assign({}, s, { open: false })),
+                }, '✕'),
+              ),
             ),
-            rows.length ? rows : React.createElement('div', { className: 'dsub-sub' }, t('subsNotLogged')),
-            React.createElement('div', { className: 'dsub-row', style: { marginTop: 12 } },
+            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', {
-                className: 'dsub-mini', href: '#', onClick: (e) => {
+                className: 'dsub-btnSec',
+                href: '#',
+                onClick: (e) => {
                   e.preventDefault()
                   setState((s) => Object.assign({}, s, { open: false }))
-                  try { document.querySelector('[data-slot-key=\"settings.plugin.item\"],[data-dsub-open]') } catch {}
                   try {
                     const btn = Array.from(document.querySelectorAll('button')).find((b) => (b.textContent || '').includes(t('title')))
                     if (btn) btn.click()
@@ -1203,162 +1333,6 @@ function PluginCard(props) {
       )
     }
 
-    // #82: перетаскиваемый HUD-бабл (shell.overlay) с кольцевой шкалой
-    // остатка активной подписки, прилипанием к краям и frosted-панелью.
-    const HUD_KEY = 'dsh-subscriptions.hud'
-    const HUD_SIZE = 64
-
-    function hudClamp(pos) {
-      const w = window.innerWidth, h = window.innerHeight
-      return {
-        left: Math.min(Math.max(8, pos.left), Math.max(8, w - HUD_SIZE - 8)),
-        top: Math.min(Math.max(8, pos.top), Math.max(8, h - HUD_SIZE - 8)),
-      }
-    }
-
-    function hudLoad() {
-      try {
-        const raw = JSON.parse(localStorage.getItem(HUD_KEY) || 'null')
-        if (raw && typeof raw.left === 'number' && typeof raw.top === 'number') return hudClamp(raw)
-      } catch {}
-      return hudClamp({ left: window.innerWidth - HUD_SIZE - 24, top: window.innerHeight - HUD_SIZE - 120 })
-    }
-
-    function hudDock(pos) {
-      const w = window.innerWidth, h = window.innerHeight
-      const dist = { left: pos.left, right: w - (pos.left + HUD_SIZE), top: pos.top, bottom: h - (pos.top + HUD_SIZE) }
-      const TH = 24
-      let side = null, best = Infinity
-      for (const k of ['left', 'right', 'top', 'bottom']) {
-        if (dist[k] <= TH && dist[k] < best) { best = dist[k]; side = k }
-      }
-      if (!side) return pos
-      const next = { left: pos.left, top: pos.top }
-      if (side === 'left') next.left = 0
-      if (side === 'right') next.left = Math.max(0, w - HUD_SIZE)
-      if (side === 'top') next.top = 0
-      if (side === 'bottom') next.top = Math.max(0, h - HUD_SIZE)
-      return next
-    }
-
-    function UsageBubble(props) {
-      const t = (props && props.t) || ((k) => k)
-      const [pos, setPos] = React.useState(() => (typeof window === 'undefined' ? { left: 0, top: 0 } : hudLoad()))
-      const [accounts, setAccounts] = React.useState([])
-      const [active, setActive] = React.useState(null)
-      const [dragging, setDragging] = React.useState(false)
-      const [busy, setBusy] = React.useState(false)
-      const drag = React.useRef(null)
-      React.useEffect(() => {
-        let alive = true
-        const pull = () => {
-          refreshLoggedIn().then((r) => {
-            if (!alive) return
-            setActive(r.active)
-            fetch('/dsh-subscriptions/config', { cache: 'no-store' })
-              .then((res) => res.json())
-              .then((cfg) => { if (alive) setAccounts((cfg && cfg.accounts) || []) })
-              .catch(() => {})
-          }).catch(() => {})
-        }
-        pull()
-        const id = setInterval(pull, 60 * 1000)
-        return () => { alive = false; clearInterval(id) }
-      }, [])
-      const onPointerDown = (e) => {
-        if (e.button !== 0) return
-        e.preventDefault()
-        e.currentTarget.setPointerCapture(e.pointerId)
-        drag.current = { id: e.pointerId, sx: e.clientX, sy: e.clientY, left: pos.left, top: pos.top, moved: false }
-      }
-      const onPointerMove = (e) => {
-        const d = drag.current
-        if (!d || e.pointerId !== d.id) return
-        if (Math.abs(e.clientX - d.sx) > 3 || Math.abs(e.clientY - d.sy) > 3) { d.moved = true; setDragging(true) }
-        if (!d.moved) return
-        setPos(hudClamp({ left: d.left + (e.clientX - d.sx), top: d.top + (e.clientY - d.sy) }))
-      }
-      const onPointerUp = (e) => {
-        const d = drag.current
-        if (!d || e.pointerId !== d.id) return
-        drag.current = null
-        setDragging(false)
-        setPos((cur) => {
-          const next = d.moved ? hudDock(hudClamp(cur)) : cur
-          try { localStorage.setItem(HUD_KEY, JSON.stringify(next)) } catch {}
-          return next
-        })
-        if (!d.moved) {
-          setBusy(true)
-          refreshLoggedIn().then((r) => {
-            setActive(r.active)
-            return fetch('/dsh-subscriptions/config', { cache: 'no-store' }).then((res) => res.json())
-          }).then((cfg) => setAccounts((cfg && cfg.accounts) || [])).catch(() => {}).finally(() => setBusy(false))
-        }
-      }
-      // Остаток активной подписки: 100 - usagePercent.
-      const remaining = active && active.usagePercent != null ? Math.max(0, 100 - active.usagePercent) : null
-      const tone = remaining == null ? 'var(--dsw-alias-label-tertiary)'
-        : (remaining < 10 ? 'var(--dsw-alias-state-error-primary)'
-          : (remaining < 30 ? 'var(--dsw-alias-state-warning-primary)' : 'var(--dsw-alias-state-success-primary)'))
-      const R = 26
-      const CIRC = 2 * Math.PI * R
-      const offset = CIRC * (1 - (remaining == null ? 0 : Math.min(100, remaining)) / 100)
-      const rows = accounts.map((a, i) => {
-        const pct = a.usagePercent != null ? Math.round(a.usagePercent) : null
-        return React.createElement('div', { className: 'dsub-hudRow', key: i },
-          React.createElement('span', { className: 'dsub-hudName' }, a.provider + (a.index ? ' #' + a.index : '')),
-          React.createElement('span', { className: 'dsub-bar' },
-            React.createElement('span', { className: 'dsub-barFill', style: { width: (pct == null ? 0 : Math.min(100, pct)) + '%' } })),
-          React.createElement('span', { className: 'dsub-hudPct' }, pct == null ? '—' : pct + '%'),
-        )
-      })
-      if (!createPortal) return null
-      return createPortal(React.createElement('div', {
-        className: 'dsub-hud',
-        'data-dragging': dragging ? 'true' : undefined,
-        style: { left: pos.left + 'px', top: pos.top + 'px' },
-      },
-        React.createElement('button', {
-          type: 'button', className: 'dsub-hudBtn', 'aria-label': t('hudTitle'),
-          style: { '--dsub-tone': tone },
-          onPointerDown, onPointerMove, onPointerUp, onPointerCancel: onPointerUp,
-        },
-          React.createElement('svg', { className: 'dsub-hudRing', viewBox: '0 0 56 56', 'aria-hidden': 'true' },
-            React.createElement('circle', { className: 'dsub-hudTrack', cx: 28, cy: 28, r: R }),
-            React.createElement('circle', {
-              className: 'dsub-hudVal', cx: 28, cy: 28, r: R,
-              strokeDasharray: String(CIRC), strokeDashoffset: String(offset),
-            }),
-          ),
-          React.createElement('span', { className: 'dsub-hudCore' },
-            remaining == null ? '—' : (busy ? '\u2026' : Math.round(remaining) + '%'),
-          ),
-        ),
-        React.createElement('div', { className: 'dsub-hudPanel' },
-          React.createElement('div', { className: 'dsub-hudHead' }, t('hudTitle')),
-          rows.length ? rows : React.createElement('div', { className: 'dsub-sub' }, '\u2014'),
-          React.createElement('div', { className: 'dsub-hudHint' }, t('hudHint')),
-        ),
-      ), document.body)
-    }
-
-    function registerUsageBubble(ctx) {
-      ctx.effect(() => {
-        ctx.slots.inject('shell.overlay', () =>
-          ctx.slots.register(
-            {
-              name: 'shell.overlay',
-              id: 'dsh-subscriptions-usage-bubble',
-              order: 40,
-              locale: NS,
-            },
-            (props) => React.createElement(UsageBubble, { t }),
-          ),
-        )
-      }, 'dsh-subscriptions: usage bubble')
-    }
-
     function registerSubsPill(ctx) {
       ctx.effect(() => {
         ctx.slots.inject('conversation.session.header.actions', () =>
@@ -1391,145 +1365,6 @@ function PluginCard(props) {
       }, 'dsh-subscriptions: composer quota')
     }
 
-    // #52: компактный чип в шапке сессии со статусом подключённых подписок.
-    function HeaderChip(props) {
-      const [state, setState] = React.useState({ loading: true, count: 0, usage: 0, expiry: null, active: null })
-      const t = (props && props.t) || ((k) => k)
-      React.useEffect(() => {
-        const pull = () => {
-          refreshLoggedIn().then((r) => {
-            // #67: ближайшее окончание подписки в пределах expiryNotifyDays.
-            let expiry = null
-            const now = Date.now()
-            const days = r.expiryNotifyDays || 7
-            for (const p of r.logged) {
-              const at = r.expiresAt[p]
-              if (!at) continue
-              const msLeft = at - now
-              if (msLeft > 0 && msLeft <= days * 24 * 60 * 60 * 1000) {
-                if (!expiry || at < expiry.at) expiry = { at, label: r.labels[p] || p }
-              }
-            }
-            setState({ loading: false, count: r.logged.length, usage: r.usage, expiry, active: r.active })
-          }).catch(() => setState({ loading: false, count: 0, usage: 0, expiry: null, active: null }))
-        }
-        pull()
-        const id = setInterval(pull, 60 * 1000)
-        return () => clearInterval(id)
-      }, [])
-      // #69/#72: если есть активная подписка — показываем её (провайдер + индекс + windows с процентами).
-      if (state.active) {
-        const a = state.active
-        const wins = Array.isArray(a.windows) ? a.windows : []
-        // макс-процент среди окон для цвета полоски
-        let maxPct = -1
-        for (const w of wins) {
-          if (w && typeof w.usedPercent === 'number' && w.usedPercent > maxPct) maxPct = w.usedPercent
-        }
-        if (maxPct < 0 && typeof a.usagePercent === 'number') maxPct = a.usagePercent
-        const u = maxPct >= 0 ? maxPct : null
-        let acls = 'dsub-chipActive'
-        if (u != null) acls += u >= 100 ? ' dsub-chipActiveDanger' : (u >= 80 ? ' dsub-chipActiveDanger' : (u >= 50 ? ' dsub-chipActiveWarn' : ' dsub-chipActiveOk'))
-        const idx = a.index != null ? ('#' + a.index) : ''
-        const plan = a.plan ? (' ' + a.plan) : ''
-        // #77: без provider-префикса
-        const label = (a.provider === 'codex' && state.fastMode ? '\u26a1' : '') + idx + plan
-        // windows: "5h 12%  7d 8%"
-        const winLabels = wins.map((w) => (w.label || w.id) + ' ' + Math.round(w.usedPercent) + '%').join('  ')
-        return React.createElement('span', {
-          className: acls,
-          title: a.model ? (prov + idx + ' · ' + a.model) : (prov + idx),
-        },
-          React.createElement('span', { className: 'dsub-chipDot' }),
-          label,
-          u != null
-            ? React.createElement('span', { className: 'dsub-chipActiveBar' },
-                React.createElement('span', { className: 'dsub-chipActiveFill', style: { width: Math.min(100, Math.max(0, u)) + '%' } }))
-            : null,
-          winLabels || null,
-        )
-      }
-      const on = state.count > 0
-      // #66: цвет чипа по максимальному usagePercent (50/80/100).
-      const u = state.usage
-      let cls = 'dsub-chip'
-      if (on) cls += u >= 100 ? ' dsub-chipDanger' : (u >= 80 ? ' dsub-chipDanger' : (u >= 50 ? ' dsub-chipWarn' : ' dsub-chipOn'))
-      // #67: надпись об окончании подписки.
-      let text = on ? String(state.count) : '—'
-      if (state.expiry) {
-        const d = new Date(state.expiry.at).toLocaleDateString()
-        text = t('expiryLabel') + ': ' + state.expiry.label + ' ' + d
-      }
-      return React.createElement('span', {
-        className: cls,
-        title: on ? t('chipActive') + ': ' + state.count : t('none'),
-      },
-        React.createElement('span', { className: 'dsub-chipDot' }),
-        text,
-      )
-    }
-
-    function registerHeaderChip(ctx) {
-      ctx.effect(() => {
-        ctx.slots.inject('conversation.session.header.utilities', () =>
-          ctx.slots.register(
-            {
-              name: 'conversation.session.header.utilities',
-              id: 'dsh-subscriptions-header-chip',
-              order: 5,
-              locale: NS,
-            },
-            (props) => React.createElement(HeaderChip, { t }),
-          ),
-        )
-      }, 'dsh-subscriptions: header chip')
-    }
-
-    function registerComposerSwitch(ctx) {
-      ctx.effect(() => {
-        const render = () => {
-          if (!labelEl) return
-          refreshLoggedIn().then((logged) => {
-            if (!labelEl) return
-            const current = logged.length ? logged[activeIdx % logged.length] : null
-            labelEl.textContent = t('switchLabel') + ': ' + (current || t('none'))
-          }).catch(() => {})
-        }
-        ctx.slots.inject('composer.action', () =>
-          ctx.slots.register(
-            {
-              name: 'composer.action',
-              id: 'dsh-subscriptions-provider-switch',
-              order: 31,
-              label: () => {
-                // label используется ядром до монтирования; держим актуальным
-                setTimeout(render, 0)
-                return t('switchLabel')
-              },
-            },
-            (props) => {
-              const el = React.createElement('button', {
-                onClick: async () => {
-                  const logged = await refreshLoggedIn()
-                  if (!logged.length) return
-                  activeIdx = (activeIdx + 1) % logged.length
-                  render()
-                },
-              }, '')
-              // Обновить текст в смонтированном элементе
-              setTimeout(() => {
-                labelEl = el
-                render()
-              }, 0)
-              return el
-            },
-          ),
-        )
-        render()
-      }, 'dsh-subscriptions: composer provider switch')
-    }
-
-    // #43: slash-команды входа/выхода/статуса прямо из чата.
     function registerSlashCommands(ctx) {
       ctx.effect(() => {
         const triggers = ctx.get('inputTriggers')
@@ -1595,11 +1430,8 @@ function PluginCard(props) {
     exports.apply = function apply(ctx) {
       setT(ctx.locale.bind(NS))
       registerSettings(ctx)
-      registerUsageBubble(ctx)
       registerSubsPill(ctx)
       registerComposerQuota(ctx)
-      registerHeaderChip(ctx)
-      registerComposerSwitch(ctx)
       registerSlashCommands(ctx)
     }
     return module.exports

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-subscriptions",
-  "version": "0.4.18",
+  "version": "0.4.20",
   "description": "Use ChatGPT Codex, Claude, Grok, and Antigravity subscriptions as DeepSeek Harness LLM providers via OAuth.",
   "license": "MIT",
   "type": "module",