Update src/app.py

src/app.py

@@ -148,10 +148,10 @@ def process_images(annotated_image, second_image, user_api_key=None, progress=gr
 
 
 # Create the Gradio interface
-with gr.Blocks() as demo:
+with gr.Blocks(theme='monochrome') as demo:
     gr.HTML(
         """
-        <h1><center>🎨 Grounded Nano Banana App</center></h1>
+        <h1><center>Guide Your Nano Banana👉🍌</center></h1>
         
         <b>How to use:</b><br>
         1. Upload or capture the first image and draw a box where you want to place an object<br>
@@ -192,18 +192,17 @@ with gr.Blocks() as demo:
                     from gradio_image_annotation import image_annotator
                     #first_image = ImageAnnotator(
                     first_image = image_annotator(
-                        #value=None,
+                        value=None,
                         label="Draw a box where you want to place the object",
                         image_type="pil",
                         single_box=True,  # Only allow one box
-                        disable_edit_boxes=False,  
+                        disable_edit_boxes=True,  
                         show_download_button=False,
                         show_share_button=False,
                         box_thickness=3,
                         box_selected_thickness=4,
-                        #height=400,
                         show_label=True,
-                        image_mode="RGB",
+                        #image_mode="RGB",
                         #box_min_size=20,
                     )
                     
@@ -216,7 +215,7 @@ with gr.Blocks() as demo:
                         height=400,
                     )
                     # Generate button
-                    generate_btn = gr.Button("🚀 Generate Composite Image", variant="primary", size="lg")
+                    generate_btn = gr.Button("Step 3: 🚀 Generate Composite Image", variant="primary", size="lg")
     
     # Output section
     with gr.Column():