Update main_web.py

main_web.py

@@ -1,4 +1,4 @@
-# FILE: main_web.py (Hugging Face Demo - FINAL v1.0 - Obsidian Pro)
+# FILE: main_web.py (Hugging Face Demo - v1.0 - )
 
 import gradio as gr
 import asyncio
@@ -26,94 +26,69 @@ except Exception as e:
     logger.error(f"CRITICAL: Failed to initialize AI system: {e}")
     ai_system = None
 
-# --- ✅ DEFINITIVE "OBSIDIAN PRO" CSS ---
-zotheos_pro_css = """
+# --- DEFINITIVE "OBSIDIAN PRO" CSS ---
+zotheos_web_css = """
 @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;700&display=swap');
-body { background: #0a0a0a !important; font-family: 'Inter', sans-serif !important; }
-.gradio-container { max-width: 960px !important; margin: 0 auto !important; padding-top: 2rem !important; }
+body { background: linear-gradient(135deg, #000000, #1c1c1c) !important; font-family: 'Inter', sans-serif !important; color: #f0f0f0 !important; }
+.gradio-container { max-width: 900px !important; margin: 0 auto !important; padding: 1.5rem !important; background: transparent !important; }
 #main_layout { display:flex; flex-direction:column; align-items:center; gap: 1.5rem; }
 #header_logo img { max-height: 70px !important; filter: brightness(0) invert(1) !important; }
-#header_subtitle { font-family: 'Bebas Neue', cursive !important; font-size: 2rem !important; letter-spacing: 2px !important; text-align: center; }
-#header_tagline { color: #a0a0a0 !important; text-align: center; margin-top: -1rem !important; }
-.gradio-accordion { background-color: #1a1a1a !important; border: 1px solid #333 !important; }
+#header_subtitle { font-family: 'Bebas Neue', cursive !important; font-size: 1.8rem !important; letter-spacing: 2px !important; }
+#header_tagline { color: #a0a0a0 !important; text-align: center; margin-top: -10px !important; margin-bottom: 1.5rem !important; }
+.result-box { background-color: rgba(18, 18, 18, 0.9) !important; border: 1px solid #333 !important; border-radius: 12px !important; padding: 1.5rem !important; }
+.result-box h2 { font-family: 'Bebas Neue', cursive !important; font-size: 1.5rem !important; border-bottom: 1px solid #333; padding-bottom: 0.75rem; margin-bottom: 1rem; }
 .cta-button { background: #FFFFFF !important; color: #000000 !important; font-weight: bold !important; }
-.gradio-textbox textarea { font-size: 1.1rem !important; }
-#results_box { background-color: rgba(18, 18, 18, 0.9) !important; border: 1px solid #333 !important; backdrop-filter: blur(5px); }
-#results_box h2 { font-family: 'Bebas Neue', cursive !important; font-size: 1.5rem !important; border-bottom: 1px solid #333; padding-bottom: 0.75rem; margin-bottom: 1rem; }
 footer { display: none !important; }
 """
 
 # --- Build Gradio Interface ---
 def build_interface():
-    theme = gr.themes.Base(primary_hue=gr.themes.colors.neutral, secondary_hue=gr.themes.colors.neutral).set(
-        button_primary_background_fill="white", button_primary_text_color="black", block_radius="12px"
+    theme = gr.themes.Base(primary_hue=gr.themes.colors.neutral).set(
+        button_primary_background_fill="white", button_primary_text_color="black"
     )
 
-    with gr.Blocks(theme=theme, css=zotheos_pro_css, title=APP_TITLE) as demo:
+    with gr.Blocks(theme=theme, css=zotheos_web_css, title=APP_TITLE) as demo:
         with gr.Column(elem_id="main_layout"):
-            gr.Image(value=logo_path_verified, elem_id="header_logo", show_label=False, container=False)
-            gr.Markdown("<h1 id='header_subtitle'>Ethical Fusion AI for Synthesized Intelligence</h1>", elem_id="header-title-wrapper")
+            gr.Image(value=logo_path_verified, elem_id="header_logo", show_label=False, container=False, interactive=False)
+            gr.Markdown("<h1 id='header_subtitle' style='text-align:center;'>Ethical Fusion AI</h1>", elem_id="header-title-wrapper")
             gr.Markdown("<p id='header_tagline'>Fusing perspectives for deeper truth.</p>", elem_id="tagline-wrapper")
             
             with gr.Accordion("🔥 Get the Full Offline Desktop Version", open=True):
-                gr.Markdown("This web demo uses smaller, slower models. For the full-power, GPU-accelerated, 100% private experience, download the ZOTHEOS Public Beta for your Windows PC.")
+                gr.Markdown("This web demo uses smaller, slower models. For the full-power, GPU-accelerated, 100% private experience, download the ZOTHEOS Public Beta for Windows.")
                 gr.Button("Download Full Version on Gumroad", link=GUMROAD_LINK, elem_classes="cta-button")
             
-            query_input = gr.Textbox(label="Your Inquiry:", placeholder="e.g., What is universal peace?", lines=5)
-            
-            with gr.Row():
-                clear_button = gr.Button("Clear")
-                submit_button = gr.Button("Process Inquiry (Web Demo)", variant="primary")
+            gr.Markdown("---")
             
-            # --- ✅ REAL-TIME PROGRESS BAR ---
-            progress_bar = gr.Progress(track_tqdm=True, visible=False)
+            query_input = gr.Textbox(label="Your Inquiry:", placeholder="e.g., What is universal peace?", lines=5)
+            submit_button = gr.Button("Process Inquiry (Web Demo)", variant="primary")
             
-            with gr.Column(elem_id="results_box", visible=False) as results_box:
-                synthesized_summary_output = gr.Markdown()
-                fusion_output = gr.Markdown()
-
-        # --- Backend Logic ---
-        async def process_query(query, progress=gr.Progress(track_tqdm=True)):
-            if not ai_system:
-                return {"results_box": gr.update(visible=True), "synthesized_summary_output": "## SYSTEM OFFLINE\n\n[The AI engine failed to load.]", "fusion_output": ""}
+            with gr.Column(elem_id="results_box", visible=True): # Always visible now
+                synthesized_summary_output = gr.Markdown("Synthesized insight will appear here...")
+                fusion_output = gr.Markdown("Detailed perspectives will appear here...")
 
-            progress(0, desc="Initiating Fusion...")
-            await asyncio.sleep(0.5)
-
-            # This is a simplified progress simulation for the web demo
-            for i in progress.tqdm(range(10), desc="Querying AI Cores..."):
-                await asyncio.sleep(0.2)
+        # --- ✅ FAILSAFE EVENT HANDLER ---
+        async def process_query_wrapper(query):
+            # Show a simple "Processing..." message
+            yield "## Synthesizing...\n\nPlease wait, the AI cores are thinking.", ""
             
-            progress(0.5, desc="Generating Final Synthesis...")
+            if not ai_system:
+                return "## SYSTEM OFFLINE\n\n[The AI engine failed to load.]", ""
             
             response = await ai_system.process_query_with_fusion(query)
-            summary = response.split("###")[0].replace("## ✨ ZOTHEOS Final Synthesized Insight ✨", "").strip()
+            summary = response.split("###")[0].strip()
             perspectives = "###" + response.split("###", 1)[1] if "###" in response else ""
             
-            for i in progress.tqdm(range(5), desc="Formatting Response..."):
-                await asyncio.sleep(0.1)
-
-            return {
-                results_box: gr.update(visible=True),
-                synthesized_summary_output: "## ✨ ZOTHEOS Final Synthesized Insight ✨\n\n" + summary,
-                fusion_output: perspectives
-            }
+            yield summary, perspectives
 
         submit_button.click(
-            fn=process_query,
-            inputs=query_input,
-            outputs=[results_box, synthesized_summary_output, fusion_output],
-            show_progress="hidden" # We use our custom progress bar
-        ).then(lambda: gr.update(visible=True), outputs=progress_bar).then(
-            process_query, inputs=query_input, outputs=[results_box, synthesized_summary_output, fusion_output]
-        ).then(lambda: gr.update(visible=False), outputs=progress_bar)
-
-        clear_button.click(lambda: ("", gr.update(visible=False), "", ""), outputs=[query_input, results_box, synthesized_summary_output, fusion_output])
-    
+            fn=process_query_wrapper,
+            inputs=[query_input],
+            outputs=[synthesized_summary_output, fusion_output]
+        )
     return demo
 
 # --- Main Execution Block ---
 if __name__ == "__main__":
-    logger.info("--- Initializing ZOTHEOS Hugging Face Demo (v4.0 - Obsidian Pro) ---")
+    logger.info("--- Initializing ZOTHEOS Hugging Face Demo (v4.1 - Failsafe) ---")
     zotheos_interface = build_interface()
     zotheos_interface.queue().launch()