openuispec 0.1.44 → 0.1.46

package/examples/social-app/generated/android/social-app/app/src/main/java/com/social/app/data/MockData.kt

@@ -0,0 +1,98 @@
+package com.social.app.data
+
+import com.social.app.model.*
+
+object MockData {
+    val users = listOf(
+        User(
+            id = "user_me",
+            handle = "rustam",
+            displayName = "Rustam Abdurahmonov",
+            avatarUrl = "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=320&q=80",
+            bio = "Designing interface systems that feel editorial, human, and alive.",
+            followers = 1240,
+            following = 184
+        ),
+        User(
+            id = "u_9921",
+            handle = "elara_vox",
+            displayName = "Elara Vance",
+            avatarUrl = "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=256&q=80",
+            bio = "Digital Architect | Exploring the intersection of AR and urban spaces 🏙️",
+            followers = 12400,
+            following = 842,
+            isFollowed = true
+        ),
+        User(
+            id = "u_4432",
+            handle = "kai_zen",
+            displayName = "Kai Nakamura",
+            avatarUrl = "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=256&q=80",
+            bio = "Sustainable tech & minimalist living. 🌿 Tokyo -> Berlin",
+            followers = 3100,
+            following = 1100
+        )
+    )
+
+    val posts = listOf(
+        Post(
+            id = "p_77102",
+            authorId = "u_9921",
+            authorName = "Elara Vance",
+            authorHandle = "elara_vox",
+            authorAvatar = "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=256&q=80",
+            body = "The new Neo-Tokyo district looks incredible in the morning light. The AR overlays are finally syncing perfectly with the physical architecture. #FutureCity #DigitalTwin #2026",
+            mediaUrl = "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=1080&q=80",
+            likeCount = 1432,
+            commentCount = 42,
+            timestamp = "4 hours ago",
+            liked = true
+        ),
+        Post(
+            id = "p_77103",
+            authorId = "u_4432",
+            authorName = "Kai Nakamura",
+            authorHandle = "kai_zen",
+            authorAvatar = "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=256&q=80",
+            body = "Workspace evolution. Keeping it clean and focused this year.",
+            mediaUrl = "https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1080&q=80",
+            likeCount = 890,
+            commentCount = 15,
+            timestamp = "9 hours ago"
+        ),
+        Post(
+            id = "p_1",
+            authorId = "user_me",
+            authorName = "Rustam Abdurahmonov",
+            authorHandle = "rustam",
+            authorAvatar = "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=320&q=80",
+            body = "Spent the morning photographing a cafe before it opened. The cups were already warm, the chairs still slightly crooked. Those in-between moments always feel the most honest.",
+            mediaUrl = "https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1200&q=80",
+            likeCount = 243,
+            commentCount = 12,
+            timestamp = "1 day ago"
+        )
+    )
+
+    val stories = listOf(
+        Story(id = "s_1", authorId = "u_9921", authorName = "Elara Vance", previewUrl = "https://images.unsplash.com/photo-1550745165-9bc0b252726f?auto=format&fit=crop&w=720&q=80"),
+        Story(id = "s_2", authorId = "u_4432", authorName = "Kai Nakamura", previewUrl = "https://images.unsplash.com/photo-1511467687858-23d96c32e4ae?auto=format&fit=crop&w=720&q=80"),
+        Story(id = "s_3", authorId = "user_me", authorName = "Rustam", previewUrl = "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=320&q=80")
+    )
+
+    val trends = listOf(
+        Trend(id = "t_1", label = "Editorial UI", postCount = 8420),
+        Trend(id = "t_2", label = "Warm Brutalism", postCount = 4135),
+        Trend(id = "t_3", label = "Motion Details", postCount = 2940),
+        Trend(id = "t_4", label = "Design Systems", postCount = 8677)
+    )
+
+    val notifications = listOf(
+        Notification(id = "n_1", type = "like", actorName = "Elara Vance", actorAvatar = "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=256&q=80", message = "liked your post", timestamp = "34m ago"),
+        Notification(id = "n_2", type = "comment", actorName = "Kai Nakamura", actorAvatar = "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=256&q=80", message = "commented on your post", timestamp = "7h ago"),
+        Notification(id = "n_3", type = "follow", actorName = "Elara Vance", actorAvatar = "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=256&q=80", message = "started following you", timestamp = "1d ago")
+    )
+}
+
+data class Trend(val id: String, val label: String, val postCount: Int)
+data class Notification(val id: String, val type: String, val actorName: String, val actorAvatar: String?, val message: String, val timestamp: String)

package/examples/social-app/generated/android/social-app/app/src/main/java/com/social/app/data/preferences/AppPreferences.kt

@@ -0,0 +1,19 @@
+package com.social.app.data.preferences
+
+enum class ThemeMode(val storageValue: String) {
+    System("system"),
+    Light("light"),
+    Dark("dark");
+
+    companion object {
+        fun fromStorageValue(value: String?): ThemeMode =
+            entries.firstOrNull { it.storageValue == value } ?: System
+    }
+}
+
+data class AppPreferences(
+    val themeMode: ThemeMode = ThemeMode.System,
+    val pushNotifications: Boolean = true,
+    val messagePreviews: Boolean = true,
+    val autoTranslate: Boolean = false,
+)

package/examples/social-app/generated/android/social-app/app/src/main/java/com/social/app/data/preferences/DataStorePreferencesRepository.kt

@@ -0,0 +1,68 @@
+package com.social.app.data.preferences
+
+import android.content.Context
+import androidx.datastore.core.DataStore
+import androidx.datastore.preferences.core.Preferences
+import androidx.datastore.preferences.core.booleanPreferencesKey
+import androidx.datastore.preferences.core.edit
+import androidx.datastore.preferences.core.emptyPreferences
+import androidx.datastore.preferences.core.stringPreferencesKey
+import androidx.datastore.preferences.preferencesDataStore
+import java.io.IOException
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.catch
+import kotlinx.coroutines.flow.map
+
+private val Context.socialAppDataStore: DataStore<Preferences> by preferencesDataStore(name = "social_app_preferences")
+
+class DataStorePreferencesRepository(
+    private val context: Context,
+) : PreferencesRepository {
+    override val preferences: Flow<AppPreferences> =
+        context.socialAppDataStore.data
+            .catch { exception ->
+                if (exception is IOException) {
+                    emit(emptyPreferences())
+                } else {
+                    throw exception
+                }
+            }.map { storedPreferences ->
+                AppPreferences(
+                    themeMode = ThemeMode.fromStorageValue(storedPreferences[Keys.ThemeMode]),
+                    pushNotifications = storedPreferences[Keys.PushNotifications] ?: true,
+                    messagePreviews = storedPreferences[Keys.MessagePreviews] ?: true,
+                    autoTranslate = storedPreferences[Keys.AutoTranslate] ?: false,
+                )
+            }
+
+    override suspend fun updateThemeMode(themeMode: ThemeMode) {
+        context.socialAppDataStore.edit { storedPreferences ->
+            storedPreferences[Keys.ThemeMode] = themeMode.storageValue
+        }
+    }
+
+    override suspend fun updatePushNotifications(enabled: Boolean) {
+        context.socialAppDataStore.edit { storedPreferences ->
+            storedPreferences[Keys.PushNotifications] = enabled
+        }
+    }
+
+    override suspend fun updateMessagePreviews(enabled: Boolean) {
+        context.socialAppDataStore.edit { storedPreferences ->
+            storedPreferences[Keys.MessagePreviews] = enabled
+        }
+    }
+
+    override suspend fun updateAutoTranslate(enabled: Boolean) {
+        context.socialAppDataStore.edit { storedPreferences ->
+            storedPreferences[Keys.AutoTranslate] = enabled
+        }
+    }
+
+    private object Keys {
+        val ThemeMode = stringPreferencesKey("theme_mode")
+        val PushNotifications = booleanPreferencesKey("push_notifications")
+        val MessagePreviews = booleanPreferencesKey("message_previews")
+        val AutoTranslate = booleanPreferencesKey("auto_translate")
+    }
+}

package/examples/social-app/generated/android/social-app/app/src/main/java/com/social/app/data/preferences/PreferencesRepository.kt

@@ -0,0 +1,15 @@
+package com.social.app.data.preferences
+
+import kotlinx.coroutines.flow.Flow
+
+interface PreferencesRepository {
+    val preferences: Flow<AppPreferences>
+
+    suspend fun updateThemeMode(themeMode: ThemeMode)
+
+    suspend fun updatePushNotifications(enabled: Boolean)
+
+    suspend fun updateMessagePreviews(enabled: Boolean)
+
+    suspend fun updateAutoTranslate(enabled: Boolean)
+}

package/examples/social-app/generated/android/social-app/app/src/main/java/com/social/app/model/Models.kt

@@ -0,0 +1,34 @@
+package com.social.app.model
+
+data class User(
+    val id: String,
+    val handle: String,
+    val displayName: String,
+    val avatarUrl: String? = null,
+    val bio: String? = null,
+    val followers: Int = 0,
+    val following: Int = 0,
+    val isFollowed: Boolean = false
+)
+
+data class Post(
+    val id: String,
+    val authorId: String,
+    val authorName: String,
+    val authorHandle: String,
+    val authorAvatar: String? = null,
+    val body: String,
+    val mediaUrl: String? = null,
+    val likeCount: Int = 0,
+    val commentCount: Int = 0,
+    val timestamp: String,
+    val liked: Boolean = false
+)
+
+data class Story(
+    val id: String,
+    val authorId: String,
+    val authorName: String,
+    val authorAvatar: String? = null,
+    val previewUrl: String? = null
+)

package/examples/social-app/generated/android/social-app/app/src/main/java/com/social/app/ui/MainShell.kt

@@ -0,0 +1,390 @@
+package com.social.app.ui
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material.icons.filled.AddCircle
+import androidx.compose.material.icons.filled.Explore
+import androidx.compose.material.icons.filled.Home
+import androidx.compose.material.icons.filled.Notifications
+import androidx.compose.material.icons.filled.Person
+import androidx.compose.material3.Badge
+import androidx.compose.material3.BadgedBox
+import androidx.compose.material3.BottomSheetDefaults
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.NavigationBar
+import androidx.compose.material3.NavigationBarItem
+import androidx.compose.material3.NavigationBarItemDefaults
+import androidx.compose.material3.NavigationRail
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.SnackbarHostState
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.IconButton
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalConfiguration
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import com.arkivanov.decompose.extensions.compose.subscribeAsState
+import com.social.app.R
+import com.social.app.data.preferences.PreferencesRepository
+import com.arkivanov.mvikotlin.core.store.StoreFactory
+import com.social.app.data.MockData
+import com.social.app.ui.navigation.RootComponent
+import com.social.app.ui.screens.ChatDetailScreen
+import com.social.app.ui.screens.CreatePostScreen
+import com.social.app.ui.screens.DiscoverScreen
+import com.social.app.ui.screens.EditProfileScreen
+import com.social.app.ui.screens.HomeFeedScreen
+import com.social.app.ui.screens.MessagesInboxScreen
+import com.social.app.ui.screens.NotificationsScreen
+import com.social.app.ui.screens.PostDetailScreen
+import com.social.app.ui.screens.ProfileSelfScreen
+import com.social.app.ui.screens.SearchResultsScreen
+import com.social.app.ui.screens.SettingsScreen
+import com.social.app.ui.screens.UserProfileScreen
+import com.social.app.ui.components.ContractSnackbarHost
+import com.social.app.ui.theme.Shapes
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+
+private enum class MainDestination {
+    Home,
+    Discover,
+    Notifications,
+    Profile,
+}
+
+private data class NavItem(
+    val destination: MainDestination?,
+    val labelRes: Int,
+    val icon: @Composable () -> Unit,
+    val onClick: () -> Unit,
+)
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun MainShell(
+    root: RootComponent,
+    preferencesRepository: PreferencesRepository,
+    storeFactory: StoreFactory,
+) {
+    val stack by root.stack.subscribeAsState()
+    val activeChild = stack.active.instance
+    val previousChild = stack.backStack.lastOrNull()?.instance
+    val mainChild =
+        if (activeChild is RootComponent.Child.CreatePost && previousChild != null) previousChild else activeChild
+
+    val isExpanded = LocalConfiguration.current.screenWidthDp >= 1025
+    var unreadCount by remember { mutableIntStateOf(MockData.notifications.size) }
+    val snackbarHostState = remember { SnackbarHostState() }
+    val scope = rememberCoroutineScope()
+    val createPostSuccessMessage = stringResource(R.string.create_post_success)
+    val activeDestination = activeDestinationFor(mainChild)
+    val primaryScreen =
+        mainChild is RootComponent.Child.Home ||
+            mainChild is RootComponent.Child.Discover ||
+            mainChild is RootComponent.Child.Notifications ||
+            mainChild is RootComponent.Child.Profile
+
+    val navItems = listOf(
+        NavItem(
+            destination = MainDestination.Home,
+            labelRes = R.string.nav_home,
+            icon = { Icon(Icons.Default.Home, contentDescription = null) },
+            onClick = root::onHomeTabClicked,
+        ),
+        NavItem(
+            destination = MainDestination.Discover,
+            labelRes = R.string.nav_discover,
+            icon = { Icon(Icons.Default.Explore, contentDescription = null) },
+            onClick = root::onDiscoverTabClicked,
+        ),
+        NavItem(
+            destination = null,
+            labelRes = R.string.nav_create,
+            icon = { Icon(Icons.Default.AddCircle, contentDescription = null) },
+            onClick = root::onCreatePostClicked,
+        ),
+        NavItem(
+            destination = MainDestination.Notifications,
+            labelRes = R.string.nav_notifications,
+            icon = {
+                BadgedBox(
+                    badge = {
+                        if (unreadCount > 0) {
+                            Badge {
+                                Text(unreadCount.toString())
+                            }
+                        }
+                    },
+                ) {
+                    Icon(Icons.Default.Notifications, contentDescription = null)
+                }
+            },
+            onClick = root::onNotificationsTabClicked,
+        ),
+        NavItem(
+            destination = MainDestination.Profile,
+            labelRes = R.string.nav_profile,
+            icon = { Icon(Icons.Default.Person, contentDescription = null) },
+            onClick = root::onProfileTabClicked,
+        ),
+    )
+
+    Scaffold(
+        modifier = Modifier.fillMaxSize(),
+        snackbarHost = {
+            ContractSnackbarHost(hostState = snackbarHostState)
+        },
+        bottomBar = {
+            if (primaryScreen && !isExpanded) {
+                CompactTabBar(
+                    items = navItems,
+                    activeDestination = activeDestination,
+                )
+            }
+        },
+    ) { padding ->
+        Row(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(padding),
+        ) {
+            if (primaryScreen && isExpanded) {
+                ExpandedSidebar(
+                    items = navItems,
+                    activeDestination = activeDestination,
+                )
+            }
+
+            Box(
+                modifier = Modifier
+                    .fillMaxHeight()
+                    .weight(1f),
+            ) {
+                Surface(
+                    modifier = Modifier.fillMaxSize(),
+                    color = MaterialTheme.colorScheme.surface,
+                ) {
+                    RenderChild(
+                        child = mainChild,
+                        root = root,
+                        preferencesRepository = preferencesRepository,
+                        storeFactory = storeFactory,
+                        onNotificationRead = {
+                            unreadCount = (unreadCount - 1).coerceAtLeast(0)
+                        },
+                    )
+                }
+            }
+        }
+
+        if (activeChild is RootComponent.Child.CreatePost) {
+            ModalBottomSheet(
+                onDismissRequest = root::onBackClicked,
+                containerColor = MaterialTheme.colorScheme.surfaceVariant,
+                dragHandle = { BottomSheetDefaults.DragHandle() },
+                shape = Shapes.SheetShape,
+            ) {
+                CreatePostScreen(
+                    onDismiss = root::onBackClicked,
+                    onPublish = { _, _ ->
+                        scope.launch {
+                            snackbarHostState.currentSnackbarData?.dismiss()
+                            snackbarHostState.showSnackbar(message = createPostSuccessMessage)
+                        }
+                        scope.launch {
+                            delay(3000)
+                            snackbarHostState.currentSnackbarData?.dismiss()
+                        }
+                        root.onBackClicked()
+                    },
+                )
+            }
+        }
+    }
+}
+
+@Composable
+private fun CompactTabBar(
+    items: List<NavItem>,
+    activeDestination: MainDestination?,
+) {
+    NavigationBar(
+        containerColor = MaterialTheme.colorScheme.surface,
+        contentColor = MaterialTheme.colorScheme.onSurface,
+    ) {
+        items.forEach { item ->
+            NavigationBarItem(
+                selected = item.destination != null && item.destination == activeDestination,
+                onClick = item.onClick,
+                icon = item.icon,
+                label = { Text(stringResource(item.labelRes)) },
+                colors = NavigationBarItemDefaults.colors(
+                    selectedIconColor = MaterialTheme.colorScheme.primary,
+                    selectedTextColor = MaterialTheme.colorScheme.primary,
+                    indicatorColor = MaterialTheme.colorScheme.surfaceVariant,
+                ),
+            )
+        }
+    }
+}
+
+@Composable
+private fun ExpandedSidebar(
+    items: List<NavItem>,
+    activeDestination: MainDestination?,
+) {
+    NavigationRail(
+        modifier = Modifier.fillMaxHeight(),
+        containerColor = MaterialTheme.colorScheme.surfaceVariant,
+    ) {
+        Column(
+            modifier = Modifier
+                .fillMaxHeight()
+                .padding(vertical = 16.dp, horizontal = 10.dp),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.spacedBy(10.dp),
+        ) {
+            items.forEach { item ->
+                val isActive = item.destination != null && item.destination == activeDestination
+                Surface(
+                    modifier = Modifier
+                        .width(92.dp)
+                        .clickable(onClick = item.onClick),
+                    shape = Shapes.RoundedCapPrimary,
+                    color = if (isActive) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.surface,
+                    contentColor = if (isActive) MaterialTheme.colorScheme.onPrimary else MaterialTheme.colorScheme.onSurfaceVariant,
+                ) {
+                    Column(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .padding(horizontal = 8.dp, vertical = 12.dp),
+                        horizontalAlignment = Alignment.CenterHorizontally,
+                        verticalArrangement = Arrangement.spacedBy(6.dp),
+                    ) {
+                        item.icon()
+                        Text(
+                            text = stringResource(item.labelRes),
+                            style = MaterialTheme.typography.labelSmall,
+                            textAlign = TextAlign.Center,
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
+
+@Composable
+private fun RenderChild(
+    child: RootComponent.Child,
+    root: RootComponent,
+    preferencesRepository: PreferencesRepository,
+    storeFactory: StoreFactory,
+    onNotificationRead: (String) -> Unit,
+) {
+    when (child) {
+        is RootComponent.Child.Home -> HomeFeedScreen(
+            onPostClick = { postId -> root.onPostClicked(postId) },
+            onUserClick = { userId -> root.onUserClicked(userId) },
+        )
+        is RootComponent.Child.Discover -> DiscoverScreen(
+            onUserClick = { userId -> root.onUserClicked(userId) },
+            onSearchClick = { query -> root.onSearchClicked(query) },
+        )
+        is RootComponent.Child.CreatePost -> Unit
+        is RootComponent.Child.Notifications -> NotificationsScreen(
+            onNotificationRead = onNotificationRead,
+        )
+        is RootComponent.Child.MessagesInbox -> MessagesInboxScreen(
+            onConversationClick = { conversationId -> root.onConversationClicked(conversationId) },
+        )
+        is RootComponent.Child.Profile -> ProfileSelfScreen(
+            onEditProfileClick = root::onEditProfileClicked,
+            onPostClick = { postId -> root.onPostClicked(postId) },
+            onSettingsClick = root::onSettingsClicked,
+        )
+        is RootComponent.Child.PostDetail -> PostDetailScreen(
+            postId = child.postId,
+            onBackClick = root::onBackClicked,
+            onUserClick = { userId -> root.onUserClicked(userId) },
+        )
+        is RootComponent.Child.UserProfile -> UserProfileScreen(
+            userId = child.userId,
+            onBackClick = root::onBackClicked,
+            onPostClick = { postId -> root.onPostClicked(postId) },
+        )
+        is RootComponent.Child.SearchResults -> SearchResultsScreen(
+            query = child.query,
+            onBackClick = root::onBackClicked,
+            onPostClick = { postId -> root.onPostClicked(postId) },
+            onUserClick = { userId -> root.onUserClicked(userId) },
+        )
+        is RootComponent.Child.EditProfile -> EditProfileScreen(
+            onBackClick = root::onBackClicked,
+        )
+        is RootComponent.Child.ChatDetail -> ChatDetailScreen(
+            conversationId = child.conversationId,
+            onBackClick = root::onBackClicked,
+        )
+        is RootComponent.Child.Settings -> SettingsScreen(
+            onBackClick = root::onBackClicked,
+            onEditProfileClick = root::onEditProfileClicked,
+            preferencesRepository = preferencesRepository,
+            storeFactory = storeFactory,
+        )
+    }
+}
+
+private fun activeDestinationFor(child: RootComponent.Child): MainDestination? =
+    when (child) {
+        is RootComponent.Child.Home -> MainDestination.Home
+        is RootComponent.Child.Discover -> MainDestination.Discover
+        is RootComponent.Child.Notifications -> MainDestination.Notifications
+        is RootComponent.Child.Profile -> MainDestination.Profile
+        else -> null
+    }
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun PlaceholderScreen(title: String, onBack: () -> Unit) {
+    Scaffold(
+        topBar = {
+            TopAppBar(
+                title = { Text(title) },
+                navigationIcon = {
+                    IconButton(onClick = onBack) {
+                        Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = null)
+                    }
+                }
+            )
+        }
+    ) { padding ->
+        Box(modifier = Modifier.fillMaxSize().padding(padding), contentAlignment = Alignment.Center) {
+            Text("This screen is coming soon!", style = MaterialTheme.typography.bodyLarge)
+        }
+    }
+}