[Multi-Profile] feat: add profile dialog in Compose

AnkiDroid/src/main/java/com/ichi2/anki/preferences/profiles/AddProfileDialog.kt

@@ -0,0 +1,56 @@
+// SPDX-License-Identifier: GPL-3.0-or-later
+// SPDX-FileCopyrightText: 2026 Ashish Yadav <mailtoashish693@gmail.com>
+
+package com.ichi2.anki.preferences.profiles
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.input.KeyboardCapitalization
+import com.ichi2.anki.R
+import com.ichi2.anki.multiprofile.ProfileName
+import com.ichi2.anki.multiprofile.ProfileName.ValidationResult
+import com.ichi2.compose.theme.AnkiDroidTheme
+import com.ichi2.compose.ui.dialogs.TextInputDialog
+import com.ichi2.compose.ui.preview.ThemePreviews
+
+/**
+ * Dialog asking for the display name of a new profile.
+ *
+ * Validation goes through [ProfileName.validate], so the UI enforces the same
+ * rules as the domain layer. [onConfirm] receives the validated name.
+ */
+@Composable
+fun AddProfileDialog(
+    onDismissRequest: () -> Unit,
+    onConfirm: (ProfileName) -> Unit,
+) {
+    val emptyError = stringResource(R.string.profile_name_empty_error)
+    val tooLongError = stringResource(R.string.profile_name_too_long_error, ProfileName.MAX_LENGTH)
+
+    TextInputDialog(
+        title = stringResource(R.string.add_profile),
+        label = stringResource(R.string.profile_name),
+        confirmText = stringResource(R.string.dialog_add),
+        onConfirm = { text ->
+            (ProfileName.validate(text) as? ValidationResult.Valid)?.let { onConfirm(it.name) }
+        },
+        onDismissRequest = onDismissRequest,
+        maxLengthCounter = ProfileName.MAX_LENGTH,
+        capitalization = KeyboardCapitalization.Words,
+        errorMessageFor = { text ->
+            when (ProfileName.validate(text)) {
+                is ValidationResult.Valid -> null
+                is ValidationResult.Empty -> emptyError
+                is ValidationResult.TooLong -> tooLongError
+            }
+        },
+    )
+}
+
+@ThemePreviews
+@Composable
+private fun AddProfileDialogPreview() {
+    AnkiDroidTheme {
+        AddProfileDialog(onDismissRequest = {}, onConfirm = {})
+    }
+}

AnkiDroid/src/main/java/com/ichi2/anki/preferences/profiles/ProfileItem.kt

@@ -0,0 +1,14 @@
+// SPDX-License-Identifier: GPL-3.0-or-later
+// SPDX-FileCopyrightText: 2026 Ashish Yadav <mailtoashish693@gmail.com>
+
+package com.ichi2.anki.preferences.profiles
+
+/** UI model for a row in the profile list. */
+data class ProfileItem(
+    val id: String,
+    val name: String,
+) {
+    /** Uppercased first letter of the name, shown in the avatar circle. */
+    val initial: String
+        get() = name.firstOrNull()?.uppercaseChar()?.toString() ?: "?"
+}

AnkiDroid/src/main/java/com/ichi2/anki/preferences/profiles/SwitchProfilesFragment.kt

@@ -18,64 +18,48 @@
 package com.ichi2.anki.preferences.profiles
 
 import android.os.Bundle
+import android.view.LayoutInflater
 import android.view.View
-import androidx.appcompat.app.AlertDialog
+import android.view.ViewGroup
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.platform.ComposeView
+import androidx.compose.ui.platform.ViewCompositionStrategy
 import androidx.fragment.app.Fragment
-import com.google.android.material.appbar.MaterialToolbar
-import com.ichi2.anki.R
-import com.ichi2.anki.databinding.FragmentSwitchProfilesBinding
-import com.ichi2.utils.ValidationResult
-import com.ichi2.utils.input
-import com.ichi2.utils.negativeButton
-import com.ichi2.utils.positiveButton
-import com.ichi2.utils.show
-import com.ichi2.utils.title
-import dev.androidbroadcast.vbpd.viewBinding
+import androidx.fragment.app.viewModels
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import com.ichi2.compose.theme.AnkiDroidTheme
 
 /**
- * A [Fragment] that allows the user to switch between different profiles.
+ * Lets the user switch between profiles.
+ *
+ * Thin host for the Compose [SwitchProfilesScreen]. Stays a Fragment because
+ * preference_headers.xml launches it by class name.
  */
-class SwitchProfilesFragment : Fragment(R.layout.fragment_switch_profiles) {
-    private val binding by viewBinding(FragmentSwitchProfilesBinding::bind)
+class SwitchProfilesFragment : Fragment() {
+    private val viewModel: SwitchProfilesViewModel by viewModels()
 
-    override fun onViewCreated(
-        view: View,
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
         savedInstanceState: Bundle?,
-    ) {
-        super.onViewCreated(view, savedInstanceState)
-
-        view.findViewById<MaterialToolbar>(R.id.toolbar).apply {
-            setTitle("Switch profile")
-            setNavigationOnClickListener {
-                requireActivity().onBackPressedDispatcher.onBackPressed()
+    ): View =
+        ComposeView(requireContext()).apply {
+            setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
+            setContent {
+                AnkiDroidTheme {
+                    val profiles by viewModel.profiles.collectAsStateWithLifecycle()
+                    val isAddProfileDialogVisible by viewModel.isAddProfileDialogVisible.collectAsStateWithLifecycle()
+                    SwitchProfilesScreen(
+                        profiles = profiles,
+                        isAddProfileDialogVisible = isAddProfileDialogVisible,
+                        onNavigateUp = { requireActivity().onBackPressedDispatcher.onBackPressed() },
+                        onAddProfileClick = viewModel::showAddProfileDialog,
+                        onAddProfileConfirm = viewModel::addProfile,
+                        onAddProfileDismiss = viewModel::dismissAddProfileDialog,
+                        onEditProfile = viewModel::editProfile,
+                        onDeleteProfile = viewModel::deleteProfile,
+                    )
+                }
             }
         }
-
-        binding.addProfileFab.setOnClickListener {
-            showAddProfileDialog()
-        }
-    }
-
-    fun showAddProfileDialog() {
-        AlertDialog
-            .Builder(requireContext())
-            .show {
-                title(text = "Add profile")
-
-                positiveButton(R.string.dialog_add)
-                negativeButton(R.string.dialog_cancel)
-                setView(R.layout.dialog_generic_text_input)
-            }.input(
-                hint = "Profile name",
-                displayKeyboard = true,
-                validator = { text ->
-                    when {
-                        text.isNotBlank() -> ValidationResult.VALID
-                        else -> ValidationResult.REJECTED
-                    }
-                },
-            ) { _, _ ->
-                // TODO: handle profile creation
-            }
-    }
 }