Improve AI responses to be more Socratic and educational

- Add explicit instructions to AI server for Socratic teaching method
- Tell AI to NEVER give direct answers, only ask follow-up questions
- Encourage AI to use 'What would happen if...?' and observation prompts
- Improve fallback responses to be more engaging and question-based
- Make deeper exploration more focused on discovery and experimentation
- Replace generic responses with curiosity-driven questions
- Guide children toward their own discoveries rather than giving answers

html/kidsai/script-new.js

@@ -523,7 +523,10 @@ class KidsAIExplorer {
                     originalTopic: originalQuestion,
                     language: this.currentLanguage,
                     stepIndex: questionIndex,
-                    context: 'guided_learning_conversation'
+                    context: 'guided_learning_conversation',
+                    instructions: this.currentLanguage === 'de' 
+                        ? 'Du bist ein geduldiger Lernbegleiter für Kinder. Gib NIEMALS direkte Antworten. Stelle stattdessen Folgefragen, die das Kind zum Nachdenken anregen. Verwende die Sokratische Methode - führe das Kind durch Fragen zur Entdeckung. Sei ermutigend und neugierig.'
+                        : 'You are a patient learning companion for children. NEVER give direct answers. Instead, ask follow-up questions that encourage the child to think deeper. Use the Socratic method - guide the child to discovery through questions. Be encouraging and curious.'
                 })
             });
 
@@ -578,7 +581,9 @@ class KidsAIExplorer {
                     <span class="ai-label">${this.getTranslation('ai-teacher')}</span>
                 </div>
                 <div class="message-content">
-                    <p>${this.getTranslation('great-thinking-fallback')}</p>
+                    <p>${this.currentLanguage === 'de' 
+                        ? 'Interessant! Lass uns das mal genauer betrachten... Was denkst du, was als nächstes passieren könnte? 🤔' 
+                        : 'Interesting! Let\'s look at this more closely... What do you think might happen next? 🤔'}</p>
                 </div>
             `;
 
@@ -651,7 +656,10 @@ class KidsAIExplorer {
                     question: currentQuestion,
                     userAnswer: lastUserMessage,
                     language: this.currentLanguage,
-                    context: 'deeper_exploration'
+                    context: 'deeper_exploration',
+                    instructions: this.currentLanguage === 'de' 
+                        ? 'Stelle eine faszinierende Folgefrage, die das Kind dazu bringt, tiefer über das Thema nachzudenken. Verwende "Was würde passieren wenn...?" oder "Hast du schon mal bemerkt...?" Ermutige zur Beobachtung und zum Experimentieren.'
+                        : 'Ask a fascinating follow-up question that makes the child think deeper about the topic. Use "What would happen if...?" or "Have you ever noticed...?" Encourage observation and experimentation.'
                 })
             });
 
@@ -712,7 +720,9 @@ class KidsAIExplorer {
                     <span class="ai-label">${this.getTranslation('ai-teacher')}</span>
                 </div>
                 <div class="message-content">
-                    <p>🔍 Das ist ein wirklich interessantes Thema! Hast du schon mal daran gedacht, wie komplex die Wissenschaft dahinter ist? Möchtest du noch mehr darüber erfahren?</p>
+                    <p>${this.currentLanguage === 'de' 
+                        ? '🔍 Das ist wirklich faszinierend! Hast du schon mal beobachtet, was passiert, wenn du durch ein Prisma oder ein Wasserglas schaust? Was könntest du damit entdecken?' 
+                        : '🔍 This is really fascinating! Have you ever observed what happens when you look through a prism or a water glass? What could you discover with that?'}</p>
                 </div>
             `;
 
@@ -833,7 +843,10 @@ class KidsAIExplorer {
                     answer: answer,
                     question: lastExplorationQuestion,
                     language: this.currentLanguage,
-                    context: 'deeper_exploration_response'
+                    context: 'deeper_exploration_response',
+                    instructions: this.currentLanguage === 'de' 
+                        ? 'Du hilfst einem Kind beim tieferen Verstehen. Gib KEINE direkten Antworten oder Erklärungen. Stelle interessante Folgefragen, die das Kind zum Experimentieren oder Beobachten ermutigen. Verwende Analogien und lade zu eigenen Entdeckungen ein.'
+                        : 'You are helping a child understand deeper. Give NO direct answers or explanations. Ask interesting follow-up questions that encourage the child to experiment or observe. Use analogies and invite them to make their own discoveries.'
                 })
             });
 
@@ -888,7 +901,9 @@ class KidsAIExplorer {
                     <span class="ai-label">${this.getTranslation('ai-teacher')}</span>
                 </div>
                 <div class="message-content">
-                    <p>${this.getTranslation('great-thinking-fallback') || 'Großartig gedacht! Das zeigt, dass du wirklich nachdenkst! 🌟'}</p>
+                    <p>${this.currentLanguage === 'de' 
+                        ? 'Hmm, das ist eine spannende Beobachtung! Was glaubst du, könnten wir herausfinden, wenn wir das genauer untersuchen? 🔍' 
+                        : 'Hmm, that\'s an exciting observation! What do you think we could discover if we investigate this more closely? 🔍'}</p>
                 </div>
             `;