Add share button functionality to Gradio interface and update event handling

app.py

@@ -124,6 +124,9 @@ class EmojiMashupApp:
                     emotion_out = gr.Text(label="Top Emotion Emoji")
                     event_out = gr.Text(label="Top Event Emoji")
                     mashup_out = gr.Image(label="Mashup Emoji")
+                    
+                    # Share button
+                    share_btn = gr.Button("Share this result", variant="secondary", visible=False)
             
             # Set up event handlers
             model_dropdown.change(
@@ -138,14 +141,41 @@ class EmojiMashupApp:
                 outputs=[model_info]
             )
             
+            # Process button handler with share button visibility update
+            def process_and_show_share(model_selection, text, use_cached_embeddings):
+                result = self.process_with_model(model_selection, text, use_cached_embeddings)
+                # Make share button visible after generating result
+                return result[0], result[1], result[2], True
+                
             submit_btn.click(
-                fn=self.process_with_model,
+                fn=process_and_show_share,
                 inputs=[model_dropdown, text_input, cache_toggle],
-                outputs=[emotion_out, event_out, mashup_out]
+                outputs=[emotion_out, event_out, mashup_out, share_btn]
+            )
+            
+            # Share button handler
+            share_btn.click(
+                fn=lambda: None,  # No-op function
+                inputs=None,
+                outputs=None,
+                _js="""() => {
+                    const shareData = {
+                        title: 'Emoji Mashup Result',
+                        text: 'Check out this emoji mashup I created!'
+                    };
+                    if (navigator.share) {
+                        navigator.share(shareData);
+                    } else {
+                        // Fallback - copy the current URL to clipboard
+                        navigator.clipboard.writeText(window.location.href);
+                        alert('Link copied to clipboard!');
+                    }
+                    return [];
+                }"""
             )
             
-            # Examples based on Plutchik's Wheel of Emotions
-            with gr.Accordion("Examples", open=False):
+            # Examples based on Plutchik's Wheel of Emotions - now open by default
+            with gr.Accordion("Examples", open=True):
                 gr.Markdown("### Primary Emotions")
                 gr.Examples(
                     examples=[