fix: corrige modal do Estudio Musical, move botao para rodape, cria botao de Poesia e melhora reescrita de imagem em pt-br

public/app.js

@@ -2091,6 +2091,8 @@ const initApp = () => {
   // Botões de Modos Rápidos de Prompt (Rodapé)
   document.querySelectorAll('.btn-prompt-mode').forEach(btn => {
     btn.addEventListener('click', () => {
+      if (btn.id === 'barBtnEstudio') return; // Manipulado separadamente
+      
       const mode = btn.dataset.mode;
       const text = userInput.value.trim();
       
@@ -2103,6 +2105,8 @@ const initApp = () => {
           suggestion = "Crie um roteiro detalhado para um vídeo educativo sobre ";
         } else if (mode === 'IMAGE') {
           suggestion = "Crie uma ilustração pedagógica com cores vibrantes mostrando ";
+        } else if (mode === 'POETRY') {
+          suggestion = "Escreva uma poesia infantil rimada e educativa sobre ";
         } else if (mode === 'TEXT') {
           suggestion = "Escreva uma história educativa infantil curta sobre ";
         }
@@ -2116,8 +2120,8 @@ const initApp = () => {
         return;
       }
       
-      // Se houver texto, envia imediatamente forçando o modo correspondente
-      handleSendMessage(text, false, null, mode);
+      // Se houver texto, envia imediatamente forçando o modo correspondente (POETRY é gerado como texto)
+      handleSendMessage(text, false, null, mode === 'POETRY' ? 'TEXT' : mode);
     });
   });
 
@@ -3263,6 +3267,7 @@ const initApp = () => {
   const estudioMusicalModal = document.getElementById('estudioMusicalModal');
   const btnCloseEstudioModal = document.getElementById('btnCloseEstudioModal');
   const sidebarBtnEstudio = document.getElementById('sidebarBtnEstudio');
+  const barBtnEstudio = document.getElementById('barBtnEstudio');
   const welcomeCardEstudio = document.getElementById('welcomeCardEstudio');
 
   const btnGenerateStudioMusic = document.getElementById('btnGenerateStudioMusic');
@@ -3320,6 +3325,10 @@ const initApp = () => {
     sidebarBtnEstudio.addEventListener('click', openEstudioModal);
   }
 
+  if (barBtnEstudio) {
+    barBtnEstudio.addEventListener('click', openEstudioModal);
+  }
+
   if (welcomeCardEstudio) {
     welcomeCardEstudio.addEventListener('click', openEstudioModal);
   }

public/index.html

@@ -99,14 +99,6 @@
           </svg>
           <span>Modelos de Relatório</span>
         </button>
-
-        <!-- Botão: Estúdio Musical -->
-        <button class="btn-observacoes" id="sidebarBtnEstudio" style="border-color: #a855f7; color: #a855f7; background: rgba(168, 85, 247, 0.05);">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M9 19V6l12-3v13M9 10l12-3M9 14l12-3" />
-          </svg>
-          <span>Estúdio Musical</span>
-        </button>
       </div>
 
       <!-- Divisor -->
@@ -238,10 +230,12 @@
       <!-- Barra inferior com input de texto -->
       <footer class="chat-footer">
         <div class="input-container">
-          <!-- Barra de Modos de Prompt Rápidos -->
           <div class="prompt-modes-bar">
+            <button type="button" class="btn-prompt-mode mode-music" id="barBtnEstudio" style="border-color: rgba(168, 85, 247, 0.4); color: #c084fc; background: rgba(168, 85, 247, 0.05);" title="Abrir painel de Estúdio Musical completo">
+              <span class="mode-icon">🎹</span> Estúdio Musical
+            </button>
             <button type="button" class="btn-prompt-mode mode-music" data-mode="AUDIO" title="Compor e gerar uma música pedagógica">
-              <span class="mode-icon">🎵</span> Criar Música
+              <span class="mode-icon">🎵</span> Criar Letra de Música
             </button>
             <button type="button" class="btn-prompt-mode mode-video" data-mode="VIDEO" title="Criar um roteiro ou animação de vídeo">
               <span class="mode-icon">🎬</span> Criar Vídeo
@@ -249,6 +243,9 @@
             <button type="button" class="btn-prompt-mode mode-image" data-mode="IMAGE" title="Gerar ou desenhar uma ilustração educativa">
               <span class="mode-icon">🎨</span> Criar Imagem
             </button>
+            <button type="button" class="btn-prompt-mode mode-poetry" data-mode="POETRY" title="Escrever uma poesia infantil pedagógica">
+              <span class="mode-icon">📜</span> Criar Poesia
+            </button>
             <button type="button" class="btn-prompt-mode mode-text" data-mode="TEXT" title="Escrever histórias, relatórios ou conversar">
               <span class="mode-icon">✍️</span> Criar História / Chat
             </button>
@@ -645,6 +642,11 @@
               Escolha uma criança e um modelo de relatório para começar.
             </div>
           </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
   <!-- Modal: Estúdio Musical (Criação de música cantada com MiniMax) -->
   <div id="estudioMusicalModal" class="settings-modal" style="display: none;">
     <div class="settings-modal-content" style="max-width: 600px; width: 95%; max-height: 90vh; display: flex; flex-direction: column;">

public/style.css

@@ -3127,3 +3127,14 @@ code {
   box-shadow: 0 0 8px rgba(16, 163, 127, 0.2);
 }
 
+/* Modo Poesia: Estilos e Cores (Amarelo/Âmbar) */
+.btn-prompt-mode.mode-poetry {
+  border-color: rgba(234, 179, 8, 0.3);
+}
+.btn-prompt-mode.mode-poetry:hover {
+  border-color: rgb(234, 179, 8);
+  background-color: rgba(234, 179, 8, 0.06);
+  color: rgb(253, 224, 71);
+}
+
+