Update app.py

app.py

@@ -146,7 +146,7 @@ def encode_image(image_file):
     return base64.b64encode(image_file.getvalue()).decode("utf-8")
 
 # Streamlit page setup
-st.set_page_config(page_title="MTSS Image Accessibility Alt Text Generator", layout="centered", initial_sidebar_state="expanded")
+st.set_page_config(page_title="MTSS Image Accessibility Alt Text Generator", layout="centered", initial_sidebar_state="collapsed")
 
 #Add the image with a specified width
 image_width = 300  # Set the desired width in pixels
@@ -162,6 +162,8 @@ openai.api_key = st.secrets["openai_api_key"]
 # File uploader allows user to add their own image
 # uploaded_file = st.file_uploader("Upload an image", type=["jpg", "png", "jpeg"])
 
+st.write("Please open the sidebar to upload an image.")
+
 # Move the file uploader to the sidebar
 uploaded_file = st.sidebar.file_uploader("Upload an image", type=["jpg", "png", "jpeg"])
 
@@ -169,7 +171,7 @@ if uploaded_file:
     # Display the uploaded image with specified width
     image_width = 100  # Set the desired width in pixels
     with st.expander("Image", expanded=True):
-        st.image(uploaded_file, caption=uploaded_file.name, width=image_width, use_column_width=False)
+        st.sidebar.image(uploaded_file, caption=uploaded_file.name, width=image_width, use_column_width=False)
 
 # Toggle for showing additional details input
 show_details = st.toggle("Add details about the image. ", value=False)
@@ -251,7 +253,7 @@ if uploaded_file is not None and analyze_button:
             # Stream the response
             full_response = ""
             message_placeholder = st.empty()
-            for completion in client.chat.completions.create(
+            for completion in openai.chat.completions.create(
                 model="gpt-4-vision-preview", messages=messages, 
                 max_tokens=1200, stream=True
             ):