Properly implement thinking states with both visual and text feedback

- Use thinking array for visual spinner/animation from component
- Show dialect-specific thinking messages alongside visual indicator
- Properly manage currentSpeaker and thinking states per API spec
- Clear thinking state when speaker becomes active

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

app.py

@@ -278,8 +278,6 @@ UNTERSCHIEDE: [Konkrete Meinungsunterschiede]"""
     def update_visual_state(self, **kwargs):
         """Update the visual roundtable state"""
         self.roundtable_state.update(kwargs)
-        # Ensure thinking is always empty to avoid generic "is thinking" messages
-        self.roundtable_state["thinking"] = []
         return json.dumps(self.roundtable_state)
 
     def run_discussion_round(self):
@@ -293,12 +291,13 @@ UNTERSCHIEDE: [Konkrete Meinungsunterschiede]"""
 
         # Each member speaks once per round
         for member_name in COUNCIL_MEMBERS.keys():
-            # Add custom thinking message instead of using thinking state
             member = COUNCIL_MEMBERS[member_name]
             thinking_msg = member.get("thinking_message", "denkt nach...")
 
-            # Show thinking message as a status
-            self.roundtable_state["currentSpeaker"] = member_name
+            # Show thinking state with visual indicator
+            self.roundtable_state["thinking"] = [member_name]
+            self.roundtable_state["currentSpeaker"] = None
+            # Also add dialect-specific thinking message
             self.roundtable_state["messages"].append({
                 "speaker": member_name,
                 "text": f"{member['emoji']} *{thinking_msg}*"
@@ -310,7 +309,9 @@ UNTERSCHIEDE: [Konkrete Meinungsunterschiede]"""
             # Generate response
             response = self.generate_response(member_name, self.current_topic, responses)
 
-            # Remove thinking message and add real response
+            # Clear thinking, set as current speaker, update message
+            self.roundtable_state["thinking"] = []
+            self.roundtable_state["currentSpeaker"] = member_name
             self.roundtable_state["messages"][-1] = {
                 "speaker": member_name,
                 "text": f"{member['emoji']} {response}"
@@ -336,8 +337,9 @@ UNTERSCHIEDE: [Konkrete Meinungsunterschiede]"""
             time.sleep(2)
 
         # Generate moderator summary
-        # Show moderator thinking
-        self.roundtable_state["currentSpeaker"] = "Dr. Müller"
+        # Show moderator thinking with visual indicator
+        self.roundtable_state["thinking"] = ["Dr. Müller"]
+        self.roundtable_state["currentSpeaker"] = None
         self.roundtable_state["messages"].append({
             "speaker": "Dr. Müller",
             "text": "🎓 *analysiert die Diskussion...*"
@@ -348,7 +350,9 @@ UNTERSCHIEDE: [Konkrete Meinungsunterschiede]"""
 
         moderator_summary, self.consensus_score = self.generate_moderator_summary(responses)
 
-        # Replace thinking message with real summary
+        # Clear thinking, set as speaker, update message
+        self.roundtable_state["thinking"] = []
+        self.roundtable_state["currentSpeaker"] = "Dr. Müller"
         self.roundtable_state["messages"][-1] = {
             "speaker": "Dr. Müller",
             "text": f"🎓 {moderator_summary}"