Update space

app.py

@@ -52,18 +52,8 @@ def extract_table(url):
                     'Topic': cells[1].text.strip(),
                 })
         
-        # Create HTML table with prepare buttons using data attributes
-        html = '''
-        <script>
-        function prepareTopic(index) {
-            const indexInput = document.getElementById("prepare-index");
-            indexInput.value = index;
-            indexInput.dispatchEvent(new Event("input", { bubbles: true }));
-            document.getElementById("prepare-trigger").click();
-        }
-        </script>
-        '''
-        html += '<table class="dataframe">'
+        # Create HTML table with prepare buttons using inline JavaScript
+        html = '<table class="dataframe">'
         html += '<thead><tr><th>Date</th><th>Topic</th><th>Action</th></tr></thead>'
         html += '<tbody>'
         for i, row in enumerate(data):
@@ -72,13 +62,47 @@ def extract_table(url):
                     <td>{row['Date']}</td>
                     <td>{row['Topic']}</td>
                     <td>
-                        <button onclick="prepareTopic({i})" data-index="{i}">
+                        <button 
+                            onclick="(() => {{
+                                const index = document.getElementById('prepare-index');
+                                index.value = '{i}';
+                                index.dispatchEvent(new Event('input'));
+                                document.getElementById('prepare-trigger').click();
+                            }})();"
+                            style="padding: 5px 10px; cursor: pointer; background-color: #0366d6; color: white; border: none; border-radius: 4px;"
+                        >
                             Prepare
                         </button>
                     </td>
                 </tr>
             '''
         html += '</tbody></table>'
+        
+        # Add some CSS to make the table look better
+        html = f'''
+            <style>
+                .dataframe {{
+                    border-collapse: collapse;
+                    width: 100%;
+                    margin: 10px 0;
+                }}
+                .dataframe th, .dataframe td {{
+                    border: 1px solid #ddd;
+                    padding: 8px;
+                    text-align: left;
+                }}
+                .dataframe th {{
+                    background-color: #f6f8fa;
+                }}
+                .dataframe tr:nth-child(even) {{
+                    background-color: #f9f9f9;
+                }}
+                .dataframe button:hover {{
+                    background-color: #0056b3 !important;
+                }}
+            </style>
+            {html}
+        '''
         return html
     except Exception as e:
         return f"<p>Error: {str(e)}</p>"
@@ -153,16 +177,18 @@ with gr.Blocks() as demo:
         outputs=[table_output]
     )
     
+    # Prepare trigger handler
     # Prepare trigger handler
     prepare_trigger.click(
         fn=prepare_topic_message,
         inputs=prepare_index,
         outputs=msg,
-        api_name="prepare"  # Add this
+        queue=False  # Changed from api_name to queue=False
     ).success(
         fn=add_text,
         inputs=[chatbot, msg],
-        outputs=chatbot
+        outputs=chatbot,
+        queue=False
     ).then(
         fn=generate_response,
         inputs=[chatbot, system_message],