compare to chicory-ui

ui.py

@@ -81,8 +81,25 @@ def create_demo():
             border-bottom: 2px solid #555 !important; /* Adjusted for dark background */
             padding-bottom: 5px !important;
         }
+    """, js="""
+    // Add keyboard shortcut support for Cmd+Enter (Mac) or Ctrl+Enter (Windows/Linux)
+    document.addEventListener('keydown', function(e) {
+        if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
+            // Check if we're in the text input tab
+            const activeTextarea = document.querySelector('.tab-nav button[aria-selected="true"]').textContent.includes("Text Input") ? 
+                document.querySelector('.tab-panel[style*="display: block"] textarea') : null;
+            
+            if (activeTextarea) {
+                // Find and click the corresponding button
+                const categorizeBtn = document.querySelector('.tab-panel[style*="display: block"] button:contains("Categorize")');
+                if (categorizeBtn) categorizeBtn.click();
+                e.preventDefault();
+            }
+        }
+    });
     """) as demo:
         gr.Markdown("# Product Categorization Tool\nAnalyze products and find the most similar ingredients using AI embeddings.")
+        gr.Markdown("Use **Cmd+Enter** (Mac) or **Ctrl+Enter** (Windows/Linux) to quickly categorize products.")
         
         with gr.Tabs():
             with gr.TabItem("Text Input"):
@@ -104,19 +121,14 @@ def create_demo():
                         # Results section
                         text_output = gr.HTML(label="Categorization Results", elem_classes="results-container")
                 
-                # Connect both button click and Enter key press to the categorize function
+                # Connect button click to the categorize function
                 categorize_btn.click(
                     fn=categorize_products,
                     inputs=[text_input, gr.State(False), top_n, confidence],
                     outputs=text_output
                 )
                 
-                # Add Enter key functionality
-                text_input.submit(
-                    fn=categorize_products,
-                    inputs=[text_input, gr.State(False), top_n, confidence],
-                    outputs=text_output
-                )
+                # Custom JS handling of Cmd+Enter/Ctrl+Enter is configured in js parameter above
             
             with gr.TabItem("File Upload"):
                 with gr.Row():