Update app.py

app.py

@@ -10,6 +10,8 @@ from plotly.subplots import make_subplots
 from streamlit_extras.add_vertical_space import add_vertical_space
 from streamlit_extras.stylable_container import stylable_container
 from streamlit_option_menu import option_menu
+import streamlit.components.v1 as components
+
 
 # Configuração da página
 st.set_page_config(
@@ -148,6 +150,7 @@ with st.sidebar:
             "Tratamentos",
             "Efeitos Colaterais",
             "Chatbot Dr. Karl",
+            "Mapas mentais",
         ],
         icons=[
             "house",
@@ -155,6 +158,7 @@ with st.sidebar:
             "capsule",
             "exclamation-triangle",
             "chat-dots",
+            "map",
         ],
         menu_icon="cast",
         default_index=0,
@@ -1420,6 +1424,71 @@ elif selected == "Chatbot Dr. Karl":
     )
     # Aqui irá a estrutura para o chatbot
 
+elif selected == "Mapas Mentais":
+    st.title("🧠 Mapas Mentais Interativos")
+
+    ans = 'https://www.mindomo.com/mindmap/sx-de-ax-medo-evitao-ou-alerta-7b7c0a68be8f492aada5e7370b09f5b1'
+    farm = 'https://www.mindomo.com/mindmap/-isrs-inibidores-seletivos-da-recaptao-de-serotonina-fb9e42a9a7db438ca001f1fc1e7181be'
+    sumula = 'https://www.mindomo.com/mindmap/smula-psicopatolgica-00738aa02ebc4d0da0e53b1551780293'
+
+    st.markdown("""
+    <style>
+    .big-font {
+        font-size:20px !important;
+        font-weight: bold;
+    }
+    .stRadio [role=radiogroup]{
+        flex-direction: row;
+        align-items: flex-start;
+        gap: 40px;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+    st.markdown('<p class="big-font">Escolha um mapa mental para explorar:</p>', unsafe_allow_html=True)
+
+    mapa_selecionado = st.radio(
+        "Selecione um mapa mental:",
+        ["😰 Ansiedade", "💊 Farmacologia", "📚 Súmula Psicopatológica"],
+        label_visibility='collapsed',
+        horizontal=True,
+        key="mapa_mental_radio"
+    )
+
+    # Descrições dos mapas
+    st.markdown("""
+    - **Ansiedade**: Sx de Ax: Medo, Evitação ou Alerta
+    - **Farmacologia**: ISRSs: Inibidores Seletivos da Recaptação de Serotonina
+    - **Súmula Psicopatológica**: Visão geral da Psicopatologia
+    """)
+
+    # Função para exibir o mapa mental
+    @st.fragment
+    def exibir_mapa(url):
+        return components.iframe(url, height=900, width=1600)
+
+    # Seleção do mapa com base na escolha do usuário
+    if mapa_selecionado == "😰 Ansiedade":
+        mapa_url = ans
+        mapa_titulo = "😰 Mapa Mental: Ansiedade"
+    elif mapa_selecionado == "💊 Farmacologia":
+        mapa_url = farm
+        mapa_titulo = "💊 Mapa Mental: Farmacologia (ISRSs)"
+    elif mapa_selecionado == "📚 Súmula Psicopatológica":
+        mapa_url = sumula
+        mapa_titulo = "📚 Mapa Mental: Súmula Psicopatológica"
+    else:
+        st.warning("⚠️ Por favor, selecione um mapa mental para visualizar.")
+        st.stop()
+
+    # Exibir o mapa selecionado
+    st.subheader(mapa_titulo)
+    with st.expander("🔍 Clique para expandir/recolher o mapa", expanded=False):
+        exibir_mapa(mapa_url)
+
+    st.info("ℹ️ Dica: Clique com botão esquerdo do muse e arraste para mover o mapa, pressione CTRL e use a roda do mouse para dar zoom.")
+
+
 
 footer="""<style>
 a:link , a:visited{