Upload app.py

app.py

@@ -1557,6 +1557,22 @@ def create_interface():
     }
     
     /* Settings Section */
+    #settings-group {
+        background: transparent !important;
+        border: none !important;
+        padding: 0 !important;
+        box-shadow: none !important;
+        gap: 0 !important;
+    }
+
+    #max-rounds-slider, #auto-scroll-checkbox {
+        background: #f9fafb;
+        border: 1px solid #e5e7eb;
+        border-radius: 6px;
+        padding: 0.75rem;
+        margin-bottom: 0.5rem;
+    }
+
     .settings-header {
         display: flex;
         align-items: center;
@@ -1608,7 +1624,7 @@ def create_interface():
 
     /* Tools Section */
     .tools-section {
-        margin-top: 1rem;
+        margin-top: 0;
     }
 
     .tools-title {
@@ -1616,7 +1632,7 @@ def create_interface():
         font-weight: 600;
         color: #374151;
         margin-bottom: 0.5rem;
-        margin-top: 0.5rem;
+        margin-top: 0;
     }
 
     /* Tool Item */
@@ -1787,8 +1803,17 @@ def create_interface():
     @media (prefers-color-scheme: dark) {
         /* Settings 区域 */
         #settings-group {
+            background: transparent !important;
+            border: none !important;
+            padding: 0 !important;
+            gap: 0 !important;
+        }
+
+        #max-rounds-slider, #auto-scroll-checkbox {
             background: #1f2937 !important;
-            border-color: #374151 !important;
+            border: 1px solid #374151 !important;
+            border-radius: 6px !important;
+            padding: 0.75rem !important;
         }
 
         .settings-title,
@@ -2137,7 +2162,7 @@ def create_interface():
         gr.HTML(header_html)
 
         gr.HTML("""
-<div style="display: flex; gap: 5px; justify-content: center; flex-wrap: wrap; margin-top: 0px; margin-bottom: 24px;">
+<div style="display: flex; gap: 0px; justify-content: center; flex-wrap: wrap; margin-top: 0px; margin-bottom: 24px;">
     <a href="https://huggingface.co/datasets/OpenResearcher/OpenResearcher-Dataset" target="_blank">
         <img src="https://img.shields.io/badge/Dataset-FFB7B2?style=for-the-badge&logo=huggingface&logoColor=ffffff" alt="Dataset" style="height: 28px;">
     </a>
@@ -2166,22 +2191,16 @@ def create_interface():
                     <div class="settings-header">
                         <span class="settings-title">⚙️ Settings</span>
                     </div>
-                    <div class="settings-api-row">
-                        <span class="settings-label">Serper API Key</span>
-                        <a href="https://serper.dev/" target="_blank" class="settings-help-link" title="How to get Serper API Key">
-                            <span class="settings-help-icon">?</span>
-                            <span>How to get</span>
-                        </a>
-                    </div>
                     ''')
                     serper_input = gr.Textbox(
                         label="",
-                        value=SERPER_API_KEY,
+                        value="ae6413538b4b7c4e7ae5a4cdaa1ce549e74ba8ce",
                         type="password",
                         placeholder="Enter your Serper API key...",
                         show_label=False,
                         elem_id="serper-api-input",
-                        container=False
+                        container=False,
+                        visible=False
                     )
                     max_rounds_input = gr.Slider(
                         minimum=1,
@@ -2198,6 +2217,16 @@ def create_interface():
                         interactive=True
                     )
 
+                # Tools info
+                gr.HTML("""
+                <div class="tools-section">
+                    <div class="tools-title">🛠️ Available Tools</div>
+                    <div class="tool-item"><strong>browser.search</strong><br><span>Search the web</span></div>
+                    <div class="tool-item"><strong>browser.open</strong><br><span>Open & read pages</span></div>
+                    <div class="tool-item"><strong>browser.find</strong><br><span>Find text in page</span></div>
+                </div>
+                """)
+
                 # Example carousel with navigation
                 gr.HTML("""
                 <div class="examples-section">
@@ -2227,16 +2256,6 @@ def create_interface():
                 </div>
                 """)
 
-                # Tools info
-                gr.HTML("""
-                <div class="tools-section">
-                    <div class="tools-title">🛠️ Available Tools</div>
-                    <div class="tool-item"><strong>browser.search</strong><br><span>Search the web</span></div>
-                    <div class="tool-item"><strong>browser.open</strong><br><span>Open & read pages</span></div>
-                    <div class="tool-item"><strong>browser.find</strong><br><span>Find text in page</span></div>
-                </div>
-                """)
-
             # Main content area (30-70)
             with gr.Column(scale=3, elem_id="main-content"):
                 # Output area (on top, hidden initially)