first draft UI completed

requirements.txt

@@ -0,0 +1,8 @@
+langchain
+langgraph
+langchain_community
+langchain_core
+langchain_groq
+langchain_openai
+faiss-cpu
+streamlit

src/user_interface/streamlitui/loadui.py

@@ -0,0 +1,74 @@
+import os
+import sys
+# Add the src directory to the Python path
+sys.path.append(os.path.join(os.path.dirname(__file__), '..', '..', '..'))
+
+import streamlit as st 
+from datetime import datetime
+from langchain_core.messages import HumanMessage, AIMessage
+from src.user_interface.uiconfig import config
+import sys
+
+
+
+class LoadStreamlitUI:
+    def __init__(self):
+        self.config = config()
+        self.user_controls = {}
+    
+    def initialize_session(self):
+        return {
+        "current_step": "requirements",
+        "requirements": "",
+        "user_stories": "",
+        "po_feedback": "",
+        "generated_code": "",
+        "review_feedback": "",
+        "decision": None
+    }
+
+    def load_streamlit_ui(self):
+        st.set_page_config(page_title= "🤖 " + self.config.get_page_title(), 
+                           layout="wide",
+                           page_icon="🧊")
+        st.header("🤖 " + self.config.get_page_title())
+        st.session_state.timeframe = ''
+        st.session_state.IsFetchButtonClicked = False
+        st.session_state.IsSDLC = False
+        
+        with st.sidebar:
+            llm_options = self.config.get_llm_options()
+            use_case_options = self.config.get_usecase_options()
+            self.user_controls["selected_llm"] = st.selectbox("Select LLM", llm_options)
+
+            if self.user_controls["selected_llm"] == 'Groq':
+                #select the model from the list
+                groq_model_options = self.config.get_groq_model_options()
+                self.user_controls["selected_model"] = st.selectbox("Select Model", groq_model_options)
+                #ask to enter the API Key as well 
+                self.user_controls["GROQ_API_KEY"] = st.session_state["GROQ_API_KEY"] = st.text_input("Enter your Groq API Key", type="password")
+
+                #Validate the API key
+                if not self.user_controls["GROQ_API_KEY"]:
+                    st.warning("⚠️ Please enter your GROQ API key to proceed. Don't have? refer : https://console.groq.com/keys ")
+
+            self.user_controls["selected_usecase"] = st.selectbox("Select Use Case", use_case_options)
+
+            if self.user_controls["selected_usecase"] == 'Chatbot with Tool':
+
+                #ask for Tavily API key
+                self.user_controls["TAVILY_API_KEY"] = st.session_state["TAVILY_API_KEY"] = st.text_input("Enter your Tavily API Key", type="password")
+                if not self.user_controls["TAVILY_API_KEY"]:
+                    st.warning("⚠️ Please enter your TAVILTY API key to proceed. Don't have? refer : https://tavily.com/")
+            
+            if "state" not in st.session_state:
+                st.session_state.state = self.initialize_session()
+
+
+
+if __name__ == "__main__":
+    a= LoadStreamlitUI()
+    a.load_streamlit_ui()
+    print(a.config.get_page_title())
+
+       

src/user_interface/uiconfig.py

@@ -0,0 +1,26 @@
+from configparser import ConfigParser
+import sys
+import os
+
+# config_filepath= os.path.join(".","src", "user_interface", "uiconfigfile.ini")
+config_filepath = os.path.join(os.path.dirname(__file__), "uiconfigfile.ini")
+print("config_filepath >> ",config_filepath)
+
+class config:
+    """To read the default config file, contains the page title, model providers and model lists
+    we can use Yaml file as well for configurations"""
+    def __init__(self, config_file=config_filepath):
+        self.config= ConfigParser()
+        self.config.read(config_file)
+    
+    def get_llm_options(self):
+        return self.config['DEFAULT']["LLM_OPTIONS"].split(", ")
+    
+    def get_groq_model_options(self):
+        return self.config['DEFAULT']["GROQ_MODEL_OPTIONS"].split(", ")
+
+    def get_page_title(self):
+        return self.config["DEFAULT"].get("PAGE_TITLE")
+
+    def get_usecase_options(self):
+        return self.config["DEFAULT"].get("USECASE_OPTIONS").split(", ")

src/user_interface/uiconfigfile.ini

@@ -0,0 +1,5 @@
+[DEFAULT]
+PAGE_TITLE = LangGraph: Build Stateful Agentic AI graph
+LLM_OPTIONS = Groq
+USECASE_OPTIONS = Basic Chatbot, Chatbot with Tool
+GROQ_MODEL_OPTIONS = mixtral-8x7b-32768, llama3-8b-8192, llama3-70b-8192, gemma-7b-i