Update app.py

app.py

@@ -1,6 +1,6 @@
 import streamlit as st
 import base64
-import openai
+from openai 
 
 # Function to encode the image to base64
 def encode_image(image_file):
@@ -10,21 +10,19 @@ def encode_image(image_file):
 st.set_page_config(page_title="MTSS Image Accessibility Alt Text Generator", layout="centered", initial_sidebar_state="collapsed")
 st.title("MTSS Snapshot: Accessibility Image Textifier: `Alt Text`")
 
-# Retrieve the OpenAI API key from Streamlit secrets and set it
+# Retrieve the OpenAI API Key from secrets
 openai.api_key = st.secrets["openai_api_key"]
 
-# # Set the OpenAI API key for the client
-# openai.api_key = api_key
-
-# File uploader for images
+# File uploader allows user to add their own image
 uploaded_file = st.file_uploader("Upload an image", type=["jpg", "png", "jpeg"])
 
 if uploaded_file:
-    with st.expander("Image", expanded=True):
+    # Display the uploaded image
+    with st.expander("Image", expanded = True):
         st.image(uploaded_file, caption=uploaded_file.name, use_column_width=True)
 
-# Toggle for additional details input
-show_details = st.checkbox("Add details about the image")
+# Toggle for showing additional details input
+show_details = st.toggle("Add details about the image", value=False)
 
 if show_details:
     # Text input for additional details about the image, shown only if toggle is True
@@ -34,13 +32,12 @@ if show_details:
     )
 
 # Button to trigger the analysis
-analyze_button = st.button("Analyse the MTSS Image")
+analyze_button = st.button("Analyse the Image", type="secondary")
 
 # Check if an image has been uploaded, if the API key is available, and if the button has been pressed
-# if uploaded_file is not None and api_key and analyze_button:
-if uploaded_file is not None and analyze_button:
+if uploaded_file is not None and api_key and analyze_button:
 
-    with st.spinner("Analysing the image ..."):
+    with st.spinner("Analyzing the image ..."):
         # Encode the image
         base64_image = encode_image(uploaded_file)
     
@@ -49,13 +46,15 @@ if uploaded_file is not None and analyze_button:
             "You are a highly knowledgeable accessibility expert. "
             "Your task is to examine the following image in detail. "
             "Provide a comprehensive, factual, and accurate explanation of what the image depicts. "
-            "Highlight key elements and their significance, and present your analysis in clear, well-structured format. "
-            "Create a detailed image caption explaining in 150 words or less. "
+            "Highlight key elements and their significance, and present your analysis in clear, well-structured markdown format. "
+            "Create a detailed image caption in explaining in 150 words or less."
         )
-
+    
         if show_details and additional_details:
-            prompt_text += f"\n\nAdditional Context Provided by the User:\n{additional_details}"
-
+            prompt_text += (
+                f"\n\nAdditional Context Provided by the User:\n{additional_details}"
+            )
+    
         # Create the payload for the completion request
         messages = [
             {
@@ -69,7 +68,7 @@ if uploaded_file is not None and analyze_button:
                 ],
             }
         ]
-
+    
         # Make the request to the OpenAI API
         try:
             # Without Stream
@@ -101,4 +100,4 @@ else:
     if not uploaded_file and analyze_button:
         st.warning("Please upload an image.")
     if not api_key:
-        st.warning("Please enter your OpenAI API key.")
+        st.warning("Please enter your OpenAI API key.")")