update: iframe again

app.py

@@ -528,40 +528,40 @@ def create_chat_interface():
         display: none !important;
     }
     """
-    #     js = """
-    # function createIframeHandler() {
-    #     let iframe = document.getElementById('link-frame');
-    #     if (!iframe) {
-    #         iframe = document.createElement('iframe');
-    #         iframe.id = 'link-frame';
-    #         iframe.style.position = 'absolute';
-    #         iframe.style.width = '1px';
-    #         iframe.style.height = '1px';
-    #         iframe.style.right = '-100px';
-    #         iframe.style.bottom = '-100px';
-    #         iframe.style.display = 'none'; // Hidden initially
-    #         document.body.appendChild(iframe);
-    #     }
-
-    #     document.addEventListener('click', function (event) {
-    #         var link = event.target.closest('a');
-    #         if (link && link.href) {
-    #             try {
-    #                 iframe.src = link.href;
-    #                 iframe.style.display = 'block'; // Show iframe on link click
-    #                 event.preventDefault();
-    #                 console.log('Opening link in iframe:', link.href);
-    #             } catch (error) {
-    #                 console.error('Failed to open link in iframe:', error);
-    #             }
-    #         }
-    #     });
-
-    #     return 'Iframe handler initialized';
-    # }
-    # """
-
-    with gr.Blocks(fill_height=True, fill_width=True, css=css) as demo:
+    js = """
+    function createIframeHandler() {
+        let iframe = document.getElementById('link-frame');
+        if (!iframe) {
+            iframe = document.createElement('iframe');
+            iframe.id = 'link-frame';
+            iframe.style.position = 'absolute';
+            iframe.style.width = '1px';
+            iframe.style.height = '1px';
+            iframe.style.right = '-100px';
+            iframe.style.bottom = '-100px';
+            iframe.style.display = 'none'; // Hidden initially
+            document.body.appendChild(iframe);
+        }
+
+        document.addEventListener('click', function (event) {
+            var link = event.target.closest('a');
+            if (link && link.href) {
+                try {
+                    iframe.src = link.href;
+                    iframe.style.display = 'block'; // Show iframe on link click
+                    event.preventDefault();
+                    console.log('Opening link in iframe:', link.href);
+                } catch (error) {
+                    console.error('Failed to open link in iframe:', error);
+                }
+            }
+        });
+
+        return 'Iframe handler initialized';
+    }
+    """
+
+    with gr.Blocks(fill_height=True, fill_width=True, css=css, js=js) as demo:
         chatbot = gr.Chatbot(
             elem_id="chatbot_box",
             layout="bubble",