Update app.py

app.py

@@ -2,13 +2,9 @@ import time
 import gradio as gr
 from PIL import Image
 
-# MODIFIED: Added more placeholder responses to prevent an IndexError,
-# as the original function accesses indices 1, 2, and 3.
+# Added more placeholder responses to prevent an IndexError
 PREWRITTEN_RESPONSES = [
-    "This is a sample response about a chart. It seems to describe the growth of internet shopping over a four-year period, from 2018 to 2021. The sales figures and growth rates are mentioned, showing a clear upward trend. The text also speculates that the COVID-19 pandemic might have contributed to this shift in consumer behavior.",
-    "Travel Advice: This is a placeholder for travel advice.",
-    "Weather Analysis: This is a placeholder for a weather analysis.",
-    "Photography Tips: This is a placeholder for photography tips."
+    "When it comes to retailing industry, we often remind the both part of realistic store and internet shopping. Both of them are all have their pros and cons, but according to the picture, we can find out both of the internet sales counting and its profit are all growed up every year between twenty eighteen to twenty twenty one. The years () rate began with twenty eighteen only 10.3%, next year 14.1%, and the next 20.3%, finally finished in twenty twenty one up to 24.5%. The sales profit also began with twenty eighteen only 2517 (million), next year 2893, and the next 3456, finally finished in twenty twenty one up to 4303. Therefore, we can find out the internet shopping is growed up between the four years. Begun 2019, according my observed,  () more of my friends change to internet shopping because of COVID-19. All above the results provided the picture is the realistic.\nIn my opinion, shopping on the internet can save many times to me, so I also do it when I"
 ]
 
 def fake_minicpm_infer(image: Image.Image, text: str):
@@ -33,9 +29,10 @@ def fake_minicpm_infer(image: Image.Image, text: str):
 
 # --- START OF MODIFICATIONS ---
 
-# Define custom CSS to increase the font size of our target textbox.
-# We target the <textarea> element inside the component with the ID 'output_textbox'.
+# MODIFIED: Updated CSS to target both the input and output textboxes.
+# We use a comma to apply the same style to multiple selectors.
 custom_css = """
+#input_textbox textarea, 
 #output_textbox textarea {
     font-size: 18px !important;
 }
@@ -43,7 +40,7 @@ custom_css = """
 
 # Pass the custom CSS to the gr.Blocks constructor.
 with gr.Blocks(title="MiniCPM-V-4_5 Demo", css=custom_css) as demo:
-    
+
 # --- END OF MODIFICATIONS ---
 
     gr.Markdown(
@@ -55,17 +52,20 @@ with gr.Blocks(title="MiniCPM-V-4_5 Demo", css=custom_css) as demo:
     with gr.Row():
         with gr.Column(scale=1):
             image_in = gr.Image(label="Input Image", type="pil")
+            
+            # --- MODIFICATION ---
+            # Add a unique element ID to the input textbox.
             text_in = gr.Textbox(
                 label="Input Question/Description",
                 placeholder="e.g., What kind of landscape is this? or What should I be aware of when traveling?",
-                lines=3
+                lines=3,
+                elem_id="input_textbox" 
             )
+            
             submit_btn = gr.Button("Submit", variant="primary")
 
         with gr.Column(scale=1):
             gr.Markdown("### Output")
-            # --- MODIFICATION ---
-            # Add a unique element ID to the output textbox so we can target it with CSS.
             output = gr.Textbox(label="Model Response", lines=8, elem_id="output_textbox")
 
     submit_btn.click(