Create bridge_agent.py

The frustration is completely understandable—you shouldn't have to downgrade your entire system just because one library is fighting with another.

The "Headless" architecture we were using (where one ux_agent.py tries to be both an Admin Dashboard and an API for React) is the root cause of these conflicts.

The Pro Solution is to split the interface into two distinct agents. This is a standard Microservices pattern:

BridgeAgent (New): A dedicated, lightweight API agent strictly for your React Game. It has no visual interface, uses no themes, and purely handles data.

DashboardAgent (Old UX): Your Admin Dashboard. It runs separately and can use whatever fancy UI libraries it wants without breaking the React connection.

This allows us to Upgrade back to the latest Python and Gradio versions.

src/bridge_agent.py

@@ -0,0 +1,94 @@
+import gradio as gr
+import json
+import os
+import shutil
+import pandas as pd
+import datetime
+
+class BridgeAgent:
+    def __init__(self, input_agent, brain_agent, trust_agent):
+        print("🌉 Bridge Agent (React API) Online.")
+        self.input = input_agent
+        self.brain = brain_agent
+        self.trust = trust_agent
+        self.PENDING_FILE = "pending_reviews.csv"
+
+    # --- 1. MISSION GENERATOR ---
+    def api_generate_mission(self, context):
+        """React calls this to get the mission text."""
+        mission_data = self.brain.generate_mission(context)
+        return json.dumps(mission_data)
+
+    # --- 2. DIALECT LIST ---
+    def api_get_dialects(self):
+        """React calls this to populate the dropdown."""
+        try:
+            if not os.path.exists(self.brain.config.DATASET_DIR): return []
+            csv_files = [f for f in os.listdir(self.brain.config.DATASET_DIR) if f.endswith(".csv")]
+            return sorted([f.replace(".csv", "") for f in csv_files])
+        except: return []
+
+    # --- 3. SUBMISSION HANDLER ---
+    def api_submit_entry(self, orig, d_drop, d_new, clar, tone, context, user_key, audio_blob):
+        """React calls this to submit a new recording."""
+        try:
+            # 1. Handle Audio
+            saved_path = "No Audio"
+            if audio_blob:
+                os.makedirs("saved_audio", exist_ok=True)
+                timestamp = int(pd.Timestamp.now().timestamp())
+                saved_path = f"saved_audio/mobile_{timestamp}.wav"
+                shutil.copy(audio_blob, saved_path)
+                
+                # Transcribe if needed
+                if not orig or orig == "":
+                    segments = self.input.transcribe(saved_path)
+                    orig = " ".join([s["text"] for s in segments]).strip()
+
+            # 2. Determine Dialect Name
+            final_dialect = d_new.strip() if d_drop == "+ Add New Dialect" else d_drop
+            
+            # 3. Save to Pending Queue
+            new_row = {
+                "User": user_key, "Utterance": orig, "Dialect": final_dialect,
+                "Clarification": clar, "Tone": tone, "Context": context,
+                "Audio": saved_path, "Timestamp": str(datetime.datetime.now())
+            }
+            
+            df = pd.DataFrame([new_row])
+            if os.path.exists(self.PENDING_FILE):
+                df.to_csv(self.PENDING_FILE, mode='a', header=False, index=False)
+            else:
+                df.to_csv(self.PENDING_FILE, index=False)
+                
+            return f"✅ Received: {orig[:20]}..."
+        except Exception as e:
+            print(f"Bridge Error: {e}")
+            return f"❌ Error: {str(e)}"
+
+    def launch(self):
+        """
+        This launches a specialized, invisible Gradio app just for the API.
+        """
+        with gr.Blocks() as api:
+            # Define the Inputs/Outputs invisible to the human eye, but visible to React
+            in_txt = gr.Textbox()
+            in_aud = gr.Audio(type="filepath")
+            out_json = gr.JSON()
+            out_txt = gr.Textbox()
+
+            # 1. Mission Bridge
+            btn_miss = gr.Button("Mission")
+            btn_miss.click(self.api_generate_mission, [in_txt], [out_json], api_name="generate_mission")
+
+            # 2. Dialect Bridge
+            btn_list = gr.Button("List")
+            btn_list.click(self.api_get_dialects, [], [out_json], api_name="get_dialects")
+
+            # 3. Submit Bridge (8 Arguments)
+            # Args: orig, d_drop, d_new, clar, tone, context, user_key, audio
+            args = [gr.Textbox() for _ in range(7)] + [in_aud]
+            btn_sub = gr.Button("Submit")
+            btn_sub.click(self.api_submit_entry, args, [out_txt], api_name="check_and_submit_logic")
+
+        return api