@momo-kits/native-kits 0.157.1-skill.3-debug → 0.157.1-skill.6-debug

package/.claude/momo-native-kits-skill/workspace/iteration-2/eval-setoptions/without_skill/outputs/SetOptionsExample.kt

@@ -1,212 +0,0 @@
-package com.momo.navigation.example
-
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.navigation.NavHostController
-import androidx.navigation.compose.NavHost
-import androidx.navigation.compose.composable
-import androidx.navigation.compose.rememberNavController
-
-/**
- * MoMo Navigation - SetOptions Example
- *
- * In MoMo's navigation system (built on Compose Navigation),
- * you can use setOptions() to programmatically update navigation options
- * including the header/title.
- *
- * Here's how to change the header title dynamically:
- */
-
-// Define navigation routes
-sealed class Screen(val route: String) {
-    object Home : Screen("home")
-    object Detail : Screen("detail/{title}") {
-        fun createRoute(title: String) = "detail/$title"
-    }
-}
-
-// Example: NavBackStackEntry extension to get arguments
-// In MoMo navigation, you can access arguments via savedStateHandle
-// Note: This requires MoMo's extended navigation setup
-
-/**
- * Example 1: Basic SetOptions usage in MoMo Navigation
- *
- * In MoMo's navigation, setOptions is typically called within a
- * NavHost or when navigating to update the top app bar.
- *
- * For dynamic header titles, you would typically:
- * 1. Use a state hoisting pattern
- * 2. Pass the title as a navigation argument
- * 3. Update the top bar based on the current destination
- */
-
-@Composable
-fun MoMoNavigationExample() {
-    val navController = rememberNavController()
-
-    // State to hold dynamic title - typically this would be in a ViewModel
-    val dynamicTitle = androidx.compose.runtime.remember {
-        androidx.compose.runtime.mutableStateOf("Home")
-    }
-
-    NavHost(
-        navController = navController,
-        startDestination = Screen.Home.route
-    ) {
-        composable(Screen.Home.route) {
-            // Home screen content
-            Box(
-                modifier = Modifier.fillMaxSize(),
-                contentAlignment = Alignment.Center
-            ) {
-                Text("Home Screen")
-            }
-
-            // Set options for Home - in practice this is handled by the
-            // navigation library's LocalNavigationBar or similar composable
-        }
-
-        composable(
-            route = Screen.Detail.route,
-            // You can use arguments to get dynamic data
-        ) { backStackEntry ->
-            // Get the title from navigation arguments
-            val title = backStackEntry.arguments?.getString("title") ?: "Detail"
-
-            Box(
-                modifier = Modifier.fillMaxSize(),
-                contentAlignment = Alignment.Center
-            ) {
-                Text("$title Screen")
-            }
-        }
-    }
-}
-
-/**
- * Example 2: Using MoMo's setOptions pattern (if available in your version)
- *
- * In some versions of MoMo navigation, you can use setOptions like this:
- */
-
-fun navigateWithOptions(
-    navController: NavHostController,
-    title: String
-) {
-    // Navigate to the detail screen with the title
-    navController.navigate(Screen.Detail.createRoute(title))
-}
-
-/**
- * Example 3: Programmatic navigation with dynamic title using Compose Navigation
- *
- * This is the recommended pattern for changing header title dynamically:
- */
-
-@Composable
-fun DynamicHeaderNavigationExample() {
-    val navController = rememberNavController()
-
-    // This state would typically be in a ViewModel
-    val currentTitle = androidx.compose.runtime.remember {
-        androidx.compose.runtime.mutableStateOf("Home Screen")
-    }
-
-    // Update the title when navigating
-    fun navigateToDetail(newTitle: String) {
-        currentTitle.value = newTitle
-        navController.navigate(Screen.Detail.createRoute(newTitle))
-    }
-}
-
-/**
- * Example 4: Complete example with MoMo-style TopAppBar integration
- */
-
-@Composable
-fun FullNavigationExample() {
-    val navController = rememberNavController()
-
-    // This would typically be provided via a ViewModel or navigation library
-    val (currentTitle, setCurrentTitle) = androidx.compose.runtime.remember {
-        androidx.compose.runtime.mutableStateOf("Home")
-    }
-
-    NavHost(
-        navController = navController,
-        startDestination = Screen.Home.route
-    ) {
-        composable(Screen.Home.route) {
-            HomeScreen(
-                onNavigateToDetail = { title ->
-                    setCurrentTitle(title)
-                    navController.navigate(Screen.Detail.createRoute(title))
-                }
-            )
-        }
-
-        composable(Screen.Detail.route) { backStackEntry ->
-            val title = backStackEntry.arguments?.getString("title") ?: "Detail"
-            DetailScreen(
-                title = title,
-                onNavigateBack = {
-                    navController.popBackStack()
-                }
-            )
-        }
-    }
-}
-
-@Composable
-fun HomeScreen(
-    onNavigateToDetail: (String) -> Unit
-) {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Text("Home Screen")
-    }
-}
-
-@Composable
-fun DetailScreen(
-    title: String,
-    onNavigateBack: () -> Unit
-) {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Text("$title Screen")
-    }
-}
-
-/**
- * Summary: How to change header title dynamically in MoMo Navigation
- *
- * 1. **Use Navigation Arguments**: Pass the title as a route argument
- *    navController.navigate("detail/$title")
- *
- * 2. **Read Arguments in Composable**: Access via backStackEntry.arguments
- *    val title = backStackEntry.arguments?.getString("title")
- *
- * 3. **State Management**: Use remember/mutableState or a ViewModel
- *    to hold and update the current title
- *
- * 4. **Update TopAppBar**: Bind your TopAppBar title to the state
- *    that gets updated based on the current destination
- *
- * Note: If MoMo's navigation library has a specific setOptions API,
- * it would typically be used like:
- *    navController.setOptions(options = {
- *        putString("title", "New Title")
- *    })
- *
- * But the standard Compose Navigation approach above is more commonly used.
- */

package/.claude/momo-native-kits-skill/workspace/iteration-2/eval-skeleton/with_skill/outputs/SkeletonExample.kt

@@ -1,199 +0,0 @@
-package com.example
-
-import androidx.compose.foundation.layout.Column
-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.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.layout.width
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.components.Card
-import vn.momo.kits.components.Skeleton
-import vn.momo.kits.components.Radius
-
-/**
- * Example: Loading skeleton for a card component
- *
- * This demonstrates how to create loading skeleton placeholders for cards
- * in MoMo Native Kits to show while content is loading.
- */
-
-/**
- * Skeleton for a simple card with title
- */
-@Composable
-fun CardSkeletonSimple() {
-    Card(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp, vertical = 8.dp)
-    ) {
-        Column(modifier = Modifier.padding(16.dp)) {
-            // Title skeleton
-            Skeleton(
-                width = 120.dp,
-                height = 20.dp,
-                cornerRadius = Radius.S
-            )
-            Spacer(modifier = Modifier.height(8.dp))
-            // Description skeleton
-            Skeleton(
-                width = 200.dp,
-                height = 14.dp,
-                cornerRadius = Radius.S
-            )
-        }
-    }
-}
-
-/**
- * Skeleton for a card with image and title (matching ListItemCardExample layout)
- */
-@Composable
-fun CardSkeletonWithImage() {
-    Card(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp, vertical = 8.dp)
-    ) {
-        Row(
-            modifier = Modifier.padding(12.dp)
-        ) {
-            // Image placeholder skeleton
-            Skeleton(
-                width = 48.dp,
-                height = 48.dp,
-                cornerRadius = Radius.M
-            )
-
-            // Title placeholder skeleton
-            Column(
-                modifier = Modifier.padding(start = 12.dp)
-            ) {
-                Skeleton(
-                    width = 100.dp,
-                    height = 16.dp,
-                    cornerRadius = Radius.S
-                )
-            }
-        }
-    }
-}
-
-/**
- * Skeleton for a card with image, title and description
- * (matching ListItemCardWithDescriptionExample layout)
- */
-@Composable
-fun CardSkeletonWithImageAndDescription() {
-    Card(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp, vertical = 8.dp)
-    ) {
-        Row(
-            modifier = Modifier.padding(12.dp)
-        ) {
-            // Image placeholder skeleton
-            Skeleton(
-                width = 56.dp,
-                height = 56.dp,
-                cornerRadius = Radius.M
-            )
-
-            // Title and description placeholder skeleton
-            Column(
-                modifier = Modifier.padding(start = 12.dp)
-            ) {
-                Skeleton(
-                    width = 120.dp,
-                    height = 18.dp,
-                    cornerRadius = Radius.S
-                )
-                Spacer(modifier = Modifier.height(8.dp))
-                Skeleton(
-                    width = 180.dp,
-                    height = 12.dp,
-                    cornerRadius = Radius.S
-                )
-            }
-        }
-    }
-}
-
-/**
- * Complex skeleton with multiple rows (avatar + text + action)
- */
-@Composable
-fun CardSkeletonComplex() {
-    Card(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp, vertical = 8.dp)
-    ) {
-        Column(modifier = Modifier.padding(16.dp)) {
-            Row {
-                // Avatar skeleton
-                Skeleton(
-                    width = 60.dp,
-                    height = 60.dp,
-                    cornerRadius = Radius.XL
-                )
-
-                Column(modifier = Modifier.padding(start = 12.dp)) {
-                    // Name skeleton
-                    Skeleton(
-                        width = 140.dp,
-                        height = 18.dp,
-                        cornerRadius = Radius.S
-                    )
-                    Spacer(modifier = Modifier.height(8.dp))
-                    // Subtitle skeleton
-                    Skeleton(
-                        width = 100.dp,
-                        height = 14.dp,
-                        cornerRadius = Radius.S
-                    )
-                }
-            }
-
-            Spacer(modifier = Modifier.height(16.dp))
-
-            // Description lines
-            Skeleton(
-                width = 280.dp,
-                height = 14.dp,
-                cornerRadius = Radius.S
-            )
-            Spacer(modifier = Modifier.height(6.dp))
-            Skeleton(
-                width = 240.dp,
-                height = 14.dp,
-                cornerRadius = Radius.S
-            )
-            Spacer(modifier = Modifier.height(6.dp))
-            Skeleton(
-                width = 180.dp,
-                height = 14.dp,
-                cornerRadius = Radius.S
-            )
-        }
-    }
-}
-
-/**
- * Example: List of card skeletons (loading state for a list)
- */
-@Composable
-fun CardSkeletonList() {
-    Column {
-        // Simulating a list of loading cards
-        CardSkeletonWithImage()
-        CardSkeletonWithImageAndDescription()
-        CardSkeletonSimple()
-    }
-}

package/.claude/momo-native-kits-skill/workspace/iteration-2/eval-skeleton/without_skill/outputs/SkeletonExample.kt

@@ -1,229 +0,0 @@
-package com.example.skeleton
-
-import androidx.compose.animation.core.FastOutSlowInEasing
-import androidx.compose.animation.core.RepeatMode
-import androidx.compose.animation.core.animateFloat
-import androidx.compose.animation.core.infiniteRepeatable
-import androidx.compose.animation.core.rememberInfiniteTransition
-import androidx.compose.animation.core.tween
-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.Spacer
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.layout.width
-import androidx.compose.foundation.shape.CircleShape
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material3.Card
-import androidx.compose.material3.CardDefaults
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.geometry.Offset
-import androidx.compose.ui.graphics.Brush
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.unit.dp
-
-/**
- * A loading skeleton component that displays a shimmer effect
- * while content is loading.
- */
-@Composable
-fun ShimmerSkeleton(
-    modifier: Modifier = Modifier,
-    content: @Composable (Brush) -> Unit
-) {
-    val shimmerColors = listOf(
-        Color.LightGray.copy(alpha = 0.6f),
-        Color.LightGray.copy(alpha = 0.2f),
-        Color.LightGray.copy(alpha = 0.6f)
-    )
-
-    val transition = rememberInfiniteTransition(label = "shimmer")
-    val translateAnimation by transition.animateFloat(
-        initialValue = 0f,
-        targetValue = 1000f,
-        animationSpec = infiniteRepeatable(
-            animation = tween(
-                durationMillis = 1200,
-                easing = FastOutSlowInEasing
-            ),
-            repeatMode = RepeatMode.Restart
-        ),
-        label = "shimmer_translate"
-    )
-
-    val brush = Brush.linearGradient(
-        colors = shimmerColors,
-        start = Offset(translateAnimation - 500f, translateAnimation - 500f),
-        end = Offset(translateAnimation, translateAnimation)
-    )
-
-    content(brush)
-}
-
-/**
- * A card skeleton that displays a shimmer effect to indicate loading state.
- * This mimics a typical card with an image placeholder, title, subtitle, and action button.
- */
-@Composable
-fun CardSkeleton(
-    modifier: Modifier = Modifier
-) {
-    ShimmerSkeleton(modifier = modifier) { brush ->
-        Card(
-            modifier = modifier
-                .fillMaxWidth()
-                .padding(16.dp),
-            elevation = CardDefaults.cardElevation(defaultElevation = 4.dp),
-            shape = RoundedCornerShape(12.dp)
-        ) {
-            Column(
-                modifier = Modifier.padding(16.dp)
-            ) {
-                // Image placeholder
-                Box(
-                    modifier = Modifier
-                        .fillMaxWidth()
-                        .height(160.dp)
-                        .clip(RoundedCornerShape(8.dp))
-                        .background(brush)
-                )
-
-                Spacer(modifier = Modifier.height(16.dp))
-
-                // Title placeholder (2 lines)
-                Box(
-                    modifier = Modifier
-                        .fillMaxWidth(0.7f)
-                        .height(20.dp)
-                        .clip(RoundedCornerShape(4.dp))
-                        .background(brush)
-                )
-
-                Spacer(modifier = Modifier.height(8.dp))
-
-                Box(
-                    modifier = Modifier
-                        .fillMaxWidth(0.5f)
-                        .height(20.dp)
-                        .clip(RoundedCornerShape(4.dp))
-                        .background(brush)
-                )
-
-                Spacer(modifier = Modifier.height(12.dp))
-
-                // Description placeholder (3 lines)
-                repeat(3) { index ->
-                    Box(
-                        modifier = Modifier
-                            .fillMaxWidth(if (index == 2) 0.6f else 1f)
-                            .height(14.dp)
-                            .clip(RoundedCornerShape(4.dp))
-                            .background(brush)
-                    )
-                    if (index < 2) {
-                        Spacer(modifier = Modifier.height(6.dp))
-                    }
-                }
-
-                Spacer(modifier = Modifier.height(16.dp))
-
-                // Action button and avatar row
-                Row(
-                    modifier = Modifier.fillMaxWidth(),
-                    horizontalArrangement = Arrangement.SpaceBetween,
-                    verticalAlignment = Alignment.CenterVertically
-                ) {
-                    // Action button placeholder
-                    Box(
-                        modifier = Modifier
-                            .width(100.dp)
-                            .height(36.dp)
-                            .clip(RoundedCornerShape(18.dp))
-                            .background(brush)
-                    )
-
-                    // Avatar placeholder
-                    Box(
-                        modifier = Modifier
-                            .size(40.dp)
-                            .clip(CircleShape)
-                            .background(brush)
-                    )
-                }
-            }
-        }
-    }
-}
-
-/**
- * A simpler card skeleton with just title and description.
- */
-@Composable
-fun SimpleCardSkeleton(
-    modifier: Modifier = Modifier
-) {
-    ShimmerSkeleton(modifier = modifier) { brush ->
-        Card(
-            modifier = modifier
-                .fillMaxWidth()
-                .padding(16.dp),
-            elevation = CardDefaults.cardElevation(defaultElevation = 2.dp),
-            shape = RoundedCornerShape(8.dp)
-        ) {
-            Column(
-                modifier = Modifier.padding(12.dp)
-            ) {
-                // Title
-                Box(
-                    modifier = Modifier
-                        .fillMaxWidth(0.6f)
-                        .height(18.dp)
-                        .clip(RoundedCornerShape(4.dp))
-                        .background(brush)
-                )
-
-                Spacer(modifier = Modifier.height(8.dp))
-
-                // Description
-                Box(
-                    modifier = Modifier
-                        .fillMaxWidth(0.9f)
-                        .height(14.dp)
-                        .clip(RoundedCornerShape(4.dp))
-                        .background(brush)
-                )
-
-                Spacer(modifier = Modifier.height(4.dp))
-
-                Box(
-                    modifier = Modifier
-                        .fillMaxWidth(0.7f)
-                        .height(14.dp)
-                        .clip(RoundedCornerShape(4.dp))
-                        .background(brush)
-                )
-            }
-        }
-    }
-}
-
-/**
- * Preview Composable for CardSkeleton
- */
-@Composable
-fun CardSkeletonPreview() {
-    Column {
-        CardSkeleton()
-        Spacer(modifier = Modifier.height(16.dp))
-        SimpleCardSkeleton()
-    }
-}

package/.claude/momo-native-kits-skill/workspace/iteration-3/benchmark.json

@@ -1,20 +0,0 @@
-{
-  "metadata": {
-    "skill_name": "momo-native-kits-skills",
-    "skill_path": "<path/to/skill>",
-    "executor_model": "<model-name>",
-    "analyzer_model": "<model-name>",
-    "timestamp": "2026-03-16T09:27:06Z",
-    "evals_run": [],
-    "runs_per_configuration": 3
-  },
-  "runs": [],
-  "run_summary": {
-    "delta": {
-      "pass_rate": "+0.00",
-      "time_seconds": "+0.0",
-      "tokens": "+0"
-    }
-  },
-  "notes": []
-}

package/.claude/momo-native-kits-skill/workspace/iteration-3/benchmark.md

@@ -1,13 +0,0 @@
-# Skill Benchmark: momo-native-kits-skills
-
-**Model**: <model-name>
-**Date**: 2026-03-16T09:27:06Z
-**Evals**:  (3 runs each per configuration)
-
-## Summary
-
-| Metric | Config A | Config B | Delta |
-|--------|------------|---------------|-------|
-| Pass Rate | 0% ± 0% | 0% ± 0% | +0.00 |
-| Time | 0.0s ± 0.0s | 0.0s ± 0.0s | +0.0s |
-| Tokens | 0 ± 0 | 0 ± 0 | +0 |

package/.claude/momo-native-kits-skill/workspace/iteration-3/eval-button/eval_metadata.json

@@ -1,22 +0,0 @@
-{
-  "eval_id": 0,
-  "eval_name": "button-primary",
-  "prompt": "Show me how to create a primary button with text 'Đăng nhập' in MoMo Native Kits",
-  "assertions": [
-    {
-      "text": "Uses Button from vn.momo.kits.components",
-      "passed": true,
-      "evidence": "Import vn.momo.kits.components.Button"
-    },
-    {
-      "text": "Uses ButtonType.PRIMARY",
-      "passed": true,
-      "evidence": "type = ButtonType.PRIMARY"
-    },
-    {
-      "text": "Title is 'Đăng nhập'",
-      "passed": true,
-      "evidence": "title = 'Đăng nhập'"
-    }
-  ]
-}