@goodandready/dsh-key-rotation 0.7.7 → 0.7.10

package/lib/client.js

@@ -1,5 +1,5 @@
 // dsh-key-rotation — Settings section ("Key Rotation" / "Ротация ключей").
-// Renders in the harness Settings sidebar via the settings.section slot and
+// Renders in Settings → Plugins → Plugin settings via the settings.plugin.item slot and
 // edits the plugin's `dsh-key-rotation` settings namespace through the
 // loopback-fenced config bridge at /dsh-key-rotation/config.
 //
@@ -27,6 +27,8 @@ window.__ModuleLoader__.load({
     // -------------------------------------------------------------- i18n
     const en = {
       title: 'Key Rotation',
+      subtitle: 'Per-provider API key rotation: pools of keys, automatic failover on quota/rate-limit errors, cooldown and recovery.',
+      cardDesc: 'Per-provider API key rotation: pools of keys, automatic failover on quota/rate-limit errors, cooldown and recovery.',
       loading: 'Loading…',
       notRegistered: 'not registered',
       removeKey: 'Remove key',
@@ -78,6 +80,8 @@ window.__ModuleLoader__.load({
     };
     const ru = {
       title: 'Ротация ключей',
+      subtitle: 'Ротация API-ключей по провайдерам: пулы ключей, автоматическое переключение при исчерпании квоты или лимита, кулдаун и восстановление.',
+      cardDesc: 'Ротация API-ключей по провайдерам: пулы ключей, автоматическое переключение при исчерпании квоты или лимита, кулдаун и восстановление.',
       loading: 'Загрузка…',
       notRegistered: 'не зарегистрирован',
       removeKey: 'Удалить ключ',
@@ -198,6 +202,13 @@ window.__ModuleLoader__.load({
       '.krot-btn:not(:disabled):hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3,var(--dsw-alias-border-l2))}',
       '.krot-foot{display:flex;gap:8px;align-items:center}',
       '.krot-save{background:var(--dsw-alias-button-info-fill);border-color:var(--dsw-alias-button-info-fill);color:var(--dsw-alias-label-primary-foreground);padding:5px 14px;font-size:13px}',
+      '.krot-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none}',
+      '.krot-card-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 16px}',
+      '.krot-card-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}',
+      '.krot-card-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}',
+      '.krot-card-description{color:var(--dsw-alias-label-secondary);font-size:13px}',
+      '.krot-card-chevron{flex:none;opacity:.6}',
+      '.krot-card-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}',
     ].join('');
     const CARD_CSS_ID = 'dsh-key-rotation/section.module.css';
     if (typeof document !== 'undefined' && !document.querySelector('style[data-plugin-css="' + CARD_CSS_ID + '"]')) {
@@ -656,12 +667,38 @@ window.__ModuleLoader__.load({
       function useLocale() {
         return useActiveLocale(ctx);
       }
-      ctx.slots.inject('settings.section', () => ctx.slots.register({
-        name: 'settings.section',
-        id: 'dsh-key-rotation',
-        order: 20,
-        label: () => 'Key Rotation',
-      }, (props) => React.createElement(KeyRotationSection, { ...props, locale: useLocale() })));
+      // Collapsible card in Settings -> Plugins -> Plugin settings
+      // (settings.plugin.item), matching Model Sync / Spendmeter / Vision Bridge.
+      // key MUST equal the settings namespace (NS), else the tab silently skips it.
+      function KeyRotationCard(props) {
+        const locale = useLocale();
+        const t = makeT(locale === 'ru' ? ru : en, en);
+        const [open, setOpen] = React.useState(false);
+        return h('div', { className: 'krot-card' + (open ? ' krot-card-open' : '') },
+          h('button', { type: 'button', className: 'krot-card-header', 'aria-expanded': open, onClick: () => setOpen((v) => !v) },
+            h('span', { className: 'krot-card-head-text' },
+              h('span', { className: 'krot-card-name' }, t('title')),
+              h('span', { className: 'krot-card-description' }, t('subtitle'))),
+            h('span', { className: 'krot-card-chevron', 'aria-hidden': 'true' }, open ? '▴' : '▾')),
+          open ? h('div', { className: 'krot-card-body' }, h(KeyRotationSection, { ...props, locale })) : null);
+      }
+      const tryPluginItem = () => {
+        try {
+          ctx.slots.inject('settings.plugin.item', () =>
+            ctx.slots.register(
+              { name: 'settings.plugin.item', key: NS, locale: NS, inject: () => ({ ctx }) },
+              KeyRotationCard,
+            ));
+          return true;
+        } catch { return false; }
+      };
+      if (!tryPluginItem()) {
+        // Fallback for builds without the Plugins tab slot: keep the sidebar section.
+        ctx.slots.inject('settings.section', () => ctx.slots.register(
+          { name: 'settings.section', id: 'dsh-key-rotation', order: 20, label: () => 'Key Rotation' },
+          (props) => h(KeyRotationSection, { ...props, locale: useLocale() }),
+        ));
+      }
     }
 
     module.exports = { apply, inject: ['slots', 'locale'] };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-key-rotation",
-  "version": "0.7.7",
+  "version": "0.7.10",
   "description": "Per-provider API key rotation for DeepSeek Harness: a key pool per provider, auto-created clone routes, and switching to the next key on quota/rate-limit errors. Includes a Settings section (Key Rotation) to edit the key pools, cooldown and switch codes.",
   "keywords": [
     "deepseek-harness",
@@ -54,5 +54,8 @@
   },
   "scripts": {
     "test": "node --test test/*.test.js"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }