openuispec 0.1.25 → 0.1.28

package/examples/taskflow/generated/android/TaskFlow/app/src/main/java/uz/rsteam/taskflow/model/SampleData.kt

@@ -0,0 +1,57 @@
+package uz.rsteam.taskflow.model
+
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.outlined.CheckCircle
+import androidx.compose.material.icons.outlined.Folder
+import androidx.compose.material.icons.outlined.Star
+import androidx.compose.ui.graphics.Color
+import java.time.LocalDate
+import java.time.LocalDateTime
+
+object SampleData {
+    val users = listOf(
+        User("u1", "Amina Patel", "Amina", "amina@taskflow.app"),
+        User("u2", "Jonas Reed", "Jonas", "jonas@taskflow.app"),
+        User("u3", "Mika Chen", "Mika", "mika@taskflow.app")
+    )
+
+    val projects = listOf(
+        Project("p1", "Product Launch", Color(0xFF5B4FE8), Icons.Outlined.Star, 3),
+        Project("p2", "Website Refresh", Color(0xFF3B82D4), Icons.Outlined.Folder, 2),
+        Project("p3", "Sprint Rituals", Color(0xFF2D9D5E), Icons.Outlined.CheckCircle, 2)
+    )
+
+    fun tasks(currentUser: User): List<Task> = listOf(
+        Task(
+            id = "t1",
+            title = "Finalize launch checklist",
+            description = "Confirm release notes, QA sign-off, and staged rollout timing.",
+            status = TaskStatus.InProgress,
+            priority = Priority.High,
+            dueDate = LocalDate.now(),
+            projectId = "p1",
+            tags = listOf("launch", "ops"),
+            createdAt = LocalDateTime.now().minusDays(4),
+            updatedAt = LocalDateTime.now().minusHours(2),
+            assignee = currentUser,
+            attachment = MediaAttachment(
+                source = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
+                mediaType = "video",
+                title = "Launch teaser draft"
+            )
+        ),
+        Task(
+            id = "t2",
+            title = "Draft homepage copy",
+            description = "Need a stronger value proposition and one proof block for social trust.",
+            status = TaskStatus.Todo,
+            priority = Priority.Medium,
+            dueDate = LocalDate.now().plusDays(2),
+            projectId = "p2",
+            tags = listOf("copy", "marketing"),
+            createdAt = LocalDateTime.now().minusDays(2),
+            updatedAt = LocalDateTime.now().minusHours(10),
+            assignee = users[1]
+        )
+    )
+}

package/examples/taskflow/generated/android/TaskFlow/app/src/main/java/uz/rsteam/taskflow/ui/components/Common.kt

@@ -0,0 +1,109 @@
+package uz.rsteam.taskflow.ui.components
+
+import androidx.compose.foundation.background
+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.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.outlined.KeyboardArrowRight
+import androidx.compose.material.icons.outlined.CheckCircle
+import androidx.compose.material3.Card
+import androidx.compose.material3.ElevatedCard
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun EmptyStateCard(title: String, body: String) {
+    ElevatedCard {
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(24.dp),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.spacedBy(8.dp)
+        ) {
+            Icon(Icons.Outlined.CheckCircle, contentDescription = null, tint = MaterialTheme.colorScheme.primary, modifier = Modifier.size(36.dp))
+            Text(title, style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.SemiBold)
+            Text(body, color = MaterialTheme.colorScheme.onSurfaceVariant)
+        }
+    }
+}
+
+@Composable
+fun SectionCard(title: String, content: @Composable () -> Unit) {
+    ElevatedCard {
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(16.dp),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            Text(title, style = MaterialTheme.typography.labelLarge, color = MaterialTheme.colorScheme.onSurfaceVariant)
+            content()
+        }
+    }
+}
+
+@Composable
+fun StatCard(label: String, value: String) {
+    Card {
+        Column(modifier = Modifier.padding(12.dp), verticalArrangement = Arrangement.spacedBy(4.dp)) {
+            Text(label, style = MaterialTheme.typography.labelSmall, color = MaterialTheme.colorScheme.onSurfaceVariant)
+            Text(value, fontWeight = FontWeight.SemiBold)
+        }
+    }
+}
+
+@Composable
+fun DetailRow(icon: ImageVector, label: String, value: String, onClick: (() -> Unit)? = null) {
+    val content: @Composable () -> Unit = {
+        Row(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(vertical = 8.dp),
+            verticalAlignment = Alignment.CenterVertically,
+            horizontalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            Icon(icon, contentDescription = null, tint = MaterialTheme.colorScheme.onSurfaceVariant)
+            Column(modifier = Modifier.weight(1f)) {
+                Text(label, style = MaterialTheme.typography.labelMedium, color = MaterialTheme.colorScheme.onSurfaceVariant)
+                Text(value, fontWeight = FontWeight.Medium)
+            }
+            if (onClick != null) Icon(Icons.AutoMirrored.Outlined.KeyboardArrowRight, contentDescription = null)
+        }
+    }
+    if (onClick != null) TextButton(onClick = onClick, modifier = Modifier.fillMaxWidth()) { content() } else content()
+}
+
+@Composable
+fun Avatar(name: String) {
+    val initials = name.split(" ").take(2).joinToString("") { it.firstOrNull()?.uppercase() ?: "" }
+    Box(
+        modifier = Modifier
+            .size(40.dp)
+            .background(MaterialTheme.colorScheme.primary.copy(alpha = 0.14f), CircleShape),
+        contentAlignment = Alignment.Center
+    ) {
+        Text(initials, color = MaterialTheme.colorScheme.primary, fontWeight = FontWeight.SemiBold)
+    }
+}
+
+@Composable
+fun PriorityDot(color: Color) {
+    Box(modifier = Modifier.size(12.dp).background(color, RoundedCornerShape(999.dp)))
+}

package/examples/taskflow/generated/android/TaskFlow/app/src/main/java/uz/rsteam/taskflow/ui/screens/HomeScreen.kt

@@ -0,0 +1,112 @@
+package uz.rsteam.taskflow.ui.screens
+
+import androidx.compose.foundation.layout.Arrangement
+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.width
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.outlined.Add
+import androidx.compose.material.icons.outlined.Search
+import androidx.compose.material3.Button
+import androidx.compose.material3.ElevatedCard
+import androidx.compose.material3.FilterChip
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import uz.rsteam.taskflow.model.Project
+import uz.rsteam.taskflow.model.Task
+import uz.rsteam.taskflow.model.TaskFilter
+import uz.rsteam.taskflow.model.TaskStatus
+import uz.rsteam.taskflow.model.User
+import uz.rsteam.taskflow.ui.components.EmptyStateCard
+import uz.rsteam.taskflow.ui.components.PriorityDot
+import java.time.LocalDate
+
+@Composable
+fun HomeScreen(
+    currentUser: User,
+    projects: List<Project>,
+    tasks: List<Task>,
+    activeFilter: TaskFilter,
+    searchQuery: String,
+    onSearchChange: (String) -> Unit,
+    onFilterChange: (TaskFilter) -> Unit,
+    onSelectTask: (String) -> Unit,
+    onCreateTask: () -> Unit
+) {
+    val filteredTasks = tasks.filter { task ->
+        val filterMatch = when (activeFilter) {
+            TaskFilter.All -> true
+            TaskFilter.Today -> task.dueDate == LocalDate.now()
+            TaskFilter.Upcoming -> task.dueDate?.isAfter(LocalDate.now()) == true
+            TaskFilter.Done -> task.status == TaskStatus.Done
+        }
+        val haystack = (task.title + " " + (task.description ?: "") + " " + task.tags.joinToString(" ") + " " + (projects.firstOrNull { it.id == task.projectId }?.name ?: ""))
+        filterMatch && haystack.contains(searchQuery, ignoreCase = true)
+    }
+
+    LazyColumn(contentPadding = PaddingValues(24.dp), verticalArrangement = Arrangement.spacedBy(16.dp)) {
+        item {
+            Column(verticalArrangement = Arrangement.spacedBy(6.dp)) {
+                Text("Good day, ${currentUser.firstName}", style = MaterialTheme.typography.headlineSmall, fontWeight = FontWeight.Bold)
+                Text("${filteredTasks.size} tasks visible", color = MaterialTheme.colorScheme.onSurfaceVariant)
+            }
+        }
+        item {
+            OutlinedTextField(
+                value = searchQuery,
+                onValueChange = onSearchChange,
+                modifier = Modifier.fillMaxWidth(),
+                leadingIcon = { Icon(Icons.Outlined.Search, contentDescription = null) },
+                placeholder = { Text("Search tasks") }
+            )
+        }
+        item {
+            Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
+                TaskFilter.entries.forEach { filter ->
+                    FilterChip(selected = filter == activeFilter, onClick = { onFilterChange(filter) }, label = { Text(filter.name) })
+                }
+            }
+        }
+        item {
+            Button(onClick = onCreateTask) {
+                Icon(Icons.Outlined.Add, contentDescription = null)
+                Spacer(Modifier.width(8.dp))
+                Text("New task")
+            }
+        }
+
+        if (filteredTasks.isEmpty()) {
+            item { EmptyStateCard(title = "All caught up!", body = "No tasks match this filter") }
+        } else {
+            items(filteredTasks, key = { it.id }) { task ->
+                ElevatedCard(onClick = { onSelectTask(task.id) }) {
+                    Row(
+                        modifier = Modifier.fillMaxWidth(),
+                        horizontalArrangement = Arrangement.SpaceBetween,
+                        verticalAlignment = Alignment.CenterVertically
+                    ) {
+                        Column(modifier = Modifier.weight(1f)) {
+                            Text(task.title, fontWeight = FontWeight.SemiBold)
+                            Text(task.tags.joinToString(", "), color = MaterialTheme.colorScheme.onSurfaceVariant)
+                        }
+                        PriorityDot(task.priority.color)
+                    }
+                }
+            }
+        }
+        item { Spacer(Modifier.height(80.dp)) }
+    }
+}

package/examples/taskflow/generated/android/TaskFlow/app/src/main/java/uz/rsteam/taskflow/ui/screens/ProjectsScreen.kt

@@ -0,0 +1,61 @@
+package uz.rsteam.taskflow.ui.screens
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.lazy.grid.items
+import androidx.compose.material3.Button
+import androidx.compose.material3.ElevatedCard
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import uz.rsteam.taskflow.model.Project
+import uz.rsteam.taskflow.model.Task
+import uz.rsteam.taskflow.ui.components.EmptyStateCard
+
+@Composable
+fun ProjectsScreen(projects: List<Project>, onOpenProject: (String) -> Unit, onNewProject: () -> Unit) {
+    Column(modifier = Modifier.fillMaxSize().padding(24.dp), verticalArrangement = Arrangement.spacedBy(16.dp)) {
+        Text("Projects", style = MaterialTheme.typography.headlineSmall, fontWeight = FontWeight.Bold)
+        Button(onClick = onNewProject) { Text("New project") }
+        if (projects.isEmpty()) {
+            EmptyStateCard("No projects yet", "Create a project to organize your tasks")
+        } else {
+            LazyVerticalGrid(columns = GridCells.Fixed(2), verticalArrangement = Arrangement.spacedBy(12.dp), horizontalArrangement = Arrangement.spacedBy(12.dp)) {
+                items(projects, key = { it.id }) { project ->
+                    ElevatedCard(onClick = { onOpenProject(project.id) }) {
+                        Column(modifier = Modifier.fillMaxWidth().padding(16.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) {
+                            Text(project.name, fontWeight = FontWeight.SemiBold)
+                            Text("${project.taskCount} tasks")
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun ProjectDetailScreen(project: Project, tasks: List<Task>, onOpenTask: (String) -> Unit) {
+    Column(modifier = Modifier.fillMaxSize().padding(24.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
+        Text(project.name, style = MaterialTheme.typography.headlineSmall, fontWeight = FontWeight.Bold)
+        if (tasks.isEmpty()) {
+            EmptyStateCard("No tasks in this project", "Add a task to get started")
+        } else {
+            tasks.forEach { task ->
+                ElevatedCard(onClick = { onOpenTask(task.id) }) {
+                    Column(modifier = Modifier.fillMaxWidth().padding(16.dp)) {
+                        Text(task.title, fontWeight = FontWeight.SemiBold)
+                    }
+                }
+            }
+        }
+    }
+}

package/examples/taskflow/generated/android/TaskFlow/app/src/main/java/uz/rsteam/taskflow/ui/screens/SettingsScreen.kt

@@ -0,0 +1,82 @@
+package uz.rsteam.taskflow.ui.screens
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.Button
+import androidx.compose.material3.ElevatedCard
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Switch
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import uz.rsteam.taskflow.model.Preferences
+import uz.rsteam.taskflow.model.User
+import uz.rsteam.taskflow.ui.components.Avatar
+
+@Composable
+fun SettingsScreen(
+    currentUser: User,
+    preferences: Preferences,
+    onPreferencesChange: (Preferences) -> Unit,
+    onEditProfile: () -> Unit
+) {
+    Column(
+        modifier = Modifier.fillMaxSize().verticalScroll(rememberScrollState()).padding(24.dp),
+        verticalArrangement = Arrangement.spacedBy(16.dp)
+    ) {
+        ElevatedCard(onClick = onEditProfile) {
+            Column(modifier = Modifier.fillMaxWidth().padding(16.dp)) {
+                Avatar(currentUser.name)
+                Text(currentUser.name, fontWeight = FontWeight.SemiBold)
+                Text(currentUser.email)
+            }
+        }
+
+        Text("Preferences", style = MaterialTheme.typography.titleLarge, fontWeight = FontWeight.Bold)
+
+        ElevatedCard {
+            Column(modifier = Modifier.fillMaxWidth().padding(16.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
+                Text("Default priority: ${preferences.defaultPriority.name}")
+                Text("Notifications")
+                Switch(checked = preferences.notificationsEnabled, onCheckedChange = {
+                    onPreferencesChange(preferences.copy(notificationsEnabled = it))
+                })
+                Text("Reminders")
+                Switch(checked = preferences.remindersEnabled, onCheckedChange = {
+                    onPreferencesChange(preferences.copy(remindersEnabled = it))
+                })
+            }
+        }
+    }
+}
+
+@Composable
+fun ProfileEditScreen(currentUser: User, onSave: (String, String) -> Unit) {
+    val name = remember { mutableStateOf(currentUser.name) }
+    val email = remember { mutableStateOf(currentUser.email) }
+
+    Column(modifier = Modifier.fillMaxSize().padding(24.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
+        Text("Edit profile", style = MaterialTheme.typography.headlineSmall, fontWeight = FontWeight.Bold)
+        OutlinedTextField(value = name.value, onValueChange = { name.value = it }, label = { Text("Name") })
+        OutlinedTextField(value = email.value, onValueChange = { email.value = it }, label = { Text("Email") })
+        Button(onClick = { onSave(name.value, email.value) }) { Text("Save") }
+    }
+}
+
+@Composable
+fun CalendarScreen() {
+    Column(modifier = Modifier.fillMaxSize().padding(24.dp), verticalArrangement = Arrangement.Center) {
+        Text("Calendar", style = MaterialTheme.typography.headlineSmall, fontWeight = FontWeight.Bold)
+        Text("Coming in a future version")
+    }
+}

package/examples/taskflow/generated/android/TaskFlow/app/src/main/java/uz/rsteam/taskflow/ui/screens/TaskDetailScreen.kt

@@ -0,0 +1,111 @@
+package uz.rsteam.taskflow.ui.screens
+
+import android.net.Uri
+import android.widget.MediaController
+import android.widget.VideoView
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+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.layout.width
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.outlined.Label
+import androidx.compose.material.icons.outlined.Delete
+import androidx.compose.material.icons.outlined.Edit
+import androidx.compose.material.icons.outlined.Folder
+import androidx.compose.material.icons.outlined.Person
+import androidx.compose.material.icons.outlined.Schedule
+import androidx.compose.material3.Button
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.viewinterop.AndroidView
+import uz.rsteam.taskflow.model.Project
+import uz.rsteam.taskflow.model.Task
+import uz.rsteam.taskflow.ui.components.DetailRow
+import uz.rsteam.taskflow.ui.components.SectionCard
+import uz.rsteam.taskflow.ui.components.StatCard
+import java.time.format.DateTimeFormatter
+import java.time.format.FormatStyle
+
+@Composable
+fun TaskDetailScreen(
+    task: Task,
+    project: Project?,
+    onEdit: () -> Unit,
+    onToggleStatus: () -> Unit,
+    onDelete: () -> Unit,
+    onProjectClick: () -> Unit,
+    onAssign: () -> Unit
+) {
+    Column(
+        modifier = Modifier.fillMaxSize().verticalScroll(rememberScrollState()).padding(24.dp),
+        verticalArrangement = Arrangement.spacedBy(16.dp)
+    ) {
+        Text(task.title, style = MaterialTheme.typography.headlineSmall, fontWeight = FontWeight.Bold)
+
+        SectionCard("Overview") {
+            StatCard("Status", task.status.name)
+            Spacer(Modifier.height(8.dp))
+            StatCard("Priority", task.priority.name)
+        }
+
+        task.description?.let {
+            SectionCard("Description") { Text(it) }
+        }
+
+        task.attachment?.let {
+            SectionCard("Media") {
+                Text(it.title, fontWeight = FontWeight.SemiBold)
+                if (it.mediaType == "video") InlineVideoPlayer(it.source)
+            }
+        }
+
+        SectionCard("Details") {
+            DetailRow(Icons.Outlined.Folder, "Project", project?.name ?: "Unknown", onProjectClick)
+            DetailRow(Icons.Outlined.Person, "Assignee", task.assignee?.name ?: "Unassigned", onAssign)
+            DetailRow(Icons.AutoMirrored.Outlined.Label, "Tags", task.tags.joinToString(", ").ifBlank { "—" })
+            DetailRow(Icons.Outlined.Schedule, "Created", task.createdAt.format(DateTimeFormatter.ofLocalizedDate(FormatStyle.MEDIUM)))
+        }
+
+        Button(onClick = onEdit, modifier = Modifier.fillMaxWidth()) {
+            Icon(Icons.Outlined.Edit, contentDescription = null)
+            Spacer(Modifier.width(8.dp))
+            Text("Edit task")
+        }
+        OutlinedButton(onClick = onToggleStatus, modifier = Modifier.fillMaxWidth()) {
+            Text(if (task.status.name == "Done") "Reopen task" else "Mark complete")
+        }
+        OutlinedButton(onClick = onDelete, modifier = Modifier.fillMaxWidth()) {
+            Icon(Icons.Outlined.Delete, contentDescription = null)
+            Spacer(Modifier.width(8.dp))
+            Text("Delete task")
+        }
+    }
+}
+
+@Composable
+private fun InlineVideoPlayer(url: String) {
+    val context = LocalContext.current
+    AndroidView(
+        modifier = Modifier.fillMaxWidth().height(220.dp),
+        factory = {
+            VideoView(context).apply {
+                setVideoURI(Uri.parse(url))
+                setMediaController(MediaController(context).also { controller -> controller.setAnchorView(this) })
+            }
+        },
+        update = { if (!it.isPlaying) it.seekTo(1) }
+    )
+}

package/examples/taskflow/generated/android/TaskFlow/app/src/main/java/uz/rsteam/taskflow/ui/sheets/Sheets.kt

@@ -0,0 +1,77 @@
+package uz.rsteam.taskflow.ui.sheets
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Button
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import uz.rsteam.taskflow.model.NewProjectDraft
+import uz.rsteam.taskflow.model.Priority
+import uz.rsteam.taskflow.model.TaskEditorDraft
+import uz.rsteam.taskflow.model.User
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun TaskEditorSheet(
+    title: String,
+    initial: TaskEditorDraft,
+    onDismiss: () -> Unit,
+    onSubmit: (TaskEditorDraft) -> Unit
+) {
+    val draft = remember { mutableStateOf(initial) }
+    ModalBottomSheet(onDismissRequest = onDismiss) {
+        Column(modifier = Modifier.fillMaxWidth().padding(24.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
+            Text(title)
+            OutlinedTextField(value = draft.value.title, onValueChange = { draft.value = draft.value.copy(title = it) }, label = { Text("Title") })
+            OutlinedTextField(value = draft.value.description, onValueChange = { draft.value = draft.value.copy(description = it) }, label = { Text("Description") })
+            Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
+                Button(onClick = onDismiss, modifier = Modifier.weight(1f)) { Text("Cancel") }
+                Button(onClick = { onSubmit(draft.value) }, modifier = Modifier.weight(1f), enabled = draft.value.title.trim().length >= 3) {
+                    Text("Save")
+                }
+            }
+        }
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun NewProjectSheet(onDismiss: () -> Unit, onCreate: (NewProjectDraft) -> Unit) {
+    val draft = remember { mutableStateOf(NewProjectDraft()) }
+    ModalBottomSheet(onDismissRequest = onDismiss) {
+        Column(modifier = Modifier.fillMaxWidth().padding(24.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
+            Text("New project")
+            OutlinedTextField(value = draft.value.name, onValueChange = { draft.value = draft.value.copy(name = it) }, label = { Text("Project name") })
+            Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
+                Button(onClick = onDismiss, modifier = Modifier.weight(1f)) { Text("Cancel") }
+                Button(onClick = { onCreate(draft.value) }, modifier = Modifier.weight(1f), enabled = draft.value.name.isNotBlank()) { Text("Create") }
+            }
+        }
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun AssignUserSheet(users: List<User>, onDismiss: () -> Unit, onAssign: (User) -> Unit) {
+    ModalBottomSheet(onDismissRequest = onDismiss) {
+        Column(modifier = Modifier.fillMaxWidth().padding(24.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) {
+            Text("Assign to")
+            users.forEach { user ->
+                Button(onClick = { onAssign(user) }, modifier = Modifier.fillMaxWidth()) {
+                    Text(user.name)
+                }
+            }
+            Button(onClick = onDismiss, modifier = Modifier.fillMaxWidth()) { Text("Cancel") }
+        }
+    }
+}

package/examples/taskflow/generated/android/TaskFlow/app/src/main/java/uz/rsteam/taskflow/ui/theme/Color.kt

@@ -0,0 +1,30 @@
+package uz.rsteam.taskflow.ui.theme
+
+import androidx.compose.ui.graphics.Color
+
+val BrandPrimary = Color(0xFF5B4FE8)
+val BrandSecondary = Color(0xFFE8634F)
+val SurfacePrimary = Color(0xFFFFFFFF)
+val SurfaceSecondary = Color(0xFFF7F6F3)
+val SurfaceTertiary = Color(0xFFEFEEE8)
+val TextPrimary = Color(0xFF1C1B1A)
+val TextSecondary = Color(0xFF6B6966)
+val TextTertiary = Color(0xFF9C9A94)
+val Success = Color(0xFF2D9D5E)
+val Warning = Color(0xFFD4920E)
+val Danger = Color(0xFFD43B3B)
+val Info = Color(0xFF3B82D4)
+val PriorityLow = Color(0xFF9CA3AF)
+val PriorityMedium = Color(0xFF3B82D4)
+val PriorityHigh = Color(0xFFD4920E)
+val PriorityUrgent = Color(0xFFD43B3B)
+
+val DarkSurfacePrimary = Color(0xFF171515)
+val DarkSurfaceSecondary = Color(0xFF221F1F)
+val DarkSurfaceTertiary = Color(0xFF2B2727)
+val DarkTextPrimary = Color(0xFFF6F2EF)
+val DarkTextSecondary = Color(0xFFD2CBC6)
+val DarkTextTertiary = Color(0xFFA39891)
+val WarmSurfacePrimary = Color(0xFFF9F6F0)
+val WarmSurfaceSecondary = Color(0xFFF2ECE1)
+val WarmSurfaceTertiary = Color(0xFFEAE0D2)