remove all the logic of authentication and login now i just want any user should have to enter their openrouter api key to use this chatbot and after refreshing or reloading entered key should be remove and they should have to again enter the key

index.html

@@ -63,7 +63,6 @@
         <button id="sidebarToggle" class="fixed left-4 top-4 z-40 md:hidden bg-gray-800 p-2 rounded-lg">
             <i data-feather="menu"></i>
         </button>
-
         <header class="flex justify-between items-center mb-8 ml-12 md:ml-0">
 <div class="flex items-center space-x-3">
                 <i data-feather="cpu" class="w-8 h-8 text-indigo-300"></i>
@@ -78,40 +77,9 @@
                     <i data-feather="settings" class="w-5 h-5"></i>
                     <span>Settings</span>
                 </button>
-                <button id="authBtn" class="flex items-center space-x-2 bg-indigo-800 hover:bg-indigo-700 px-4 py-2 rounded-lg transition-all">
-                    <i data-feather="user" class="w-5 h-5"></i>
-                    <span>Login</span>
-                </button>
             </div>
-        </header>
-        <!-- Auth Modal -->
-        <div id="authModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
-            <div class="bg-gray-800 rounded-xl p-6 w-full max-w-md">
-                <div class="flex justify-between items-center mb-4">
-                    <h2 class="text-xl font-bold" id="authModalTitle">Login</h2>
-                    <button id="closeAuth" class="text-gray-400 hover:text-white">
-                        <i data-feather="x"></i>
-                    </button>
-                </div>
-                <div id="authForm" class="space-y-4">
-                    <div id="registerFields" class="hidden">
-                        <label class="block text-sm font-medium mb-1">Username</label>
-                        <input type="text" id="regUsername" placeholder="Choose a username" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
-                    </div>
-                    <div>
-                        <label class="block text-sm font-medium mb-1">Password</label>
-                        <input type="password" id="authPassword" placeholder="Enter your password" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
-                    </div>
-                    <button id="authActionBtn" class="w-full bg-indigo-600 hover:bg-indigo-500 text-white py-2 rounded-lg transition-colors">Login</button>
-                    <div class="text-center text-sm">
-                        <span id="authToggleText">Don't have an account? </span>
-                        <button id="authToggleBtn" class="text-indigo-400 hover:text-indigo-300">Register</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Settings Modal -->
+</header>
+<!-- Settings Modal -->
 <div id="settingsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
             <div class="bg-gray-800 rounded-xl p-6 w-full max-w-md">
                 <div class="flex justify-between items-center mb-4">
@@ -215,16 +183,6 @@
         const chatList = document.getElementById('chatList');
         
         // DOM Elements - Original
-const authBtn = document.getElementById('authBtn');
-        const authModal = document.getElementById('authModal');
-        const authModalTitle = document.getElementById('authModalTitle');
-        const closeAuth = document.getElementById('closeAuth');
-        const regUsername = document.getElementById('regUsername');
-        const authPassword = document.getElementById('authPassword');
-        const authActionBtn = document.getElementById('authActionBtn');
-        const authToggleBtn = document.getElementById('authToggleBtn');
-        const authToggleText = document.getElementById('authToggleText');
-        const registerFields = document.getElementById('registerFields');
         const newChatBtn = document.getElementById('newChatBtn');
 const settingsBtn = document.getElementById('settingsBtn');
         const settingsModal = document.getElementById('settingsModal');
@@ -240,222 +198,25 @@ const settingsBtn = document.getElementById('settingsBtn');
         const themeBtns = document.querySelectorAll('.theme-btn');
         // User management
         let isRegistering = false;
-
-        function updateAuthUI() {
-            const loggedInUser = localStorage.getItem('chatRouterUser');
-            if (loggedInUser) {
-                authBtn.innerHTML = `<i data-feather="log-out" class="w-5 h-5"></i><span>Logout</span>`;
-                authBtn.dataset.state = 'logout';
-                document.querySelector('#newChatBtn').disabled = false;
-                document.querySelector('#settingsBtn').disabled = false;
-                sendBtn.disabled = false;
-            } else {
-                authBtn.innerHTML = `<i data-feather="user" class="w-5 h-5"></i><span>Login</span>`;
-                authBtn.dataset.state = 'login';
-                document.querySelector('#newChatBtn').disabled = true;
-                document.querySelector('#settingsBtn').disabled = true;
-                sendBtn.disabled = true;
-                showAuthModal();
-            }
-            feather.replace();
-        }
-
-        function showAuthModal(register = false) {
-            isRegistering = register;
-            authModalTitle.textContent = register ? 'Register' : 'Login';
-            authActionBtn.textContent = register ? 'Register' : 'Login';
-            authToggleText.textContent = register ? 'Already have an account? ' : 'Don\'t have an account? ';
-            authToggleBtn.textContent = register ? 'Login' : 'Register';
-            registerFields.classList.toggle('hidden', !register);
-            authModal.classList.remove('hidden');
-        }
         // Chat management
         let currentChatId = null;
 
         function generateChatId() {
             return 'chat_' + Date.now().toString(36) + Math.random().toString(36).substr(2, 5);
         }
-        async function hashPassword(password) {
-            const encoder = new TextEncoder();
-            const data = encoder.encode(password);
-            const hashBuffer = await crypto.subtle.digest('SHA-256', data);
-            const hashArray = Array.from(new Uint8Array(hashBuffer));
-            return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
-        }
-
-        async function loginUser(username, password) {
-            const hashedPassword = await hashPassword(password);
-            const storedHash = localStorage.getItem(`chatRouterPass_${username}`);
-            
-            if (storedHash !== hashedPassword) {
-                alert('Invalid username or password');
-                return false;
-            }
-
-            localStorage.setItem('chatRouterUser', username);
-            sessionStorage.setItem('chatRouterSession', username);
-            updateAuthUI();
-            
-            createNewChat();
-            loadChatList(username);
-            return true;
-        }
-        function logoutUser() {
-            const username = localStorage.getItem('chatRouterUser');
-            localStorage.removeItem('chatRouterUser');
-            sessionStorage.removeItem('chatRouterSession');
-            updateAuthUI();
-            
-            // Clear current chat and sidebar
-            chatContainer.innerHTML = '';
-            chatList.innerHTML = '';
-            currentChatId = null;
-            addMessage('system', 'Please log in to start chatting.');
-            
-            // Clear all chat history for this session
-            for (let i = localStorage.length - 1; i >= 0; i--) {
-                const key = localStorage.key(i);
-                if (key.startsWith(`chatHistory_${username}_`) || 
-                    key.startsWith(`chatTitle_${username}_`)) {
-                    localStorage.removeItem(key);
-                }
-            }
-        }
-function createNewChat() {
-            const username = localStorage.getItem('chatRouterUser');
-            if (!username) return;
-            
+        function createNewChat() {
             currentChatId = generateChatId();
             chatContainer.innerHTML = '';
             addMessage('system', '🆕 New chat started.');
-            saveChatHistory(username, currentChatId);
-            addChatToList(username, currentChatId, 'New Chat');
         }
-
-        function loadChatHistory(username, chatId) {
-            const history = localStorage.getItem(`chatHistory_${username}_${chatId}`);
-            if (history) {
-                chatContainer.innerHTML = history;
-                chatContainer.scrollTop = chatContainer.scrollHeight;
-                currentChatId = chatId;
-            }
-        }
-
-        function saveChatHistory(username, chatId) {
-            if (!chatId) chatId = currentChatId;
-            if (!username || !chatId) return;
-            
-            localStorage.setItem(`chatHistory_${username}_${chatId}`, chatContainer.innerHTML);
-            
-            // Update the chat title if it's the first message
-            const messages = chatContainer.querySelectorAll('.message-bubble');
-            if (messages.length === 1) {
-                updateChatTitle(username, chatId, messages[0].textContent.substring(0, 30));
-            }
-        }
-
-        function loadChatList(username) {
-            chatList.innerHTML = '';
-            const chats = [];
-            
-            // Find all chats for this user
-            for (let i = 0; i < localStorage.length; i++) {
-                const key = localStorage.key(i);
-                if (key.startsWith(`chatHistory_${username}_`)) {
-                    const chatId = key.split('_')[2];
-                    const title = localStorage.getItem(`chatTitle_${username}_${chatId}`) || 'New Chat';
-                    chats.push({ id: chatId, title });
-                }
-            }
-            
-            // Sort by most recent first
-            chats.sort((a, b) => b.id.localeCompare(a.id));
-            
-            // Add to sidebar
-            chats.forEach(chat => {
-                addChatToList(username, chat.id, chat.title);
-            });
-        }
-
-        function addChatToList(username, chatId, title) {
-            const chatItem = document.createElement('div');
-            chatItem.className = 'flex justify-between items-center p-2 hover:bg-gray-700 rounded-lg cursor-pointer';
-            chatItem.dataset.chatId = chatId;
-            
-            const titleSpan = document.createElement('span');
-            titleSpan.className = 'truncate flex-1';
-            titleSpan.textContent = title;
-            
-            const actionsDiv = document.createElement('div');
-            actionsDiv.className = 'flex space-x-2';
-            
-            const renameBtn = document.createElement('button');
-            renameBtn.className = 'text-gray-400 hover:text-white';
-            renameBtn.innerHTML = '<i data-feather="edit-2" class="w-4 h-4"></i>';
-            renameBtn.onclick = (e) => {
-                e.stopPropagation();
-                renameChat(username, chatId, titleSpan);
-            };
-            
-            const deleteBtn = document.createElement('button');
-            deleteBtn.className = 'text-gray-400 hover:text-white';
-            deleteBtn.innerHTML = '<i data-feather="trash-2" class="w-4 h-4"></i>';
-            deleteBtn.onclick = (e) => {
-                e.stopPropagation();
-                deleteChat(username, chatId, chatItem);
-            };
+        // Load saved settings
+        async function loadSettings() {
+            // Clear any saved API key on load
+            localStorage.removeItem('chatRouterApiKey');
             
-            actionsDiv.appendChild(renameBtn);
-            actionsDiv.appendChild(deleteBtn);
-            chatItem.appendChild(titleSpan);
-            chatItem.appendChild(actionsDiv);
-            
-            chatItem.addEventListener('click', () => {
-                loadChatHistory(username, chatId);
-            });
-            
-            chatList.prepend(chatItem);
-            feather.replace();
-        }
-
-        function updateChatTitle(username, chatId, title) {
-            localStorage.setItem(`chatTitle_${username}_${chatId}`, title);
-            const chatItem = chatList.querySelector(`[data-chat-id="${chatId}"]`);
-            if (chatItem) {
-                chatItem.querySelector('span').textContent = title;
-            }
-        }
-
-        function renameChat(username, chatId, titleElement) {
-            const newTitle = prompt('Enter new chat title:', titleElement.textContent);
-            if (newTitle && newTitle.trim()) {
-                localStorage.setItem(`chatTitle_${username}_${chatId}`, newTitle.trim());
-                titleElement.textContent = newTitle.trim();
-            }
-        }
-
-        function deleteChat(username, chatId, element) {
-            if (confirm('Are you sure you want to delete this chat?')) {
-                localStorage.removeItem(`chatHistory_${username}_${chatId}`);
-                localStorage.removeItem(`chatTitle_${username}_${chatId}`);
-                element.remove();
-                
-                if (currentChatId === chatId) {
-                    createNewChat();
-                }
-            }
-        }
-// Load saved settings
-async function loadSettings() {
-            const savedApiKey = localStorage.getItem('chatRouterApiKey');
             const savedModel = localStorage.getItem('chatRouterModel');
             const savedTheme = localStorage.getItem('chatRouterTheme') || 'indigo';
 
-            if (savedApiKey) {
-                apiKeyInput.value = savedApiKey;
-                sendBtn.disabled = false;
-                await fetchModels(savedApiKey); // Load models when API key exists
-            }
             if (savedModel) {
                 modelSelect.value = savedModel;
                 modelIndicator.textContent = `Using: ${savedModel.split('/').pop()}`;
@@ -464,7 +225,8 @@ async function loadSettings() {
             // Apply theme
             document.body.className = `bg-gradient-to-br from-${savedTheme}-900 to-purple-900 text-white`;
         }
-        // Free models from OpenRouter
+
+// Free models from OpenRouter
         const freeModels = [
             'alibaba/tongyi-deepresearch-30b-a3b:free',
             'nvidia/nemotron-nano-9b-v2:free',
@@ -550,21 +312,20 @@ async function loadSettings() {
                 // Verify API key by fetching models
                 await fetchModels(apiKey);
                 
-                // If successful, save settings
-                localStorage.setItem('chatRouterApiKey', apiKey);
+                // Only save model (API key is not saved)
                 localStorage.setItem('chatRouterModel', model);
                 sendBtn.disabled = false;
                 modelIndicator.textContent = `Using: ${model.split('/').pop()}`;
                 settingsModal.classList.add('hidden');
                 
                 // Add confirmation message to chat
-                addMessage('system', 'Settings saved successfully. You can now start chatting!');
+                addMessage('system', 'Model selected successfully. You can now start chatting!');
             } catch (error) {
                 addMessage('system', `Error verifying API key: ${error.message}`);
             }
         });
 
-        // Load models when API key changes
+// Load models when API key changes
         apiKeyInput.addEventListener('blur', async () => {
             const apiKey = apiKeyInput.value.trim();
             if (apiKey) {
@@ -628,20 +389,23 @@ async function loadSettings() {
                 addMessage('system', `Error: ${error.message}`);
             }
         }
-
         // Send message to OpenRouter
-async function sendMessage() {
+        async function sendMessage() {
             const message = messageInput.value.trim();
             if (!message) return;
             
-            const apiKey = localStorage.getItem('chatRouterApiKey');
+            const apiKey = apiKeyInput.value.trim();
             const model = localStorage.getItem('chatRouterModel');
             
-            if (!apiKey || !model) {
-                addMessage('system', 'Please configure your API key and model in settings first.');
+            if (!apiKey) {
+                addMessage('system', 'Please enter your OpenRouter API key in settings.');
+                return;
+            }
+
+            if (!model) {
+                addMessage('system', 'Please select a model in settings.');
                 return;
             }
-            
             // Add user message to chat
             addMessage('user', message);
             messageInput.value = '';
@@ -664,8 +428,10 @@ async function sendMessage() {
                         messages: [{ role: 'user', content: message }]
                     })
                 });
-                
-                const data = await response.json();
+
+                // Clear API key after use
+                apiKeyInput.value = '';
+const data = await response.json();
                 if (data.error) {
                     addMessage('system', `Error: ${data.error.message}`);
                 } else if (data.choices && data.choices[0].message.content) {
@@ -678,95 +444,44 @@ async function sendMessage() {
             }
         }
         // Event listeners
-        authBtn.addEventListener('click', () => {
-            if (authBtn.dataset.state === 'logout') {
-                logoutUser();
-            } else {
-                showAuthModal();
-            }
-        });
-
-        closeAuth.addEventListener('click', () => {
-            authModal.classList.add('hidden');
-        });
-
-        authToggleBtn.addEventListener('click', () => {
-            showAuthModal(!isRegistering);
-        });
-        authActionBtn.addEventListener('click', async () => {
-            const username = regUsername.value.trim();
-            const password = authPassword.value.trim();
-            
-            if (!username || !password) {
-                alert('Please enter both username and password');
-                return;
-            }
-
-            if (isRegistering) {
-                const hashedPassword = await hashPassword(password);
-                
-                if (localStorage.getItem(`chatRouterPass_${username}`)) {
-                    alert('Username already exists');
-                    return;
-                }
-                
-                localStorage.setItem(`chatRouterPass_${username}`, hashedPassword);
-                if (await loginUser(username, password)) {
-                    authModal.classList.add('hidden');
-                }
-            } else {
-                if (await loginUser(username, password)) {
-                    authModal.classList.add('hidden');
-                }
-            }
-        });
-newChatBtn.addEventListener('click', createNewChat);
+        newChatBtn.addEventListener('click', createNewChat);
         newSidebarChat.addEventListener('click', createNewChat);
-        
-        // Sidebar toggle for mobile
+// Sidebar toggle for mobile
         sidebarToggle.addEventListener('click', () => {
             sidebar.classList.toggle('hidden');
         });
-messageInput.addEventListener('keydown', (e) => {
+        messageInput.addEventListener('keydown', (e) => {
             if (e.key === 'Enter' && !e.shiftKey) {
                 e.preventDefault();
                 sendMessage();
             }
         });
         sendBtn.addEventListener('click', () => {
-            const username = localStorage.getItem('chatRouterUser');
-            if (username) {
-                sendMessage();
-                saveChatHistory(username, currentChatId);
-            }
+            sendMessage();
         });
+        
         // Initialize
         loadSettings();
         
-        // Check for active session
-        const activeUser = sessionStorage.getItem('chatRouterSession');
-        if (activeUser && localStorage.getItem(`chatRouterPass_${activeUser}`)) {
-            localStorage.setItem('chatRouterUser', activeUser);
-        }
-        
-        updateAuthUI();
-// Welcome message
+        // Welcome message
         setTimeout(() => {
-            if (!localStorage.getItem('chatRouterUser')) {
-                addMessage('system', 'Welcome to ChatRouter! Please log in to start chatting.');
-            } else if (!localStorage.getItem('chatRouterModel')) {
-                addMessage('system', 'Please select a free model from settings to begin.');
+            if (!localStorage.getItem('chatRouterModel')) {
+                addMessage('system', 'Welcome to ChatRouter! Please enter your OpenRouter API key and select a model in settings to begin.');
             } else if (!currentChatId) {
                 createNewChat();
             }
         }, 1000);
-
         // Close sidebar when clicking outside on mobile
         document.addEventListener('click', (e) => {
             if (window.innerWidth < 768 && !sidebar.contains(e.target) && e.target !== sidebarToggle) {
                 sidebar.classList.add('hidden');
             }
         });
-</script>
+
+        // Clear any saved API key on page refresh
+        window.addEventListener('beforeunload', () => {
+            localStorage.removeItem('chatRouterApiKey');
+        });
+    </script>
 </body>
 </html>