Update app.py

app.py

@@ -12,15 +12,17 @@ def generate_caption(image):
     """Queries the Hugging Face API to generate an image caption."""
     if not API_KEY:
         return "API key is missing! Please set it in Hugging Face secrets."
-    response = requests.post(API_URL, headers=headers, files={"file": image})
-    if response.status_code == 200:
+    
+    try:
+        response = requests.post(API_URL, headers=headers, files={"file": image})
+        response.raise_for_status()  # Raise an error for bad responses
         result = response.json()
         return result[0].get("generated_text", "No caption generated.")
-    else:
-        return f"Error: {response.status_code}, {response.text}"
+    except requests.exceptions.RequestException as e:
+        return f"Error: {str(e)}"
 
 # Gradio UI components
-title = "✨Captionator_X ✨"
+title = "✨ Captionator_X ✨"
 description = """
 Upload an image, and let AI describe it for you in a creative and accurate way!  
 This application uses Hugging Face's state-of-the-art image captioning model.
@@ -28,18 +30,18 @@ This application uses Hugging Face's state-of-the-art image captioning model.
 theme = gr.themes.Monochrome()
 
 with gr.Blocks(theme=theme) as app:
-    gr.Markdown(f"<h1 style='text-align: center;'>{title}</h1>")
-    gr.Markdown(f"<p style='text-align: center;'>{description}</p>")
+    gr.Markdown(f"<h1 style='text-align: center; color: #4A90E2;'>{title}</h1>")
+    gr.Markdown(f"<p style='text-align: center; font-size: 1.2rem;'>{description}</p>")
     
     with gr.Row():
         with gr.Column():
-            image_input = gr.Image(type="file", label="Upload Your Image", elem_id="image-uploader")
+            image_input = gr.Image(type="file", label="Upload Your Image", elem_id="image-uploader", tooltips="Click to upload an image.")
         with gr.Column():
-            output_text = gr.Textbox(label="Generated Caption", lines=4, interactive=False, elem_id="output-text")
+            output_text = gr.Textbox(label="Generated Caption", lines=4, interactive=False, elem_id="output-text", placeholder="Your caption will appear here...", tooltips="Generated caption will be displayed here.")
     
     submit_button = gr.Button("✨ Generate Caption ✨", elem_id="submit-btn")
-    submit_button.click(generate_caption, inputs=[image_input], outputs=[output_text])
+    submit_button.click(generate_caption, inputs=image_input, outputs=output_text)
     
-    gr.Markdown("<p style='text-align: center; font-size: 0.9rem;'>Powered by Hugging Face 🤗 and Gradio 🚀</p>")
+    gr.Markdown("<p style='text-align: center; font-size: 0.9rem; color: #888;'>Powered by Hugging Face 🤗 and Gradio 🚀</p>")
 
-app.launch()
+app.launch()