Clean: Eliminar logs y divs de debug, mantener panel de debug del input

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')
   }
 }