add search bar

Author: nethical6

app/src/main/java/neth/iecal/questphone/ui/screens/launcher/AppList.kt

@@ -17,17 +17,28 @@ import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Clear
+import androidx.compose.material.icons.filled.Search
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
 import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalSoftwareKeyboardController
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
@@ -37,6 +48,7 @@ import androidx.lifecycle.compose.LocalLifecycleOwner
 import androidx.lifecycle.repeatOnLifecycle
 import androidx.navigation.NavController
 import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.delay
 import kotlinx.coroutines.launch
 import kotlinx.coroutines.withContext
 import neth.iecal.questphone.data.AppInfo
@@ -68,6 +80,23 @@ fun AppList(navController: NavController) {
     val lifecycleOwner = LocalLifecycleOwner.current
 
     var distractions = emptySet<String>()
+
+
+    val focusRequester = remember { FocusRequester() }
+    val keyboardController = LocalSoftwareKeyboardController.current
+
+    var searchQuery by remember { mutableStateOf("") }
+    LaunchedEffect(searchQuery) {
+        val filteredAppsListRaw = appsState.value.filter { it.name.contains(searchQuery,ignoreCase = true) }
+        groupedAppsState.value = groupAppsByLetter(filteredAppsListRaw)
+    }
+    LaunchedEffect(Unit) {
+        delay(1000)
+        focusRequester.requestFocus()
+        // Optional slight delay to ensure keyboard shows after focus
+        keyboardController?.show()
+    }
+
     LaunchedEffect(lifecycleOwner) {
         lifecycleOwner.lifecycle.repeatOnLifecycle(Lifecycle.State.STARTED) {
             distractions = sp.getStringSet("distracting_apps", emptySet<String>()) ?: emptySet()
@@ -91,6 +120,9 @@ fun AppList(navController: NavController) {
     }
 
     Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
+
+
+
         AppListWithScrollbar(
             groupedApps = groupedAppsState.value,
             isLoading = isLoading.value,
@@ -110,6 +142,37 @@ fun AppList(navController: NavController) {
                     // Not a distraction - launch directly
                     launchApp(context, packageName)
                 }
+            },
+            searchBar = {
+                OutlinedTextField(
+                    value = searchQuery,
+
+                    onValueChange = { searchQuery = it },
+                    label = { Text("Search Apps") },
+                    placeholder = { Text("Type app name...") },
+                    leadingIcon = {
+                        Icon(
+                            imageVector = Icons.Default.Search,
+                            contentDescription = "Search"
+                        )
+                    },
+                    trailingIcon = {
+                        if (searchQuery.isNotEmpty()) {
+                            IconButton(onClick = { searchQuery = "" }) {
+                                Icon(
+                                    imageVector = Icons.Default.Clear,
+                                    contentDescription = "Clear search"
+                                )
+                            }
+                        }
+                    },
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .padding(16.dp)
+                        .focusRequester(focusRequester)
+                    ,
+                    singleLine = true
+                )
             }
         )
 
@@ -171,7 +234,8 @@ private fun AppListWithScrollbar(
     isLoading: Boolean,
     error: String?,
     innerPadding: PaddingValues,
-    onAppClick: (String) -> Unit
+    onAppClick: (String) -> Unit,
+    searchBar: @Composable () -> Unit
 ) {
     val listState = rememberLazyListState()
     val coroutineScope = rememberCoroutineScope()
@@ -212,6 +276,8 @@ private fun AppListWithScrollbar(
                 }
                 else -> {
                     LazyColumn(state = listState) {
+                        item { searchBar() }
+
                         groupedApps.forEach { group ->
                             stickyHeader {
                                 Text(