diff --git a/app/pages/messages/index.vue b/app/pages/messages/index.vue
index 8720ad4..39a92ca 100644
--- a/app/pages/messages/index.vue
+++ b/app/pages/messages/index.vue
@@ -226,7 +226,17 @@
           </div>
 
           <!-- Input - grows when media is selected -->
-          <div class="p-4 border-t border-[var(--wa-border)] transition-all duration-300 ease-out">
+          <div
+            class="p-4 border-t border-[var(--wa-border)] transition-all duration-300 ease-out"
+            :class="{ 'min-h-[200px]': debugExpanded }"
+          >
+            <!-- Debug button -->
+            <button
+              @click="debugExpanded = !debugExpanded"
+              class="absolute right-2 top-2 text-xs px-2 py-1 bg-yellow-600 text-white rounded z-10"
+            >
+              {{ debugExpanded ? 'Contraer' : 'Expandir' }}
+            </button>
             <MessagesMessageInput
               :replying-to="replyingTo"
               @send="handleSendMessage"
@@ -275,6 +285,7 @@ const hasMoreMessages = ref(true)
 const showDebugPanel = ref(false)
 const showChatsDebug = ref(false)
 const showSelectedChatDebug = ref(false)
+const debugExpanded = ref(false)
 
 // Instance options for selector
 const instanceOptions = computed(() =>