right now the api key is removed after selecting model and one message it should be only removed it the page is refreshed or reloads then only should user have to enter it again

index.html

@@ -428,11 +428,8 @@ const settingsBtn = document.getElementById('settingsBtn');
                         messages: [{ role: 'user', content: message }]
                     })
                 });
-
-                // Clear API key after use
-                apiKeyInput.value = '';
-const data = await response.json();
-                if (data.error) {
+                const data = await response.json();
+if (data.error) {
                     addMessage('system', `Error: ${data.error.message}`);
                 } else if (data.choices && data.choices[0].message.content) {
                     addMessage('assistant', data.choices[0].message.content);
@@ -477,11 +474,10 @@ const data = await response.json();
                 sidebar.classList.add('hidden');
             }
         });
-
-        // Clear any saved API key on page refresh
+        // Clear API key input on page refresh
         window.addEventListener('beforeunload', () => {
-            localStorage.removeItem('chatRouterApiKey');
+            apiKeyInput.value = '';
         });
-    </script>
+</script>
 </body>
 </html>