Update sara_v3_interfaz_optimizada.py

sara_v3_interfaz_optimizada.py

@@ -1,6 +1,6 @@
 # sara_v3_interfaz_optimizada.py
 # SARA v3 - INTERFAZ GRADIO NEGRA PROFESIONAL COMPLETA
-# Fondo negro, tipografía profesional, análisis visible
+# Fondo negro, tipografía profesional, análisis visible - PROCESO SEPARADO
 
 import gradio as gr
 import traceback
@@ -9,7 +9,7 @@ import traceback
 from sara_v3_interfaz_core import sara_optimized
 
 def create_optimized_interface():
-    """Crear interfaz Gradio NEGRA PROFESIONAL - que MUESTRA el análisis"""
+    """Crear interfaz Gradio NEGRA PROFESIONAL - PROCESO SEPARADO"""
     
     # CSS NEGRO PROFESIONAL
     professional_css = """
@@ -160,6 +160,23 @@ def create_optimized_interface():
         box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4) !important;
     }
     
+    .btn-generate {
+        background: linear-gradient(135deg, var(--accent-green) 0%, #059669 100%) !important;
+        color: white !important;
+        border: none !important;
+        border-radius: 8px !important;
+        padding: 0.75rem 1.5rem !important;
+        font-weight: 600 !important;
+        font-size: 1rem !important;
+        transition: all 0.2s ease !important;
+        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
+    }
+    
+    .btn-generate:hover {
+        transform: translateY(-1px) !important;
+        box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;
+    }
+    
     .btn-secondary {
         background: var(--bg-tertiary) !important;
         color: var(--text-primary) !important;
@@ -324,84 +341,43 @@ def create_optimized_interface():
     }
     """
     
-    # Función mejorada para mostrar análisis completo
-    def analyze_with_detailed_display(image, user_idea=""):
-        """Análisis con display detallado de lo que ve la IA"""
+    # VARIABLE GLOBAL PARA ALMACENAR ANÁLISIS
+    current_analysis = {"data": None, "image": None}
+    
+    # FUNCIÓN 1: SOLO ANÁLISIS DE IMAGEN
+    def analyze_image_only(image):
+        """PASO 1: Solo análisis de imagen con BLIP - SIN prompts"""
         
         if image is None:
-            return "❌ Sube una imagen primero", "", "", "", "", ""
+            return "❌ Sube una imagen primero", ""
         
-        # Verificar modelos
+        # Verificar BLIP
         if not sara_optimized.blip_ready:
-            return "⚠️ BLIP no está listo. Carga los modelos primero.", "", "", "", "", ""
+            return "⚠️ BLIP no está listo. Carga los modelos primero.", ""
         
         try:
-            # Ejecutar análisis normal
-            result = sara_optimized.analyze_image_fast(image, user_idea)
-            status, basic, intermediate, advanced, experimental = result
+            # ANÁLISIS SOLO CON BLIP
+            from sara_v3_parte_6 import analyze_image_with_sara_v3
             
-            # CREAR ANÁLISIS DETALLADO VISIBLE
-            if sara_optimized.sara_ready:
-                # Análisis completo con SARA
-                try:
-                    from sara_v3_parte_13 import analyze_image_sara_v3_complete
-                    
-                    complete_result = analyze_image_sara_v3_complete(image, user_idea)
-                    
-                    if complete_result['success']:
-                        # Extraer datos del análisis
-                        img_analysis = complete_result['image_analysis']
-                        caption = img_analysis['caption']
-                        confidence = img_analysis['confidence']
-                        visual_context = img_analysis['visual_context']
-                        composition = img_analysis['composition']
-                        
-                        # Crear display detallado
-                        detailed_analysis = f"""## 🔍 ANÁLISIS DETALLADO DE LA IMAGEN
-
-### 📝 LO QUE LA IA DETECTA:
-**Descripción:** {caption}
-**Confianza:** {confidence:.1%}
-**Composición:** {composition}
-
-### 🎨 CARACTERÍSTICAS VISUALES:
-**💡 Iluminación:** {visual_context.get('lighting_description', 'Natural')}
-**🌈 Colores:** {visual_context.get('color_description', 'Equilibrados')}
-**🎭 Atmósfera:** {visual_context.get('mood_suggestion', 'Neutral')}
-
-### ⚡ RENDIMIENTO:
-**Tiempo total:** {complete_result['performance']['total_time']:.2f}s
-**Método:** BLIP + SARA-v2 completo
-**Calidad promedio:** {complete_result['quality_summary']['average_score']:.2f}/5.0
-**Mejor prompt:** {complete_result['quality_summary']['best_prompt_level'].upper()}
-
-### 🎬 ELEMENTOS SARA EXTRAÍDOS:
-**Total elementos:** {complete_result['sara_elements_count']}
-**Mejoras aplicadas:** {complete_result['optimization_summary']['total_improvements']}"""
-                        
-                        return status, detailed_analysis, basic, intermediate, advanced, experimental
-                        
-                except ImportError:
-                    pass
+            analysis = analyze_image_with_sara_v3(image)
+            caption = analysis['caption_analysis']['enhanced_caption']
+            confidence = analysis['caption_analysis']['confidence_score']
+            visual_context = analysis['caption_analysis']['visual_context']
+            visual_chars = analysis['image_analysis']['visual_characteristics']
+            composition = analysis['image_analysis']['composition_type']
+            analysis_time = analysis['total_analysis_time']
             
-            # Análisis básico con BLIP solamente
-            try:
-                from sara_v3_parte_6 import analyze_image_with_sara_v3
-                
-                analysis = analyze_image_with_sara_v3(image)
-                caption = analysis['caption_analysis']['enhanced_caption']
-                confidence = analysis['caption_analysis']['confidence_score']
-                visual_context = analysis['caption_analysis']['visual_context']
-                visual_chars = analysis['image_analysis']['visual_characteristics']
-                composition = analysis['image_analysis']['composition_type']
-                analysis_time = analysis['total_analysis_time']
-                
-                # Extraer características detalladas
-                color_info = visual_chars.get('color', {})
-                lighting_info = visual_chars.get('lighting', {})
-                
-                # Crear display detallado básico
-                detailed_analysis = f"""## 🔍 ANÁLISIS BÁSICO DE LA IMAGEN (BLIP)
+            # GUARDAR ANÁLISIS PARA USO POSTERIOR
+            current_analysis["data"] = analysis
+            current_analysis["image"] = image
+            
+            # Extraer características detalladas
+            color_info = visual_chars.get('color', {})
+            lighting_info = visual_chars.get('lighting', {})
+            texture_info = visual_chars.get('texture', {})
+            
+            # CREAR DISPLAY DETALLADO DEL ANÁLISIS
+            detailed_analysis = f"""## 🔍 ANÁLISIS COMPLETO DE LA IMAGEN
 
 ### 📝 LO QUE LA IA DETECTA:
 **Descripción:** {caption}
@@ -413,31 +389,121 @@ def create_optimized_interface():
   - Descripción: {visual_context.get('lighting_description', 'Natural')}
   - Brillo promedio: {lighting_info.get('avg_brightness', 'N/A')}
   - Contraste: {lighting_info.get('contrast_level', 'N/A')}
-  - Dirección: {lighting_info.get('lighting_direction', 'N/A')}
+  - Dirección luz: {lighting_info.get('lighting_direction', 'N/A')}
 
 **🌈 Análisis de color:**
   - Descripción: {visual_context.get('color_description', 'Equilibrados')}
   - Temperatura: {color_info.get('temperature', 'N/A')}
   - Saturación: {color_info.get('saturation_level', 'N/A')}
+  - Colores dominantes: RGB {color_info.get('dominant_rgb', 'N/A')}
 
 **🎭 Atmósfera:** {visual_context.get('mood_suggestion', 'Neutral')}
+**🖼️ Textura:** {texture_info.get('texture_type', 'N/A')} ({texture_info.get('detail_classification', 'N/A')} detalle)
 
 ### ⚡ RENDIMIENTO:
 **Tiempo:** {analysis_time:.2f}s
 **Modelo:** BLIP (análisis de imágenes)
-**Estado SARA:** ❌ Usando prompts mejorados basados en análisis
+**Estado:** ✅ Análisis completado
 
-### 💡 NOTA:
-Los prompts están basados en el análisis REAL de tu imagen."""
-                
-                return status, detailed_analysis, basic, intermediate, advanced, experimental
-                
-            except ImportError:
-                return status, "❌ No se puede acceder al análisis detallado", basic, intermediate, advanced, experimental
+### 🎬 SIGUIENTE PASO:
+Usa el botón **"Generar Prompts"** para crear prompts basados en este análisis."""
+            
+            status_msg = f"✅ **Análisis completado en {analysis_time:.2f}s** - Listo para generar prompts"
+            
+            return status_msg, detailed_analysis
             
         except Exception as e:
             error_msg = f"❌ Error en análisis: {str(e)}"
-            return error_msg, "", "", "", "", ""
+            return error_msg, ""
+    
+    # FUNCIÓN 2: SOLO GENERACIÓN DE PROMPTS
+    def generate_prompts_only(user_idea=""):
+        """PASO 2: Solo generación de prompts basada en análisis previo"""
+        
+        # Verificar que hay análisis previo
+        if current_analysis["data"] is None:
+            return "⚠️ Primero analiza una imagen usando el botón '🔍 Analizar Imagen'", "", "", "", ""
+        
+        try:
+            analysis_data = current_analysis["data"]
+            image = current_analysis["image"]
+            
+            # GENERAR PROMPTS CON SARA SI ESTÁ DISPONIBLE
+            if sara_optimized.sara_ready:
+                try:
+                    from sara_v3_parte_13 import analyze_image_sara_v3_complete
+                    
+                    result = analyze_image_sara_v3_complete(image, user_idea)
+                    
+                    if result['success']:
+                        prompts = result['prompts']
+                        generation_time = result['performance']['generation_time']
+                        
+                        status_msg = f"✅ **Prompts generados en {generation_time:.2f}s** usando SARA-v2"
+                        
+                        return (
+                            status_msg,
+                            prompts.get('basic', ''),
+                            prompts.get('intermediate', ''),
+                            prompts.get('advanced', ''),
+                            prompts.get('experimental', '')
+                        )
+                    else:
+                        return f"❌ Error SARA: {result.get('error', 'Error desconocido')}", "", "", "", ""
+                        
+                except ImportError:
+                    pass
+            
+            # FALLBACK: GENERAR PROMPTS BASADOS EN ANÁLISIS BLIP
+            caption = analysis_data['caption_analysis']['enhanced_caption']
+            visual_context = analysis_data['caption_analysis']['visual_context']
+            
+            # Determinar sujeto principal
+            caption_lower = caption.lower()
+            if 'woman' in caption_lower:
+                subject = "Woman"
+            elif 'man' in caption_lower:
+                subject = "Man"
+            elif 'person' in caption_lower or 'people' in caption_lower:
+                subject = "Person"
+            else:
+                subject = "Subject"
+            
+            # Extraer contexto
+            lighting = visual_context.get('lighting_description', 'soft lighting')
+            colors = visual_context.get('color_description', 'balanced colors')
+            mood = visual_context.get('mood_suggestion', 'natural atmosphere')
+            
+            # GENERAR PROMPTS BASADOS EN ANÁLISIS REAL
+            if user_idea.strip():
+                base_action = user_idea.strip()
+                prompts = {
+                    'basic': f"{subject} {base_action} naturally, {caption.lower()}, {lighting}.",
+                    'intermediate': f"{subject} {base_action} expressively while camera follows smoothly, maintaining {caption.lower()} with enhanced depth.",
+                    'advanced': f"Cinematic sequence: {subject.lower()} {base_action} professionally, {caption.lower()}, {lighting} creates premium visual aesthetic.",
+                    'experimental': f"Artistic interpretation: {subject.lower()} {base_action} transcendentally, {caption.lower()} transforms into ethereal visual poetry."
+                }
+            else:
+                prompts = {
+                    'basic': f"{caption}, natural movement with smooth camera work, {lighting}.",
+                    'intermediate': f"{subject} moves expressively while camera follows gracefully, {caption.lower()} creates cinematic depth.",
+                    'advanced': f"Professional cinematic approach: {caption.lower()}, elegant camera choreography with {lighting} creates premium video aesthetic.",
+                    'experimental': f"Artistic vision: {subject.lower()} transcends conventional reality, {caption.lower()} evolves into surreal visual symphony."
+                }
+            
+            status_msg = "✅ **Prompts generados** basados en análisis BLIP (SARA no disponible)"
+            
+            return (
+                status_msg,
+                prompts['basic'],
+                prompts['intermediate'],
+                prompts['advanced'],
+                prompts['experimental']
+            )
+            
+        except Exception as e:
+            error_msg = f"❌ Error generando prompts: {str(e)}"
+            return error_msg, "", "", "", ""
     
     # Crear interfaz con tema negro
     with gr.Blocks(
@@ -455,21 +521,20 @@ Los prompts están basados en el análisis REAL de tu imagen."""
         </div>
         """)
         
-        # Instrucciones
+        # Instrucciones - PROCESO SEPARADO
         with gr.Row():
             gr.Markdown("""
             <div class="section-container markdown-content">
-                <div class="section-title">🚀 Inicio Rápido</div>
-                <p><strong>1. Cargar Modelos IA</strong> - Solo primera vez (3-5 minutos)</p>
-                <p><strong>2. Subir Imagen</strong> - Cualquier imagen para análisis</p>
-                <p><strong>3. Dirección Creativa</strong> - Tu visión artística (opcional)</p>
-                <p><strong>4. Generar Prompts</strong> - Análisis completo + 4 prompts profesionales</p>
+                <div class="section-title">🚀 Proceso en 2 Pasos</div>
+                <p><strong>PASO 1:</strong> 🔍 **Analizar Imagen** - Ver lo que detecta la IA (5-10s)</p>
+                <p><strong>PASO 2:</strong> 🎬 **Generar Prompts** - Crear 4 prompts profesionales</p>
+                <p><strong>Opcional:</strong> Añadir dirección creativa antes del Paso 2</p>
             </div>
             """)
         
         # Sección principal
         with gr.Row():
-            # Columna izquierda - Input
+            # Columna izquierda - Input y análisis
             with gr.Column(scale=1):
                 gr.HTML('<div class="section-title">📸 Análisis de Imagen</div>')
                 
@@ -480,6 +545,14 @@ Los prompts están basados en el análisis REAL de tu imagen."""
                 )
                 gr.HTML('<div class="description-text">📷 Sube cualquier imagen para análisis completo</div>')
                 
+                # BOTÓN 1: SOLO ANÁLISIS
+                analyze_btn = gr.Button(
+                    "🔍 Analizar Imagen",
+                    variant="primary",
+                    size="lg",
+                    elem_classes="btn-primary"
+                )
+                
                 user_idea_input = gr.Textbox(
                     label="💡 Dirección Creativa (Opcional)",
                     placeholder="ej: 'cámara orbita lentamente', 'iluminación dramática', 'movimiento cinematográfico'",
@@ -487,19 +560,20 @@ Los prompts están basados en el análisis REAL de tu imagen."""
                 )
                 gr.HTML('<div class="description-text">🎨 Describe tu visión para el video</div>')
                 
-                analyze_btn = gr.Button(
-                    "⚡ Analizar y Generar Prompts",
-                    variant="primary",
+                # BOTÓN 2: SOLO PROMPTS
+                generate_btn = gr.Button(
+                    "🎬 Generar Prompts",
+                    variant="secondary",
                     size="lg",
-                    elem_classes="btn-primary"
+                    elem_classes="btn-generate"
                 )
             
-            # Columna derecha - Estado y Análisis
+            # Columna derecha - Estado del sistema
             with gr.Column(scale=1):
                 gr.HTML('<div class="section-title">📊 Estado del Sistema</div>')
                 
                 status_display = gr.Markdown(
-                    "ℹ️ **Listo para analizar** - Sube imagen y genera prompts",
+                    "ℹ️ **Listo para analizar** - Sube imagen y haz clic en 'Analizar Imagen'",
                     elem_classes="status-info"
                 )
                 
@@ -527,16 +601,26 @@ Los prompts están basados en el análisis REAL de tu imagen."""
         gr.HTML('<div class="section-title">🔍 Análisis Detallado de la Imagen</div>')
         
         analysis_display = gr.Markdown(
-            """## 💡 Aquí aparecerá el análisis detallado
+            """## 💡 Análisis de imagen aparecerá aquí
 
-Cuando subas una imagen, verás exactamente:
+**PASO 1:** Sube una imagen y haz clic en **"🔍 Analizar Imagen"**
+
+Verás exactamente:
 - 📝 **Lo que la IA detecta** en tu imagen
-- 🎨 **Características visuales** (colores, iluminación, composición)
+- 🎨 **Características visuales** (colores, iluminación, composición)  
 - ⚡ **Métricas de rendimiento** y confianza
-- 🎬 **Elementos SARA** extraídos para los prompts""",
+- 🎬 **Datos para generar prompts** profesionales
+
+**PASO 2:** Usa **"🎬 Generar Prompts"** para crear 4 prompts basados en este análisis""",
             elem_classes="analysis-display"
         )
         
+        # STATUS PARA GENERACIÓN
+        generate_status = gr.Markdown(
+            "ℹ️ **Esperando análisis** - Primero analiza una imagen",
+            elem_classes="status-info"
+        )
+        
         # Prompts generados
         gr.HTML('<div class="section-title">✨ Prompts Generados</div>')
         
@@ -571,13 +655,23 @@ Cuando subas una imagen, verás exactamente:
                 )
                 gr.HTML('<div class="description-text">🎭 Interpretación artística</div>')
         
-        # Event handlers
+        # EVENT HANDLERS - PROCESO SEPARADO
+        
+        # PASO 1: Solo análisis
         analyze_btn.click(
-            fn=analyze_with_detailed_display,
-            inputs=[image_input, user_idea_input],
-            outputs=[status_display, analysis_display, basic_output, intermediate_output, advanced_output, experimental_output]
+            fn=analyze_image_only,
+            inputs=[image_input],
+            outputs=[status_display, analysis_display]
+        )
+        
+        # PASO 2: Solo prompts
+        generate_btn.click(
+            fn=generate_prompts_only,
+            inputs=[user_idea_input],
+            outputs=[generate_status, basic_output, intermediate_output, advanced_output, experimental_output]
         )
         
+        # Control de modelos (sin cambios)
         load_btn.click(
             fn=sara_optimized.start_loading,
             outputs=model_status
@@ -591,43 +685,48 @@ Cuando subas una imagen, verás exactamente:
         # Footer
         gr.HTML("""
         <div style="margin-top: 2rem; padding: 2rem; background: var(--bg-secondary); border-radius: 12px;">
-            <div class="section-title">💡 Características Profesionales</div>
+            <div class="section-title">💡 Proceso Optimizado</div>
             
             <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 1rem;">
                 <div>
-                    <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">🎬 Ejemplos Creativos</h4>
+                    <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">🔍 Paso 1: Análisis</h4>
                     <ul style="color: var(--text-secondary); line-height: 1.8;">
-                        <li><code>"cámara orbita lentamente alrededor del sujeto"</code></li>
-                        <li><code>"iluminación dramática con sombras profundas"</code></li>
-                        <li><code>"movimiento en cámara lenta cinematográfico"</code></li>
-                        <li><code>"estilo documental con cámara en mano"</code></li>
-                        <li><code>"toma aérea revelando el paisaje"</code></li>
+                        <li>⚡ <strong>Rápido:</strong> 5-10 segundos</li>
+                        <li>👁️ <strong>Ve inmediatamente</strong> lo que detecta BLIP</li>
+                        <li>🎯 <strong>Decide</strong> si generar prompts o cambiar imagen</li>
+                        <li>🔧 <strong>Debug fácil:</strong> saber qué ve la IA</li>
                     </ul>
                 </div>
                 
                 <div>
-                    <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">🚀 Plataformas Compatibles</h4>
+                    <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">🎬 Paso 2: Prompts</h4>
                     <ul style="color: var(--text-secondary); line-height: 1.8;">
-                        <li><strong>RunwayML</strong> Gen-3</li>
-                        <li><strong>Pika Labs</strong></li>
-                        <li><strong>Stable Video Diffusion</strong></li>
-                        <li><strong>Luma AI</strong></li>
-                        <li><strong>Kling AI</strong></li>
-                        <li><strong>Sora</strong> (OpenAI)</li>
+                        <li>🎨 <strong>Basados en análisis real</strong> de tu imagen</li>
+                        <li>💡 <strong>Dirección creativa</strong> opcional</li>
+                        <li>⚙️ <strong>SARA-v2</strong> si está cargado, sino templates inteligentes</li>
+                        <li>🚀 <strong>4 niveles:</strong> Básico, Intermedio, Avanzado, Experimental</li>
                     </ul>
                 </div>
                 
                 <div>
-                    <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">🧠 Tecnología IA</h4>
+                    <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">🎬 Ejemplos Creativos</h4>
                     <ul style="color: var(--text-secondary); line-height: 1.8;">
-                        <li><strong>BLIP:</strong> Análisis avanzado de imágenes</li>
-                        <li><strong>SARA-v2:</strong> Generación especializada</li>
-                        <li><strong>Framework SARA:</strong> Subject + Action + Reference + Atmosphere</li>
-                        <li><strong>Cache inteligente:</strong> Análisis instantáneo</li>
+                        <li><code>"cámara orbita lentamente"</code></li>
+                        <li><code>"iluminación dramática"</code></li>
+                        <li><code>"movimiento cinematográfico"</code></li>
+                        <li><code>"estilo documental"</code></li>
                     </ul>
                 </div>
             </div>
             
+            <div style="margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--border-color);">
+                <h4 style="color: var(--text-primary); margin-bottom: 0.5rem;">🚀 Plataformas Compatibles</h4>
+                <p style="color: var(--text-secondary); line-height: 1.6;">
+                    <strong>RunwayML</strong> Gen-3 • <strong>Pika Labs</strong> • <strong>Stable Video Diffusion</strong> • 
+                    <strong>Luma AI</strong> • <strong>Kling AI</strong> • <strong>Sora</strong> (OpenAI)
+                </p>
+            </div>
+            
             <div style="text-align: center; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--border-color); color: var(--text-muted);">
                 🎬 <strong>SARA v3 Professional</strong> | Framework SARA - WGA Registration Number: 2208356
             </div>
@@ -648,20 +747,21 @@ def launch_optimized_sara(**kwargs):
 def main():
     """Función principal de lanzamiento"""
     
-    print("⚡ SARA v3 - Interfaz Negra Profesional")
-    print("🎨 Fondo negro, tipografía profesional, análisis visible")  
+    print("⚡ SARA v3 - Interfaz Negra Profesional SEPARADA")
+    print("🎨 Fondo negro, tipografía profesional, proceso en 2 pasos")  
     print("📄 Framework SARA - WGA Registration Number: 2208356")
     print("=" * 60)
     
     try:
         interface = create_optimized_interface()
         
-        print("🌐 Lanzando interfaz profesional negra...")
+        print("🌐 Lanzando interfaz profesional con proceso separado...")
         print("💡 CARACTERÍSTICAS:")
+        print("   ✅ PASO 1: Solo análisis de imagen (5-10s)")
+        print("   ✅ PASO 2: Solo generación de prompts")
         print("   ✅ Fondo negro profesional")
         print("   ✅ Tipografía Inter sin serifa")
         print("   ✅ Análisis detallado VISIBLE")
-        print("   ✅ Prompts basados en análisis real")
         print("-" * 60)
         
         interface.launch(
@@ -680,20 +780,26 @@ if __name__ == "__main__":
     main()
 
 #########################################################################
-# FINAL: sara_v3_interfaz_optimizada.py - DISEÑO NEGRO PROFESIONAL
+# FINAL: sara_v3_interfaz_optimizada.py - PROCESO SEPARADO EN 2 PASOS
+# 
+# CAMBIOS PRINCIPALES:
+# ✅ PROCESO SEPARADO - 2 botones independientes
+# ✅ PASO 1: "🔍 Analizar Imagen" - Solo análisis BLIP (rápido)
+# ✅ PASO 2: "🎬 Generar Prompts" - Solo generación basada en análisis
+# ✅ VARIABLE current_analysis - Almacena análisis entre pasos
+# ✅ FUNCIÓN analyze_image_only() - Solo análisis detallado
+# ✅ FUNCIÓN generate_prompts_only() - Solo prompts basados en análisis
+# ✅ UI MEJORADA - Instrucciones claras del proceso
+# ✅ ESTADO SEPARADO - Status diferentes para cada paso
 # 
-# CARACTERÍSTICAS IMPLEMENTADAS:
-# ✅ FONDO NEGRO PROFESIONAL - Diseño oscuro elegante
-# ✅ TIPOGRAFÍA INTER - Fuente profesional sin serifa
-# ✅ ANÁLISIS DETALLADO VISIBLE - Sección dedicada que MUESTRA lo que ve BLIP
-# ✅ CSS COMPLETO Y PROFESIONAL - Variables, gradientes, efectos
-# ✅ PROMPTS BASADOS EN ANÁLISIS REAL - No plantillas genéricas
-# ✅ FUNCIÓN analyze_with_detailed_display() - Muestra análisis completo
-# ✅ DISEÑO RESPONSIVE - Se adapta a diferentes tamaños
-# ✅ COLORES CODIFICADOS - Cada nivel de prompt tiene su color
-# ✅ SCROLLBARS PERSONALIZADAS - Coherentes con el tema
-# ✅ EFECTOS HOVER - Interacciones suaves y profesionales
+# FLUJO DE USUARIO:
+# 1. Sube imagen → clic "🔍 Analizar Imagen" → ve análisis (10s)
+# 2. (Opcional) Añade dirección creativa
+# 3. Clic "🎬 Generar Prompts" → obtiene 4 prompts profesionales
 # 
-# SECCIÓN CLAVE AÑADIDA:
-# - analysis_display: Markdown que muestra TODO el análisis de BLIP
-# - analyze_with_detailed_display(): Función que extrae y form
+# VENTAJAS:
+# - Usuario ve inmediatamente lo que detecta la IA
+# - Control total sobre el proceso
+# - Debug fácil (saber si falla análisis o generación)
+# - Puede ajustar dirección creativa viendo el análisis
+#########################################################################