Update app.py

app.py

@@ -1,22 +1,20 @@
 import gradio as gr
 import re
 
-# 1. Helper function to generate colored HTML labels
+# 1. Helper function for labels
 def get_label(is_met, text):
-    color = "#28a745" if is_met else "#dc3545" # Green if met, Red if not
+    color = "#28a745" if is_met else "#dc3545"
     symbol = "✅" if is_met else "❌"
     return f"<b style='color:{color}; font-size: 1.1em;'>{symbol} {text}</b>"
 
-# 2. Function to build the checklist HTML and calculate strength
+# 2. Checklist logic
 def render_html(password=""):
-    # Define Regex rules
     has_upper = re.search(r"[A-Z]", password)
     has_lower = re.search(r"[a-z]", password)
     has_num = re.search(r"\d", password)
     has_spec = re.search(r"[!@#$%^&*(),.?\":{}|<>]", password)
     has_len = len(password) >= 8
 
-    # Create the horizontal checklist layout
     checklist_html = f"""
     <div style="border: 1px solid #ddd; padding: 15px; border-radius: 10px; background-color: #fafafa;">
         <p style="margin-top:0;"><b>Password Requirements:</b></p>
@@ -27,25 +25,22 @@ def render_html(password=""):
         {get_label(has_spec, "Special (!@#)")}
     </div>
     """
-    
     score = sum([bool(has_len), bool(has_upper), bool(has_lower), bool(has_num), bool(has_spec)])
     strength_pct = (score / 5) * 100
-    
     return checklist_html, strength_pct
 
-# 3. Toggle Visibility Logic
+# 3. Visibility toggle
 def toggle_visibility(is_visible):
     new_type = "text" if is_visible else "password"
     new_label = "Hide Password 👁️" if is_visible else "Show Password 👁️‍🗨️"
     return gr.update(type=new_type), new_label, not is_visible
 
-# 4. Build the UI
+# 4. UI Build
 custom_css = ".gradio-container { max-width: 800px; margin: auto; }"
 
-with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
+with gr.Blocks() as demo: # Moved theme/css to launch()
     gr.Markdown("# 🛡️ SmartPass Validator")
     gr.Markdown("The checklist below shows what you need for a secure password.")
-    
     visible_state = gr.State(True)
 
     with gr.Row():
@@ -54,35 +49,22 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
                 label="Your Password", 
                 placeholder="Start typing...", 
                 type="password",
-                show_copy_button=True
+                buttons=["copy"] # Changed show_copy_button to buttons=["copy"]
             )
             show_btn = gr.Button("Show Password 👁️‍🗨️", variant="secondary")
             
         with gr.Column(scale=2):
             strength_meter = gr.Slider(
                 label="Overall Strength Meter (%)", 
-                minimum=0, 
-                maximum=100, 
-                value=0, 
-                interactive=False
+                minimum=0, maximum=100, value=0, interactive=False
             )
 
-    # Initialize with the red checklist visible at start
     initial_html, _ = render_html("")
     checklist_area = gr.HTML(value=initial_html)
 
-    # Event Triggers
-    pass_input.change(
-        fn=render_html, 
-        inputs=pass_input, 
-        outputs=[checklist_area, strength_meter]
-    )
-    
-    show_btn.click(
-        toggle_visibility, 
-        inputs=[visible_state], 
-        outputs=[pass_input, show_btn, visible_state]
-    )
+    pass_input.change(fn=render_html, inputs=pass_input, outputs=[checklist_area, strength_meter])
+    show_btn.click(toggle_visibility, inputs=[visible_state], outputs=[pass_input, show_btn, visible_state])
 
 if __name__ == "__main__":
-    demo.launch()
+    # Parameters moved here for Gradio 6 compatibility
+    demo.launch(theme=gr.themes.Soft(), css=custom_css)