chore(ui/message/reply): update layout handling to favor longest content

Signed-off-by: Brandon McAnsh <git@bmcreations.dev>

Author: bmc08gt

ui/components/src/main/kotlin/com/getcode/ui/components/chat/ChatNode.kt

@@ -31,9 +31,7 @@ import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import com.getcode.theme.CodeTheme
-import com.getcode.theme.White10
 import com.getcode.ui.components.Badge
-import com.getcode.ui.components.Pill
 import com.getcode.ui.components.R
 import com.getcode.ui.utils.rememberedClickable
 import com.getcode.util.DateUtils

ui/components/src/main/kotlin/com/getcode/ui/components/chat/messagecontents/MessageReplyContent.kt

@@ -10,6 +10,7 @@ import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.widthIn
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
@@ -68,6 +69,7 @@ internal fun MessageNodeScope.MessageReplyContent(
         ) {
             SubcomposeLayout { constraints ->
                 val spacing = 2.5.dp.roundToPx()
+
                 val messageContentPlaceable = subcompose("MessageContent") {
                     MessageContent(
                         maxWidth = constraints.maxWidth,
@@ -82,12 +84,16 @@ internal fun MessageNodeScope.MessageReplyContent(
 
                 val replyPreviewPlaceable = subcompose("MessageReplyPreview") {
                     MessageReplyPreview(
-                        modifier = Modifier.noRippleClickable { onOriginalMessageClicked() },
+                        modifier = Modifier
+                            .widthIn(min = messageContentPlaceable.width.toDp())
+                            .noRippleClickable { onOriginalMessageClicked() },
                         sender = originalMessage.sender,
                         message = originalMessage.message,
                         backgroundColor = Color.Black.copy(0.1f)
                     )
-                }.first().measure(constraints)
+                }.first().measure(
+                    constraints.copy(minWidth = messageContentPlaceable.width, maxWidth = constraints.maxWidth)
+                )
 
                 // Determine the final width based on the longer of the two components
                 val finalWidth = maxOf(messageContentPlaceable.width, replyPreviewPlaceable.width)

ui/components/src/main/kotlin/com/getcode/ui/components/chat/messagecontents/MessageTextContent.kt

@@ -20,6 +20,7 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.drawWithContent
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.Shape
 import androidx.compose.ui.input.pointer.pointerInput
 import androidx.compose.ui.platform.LocalDensity
@@ -38,6 +39,7 @@ import com.getcode.ui.utils.addIf
 import com.getcode.ui.utils.rememberedLongClickable
 import com.getcode.util.formatDateRelatively
 import kotlinx.datetime.Instant
+import kotlin.math.max
 import kotlin.math.roundToInt
 
 sealed interface MessageControlAction {
@@ -89,9 +91,7 @@ internal fun MessageNodeScope.MessageText(
                 .padding(CodeTheme.dimens.grid.x2)
         ) contents@{
             val maxWidthPx = with(LocalDensity.current) { maxWidth.roundToPx() }
-            Column(
-                modifier = Modifier.background(color),
-            ) {
+            Column {
                 MessageContent(
                     maxWidth = maxWidthPx,
                     message = content,
@@ -109,6 +109,7 @@ internal fun MessageNodeScope.MessageText(
 @Composable
 private fun rememberAlignmentRule(
     contentTextStyle: TextStyle,
+    minWidth:Int = 0,
     maxWidth: Int,
     message: String,
     date: Instant
@@ -119,7 +120,7 @@ private fun rememberAlignmentRule(
     val spacingPx = with(density) { DateWithStatusDefaults.Spacing.roundToPx() }
     val contentPaddingPx = with(density) { CodeTheme.dimens.grid.x2.roundToPx() }
 
-    return remember(maxWidth, message, date) {
+    return remember(minWidth, maxWidth, message, date) {
         mutableStateOf<AlignmentRule?>(null)
     }.apply {
         val textMeasurer = rememberTextMeasurer()
@@ -129,7 +130,8 @@ private fun rememberAlignmentRule(
                 style = dateTextStyle,
                 maxLines = 1
             )
-            result.size.width + spacingPx + iconSizePx
+
+            max(minWidth, result.size.width + spacingPx + iconSizePx)
         }
 
         val bufferSize by remember(dateStatusWidth) {
@@ -167,6 +169,7 @@ private fun rememberAlignmentRule(
 @Composable
 internal fun MessageContent(
     modifier: Modifier = Modifier,
+    minWidth: Int = 0,
     maxWidth: Int,
     message: String,
     date: Instant,
@@ -177,6 +180,7 @@ internal fun MessageContent(
 ) {
     val alignmentRule by rememberAlignmentRule(
         contentTextStyle = options.contentStyle,
+        minWidth = minWidth,
         maxWidth = maxWidth,
         message = message,
         date = date,