update app2

app.py

@@ -111,10 +111,25 @@ def generate_text(prompt, max_length=100, temperature=0.7, top_p=0.9, top_k=50,
         print(error_msg)
         return error_msg
 
-# Create Gradio interface with conditional elements
-with gr.Blocks(title="🔐 Secure GPT-2 Generator") as demo:
-    gr.Markdown("# 🔐 Secure GPT-2 Text Generator")
-    gr.Markdown("**Security Features**: API Authentication • Rate Limiting • Admin Protection")
+# Create Gradio interface - FIXED VERSION with proper CSS and configuration
+with gr.Blocks(
+    title="🔐 Secure GPT-2 Generator",
+    theme=gr.themes.Soft(),  # Use a built-in theme to avoid i18n issues
+    css="""
+        .gradio-container {
+            max-width: 1200px !important;
+        }
+        .security-status {
+            background: linear-gradient(45deg, #f0f8ff, #e6f3ff);
+            padding: 15px;
+            border-radius: 8px;
+            margin: 10px 0;
+        }
+    """
+) as demo:
+    
+    # Header
+    gr.HTML("<h1>🔐 Secure GPT-2 Text Generator</h1>")
     
     # Security status display
     security_status = []
@@ -126,17 +141,25 @@ with gr.Blocks(title="🔐 Secure GPT-2 Generator") as demo:
         security_status.append("👤 Admin Protection Active")
     
     if security_status:
-        gr.Markdown(f"**Active Security**: {' • '.join(security_status)}")
+        gr.HTML(f"""
+            <div class="security-status">
+                <strong>Active Security Features:</strong><br>
+                {' • '.join(security_status)}
+            </div>
+        """)
     else:
-        gr.Markdown("⚠️ **No security features enabled** - running in public mode")
+        gr.HTML("""
+            <div class="security-status">
+                ⚠️ <strong>No security features enabled</strong> - running in public mode
+            </div>
+        """)
     
     with gr.Row():
-        with gr.Column():
+        with gr.Column(scale=1):
             prompt_input = gr.Textbox(
                 label="✏️ Text Prompt",
                 placeholder="Enter your prompt here... (max 1000 chars)",
-                lines=3,
-                max_lines=5
+                lines=3
             )
             
             # Show API key input only if API_KEY is configured
@@ -144,72 +167,69 @@ with gr.Blocks(title="🔐 Secure GPT-2 Generator") as demo:
                 api_key_input = gr.Textbox(
                     label="🔑 API Key (Required)",
                     type="password",
-                    placeholder="Enter your API key...",
-                    info="API authentication is enabled for this Space"
+                    placeholder="Enter your API key..."
                 )
+                gr.HTML("<p><em>API authentication is enabled for this Space</em></p>")
             else:
                 api_key_input = gr.Textbox(value="", visible=False)
-                gr.Markdown("🔓 **Public Access**: No API key required")
+                gr.HTML("<p>🔓 <strong>Public Access:</strong> No API key required</p>")
             
             with gr.Accordion("⚙️ Generation Parameters", open=False):
-                with gr.Row():
-                    max_length = gr.Slider(
-                        minimum=10,
-                        maximum=200,
-                        value=100,
-                        step=10,
-                        label="📏 Max Length"
-                    )
-                    temperature = gr.Slider(
-                        minimum=0.1,
-                        maximum=2.0,
-                        value=0.7,
-                        step=0.1,
-                        label="🌡️ Temperature"
-                    )
-                
-                with gr.Row():
-                    top_p = gr.Slider(
-                        minimum=0.1,
-                        maximum=1.0,
-                        value=0.9,
-                        step=0.1,
-                        label="🎯 Top-p"
-                    )
-                    top_k = gr.Slider(
-                        minimum=1,
-                        maximum=100,
-                        value=50,
-                        step=1,
-                        label="🔢 Top-k"
-                    )
+                max_length = gr.Slider(
+                    minimum=10,
+                    maximum=200,
+                    value=100,
+                    step=10,
+                    label="📏 Max Length"
+                )
+                temperature = gr.Slider(
+                    minimum=0.1,
+                    maximum=2.0,
+                    value=0.7,
+                    step=0.1,
+                    label="🌡️ Temperature"
+                )
+                top_p = gr.Slider(
+                    minimum=0.1,
+                    maximum=1.0,
+                    value=0.9,
+                    step=0.1,
+                    label="🎯 Top-p"
+                )
+                top_k = gr.Slider(
+                    minimum=1,
+                    maximum=100,
+                    value=50,
+                    step=1,
+                    label="🔢 Top-k"
+                )
             
-            generate_btn = gr.Button("🚀 Generate Text", variant="primary", size="lg")
+            generate_btn = gr.Button("🚀 Generate Text", variant="primary")
         
-        with gr.Column():
+        with gr.Column(scale=1):
             output_text = gr.Textbox(
                 label="📄 Generated Text",
                 lines=12,
-                placeholder="Generated text will appear here...",
-                show_copy_button=True
+                placeholder="Generated text will appear here..."
             )
             
             # Rate limit info
             if API_KEY:
-                gr.Markdown("**Rate Limits**: 100 requests per hour per API key")
+                gr.HTML("<p><strong>Rate Limits:</strong> 100 requests per hour per API key</p>")
     
     # Examples
-    gr.Examples(
-        examples=[
-            ["Once upon a time in a distant galaxy,"],
-            ["The future of artificial intelligence is"],
-            ["In the heart of the ancient forest,"],
-            ["The detective walked into the room and noticed"],
-            ["Write a short story about a robot who dreams of"],
-        ],
-        inputs=prompt_input,
-        label="💡 Example Prompts"
-    )
+    with gr.Row():
+        gr.Examples(
+            examples=[
+                ["Once upon a time in a distant galaxy,"],
+                ["The future of artificial intelligence is"],
+                ["In the heart of the ancient forest,"],
+                ["The detective walked into the room and noticed"],
+                ["Write a short story about a robot who dreams of"],
+            ],
+            inputs=prompt_input,
+            label="💡 Example Prompts"
+        )
     
     # Connect the generation function
     generate_btn.click(
@@ -218,16 +238,34 @@ with gr.Blocks(title="🔐 Secure GPT-2 Generator") as demo:
         outputs=output_text
     )
 
-# Launch with authentication
-auth_tuple = None
-if ADMIN_PASSWORD:
-    auth_tuple = ("admin", ADMIN_PASSWORD)
-    print("🔐 Admin authentication enabled")
-
+# Launch configuration - FIXED VERSION
 if __name__ == "__main__":
-    demo.launch(
-        auth=auth_tuple,
-        show_api=True,  # Enable API documentation
-        show_error=True
-    )
-    print("🚀 Secure GPT-2 Generator is running!")
+    # Determine authentication
+    auth_tuple = None
+    if ADMIN_PASSWORD:
+        auth_tuple = ("admin", ADMIN_PASSWORD)
+        print("🔐 Admin authentication enabled")
+    
+    # Launch with proper configuration for HF Spaces
+    try:
+        demo.launch(
+            auth=auth_tuple,
+            server_name="0.0.0.0",  # Allow external connections
+            server_port=7860,        # Standard HF Spaces port
+            show_api=True,           # Enable API documentation
+            show_error=True,         # Show detailed errors
+            share=False,             # Don't create ngrok tunnel (HF handles this)
+            inbrowser=False,         # Don't try to open browser
+            prevent_thread_lock=False,
+            ssr_mode=False           # Disable SSR to prevent i18n issues
+        )
+        print("🚀 Secure GPT-2 Generator is running!")
+    except Exception as e:
+        print(f"❌ Launch error: {e}")
+        # Fallback launch configuration
+        print("🔄 Trying fallback configuration...")
+        demo.launch(
+            auth=auth_tuple,
+            show_api=True,
+            ssr_mode=False
+        )