with gr.Blocks(head=HEAD) as demo:

app.py

@@ -812,7 +812,36 @@ def next_slide():
 def get_video_id():
     return VIDEO_ID
 
-with gr.Blocks() as demo:
+HEAD = """
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+    svg.markmap {{
+        width: 100%;
+        height: 100vh;
+    }}
+    </style>
+    <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@0.15.2"></script>
+
+    <script>
+        const mind_map_tab_button = document.querySelector("#mind_map_tab-button");
+        
+        // 在30秒后设置事件监听
+        if (mind_map_tab_button) {
+            mind_map_tab_button.addEventListener('click', function() {
+                const mind_map_markdown = document.querySelector("#mind_map_markdown > label > textarea");
+                if (mind_map_markdown) {
+                // 当按钮被点击时，打印当前的textarea的值
+                console.log('Value changed to: ' + mind_map_markdown.value);
+                markmap.autoLoader.renderAll();
+                }
+            });
+        }
+    </script>
+"""
+
+
+with gr.Blocks(head=HEAD) as demo:
     with gr.Row():
         with gr.Column():
             file_upload = gr.File(label="Upload your CSV or Word file", visible=False)