Upload app.py with huggingface_hub

app.py

@@ -440,11 +440,12 @@ PLOTLY_CLICK_JS = """
             if (data && data.points && data.points.length > 0) {
                 const idx = data.points[0].customdata;
                 if (idx !== undefined && idx !== null) {
-                    const inputEl = document.querySelector('#click-index-input textarea');
+                    const inputEl = document.querySelector('#click-index-input textarea') || document.querySelector('#click-index-input input');
                     if (inputEl) {
-                        const nativeSetter = Object.getOwnPropertyDescriptor(
-                            window.HTMLTextAreaElement.prototype, 'value'
-                        ).set;
+                        const proto = inputEl.tagName === 'TEXTAREA'
+                            ? window.HTMLTextAreaElement.prototype
+                            : window.HTMLInputElement.prototype;
+                        const nativeSetter = Object.getOwnPropertyDescriptor(proto, 'value').set;
                         nativeSetter.call(inputEl, String(idx));
                         inputEl.dispatchEvent(new Event('input', { bubbles: true }));
                         setTimeout(() => {
@@ -495,7 +496,7 @@ with gr.Blocks(
 
     click_index = gr.Textbox(
         value="",
-        visible=False,
+        visible=True,
         elem_id="click-index-input",
     )
 
@@ -606,4 +607,4 @@ with gr.Blocks(
 logger.info("Gradio app built. Ready to launch.")
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(css="#click-index-input { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; }")