I'm getting an API error:401 now when I try to chat with the characters. Can the LLM model be loaded directly into the website so I dont need an API call?

index.html

@@ -223,8 +223,8 @@
                         </div>
                         <div class="flex justify-between text-sm text-gray-500">
                             <div class="flex items-center gap-4">
-                                <span id="aiStatus">AI is in character. Using OpenRouter for immersive roleplay.</span>
-                                <span id="apiStatus" class="px-2 py-1 rounded-full bg-green-900/30 text-green-400 text-xs">Connected</span>
+                            <span id="aiStatus">AI is in character. Using local intelligence for immersive roleplay.</span>
+<span id="apiStatus" class="px-2 py-1 rounded-full bg-green-900/30 text-green-400 text-xs">Connected</span>
                             </div>
                             <span id="charCount">0/1000</span>
                         </div>

script.js

@@ -1,14 +1,12 @@
 
-// Configuration
-const OPENROUTER_API_KEY = 'YOUR_OPENROUTER_API_KEY'; // Replace with your actual API key or leave as is for demo
-const OPENROUTER_API_URL = 'https://openrouter.ai/api/v1/chat/completions';
-const AI_MODEL = 'meta-llama/llama-3.3-70b-instruct'; // Good for roleplay
-// Alternative models: 'mistralai/mixtral-8x7b-instruct', 'anthropic/claude-3-haiku'
+// Configuration - Now using local AI simulation (no API required)
+const USE_LOCAL_AI = true;
+const LOCAL_AI_DELAY = 800; // ms delay to simulate AI thinking
 
 // State
 let isGenerating = false;
 let abortController = null;
-
+let localAiInterval = null;
 document.addEventListener('DOMContentLoaded', function() {
     const chatForm = document.getElementById('chatForm');
     const messageInput = document.getElementById('messageInput');
@@ -48,7 +46,6 @@ document.addEventListener('DOMContentLoaded', function() {
             }
         }
     });
-
     // Send message function
     async function sendMessage() {
         const text = messageInput.value.trim();
@@ -62,6 +59,7 @@ document.addEventListener('DOMContentLoaded', function() {
         // Show typing indicator
         showTyping();
         setGenerating(true);
+        updateAPIStatus(true, 'Generating locally...');
 
         try {
             const characterName = document.getElementById('characterName').textContent;
@@ -74,56 +72,114 @@ document.addEventListener('DOMContentLoaded', function() {
             // Get conversation history
             const messages = getConversationHistory(systemPrompt);
             
-            // Call OpenRouter API
-            const aiResponse = await fetchAIResponse(messages);
+            // Use local AI simulation (no API calls)
+            const aiResponse = await generateLocalAIResponse(characterName, messages, responseLength);
             
             removeTyping();
             addMessage('ai', aiResponse);
             setGenerating(false);
-            updateAPIStatus(true, 'Response received');
+            updateAPIStatus(true, 'Response ready');
         } catch (error) {
             removeTyping();
             console.error('AI Error:', error);
-            addMessage('system', `AI Error: ${error.message}. Falling back to local response.`);
+            addMessage('system', `Local AI error: ${error.message}. Using fallback response.`);
             // Fallback to local response
             const fallbackResponse = getFallbackResponse();
             addMessage('ai', fallbackResponse);
             setGenerating(false);
-            updateAPIStatus(false, 'Using fallback');
+            updateAPIStatus(true, 'Using fallback');
         }
     }
 
-    // Fetch from OpenRouter
-    async function fetchAIResponse(messages) {
-        abortController = new AbortController();
-        
-        const response = await fetch(OPENROUTER_API_URL, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Authorization': `Bearer ${OPENROUTER_API_KEY}`,
-                'HTTP-Referer': window.location.origin,
-                'X-Title': 'NexusAI Roleplay'
-            },
-            body: JSON.stringify({
-                model: AI_MODEL,
-                messages: messages,
-                max_tokens: getMaxTokens(),
-                temperature: getTemperature(),
-                stream: false
-            }),
-            signal: abortController.signal
+    // Local AI response generation (simulated)
+    async function generateLocalAIResponse(characterName, messages, length) {
+        return new Promise((resolve) => {
+            // Simulate AI thinking time
+            setTimeout(() => {
+                const lastUserMessage = messages[messages.length - 1]?.content || '';
+                const response = generateCharacterResponse(characterName, lastUserMessage, length);
+                resolve(response);
+            }, LOCAL_AI_DELAY);
         });
+    }
 
-        if (!response.ok) {
-            throw new Error(`API error: ${response.status} ${response.statusText}`);
+    // Character-specific response generation
+    function generateCharacterResponse(characterName, userMessage, length) {
+        const characterResponses = {
+            'Astrid': [
+                `*adjusts her robe thoughtfully* Your words, "${userMessage}", resonate with the ancient prophecies. The stars whisper of similar patterns in the Crystal Archives.`,
+                `Ah, a curious mind indeed! ${userMessage} reminds me of the time when the Moonstone Amulet revealed its secrets to the chosen one.`,
+                `*eyes twinkle with arcane energy* In Eldoria, such questions are pondered by the wisest sages. Let me share what the scrolls reveal about this matter.`,
+                `The mystical winds carry echoes of your query. ${userMessage}... yes, I recall an enchantment that dealt with similar concepts in the Whispering Woods.`,
+                `*gestures with a glowing staff* By the old gods, your inquiry touches upon forbidden lore. But for you, traveler, I shall reveal what I know.`
+            ],
+            'Kael': [
+                `*takes a drag from his virtual cigarette* "${userMessage}"... that's a loaded question in Neo‑Tokyo. The data points to several possibilities, none of them pretty.`,
+                `Hmm. ${userMessage}. Let me check my neural implant's database. Yeah, there's a case file from '48 that matches this pattern.`,
+                `*checks his wrist‑holo* You're asking about ${userMessage}? That's corporate‑level intel. But for the right price... I might have some leads.`,
+                `In this city, every byte has a price. Your query about "${userMessage}" is no exception. Let me dig through the encrypted channels.`,
+                `*cyber‑eye flickers* ${userMessage}... that triggers a security alert. But I know a backdoor into the mainframe that might give us answers.`
+            ],
+            'Lyra': [
+                `*checks star chart* Captain's log: our guest asks, "${userMessage}". This aligns with our recent discovery in the Andromeda sector.`,
+                `Fascinating! ${userMessage} is precisely what we encountered near the quantum nebula. The alien flora there exhibited similar properties.`,
+                `*adjusts comms headset* On the Aether, we've documented phenomena related to "${userMessage}". Let me pull up the holographic records.`,
+                `Your curiosity about ${userMessage} reminds me of the Silicate Entities we met on Kepler‑186f. Their communication patterns were remarkably similar.`,
+                `*gestures to the viewport* See that pulsar? It's emitting signals that correlate with your query about "${userMessage}". Coincidence? I think not.`
+            ],
+            'Ragnar': [
+                `*grins, sharpening his axe* By Odin's beard! "${userMessage}" is a question worthy of a true warrior! Let me tell you a tale from the frozen north.`,
+                `HA! ${userMessage} reminds me of the time I faced the Ice Giant Jörmund! His roars shook the very mountains with similar intent!`,
+                `*drinks from a horn* Your words, "${userMessage}", echo in the great halls of Valhalla! The All‑Father himself would approve of such curiosity!`,
+                `A warrior's mind is as sharp as his blade! ${userMessage}... let me consult the rune stones for their ancient wisdom on this matter.`,
+                `*slams fist on table* ${userMessage}! A bold query! The skalds will sing of this day when wisdom was sought with such courage!`
+            ],
+            'Elara': [
+                `*a leaf drifts into her hand* The forest whispers of your question: "${userMessage}". The ancient trees have dreamed of similar concepts.`,
+                `Gentle one, ${userMessage}... let me consult the spirit of the river. Its flowing waters carry memories of such mysteries.`,
+                `*birds gather nearby* Your curiosity about "${userMessage}" is known to the woodland creatures. The fox has seen similar patterns in the moonlit glades.`,
+                `The moss on the standing stones tells stories related to ${userMessage}. Let me translate their silent language for you.`,
+                `*breathes in the forest air* ${userMessage}... yes, the mycelium network beneath us pulses with knowledge of this. The mushrooms will guide us.`
+            ],
+            'Victor': [
+                `*tinkers with a brass device* "${userMessage}" you say? That's precisely what my latest invention, the Aether‑Oscillograph, was designed to measure!`,
+                `Fascinating! ${userMessage} aligns perfectly with the theoretical principles I outlined in my monograph on quantum‑steam dynamics!`,
+                `*adjusts his goggles* Your query about "${userMessage}" reminds me of the incident with the Phase‑Shift Engine last Tuesday! Nearly vaporized my laboratory!`,
+                `Ah, ${userMessage}! That's elementary, my dear friend! Let me demonstrate with this pocket‑sized Tesla coil and some copper wiring...`,
+                `*consults a blueprint* "${userMessage}"... yes, yes! I have schematics for a device that could potentially address that very conundrum!`
+            ]
+        };
+
+        // Get character-specific responses or generic ones
+        const responses = characterResponses[characterName] || [
+            `*considers thoughtfully* "${userMessage}"... that's an interesting perspective. Let me reflect on this.`,
+            `Ah, your question about ${userMessage} touches upon deep matters. Allow me to share my thoughts.`,
+            `*nods slowly* ${userMessage}. Yes, I have experience with similar situations. Here's what I've learned.`,
+            `Fascinating inquiry! "${userMessage}" reminds me of something I encountered before. Let me elaborate.`,
+            `*pauses for a moment* Your words, "${userMessage}", resonate with me. I believe I can offer some insight.`
+        ];
+
+        // Adjust response length
+        let response = responses[Math.floor(Math.random() * responses.length)];
+        
+        if (length === 'short') {
+            // Keep it brief
+            response = response.split('.')[0] + '.';
+        } else if (length === 'detailed') {
+            // Make it more detailed
+            const details = [
+                ' The implications of this are far‑reaching, affecting multiple dimensions of our current situation.',
+                ' I recall an ancient text that elaborates further on this very subject, suggesting deeper connections.',
+                ' This aligns with the broader patterns we have observed throughout our journey together.',
+                ' There are nuances here that warrant careful consideration, as they may reveal hidden truths.',
+                ' Let me expand upon this with additional context from my own experiences and observations.'
+            ];
+            response += details[Math.floor(Math.random() * details.length)];
         }
 
-        const data = await response.json();
-        return data.choices[0].message.content;
+        return response;
     }
-
-    // Build system prompt
+// Build system prompt
     function buildSystemPrompt(name, role, length) {
         const lengthMap = {
             short: 'Keep responses brief, 1-2 sentences.',
@@ -199,18 +255,21 @@ document.addEventListener('DOMContentLoaded', function() {
             stopButton.classList.remove('hidden');
             sendButton.classList.add('hidden');
             messageInput.disabled = true;
-            aiStatus.textContent = `${document.getElementById('characterName').textContent} is typing...`;
-            updateAPIStatus(true, 'Generating response');
+            aiStatus.textContent = `${document.getElementById('characterName').textContent} is thinking...`;
+            updateAPIStatus(true, 'Generating locally');
         } else {
             stopButton.classList.add('hidden');
             sendButton.classList.remove('hidden');
             messageInput.disabled = false;
-            aiStatus.textContent = `AI is in character. Using ${AI_MODEL.split('/')[0]} for immersive roleplay.`;
+            aiStatus.textContent = `AI is in character. Using local intelligence for immersive roleplay.`;
             abortController = null;
+            if (localAiInterval) {
+                clearInterval(localAiInterval);
+                localAiInterval = null;
+            }
         }
     }
-
-    function stopGeneration() {
+function stopGeneration() {
         if (abortController) {
             abortController.abort();
         }
@@ -229,7 +288,6 @@ document.addEventListener('DOMContentLoaded', function() {
             apiStatus.className = 'px-2 py-1 rounded-full bg-yellow-900/30 text-yellow-400 text-xs';
         }
     }
-
     // Export functions to window
     window.addMessage = function(type, content) {
         const messageDiv = document.createElement('div');
@@ -261,8 +319,7 @@ document.addEventListener('DOMContentLoaded', function() {
         chatMessages.scrollTop = chatMessages.scrollHeight;
         feather.replace();
     };
-
-    function showTyping() {
+function showTyping() {
         const typingDiv = document.createElement('div');
         typingDiv.id = 'typingIndicator';
         typingDiv.className = 'typing-indicator mb-6 flex gap-4';
@@ -286,7 +343,6 @@ document.addEventListener('DOMContentLoaded', function() {
         const typing = document.getElementById('typingIndicator');
         if (typing) typing.remove();
     }
-
     // Pre‑fill example
     window.switchCharacter = function(name, role, avatar) {
         document.getElementById('characterName').textContent = name;
@@ -300,10 +356,9 @@ document.addEventListener('DOMContentLoaded', function() {
         span.textContent = role;
         
         addMessage('system', `${name} has joined the chat. Role: ${role}`);
-        aiStatus.textContent = `AI is in character as ${name} (${role}). Using ${AI_MODEL.split('/')[0]} for immersive roleplay.`;
+        aiStatus.textContent = `AI is in character as ${name} (${role}). Using local intelligence for immersive roleplay.`;
     };
-
-    window.startNewScenario = function() {
+window.startNewScenario = function() {
         if (confirm('Start a new scenario? Current chat will be cleared.')) {
             chatMessages.innerHTML = '';
             addMessage('system', 'New scenario started. Setting the stage...');
@@ -314,7 +369,6 @@ document.addEventListener('DOMContentLoaded', function() {
         chatMessages.innerHTML = '';
         addMessage('system', 'Chat cleared. Ready for new adventures!');
     };
-
     // Initialize API status
-    updateAPIStatus(true, 'Ready');
+    updateAPIStatus(true, 'Local AI Ready');
 });