St.markdown after chat

[raybellwaves]

I am creating a streamlit application where the top will have a chat interface then the second part with separate text.

It seems once I start a chat interface the input will always appear at the bottom. Is there a way to keep the input at the same location?

openai_api_key = st.text_input("OpenAI API Key", type="password")
client = OpenAI(api_key=openai_api_key)
if "openai_model" not in st.session_state:
    st.session_state["openai_model"] = "gpt-3.5-turbo"
if "messages" not in st.session_state:
    st.session_state.messages = []
for message in st.session_state.messages:
    with st.chat_message(message["role"]):
        st.markdown(message["content"])
if prompt := st.chat_input("what's up?"):
    # Add user message to chat history
    st.session_state.messages.append({"role": "user", "content": prompt})
    # Display user message in chat message container
    with st.chat_message("user"):
        st.markdown(prompt)
    with st.chat_message("assistant"):
        stream = client.chat.completions.create(
            model=st.session_state["openai_model"],
            messages=[
                {"role": m["role"], "content": m["content"]}
                for m in st.session_state.messages
            ],
            stream=True,
        )
        response = st.write_stream(stream)
    st.session_state.messages.append({"role": "assistant", "content": response})


st.markdown("That was cool.")

[dataprofessor]

Hi @raybellwaves

Have you tried using st.empty() as a placeholder that you can initially define and later update with a generated response, which should update the placeholder with the new response.