Upload folder using huggingface_hub

.gitignore

@@ -0,0 +1,123 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# Virtual environment
+venv/
+ENV/
+env/
+.venv/
+.env/
+env.bak/
+venv.bak/
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+.python-version
+
+# celery beat schedule file
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+.spyderproject
+.spyproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/

.gradio/certificate.pem

@@ -0,0 +1,31 @@
+-----BEGIN CERTIFICATE-----
+MIIFazCCA1OgAwIBAgIRAIIQz7DSQONZRGPgu2OCiwAwDQYJKoZIhvcNAQELBQAw
+TzELMAkGA1UEBhMCVVMxKTAnBgNVBAoTIEludGVybmV0IFNlY3VyaXR5IFJlc2Vh
+cmNoIEdyb3VwMRUwEwYDVQQDEwxJU1JHIFJvb3QgWDEwHhcNMTUwNjA0MTEwNDM4
+WhcNMzUwNjA0MTEwNDM4WjBPMQswCQYDVQQGEwJVUzEpMCcGA1UEChMgSW50ZXJu
+ZXQgU2VjdXJpdHkgUmVzZWFyY2ggR3JvdXAxFTATBgNVBAMTDElTUkcgUm9vdCBY
+MTCCAiIwDQYJKoZIhvcNAQEBBQADggIPADCCAgoCggIBAK3oJHP0FDfzm54rVygc
+h77ct984kIxuPOZXoHj3dcKi/vVqbvYATyjb3miGbESTtrFj/RQSa78f0uoxmyF+
+0TM8ukj13Xnfs7j/EvEhmkvBioZxaUpmZmyPfjxwv60pIgbz5MDmgK7iS4+3mX6U
+A5/TR5d8mUgjU+g4rk8Kb4Mu0UlXjIB0ttov0DiNewNwIRt18jA8+o+u3dpjq+sW
+T8KOEUt+zwvo/7V3LvSye0rgTBIlDHCNAymg4VMk7BPZ7hm/ELNKjD+Jo2FR3qyH
+B5T0Y3HsLuJvW5iB4YlcNHlsdu87kGJ55tukmi8mxdAQ4Q7e2RCOFvu396j3x+UC
+B5iPNgiV5+I3lg02dZ77DnKxHZu8A/lJBdiB3QW0KtZB6awBdpUKD9jf1b0SHzUv
+KBds0pjBqAlkd25HN7rOrFleaJ1/ctaJxQZBKT5ZPt0m9STJEadao0xAH0ahmbWn
+OlFuhjuefXKnEgV4We0+UXgVCwOPjdAvBbI+e0ocS3MFEvzG6uBQE3xDk3SzynTn
+jh8BCNAw1FtxNrQHusEwMFxIt4I7mKZ9YIqioymCzLq9gwQbooMDQaHWBfEbwrbw
+qHyGO0aoSCqI3Haadr8faqU9GY/rOPNk3sgrDQoo//fb4hVC1CLQJ13hef4Y53CI
+rU7m2Ys6xt0nUW7/vGT1M0NPAgMBAAGjQjBAMA4GA1UdDwEB/wQEAwIBBjAPBgNV
+HRMBAf8EBTADAQH/MB0GA1UdDgQWBBR5tFnme7bl5AFzgAiIyBpY9umbbjANBgkq
+hkiG9w0BAQsFAAOCAgEAVR9YqbyyqFDQDLHYGmkgJykIrGF1XIpu+ILlaS/V9lZL
+ubhzEFnTIZd+50xx+7LSYK05qAvqFyFWhfFQDlnrzuBZ6brJFe+GnY+EgPbk6ZGQ
+3BebYhtF8GaV0nxvwuo77x/Py9auJ/GpsMiu/X1+mvoiBOv/2X/qkSsisRcOj/KK
+NFtY2PwByVS5uCbMiogziUwthDyC3+6WVwW6LLv3xLfHTjuCvjHIInNzktHCgKQ5
+ORAzI4JMPJ+GslWYHb4phowim57iaztXOoJwTdwJx4nLCgdNbOhdjsnvzqvHu7Ur
+TkXWStAmzOVyyghqpZXjFaH3pO3JLF+l+/+sKAIuvtd7u+Nxe5AW0wdeRlN8NwdC
+jNPElpzVmbUq4JUagEiuTDkHzsxHpFKVK7q4+63SM1N95R1NbdWhscdCb+ZAJzVc
+oyi3B43njTOQ5yOf+1CceWxG1bQVs5ZufpsMljq4Ui0/1lvh+wjChP4kqKOJ2qxq
+4RgqsahDYVvTH9w7jXbyLeiNdd8XM2w9U/t7y0Ff/9yi0GE44Za4rF2LN9d11TPA
+mRGunUHBcnWEvgJBQl9nJEiU0Zsnvgc/ubhPgXRR4Xq37Z0j4r7g1SgEEzwxA57d
+emyPxgcYxn/eR44/KJ4EBs+lVDR3veyJm+kXQ99b21/+jh5Xos1AnX5iItreGCc=
+-----END CERTIFICATE-----

README.md

@@ -1,12 +1,6 @@
 ---
-title: Firefox Chat
-emoji: 🚀
-colorFrom: yellow
-colorTo: red
+title: firefox-chat
+app_file: app.py
 sdk: gradio
 sdk_version: 5.20.0
-app_file: app.py
-pinned: false
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,172 @@
+import gradio as gr
+import json
+from urllib.parse import parse_qs, urlparse
+
+# Function to process messages with context
+def process_message(message, history, context_json):
+    # Parse context from JSON string
+    try:
+        context = json.loads(context_json)
+    except:
+        context = {"error": "Invalid context data"}
+    
+    # Here you would connect to your chatbot backend
+    # and provide both the message and the context
+    
+    # For demo purposes, we'll just echo the message with context info
+    response = f"Received: {message}\n\nContext summary: Page titled '{context.get('title', 'Unknown')}'"
+    
+    # Format response for Gradio Chatbot using the newer messages format
+    history.append({"role": "user", "content": message})
+    history.append({"role": "assistant", "content": response})
+    return history
+
+# Create Gradio interface
+with gr.Blocks(css="#chatbot {height: 400px; overflow-y: auto;}") as demo:
+    gr.HTML("<h2>Contextual Chatbot</h2>")
+    
+    # Hidden context state - will be updated via JavaScript
+    context_json = gr.State('{}')
+    
+    # Optional: Show context for debugging
+    with gr.Accordion("Page Context", open=False):
+        context_display = gr.JSON(value={})
+        update_button = gr.Button("Request Full Context")
+    
+    # Main chatbot interface
+    chatbot = gr.Chatbot(value=[], type="messages")
+    msg = gr.Textbox(placeholder="Ask about this page...")
+    clear = gr.Button("Clear")
+    
+    # Handle sending messages
+    msg.submit(process_message, [msg, chatbot, context_json], [chatbot])
+    
+    # Clear chat history
+    clear.click(lambda: [], None, chatbot, queue=False)
+    
+    # JavaScript to handle context
+    gr.HTML("""
+    <script>
+    // Debug function
+    function logDebug(message, data) {
+        console.log(`[DEBUG] ${message}`, data);
+    }
+    
+    // Function to update the context state in Gradio
+    function updateContextState(contextData) {
+        logDebug("Updating context state with:", contextData);
+        
+        // Find the hidden state element for context
+        const stateElements = Array.from(document.querySelectorAll('input[type="hidden"]'));
+        const contextStateElem = stateElements.find(el => el.name && el.name.includes('context_json'));
+        
+        if (contextStateElem) {
+            // Update the hidden input value
+            contextStateElem.value = JSON.stringify(contextData);
+            
+            // Create and dispatch a change event
+            const event = new Event('change', { bubbles: true });
+            contextStateElem.dispatchEvent(event);
+            
+            logDebug("Context state updated", contextStateElem.value);
+            return true;
+        } else {
+            console.error("Could not find context state element");
+            return false;
+        }
+    }
+    
+    // Function to update the visible JSON display
+    function updateJsonDisplay(contextData) {
+        logDebug("Updating JSON display with:", contextData);
+        
+        // Find the JSON component's textarea
+        const jsonTextarea = document.querySelector('.json-component textarea');
+        if (jsonTextarea) {
+            jsonTextarea.value = JSON.stringify(contextData, null, 2);
+            
+            // Find and click the submit button to update the value
+            const submitButton = jsonTextarea.closest('.json-component').querySelector('button');
+            if (submitButton) {
+                submitButton.click();
+                logDebug("JSON display updated");
+                return true;
+            }
+        }
+        
+        console.error("Could not update JSON display");
+        return false;
+    }
+    
+    // Function to request full context
+    function requestFullContext() {
+        logDebug("Requesting full context from parent");
+        window.parent.postMessage({type: 'getFullContext'}, '*');
+    }
+    
+    // Try to get context from URL parameters
+    function getContextFromUrl() {
+        const urlParams = new URLSearchParams(window.location.search);
+        const contextParam = urlParams.get('context');
+        if (contextParam) {
+            try {
+                const parsedContext = JSON.parse(decodeURIComponent(contextParam));
+                logDebug("Got context from URL:", parsedContext);
+                return parsedContext;
+            } catch (e) {
+                console.error("Failed to parse context from URL:", e);
+            }
+        }
+        return null;
+    }
+    
+    // Listen for messages from parent (extension)
+    window.addEventListener('message', function(event) {
+        logDebug("Received message from parent:", event.data);
+        
+        if (event.data.type === 'fullContext') {
+            // We got context data from the parent
+            const contextData = event.data.content;
+            
+            // Update both the hidden state and visible display
+            updateContextState(contextData);
+            updateJsonDisplay(contextData);
+        }
+    });
+    
+    // Initialize when the page is fully loaded
+    document.addEventListener('DOMContentLoaded', function() {
+        logDebug("DOM fully loaded");
+        
+        // Wait for Gradio to fully initialize
+        setTimeout(function() {
+            logDebug("Initializing context handling");
+            
+            // Set up the update button
+            const updateButton = document.querySelector('button.update-button');
+            if (updateButton) {
+                updateButton.addEventListener('click', requestFullContext);
+                logDebug("Update button handler attached");
+            }
+            
+            // First try to get context from URL
+            const urlContext = getContextFromUrl();
+            if (urlContext) {
+                updateContextState(urlContext);
+                updateJsonDisplay(urlContext);
+            } else {
+                // If no URL context, request from parent
+                requestFullContext();
+            }
+        }, 2000); // Wait longer for Gradio to initialize
+    });
+    </script>
+    """)
+    
+    # Add class to update button for JavaScript selection
+    update_button.elem_classes = ["update-button"]
+
+# Launch the app
+if __name__ == "__main__":
+    demo.launch(share=True)
+    

requirements.txt

@@ -0,0 +1 @@
+gradio>=4.0.0