clean up design

app.py

@@ -264,27 +264,29 @@ with gr.Blocks() as demo:
             # with gr.Row():
             #     id_input = gr.Textbox(label="Wikidata ID/URL/Page ID", placeholder="e.g., Q42 or https://... or 12345", lines=1)
             #     find_btn = gr.Button("Find")
-            with gr.Row():
-                show_preview = gr.Checkbox(label="Show preview", value=True)
-                show_wiki = gr.Checkbox(label="Show `wikimedia/wikipedia` extraction", value=False)
-                show_infoboxes = gr.Checkbox(label="Show infoboxes", value=True)
+            # with gr.Row():
+                # show_preview = gr.Checkbox(label="Show preview", value=True)
+                # show_wiki = gr.Checkbox(label="Show `wikimedia/wikipedia` extraction", value=False)
+                # show_infoboxes = gr.Checkbox(label="Show infoboxes", value=True)
     with gr.Row():
         with gr.Column():
-            left_text = gr.Textbox(label="FineWiki extractions", lines=30)
+            with gr.Tab("FineWiki"):
+                left_text = gr.Textbox(label="FineWiki extractions", lines=30)
+            with gr.Tab("wikimedia/wikipedia"):
+                right_markdown = gr.Textbox(label="`wikimedia/wikipedia` extraction", lines=30)
             left_meta = gr.JSON(label="Metadata")
         with gr.Column():
             right_iframe = gr.HTML(label="Original Page")
-            right_markdown = gr.Textbox(label="`wikimedia/wikipedia` extraction", lines=30)
             right_infoboxes = gr.JSON(label="Infoboxes")
 
     language_select.change(on_select_language, inputs=[language_select, require_has_math, require_has_infobox], outputs=[idx_state, docs_state, iter_state, left_text, left_meta, header_md, right_markdown, right_infoboxes, right_iframe], concurrency_limit=1)
     demo.load(on_select_language, inputs=[language_select, require_has_math, require_has_infobox], outputs=[idx_state, docs_state, iter_state, left_text, left_meta, header_md, right_markdown, right_infoboxes, right_iframe], concurrency_limit=1)
-    find_btn.click(on_find, inputs=[docs_state, idx_state, iter_state, id_input, require_has_math, require_has_infobox], outputs=[idx_state, docs_state, iter_state, left_text, left_meta, header_md, right_markdown, right_infoboxes, right_iframe], concurrency_limit=1)
+    # find_btn.click(on_find, inputs=[docs_state, idx_state, iter_state, id_input, require_has_math, require_has_infobox], outputs=[idx_state, docs_state, iter_state, left_text, left_meta, header_md, right_markdown, right_infoboxes, right_iframe], concurrency_limit=1)
 
     # Visibility toggles driven directly by checkbox changes
-    show_wiki.change(lambda v: gr.update(visible=v), inputs=[show_wiki], outputs=[right_markdown])
-    show_preview.change(lambda v: gr.update(visible=v), inputs=[show_preview], outputs=[right_iframe])
-    show_infoboxes.change(lambda v: gr.update(visible=v), inputs=[show_infoboxes], outputs=[right_infoboxes])
+    # show_wiki.change(lambda v: gr.update(visible=v), inputs=[show_wiki], outputs=[right_markdown])
+    # show_preview.change(lambda v: gr.update(visible=v), inputs=[show_preview], outputs=[right_iframe])
+    # show_infoboxes.change(lambda v: gr.update(visible=v), inputs=[show_infoboxes], outputs=[right_infoboxes])
     prev_btn.click(on_prev, inputs=[docs_state, idx_state, iter_state, require_has_math, require_has_infobox], outputs=[idx_state, docs_state, iter_state, left_text, left_meta, header_md, right_markdown, right_infoboxes, right_iframe], concurrency_limit=1)
     next_btn.click(on_next, inputs=[docs_state, idx_state, iter_state, require_has_math, require_has_infobox], outputs=[idx_state, docs_state, iter_state, left_text, left_meta, header_md, right_markdown, right_infoboxes, right_iframe], concurrency_limit=1)