feat: update descriptions

gradio_chat.py

@@ -17,6 +17,45 @@ model = OpenAIModel(
     api_key=os.environ.get("OPENAI_API_KEY"),
 )
 
+INTRO = """
+# Image Editing Assistant
+
+### Experience seamless image editing using natural language in a chat-based interface.
+
+With this demo, you can:
+- Enhance or upscale an image
+- Remove objects from an image
+- Replace elements within an image
+- Change the background
+"""
+
+EXAMPLES = [
+    {
+        "text": "Replace the background to the space with stars and planets",
+        "files": [
+            "https://cdn.prod.website-files.com/66f230993926deadc0ac3a44/66f370d65f158cbbcfbcc532_Crossed%20Arms%20Levi%20Meir%20Clancy.jpg"
+        ]
+    },
+    {
+        "text": "Change all the balloons to red in the image",
+        "files": [
+            "https://www.apple.com/tv-pr/articles/2024/10/apple-tv-unveils-severance-season-two-teaser-ahead-of-the-highly-anticipated-return-of-the-emmy-and-peabody-award-winning-phenomenon/images/big-image/big-image-01/1023024_Severance_Season_Two_Official_Trailer_Big_Image_01_big_image_post.jpg.large_2x.jpg"
+        ]
+    },
+    {
+        "text": "Change coffee to a glass of water",
+        "files": [
+            "https://previews.123rf.com/images/vadymvdrobot/vadymvdrobot1812/vadymvdrobot181201149/113217373-image-of-smiling-woman-holding-takeaway-coffee-in-paper-cup-and-taking-selfie-while-walking-through.jpg"
+        ]
+    },
+    {
+        "text": "ENHANCE!",
+        "files": [
+            "https://m.media-amazon.com/images/M/MV5BNzM3ODc5NzEtNzJkOC00MDM4LWI0MTYtZTkyNmY3ZTBhYzkxXkEyXkFqcGc@._V1_QL75_UX1000_CR0,52,1000,563_.jpg"
+        ]
+    }
+]
+
 simple_agent = Agent(
     model,
     system_prompt="You are a helpful assistant that can answer questions and help with tasks.",
@@ -160,19 +199,7 @@ async def stream_from_agent(chat_input, chatbot, past_messages, current_image):
         yield gr.Textbox(interactive=True), gr.skip(), past_messages, current_image
 
 with gr.Blocks() as demo:
-    gr.HTML(
-        """
-<div style="display: flex; justify-content: center; align-items: center; gap: 2rem; padding: 1rem; width: 100%">
-    <img src="https://ai.pydantic.dev/img/logo-white.svg" style="max-width: 200px; height: auto">
-    <div>
-        <h1 style="margin: 0 0 1rem 0">Image Editing Assistant</h1>
-        <h3 style="margin: 0 0 0.5rem 0">
-            This assistant edits images according to your instructions.
-        </h3>
-    </div>
-</div>
-"""
-    )
+    gr.Markdown(INTRO)
 
     current_image = gr.State(None)
     past_messages = gr.State([])
@@ -181,32 +208,7 @@ with gr.Blocks() as demo:
         label='Image Editing Assistant',
         type='messages',
         avatar_images=(None, 'https://ai.pydantic.dev/img/logo-white.svg'),
-        examples=[
-            {
-                "text": "Replace the background to the space with stars and planets",
-                "files": [
-                    "https://cdn.prod.website-files.com/66f230993926deadc0ac3a44/66f370d65f158cbbcfbcc532_Crossed%20Arms%20Levi%20Meir%20Clancy.jpg"
-                ]
-            },
-            {
-                "text": "Change all the balloons to red in the image",
-                "files": [
-                    "https://www.apple.com/tv-pr/articles/2024/10/apple-tv-unveils-severance-season-two-teaser-ahead-of-the-highly-anticipated-return-of-the-emmy-and-peabody-award-winning-phenomenon/images/big-image/big-image-01/1023024_Severance_Season_Two_Official_Trailer_Big_Image_01_big_image_post.jpg.large_2x.jpg"
-                ]
-            },
-            {
-                "text": "Change coffee to a glass of water",
-                "files": [
-                    "https://previews.123rf.com/images/vadymvdrobot/vadymvdrobot1812/vadymvdrobot181201149/113217373-image-of-smiling-woman-holding-takeaway-coffee-in-paper-cup-and-taking-selfie-while-walking-through.jpg"
-                ]
-            },
-            {
-                "text": "ENHANCE!",
-                "files": [
-                    "https://m.media-amazon.com/images/M/MV5BNzM3ODc5NzEtNzJkOC00MDM4LWI0MTYtZTkyNmY3ZTBhYzkxXkEyXkFqcGc@._V1_QL75_UX1000_CR0,52,1000,563_.jpg"
-                ]
-            }
-        ]
+        examples=EXAMPLES
     )
 
     with gr.Row():
@@ -233,5 +235,12 @@ with gr.Blocks() as demo:
         outputs=[chat_input, chatbot, past_messages, current_image],
     )
 
+    examples = gr.Examples(
+        examples=EXAMPLES,
+        inputs=[chat_input],
+        outputs=[chat_input],
+    )
+    
+
 if __name__ == '__main__':
     demo.launch()