Refactor Gradio interface layout and update slider parameters for improved user experience

app_gradio.py

@@ -25,86 +25,57 @@ def process_text(api_key, current_text, max_tokens, temperature):
 with gr.Blocks(title="GPT Text Continuation", theme=gr.themes.Soft()) as demo:
     gr.Markdown(
         """
-        # 🚀 GPT Text Continuation
-        ### Continúa cualquier texto usando la API de OpenAI
-        
-        **Instrucciones:**
-        1. Introduce tu API Key de OpenAI
-        2. Escribe el texto que quieres continuar
-        3. Ajusta los parámetros si es necesario
-        4. Haz clic en "Continuar Texto"
+        # ✨ GPT Text Continuation
+        Continúa cualquier texto usando la API de OpenAI
         """
     )
     
+    # Campo para la API Key
+    api_key_input = gr.Textbox(
+        label="🔑 OpenAI API Key",
+        placeholder="sk-...",
+        type="password"
+    )
+    
+    # Área de texto principal
+    text_area = gr.Textbox(
+        label="📝 Texto",
+        placeholder="Escribe aquí el texto que quieres continuar...",
+        lines=6
+    )
+    
     with gr.Row():
-        with gr.Column(scale=2):
-            # Campo para la API Key
-            api_key_input = gr.Textbox(
-                label="🔑 OpenAI API Key",
-                placeholder="sk-...",
-                type="password",
-                info="Tu API Key se mantiene privada y no se almacena"
-            )
-            
-            # Área de texto principal
-            text_area = gr.Textbox(
-                label="📝 Texto",
-                placeholder="Escribe aquí el texto que quieres continuar...",
-                lines=8,
-                max_lines=15,
-                info="El texto continuado aparecerá aquí mismo"
-            )
-            
-            # Botón principal
-            continue_btn = gr.Button(
-                "✨ Continuar Texto",
-                variant="primary",
-                size="lg"
-            )
-            
-        with gr.Column(scale=1):
-            gr.Markdown("### ⚙️ Configuración")
-            
-            max_tokens_slider = gr.Slider(
-                minimum=50,
-                maximum=500,
-                value=150,
-                step=25,
-                label="Máximo de tokens",
-                info="Longitud máxima de la continuación"
-            )
-            
-            temperature_slider = gr.Slider(
-                minimum=0.1,
-                maximum=1.0,
-                value=0.7,
-                step=0.1,
-                label="Creatividad (Temperature)",
-                info="0.1 = más conservador, 1.0 = más creativo"
-            )
-            
-            gr.Markdown(
-                """
-                ### 💡 Consejos
-                - **Tokens**: Controla la longitud de la respuesta
-                - **Creatividad**: Valores bajos = más predecible, valores altos = más creativo
-                - **API Key**: Puedes obtener una en [OpenAI](https://platform.openai.com/api-keys)
-                """
-            )
+        max_tokens_slider = gr.Slider(
+            minimum=1,
+            maximum=100,
+            value=50,
+            step=5,
+            label="Tokens máximos"
+        )
+        
+        temperature_slider = gr.Slider(
+            minimum=0.1,
+            maximum=1.0,
+            value=0.7,
+            step=0.1,
+            label="Creatividad"
+        )
     
-    # Ejemplos
-    gr.Markdown("### 📚 Ejemplos para probar:")
-    example_texts = [
-        "Era una noche oscura y tormentosa cuando",
-        "La inteligencia artificial está transformando",
-        "En un futuro no muy lejano, los robots",
-        "El secreto mejor guardado de la humanidad"
-    ]
+    # Botón principal
+    continue_btn = gr.Button(
+        "✨ Continuar Texto",
+        variant="primary",
+        size="lg"
+    )
     
+    # Ejemplos
     gr.Examples(
-        examples=example_texts,
-        inputs=text_area,
-        label="Haz clic en cualquier ejemplo para probarlo"
+        examples=[
+            "Era una noche oscura y tormentosa cuando",
+            "La inteligencia artificial está transformando",
+            "En un futuro no muy lejano, los robots"
+        ],
+        inputs=text_area
     )
     
     # Conectar el botón con la función