okay now when selecting model and entering api key user is gettin this message Model selected successfully. You can now start chatting! along with they should also get the instruction (warning type) message that if they refresh or reloads the page they will loose their currnet data and like chat history and api key and have to again enter api key

index.html

@@ -320,7 +320,8 @@ const settingsBtn = document.getElementById('settingsBtn');
                 
                 // Add confirmation message to chat
                 addMessage('system', 'Model selected successfully. You can now start chatting!');
-            } catch (error) {
+                addMessage('warning', '⚠️ Warning: If you refresh or reload this page, you will lose your current chat history and need to re-enter your API key.');
+} catch (error) {
                 addMessage('system', `Error verifying API key: ${error.message}`);
             }
         });