Upload app.py

app.py

@@ -378,169 +378,37 @@ modern_css = """
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
-/* Login styling */
-body, .gradio-container {
+/* Login styling - Simple and clean */
+.login-row {
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    z-index: 10000 !important;
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-}
-
-.login-column {
     display: flex !important;
-    flex-direction: column !important;
     align-items: center !important;
     justify-content: center !important;
-    min-height: 100vh !important;
-    padding: 24px !important;
 }
 
-.login-wrapper {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    margin-bottom: 24px;
-}
-
-.login-card {
+.login-row > div {
     max-width: 400px;
-    width: 100%;
+    width: 90%;
     background: rgba(255, 255, 255, 0.95);
     backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 255, 255, 0.3);
     border-radius: 20px;
-    padding: 48px 40px 24px 40px;
+    padding: 40px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
-    text-align: center;
-}
-
-.login-form {
-    max-width: 400px !important;
-    width: 100% !important;
-    background: rgba(255, 255, 255, 0.95) !important;
-    backdrop-filter: blur(10px) !important;
-    border: 1px solid rgba(255, 255, 255, 0.3) !important;
-    border-radius: 20px !important;
-    padding: 32px 40px !important;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
-    margin: 0 auto !important;
-}
-
-.login-icon {
-    font-size: 56px;
-    text-align: center;
-    margin-bottom: 16px;
-    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
-}
-
-.login-title {
-    text-align: center;
-    margin: 0 0 8px 0;
-    font-size: 28px;
-    font-weight: 700;
-    color: #1f2937;
-    letter-spacing: -0.02em;
-}
-
-.login-subtitle {
-    text-align: center;
-    margin: 0 0 32px 0;
-    font-size: 15px;
-    color: #6b7280;
-    font-weight: 400;
-}
-
-.login-input label {
-    color: #374151 !important;
-    font-weight: 600 !important;
-    font-size: 14px !important;
-}
-
-.login-input input {
-    background: white !important;
-    border: 2px solid #e5e7eb !important;
-    border-radius: 10px !important;
-    padding: 12px 16px !important;
-    font-size: 16px !important;
-    color: #111827 !important;
-}
-
-.login-input input:focus {
-    border-color: #667eea !important;
-    background: white !important;
-    outline: none !important;
-    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1) !important;
-}
-
-.login-error {
-    color: #dc2626;
-    background: #fee2e2;
-    border: 1px solid #fca5a5;
-    padding: 12px;
-    border-radius: 10px;
-    text-align: center;
-    font-weight: 500;
-}
-
-.freepik-credit {
-    margin-top: 24px;
-    text-align: center;
-    font-size: 12px;
-    color: #9ca3af;
-}
-
-.freepik-credit a {
-    color: #667eea;
-    text-decoration: none;
-    font-weight: 500;
-}
-
-.freepik-credit a:hover {
-    text-decoration: underline;
 }
 """
 
-# Create the interface with password protection
+# Create the interface - simple, no custom login
 def create_interface():
     with gr.Blocks(css=modern_css, title="Python to C++ Code Optimizer", theme=gr.themes.Soft()) as app:
-        authorized = gr.State(False)
-        BANNER_URL = os.getenv("BANNER_URL", "")
-        BACKGROUND_URL = os.getenv("BACKGROUND_URL", "")
-        # Intentionally not rendering a banner image to avoid empty placeholders
-
-        def check_password(pw):
-            ok = pw == APP_PASSWORD
-            return (
-                gr.update(visible=not ok),  # login hidden when ok
-                gr.update(visible=ok),      # main shown when ok
-                gr.update(value="" if ok else "Invalid password", visible=not ok)
-            )
-
-        # Login gate - DO NOT wrap in custom HTML divs for HF compatibility
-        with gr.Column(visible=True, elem_classes=["login-column"]) as login_group:
-            gr.HTML("""
-            <div class="login-wrapper">
-                <div class="login-card">
-                    <div class="login-icon">🔐</div>
-                    <div class="login-title">Private Access</div>
-                    <div class="login-subtitle">Enter password to continue</div>
-                </div>
-            </div>
-            """)
-            with gr.Column(elem_classes=["login-form"]):
-                pw = gr.Textbox(
-                    label="Password", 
-                    type="password", 
-                    placeholder="Enter password", 
-                    elem_classes=["login-input"],
-                    container=True,
-                    interactive=True
-                )
-                login_btn = gr.Button("Continue", elem_classes=["modern-button"], size="lg", variant="primary")
-                login_error = gr.Markdown(visible=False, elem_classes=["login-error"])
-            gr.HTML("""
-            <div class="freepik-credit">Background design inspired by <a href="https://www.freepik.com" target="_blank">Freepik</a></div>
-            """)
-
-        # Main UI wrapped for toggling visibility
-        with gr.Group(visible=False) as main_group:
+        
+        # Main UI - just the app, no login gate
+        with gr.Group() as main_group:
             main_group.elem_id = "main_group"
             # Header Section
             gr.HTML("""
@@ -636,13 +504,6 @@ def create_interface():
                 outputs=cpp_execution_output
             )
 
-        # Bind login after main_group is defined
-        login_btn.click(
-            fn=check_password,
-            inputs=[pw],
-            outputs=[login_group, main_group, login_error]
-        )
-
     return app
 
 # Launch the app
@@ -662,6 +523,8 @@ if __name__ == "__main__":
         print("🚀 Launching Python to C++ Code Optimizer on Hugging Face Spaces")
         print("🔐 Password protection enabled")
         app.launch(
+            auth=[("user", APP_PASSWORD)],
+            auth_message="🔐 Enter password to access Python→C++ Optimizer",
             show_error=True
         )
     else:
@@ -685,6 +548,8 @@ if __name__ == "__main__":
         app.launch(
             server_name="127.0.0.1",
             server_port=port,
+            auth=[("user", APP_PASSWORD)],
+            auth_message="🔐 Enter password to access Python→C++ Optimizer",
             show_error=True
         )