File size: 3,093 Bytes
8e423a7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
0f5fcdb
8e423a7
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
import streamlit as st
import os
from openai import OpenAI


class ChatBot:
    def __init__(self):
        self.client = OpenAI(api_key=os.environ["OPENAI_API_KEY"])
        self.history = [{"role": "system", "content": "You are a helpful assistant."}]

    def generate_response(self, prompt: str) -> str:
        self.history.append({"role": "user", "content": prompt})
        
        completion = self.client.chat.completions.create(
            model="gpt-4o",
            messages=self.history
        )
        
        response = completion.choices[0].message.content
        self.history.append({"role": "assistant", "content": response})
        
        return response

    def get_history(self) -> list:
        return self.history


st.set_page_config(layout="wide")
st.title("OpenAI GPT-4o πŸ€–")


with st.sidebar:
    with st.expander("Instruction Manual"):
        st.markdown("""
            ## OpenAI GPT-4o πŸ€– Chatbot
            This Streamlit app allows you to chat with GPT-4o 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 GPT-4o.
            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!
        """)

    # Example:
    st.success("Example: Explain what is supervised learning.")
    st.success("Example: What is large language model?")
    st.success("Example: How to conduct an AI experiment?")
    st.success("Example: Write a tensorflow flow code with a 3-layer neural network model.")


    # Add a button to clear the session state
    if st.button("Clear Session"):
        st.session_state.messages = []
        st.session_state["bot"] = None
        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
bot = ChatBot()
if bot:
    st.session_state["bot"] = bot


if prompt := st.chat_input("πŸ˜‰ Ask any question or feel free to use the examples provided in the left sidebar."):

    # 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})

    # API Call
    response = bot.generate_response(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})