enhance ui

src/frontend/app/common_fuctions.py

@@ -16,7 +16,7 @@ ABOUT_US = "An AI-powered assistant for personalized healthcare guidance."
 
 API_URL = os.getenv("API_URL", "http://localhost:8000")
 
-def config_homepage(st):
+def config_homepage(st, page_title=PAGE_TITLE):
     st.set_page_config(
     page_title=PAGE_TITLE,
     page_icon= PAGE_ICON,
@@ -26,7 +26,9 @@ def config_homepage(st):
                 "Report a bug": GITHUB_LINK,
                 "About": ABOUT_US}
     )
+    logger.info(f"Page successfully configured with title: {PAGE_TITLE}")
 
+def set_page_title(st, page_title=PAGE_TITLE):
     st.markdown(f"""
         <h1 style="color: darkblue; text-align: left; font-size: 50px;">
         <i>{PAGE_TITLE} 🏥⚕️🤖</i>
@@ -34,10 +36,6 @@ def config_homepage(st):
         """, unsafe_allow_html=True
     )
 
-    logger.info(f"Page successfully configured with title: {PAGE_TITLE}")
-    st.session_state.config_status = False
-    st.markdown("<hr>", unsafe_allow_html=True)  # To add a Horizontal line below title
-
 def img_to_base64(image_path):
     """Convert image to base64."""
     try:

src/frontend/home.py

@@ -1,5 +1,55 @@
-from app import common_fuctions
 import streamlit as st
+from app import common_fuctions
+from PIL import Image  
+
+def render_homepage():
+    """Renders the Yuvabe Care Companion AI homepage."""
+
+    # Page Configuration
+    common_fuctions.config_homepage(st)
+    common_fuctions.set_page_title(st)
+
+
+    # Welcome Section with Visual
+    st.image("src/frontend/images/health_care_baner.png", 
+             use_container_width=True, 
+             caption="Your AI-Powered Health Companion")
+
+    st.markdown("""
+    ### 👋 Welcome to the Yuvabe Care Companion AI!
+    This platform offers comprehensive tools to support your healthcare journey. Use the tabs below to navigate:
+    """)
+
+    # Feature Overview Section
+    st.markdown("""
+    ### 🔹 Key Features
+    - **Admin Portal** — Manage records, data, and configurations efficiently.
+    - **Knowledge Base Explorer** — Leverage advanced vector search to find relevant knowledge entries with precision.
+    - **Patient Assistance** — Personalized guidance to help patients describe their concerns.
+
+    > 💡 *Explore each section for detailed functionality.*
+    """)
+
+    # Navigation Tabs
+    Home, Admin_Portal, Knowledge_Base_Explorer = st.tabs(
+        ["🏠 Home", "🔒 Admin Portal", "📚 Knowledge Base Explorer"]
+    )
+
+    with Home:
+        st.markdown("### 🌟 Getting Started")
+        st.markdown("""
+        - Select **Admin Portal** for system configurations and data management.
+        - Go to **Knowledge Base Explorer** to explore and manage knowledge entries.
+        """)
+
+    with Admin_Portal:
+        if st.button("Go to Admin Portal"):
+            st.switch_page("pages/admin_portal.py")
 
-common_fuctions.config_homepage(st)
+    with Knowledge_Base_Explorer:
+        if st.button("Go to Knowledge Base Explorer"):
+            st.switch_page("pages/knowledge_base_explorer.py")
 
+# Render the Homepage
+if __name__ == "__main__":
+    render_homepage()

src/frontend/pages/Admin_Portal.py

@@ -1,61 +1,39 @@
 import streamlit as st
 from app import pinecone_data_handler
 
-
-st.title("Admin Portal")
-
-DataManager = st.tabs(["Pinecone Data Manager"])[0]
-
-with DataManager:
-    Upsert, Delete = st.tabs(["Upsert Data", "Delete Records"])
-
-    with Upsert:
-        pinecone_data_handler.upsert_data(st)
-    with Delete:
-        pinecone_data_handler.delete_records(st)
-
-
-# with tab3:
-
-
-
-
-# # Upsert Data Form
-# st.header("Upsert Data")
-# with st.form("upsert_form"):
-#     input_text = st.text_area("Input", "What is mental health?")
-#     output_text = st.text_area("Output", "Mental health refers to...")
-#     instruction_text = st.text_input("Instruction", "Focus on general well-being.")
-#     upsert_submit = st.form_submit_button("Upsert Data")
-
-#     if upsert_submit:
-#         payload = {"data": [{"input": input_text, "output": output_text, "instruction": instruction_text}]}
-#         response = requests.post(f"{API_BASE_URL}/upsert-data", json=payload)
-#         st.success(response.json()["message"]) if response.status_code == 200 else st.error(response.json()["detail"])
-
-# # Delete Records Form
-# st.header("Delete Records")
-# with st.form("delete_form"):
-#     ids_to_delete = st.text_area("IDs to Delete", "id_123, id_456").split(",")
-#     delete_submit = st.form_submit_button("Delete Records")
-
-#     if delete_submit:
-#         payload = {"ids_to_delete": [id.strip() for id in ids_to_delete]}
-#         response = requests.post(f"{API_BASE_URL}/delete-records", json=payload)
-#         st.success(response.json()["message"]) if response.status_code == 200 else st.error(response.json()["detail"])
-
-# # Fetch Metadata Form
-# st.header("Fetch Metadata")
-# with st.form("fetch_metadata_form"):
-#     prompt_text = st.text_area("Prompt", "Tell me about mental health")
-#     n_result = st.number_input("Number of Results", min_value=1, value=3)
-#     score_threshold = st.number_input("Score Threshold", min_value=0.0, max_value=1.0, value=0.47)
-#     metadata_submit = st.form_submit_button("Fetch Metadata")
-
-#     if metadata_submit:
-#         payload = {"prompt": prompt_text, "n_result": n_result, "score_threshold": score_threshold}
-#         response = requests.post(f"{API_BASE_URL}/fetch-metadata", json=payload)
-#         if response.status_code == 200:
-#             st.json(response.json()["metadata"])
-#         else:
-            # st.error(response.json()["detail"])
+def render_admin_portal():
+    """Renders the Admin Portal page with improved UI and navigation."""
+    
+    # Page Configuration
+    st.set_page_config(page_title="Admin Portal", page_icon="🔒", layout="wide")
+
+    # Header Section
+    st.title("🔒 Admin Portal")
+    st.markdown("""
+    ### Welcome to the Admin Portal!
+    Manage your Pinecone data efficiently with the options below.
+    """)
+
+    # Data Manager Tabs
+    DataManager = st.tabs(["📂 Pinecone Data Manager"])[0]
+
+    with DataManager:
+        Upsert, Delete = st.tabs(["📥 Upsert Data", "🗑️ Delete Records"])
+
+        with Upsert:
+            st.markdown("### 📥 Upsert Data")
+            st.info("Use this section to insert or update data in Pinecone.")
+            pinecone_data_handler.upsert_data(st)
+
+        with Delete:
+            st.markdown("### 🗑️ Delete Records")
+            st.warning("Use this section to delete records from Pinecone. Be cautious when performing deletions.")
+            pinecone_data_handler.delete_records(st)
+
+    # Sidebar for Navigation
+    st.sidebar.title("🔀 Navigation")
+    st.sidebar.markdown("[🏠 Home](http://localhost:8501)", unsafe_allow_html=True)
+
+# Call the function to render the Admin Portal
+if __name__ == "__main__":
+    render_admin_portal()

src/frontend/pages/Knowledge_Base_Explorer.py

@@ -1,9 +1,28 @@
 import streamlit as st
 from app import pinecone_data_handler
 
-st.title("Knowledge Base Explorer")
+def render_knowledge_base_explorer():
+    """Renders the Knowledge Base Explorer page with improved UI and navigation."""
+    
+    # Page Configuration
+    st.set_page_config(page_title="Knowledge Base Explorer", page_icon="📚", layout="wide")
 
-st.markdown("Enter your concerns below to receive helpful information.")
+    # Header Section
+    st.title("📚 Knowledge Base Explorer")
+    st.markdown("""
+    ### Discover Helpful Information!
+    Enter your concerns below to receive insights and solutions tailored to your needs.
+    """)
 
-with st.expander("Knowledge Base"):
-    pinecone_data_handler.render_metadata_fetch_form(st)
+    # Knowledge Base Section
+    with st.expander("🔍 Explore the Knowledge Base"):
+        pinecone_data_handler.render_metadata_fetch_form(st)
+
+    # Sidebar for Navigation
+    st.sidebar.title("🔀 Navigation")
+    st.sidebar.markdown("[🏠 Home](http://localhost:8501)", unsafe_allow_html=True)
+    st.sidebar.markdown("[🔒 Admin Portal](http://localhost:8501/Admin_Portal)", unsafe_allow_html=True)
+
+# Call the function to render the Knowledge Base Explorer
+if __name__ == "__main__":
+    render_knowledge_base_explorer()

src/frontend/pages/chat_with_me.py

@@ -1,33 +0,0 @@
-from app import common_fuctions
-import streamlit as st
-
-common_fuctions.config_homepage(st)
-
-def open_chat():
-
-    prompt = st.chat_input("Ask me anything related to health care")
-
-    if "chat_history" not in st.session_state:
-        st.session_state.chat_history = []
-
-    if prompt :
-
-        with st.chat_message('user'):
-            st.markdown(prompt)
-        
-        with st.spinner("Thinking..."):
-            # response = common_fuctions.fetch_response(prompt, st.session_state.chat_history)
-            response = common_fuctions.get_api_response("/test/relevant-response",prompt)
-
-        with st.chat_message('assistant'):
-            st.markdown(response)
-
-                # Append to chat history
-        st.session_state.chat_history.append({"role": "user", "content": prompt})
-        st.session_state.chat_history.append({"role": "assistant", "content": response})
-
-    # for chat in st.session_state.chat_history:
-    #     with st.chat_message(chat["role"]):
-    #         st.markdown(chat["content"])
-
-open_chat()