CMM-872 support he conversations and tickets logic (#22309)

* Adding basic UI

* Renaming

* Some styling

* Renaming and dummy data

* Using proper "new conversation icon"

* Conversation details screen

* Creating the reply bottomsheet

* Linking to the support screen

* bottomsheet fix

* Mov navigation form activity to viewmodel

* Adding create ticket screen

* More screen adjustments

* Extracting common code

* Margin fix

* detekt

* Style

* New ticket check

* Creating tests

* Creating repository and load conversations function

* Adding createConversation function

* Creating loadConversation func

* Loading conversations form the viewmodel

* Adding loading spinner

* Pull to refresh

* Proper ionitialization

* Adding empty screen

* Handling send new conversation

* Show loading when sending

* New ticket creation fix

* Using snackbar for errors

* Error handling

* Answering conversation

* Adding some test to the repository

* More tests!

* Compile fixes

* Similarities improvements

* Using snackbar in bots activity

* Extracting EmptyConversationsView

* Renaming

* Extracting VM and UI common code

* Extracting navigation common code

* Renaming VMs for clarification

* More refactor

* Capitalise text fields

* Updating rs library

* Loading conversation UX

* Style fix

* Fixing scaffolds paddings

* userID fix

* Fixing the padding problem in bot chat when the keyboard is opened

* Apply padding to create ticket screen when the keyboard is opened

* Fixing scroll state in reply bottomsheet

* Adding tests for the new common viewmodel

* Fixing AIBotSupportViewModel tests

* detekt

* Improvements int he conversation interaction

* Adding tests for HE VM

* Saving draft state

* Properly navigating when a ticket is selected

* Error parsing improvement

* accessToken suggestion improvements

* General suggestions

* Send message error UX improvement

* Fixing tests

* Bots screen renaming

* Update WordPress/src/main/res/values/strings.xml

Co-authored-by: David Calhoun <github@davidcalhoun.me>

---------

Co-authored-by: David Calhoun <github@davidcalhoun.me>

Author: adalpari

WordPress/src/main/AndroidManifest.xml

@@ -438,7 +438,8 @@
 
         <activity android:name="org.wordpress.android.support.aibot.ui.AIBotSupportActivity"
             android:theme="@style/WordPress.NoActionBar"
-            android:label="@string/ai_bot_conversations_title"/>
+            android:label="@string/ai_bot_conversations_title"
+            android:windowSoftInputMode="adjustResize"/>
 
         <activity android:name="org.wordpress.android.support.main.ui.SupportActivity"
             android:theme="@style/WordPress.NoActionBar"
@@ -450,7 +451,8 @@
 
         <activity android:name="org.wordpress.android.support.he.ui.HESupportActivity"
             android:theme="@style/WordPress.NoActionBar"
-            android:label="@string/support_screen_title"/>
+            android:label="@string/support_screen_title"
+            android:windowSoftInputMode="adjustResize"/>
 
         <!-- Deep Linking Activity -->
         <activity

WordPress/src/main/java/org/wordpress/android/support/aibot/model/BotConversation.kt

@@ -1,5 +1,6 @@
 package org.wordpress.android.support.aibot.model
 
+import org.wordpress.android.support.common.model.Conversation
 import java.util.Date
 
 data class BotConversation(
@@ -8,4 +9,6 @@ data class BotConversation(
     val mostRecentMessageDate: Date,
     val lastMessage: String,
     val messages: List<BotMessage>
-)
+): Conversation {
+    override fun getConversationId(): Long = id
+}

WordPress/src/main/java/org/wordpress/android/support/aibot/repository/AIBotSupportRepository.kt

@@ -24,7 +24,19 @@ class AIBotSupportRepository @Inject constructor(
     private val wpComApiClientProvider: WpComApiClientProvider,
     @Named(IO_THREAD) private val ioDispatcher: CoroutineDispatcher,
 ) {
+    /**
+     * Access token for API authentication.
+     * Marked as @Volatile to ensure visibility across threads since this repository is accessed
+     * from multiple coroutine contexts (main thread initialization, IO dispatcher for API calls).
+     */
+    @Volatile
     private var accessToken: String? = null
+
+    /**
+     * User ID for API operations.
+     * Marked as @Volatile to ensure visibility across threads.
+     */
+    @Volatile
     private var userId: Long = 0
 
     private val wpComApiClient: WpComApiClient by lazy {

WordPress/src/main/java/org/wordpress/android/support/aibot/ui/ConversationDetailScreen.kt renamed to WordPress/src/main/java/org/wordpress/android/support/aibot/ui/AIBotConversationDetailScreen.kt

@@ -42,9 +42,13 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.KeyboardCapitalization
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import androidx.compose.foundation.text.KeyboardOptions
 import android.content.res.Configuration.UI_MODE_NIGHT_YES
+import androidx.compose.material3.SnackbarHost
+import androidx.compose.material3.SnackbarHostState
 import androidx.compose.ui.platform.LocalResources
 import androidx.compose.ui.text.style.TextAlign
 import org.wordpress.android.R
@@ -56,7 +60,8 @@ import org.wordpress.android.ui.compose.theme.AppThemeM3
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
-fun ConversationDetailScreen(
+fun AIBotConversationDetailScreen(
+    snackbarHostState: SnackbarHostState,
     conversation: BotConversation,
     isLoading: Boolean,
     isBotTyping: Boolean,
@@ -83,6 +88,7 @@ fun ConversationDetailScreen(
     val resources = LocalResources.current
 
     Scaffold(
+        snackbarHost = { SnackbarHost(snackbarHostState) },
         topBar = {
             TopAppBar(
                 title = { },
@@ -118,7 +124,6 @@ fun ConversationDetailScreen(
             LazyColumn(
                 modifier = Modifier
                     .fillMaxSize()
-                    .imePadding()
                     .padding(horizontal = 16.dp),
                 state = listState,
                 verticalArrangement = Arrangement.spacedBy(12.dp)
@@ -208,6 +213,7 @@ private fun ChatInputBar(
     Row(
         modifier = Modifier
             .fillMaxWidth()
+            .imePadding()
             .padding(16.dp),
         verticalAlignment = Alignment.CenterVertically,
         horizontalArrangement = Arrangement.spacedBy(8.dp)
@@ -218,6 +224,7 @@ private fun ChatInputBar(
             modifier = Modifier.weight(1f),
             placeholder = { Text(stringResource(R.string.ai_bot_message_input_placeholder)) },
             maxLines = 4,
+            keyboardOptions = KeyboardOptions(capitalization = KeyboardCapitalization.Sentences)
         )
 
         IconButton(
@@ -352,9 +359,11 @@ private fun TypingDot(delay: Int) {
 @Composable
 private fun ConversationDetailScreenPreview() {
     val sampleConversation = generateSampleBotConversations()[0]
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = false) {
-        ConversationDetailScreen(
+        AIBotConversationDetailScreen(
+            snackbarHostState = snackbarHostState,
             userName = "UserName",
             conversation = sampleConversation,
             isLoading = false,
@@ -370,9 +379,11 @@ private fun ConversationDetailScreenPreview() {
 @Composable
 private fun ConversationDetailScreenPreviewDark() {
     val sampleConversation = generateSampleBotConversations()[0]
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = true) {
-        ConversationDetailScreen(
+        AIBotConversationDetailScreen(
+            snackbarHostState = snackbarHostState,
             userName = "UserName",
             conversation = sampleConversation,
             isLoading = false,
@@ -388,9 +399,11 @@ private fun ConversationDetailScreenPreviewDark() {
 @Composable
 private fun ConversationDetailScreenWordPressPreview() {
     val sampleConversation = generateSampleBotConversations()[0]
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = false, isJetpackApp = false) {
-        ConversationDetailScreen(
+        AIBotConversationDetailScreen(
+            snackbarHostState = snackbarHostState,
             userName = "UserName",
             conversation = sampleConversation,
             isLoading = false,
@@ -406,9 +419,11 @@ private fun ConversationDetailScreenWordPressPreview() {
 @Composable
 private fun ConversationDetailScreenPreviewWordPressDark() {
     val sampleConversation = generateSampleBotConversations()[0]
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = true, isJetpackApp = false) {
-        ConversationDetailScreen(
+        AIBotConversationDetailScreen(
+            snackbarHostState = snackbarHostState,
             userName = "UserName",
             conversation = sampleConversation,
             isLoading = false,

WordPress/src/main/java/org/wordpress/android/support/aibot/ui/ConversationsListScreen.kt renamed to WordPress/src/main/java/org/wordpress/android/support/aibot/ui/AIBotConversationsListScreen.kt

@@ -9,13 +9,11 @@ import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
-import androidx.compose.material3.Button
 import androidx.compose.material.icons.filled.Edit
 import androidx.compose.material3.Card
 import androidx.compose.material3.CardDefaults
@@ -24,18 +22,18 @@ import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Scaffold
+import androidx.compose.material3.SnackbarHost
+import androidx.compose.material3.SnackbarHostState
 import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBar
 import androidx.compose.material3.pulltorefresh.PullToRefreshBox
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
-import androidx.compose.ui.Alignment
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalResources
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
@@ -46,11 +44,13 @@ import org.wordpress.android.R
 import org.wordpress.android.support.aibot.model.BotConversation
 import org.wordpress.android.support.aibot.util.formatRelativeTime
 import org.wordpress.android.support.aibot.util.generateSampleBotConversations
+import org.wordpress.android.support.common.ui.EmptyConversationsView
 import org.wordpress.android.ui.compose.theme.AppThemeM3
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
-fun ConversationsListScreen(
+fun AIBotConversationsListScreen(
+    snackbarHostState: SnackbarHostState,
     conversations: StateFlow<List<BotConversation>>,
     isLoading: Boolean,
     onConversationClick: (BotConversation) -> Unit,
@@ -59,6 +59,7 @@ fun ConversationsListScreen(
     onRefresh: () -> Unit,
 ) {
     Scaffold(
+        snackbarHost = { SnackbarHost(snackbarHostState) },
         topBar = {
             TopAppBar(
                 title = { Text(stringResource(R.string.ai_bot_conversations_title)) },
@@ -109,49 +110,6 @@ fun ConversationsListScreen(
     }
 }
 
-@Composable
-private fun EmptyConversationsView(
-    modifier: Modifier,
-    onCreateNewConversationClick: () -> Unit
-) {
-    Column(
-        modifier = modifier
-            .fillMaxSize()
-            .padding(32.dp),
-        horizontalAlignment = Alignment.CenterHorizontally,
-        verticalArrangement = Arrangement.Center
-    ) {
-        Text(
-            text = "💬",
-            style = MaterialTheme.typography.displayLarge
-        )
-
-        Spacer(modifier = Modifier.height(32.dp))
-
-        Text(
-            text = stringResource(R.string.ai_bot_empty_conversations_title),
-            style = MaterialTheme.typography.titleLarge,
-            fontWeight = FontWeight.Bold,
-            color = MaterialTheme.colorScheme.onSurface
-        )
-
-        Spacer(modifier = Modifier.padding(8.dp))
-
-        Text(
-            text = stringResource(R.string.ai_bot_empty_conversations_message),
-            style = MaterialTheme.typography.bodyLarge,
-            color = MaterialTheme.colorScheme.onSurfaceVariant,
-            textAlign = TextAlign.Center
-        )
-
-        Spacer(modifier = Modifier.padding(24.dp))
-
-        Button(onClick = onCreateNewConversationClick) {
-            Text(text = stringResource(R.string.ai_bot_empty_conversations_button))
-        }
-    }
-}
-
 @Composable
 private fun ShowConversationsList(
     modifier: Modifier,
@@ -233,9 +191,11 @@ private fun ConversationCard(
 @Composable
 private fun ConversationsScreenPreview() {
     val sampleConversations = MutableStateFlow(generateSampleBotConversations())
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = false) {
-        ConversationsListScreen(
+        AIBotConversationsListScreen(
+            snackbarHostState = snackbarHostState,
             conversations = sampleConversations.asStateFlow(),
             isLoading = false,
             onConversationClick = { },
@@ -250,9 +210,11 @@ private fun ConversationsScreenPreview() {
 @Composable
 private fun ConversationsScreenPreviewDark() {
     val sampleConversations = MutableStateFlow(generateSampleBotConversations())
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = true) {
-        ConversationsListScreen(
+        AIBotConversationsListScreen(
+            snackbarHostState = snackbarHostState,
             conversations = sampleConversations.asStateFlow(),
             isLoading = false,
             onConversationClick = { },
@@ -267,9 +229,11 @@ private fun ConversationsScreenPreviewDark() {
 @Composable
 private fun ConversationsScreenWordPressPreview() {
     val sampleConversations = MutableStateFlow(generateSampleBotConversations())
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = false, isJetpackApp = false) {
-        ConversationsListScreen(
+        AIBotConversationsListScreen(
+            snackbarHostState = snackbarHostState,
             conversations = sampleConversations.asStateFlow(),
             isLoading = true,
             onConversationClick = { },
@@ -284,9 +248,11 @@ private fun ConversationsScreenWordPressPreview() {
 @Composable
 private fun ConversationsScreenPreviewWordPressDark() {
     val sampleConversations = MutableStateFlow(generateSampleBotConversations())
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = true, isJetpackApp = false) {
-        ConversationsListScreen(
+        AIBotConversationsListScreen(
+            snackbarHostState = snackbarHostState,
             conversations = sampleConversations.asStateFlow(),
             isLoading = true,
             onConversationClick = { },
@@ -301,9 +267,11 @@ private fun ConversationsScreenPreviewWordPressDark() {
 @Composable
 private fun EmptyConversationsScreenPreview() {
     val emptyConversations = MutableStateFlow(emptyList<BotConversation>())
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = false) {
-        ConversationsListScreen(
+        AIBotConversationsListScreen(
+            snackbarHostState = snackbarHostState,
             conversations = emptyConversations.asStateFlow(),
             isLoading = false,
             onConversationClick = { },
@@ -318,9 +286,11 @@ private fun EmptyConversationsScreenPreview() {
 @Composable
 private fun EmptyConversationsScreenPreviewDark() {
     val emptyConversations = MutableStateFlow(emptyList<BotConversation>())
+    val snackbarHostState = remember { SnackbarHostState() }
 
     AppThemeM3(isDarkTheme = true) {
-        ConversationsListScreen(
+        AIBotConversationsListScreen(
+            snackbarHostState = snackbarHostState,
             conversations = emptyConversations.asStateFlow(),
             isLoading = false,
             onConversationClick = { },