Merge pull request #3575 from vitorpamplona/claude/messages-fab-group-selection-mkddvi

Replace Messages FAB speed-dial with full-screen conversation chooser

amethyst/src/main/java/com/vitorpamplona/amethyst/ui/navigation/AppNavigation.kt

@@ -132,6 +132,7 @@ import com.vitorpamplona.amethyst.ui.screen.loggedIn.chats.publicChannels.relayG
 import com.vitorpamplona.amethyst.ui.screen.loggedIn.chats.publicChannels.relayGroup.RelayGroupMembersScreen
 import com.vitorpamplona.amethyst.ui.screen.loggedIn.chats.publicChannels.relayGroup.RelayGroupThreadsScreen
 import com.vitorpamplona.amethyst.ui.screen.loggedIn.chats.rooms.MessagesScreen
+import com.vitorpamplona.amethyst.ui.screen.loggedIn.chats.rooms.NewConversationScreen
 import com.vitorpamplona.amethyst.ui.screen.loggedIn.chats.share.ShareToDMScreen
 import com.vitorpamplona.amethyst.ui.screen.loggedIn.chess.ChessGameScreen
 import com.vitorpamplona.amethyst.ui.screen.loggedIn.chess.ChessLobbyScreen
@@ -744,6 +745,7 @@ fun BuildNavigation(
 
         composableFromBottomArgs<Route.ChannelMetadataEdit> { ChannelMetadataScreen(it.id, accountViewModel, nav) }
         composableFromBottomArgs<Route.NewEphemeralChat> { NewEphemeralChatScreen(accountViewModel, nav) }
+        composableFromBottom<Route.NewConversation> { NewConversationScreen(nav) }
         composableFromBottomArgs<Route.NewGroupDM> { NewGroupDMScreen(it.message, it.attachment, accountViewModel, nav) }
         composableFromBottomArgs<Route.ShareToDM> { ShareToDMScreen(it.message, it.attachment, accountViewModel, nav) }
 

amethyst/src/main/java/com/vitorpamplona/amethyst/ui/navigation/routes/Routes.kt

@@ -748,6 +748,11 @@ sealed class Route {
         val attachment: String? = null,
     ) : Route()
 
+    // Full-screen chooser opened from the Messages FAB: explains each conversation type
+    // (DM, Marmot group, Concord, public chat, relay group, disappearing chat) with its
+    // pros/cons and routes to that type's creation flow.
+    @Serializable object NewConversation : Route()
+
     @Serializable data class ShareToDM(
         val message: String? = null,
         val attachment: String? = null,

amethyst/src/main/java/com/vitorpamplona/amethyst/ui/screen/loggedIn/chats/rooms/ChannelFabColumn.kt

@@ -20,148 +20,41 @@
  */
 package com.vitorpamplona.amethyst.ui.screen.loggedIn.chats.rooms
 
-import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.animation.core.animateFloatAsState
-import androidx.compose.animation.fadeIn
-import androidx.compose.animation.fadeOut
-import androidx.compose.animation.slideInVertically
-import androidx.compose.animation.slideOutVertically
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.material3.FloatingActionButton
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.graphicsLayer
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import com.vitorpamplona.amethyst.R
 import com.vitorpamplona.amethyst.commons.icons.symbols.Icon
 import com.vitorpamplona.amethyst.commons.icons.symbols.MaterialSymbols
 import com.vitorpamplona.amethyst.ui.navigation.navs.INav
 import com.vitorpamplona.amethyst.ui.navigation.routes.Route
-import com.vitorpamplona.amethyst.ui.navigation.routes.Route.NewGroupDM
 import com.vitorpamplona.amethyst.ui.stringRes
-import com.vitorpamplona.amethyst.ui.theme.Font12SP
 import com.vitorpamplona.amethyst.ui.theme.Size55Modifier
 
+/**
+ * The Messages "+" button. Instead of a speed-dial that fanned out several cryptic one-word FABs
+ * (Private / Public / Group / Find groups), a single button opens the full-screen
+ * [NewConversationScreen] chooser, which explains every conversation type and its trade-offs before
+ * the user commits to one.
+ */
 @Composable
 fun ChannelFabColumn(nav: INav) {
-    var isOpen by remember { mutableStateOf(false) }
-
-    Column {
-        AnimatedVisibility(
-            visible = isOpen,
-            enter = slideInVertically(initialOffsetY = { it / 2 }) + fadeIn(),
-            exit = slideOutVertically(targetOffsetY = { it / 2 }) + fadeOut(),
-        ) {
-            Column {
-                FloatingActionButton(
-                    onClick = {
-                        nav.nav(NewGroupDM())
-                        isOpen = false
-                    },
-                    modifier = Size55Modifier,
-                    shape = CircleShape,
-                    containerColor = MaterialTheme.colorScheme.primary,
-                ) {
-                    Text(
-                        text = stringRes(R.string.messages_new_message),
-                        color = Color.White,
-                        textAlign = TextAlign.Center,
-                        fontSize = Font12SP,
-                    )
-                }
-
-                Spacer(modifier = Modifier.height(20.dp))
-
-                FloatingActionButton(
-                    onClick = {
-                        nav.nav(Route.ChannelMetadataEdit())
-                        isOpen = false
-                    },
-                    modifier = Size55Modifier,
-                    shape = CircleShape,
-                    containerColor = MaterialTheme.colorScheme.primary,
-                ) {
-                    Text(
-                        text = stringRes(R.string.messages_create_public_chat),
-                        color = Color.White,
-                        textAlign = TextAlign.Center,
-                        fontSize = Font12SP,
-                    )
-                }
-
-                Spacer(modifier = Modifier.height(20.dp))
-
-                FloatingActionButton(
-                    onClick = {
-                        nav.nav(Route.CreateMarmotGroup)
-                        isOpen = false
-                    },
-                    modifier = Size55Modifier,
-                    shape = CircleShape,
-                    containerColor = MaterialTheme.colorScheme.primary,
-                ) {
-                    Text(
-                        text = stringRes(R.string.messages_create_group),
-                        color = Color.White,
-                        textAlign = TextAlign.Center,
-                        fontSize = Font12SP,
-                    )
-                }
-
-                Spacer(modifier = Modifier.height(20.dp))
-
-                FloatingActionButton(
-                    onClick = {
-                        nav.nav(Route.RelayGroupBrowse)
-                        isOpen = false
-                    },
-                    modifier = Size55Modifier,
-                    shape = CircleShape,
-                    containerColor = MaterialTheme.colorScheme.primary,
-                ) {
-                    Text(
-                        text = stringRes(R.string.relay_group_browse_title),
-                        color = Color.White,
-                        textAlign = TextAlign.Center,
-                        fontSize = Font12SP,
-                    )
-                }
-
-                Spacer(modifier = Modifier.height(20.dp))
-            }
-        }
-
-        val rotationDegree by animateFloatAsState(
-            targetValue = if (isOpen) 45f else 0f,
+    FloatingActionButton(
+        onClick = { nav.nav(Route.NewConversation) },
+        modifier = Size55Modifier,
+        shape = CircleShape,
+        containerColor = MaterialTheme.colorScheme.primary,
+    ) {
+        Icon(
+            symbol = MaterialSymbols.Add,
+            contentDescription = stringRes(R.string.messages_create_public_private_chat_description),
+            modifier = Modifier.size(26.dp),
+            tint = Color.White,
         )
-
-        FloatingActionButton(
-            onClick = { isOpen = !isOpen },
-            modifier = Size55Modifier,
-            shape = CircleShape,
-            containerColor = MaterialTheme.colorScheme.primary,
-        ) {
-            Icon(
-                symbol = MaterialSymbols.Add,
-                contentDescription = stringRes(R.string.messages_create_public_private_chat_description),
-                modifier =
-                    Modifier.size(26.dp).graphicsLayer {
-                        rotationZ = rotationDegree
-                    },
-                tint = Color.White,
-            )
-        }
     }
 }

amethyst/src/main/java/com/vitorpamplona/amethyst/ui/screen/loggedIn/chats/rooms/NewConversationScreen.kt

@@ -0,0 +1,413 @@
+/*
+ * Copyright (c) 2025 Vitor Pamplona
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the
+ * Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
+ * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+ * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+package com.vitorpamplona.amethyst.ui.screen.loggedIn.chats.rooms
+
+import androidx.annotation.StringRes
+import androidx.compose.animation.animateContentSize
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.ElevatedCard
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.Immutable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.lerp
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.vitorpamplona.amethyst.R
+import com.vitorpamplona.amethyst.commons.icons.symbols.Icon
+import com.vitorpamplona.amethyst.commons.icons.symbols.MaterialSymbol
+import com.vitorpamplona.amethyst.commons.icons.symbols.MaterialSymbols
+import com.vitorpamplona.amethyst.ui.navigation.navs.EmptyNav
+import com.vitorpamplona.amethyst.ui.navigation.navs.INav
+import com.vitorpamplona.amethyst.ui.navigation.routes.Route
+import com.vitorpamplona.amethyst.ui.navigation.topbars.TopBarWithBackButton
+import com.vitorpamplona.amethyst.ui.stringRes
+import com.vitorpamplona.amethyst.ui.theme.ThemeComparisonColumn
+import com.vitorpamplona.amethyst.ui.theme.grayText
+
+// Per-type accent colors. Each protocol gets its own hue so private-vs-public reads at a glance
+// instead of via text. Used at full strength for the icon tile (white glyph on top) and, tint-mixed,
+// for the type's chip / expanded accents. In dark theme the accent is lightened for legibility on the
+// dark ground (see [ConversationRow]); the solid tile keeps the saturated base either way.
+private val ColorPrivate = Color(0xFF7C3AED)
+private val ColorMarmot = Color(0xFF4F46E5)
+private val ColorConcord = Color(0xFF0F766E)
+private val ColorPublic = Color(0xFFB45309)
+private val ColorRelay = Color(0xFF2563EB)
+private val ColorEphemeral = Color(0xFFC2410C)
+
+/**
+ * One selectable conversation type. Collapsed, a row shows only the icon, name, a short tagline, and
+ * a one-word [chip] naming its deciding axis (scale / device-bound / moderation / live). Tapping the
+ * row expands it to reveal [bestFor] and the [pros]/[cons] before the [cta] button routes to that
+ * type's existing creation (or browse) flow.
+ */
+@Immutable
+private class ConversationType(
+    val icon: MaterialSymbol,
+    val color: Color,
+    @StringRes val title: Int,
+    @StringRes val tagline: Int,
+    @StringRes val chip: Int,
+    @StringRes val bestFor: Int,
+    @StringRes val cta: Int,
+    val pros: List<Int>,
+    val cons: List<Int>,
+    val route: Route,
+)
+
+@Immutable
+private class ConversationSection(
+    @StringRes val header: Int,
+    val types: List<ConversationType>,
+)
+
+// Grouped by intent so the six protocols read as three simple buckets: talk privately, run an
+// encrypted group, or use a relay-aware room (where the relay can see/moderate who's there).
+private val conversationSections =
+    listOf(
+        ConversationSection(
+            header = R.string.new_conversation_section_direct,
+            types =
+                listOf(
+                    ConversationType(
+                        icon = MaterialSymbols.Mail,
+                        color = ColorPrivate,
+                        title = R.string.new_conversation_dm_title,
+                        tagline = R.string.new_conversation_dm_tagline,
+                        chip = R.string.new_conversation_dm_chip,
+                        bestFor = R.string.new_conversation_dm_best,
+                        cta = R.string.new_conversation_dm_cta,
+                        pros = listOf(R.string.new_conversation_dm_pro_1, R.string.new_conversation_dm_pro_2),
+                        cons = listOf(R.string.new_conversation_dm_con_1),
+                        route = Route.NewGroupDM(),
+                    ),
+                ),
+        ),
+        ConversationSection(
+            header = R.string.new_conversation_section_encrypted,
+            types =
+                listOf(
+                    ConversationType(
+                        icon = MaterialSymbols.Lock,
+                        color = ColorMarmot,
+                        title = R.string.new_conversation_marmot_title,
+                        tagline = R.string.new_conversation_marmot_tagline,
+                        chip = R.string.new_conversation_marmot_chip,
+                        bestFor = R.string.new_conversation_marmot_best,
+                        cta = R.string.new_conversation_marmot_cta,
+                        pros = listOf(R.string.new_conversation_marmot_pro_1, R.string.new_conversation_marmot_pro_2),
+                        cons = listOf(R.string.new_conversation_marmot_con_1),
+                        route = Route.CreateMarmotGroup,
+                    ),
+                    ConversationType(
+                        icon = MaterialSymbols.Groups,
+                        color = ColorConcord,
+                        title = R.string.new_conversation_concord_title,
+                        tagline = R.string.new_conversation_concord_tagline,
+                        chip = R.string.new_conversation_concord_chip,
+                        bestFor = R.string.new_conversation_concord_best,
+                        cta = R.string.new_conversation_concord_cta,
+                        pros = listOf(R.string.new_conversation_concord_pro_1, R.string.new_conversation_concord_pro_2),
+                        cons = listOf(R.string.new_conversation_concord_con_1),
+                        route = Route.ConcordCreate,
+                    ),
+                ),
+        ),
+        ConversationSection(
+            header = R.string.new_conversation_section_relay,
+            types =
+                listOf(
+                    ConversationType(
+                        icon = MaterialSymbols.Public,
+                        color = ColorPublic,
+                        title = R.string.new_conversation_public_chat_title,
+                        tagline = R.string.new_conversation_public_chat_tagline,
+                        chip = R.string.new_conversation_public_chat_chip,
+                        bestFor = R.string.new_conversation_public_chat_best,
+                        cta = R.string.new_conversation_public_chat_cta,
+                        pros = listOf(R.string.new_conversation_public_chat_pro_1, R.string.new_conversation_public_chat_pro_2),
+                        cons = listOf(R.string.new_conversation_public_chat_con_1, R.string.new_conversation_public_chat_con_2),
+                        route = Route.ChannelMetadataEdit(),
+                    ),
+                    ConversationType(
+                        icon = MaterialSymbols.Dns,
+                        color = ColorRelay,
+                        title = R.string.new_conversation_relay_group_title,
+                        tagline = R.string.new_conversation_relay_group_tagline,
+                        chip = R.string.new_conversation_relay_group_chip,
+                        bestFor = R.string.new_conversation_relay_group_best,
+                        cta = R.string.new_conversation_relay_group_cta,
+                        pros = listOf(R.string.new_conversation_relay_group_pro_1, R.string.new_conversation_relay_group_pro_2),
+                        cons = listOf(R.string.new_conversation_relay_group_con_1),
+                        route = Route.RelayGroupBrowse,
+                    ),
+                    ConversationType(
+                        icon = MaterialSymbols.Timer,
+                        color = ColorEphemeral,
+                        title = R.string.new_conversation_ephemeral_title,
+                        tagline = R.string.new_conversation_ephemeral_tagline,
+                        chip = R.string.new_conversation_ephemeral_chip,
+                        bestFor = R.string.new_conversation_ephemeral_best,
+                        cta = R.string.new_conversation_ephemeral_cta,
+                        pros = listOf(R.string.new_conversation_ephemeral_pro_1, R.string.new_conversation_ephemeral_pro_2),
+                        cons = listOf(R.string.new_conversation_ephemeral_con_1, R.string.new_conversation_ephemeral_con_2),
+                        route = Route.NewEphemeralChat,
+                    ),
+                ),
+        ),
+    )
+
+@Composable
+fun NewConversationScreen(nav: INav) {
+    // Accordion: at most one row expanded, keyed by its (unique) title resource id. Survives config
+    // changes so an opened card stays open on rotation.
+    var expandedId by rememberSaveable { mutableStateOf(0) }
+
+    Scaffold(
+        topBar = { TopBarWithBackButton(stringRes(R.string.new_conversation_title), nav) },
+    ) { pad ->
+        LazyColumn(
+            modifier = Modifier.fillMaxWidth(),
+            contentPadding =
+                PaddingValues(
+                    start = 12.dp,
+                    end = 12.dp,
+                    top = pad.calculateTopPadding() + 4.dp,
+                    bottom = pad.calculateBottomPadding() + 16.dp,
+                ),
+            verticalArrangement = Arrangement.spacedBy(9.dp),
+        ) {
+            conversationSections.forEach { section ->
+                item(key = section.header) {
+                    Text(
+                        text = stringRes(section.header),
+                        style = MaterialTheme.typography.labelMedium,
+                        fontWeight = FontWeight.Bold,
+                        color = MaterialTheme.colorScheme.grayText,
+                        modifier = Modifier.padding(start = 6.dp, top = 8.dp),
+                    )
+                }
+
+                section.types.forEach { type ->
+                    item(key = type.title) {
+                        ConversationRow(
+                            type = type,
+                            expanded = expandedId == type.title,
+                            onToggle = { expandedId = if (expandedId == type.title) 0 else type.title },
+                            onCreate = { nav.nav(type.route) },
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
+
+@Composable
+private fun ConversationRow(
+    type: ConversationType,
+    expanded: Boolean,
+    onToggle: () -> Unit,
+    onCreate: () -> Unit,
+) {
+    // Lighten the accent in dark mode so chip/label/checkmark text stays legible on the dark ground;
+    // the solid icon tile keeps the saturated base color in both themes.
+    val accent = if (isSystemInDarkTheme()) lerp(type.color, Color.White, 0.42f) else type.color
+
+    ElevatedCard(
+        onClick = onToggle,
+        modifier = Modifier.fillMaxWidth(),
+        elevation = CardDefaults.elevatedCardElevation(defaultElevation = 2.dp),
+    ) {
+        Column(Modifier.animateContentSize().padding(13.dp)) {
+            Row(verticalAlignment = Alignment.CenterVertically) {
+                Surface(
+                    shape = RoundedCornerShape(13.dp),
+                    color = type.color,
+                    modifier = Modifier.size(44.dp),
+                ) {
+                    Box(contentAlignment = Alignment.Center) {
+                        Icon(
+                            symbol = type.icon,
+                            contentDescription = null,
+                            tint = Color.White,
+                            modifier = Modifier.size(24.dp),
+                        )
+                    }
+                }
+
+                Spacer(Modifier.width(13.dp))
+
+                Column(Modifier.weight(1f)) {
+                    Text(
+                        text = stringRes(type.title),
+                        style = MaterialTheme.typography.titleMedium,
+                        fontWeight = FontWeight.Bold,
+                        maxLines = 1,
+                        overflow = TextOverflow.Ellipsis,
+                    )
+                    Text(
+                        text = stringRes(type.tagline),
+                        style = MaterialTheme.typography.bodySmall,
+                        color = MaterialTheme.colorScheme.grayText,
+                        maxLines = 2,
+                        overflow = TextOverflow.Ellipsis,
+                    )
+                }
+
+                Spacer(Modifier.width(8.dp))
+
+                AxisChip(stringRes(type.chip), accent)
+            }
+
+            if (expanded) {
+                HorizontalDivider(
+                    modifier = Modifier.padding(top = 13.dp, bottom = 12.dp),
+                    color = accent.copy(alpha = 0.22f),
+                )
+
+                Column {
+                    ColumnHeader(stringRes(R.string.new_conversation_best_for))
+                    Text(
+                        text = stringRes(type.bestFor),
+                        style = MaterialTheme.typography.bodySmall,
+                        color = MaterialTheme.colorScheme.grayText,
+                        modifier = Modifier.padding(top = 3.dp, bottom = 12.dp),
+                    )
+                }
+
+                Row(horizontalArrangement = Arrangement.spacedBy(14.dp)) {
+                    Column(Modifier.weight(1f)) {
+                        ColumnHeader(stringRes(R.string.new_conversation_pros))
+                        Spacer(Modifier.height(4.dp))
+                        type.pros.forEach { ProConRow(it, accent, isPro = true) }
+                    }
+                    Column(Modifier.weight(1f)) {
+                        ColumnHeader(stringRes(R.string.new_conversation_cons))
+                        Spacer(Modifier.height(4.dp))
+                        type.cons.forEach { ProConRow(it, accent, isPro = false) }
+                    }
+                }
+
+                Button(
+                    onClick = onCreate,
+                    modifier = Modifier.fillMaxWidth().padding(top = 13.dp),
+                    shape = RoundedCornerShape(12.dp),
+                    colors = ButtonDefaults.buttonColors(containerColor = type.color, contentColor = Color.White),
+                ) {
+                    Text(stringRes(type.cta), fontWeight = FontWeight.Bold)
+                }
+            }
+        }
+    }
+}
+
+@Composable
+private fun AxisChip(
+    label: String,
+    accent: Color,
+) {
+    Surface(
+        shape = RoundedCornerShape(999.dp),
+        color = accent.copy(alpha = 0.14f),
+    ) {
+        Text(
+            text = label,
+            style = MaterialTheme.typography.labelSmall,
+            fontWeight = FontWeight.Bold,
+            color = accent,
+            maxLines = 1,
+            overflow = TextOverflow.Ellipsis,
+            modifier = Modifier.padding(horizontal = 10.dp, vertical = 4.dp),
+        )
+    }
+}
+
+@Composable
+private fun ColumnHeader(text: String) {
+    Text(
+        text = text.uppercase(),
+        style = MaterialTheme.typography.labelSmall,
+        fontWeight = FontWeight.Bold,
+        color = MaterialTheme.colorScheme.grayText,
+    )
+}
+
+@Composable
+private fun ProConRow(
+    @StringRes text: Int,
+    accent: Color,
+    isPro: Boolean,
+) {
+    Row(
+        verticalAlignment = Alignment.Top,
+        modifier = Modifier.padding(vertical = 2.dp),
+    ) {
+        Icon(
+            symbol = if (isPro) MaterialSymbols.Check else MaterialSymbols.Close,
+            contentDescription = null,
+            tint = if (isPro) accent else MaterialTheme.colorScheme.grayText,
+            modifier = Modifier.padding(top = 1.dp).size(15.dp),
+        )
+        Spacer(Modifier.width(6.dp))
+        Text(
+            text = stringRes(text),
+            style = MaterialTheme.typography.bodySmall,
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun NewConversationScreenPreview() {
+    ThemeComparisonColumn {
+        NewConversationScreen(nav = EmptyNav())
+    }
+}

amethyst/src/main/res/values/strings.xml

@@ -2049,6 +2049,72 @@
     <string name="messages_create_public_chat">Public</string>
     <string name="messages_create_group">Group</string>
     <string name="messages_create_public_private_chat_description">New Public or Private Group</string>
+
+    <!-- New conversation chooser (full-screen picker opened from the Messages FAB).
+         Each row stays lean; the "best for" line and the pros/cons appear only when a row is tapped. -->
+    <string name="new_conversation_title">Start a conversation</string>
+    <string name="new_conversation_best_for">Best for</string>
+    <string name="new_conversation_pros">Good</string>
+    <string name="new_conversation_cons">Trade-offs</string>
+    <string name="new_conversation_section_direct">Private</string>
+    <string name="new_conversation_section_encrypted">Encrypted groups</string>
+    <string name="new_conversation_section_relay">Relay-aware</string>
+
+    <string name="new_conversation_dm_title">Private Message</string>
+    <string name="new_conversation_dm_tagline">Direct messages, end-to-end encrypted</string>
+    <string name="new_conversation_dm_chip">1:1–5 rooms</string>
+    <string name="new_conversation_dm_best">One-on-one and small group chats with people you know.</string>
+    <string name="new_conversation_dm_cta">New message</string>
+    <string name="new_conversation_dm_pro_1">1-on-1 &amp; small groups</string>
+    <string name="new_conversation_dm_pro_2">End-to-end encrypted</string>
+    <string name="new_conversation_dm_con_1">Can\'t add users later</string>
+
+    <string name="new_conversation_marmot_title">Marmot Group</string>
+    <string name="new_conversation_marmot_tagline">Bigger private groups</string>
+    <string name="new_conversation_marmot_chip">Device-bound</string>
+    <string name="new_conversation_marmot_best">Larger private groups that outgrow small-group DMs.</string>
+    <string name="new_conversation_marmot_cta">Create group</string>
+    <string name="new_conversation_marmot_pro_1">Scales past small DMs</string>
+    <string name="new_conversation_marmot_pro_2">Encrypted group chat</string>
+    <string name="new_conversation_marmot_con_1">Device-bound — won\'t appear if you sign in elsewhere</string>
+
+    <string name="new_conversation_concord_title">Concord Community</string>
+    <string name="new_conversation_concord_tagline">Communities split by channel</string>
+    <string name="new_conversation_concord_chip">Workspaces</string>
+    <string name="new_conversation_concord_best">Massive communities, organized by channels or workstreams.</string>
+    <string name="new_conversation_concord_cta">Create community</string>
+    <string name="new_conversation_concord_pro_1">Scales to huge communities</string>
+    <string name="new_conversation_concord_pro_2">Split by channel / workstream</string>
+    <string name="new_conversation_concord_con_1">More to set up</string>
+
+    <string name="new_conversation_public_chat_title">Public Chat</string>
+    <string name="new_conversation_public_chat_tagline">Public messages on a relay</string>
+    <string name="new_conversation_public_chat_chip">Unmoderated</string>
+    <string name="new_conversation_public_chat_best">Open public rooms where anyone can post.</string>
+    <string name="new_conversation_public_chat_cta">Create public chat</string>
+    <string name="new_conversation_public_chat_pro_1">Anyone can join</string>
+    <string name="new_conversation_public_chat_pro_2">Simple &amp; discoverable</string>
+    <string name="new_conversation_public_chat_con_1">Public only</string>
+    <string name="new_conversation_public_chat_con_2">No moderation</string>
+
+    <string name="new_conversation_relay_group_title">Relay Group</string>
+    <string name="new_conversation_relay_group_tagline">Relay-run, public or private</string>
+    <string name="new_conversation_relay_group_chip">Moderated</string>
+    <string name="new_conversation_relay_group_best">Groups moderated by the relay that hosts them.</string>
+    <string name="new_conversation_relay_group_cta">Browse relay groups</string>
+    <string name="new_conversation_relay_group_pro_1">Moderated by the relay</string>
+    <string name="new_conversation_relay_group_pro_2">Public or private</string>
+    <string name="new_conversation_relay_group_con_1">Tied to that one relay</string>
+
+    <string name="new_conversation_ephemeral_title">Disappearing Chat</string>
+    <string name="new_conversation_ephemeral_tagline">Whoever\'s online, right now</string>
+    <string name="new_conversation_ephemeral_chip">Live now</string>
+    <string name="new_conversation_ephemeral_best">In-the-moment chat with whoever is online right now.</string>
+    <string name="new_conversation_ephemeral_cta">Start chat</string>
+    <string name="new_conversation_ephemeral_pro_1">Talk to who\'s online now</string>
+    <string name="new_conversation_ephemeral_pro_2">Nothing is saved</string>
+    <string name="new_conversation_ephemeral_con_1">No history</string>
+    <string name="new_conversation_ephemeral_con_2">Relay-scoped</string>
     <string name="relay_groups_title">Relay Groups</string>
     <string name="relay_group_view_inline">Inline</string>
     <string name="relay_group_view_grouped">By relay</string>