Update app.py

app.py

@@ -109,12 +109,8 @@ def keyword_score(text: str, custom_keywords: str = "", weight_emotion: float =
     return score
 
 def parse_manual_timecodes(manual_input: str) -> List[tuple]:
-    """Parse manual timecode ranges from user input.
-    Expected format: hh:mm:ss:ff - hh:mm:ss:ff (one per line or comma-separated)
-    Returns list of (start_tc, end_tc) tuples
-    """
+    """Parse manual timecode ranges from user input."""
     manual_ranges = []
-    # Replace commas with newlines for flexibility
     normalized = manual_input.replace(",", "\n")
     lines = [l.strip() for l in normalized.splitlines() if l.strip()]
     
@@ -128,6 +124,60 @@ def parse_manual_timecodes(manual_input: str) -> List[tuple]:
     
     return manual_ranges
 
+def llm_process_natural_instructions(transcript_txt: str, natural_instructions: str, num_segments: int) -> List[Segment]:
+    """Use LLM to interpret natural language instructions and select segments."""
+    if not LLM_AVAILABLE:
+        raise ValueError("LLM não disponível. Configure GEMINI_API_KEY para usar instruções em linguagem natural.")
+    
+    segs = parse_transcript(transcript_txt)
+    if not segs:
+        raise ValueError("Nenhum trecho válido encontrado na transcrição.")
+    
+    # Format segments for LLM
+    segments_text = "\n".join([
+        f"{i}. [{s.start_tc} - {s.end_tc}] {s.text}"
+        for i, s in enumerate(segs)
+    ])
+    
+    prompt = f"""Você é um editor de vídeo profissional. Analise a transcrição abaixo e as instruções do usuário.
+
+INSTRUÇÕES DO USUÁRIO:
+{natural_instructions}
+
+TRANSCRIÇÃO COM TIMECODES:
+{segments_text}
+
+TAREFA:
+1. Interprete as instruções do usuário (ex: "separe os melhores momentos", "recorte só a parte sobre medo", "remova quando fala almondega")
+2. Selecione os {num_segments} trechos que melhor atendem às instruções
+3. Se a instrução for para REMOVER algo, selecione os trechos que NÃO contêm aquilo
+4. Se a instrução for para INCLUIR algo específico, selecione apenas os trechos que contêm aquilo
+5. Priorize trechos com narrativa coerente e impactantes
+
+RESPONDA APENAS com os índices dos trechos selecionados, separados por vírgula (ex: 0,3,5,8,12).
+Não adicione explicações, apenas os números."""
+
+    try:
+        response = LLM.generate_content(prompt, generation_config={"temperature": 0.3})
+        txt = (response.text or "").strip()
+        
+        # Extract indices
+        idxs = [int(x) for x in re.findall(r"\d+", txt)]
+        idxs = [i for i in idxs if 0 <= i < len(segs)]
+        
+        if not idxs:
+            raise ValueError("LLM não retornou índices válidos")
+        
+        selected = [segs[i] for i in idxs[:num_segments]]
+        
+        # Sort by timeline order
+        selected.sort(key=lambda x: x.start_f)
+        
+        return selected
+        
+    except Exception as e:
+        raise ValueError(f"Erro ao processar instruções com LLM: {e}")
+
 def llm_rank_segments(candidates: List[Segment], num_segments: int, custom_instructions: str = "") -> List[Segment]:
     """Ask the LLM to pick segments based on criteria."""
     if not LLM_AVAILABLE:
@@ -160,15 +210,13 @@ def llm_rank_segments(candidates: List[Segment], num_segments: int, custom_instr
     return candidates[:num_segments]
 
 def select_segments(transcript_txt: str, use_llm: bool, num_segments: int, 
-                   custom_keywords: str, manual_timecodes: str,
+                   custom_keywords: str, manual_timecodes: str, natural_instructions: str,
                    weight_emotion: float, weight_break: float, 
                    weight_learn: float, weight_viral: float) -> List[Segment]:
     
-    # Check if user provided manual timecodes
+    # Priority 1: Manual timecodes
     manual_ranges = parse_manual_timecodes(manual_timecodes)
-    
     if manual_ranges:
-        # Manual mode: use only the timecodes provided by user
         result_segs = []
         for start_tc, end_tc in manual_ranges:
             try:
@@ -192,7 +240,11 @@ def select_segments(transcript_txt: str, use_llm: bool, num_segments: int,
         
         return result_segs
     
-    # Automatic mode: use transcript + scoring
+    # Priority 2: Natural language instructions with LLM
+    if natural_instructions.strip() and use_llm and LLM_AVAILABLE:
+        return llm_process_natural_instructions(transcript_txt, natural_instructions, num_segments)
+    
+    # Priority 3: Automatic mode with scoring
     segs = parse_transcript(transcript_txt)
     if not segs:
         raise ValueError("Nenhum trecho válido encontrado na transcrição.")
@@ -316,26 +368,36 @@ def edit_sequence_with_segments(tree: ET.ElementTree, segs: List[Segment]) -> ET
 
 # ---- Gradio app ----
 def process_xml_and_transcript(premiere_xml_file, transcript_txt_file, use_llm, 
-                               num_segments, custom_keywords, manual_timecodes,
+                               num_segments, custom_keywords, manual_timecodes, natural_instructions,
                                weight_emotion, weight_break, weight_learn, weight_viral):
     if premiere_xml_file is None:
         return "Envie o XML do Premiere.", None, f"LLM disponível: {LLM_AVAILABLE}"
     
-    # Check if manual timecodes were provided
+    # Check priorities
     manual_ranges = parse_manual_timecodes(manual_timecodes)
+    has_natural_instructions = natural_instructions.strip() != ""
     
+    # Determine mode
     if manual_ranges:
-        # Manual mode: don't need transcript
+        mode = "MANUAL"
         transcript = ""
+    elif has_natural_instructions:
+        mode = "INSTRUÇÕES NATURAIS (IA)"
+        if transcript_txt_file is None:
+            return "Para usar instruções em linguagem natural, envie a transcrição.", None, f"LLM disponível: {LLM_AVAILABLE}"
+        if not LLM_AVAILABLE:
+            return "LLM não disponível. Configure GEMINI_API_KEY para usar instruções naturais.", None, f"LLM disponível: {LLM_AVAILABLE}"
+        with open(transcript_txt_file.name, "r", encoding="utf-8") as f:
+            transcript = f.read()
     else:
-        # Automatic mode: need transcript
+        mode = "AUTOMÁTICO"
         if transcript_txt_file is None:
             return "Envie a transcrição em .txt ou forneça minutagens manuais.", None, f"LLM disponível: {LLM_AVAILABLE}"
         with open(transcript_txt_file.name, "r", encoding="utf-8") as f:
             transcript = f.read()
 
     segs = select_segments(transcript, use_llm and LLM_AVAILABLE, num_segments,
-                          custom_keywords, manual_timecodes,
+                          custom_keywords, manual_timecodes, natural_instructions,
                           weight_emotion, weight_break, weight_learn, weight_viral)
 
     tree = ET.parse(premiere_xml_file.name)
@@ -345,7 +407,6 @@ def process_xml_and_transcript(premiere_xml_file, transcript_txt_file, use_llm,
     out_path = os.path.join(OUTPUT_DIR, f"{base}_EDITADO.xml")
     tree.write(out_path, encoding="utf-8", xml_declaration=True)
 
-    mode = "MANUAL" if manual_ranges else "AUTOMÁTICO"
     resumo = f"✂️ {len(segs)} cortes aplicados - Modo: {mode} (24 fps):\n\n"
     for i, s in enumerate(segs, 1):
         dur_sec = (s.end_f - s.start_f) / FPS
@@ -354,16 +415,16 @@ def process_xml_and_transcript(premiere_xml_file, transcript_txt_file, use_llm,
             resumo += f"   Score: {s.score:.1f} | {s.text[:150]}\n"
         resumo += "\n"
 
-    status = f"✓ Modo: {mode} | LLM disponível: {LLM_AVAILABLE} | LLM usado: {use_llm and LLM_AVAILABLE and not manual_ranges}"
+    status = f"✓ Modo: {mode} | LLM disponível: {LLM_AVAILABLE} | LLM usado: {use_llm and LLM_AVAILABLE}"
     return resumo, out_path, status
 
 css = """
 /* Design Tokens */
 :root {
     --neon: #39FF14;
-    --txt: #0a0a0a;
-    --muted: #6b7280;
-    --line: #e5e7eb;
+    --txt: #1a1a1a;
+    --muted: #4b5563;
+    --line: #d1d5db;
     --bg: #ffffff;
 }
 
@@ -392,6 +453,12 @@ css = """
     font-size: 16px !important;
 }
 
+/* Labels */
+.gradio-container label {
+    color: var(--txt) !important;
+    font-weight: 600 !important;
+}
+
 /* Buttons */
 .gradio-container button.primary {
     background: var(--neon) !important;
@@ -423,6 +490,7 @@ css = """
     border-radius: 12px !important;
     background: #fff !important;
     transition: all 0.2s ease !important;
+    color: var(--txt) !important;
 }
 
 .gradio-container input:focus, .gradio-container textarea:focus {
@@ -447,7 +515,7 @@ css = """
 /* Accordion */
 .gradio-container .label-wrap {
     font-weight: 700 !important;
-    color: #fff !important;
+    color: var(--txt) !important;
 }
 
 /* Checkboxes */
@@ -472,25 +540,14 @@ css = """
     background: #fafafa !important;
 }
 
-/* Badges/Tags */
-.gradio-container .badge {
-    background: var(--neon) !important;
-    color: #000 !important;
-    font-size: 12px !important;
-    font-weight: 900 !important;
-    padding: 4px 8px !important;
-    border-radius: 999px !important;
-}
-
-/* Status indicators */
-.gradio-container .generating {
-    border-color: var(--neon) !important;
+/* Info text */
+.gradio-container .gr-form-info {
+    color: var(--muted) !important;
 }
 
-/* Container spacing */
-.gradio-container .contain {
-    max-width: 1120px !important;
-    margin: 0 auto !important;
+/* Textbox content */
+.gradio-container textarea {
+    color: var(--txt) !important;
 }
 """
 
@@ -500,11 +557,11 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
     <div style="text-align: center; padding: 24px 0 16px;">
         <div style="display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px;">
             <div style="width: 12px; height: 12px; border-radius: 50%; background: #39FF14; box-shadow: 0 0 20px rgba(57,255,20,0.4);"></div>
-            <h1 style="margin: 0; font-weight: 800; letter-spacing: -0.4px;">Agente de Edição XML · Premiere</h1>
+            <h1 style="margin: 0; font-weight: 800; letter-spacing: -0.4px; color: #1a1a1a;">Agente de Edição XML · Premiere</h1>
         </div>
-        <p style="color: #6b7280; max-width: 720px; margin: 0 auto; line-height: 1.65;">
+        <p style="color: #4b5563; max-width: 720px; margin: 0 auto; line-height: 1.65;">
             Edite sua sequência do Premiere com <strong>controle total</strong> sobre a seleção de trechos. 
-            Modo manual ou automático com IA.
+            Use linguagem natural, modo manual ou automático com IA.
         </p>
     </div>
     """)
@@ -513,8 +570,8 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
         with gr.Column():
             gr.HTML("""<div style="background: linear-gradient(135deg, #f9fafb 0%, #fff 100%); 
                       padding: 16px; border-radius: 16px; border: 1px solid #e5e7eb; margin-bottom: 16px;">
-                      <div style="font-weight: 700; color: #0a0a0a; margin-bottom: 8px;">Arquivos de entrada</div>
-                      <p style="color: #6b7280; font-size: 14px; margin: 0;">Envie o XML exportado do Premiere e a transcrição</p>
+                      <div style="font-weight: 700; color: #1a1a1a; margin-bottom: 8px;">📁 Arquivos de entrada</div>
+                      <p style="color: #4b5563; font-size: 14px; margin: 0;">Envie o XML exportado do Premiere e a transcrição</p>
                       </div>""")
             xml_in = gr.File(label="XML da sequência (FCP XML)", file_types=[".xml"])
             txt_in = gr.File(label="Transcrição (.txt) - Opcional no modo manual", file_types=[".txt"])
@@ -522,26 +579,59 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
         with gr.Column():
             gr.HTML("""<div style="background: linear-gradient(135deg, rgba(57,255,20,0.08) 0%, rgba(57,255,20,0.02) 100%); 
                       padding: 16px; border-radius: 16px; border: 1px solid #e5e7eb; margin-bottom: 16px;">
-                      <div style="font-weight: 700; color: #0a0a0a; margin-bottom: 8px;">Configurações básicas</div>
-                      <p style="color: #6b7280; font-size: 14px; margin: 0;">Ajuste o comportamento do processamento</p>
+                      <div style="font-weight: 700; color: #1a1a1a; margin-bottom: 8px;">⚙️ Configurações básicas</div>
+                      <p style="color: #4b5563; font-size: 14px; margin: 0;">Ajuste o comportamento do processamento</p>
                       </div>""")
             use_llm = gr.Checkbox(
-                label="Usar Potência Criativa", 
+                label="🤖 Usar Potência Criativa (IA)", 
                 value=USE_LLM_DEFAULT and LLM_AVAILABLE,
                 info="Usa IA para escolher os melhores trechos narrativamente"
             )
             num_segments = gr.Slider(
                 minimum=2, maximum=10, step=1, value=5,
-                label="Número de segmentos (só no modo automático)",
+                label="Número de segmentos",
                 info="Quantos trechos incluir no vídeo final"
             )
     
-    with gr.Accordion("MINUTAGENS MANUAIS (Sobrescreve tudo)", open=True):
+    with gr.Accordion("🎯 INSTRUÇÕES EM LINGUAGEM NATURAL (IA) - NOVO!", open=True):
+        gr.HTML("""<div style="background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%); 
+                  padding: 14px; border-radius: 12px; border: 1px solid #93c5fd; margin-bottom: 12px;">
+                  <strong style="color: #1e3a8a;">💬 Fale naturalmente com a IA!</strong>
+                  <p style="color: #1e40af; font-size: 13px; margin: 6px 0 0; line-height: 1.6;">
+                  Descreva o que você quer em texto simples. A IA vai interpretar e selecionar os trechos certos.
+                  <br><strong>Prioridade:</strong> Se preencher este campo, ele tem preferência sobre palavras-chave e pesos.
+                  </p>
+                  </div>""")
+        natural_instructions = gr.Textbox(
+            label="Suas instruções para a IA",
+            placeholder="""Exemplos:
+• "Separe os 5 melhores momentos desse vídeo"
+• "Recorte apenas a parte que ele fala sobre medo e superação"
+• "Remova todas as vezes que ele menciona a palavra 'almôndega'"
+• "Quero só os momentos engraçados e emocionantes"
+• "Extraia as partes onde ele ensina alguma técnica"
+• "Pegue os trechos mais virais para o TikTok"""",
+            lines=4,
+            info="Requer LLM ativo e transcrição. Tem prioridade sobre modo automático."
+        )
+        gr.HTML("""
+        <div style="padding: 12px; background: #f0f9ff; border-radius: 10px; margin-top: 12px; border: 1px solid #bae6fd;">
+            <div style="font-weight: 600; margin-bottom: 8px; color: #0c4a6e;">✨ Como funciona:</div>
+            <ul style="margin: 0; padding-left: 20px; color: #0c4a6e; font-size: 13px; line-height: 1.7;">
+                <li>A IA lê toda a transcrição com timecodes</li>
+                <li>Interpreta suas instruções em português natural</li>
+                <li>Seleciona automaticamente os trechos que atendem ao seu pedido</li>
+                <li>Funciona para incluir, excluir ou filtrar conteúdo específico</li>
+            </ul>
+        </div>
+        """)
+    
+    with gr.Accordion("⏱️ MINUTAGENS MANUAIS (Controle Absoluto)", open=False):
         gr.HTML("""<div style="background: #fffbeb; padding: 12px; border-radius: 10px; border: 1px solid #fde68a; margin-bottom: 12px;">
-                  <strong style="color: #92400e;">Modo de Controle Total</strong>
+                  <strong style="color: #92400e;">🎬 Modo de Controle Total</strong>
                   <p style="color: #78350f; font-size: 13px; margin: 6px 0 0;">
-                  Se preencher este campo, o app ignora a transcrição e todos os outros parâmetros, 
-                  cortando EXATAMENTE o que você especificou.
+                  Se preencher este campo, o app ignora TUDO (transcrição, IA, instruções, etc) 
+                  e corta EXATAMENTE o que você especificou.
                   </p>
                   </div>""")
         manual_timecodes = gr.Textbox(
@@ -551,8 +641,8 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
         )
         gr.HTML("""
         <div style="padding: 12px; background: #f9fafb; border-radius: 10px; margin-top: 12px;">
-            <div style="font-weight: 600; margin-bottom: 8px; color: #0a0a0a;">Formatos aceitos:</div>
-            <ul style="margin: 0; padding-left: 20px; color: #0a0a0a; font-size: 13px;">
+            <div style="font-weight: 600; margin-bottom: 8px; color: #1a1a1a;">Formatos aceitos:</div>
+            <ul style="margin: 0; padding-left: 20px; color: #374151; font-size: 13px;">
                 <li><code>hh:mm:ss:ff - hh:mm:ss:ff</code> (um por linha)</li>
                 <li>Pode separar por vírgula também</li>
                 <li>Exemplo: <code>00:01:30:00 - 00:02:00:15, 00:05:10:00 - 00:06:20:10</code></li>
@@ -560,36 +650,36 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
         </div>
         """)
     
-    with gr.Accordion("Palavras-chave Personalizadas", open=False):
+    with gr.Accordion("🔑 Palavras-chave Personalizadas (Modo Automático)", open=False):
         custom_keywords = gr.Textbox(
             label="Adicione palavras-chave importantes (separadas por vírgula)",
             placeholder="Exemplo: transformação, resultado, método, estratégia",
             info="Trechos com essas palavras terão prioridade máxima (peso 3.0) - Só funciona no modo automático"
         )
     
-    with gr.Accordion("Ajuste Fino dos Pesos de Pontuação", open=False):
-        gr.HTML("""<p style="color: #6b7280; margin-bottom: 16px;">
+    with gr.Accordion("⚖️ Ajuste Fino dos Pesos de Pontuação (Modo Automático)", open=False):
+        gr.HTML("""<p style="color: #4b5563; margin-bottom: 16px;">
                 Ajuste a importância de cada categoria na pontuação heurística (modo automático)</p>""")
         with gr.Row():
-            weight_emotion = gr.Slider(0, 5, value=2.0, step=0.1, label="Emoção")
-            weight_break = gr.Slider(0, 5, value=1.5, step=0.1, label="Quebra de expectativa")
+            weight_emotion = gr.Slider(0, 5, value=2.0, step=0.1, label="😢 Emoção")
+            weight_break = gr.Slider(0, 5, value=1.5, step=0.1, label="⚡ Quebra de expectativa")
         with gr.Row():
-            weight_learn = gr.Slider(0, 5, value=1.2, step=0.1, label="Aprendizado")
-            weight_viral = gr.Slider(0, 5, value=1.0, step=0.1, label="Viralização")
+            weight_learn = gr.Slider(0, 5, value=1.2, step=0.1, label="🎓 Aprendizado")
+            weight_viral = gr.Slider(0, 5, value=1.0, step=0.1, label="🚀 Viralização")
     
     gr.HTML("""<div style="margin: 24px 0; text-align: center;">
               <hr style="border: none; border-top: 1px solid #e5e7eb; margin: 16px 0;">
               </div>""")
     
-    run_btn = gr.Button("Processar e Gerar XML Editado", variant="primary", size="lg")
+    run_btn = gr.Button("🎬 Processar e Gerar XML Editado", variant="primary", size="lg")
     
     gr.HTML("""<div style="margin: 20px 0;">
               <hr style="border: none; border-top: 1px solid #e5e7eb;">
               </div>""")
     
     gr.HTML("""<div style="text-align: center; margin-bottom: 16px;">
-              <div style="font-weight: 700; color: #0a0a0a; margin-bottom: 4px;">Resultados</div>
-              <p style="color: #6b7280; font-size: 14px; margin: 0;">Resumo dos cortes e arquivo para download</p>
+              <div style="font-weight: 700; color: #1a1a1a; margin-bottom: 4px;">📊 Resultados</div>
+              <p style="color: #4b5563; font-size: 14px; margin: 0;">Resumo dos cortes e arquivo para download</p>
               </div>""")
     
     with gr.Row():
@@ -602,49 +692,73 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
     run_btn.click(
         process_xml_and_transcript, 
         inputs=[xml_in, txt_in, use_llm, num_segments, custom_keywords, 
-                manual_timecodes, weight_emotion, weight_break, weight_learn, weight_viral],
+                manual_timecodes, natural_instructions, weight_emotion, weight_break, weight_learn, weight_viral],
         outputs=[resumo_out, file_out, status_out]
     )
     
-    with gr.Accordion("Guia de Uso", open=False):
+    with gr.Accordion("📖 Guia de Uso Completo", open=False):
         gr.HTML("""
         <div style="padding: 16px; background: #f9fafb; border-radius: 12px;">
-            <div style="margin-bottom: 20px;">
-                <div style="display: inline-block; background: #39FF14; color: #000; padding: 4px 10px; 
-                           border-radius: 999px; font-size: 12px; font-weight: 900; margin-bottom: 8px;">
-                    MODO MANUAL
+            <div style="margin-bottom: 24px;">
+                <div style="display: inline-block; background: #3b82f6; color: #fff; padding: 6px 12px; 
+                           border-radius: 999px; font-size: 12px; font-weight: 900; margin-bottom: 10px;">
+                    🎯 MODO 1: INSTRUÇÕES NATURAIS (NOVO!)
+                </div>
+                <h3 style="margin: 8px 0; font-weight: 700; color: #1a1a1a;">Fale com a IA</h3>
+                <ul style="color: #374151; line-height: 1.8; padding-left: 20px;">
+                    <li><strong>Prioridade:</strong> Se preencher as instruções naturais, ignora palavras-chave e pesos</li>
+                    <li>Escreva em português simples o que você quer</li>
+                    <li>Exemplos: "separe os melhores momentos", "só a parte sobre medo", "remova quando fala X"</li>
+                    <li>Requer LLM ativo e transcrição com timecodes</li>
+                    <li>A IA interpreta e seleciona automaticamente</li>
+                </ul>
+                <div style="background: #e0f2fe; padding: 10px; border-radius: 8px; margin-top: 10px; border-left: 3px solid #0284c7;">
+                    <strong style="color: #0c4a6e;">💡 Exemplos de comandos:</strong><br>
+                    <code style="color: #0369a1; font-size: 12px;">
+                    • "Pegue só as partes emocionantes"<br>
+                    • "Remova tudo que fala sobre política"<br>
+                    • "Extraia os 3 melhores ensinamentos"<br>
+                    • "Corte apenas os momentos engraçados"
+                    </code>
+                </div>
+            </div>
+            
+            <div style="margin-bottom: 24px;">
+                <div style="display: inline-block; background: #fbbf24; color: #000; padding: 6px 12px; 
+                           border-radius: 999px; font-size: 12px; font-weight: 900; margin-bottom: 10px;">
+                    ⏱️ MODO 2: MINUTAGENS MANUAIS
                 </div>
-                <h3 style="margin: 8px 0; font-weight: 700; color: #0a0a0a;">Controle Total</h3>
-                <ul style="color: #0a0a0a; line-height: 1.65; padding-left: 20px;">
-                    <li>Preencha o campo "Minutagens Manuais" com seus timecodes exatos</li>
+                <h3 style="margin: 8px 0; font-weight: 700; color: #1a1a1a;">Controle Absoluto</h3>
+                <ul style="color: #374151; line-height: 1.8; padding-left: 20px;">
+                    <li><strong>Máxima prioridade:</strong> Sobrescreve TUDO (IA, transcrição, etc)</li>
+                    <li>Cole os timecodes exatos no formato <code>hh:mm:ss:ff - hh:mm:ss:ff</code></li>
                     <li>A transcrição se torna opcional</li>
-                    <li>Todos os outros parâmetros são ignorados</li>
-                    <li>O corte será feito EXATAMENTE como você especificou</li>
+                    <li>Perfeito quando você já sabe exatamente o que quer</li>
                 </ul>
             </div>
             
-            <div style="margin-bottom: 20px;">
-                <div style="display: inline-block; background: #dbeafe; color: #1e40af; padding: 4px 10px; 
-                           border-radius: 999px; font-size: 12px; font-weight: 900; margin-bottom: 8px;">
-                    MODO AUTOMÁTICO
+            <div style="margin-bottom: 24px;">
+                <div style="display: inline-block; background: #39FF14; color: #000; padding: 6px 12px; 
+                           border-radius: 999px; font-size: 12px; font-weight: 900; margin-bottom: 10px;">
+                    🤖 MODO 3: AUTOMÁTICO COM IA
                 </div>
-                <h3 style="margin: 8px 0; font-weight: 700; color: #0a0a0a;">Seleção Inteligente</h3>
-                <ul style="color: #0a0a0a; line-height: 1.65; padding-left: 20px;">
-                    <li>Deixe as minutagens manuais vazias</li>
+                <h3 style="margin: 8px 0; font-weight: 700; color: #1a1a1a;">Seleção Inteligente</h3>
+                <ul style="color: #374151; line-height: 1.8; padding-left: 20px;">
+                    <li>Deixe instruções naturais e minutagens vazias</li>
                     <li>Envie a transcrição com timecodes</li>
-                    <li>Configure LLM, palavras-chave e pesos conforme desejado</li>
-                    <li>O app escolhe os melhores trechos automaticamente</li>
+                    <li>Ative "Usar Potência Criativa" para melhor seleção narrativa</li>
+                    <li>Configure palavras-chave personalizadas se quiser</li>
+                    <li>Ajuste os pesos de pontuação (opcional)</li>
                 </ul>
             </div>
             
-            <div style="background: #fff; padding: 12px; border-radius: 8px; border: 1px solid #e5e7eb;">
-                <div style="font-weight: 700; color: #0a0a0a; margin-bottom: 8px;">Exemplos de minutagens manuais:</div>
-                <code style="display: block; background: #f3f4f6; padding: 10px; border-radius: 6px; 
-                           font-size: 13px; color: #374151; font-family: monospace;">
-00:01:23:15 - 00:02:45:10<br>
-00:05:30:00 - 00:07:15:22<br>
-00:10:00:05 - 00:12:30:18
-                </code>
+            <div style="background: #fef3c7; padding: 14px; border-radius: 10px; border: 1px solid #fcd34d; margin-top: 20px;">
+                <strong style="color: #78350f;">⚠️ Ordem de Prioridade:</strong>
+                <ol style="margin: 8px 0 0; padding-left: 20px; color: #92400e; line-height: 1.7;">
+                    <li><strong>Minutagens Manuais</strong> - Ignora tudo</li>
+                    <li><strong>Instruções Naturais com IA</strong> - Ignora palavras-chave e pesos</li>
+                    <li><strong>Modo Automático</strong> - Usa pontuação + palavras-chave + IA (se ativada)</li>
+                </ol>
             </div>
         </div>
         """)
@@ -653,7 +767,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
     <footer style="margin-top: 40px; padding: 24px 0; border-top: 1px solid #e5e7eb; text-align: center;">
         <div style="display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px;">
             <div style="width: 10px; height: 10px; border-radius: 50%; background: #39FF14;"></div>
-            <span style="font-weight: 700; color: #0a0a0a;">Leicam · Tech</span>
+            <span style="font-weight: 700; color: #1a1a1a;">Leicam · Tech</span>
         </div>
         <p style="color: #6b7280; font-size: 13px; margin: 0;">
             Ferramentas práticas para produção de conteúdo