update app.py

app.py

@@ -4,20 +4,30 @@ import bcrypt
 def hash_password(password: str) -> str:
     if not password:
         return "❌ Please enter a password"
-    # Convert to bytes
     pw_bytes = password.encode("utf-8")
-    # Generate salt + hash
     hashed = bcrypt.hashpw(pw_bytes, bcrypt.gensalt(rounds=12))
     return hashed.decode("utf-8")
 
-# Gradio Interface
-demo = gr.Interface(
-    fn=hash_password,
-    inputs=gr.Textbox(type="password", label="Enter your password"),
-    outputs=gr.Textbox(label="Generated hash"),
-    title="Password Hasher 🔐",
-    description="Enter a password and get its bcrypt hash"
-)
+def toggle_password(show_password: bool):
+    return gr.update(type="text" if show_password else "password")
+
+with gr.Blocks() as demo:
+    gr.Markdown("## 🔐 Password Hasher (bcrypt)\nEnter a password to generate its bcrypt hash")
+
+    with gr.Row():
+        password_input = gr.Textbox(
+            type="password", label="Enter your password", placeholder="Type password here..."
+        )
+        show_checkbox = gr.Checkbox(label="Show password", value=False)
+
+    hash_output = gr.Textbox(label="Generated hash")
+
+    # Button to generate hash
+    hash_btn = gr.Button("Generate Hash")
+    hash_btn.click(fn=hash_password, inputs=password_input, outputs=hash_output)
+
+    # Toggle password visibility
+    show_checkbox.change(fn=toggle_password, inputs=show_checkbox, outputs=password_input)
 
 if __name__ == "__main__":
     demo.launch()