android: restyle chat composer to telegram-like container

android/CHANGELOG.md

@@ -212,3 +212,8 @@
 - Updated chat top app bar layout to Telegram-like structure: back, avatar, title, status, call action, menu action.
 - Kept load-more behavior accessible via menu placeholder action button.
 - Updated Telegram UI batch-2 checklist item for chat top app bar.
+
+### Step 34 - Chat UI / composer restyling
+- Reworked chat composer into rounded Telegram-like container with emoji slot, text input, attach button, and send/voice state button.
+- Preserved send/upload state guards and existing insets handling (`navigationBarsPadding` + `imePadding`).
+- Updated Telegram UI batch-2 checklist composer-related items.

android/app/src/main/java/ru/daemonlord/messenger/ui/chat/ChatScreen.kt

@@ -333,36 +333,51 @@ fun ChatScreen(
             }
         }
 
-        Row(
+        Surface(
             modifier = Modifier
                 .fillMaxWidth()
                 .navigationBarsPadding()
                 .imePadding()
-                .padding(horizontal = 12.dp, vertical = 8.dp),
+                .padding(horizontal = 10.dp, vertical = 8.dp),
-            verticalAlignment = Alignment.CenterVertically,
+            color = MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.92f),
-            horizontalArrangement = Arrangement.spacedBy(8.dp),
+            shape = RoundedCornerShape(22.dp),
         ) {
-            Button(
+            Row(
-                onClick = onPickMedia,
+                modifier = Modifier
-                enabled = state.canSendMessages && !state.isUploadingMedia,
+                    .fillMaxWidth()
+                    .padding(horizontal = 8.dp, vertical = 6.dp),
+                verticalAlignment = Alignment.CenterVertically,
+                horizontalArrangement = Arrangement.spacedBy(6.dp),
             ) {
-                Text(if (state.isUploadingMedia) "..." else "Attach")
+                Button(
-            }
+                    onClick = { /* emoji placeholder */ },
-            OutlinedTextField(
+                    enabled = state.canSendMessages,
-                value = state.inputText,
+                ) {
-                onValueChange = onInputChanged,
+                    Text("\uD83D\uDE03")
-                modifier = Modifier.weight(1f),
+                }
-                label = { Text("Message") },
+                OutlinedTextField(
-                maxLines = 4,
+                    value = state.inputText,
-            )
+                    onValueChange = onInputChanged,
-            Button(
+                    modifier = Modifier.weight(1f),
-                onClick = onSendClick,
+                    placeholder = { Text("Message") },
-                enabled = state.canSendMessages &&
+                    maxLines = 4,
+                )
+                Button(
+                    onClick = onPickMedia,
+                    enabled = state.canSendMessages && !state.isUploadingMedia,
+                ) {
+                    Text(if (state.isUploadingMedia) "..." else "\uD83D\uDCCE")
+                }
+                val canSend = state.canSendMessages &&
                     !state.isSending &&
                     !state.isUploadingMedia &&
-                    state.inputText.isNotBlank(),
+                    state.inputText.isNotBlank()
-            ) {
+                Button(
-                Text(if (state.isSending) "..." else "Send")
+                    onClick = { if (canSend) onSendClick() },
+                    enabled = state.canSendMessages && !state.isUploadingMedia,
+                ) {
+                    Text(if (canSend) "\u27A4" else "\uD83C\uDFA4")
+                }
             }
         }
 

docs/android-ui-batch-2-checklist.md

@@ -6,10 +6,10 @@
 ## P0 — Chat Screen Parity (must-have)
 - [x] Top app bar чата: back + avatar + name + status + call + menu, полупрозрачная подложка на фоне обоев.
 - [x] Закреплённое сообщение блоком под app bar (2 строки, иконки pin/close, tap для перехода).
-- [ ] Message composer Telegram-стиля:
+- [x] Message composer Telegram-стиля:
-- [ ] Полупрозрачный rounded input контейнер.
+- [x] Полупрозрачный rounded input контейнер.
-- [ ] Иконка emoji слева, поле ввода, скрепка, кнопка отправки/голосового.
+- [x] Иконка emoji слева, поле ввода, скрепка, кнопка отправки/голосового.
-- [ ] Корректные отступы от nav bar + IME.
+- [x] Корректные отступы от nav bar + IME.
 - [ ] Сообщения вход/выход: плотные пузыри, время и delivery статус внизу справа.
 - [x] Reply-preview внутри outgoing bubble (вертикальная полоска, автор, snippet).
 - [x] Forwarded header в сообщении ("Переслано от ...") + мини-аватар.