feat: Implement new layout and styling for the frontend application

- Added Layout component with responsive header and navigation.
- Created Layout.module.css for styling the header, navigation links, and menu toggle.
- Integrated LoginButton and menu toggle functionality.
- Set up TypeScript configuration and Vite for the frontend build process.
- Removed obsolete approaches related to chat retrieval and reading vision.
- Updated backend paths in start scripts and Azure configuration.

Author: imsh-mlops

app/hrchatbot/backend/.dockerignore renamed to app/backend/.dockerignore

@@ -30,9 +30,10 @@ WORKDIR /app
 # Copy application code
 COPY . .
 
-# Ensure we use the venv
+# Ensure we use the venv and set Python path
 ENV PATH="/app/.venv/bin:$PATH"
+ENV PYTHONPATH="/app:$PYTHONPATH"
 
 # Run the application
 EXPOSE 8000
-CMD ["python", "-m", "gunicorn", "-b", "0.0.0.0:8000", "main:app"]
+CMD ["python", "-m", "gunicorn", "-c", "gunicorn.conf.py", "hrchatbot.main:app"]

app/hrchatbot/backend/.python-version renamed to app/backend/.python-version

@@ -15,4 +15,4 @@
     workers = 1
 else:
     workers = (num_cpus * 2) + 1
-worker_class = "custom_uvicorn_worker.CustomUvicornWorker"
+worker_class = "hrchatbot.custom_uvicorn_worker.CustomUvicornWorker"

app/hrchatbot/backend/Dockerfile renamed to app/backend/Dockerfile

@@ -50,14 +50,11 @@
 )
 from quart_cors import cors
 
-from approaches.approach import Approach
-from approaches.chatreadretrieveread import ChatReadRetrieveReadApproach
-from approaches.chatreadretrievereadvision import ChatReadRetrieveReadVisionApproach
-from approaches.promptmanager import PromptyManager
-from approaches.retrievethenread import RetrieveThenReadApproach
-from approaches.retrievethenreadvision import RetrieveThenReadVisionApproach
-from chat_history.cosmosdb import chat_history_cosmosdb_bp
-from config import (
+from hrchatbot.approaches.approach import Approach
+from hrchatbot.approaches.chatreadretrieveread import ChatReadRetrieveReadApproach
+from hrchatbot.approaches.promptmanager import PromptyManager
+from hrchatbot.chat_history.cosmosdb import chat_history_cosmosdb_bp
+from hrchatbot.config import (
     CONFIG_AGENT_CLIENT,
     CONFIG_AGENTIC_RETRIEVAL_ENABLED,
     CONFIG_ASK_APPROACH,
@@ -90,18 +87,18 @@
     CONFIG_USER_UPLOAD_ENABLED,
     CONFIG_VECTOR_SEARCH_ENABLED,
 )
-from core.authentication import AuthenticationHelper
-from core.sessionhelper import create_session_id
-from decorators import authenticated, authenticated_path
-from error import error_dict, error_response
-from prepdocs import (
+from hrchatbot.core.authentication import AuthenticationHelper
+from hrchatbot.core.sessionhelper import create_session_id
+from hrchatbot.decorators import authenticated, authenticated_path
+from hrchatbot.error import error_dict, error_response
+from hrchatbot.prepdocs import (
     clean_key_if_exists,
     setup_embeddings_service,
     setup_file_processors,
     setup_search_info,
 )
-from prepdocslib.filestrategy import UploadUserFileStrategy
-from prepdocslib.listfilestrategy import File
+from hrchatbot.prepdocslib.filestrategy import UploadUserFileStrategy
+from hrchatbot.prepdocslib.listfilestrategy import File
 
 bp = Blueprint("routes", __name__, static_folder="static")
 # Fix Windows registry issue with mimetypes
@@ -828,29 +825,6 @@ async def setup_clients():
 
     prompt_manager = PromptyManager()
 
-    # Set up the two default RAG approaches for /ask and /chat
-    # RetrieveThenReadApproach is used by /ask for single-turn Q&A
-    current_app.config[CONFIG_ASK_APPROACH] = RetrieveThenReadApproach(
-        search_client=search_client,
-        search_index_name=AZURE_SEARCH_INDEX,
-        agent_model=AZURE_OPENAI_SEARCHAGENT_MODEL,
-        agent_deployment=AZURE_OPENAI_SEARCHAGENT_DEPLOYMENT,
-        agent_client=agent_client,
-        openai_client=openai_client,
-        auth_helper=auth_helper,
-        chatgpt_model=OPENAI_CHATGPT_MODEL,
-        chatgpt_deployment=AZURE_OPENAI_CHATGPT_DEPLOYMENT,
-        embedding_model=OPENAI_EMB_MODEL,
-        embedding_deployment=AZURE_OPENAI_EMB_DEPLOYMENT,
-        embedding_dimensions=OPENAI_EMB_DIMENSIONS,
-        embedding_field=AZURE_SEARCH_FIELD_NAME_EMBEDDING,
-        sourcepage_field=KB_FIELDS_SOURCEPAGE,
-        content_field=KB_FIELDS_CONTENT,
-        query_language=AZURE_SEARCH_QUERY_LANGUAGE,
-        query_speller=AZURE_SEARCH_QUERY_SPELLER,
-        prompt_manager=prompt_manager,
-        reasoning_effort=OPENAI_REASONING_EFFORT,
-    )
 
     # ChatReadRetrieveReadApproach is used by /chat for multi-turn conversation
     current_app.config[CONFIG_CHAT_APPROACH] = ChatReadRetrieveReadApproach(
@@ -898,50 +872,6 @@ async def setup_clients():
             azure_credential, "https://cognitiveservices.azure.com/.default"
         )
 
-        current_app.config[CONFIG_ASK_VISION_APPROACH] = RetrieveThenReadVisionApproach(
-            search_client=search_client,
-            openai_client=openai_client,
-            blob_container_client=blob_container_client,
-            auth_helper=auth_helper,
-            vision_endpoint=AZURE_VISION_ENDPOINT,
-            vision_token_provider=token_provider,
-            gpt4v_deployment=AZURE_OPENAI_GPT4V_DEPLOYMENT,
-            gpt4v_model=AZURE_OPENAI_GPT4V_MODEL,
-            embedding_model=OPENAI_EMB_MODEL,
-            embedding_deployment=AZURE_OPENAI_EMB_DEPLOYMENT,
-            embedding_dimensions=OPENAI_EMB_DIMENSIONS,
-            embedding_field=AZURE_SEARCH_FIELD_NAME_EMBEDDING,
-            sourcepage_field=KB_FIELDS_SOURCEPAGE,
-            content_field=KB_FIELDS_CONTENT,
-            query_language=AZURE_SEARCH_QUERY_LANGUAGE,
-            query_speller=AZURE_SEARCH_QUERY_SPELLER,
-            prompt_manager=prompt_manager,
-        )
-
-        current_app.config[CONFIG_CHAT_VISION_APPROACH] = (
-            ChatReadRetrieveReadVisionApproach(
-                search_client=search_client,
-                openai_client=openai_client,
-                blob_container_client=blob_container_client,
-                auth_helper=auth_helper,
-                vision_endpoint=AZURE_VISION_ENDPOINT,
-                vision_token_provider=token_provider,
-                chatgpt_model=OPENAI_CHATGPT_MODEL,
-                chatgpt_deployment=AZURE_OPENAI_CHATGPT_DEPLOYMENT,
-                gpt4v_deployment=AZURE_OPENAI_GPT4V_DEPLOYMENT,
-                gpt4v_model=AZURE_OPENAI_GPT4V_MODEL,
-                embedding_model=OPENAI_EMB_MODEL,
-                embedding_deployment=AZURE_OPENAI_EMB_DEPLOYMENT,
-                embedding_dimensions=OPENAI_EMB_DIMENSIONS,
-                embedding_field=AZURE_SEARCH_FIELD_NAME_EMBEDDING,
-                sourcepage_field=KB_FIELDS_SOURCEPAGE,
-                content_field=KB_FIELDS_CONTENT,
-                query_language=AZURE_SEARCH_QUERY_LANGUAGE,
-                query_speller=AZURE_SEARCH_QUERY_SPELLER,
-                prompt_manager=prompt_manager,
-            )
-        )
-
 
 @bp.after_app_serving
 async def close_clients():

app/hrchatbot/backend/gunicorn.conf.py renamed to app/backend/gunicorn.conf.py

@@ -33,8 +33,8 @@
     ChatCompletionToolParam,
 )
 
-from approaches.promptmanager import PromptManager
-from core.authentication import AuthenticationHelper
+from hrchatbot.approaches.promptmanager import PromptManager
+from hrchatbot.core.authentication import AuthenticationHelper
 
 
 @dataclass

app/hrchatbot/backend/approaches/__init__.py renamed to app/backend/hrchatbot/__init__.py

@@ -11,7 +11,7 @@
     ChatCompletionMessageParam,
 )
 
-from approaches.approach import (
+from hrchatbot.approaches.approach import (
     Approach,
     ExtraInfo,
 )

app/hrchatbot/backend/app.py renamed to app/backend/hrchatbot/app.py

@@ -12,10 +12,10 @@
     ChatCompletionToolParam,
 )
 
-from approaches.approach import DataPoints, ExtraInfo, ThoughtStep
-from approaches.chatapproach import ChatApproach
-from approaches.promptmanager import PromptManager
-from core.authentication import AuthenticationHelper
+from hrchatbot.approaches.approach import DataPoints, ExtraInfo, ThoughtStep
+from hrchatbot.approaches.chatapproach import ChatApproach
+from hrchatbot.approaches.promptmanager import PromptManager
+from hrchatbot.core.authentication import AuthenticationHelper
 
 
 class ChatReadRetrieveReadApproach(ChatApproach):