Warning message for inputs

app.py

@@ -122,9 +122,9 @@ def update_save_feedback_button(feedback_rating, feedback_text):
 
 def update_obfuscate_button(input_text):
     if input_text.strip() == "":
-        return gr.update(interactive=False)
+        return gr.update(interactive=False), gr.update(visible=True)
     else:
-        return gr.update(interactive=True)
+        return gr.update(interactive=True), gr.update(visible=False)
 
 demo = gr.Blocks()
 
@@ -136,6 +136,9 @@ with demo:
                 label="Input Text",
                 placeholder="The quick brown fox jumped over the lazy dogs."
             )
+            warning_message = gr.Markdown(
+                "⚠️ Please enter text before obfuscating.", visible=True
+            )
             gr.Markdown("# 2) Style Element Sliders\n### Adjust the style element sliders to the desired levels to steer the obfuscation.")
             
             reset_button = gr.Button("Choose slider values automatically (based on input text)")
@@ -184,7 +187,9 @@ with demo:
             obfuscate_button = gr.Button("Obfuscate Text", interactive=False)
             
             reset_button.click(fn=reset_sliders, inputs=[], outputs=sliders)
-            input_text.change(fn=update_obfuscate_button, inputs=input_text, outputs=obfuscate_button)
+            input_text.change(fn=update_obfuscate_button, inputs=input_text, outputs=[obfuscate_button, warning_message])
+            # Initialize the button and warning message state on page load
+            demo.load(fn=update_obfuscate_button, inputs=input_text, outputs=[obfuscate_button, warning_message])
 
         with gr.Column(variant="panel"):
             gr.Markdown("# 3) Obfuscated Output")