front/tabs/tab_papers.py

import gradio as gr
from gradio_modal import Modal


def create_papers_tab():
    direct_search_textbox = gr.Textbox(label="Direct search for papers", placeholder= "What is climate change ?", elem_id="papers-search")

    with gr.Accordion(
        visible=True,
        elem_id="papers-summary-popup",
        label="See summary of relevant papers",
        open=False
    ) as summary_popup:
        papers_summary = gr.Markdown("", visible=True, elem_id="papers-summary")

    with gr.Accordion(
        visible=True,
        elem_id="papers-relevant-popup",
        label="See relevant papers",
        open=False
    ) as relevant_popup:
        papers_html = gr.HTML(show_label=False, elem_id="papers-textbox")

    btn_citations_network = gr.Button("Explore papers citations network")
    with Modal(visible=False) as papers_modal:
        citations_network = gr.HTML(
            "<h3>Citations Network Graph</h3>",
            visible=True,
            elem_id="papers-citations-network"
        )
    btn_citations_network.click(
        lambda: Modal(visible=True),
        None,
        papers_modal
    )
    
    return direct_search_textbox, papers_summary, papers_html, citations_network, papers_modal