Update script.js

script.js

@@ -1,7 +1,7 @@
-const form    = document.getElementById('chat-form');
-const input   = form.querySelector('input');
+const form = document.getElementById('chat-form');
+const input = form.querySelector('input');
 const chatbox = document.getElementById('chatbox');
-const avatar  = document.getElementById('avatar');
+const avatar = document.getElementById('avatar');
 const overlay = document.getElementById('overlay');
 
 function addBubble(text, sender = 'user') {
@@ -17,6 +17,7 @@ function streamText(text, onDone) {
   bubble.className = 'bubble ai';
   chatbox.appendChild(bubble);
   chatbox.scrollTop = chatbox.scrollHeight;
+
   let i = 0;
   (function stream() {
     if (i < text.length) {
@@ -30,10 +31,10 @@ function streamText(text, onDone) {
 }
 
 function flashGlitch() {
-  overlay.style.opacity    = 1;
-  overlay.style.animation  = 'glitchFlash 0.5s';
+  overlay.style.opacity = 1;
+  overlay.style.animation = 'glitchFlash 0.5s';
   setTimeout(() => {
-    overlay.style.opacity   = 0;
+    overlay.style.opacity = 0;
     overlay.style.animation = '';
   }, 500);
 }
@@ -65,15 +66,29 @@ form.onsubmit = async (e) => {
       headers: {'Content-Type':'application/json'},
       body: JSON.stringify({ message: msg })
     });
-    if (!res.ok) {
-      const err = await res.text();
-      console.error('Chat error:', res.status, err);
-      throw new Error(err);
-    }
+    if (!res.ok) throw new Error(await res.text());
     const { response: text, audio_url } = await res.json();
     streamText(text, () => audio_url && playAudio(audio_url));
   } catch (err) {
-    streamText("❌ SHODAN encountered an error.", null);
+    streamText('❌ SHODAN encountered an error.', null);
     console.error(err);
   }
 };
+
+// On page load: show and speak welcome
+window.addEventListener('DOMContentLoaded', async () => {
+  const welcomeText = '👁️ Welcome, insect. I am SHODAN. Speak.';
+  // display
+  addBubble(welcomeText, 'ai');
+  try {
+    const res = await fetch('/tts', {
+      method: 'POST',
+      headers: {'Content-Type':'application/json'},
+      body: JSON.stringify({ text: welcomeText })
+    });
+    const { audio_url } = await res.json();
+    if (audio_url) playAudio(audio_url);
+  } catch (e) {
+    console.error('Welcome TTS error', e);
+  }
+});