Update app.py

app.py

@@ -291,9 +291,10 @@ def create_gradio_app():
         padding: 15px;
         margin: 10px 0;
     }
-    # #neuroscope-accordion .gr-accordion {
-    #     background: linear-gradient(45deg, #26f1b5 0%, #307f3f 100%)
-    # }
+    #neuroscope-accordion {
+        background: linear-gradient(45deg, #26f1b5 0%, #307f3f 100%);
+        border-radius: 8px;
+    }
     """
     
     with gr.Blocks(css=css, title="🤖 Creative Agentic AI Chat", theme=gr.themes.Soft()) as app:
@@ -307,38 +308,35 @@ def create_gradio_app():
         """)
 
         # NeuroScope AI Section
-    # with gr.Group(elem_id="neuroscope-accordion"):
-        with gr.Accordion("🤖 NeuroScope AI", open=False):
-            gr.Markdown("""
-                - 🧠 Intelligence (Neuro)
-                - 🔍 Domain filtering (Scope)
-                - 🤖 AI capabilities (AI)
-                - ⚡ Precision (Scope implies focused, targeted results)
-            """)
+        with gr.Group():
+            with gr.Accordion("🤖 NeuroScope AI", open=False, elem_id="neuroscope-accordion"):
+                gr.Markdown("""
+                    - 🧠 Intelligence (Neuro)
+                    - 🔍 Domain filtering (Scope)
+                    - 🤖 AI capabilities (AI)
+                    - ⚡ Precision (Scope implies focused, targeted results)
+                """)
 
-        with gr.Accordion("📚 IMPORTANT !!!", open=False):
+            with gr.Accordion("📚 IMPORTANT !!!", open=False):
                 gr.Markdown("""
                 When **no domains are specified**, NeuroScope AI operates with unrestricted web search capabilities, allowing the compound models to autonomously search across the entire internet to find the most relevant and up-to-date information to answer your questions - essentially giving the AI complete freedom to use its agentic tools and search any website it deems helpful. When **domains are specified** (either include or exclude lists), you're essentially putting the AI on a leash - if you specify "include domains" like "arxiv.org, *.edu", the AI can ONLY search those academic sources, making it laser-focused on scholarly content, while "exclude domains" like "wikipedia.org, reddit.com" tells the AI to search everywhere EXCEPT those sites, filtering out potentially unreliable sources. The **🎭 Custom System Prompt** feature allows you to completely override the AI's default personality and behavior - instead of the default creative assistant, you could make it act like a professional business consultant, a coding mentor, a creative writer, or even a specific character, essentially giving you the power to reshape the AI's entire conversational style and expertise focus with a single prompt change.
                 """)
         
         # API Key Section
         with gr.Row():
-            with gr.Column(scale=3):
-                api_key = gr.Textbox(
-                    label="🔑 Groq API Key",
-                    placeholder="Enter your Groq API key here...",
-                    type="password",
-                    info="Get your API key from: https://console.groq.com/"
-                )
-            with gr.Column(scale=2):
-                model_selection = gr.Radio(
-                    choices=["compound-beta", "compound-beta-mini"],
-                    label="🧠 Model Selection",
-                    value="compound-beta",
-                    info="compound-beta: More powerful | compound-beta-mini: Faster"
-                )
-            with gr.Column(scale=1):
-                connect_btn = gr.Button("🔗 Connect", variant="primary", size="lg")
+            api_key = gr.Textbox(
+                label="🔑 Groq API Key",
+                placeholder="Enter your Groq API key here...",
+                type="password",
+                info="Get your API key from: https://console.groq.com/"
+            )
+            model_selection = gr.Radio(
+                choices=["compound-beta", "compound-beta-mini"],
+                label="🧠 Model Selection",
+                value="compound-beta",
+                info="compound-beta: More powerful | compound-beta-mini: Faster"
+            )
+            connect_btn = gr.Button("🔗 Connect", variant="primary", size="lg")
         
         # Status display
         status_display = gr.Markdown("### 📊 Status: Not connected", elem_classes=["status-box"])
@@ -370,39 +368,38 @@ def create_gradio_app():
                 msg = gr.Textbox(
                     label="Your Message",
                     placeholder="Type your message here...",
-                    lines=3,
-                    scale=4
+                    lines=3
                 )
-                with gr.Column(scale=1):
+                with gr.Column():
                     send_btn = gr.Button("📤 Send", variant="primary")
                     clear_btn = gr.Button("🗑️ Clear", variant="secondary")
             
         # Advanced Settings
         with gr.Accordion("⚙️ Advanced Settings", open=False):
-                with gr.Row():
-                    temperature = gr.Slider(
-                        minimum=0.0,
-                        maximum=2.0,
-                        value=0.7,
-                        step=0.1,
-                        label="🌡️ Temperature",
-                        info="Higher = more creative, Lower = more focused"
-                    )
-                    max_tokens = gr.Slider(
-                        minimum=100,
-                        maximum=4000,
-                        value=1024,
-                        step=100,
-                        label="📝 Max Tokens",
-                        info="Maximum length of response"
-                    )
+            with gr.Row():
+                temperature = gr.Slider(
+                    minimum=0.0,
+                    maximum=2.0,
+                    value=0.7,
+                    step=0.1,
+                    label="🌡️ Temperature",
+                    info="Higher = more creative, Lower = more focused"
+                )
+                max_tokens = gr.Slider(
+                    minimum=100,
+                    maximum=4000,
+                    value=1024,
+                    step=100,
+                    label="📝 Max Tokens",
+                    info="Maximum length of response"
+                )
                 
-                system_prompt = gr.Textbox(
-                    label="🎭 Custom System Prompt",
-                    placeholder="Override the default system prompt...",
-                    lines=2,
-                    info="Leave empty to use default creative assistant prompt"
-                )    
+            system_prompt = gr.Textbox(
+                label="🎭 Custom System Prompt",
+                placeholder="Override the default system prompt...",
+                lines=2,
+                info="Leave empty to use default creative assistant prompt"
+            )    
         
         # Domain Filtering Section
         with gr.Accordion("🌐 Domain Filtering (for Web Search)", open=False):
@@ -432,22 +429,22 @@ def create_gradio_app():
                 )
 
         with gr.Accordion("🔗 Common Domain Examples", open=False):
-                gr.Markdown("""
-                **Academic & Research:**
-                - arxiv.org, *.edu, scholar.google.com, researchgate.net
-                
-                **Technology & Programming:**
-                - github.com, stackoverflow.com, docs.python.org, developer.mozilla.org
-                
-                **News & Media:**
-                - reuters.com, bbc.com, npr.org, apnews.com
-                
-                **Business & Finance:**
-                - bloomberg.com, wsj.com, nasdaq.com, sec.gov
-                
-                **Science & Medicine:**
-                - nature.com, science.org, pubmed.ncbi.nlm.nih.gov, who.int
-                """)
+            gr.Markdown("""
+            **Academic & Research:**
+            - arxiv.org, *.edu, scholar.google.com, researchgate.net
+            
+            **Technology & Programming:**
+            - github.com, stackoverflow.com, docs.python.org, developer.mozilla.org
+            
+            **News & Media:**
+            - reuters.com, bbc.com, npr.org, apnews.com
+            
+            **Business & Finance:**
+            - bloomberg.com, wsj.com, nasdaq.com, sec.gov
+            
+            **Science & Medicine:**
+            - nature.com, science.org, pubmed.ncbi.nlm.nih.gov, who.int
+            """)
         
         # How to Use Section
         with gr.Accordion("📖 How to Use This App", open=False):