app added

app.py

@@ -0,0 +1,144 @@
+from datetime import datetime
+
+import streamlit as st
+import streamlit_authenticator as stauth
+import yaml
+from yaml.loader import SafeLoader
+
+from utils.frontend.helper import *
+
+st.set_page_config(page_title="SAAS Template App", page_icon="🧊", layout="wide")
+
+with open("config.yaml") as file:
+    config = yaml.load(file, Loader=SafeLoader)
+
+authenticator = stauth.Authenticate(
+    config["credentials"],
+    config["cookie"]["name"],
+    config["cookie"]["key"],
+    config["cookie"]["expiry_days"],
+    config["preauthorized"],
+)
+
+with st.sidebar:
+    if not st.session_state["authentication_status"]:
+        st.markdown(
+            """
+            # Welcome to **Name of the App**
+
+            """
+        )
+
+        # Login
+        with st.expander("Login 🔒", expanded=True):
+            authenticator.login("Login", "main")
+
+            if st.session_state["authentication_status"]:
+                authenticator.logout("Logout", "main", key="unique_key")
+                st.write(f'Welcome *{st.session_state["name"]}*')
+                st.title(
+                    "You logged in! You can choose a session in the bottom of the sidebar and view content."
+                )
+            elif st.session_state["authentication_status"] is False:
+                st.error("Username/password is incorrect")
+            elif st.session_state["authentication_status"] is None:
+                st.warning("Please enter your username and password")
+
+        # Reset Password
+        with st.expander("Reset password 😕"):
+            if st.session_state["authentication_status"]:
+                try:
+                    if authenticator.reset_password(
+                        st.session_state["username"], "Reset password"
+                    ):
+                        st.success("Password modified successfully")
+                except Exception as e:
+                    st.error(e)
+
+        # Forgot Password
+        with st.expander("Forgot password 😕"):
+            try:
+                (
+                    username_of_forgotten_password,
+                    email_of_forgotten_password,
+                    new_random_password,
+                ) = authenticator.forgot_password("Forgot password")
+                if username_of_forgotten_password:
+                    st.success("New password to be sent securely")
+                    # Random password should be transferred to user securely
+                else:
+                    st.error("Username not found")
+            except Exception as e:
+                st.error(e)
+
+        # Update User
+        with st.expander("Update user 😋"):
+            if st.session_state["authentication_status"]:
+                try:
+                    if authenticator.update_user_details(
+                        st.session_state["username"], "Update user details"
+                    ):
+                        st.success("Entries updated successfully")
+                except Exception as e:
+                    st.error(e)
+
+        # Register User
+        with st.expander("Register user 😋", expanded=False):
+            try:
+                # payment_key = st.text_input("Enter Payment Key:")
+                if authenticator.register_user("Register user", preauthorization=False):
+                    # if register_user(payment_key):
+                    st.success("User registered successfully")
+            except Exception as e:
+                st.error(e)
+
+            with open("config.yaml", "w") as file:
+                yaml.dump(config, file, default_flow_style=False)
+
+    # Credit: Time
+    def current_year():
+        now = datetime.now()
+        return now.year
+
+    # Credit:
+    current_year = current_year()  # This will print the current year
+    st.markdown(
+        f"""
+            <h6 style='text-align: left;'>Copyright © 2010-{current_year} Present Yiqiao Yin</h6>
+        """,
+        unsafe_allow_html=True,
+    )
+
+# Main
+if st.session_state["authentication_status"]:
+    st.markdown(
+        """
+        # Content of the App
+
+        Welcome!
+        """
+    )
+
+    # Add Main Content Here
+    # TODO
+    main_chatbot_page()
+
+    # Log out
+    with st.sidebar:
+        with st.expander("Login 🔒", expanded=True):
+            authenticator.login("Login", "main")
+
+            if st.session_state["authentication_status"]:
+                authenticator.logout("Logout", "main", key="unique_key")
+                st.write(f'Welcome *{st.session_state["name"]}*')
+                st.title(
+                    "You logged in! You can choose a session in the bottom of the sidebar and view content."
+                )
+                st.markdown(
+                    "### 🖱️Press "
+                    R" on your keyboard⌨️ to rerun the app for faster loading 🔄."
+                )
+            elif st.session_state["authentication_status"] is False:
+                st.error("Username/password is incorrect")
+            elif st.session_state["authentication_status"] is None:
+                st.warning("Please enter your username and password")

config.yaml

@@ -0,0 +1,21 @@
+cookie:
+  expiry_days: 30
+  key: some_signature_key
+  name: some_cookie_name
+credentials:
+  usernames:
+    eagle0504:
+      email: eagle0504@gmail.com
+      name: Yiqiao
+      password: $2b$12$xTz9hrdI3QbE7IwPMrCYGeqKNYrkJeQ/dz22278xLyMIzb2SZj4Im
+    jsmith:
+      email: jsmith@gmail.com
+      name: John Smith
+      password: $2b$12$y7OJocq.1O9.wk08Qj9qT.aHiatbIzn.8RKs9Yw2Aac/baNtkcqeu
+    rbriggs:
+      email: rbriggs@gmail.com
+      name: Rebecca Briggs
+      password: $2b$12$d6VtLvzfiMv7HBIF2kDhMeeyiyG/LQIUBhZA7e70zKsA/l5bVpQjK
+preauthorized:
+  emails:
+  - melsby@gmail.com

requirements.txt

@@ -0,0 +1,4 @@
+streamlit
+streamlit-authenticator==0.2.3
+pyyaml
+together

utils/frontend/helper.py

@@ -0,0 +1,60 @@
+import streamlit as st
+import os
+from together import Together
+
+from utils.helper import *
+
+def main_chatbot_page():
+    st.set_page_config(layout="wide")
+    st.title("Meta Llama3 🦙")
+
+
+    with st.sidebar:
+        with st.expander("Instruction Manual"):
+            st.markdown("""
+                ## Meta Llama3 🦙 Chatbot
+
+                This Streamlit app allows you to chat with Meta's Llama3 model.
+
+                ### How to Use:
+                1. **Input**: Type your prompt into the chat input box labeled "What is up?".
+                2. **Response**: The app will display a response from Llama3.
+                3. **Chat History**: Previous conversations will be shown on the app.
+
+                ### Credits:
+                - **Developer**: [Yiqiao Yin](https://www.y-yin.io/) | [App URL](https://huggingface.co/spaces/eagle0504/meta-llama) | [LinkedIn](https://www.linkedin.com/in/yiqiaoyin/) | [YouTube](https://youtube.com/YiqiaoYin/)
+
+                Enjoy chatting with Meta's Llama3 model!
+            """)
+
+        # Add a button to clear the session state
+        if st.button("Clear Session"):
+            st.session_state.messages = []
+            st.experimental_rerun()
+
+
+    # Initialize chat history
+    if "messages" not in st.session_state:
+        st.session_state.messages = []
+
+
+    # Display chat messages from history on app rerun
+    for message in st.session_state.messages:
+        with st.chat_message(message["role"]):
+            st.markdown(message["content"])
+
+
+    # React to user input
+    if prompt := st.chat_input("What is up?"):
+        # Display user message in chat message container
+        st.chat_message("user").markdown(prompt)
+        # Add user message to chat history
+        st.session_state.messages.append({"role": "user", "content": prompt})
+
+        response = call_llama(prompt)
+
+        # Display assistant response in chat message container
+        with st.chat_message("assistant"):
+            st.markdown(response)
+        # Add assistant response to chat history
+        st.session_state.messages.append({"role": "assistant", "content": response})

utils/frontend/utils/helper.py

@@ -0,0 +1,34 @@
+import streamlit as st
+import os
+from together import Together
+
+
+client = Together(api_key=os.environ["TOGETHER_API_KEY"])
+
+
+def call_llama(prompt: str) -> str:
+    """
+        Send a prompt to the Llama model and return the response.
+        Args:
+            prompt (str): The input prompt to send to the Llama model.
+        Returns:
+            str: The response from the Llama model.
+    """
+
+    # Create a completion request with the prompt
+    response = client.chat.completions.create(
+
+        # Use the Llama-3-8b-chat-hf model
+        model="meta-llama/Llama-3-8b-chat-hf",
+
+        # Define the prompt as a user message
+        messages=[
+            {
+                "role": "user",
+                "content": prompt  # Use the input prompt
+            }
+        ],
+    )
+
+    # Return the content of the first response message
+    return response.choices[0].message.content