llm-lib.html demo reuses existing localStorage keys

https://gistpreview.github.io/?f88ffd3a551f42421494a78b98c5e41a

Author: simonw

llm-lib.html

@@ -353,6 +353,13 @@ <h2>Usage</h2>
       }
     }
 
+    // Standard localStorage keys (shared with other tools)
+    const providerStorageKeys = {
+      openai: 'openai_api_key',
+      anthropic: 'ANTHROPIC_API_KEY',
+      gemini: 'GEMINI_API_KEY'
+    };
+
     // Update model dropdown when provider changes
     providerSelect.addEventListener('change', () => {
       const provider = providerSelect.value;
@@ -367,7 +374,7 @@ <h2>Usage</h2>
       }
 
       // Load saved API key for this provider
-      const savedKey = localStorage.getItem(`llm-lib-${provider}-key`);
+      const savedKey = localStorage.getItem(providerStorageKeys[provider]);
       apiKeyInput.value = savedKey || '';
     });
 
@@ -378,7 +385,7 @@ <h2>Usage</h2>
       if (provider && provider !== providerSelect.value) {
         providerSelect.value = provider;
         // Load saved API key for new provider
-        const savedKey = localStorage.getItem(`llm-lib-${provider}-key`);
+        const savedKey = localStorage.getItem(providerStorageKeys[provider]);
         apiKeyInput.value = savedKey || '';
       }
     });
@@ -387,12 +394,12 @@ <h2>Usage</h2>
     apiKeyInput.addEventListener('change', () => {
       const provider = providerSelect.value;
       if (apiKeyInput.value) {
-        localStorage.setItem(`llm-lib-${provider}-key`, apiKeyInput.value);
+        localStorage.setItem(providerStorageKeys[provider], apiKeyInput.value);
       }
     });
 
     // Load initial API key
-    const initialKey = localStorage.getItem(`llm-lib-${providerSelect.value}-key`);
+    const initialKey = localStorage.getItem(providerStorageKeys[providerSelect.value]);
     if (initialKey) apiKeyInput.value = initialKey;
 
     function setStatus(state, text) {