test Adaptação Chatbot - Sicoob UI

.streamlit/config.toml

@@ -1,3 +1,6 @@
 [theme]
+font = "sans serif"
+
+[client]
+toolbarMode = "developer"
 
-base = 'light'

app.py

@@ -2,20 +2,83 @@ import streamlit as st
 import requests
 from PIL import Image
 import base64
-
-import streamlit as st
+import re
 import streamlit_authenticator as stauth
-
+from streamlit_feedback import streamlit_feedback
+import os
 import yaml
 from yaml.loader import SafeLoader
-
+from pathlib import Path
+from drive_search import search_file_in_drive   
+from datetime import datetime
+import json
 
 class ChatbotApp:
     def __init__(self):
-        # URL do backend (Flask)
+        # Configura título, ícone e layout da página
+        st.set_page_config(page_title="Sicoob Chatbot 🤖", page_icon="logos/sicoob-ico.ico", layout="wide")
+        
         self.backend_url = "http://localhost:5001/chat"
-        self.title = "Chatbot Carômetro"
+        self.title = "Sicoob Chatbot"
+        self.feedback_dir = os.path.join(os.getcwd(), "./feedback")
         self.description = "Este assistente virtual pode te ajudar com informações sobre carômetros da Sicoob."
+        
+        self.style_dir = Path("./logos/styles")
+        self.load_styles()
+        st.session_state.first = False
+        
+        if "theme" not in st.session_state:
+            st.session_state.theme = "light"
+
+        self.configyml = os.path.join(os.getcwd(), "./files/config.yaml")
+
+    def load_styles(self):
+        try:
+            self.base_style = (self.style_dir / "base.css").read_text()
+            self.light_style = (self.style_dir / "light.css").read_text()
+            self.dark_style = (self.style_dir / "dark.css").read_text()
+        except FileNotFoundError as e:
+            st.error(f"Error loading styles: {e}")
+            self.base_style = ""
+            self.light_style = ""
+            self.dark_style = ""
+
+    @st.dialog("📄 Atualizações Sicoob Chatbot", width="small")
+    def changelog_user(self):
+        with open("./logos/ChangelogUser.md", encoding="utf-8") as f:
+            st.markdown(f"{f.read()}", unsafe_allow_html=True)
+        
+    def get_current_style(self):
+        theme_style = self.dark_style if st.session_state.theme == "dark" else self.light_style
+        return f"<style>{self.base_style}{theme_style}</style>"
+
+
+    def save_feedback(feedback_type, user_input, assistant_response):
+        feedback_dir = os.path.join(os.getcwd(), "feedback")
+        
+        if not os.path.exists(feedback_dir):
+            os.makedirs(feedback_dir)
+        
+        filename = os.path.join(feedback_dir, f"feedback_{feedback_type}.json")
+        
+        try:
+            data = []
+            if os.path.exists(filename):
+                with open(filename, 'r', encoding='utf-8') as f:
+                    data = json.load(f)
+            
+            data.append({
+                "user_input": user_input,
+                "assistant_response": assistant_response,
+                "timestamp": datetime.now().isoformat()
+            })
+
+            with open(filename, 'w', encoding='utf-8') as f:
+                json.dump(data, f, ensure_ascii=False, indent=2)
+
+            st.toast(f"Feedback {feedback_type} salvo com sucesso!", icon="✅")
+        except Exception as e:
+            st.toast(f"Erro ao salvar feedback: {str(e)}", icon="❌")
 
     def stream_chat(self, user_input):
         """
@@ -36,36 +99,41 @@ class ChatbotApp:
         except Exception as e:
             yield f"Erro ao conectar ao servidor: {e}"
 
+    def clear_chat_history(self):
+        st.session_state.chat_history = []
+        st.toast("Histórico limpo com sucesso!", icon="✅")
+        
     def render_sidebar(self):
-        """
-        Exibe opções na barra lateral e renderiza a logo do Sicoob.
-        """
-        st.sidebar.title("Configuração de LLM")
-        sidebar_option = st.sidebar.radio("Selecione o LLM", ["gpt-3.5-turbo"])
-        if sidebar_option != "gpt-3.5-turbo":
-            raise Exception("Opção de LLM inválida!")
-
-        # Exibe a logo do Sicoob na barra lateral
-        with open("sicoob-logo.png", "rb") as f:
-            data = base64.b64encode(f.read()).decode("utf-8")
-            st.sidebar.markdown(
-                f"""
-                <div style="display:table;margin-top:-80%;margin-left:0%;">
-                    <img src="data:image/png;base64,{data}" width="250" height="70">
-                </div>
-                """,
-                unsafe_allow_html=True,
-            )
-
+        """Siderbar"""
+        with st.sidebar:
+            if st.button("Light/Dark Mode"):
+                st.session_state.theme = "dark" if st.session_state.theme == "light" else "light"
+                st.rerun()
+            if st.session_state.theme == "light": 
+                st.logo("./logos/sicoob-logo-horizontal-light.png", icon_image="./logos/sicoob-logo-vertical-sm.png")
+            else:
+                st.logo("./logos/sicoob-logo-horizontal-dark.png", icon_image="./logos/sicoob-logo-vertical-sm.png")
+            
+            if st.button("Limpar Histórico", icon=":material/delete:"):
+                self.clear_chat_history()
+                
+            if st.button("Atualizações", icon=":material/info:"):
+                self.changelog_user()
+            st.divider()
+            # st.title("Configuração de LLM")
+            # sidebar_option = st.radio("Selecione o LLM", ["gpt-3.5-turbo"])
+            # if sidebar_option != "gpt-3.5-turbo":
+            #     raise Exception("Opção de LLM inválida!")
+    
     def render(self):
+       
         """
         Renderiza a interface do chatbot.
-        """
-        # Configura título, ícone e layout da página
-        im = Image.open("pngegg.png")
-        st.set_page_config(page_title="Chatbot Carômetro", page_icon=im, layout="wide")
+        """ 
 
-        with open('./config.yaml') as file:
+        st.markdown(self.get_current_style(), unsafe_allow_html=True)
+        
+        with open(self.configyml) as file:
             config = yaml.load(file, Loader=SafeLoader)
 
         # Pre-hashing all plain text passwords once
@@ -82,7 +150,10 @@ class ChatbotApp:
         #    authenticator.login()
         #except Exception as e:
         #    st.error(e)
-            
+        def add_link_to_text(text):
+           return re.sub(r'\|\|(.*?)\|\|', lambda match: f' <br>Fonte: <a href="{search_file_in_drive(match.group(1))}" target="_blank">{match.group(1)}</a>', text)
+
+       
         with open('./config.yaml', 'w', encoding='utf-8') as file:
             yaml.dump(config, file, default_flow_style=False)
 
@@ -90,8 +161,7 @@ class ChatbotApp:
         authentication_status = authenticator.login()
 
         if st.session_state["authentication_status"]:
-            authenticator.logout('Logout', 'main')
-
+            
             # Renderiza a barra lateral
             self.render_sidebar()
 
@@ -99,6 +169,9 @@ class ChatbotApp:
             st.title(self.title)
             st.write(self.description)
 
+            with st.sidebar:
+                authenticator.logout('Sair', 'main')
+                
             # Inicializa o histórico na sessão
             if "chat_history" not in st.session_state:
                 st.session_state.chat_history = []
@@ -107,7 +180,7 @@ class ChatbotApp:
             for message in st.session_state.chat_history:
                 role, text = message.split(":", 1)
                 with st.chat_message(role.strip().lower()):
-                    st.write(text.strip())
+                     st.markdown(text.strip(), unsafe_allow_html=True)
 
             # Captura o input do usuário
             user_input = st.chat_input("Digite sua pergunta")
@@ -124,16 +197,27 @@ class ChatbotApp:
 
                     # Executa o streaming de tokens enquanto o backend responde
                     for token in self.stream_chat(user_input):
-                        assistant_message += token
-                        message_placeholder.markdown(assistant_message + "▌")
-
-                    # Atualiza o placeholder com a mensagem final
-                    message_placeholder.markdown(assistant_message)
-                    st.session_state.chat_history.append(f"assistant: {assistant_message}")
+                       assistant_message += token
+                       assistant_message_with_link = add_link_to_text(assistant_message)
+                       message_placeholder.markdown(assistant_message_with_link + "▌", unsafe_allow_html=True)
+
+                    message_placeholder.markdown(assistant_message_with_link, unsafe_allow_html=True)
+                    
+                    #Adicionando histórico Streamlit
+                    st.session_state.chat_history.append(f"assistant: {assistant_message_with_link}")   
+                     
+                    #Feedback
+                    with st.container(border=True):
+                        if st.button("Gostei", icon=":material/thumb_up:"):
+                            save_feedback("positive", "Exemplo de pergunta do usuário", "Exemplo de resposta do assistente")
+
+                        if st.button("Não Gostei", icon=":material/thumb_down:"):
+                            save_feedback("negative", "Exemplo de pergunta do usuário", "Exemplo de resposta do assistente")    
+                                                
         elif st.session_state["authentication_status"] == False:
             st.error('Username/password is incorrect')
         elif st.session_state["authentication_status"] == None:
-            st.warning('Please enter your username and password')
+            st.warning('Por favor entre com seu "username" e senha.')
 
 if __name__ == "__main__":
     chatbot_app = ChatbotApp()

chatbot_server.py

@@ -58,17 +58,10 @@ import chromadb
 db = chromadb.PersistentClient(path="chroma_db")
 chroma_collection = db.get_or_create_collection("dense_vectors")
 vector_store = ChromaVectorStore(chroma_collection=chroma_collection)
-
 storage_context = StorageContext.from_defaults(
     docstore=docstore, vector_store=vector_store
     )
-
-if db.list_collections():
-    index = VectorStoreIndex.from_vector_store(vector_store=vector_store, storage_context=storage_context, show_progress = True)
-    bm25_retriever_docstore = docstore
-else:
-    index = VectorStoreIndex(nodes = nodes, storage_context=storage_context, show_progress = True)
-    bm25_retriever_docstore = index.docstore
+index = VectorStoreIndex(nodes = nodes, storage_context=storage_context, show_progress = True)
 
 storage_context.docstore.persist("./docstore.json")
 
@@ -77,7 +70,7 @@ import nest_asyncio
 nest_asyncio.apply()
 from llama_index.retrievers.bm25 import BM25Retriever
 bm25_retriever = BM25Retriever.from_defaults(
-    docstore=bm25_retriever_docstore,
+    docstore=index.docstore,
     similarity_top_k=2,
     language = "portuguese",
     verbose=True,

files/config.yaml

@@ -0,0 +1,38 @@
+cookie:
+  expiry_days: 30
+  key: some_signature_key
+  name: some_cookie_name
+credentials:
+  usernames:
+    akcit_root:
+      email: [email protected]
+      failed_login_attempts: 0
+      first_name: akcit
+      last_name: root
+      logged_in: false
+      password: $2b$12$wd1lg1DTs4qEDRmohdptDegeSJhGstxqgCaTitfRQ0IGN.rnr51aG
+      roles:
+      - admin
+      - editor
+      - viewer
+    sicoob_central:
+      email: [email protected]
+      failed_login_attempts: 0
+      first_name: sicoob
+      last_name: central
+      logged_in: false
+      password: $2b$12$Y5tHfGABzVP9dm510HuHHuUbeZvNqUibUgj4TYH40rglhZGLPZ8rK
+      roles:
+      - viewer
+    sicoob_unidade:
+      email: [email protected]
+      failed_login_attempts: 0
+      first_name: sicoob
+      last_name: unidade
+      logged_in: false
+      password: $2b$12$h8U7XrVfACkHJaqGqcwR0OzDO.YorKF21lHpG/9MVa4K/98AbXtG.
+      roles:
+      - viewer
+pre-authorized:
+  emails:
+  - [email protected]

files/credenciais.json

@@ -0,0 +1,13 @@
+{
+  "type": "service_account",
+  "project_id": "light-processor-374314",
+  "private_key_id": "a207b3d84c4dfdf97eef75f442a78b79a9af7e4a",
+  "private_key": "-----BEGIN PRIVATE KEY-----\nMIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQCcU0q1HO5hdzVK\nGcVGnOaZ/Eedjqr+g70yrOylrE1Ke794vXAOFynbq2OifjwjuTJQD0ZSP2KGQC7x\np1jHolEgP7GHsusnCZeb6lPyQCvkk8M6EzxdiSY5cOm4xJAzEENZ0aFB5qMdtR/t\ndjO4YwK8eHGUXAWeL7OezC7xzLpbkFnOJYo44CQVgbIWoROQY/7MNqcw67/z/HS9\nETKyB9+lgv+w1f+1HG9XBvHKjoI79fa4njmJBGu66DN0afp9lYrdqbX24j3fieaB\nyhJOq6w0U16t/nvfLhzxixAVafMQSvuENh6DjXfQ5wCy+U2osALH5zEOqkOmNWo1\neWMPQiwVAgMBAAECggEAENdmWonB4s05eAC7wKZBr8A+pOpMYLwno3B+1EByWT5o\nu+TI0DPNpiVaSBTKfNzEX1yt6kl631TF2fH5/hPuIofKJADyFZQSedEudxBTyj3j\nD/wnijou3IxeGbJPiLjNUL1lXpiu5RHw3R/ZZZmBH3XoYp/hWQ/xjX+Y5SL1xsxk\nuslv+xGmFjAWCzCSFMIosyRl8evElFyuWeEU9IGM8h9JKs/aLTkdkN+X7o77L9pi\ndhQj5RemmKtzm7MStwVFGT2zdkMk3LCnXYi+VbuIi+wHJuZbxn+xP7nhnsu4vLcQ\nNzZKouk/7dK2px2zkaclnu8kNTQy3ONAfFrYZb3BQQKBgQDUICD7aIaA/cBlI5Ph\nifrtsyRKdWMhU2Sobe7qtX2s+azgcX7o57wxIo/dnG/2IG1rFBFbUO6Qv8UcfS9B\n9KNIdfV1+YnudOYn7TaFAhQfudWF9HrTsWZaIHpHS5yyzcpHoXvehKcU6MXy4vMj\nirY4dbx8daeiaBbkJHMtOKJZdQKBgQC8qJdWwjkSW0eJoqnNYP4SHtCo056S6Ufp\n8qkBBrpnnq85jJGzXJ71fWR3pgvGXLRjYSk2t3Csy3S7lwe6G9iszdBloHdTEQb7\nEfPpmE23m+s3YQIL0jY2UdTRrudtmk8RYpwEKZ22fz9d1x4pIBIlU2Pcc26j4uhu\nZ3zbC4mUIQKBgQDEb+RbLRaxyUsr3eCKUg6vpN+MnFxqdiGW4AcKD3wMfUIcrr3J\nzR+3mLwFi2MbWDg7mt/f4niqTwyoLz1eJMA40BO5ZpbW3iZs/v0n+x7LqnoTjK1Z\n8MRJ3h2efGTmKDCUWPSuwcVAVbdKD+T9Gu1YJ5+e2g2dFitsplyKmhGuKQKBgQCx\nPSpBBeMcTckdk0Y3fwHzACREF9wIZUV8ks8X+bwyETDJvjg7664jMBStG8BAMWP/\nYY6YqyoeDF60xiUqQXMEla9Nar3vujV2tt0R/lY1QzRuKKMFfA4WZjasb8dYfvn9\neUjd2EMk6tMbVDgvpsOlcXyF5aRyL4DyCCOSnno4QQKBgQC92jVM7MkDSzlMT6zt\nJ2HQAvKR/uzxz0GQJrqx8YPUsmGUDJDcMXbjVNCSw2UfJkdlZIfZQrbpQJACewqA\nWLfWbsGvoyZk5AnkVVQqcIrRVdk85cL5EG32VSQIyAlH+m5f4DwcEHdVUFysS6BB\nYglZoVNfDeElMat1FZR9dhXo9w==\n-----END PRIVATE KEY-----\n",
+  "client_email": "[email protected]",
+  "client_id": "115319015910729374958",
+  "auth_uri": "https://accounts.google.com/o/oauth2/auth",
+  "token_uri": "https://oauth2.googleapis.com/token",
+  "auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
+  "client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/mydriveapi%40light-processor-374314.iam.gserviceaccount.com",
+  "universe_domain": "googleapis.com"
+}

logos/ChangelogUser.md

@@ -0,0 +1,31 @@
+# Changelog - Versão 0.4.0
+
+## Novos Recursos
+
+- **Suporte a múltiplos manuais**: O chatbot agora pode acessar e fornecer informações de diversos manuais.
+  - Manuais disponíveis nesta versão:
+  - Manual de Normatização
+  - Manual de Riscos Sociais, Ambientais e Climáticos
+  - Manual de Supervisão Auxiliar
+  - Manual de Controles Internos e Conformidade
+  - Manual de Crédito
+  - Manual de Boas Práticas Legais e Tributárias nas Campanhas e Promoções
+  - Manual de Gerenciamento do Risco de Mercado e do IRRBB
+  - Manual de Seguro Vida Prestamista
+  - Manual do Produto Pix
+  - Manual de Câmbio - Operações de Crédito
+  - ...
+
+## Melhorias
+
+- **Qualidade de resposta aprimorada**: Refinamento nos modelos de resposta para oferecer informações mais precisas e relevantes.
+- **Otimização de consultas**: Melhorias no tempo de resposta ao buscar informações em documentos.
+
+## Alterações e Remoções
+
+- **Remoção temporária de respostas sobre o organograma**: Devido a ajustes internos, informações sobre a estrutura organizacional foram temporariamente desativadas. Previsto para retorno na versão 0.5.0.
+
+## Próximos Passos
+
+- **Expansão do suporte a mais manuais e documentos internos.**
+- **Reintegração das informações sobre o organograma na versão 0.5.0.**

logos/styles/base.css

@@ -0,0 +1,56 @@
+@font-face {
+    font-family: "sicoob-sans-regular";
+    src: url("../Sicoob_Sans/Sicoob Sans/Webfonts/WOFF2/SicoobSansRC3-Regular.woff2");
+    font-weight: 400;
+    font-style: normal;
+}
+@font-face {
+    font-family: "sicoob-sans-medium";
+    src: url("../Sicoob_Sans/Sicoob Sans/Webfonts/WOFF2/SicoobSansRC3-Medium.woff2");
+    font-weight: 500;
+    font-style: normal;
+}
+@font-face {
+    font-family: "sicoob-sans-bold";
+    src: url("../Sicoob_Sans/Sicoob Sans/Webfonts/WOFF2/SicoobSansRC3-Bold.woff2");
+    font-weight: 700;
+    font-style: normal;
+}
+
+body * {
+    font-family: "sicoob-sans-medium", "Source Sans Pro", sans-serif !important;
+    font-weight: 500;
+    transition: all 0.1s ease-in-out;
+}
+
+.st-emotion-cache-kgpedg img {
+    height: 100% !important;
+}
+
+.stMarkdown h1 {
+    font-family: "sicoob-sans-bold", "Source Sans Pro", sans-serif !important;
+    font-weight: 700;
+}
+
+a {
+    font-family: "sicoob-sans-bold", "Source Sans Pro", sans-serif !important;
+    font-weight: 700;
+}
+
+.stDecoration {
+    display: none;
+}
+
+[data-testid="stIconMaterial"] {
+    font-family: "Material Symbols Rounded" !important;
+    font-weight: 400;
+    font-style: normal;
+}
+
+.MuiStack-root {
+    background-color: transparent;
+}
+
+.stButton button {
+    margin-right: 5px;
+}

logos/styles/dark.css

@@ -0,0 +1,131 @@
+.stMain, .stAppHeader, .st-emotion-cache-hzygls {
+    background-color: #003641;
+}
+
+.stAppHeader, .st-emotion-cache-hzygls, .stBottomBlockContainer {
+    background-color: #002025;
+}
+
+.stSidebar {
+    background-color: #002530;
+    border-color: #7DB61C;
+    color: #FAFAFA
+}   
+
+[data-testid="stChatInputSubmitButton"] > svg {
+    fill: #7DB61C;
+}
+
+[data-testid="stChatInputSubmitButton"]:hover {
+    background-color: #49479D;
+    border-radius: 10px;
+}
+
+.stButton > button {
+    background-color: #7DB61C;
+    color: #FAFAFA;
+}
+.stButton > button:hover {
+    background-color: #7DB61C;
+    border-color: #49479D;
+    color: #FAFAFA;
+}
+
+.stButton > button:active , .stButton > button:focus, .stButton > button:focus-visible, .stButton > button:focus:not(:active) {
+    background-color: #49479D;
+    border-color: #7DB61C;
+    color: #FAFAFA;
+}
+
+.stChatInput {
+    border: none;
+    background-color: transparent;
+}
+
+[data-testid="stChatInput"] > div > div {
+    border: none;
+}
+
+[data-testid="stChatInput"] > div > div > div > textarea {
+    background-color: #002530;
+    border-radius: 10px;
+    border: 1px solid #7DB61C;
+}
+
+[data-testid="stChatInput"] > div > div > div > textarea:focus {
+    border-bottom-color: #49479D !important;
+    border-top-color: #49479D !important;
+    border-right-color: #49479D !important;
+    border-left-color: #49479D !important;
+}
+
+a {
+    color: #C9D200 !important;
+}
+
+a:hover {
+    color: #7DB61C !important;
+}
+
+[data-testid="stChatMessageAvatarUser"] {
+    fill: #7DB61C !important;
+    background-color: #7DB61C !important;
+    width: 35px;
+    height: 35px;
+    border-radius: 50%;
+    padding: 5px;
+}
+
+[data-testid="stChatMessageAvatarUser"] > svg {
+    color: #49479D
+}
+
+[data-testid="stChatMessageAvatarAssistant"] {
+    fill: #C9D200 !important;
+    background-color: #C9D200 !important;
+    width: 35px;
+    height: 35px;
+    border-radius: 50%;
+    padding: 5px;
+}
+
+[data-testid="stChatMessageAvatarAssistant"] > svg {
+    color: #49479D
+}
+
+.st-key-Logout > div > button {
+    background-color: transparent !important;
+    border: none;
+    color: #7DB61C;
+}
+
+hr {
+    background-color: #FAFAFA;
+}
+
+[data-testid="stDialog"] > div > div > div > div {
+    max-height: 550px !important;
+    overflow: scroll;
+    color: #002025 !important;
+}
+
+[data-testid="stDialog"] > div > div > div {
+    background-color: #00AE9D;
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+
+[data-testid="stDialog"] > div > div > div > .stMarkdown {
+    color: #002530 !important;
+}
+
+[data-testid="stDialog"] > div > div > div:first-child {
+    background-color: #002530;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}

logos/styles/light.css

@@ -0,0 +1,178 @@
+.stMain, .stAppHeader, .st-emotion-cache-hzygls {
+    background-color: #FAFAFA;
+}
+
+.stAppHeader, .st-emotion-cache-hzygls, .stBottomBlockContainer {
+    background-color: #00AE9D ;
+}
+
+.stSidebar {
+    background-color: #ebebeb;
+    border-color: #7DB61C;
+    color: #FAFAFA
+}   
+
+.stHeading {
+    color: #003641;
+}
+
+[data-testid="stChatInputSubmitButton"] > svg {
+    fill: #C9D200;
+}
+
+[data-testid="stChatInputSubmitButton"]:hover {
+    background-color: #49479D;
+    border-radius: 10px;
+}
+
+.stButton > button {
+    background-color: #003641;
+    color: #FAFAFA;
+}
+
+.stButton > button:hover {
+    background-color: #003641;
+    border-color: #7DB61C;
+    color: #C9D200;
+}
+
+.stButton > button:active , .stButton > button:focus, .stButton > button:focus-visible, .stButton > button:focus:not(:active) {
+    background-color: #7DB61C;
+    border-color: #003641;
+    color: #FAFAFA;
+}
+
+.stChatInput {
+    border: none;
+    background-color: transparent;
+}
+
+[data-testid="stChatInput"] > div > div {
+    border: none;
+}
+
+[data-testid="stChatInput"] > div > div > div > textarea {
+    background-color: #003641;
+    border-radius: 10px;
+    border: 1px solid #C9D200;
+    color: #FAFAFA;
+}
+
+[data-testid="stChatInput"] > div > div > div > textarea:focus {
+    border-bottom-color: #49479D !important;
+    border-top-color: #49479D !important;
+    border-right-color: #49479D !important;
+    border-left-color: #49479D !important;
+}
+
+a {
+    color: #49479D !important;
+}
+
+a:hover {
+    color: #7DB61C !important;
+}
+
+.stMarkdown h1 {
+    color: #003641
+}
+
+body, .stMarkdown, .stText, .stTitle, .stHeader, .stSubheader {
+    color: #003641
+}
+
+[data-testid="stChatMessageAvatarUser"] {
+    fill: #7DB61C !important;
+    background-color: #7DB61C !important;
+    width: 35px;
+    height: 35px;
+    border-radius: 50%;
+    padding: 5px;
+}
+
+[data-testid="stChatMessageAvatarUser"] > svg {
+    color: #49479D
+}
+
+[data-testid="stChatMessageAvatarAssistant"] {
+    fill: #C9D200 !important;
+    background-color: #C9D200 !important;
+    width: 35px;
+    height: 35px;
+    border-radius: 50%;
+    padding: 5px;
+}
+
+[data-testid="stChatMessageAvatarAssistant"] > svg {
+    color: #49479D
+}
+
+.stMarkdown hr {
+    background-color: #002530;
+}
+
+.stSidebarHeader > div > button {
+    fill: #002530;
+}
+
+.stSidebarHeader > div > button > svg {
+    fill: #C9D200;
+}
+
+.stChatMessage:has([data-testid="stChatMessageAvatarUser"]) {
+    background-color: #00AE9D;
+    color: #FAFAFA;
+    border-radius: 10px;
+}
+
+.stChatMessage:has([data-testid="stChatMessageAvatarUser"]) {
+    background-color: #008679;
+    color: #FAFAFA;
+    border-radius: 10px;
+}
+
+.stChatMessage:has([data-testid="stChatMessageAvatarUser"]) {
+    background-color: #ebebeb;
+    color: #FAFAFA;
+    border-radius: 10px;
+}
+
+.st-key-Logout > div > button {
+    background-color: transparent !important;
+    border: none;
+    color: #002530;
+}
+
+.st-key-Logout > div > button:hover {
+    color: #7DB61C;
+}
+
+[data-testid="stDialog"] > div > div > div > div {
+    max-height: 550px !important;
+    overflow: scroll;
+}
+
+[data-testid="stDialog"] > div > div > div {
+    background-color: #00AE9D;
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+[data-testid="stDialog"] > div > div > div:first-child {
+    background-color: #002530;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+
+[data-testid="stAlertContainer"] p {
+    color: #002530;
+}
+
+.stTextInput > label {
+    color: #002530;
+}

requirements.txt

@@ -5,4 +5,5 @@ llama-index-readers-google==0.6.0
 openpyxl==3.1.5
 flask==3.1.0
 streamlit==1.41.1
-streamlit_authenticator
+streamlit-authenticator==0.4.1
+python-levenshtein==0.26.1