@goodandready/dsh-key-rotation 0.8.0 → 0.8.1

package/lib/client.js

@@ -240,6 +240,33 @@ window.__ModuleLoader__.load({
     // отдельными отмеченными галочками, чтобы правило нельзя было потерять.
     const KNOWN_CODES = ['QUOTA', 'RATE_LIMIT', 'SERVER', 'TIMEOUT', 'TRANSPORT', 'EMPTY_RESPONSE', 'UNKNOWN_MODEL', 'AUTH'];
 
+    // #273: keep the settings list item mounted if the section throws.
+    class KeyRotationErrorBoundary extends React.Component {
+      constructor(props) {
+        super(props);
+        this.state = { error: null };
+      }
+      static getDerivedStateFromError(error) {
+        return { error };
+      }
+      componentDidCatch(error, info) {
+        try { console.error('[dsh-key-rotation] settings card crashed', error, info); } catch (_) {}
+      }
+      render() {
+        if (this.state.error) {
+          return React.createElement('div', { className: 'krot krot-err', style: { padding: 12 } },
+            React.createElement('p', null, 'Key Rotation settings failed to render.'),
+            React.createElement('p', { style: { fontSize: 11, opacity: 0.8 } }, String(this.state.error?.message || this.state.error)),
+            React.createElement('button', {
+              type: 'button',
+              className: 'krot-btn',
+              onClick: () => this.setState({ error: null }),
+            }, 'Retry'));
+        }
+        return this.props.children;
+      }
+    }
+
     /** Опрос статуса ротации, пока раздел настроек открыт (smart polling). */
     function useRotationStatus() {
       const [byProvider, setByProvider] = React.useState({});
@@ -414,9 +441,31 @@ window.__ModuleLoader__.load({
         }
         return null;
       }, [props.ctx]);
+      // #273: getSnapshot must be referentially stable or React 18 unmounts the tree
+      const scopeCacheRef = React.useRef({ has: false, value: null });
+      const getScopeSnapshot = React.useCallback(() => {
+        if (!settingsScope || typeof settingsScope.getSnapshot !== 'function') return null;
+        let next = null;
+        try {
+          next = settingsScope.getSnapshot();
+        } catch (_) {
+          return null;
+        }
+        const prev = scopeCacheRef.current;
+        if (prev.has && Object.is(prev.value, next)) return prev.value;
+        // shallow-compare common snapshot shape to avoid identity thrash
+        if (prev.has && prev.value && next
+          && prev.value.status === next.status
+          && prev.value.revision === next.revision
+          && prev.value.value === next.value) {
+          return prev.value;
+        }
+        scopeCacheRef.current = { has: true, value: next };
+        return next;
+      }, [settingsScope]);
       const scopeSnapshot = React.useSyncExternalStore(
-        React.useMemo(() => (cb) => (settingsScope ? settingsScope.subscribe(cb) : () => {}), [settingsScope]),
-        React.useCallback(() => (settingsScope ? settingsScope.getSnapshot() : null), [settingsScope])
+        React.useMemo(() => (cb) => (settingsScope && typeof settingsScope.subscribe === 'function' ? settingsScope.subscribe(cb) : () => {}), [settingsScope]),
+        getScopeSnapshot
       );
       const [state, setState] = React.useState({ status: 'loading', value: null, revision: 0, error: '', providers: [] });
       const [draft, setDraft] = React.useState(null);
@@ -1185,7 +1234,7 @@ window.__ModuleLoader__.load({
             h('span', { className: 'krot-card-chevron' + (open ? ' krot-card-chevron-open' : ''), 'aria-hidden': 'true' },
               h('svg', { width: 14, height: 14, viewBox: '0 0 14 14', fill: 'none', stroke: 'currentColor', strokeWidth: 1.5, style: { display: 'block' } },
                 h('path', { d: 'M3.5 5.25L7 8.75L10.5 5.25' })))),
-          open ? h('div', { className: 'krot-card-body' }, h(KeyRotationSection, { ...props, locale })) : null);
+          open ? h('div', { className: 'krot-card-body' }, h(KeyRotationErrorBoundary, null, h(KeyRotationSection, { ...props, locale }))) : null);
       }
       const tryPluginItem = () => {
         try {
@@ -1209,7 +1258,7 @@ window.__ModuleLoader__.load({
             label: () => (t ? t('title') : 'Key Rotation') || 'Key Rotation',
             inject: () => ({ ctx }),
           },
-          (props) => h(KeyRotationSection, { ...props, locale: useLocale() }),
+          (props) => h(KeyRotationErrorBoundary, null, h(KeyRotationSection, { ...props, locale: useLocale() })),
         ));
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-key-rotation",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "packageManager": "pnpm@10.33.2",
   "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": [