manager: Prioritize display of local templates

manager/app/src/main/java/me/weishu/kernelsu/ui/screen/Template.kt

@@ -1,13 +1,16 @@
 package me.weishu.kernelsu.ui.screen
 
 import android.util.Log
+import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.ExperimentalLayoutApi
 import androidx.compose.foundation.layout.FlowRow
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.material.ExperimentalMaterialApi
@@ -18,10 +21,12 @@ import androidx.compose.material.icons.filled.Sync
 import androidx.compose.material.pullrefresh.PullRefreshIndicator
 import androidx.compose.material.pullrefresh.pullRefresh
 import androidx.compose.material.pullrefresh.rememberPullRefreshState
+import androidx.compose.material3.Divider
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.ListItem
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBar
@@ -30,9 +35,13 @@ import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
 import androidx.lifecycle.viewmodel.compose.viewModel
+import coil.compose.AsyncImage
+import coil.request.ImageRequest
 import com.ramcosta.composedestinations.annotation.Destination
 import com.ramcosta.composedestinations.navigation.DestinationsNavigator
 import kotlinx.coroutines.launch
@@ -106,12 +115,18 @@ private fun TemplateItem(
     template: TemplateViewModel.TemplateInfo
 ) {
     ListItem(
-        modifier = Modifier.clickable {
+        modifier = Modifier
+            .clickable {
                 navigator.navigate(TemplateEditorScreenDestination(template, !template.local))
             },
         headlineContent = { Text(template.name) },
         supportingContent = {
             Column {
+                Text(
+                    text = "${template.id}${if (template.author.isEmpty()) "" else "@${template.author}"}",
+                    style = MaterialTheme.typography.bodySmall,
+                    fontSize = MaterialTheme.typography.bodySmall.fontSize,
+                )
                 Text(template.description)
                 FlowRow {
                     LabelText(label = "UID: ${template.uid}")
@@ -124,7 +139,8 @@ private fun TemplateItem(
                     }
                 }
             }
-        })
+        },
+    )
 }
 
 @OptIn(ExperimentalMaterial3Api::class)

manager/app/src/main/java/me/weishu/kernelsu/ui/viewmodel/TemplateViewModel.kt

@@ -59,9 +59,9 @@ class TemplateViewModel : ViewModel() {
         private set
 
     val templateList by derivedStateOf {
-        val comparator = compareBy(TemplateInfo::local).then(
+        val comparator = compareBy(TemplateInfo::local).reversed().then(
             compareBy(
-                Collator.getInstance(Locale.getDefault()), TemplateInfo::name
+                Collator.getInstance(Locale.getDefault()), TemplateInfo::id
             )
         )
         templates.sortedWith(comparator).apply {