@goodandready/dsh-subscriptions 0.2.6 → 0.2.7

package/lib/client.js

@@ -46,6 +46,9 @@ window.__ModuleLoader__.load({
       'usageFull': 'Usage 100%',
       'connected': 'Connected',
       'title': 'Subscriptions',
+      'cardIntro': 'Subscription accounts, rotation and limits.',
+      'show': 'Show',
+      'hide': 'Hide',
       'intro': 'Log in with a consumer subscription. Tokens stay on the host credentials store. The browser never reads them back. After Connect, if the provider lands on localhost or a vendor page, paste the redirected URL or the code here.',
       'useOrigin': 'Use this Web UI origin as OAuth redirect_uri',
       'useOriginHint': 'Leave off unless you registered your own OAuth client for this origin. Vendor CLI clients usually require their published redirect URI plus the paste step.',
@@ -73,6 +76,9 @@ window.__ModuleLoader__.load({
       'usageFull': 'Лимит исчерпан',
       'connected': 'Подключено',
       'title': 'Подписки',
+      'cardIntro': 'Аккаунты подписок, ротация и лимиты.',
+      'show': 'Показать',
+      'hide': 'Скрыть',
       'intro': 'Вход по обычной пользовательской подписке. Токены остаются в хранилище учётных данных харнесса, браузер их обратно не читает. Если после «Подключить» провайдер увёл на localhost или на свою страницу, вставьте сюда адрес перехода или код.',
       'useOrigin': 'Использовать адрес этого веб-интерфейса как redirect_uri',
       'useOriginHint': 'Включайте, только если зарегистрировали собственного клиента OAuth на этот адрес. Штатным консольным клиентам провайдеров нужен их опубликованный адрес возврата и вставка кода вручную.',
@@ -102,6 +108,26 @@ window.__ModuleLoader__.load({
       return t('connected')
     }
 
+    // Карточка во вкладке «Плагины» рисует свой заголовок и сворачивание:
+    // ядро даёт только рамку списка.
+    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.
       const t = (props && props.t) || ((key) => key)
@@ -347,9 +373,26 @@ window.__ModuleLoader__.load({
 
     function registerSettings(ctx) {
       ctx.effect(() => ctx.locale.register(NS, { en, ru }), 'dsh-subscriptions: словари')
-      // Подпись раздела рисует боковой список, а не наш компонент: props.t
-      // туда не доходит, поэтому берём переводчик, привязанный к namespace.
+      // Подписи вне компонента берут переводчик, привязанный к namespace.
       const t = ctx.locale.bind(NS)
+      // Штатное место — вкладка «Плагины»: карточка со своим заголовком и
+      // сворачиванием вместо строки в боковом списке. Ключ регистрации обязан
+      // равняться пространству настроек, иначе вкладка молча не покажет слот.
+      let moved = false
+      try {
+        moved = !!ctx.slots.inject('settings.plugin.item', () => ctx.slots.register(
+          {
+            name: 'settings.plugin.item',
+            key: NS,
+            locale: NS,
+            inject: () => ({ ctx: ctx }),
+          },
+          PluginCard,
+        ))
+      } catch { moved = false }
+      if (moved) return
+      // Запасной путь для сборок без settings.plugin.item: прежний раздел,
+      // чтобы настройки не пропали.
       ctx.slots.inject('settings.section', () => ctx.slots.register(
         {
           name: 'settings.section',

package/package.json

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