From 48f23c512bc4ee09042412dfa355b05023e6d653 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Thu, 4 Dec 2025 11:50:25 -0600
Subject: [PATCH] Clean: Eliminar logs y divs de debug, mantener panel de debug
 del input

---
 app/components/messages/MediaPreview.vue |  5 -----
 app/components/messages/MessageInput.vue | 12 ------------
 2 files changed, 17 deletions(-)

diff --git a/app/components/messages/MediaPreview.vue b/app/components/messages/MediaPreview.vue
index ba908dd..e8ce0ef 100644
--- a/app/components/messages/MediaPreview.vue
+++ b/app/components/messages/MediaPreview.vue
@@ -1,10 +1,5 @@
 <template>
   <div class="space-y-2">
-    <!-- Debug info -->
-    <div class="p-2 bg-purple-900/50 rounded text-xs text-purple-300">
-      MediaPreview recibió {{ files.length }} archivo(s):
-      <span v-for="(f, i) in files" :key="i" class="ml-1">{{ f.name }} ({{ f.type }})</span>
-    </div>
     <!-- Files grid -->
     <div class="flex flex-wrap gap-2">
       <div
diff --git a/app/components/messages/MessageInput.vue b/app/components/messages/MessageInput.vue
index 201ffd1..a468ffa 100644
--- a/app/components/messages/MessageInput.vue
+++ b/app/components/messages/MessageInput.vue
@@ -41,9 +41,6 @@
     </div>
 
     <!-- Media preview -->
-    <div v-if="selectedFiles.length > 0" class="p-2 bg-blue-900/50 rounded text-xs text-blue-300 mb-2">
-      DEBUG: {{ selectedFiles.length }} archivo(s) seleccionado(s)
-    </div>
     <MessagesMediaPreview
       v-if="selectedFiles.length > 0"
       :files="selectedFiles"
@@ -325,9 +322,7 @@ const attachmentMenuItems = [
 
 // Methods
 const handleFileSelect = (event: Event, type: string) => {
-  console.log('[MessageInput] handleFileSelect called, type:', type)
   const input = event.target as HTMLInputElement
-  console.log('[MessageInput] input.files:', input.files?.length)
   if (input.files && input.files.length > 0) {
     addFiles(Array.from(input.files))
     input.value = '' // Reset input
@@ -350,19 +345,15 @@ const formatFileSize = (bytes: number): string => {
 }
 
 const addFiles = (files: File[]) => {
-  console.log('[MessageInput] addFiles called with', files.length, 'files')
-
   // Limit to 10 files
   const remaining = 10 - selectedFiles.value.length
   const toAdd = files.slice(0, remaining)
-  console.log('[MessageInput] toAdd:', toAdd.length, 'files')
 
   // Validate file sizes
   const validFiles: File[] = []
   for (const file of toAdd) {
     const mediaType = getFileMediaType(file)
     const maxSize = MAX_SIZES[mediaType]
-    console.log('[MessageInput] Processing file:', file.name, 'type:', mediaType, 'size:', file.size)
 
     if (file.size > maxSize) {
       toast.add({
@@ -376,12 +367,9 @@ const addFiles = (files: File[]) => {
     }
   }
 
-  console.log('[MessageInput] validFiles:', validFiles.length)
-
   if (validFiles.length > 0) {
     // Use spread operator to trigger reactivity
     selectedFiles.value = [...selectedFiles.value, ...validFiles]
-    console.log('[MessageInput] selectedFiles now has', selectedFiles.value.length, 'files')
   }
 }