Рабочие счетчики и переработка чата

client-mobile/chats/presentation/components/MessageBubble.kt

@@ -7,6 +7,7 @@ import androidx.compose.foundation.combinedClickable
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
+import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -157,6 +158,25 @@ fun MessageBubble(
                 Spacer(modifier = Modifier.height(4.dp))
             }
 
+            // Loading state for temp media messages
+            if (message.id.startsWith("temp_") && message.mediaType != MediaType.TEXT) {
+                Box(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .height(200.dp)
+                        .clip(RoundedCornerShape(8.dp))
+                        .background(contentColor.copy(alpha = 0.1f)),
+                    contentAlignment = Alignment.Center
+                ) {
+                    CircularProgressIndicator(
+                        modifier = Modifier.size(24.dp),
+                        strokeWidth = 2.dp,
+                        color = contentColor.copy(alpha = 0.5f)
+                    )
+                }
+                Spacer(modifier = Modifier.height(4.dp))
+            }
+
             // Media Content (Attachments)
             if (message.media.isNotEmpty() && message.mediaType != MediaType.GIF) {
                 val mediaCount = message.media.size
@@ -370,8 +390,8 @@ fun PhotoGrid(mediaList: List<Media>, isCurrentUser: Boolean, onMediaClick: (Int
     
     val columns = when {
         mediaList.size == 1 -> 1
-        mediaList.size % 3 == 0 -> 3
-        else -> 2
+        mediaList.size <= 4 -> 2
+        else -> 3
     }
     
     Column(modifier = modifier) {