@momo-kits/native-kits 0.168.1-beta.4-debug → 0.168.1-beta.5-debug

package/gradle.properties

@@ -18,9 +18,9 @@ kotlin.apple.xcodeCompatibility.nowarn=true
 name="ComposeKits"
 group=vn.momo.kits
 artifact.id=kits
-version=0.300.4
+version=0.167.1-duo.15
 
 repo=GitLab
 url=https://gitlab.mservice.com.vn/api/v4/projects/5400/packages/maven
-gitlab.user=
-gitlab.password=
+gitlab.user=upload_packages
+gitlab.password=gldt-CtTSGmzz57sUL9cnjdaQ

package/ios/Layout/ScreenLayout.swift

@@ -68,6 +68,11 @@ enum DuoMetrics {
     // (x 550–643 of 669, clock digits centered on y 47); its reserved region is taller than the glyphs.
     static let innerStatusBarCenterY: CGFloat = 47
     static let innerStatusBarWidth: CGFloat = 120
+    // Host app's iOS 26 tab bar on the inner display in portrait: a 62pt glass pill sized to its tabs,
+    // QR as a 62pt platter beside it, ≥ 20pt from the sides, 13pt into the home indicator inset.
+    static let floatingTabBarHeight: CGFloat = 62
+    static let floatingTabBarMargin: CGFloat = 20
+    static let floatingTabBarInsetOverlap: CGFloat = 13
     // Widest short side of any single-display iPhone.
     static let iPhoneMaxShortSide: CGFloat = 440
 }

package/ios/Navigation/BottomTab/DuoBarCompression.swift

@@ -35,8 +35,6 @@ struct DuoBarCompression {
     static let defaultToolbarHeight = DuoMetrics.controlSize + Spacing.M + 2 * DuoMetrics.itemPitch
     /// Back, then the single button the toolbar folds into.
     private static let compressedToolbarHeight = 2 * DuoMetrics.controlSize + Spacing.M
-    /// Back alone, while a rail opened from the compressed state takes the toolbar slot.
-    private static let backOnlyHeight = DuoMetrics.controlSize
 
     /// - both fit: both stay whole
     /// - one fits whole beside the other compressed: one is compressed, tapping it swaps them
@@ -72,7 +70,8 @@ struct DuoBarCompression {
 
         let expandToolbar = { opened.wrappedValue = .toolbar }
         let expandTabBar = { opened.wrappedValue = .tabBar }
-        if opened.wrappedValue == .tabBar && fits(backOnlyHeight, tabBar) {
+        // an opened rail always shows, even when only the group gap is short: it closes once a tab is picked
+        if opened.wrappedValue == .tabBar {
             return DuoBarCompression(
                 toolbarCompressed: true,
                 tabBarCompressed: false,

package/ios/Navigation/BottomTab/DuoTabBar.swift

@@ -3,7 +3,7 @@
 //  MoMoUIKits
 //
 //  iPhone Duo tab bar, port of RN `BottomTab/DuoTabBar.tsx` (Figma Fold-Design-System MT1/MT2):
-//  a glass rail in the side bar, or a floating glass bar when unfolded portrait.
+//  a rail in the side bar, or a floating bar when unfolded portrait.
 //
 
 import SwiftUI
@@ -16,12 +16,15 @@ private let railGap = Spacing.XXS
 // selection bubble overflows the 48 rail cell by 5 above and below (Figma MT2)
 private let railBubbleWidth: CGFloat = 44
 private let railBubbleHeight: CGFloat = 58
-let duoFloatingTabBarHeight: CGFloat = 62
+private let floatingHeight = DuoMetrics.floatingTabBarHeight
 private let floatingPadding = Spacing.XS
-private let floatingQrSize: CGFloat = 44
-// floating bar spans 6 of the 8 portrait grid columns, like the content
-private let gridColumns: CGFloat = 8
-private let gridSpan: CGFloat = 6
+// the system bar sizes its pill to the tabs instead of stretching it across the display
+private let floatingItemWidth: CGFloat = 80
+// while pressed the selection bubble grows into a lens past the pill's edges
+private let lensScaleX: CGFloat = 1.2
+private let lensScaleY: CGFloat = 1.3
+// Figma Home-2026 tab bar "Selection": brand pink at 8%
+private let selectionTintOpacity: Double = 0x14 / 255
 private let tabSpring = Animation.interpolatingSpring(mass: 0.8, stiffness: 220, damping: 18)
 
 /// Room tab screens leave for the Duo tab bar, provided by BottomTab to its tab StackScreens.
@@ -51,47 +54,34 @@ func duoRailHeight(itemCount: Int, hasQr: Bool, compressed: Bool = false) -> CGF
 }
 
 extension ScreenLayout {
+    /// Overlaps the home indicator inset like the system tab bar (21pt above the bottom with a 34pt inset).
+    var duoFloatingTabBarBottom: CGFloat {
+        max(insets.bottom - DuoMetrics.floatingTabBarInsetOverlap, Spacing.S)
+    }
+
     func duoTabBarInsets(itemCount: Int, hasFloatingButton: Bool, tabBarCompressed: Bool = false) -> DuoTabBarInsets {
         guard isIPhoneDuo else { return DuoTabBarInsets() }
         guard let sideBar else {
-            return DuoTabBarInsets(overlay: duoFloatingTabBarHeight + Spacing.M)
+            // overlay is measured from the bottom safe area, the bar reaches into it
+            return DuoTabBarInsets(overlay: floatingHeight + duoFloatingTabBarBottom - insets.bottom)
         }
         let rail = duoRailHeight(itemCount: itemCount, hasQr: hasFloatingButton, compressed: tabBarCompressed)
         return DuoTabBarInsets(sideBarReserve: sideBar.bottom + rail + DuoBarCompression.groupGap)
     }
 }
 
-/// Glass on iOS 26, a system blur before it (RN GlassView's fallback).
-struct DuoBarMaterial<S: Shape>: ViewModifier {
+/// RN `BarMaterial`: surface with a 1pt border.
+struct DuoBarMaterial<S: InsettableShape>: ViewModifier {
     let shape: S
-    var visible: Bool = true
-
-    func body(content: Content) -> some View {
-        content.background(material.allowsHitTesting(false))
-    }
 
-    @ViewBuilder
-    private var material: some View {
-        #if compiler(>=6.2)
-        if #available(iOS 26.0, *) {
-            // glass materializes by toggling its effect, it does not fade with opacity
-            Color.clear
-                .glassEffect(visible ? .regular : .identity, in: shape)
-                .shadow(color: Color.black.opacity(visible ? 0.16 : 0), radius: 16, x: 0, y: 6)
-                .animation(.easeInOut(duration: 0.25), value: visible)
-        } else {
-            blur
-        }
-        #else
-        blur
-        #endif
-    }
+    @Environment(\.appTheme) private var theme
 
-    private var blur: some View {
-        shape.fill(.regularMaterial)
-            .shadow(color: Color.black.opacity(0.16), radius: 16, x: 0, y: 6)
-            .opacity(visible ? 1 : 0)
-            .animation(.easeInOut(duration: 0.25), value: visible)
+    func body(content: Content) -> some View {
+        content.background(
+            shape.fill(theme.colors.background.surface)
+                .overlay(shape.strokeBorder(theme.colors.border.default, lineWidth: 1))
+                .allowsHitTesting(false)
+        )
     }
 }
 
@@ -126,7 +116,7 @@ private struct DuoRailTabBar: View {
     let onTabSelected: (Int) -> Void
     let compression: DuoBarCompression
 
-    @Environment(\.appTheme) private var theme
+    @State private var pressedIndex: Int?
 
     private var isRight: Bool { sideBar.edge == .right }
 
@@ -157,15 +147,15 @@ private struct DuoRailTabBar: View {
         .ignoresSafeArea()
     }
 
-    /// Glass column of tab items with the sliding selection bubble.
+    /// Column of icon-only tab items with the sliding selection bubble.
     private var rail: some View {
         ZStack(alignment: .top) {
-            Capsule()
-                .fill(theme.colors.background.selected)
+            DuoSelectionMaterial(lens: pressedIndex != nil)
                 .frame(width: railBubbleWidth, height: railBubbleHeight)
                 .offset(y: railPadding - (railBubbleHeight - itemSize) / 2
-                    + CGFloat(selectedIndex) * (itemSize + railGap))
+                    + CGFloat(pressedIndex ?? selectedIndex) * (itemSize + railGap))
                 .animation(tabSpring, value: selectedIndex)
+                .animation(tabSpring, value: pressedIndex)
 
             VStack(spacing: railGap) {
                 ForEach(items.indices, id: \.self) { index in
@@ -177,19 +167,19 @@ private struct DuoRailTabBar: View {
                             .frame(width: itemSize, height: itemSize)
                             .contentShape(Rectangle())
                     }
-                    .buttonStyle(.plain)
+                    .buttonStyle(DuoLensPressStyle(index: index, pressedIndex: $pressedIndex))
                     .accessibilityLabel(items[index].label)
                 }
             }
             .padding(.vertical, railPadding)
         }
         .frame(width: itemSize)
-        .modifier(DuoBarMaterial(shape: RoundedRectangle(cornerRadius: Radius.XL)))
+        .modifier(DuoBarMaterial(shape: Capsule()))
         .accessibilityIdentifier("bottom_tab_bar")
     }
 }
 
-/// Floating labelled bar for the unfolded portrait display, QR in the middle cell (Figma MT1-M).
+/// Floating labelled bar for the unfolded portrait display, QR pinned in its own platter beside it.
 private struct DuoFloatingTabBar: View {
     let items: [BottomTabItem]
     let floatingButton: BottomTabFloatingButton?
@@ -198,45 +188,48 @@ private struct DuoFloatingTabBar: View {
 
     @Environment(\.screenLayout) private var layout
     @Environment(\.appTheme) private var theme
+    @State private var pressedIndex: Int?
 
     private var barWidth: CGFloat {
-        let columnWidth = (layout.width - 2 * Spacing.M - (gridColumns - 1) * Spacing.M) / gridColumns
-        return columnWidth * gridSpan + (gridSpan - 1) * Spacing.M
+        let margins = layout.insets.leading + layout.insets.trailing + 2 * DuoMetrics.floatingTabBarMargin
+        let qr = floatingButton == nil ? 0 : floatingHeight + Spacing.S
+        let preferred = CGFloat(items.count) * floatingItemWidth + 2 * floatingPadding
+        return max(min(preferred, layout.width - margins - qr), 0)
     }
 
-    private var useQr: Bool { floatingButton != nil && items.count % 2 == 0 }
-    private var middle: Int { items.count / 2 }
-    private var cellCount: Int { items.count + (useQr ? 1 : 0) }
-    private var cellWidth: CGFloat { (barWidth - floatingPadding * 2) / CGFloat(max(cellCount, 1)) }
-    private var visualIndex: Int { useQr && selectedIndex >= middle ? selectedIndex + 1 : selectedIndex }
+    private var cellWidth: CGFloat { (barWidth - floatingPadding * 2) / CGFloat(max(items.count, 1)) }
 
     var body: some View {
+        HStack(spacing: Spacing.S) {
+            bar
+            if let floatingButton {
+                DuoQrButton(data: floatingButton, size: floatingHeight)
+                    .shadow(color: Color.black.opacity(0.16), radius: 16, x: 0, y: 6)
+            }
+        }
+        .padding(.bottom, layout.duoFloatingTabBarBottom)
+        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .bottom)
+        .ignoresSafeArea()
+    }
+
+    private var bar: some View {
         ZStack(alignment: .leading) {
-            Capsule()
-                .fill(theme.colors.background.selected)
+            DuoSelectionMaterial(lens: pressedIndex != nil)
                 .frame(width: cellWidth)
-                .offset(x: CGFloat(visualIndex) * cellWidth)
-                .animation(tabSpring, value: visualIndex)
+                .offset(x: CGFloat(pressedIndex ?? selectedIndex) * cellWidth)
+                .animation(tabSpring, value: selectedIndex)
+                .animation(tabSpring, value: pressedIndex)
 
             HStack(spacing: 0) {
-                ForEach(0..<cellCount, id: \.self) { cell in
-                    if useQr && cell == middle, let floatingButton {
-                        DuoQrButton(data: floatingButton, size: floatingQrSize)
-                            .frame(width: cellWidth)
-                    } else {
-                        let index = useQr && cell > middle ? cell - 1 : cell
-                        tabCell(index)
-                    }
+                ForEach(items.indices, id: \.self) { index in
+                    tabCell(index)
                 }
             }
         }
         .padding(floatingPadding)
-        .frame(width: barWidth, height: duoFloatingTabBarHeight)
+        .frame(width: barWidth, height: floatingHeight)
         .modifier(DuoBarMaterial(shape: Capsule()))
         .accessibilityIdentifier("bottom_tab_bar")
-        .padding(.bottom, layout.insets.bottom + Spacing.M)
-        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .bottom)
-        .ignoresSafeArea()
     }
 
     private func tabCell(_ index: Int) -> some View {
@@ -247,20 +240,52 @@ private struct DuoFloatingTabBar: View {
                 MomoText(
                     items[index].label,
                     typography: .labelXsMedium,
-                    color: selected ? theme.colors.primary : theme.colors.text.default,
+                    color: selected ? theme.colors.primary : theme.colors.text.hint,
                     textAlign: .center,
                     maxLines: 1
                 )
+                // like the system tab bar the label keeps its design size; a constant snapshot, nothing to observe
+                .environment(\.momoFontScale, FontScale(userScaleRate: 1, useOSScaleRate: false))
             }
             .frame(width: cellWidth)
             .frame(maxHeight: .infinity)
             .contentShape(Rectangle())
         }
-        .buttonStyle(.plain)
+        .buttonStyle(DuoLensPressStyle(index: index, pressedIndex: $pressedIndex))
         .accessibilityLabel(items[index].label)
     }
 }
 
+/// Pink tinted capsule under the selected tab; while pressed it grows into a lens (80x54 to about 96x70).
+private struct DuoSelectionMaterial: View {
+    let lens: Bool
+
+    @Environment(\.appTheme) private var theme
+
+    var body: some View {
+        Capsule()
+            .fill(theme.colors.primary.opacity(selectionTintOpacity))
+            .scaleEffect(x: lens ? lensScaleX : 1, y: lens ? lensScaleY : 1)
+            .allowsHitTesting(false)
+    }
+}
+
+/// Tracks the finger so the selection lens jumps to the pressed tab before it is selected.
+private struct DuoLensPressStyle: ButtonStyle {
+    let index: Int
+    @Binding var pressedIndex: Int?
+
+    func makeBody(configuration: Configuration) -> some View {
+        configuration.label.onChange(of: configuration.isPressed) { pressed in
+            if pressed {
+                pressedIndex = index
+            } else if pressedIndex == index {
+                pressedIndex = nil
+            }
+        }
+    }
+}
+
 private struct DuoTabIcon: View {
     let item: BottomTabItem
     let selected: Bool
@@ -274,7 +299,7 @@ private struct DuoTabIcon: View {
     }
 
     var body: some View {
-        Icon(source: item.icon, size: iconSize, color: selected ? theme.colors.primary : theme.colors.text.default)
+        Icon(source: item.icon, size: iconSize, color: selected ? theme.colors.primary : theme.colors.text.hint)
             .overlay(alignment: .topTrailing) {
                 if let badgeLabel, !badgeLabel.isEmpty {
                     Badge(label: badgeLabel).offset(x: Spacing.S, y: -Spacing.XS)

package/ios/Navigation/Component/HeaderBackground.swift

@@ -90,6 +90,27 @@ private let duoGradientExtra: CGFloat = 52
 // scroll distance over which the extended gradient collapses to the header
 private let duoExtendedCollapseDistance: CGFloat = 100
 
+// scroll distance over which the bar fades in
+private let duoBarFadeDistance: CGFloat = 16
+
+/// Port of RN `DuoGlassBackground`: translucent surface with a hairline, shown once the content
+/// scrolls `fadeStart` under the header.
+struct DuoHeaderBar: View {
+    let scrollOffset: CGFloat
+    var fadeStart: CGFloat = 0
+
+    @Environment(\.appTheme) private var theme
+
+    var body: some View {
+        theme.colors.background.surface.opacity(0.8)
+            .overlay(alignment: .bottom) {
+                theme.colors.border.default.frame(height: 0.5)
+            }
+            .opacity(min(max((scrollOffset - fadeStart) / duoBarFadeDistance, 0), 1))
+            .allowsHitTesting(false)
+    }
+}
+
 /// Port of RN `DuoScrollGradient`: with the glass header the content scrolls under the bar, so the
 /// header gradient is drawn under it. Compose draws this inside `HeaderBackground`.
 struct DuoScrollGradient: View {
@@ -114,7 +135,7 @@ struct DuoScrollGradient: View {
                 let progress = min(scroll / duoExtendedCollapseDistance, 1)
                 gradient
                     .frame(height: headerHeight + (extended ? duoGradientExtra * (1 - progress) : 0))
-                    .opacity(1 - min(scroll / duoGradientExtra, 1))
+                    .opacity(Double(1 - min(scroll / duoGradientExtra, 1)))
             }
         }
         .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)

package/ios/Navigation/StackScreen.swift

@@ -403,11 +403,8 @@ public struct StackScreen<Content: View>: View {
                     .background(alignment: .top) {
                         Group {
                             if layout.sideBar != nil {
-                                // glass shows once the banner has scrolled under the header
-                                Color.clear.modifier(DuoBarMaterial(
-                                    shape: Rectangle(),
-                                    visible: scrollOffset > heroGlassStart(animatedHeader)
-                                ))
+                                // the bar shows once the banner has scrolled under the header
+                                DuoHeaderBar(scrollOffset: scrollOffset, fadeStart: heroGlassStart(animatedHeader))
                             } else {
                                 HeaderBarBackground(opacity: opacity)
                             }
@@ -457,8 +454,7 @@ public struct StackScreen<Content: View>: View {
 
                 header
                     .background(
-                        Color.clear
-                            .modifier(DuoBarMaterial(shape: Rectangle(), visible: scrollOffset > 0))
+                        DuoHeaderBar(scrollOffset: scrollOffset)
                             .edgesIgnoringSafeArea([.top, .horizontal])
                     )
                     .offset(y: -headerHide)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.168.1-beta.4-debug",
+  "version": "0.168.1-beta.5-debug",
   "private": false,
   "dependeNavigationncies": {},
   "devDependencies": {},

package/publish.sh

@@ -379,12 +379,6 @@ phase_publish_npm() {
         exit 1
     fi
 
-    # AI-GENERATED START: preserve an existing credential backup owned by another run
-    if [ -e gradle.properties.npm-backup ]; then
-        echo "❌ Error: gradle.properties.npm-backup already exists; recover it before publishing."
-        exit 1
-    fi
-    # AI-GENERATED END: preserve an existing credential backup owned by another run
     echo "🔧 Preparing debug version with compose kits..."
 
     # Create debug version
@@ -395,9 +389,6 @@ phase_publish_npm() {
     restore_npm_workspace() {
         [ -f .npmignore.backup ] && mv .npmignore.backup .npmignore
         [ -f compose/build.gradle.kts.backup ] && mv compose/build.gradle.kts.backup compose/build.gradle.kts
-        # AI-GENERATED START: restore private publishing credentials after npm packaging
-        [ -f gradle.properties.npm-backup ] && mv gradle.properties.npm-backup gradle.properties
-        # AI-GENERATED END: restore private publishing credentials after npm packaging
         local pkg_version
         pkg_version=$(node -p "require('./package.json').version")
         if [ "$pkg_version" != "$VERSION" ]; then
@@ -409,16 +400,6 @@ phase_publish_npm() {
         fi
     }
     trap restore_npm_workspace EXIT
-    # AI-GENERATED START: keep private Maven credentials out of the debug npm package
-    cp gradle.properties gradle.properties.npm-backup
-    node <<'NODE'
-const fs = require('fs');
-const path = 'gradle.properties';
-const sanitized = fs.readFileSync(path, 'utf8')
-    .replace(/^(gitlab\.(?:user|password)\s*=).*$/gm, '$1');
-fs.writeFileSync(path, sanitized);
-NODE
-    # AI-GENERATED END: keep private Maven credentials out of the debug npm package
     echo "📦 Debug version: $DEBUG_VERSION"
 
     # Get current version from package.json (in case it's different from $VERSION)
@@ -455,18 +436,12 @@ NODE
     echo "🔧 Modifying android configuration for debug version..."
     if [[ "$OSTYPE" == "darwin"* ]]; then
         sed -i '' 's/namespace = "\$gitlabGroup\.\$gitlabArtifactId"/namespace = "vn.momo.kits.kits"/' compose/build.gradle.kts
-        # AI-GENERATED START: keep the debug package on the approved SDK 36 toolchain
-        sed -i '' \
-            's/compileSdk = libs\.versions\.android\.compileSdk\.get()\.toInt()/compileSdk = 36/' compose/build.gradle.kts
-        # AI-GENERATED END: keep the debug package on the approved SDK 36 toolchain
+        sed -i '' 's/compileSdk = libs\.versions\.android\.compileSdk\.get()\.toInt()/compileSdk = 35/' compose/build.gradle.kts
         sed -i '' 's/minSdk = libs\.versions\.android\.minSdk\.get()\.toInt()/minSdk = 24/' compose/build.gradle.kts
         sed -i '' "s/version = gitlabVersion/version = \"$DEBUG_VERSION\"/" compose/build.gradle.kts
     else
         sed -i 's/namespace = "\$gitlabGroup\.\$gitlabArtifactId"/namespace = "vn.momo.kits.kits"/' compose/build.gradle.kts
-        # AI-GENERATED START: keep the debug package on the approved SDK 36 toolchain
-        sed -i \
-            's/compileSdk = libs\.versions\.android\.compileSdk\.get()\.toInt()/compileSdk = 36/' compose/build.gradle.kts
-        # AI-GENERATED END: keep the debug package on the approved SDK 36 toolchain
+        sed -i 's/compileSdk = libs\.versions\.android\.compileSdk\.get()\.toInt()/compileSdk = 35/' compose/build.gradle.kts
         sed -i 's/minSdk = libs\.versions\.android\.minSdk\.get()\.toInt()/minSdk = 24/' compose/build.gradle.kts
         sed -i "s/version = gitlabVersion/version = \"$DEBUG_VERSION\"/" compose/build.gradle.kts
     fi
@@ -488,9 +463,6 @@ build/
 .gitattributes
 .gitlab-ci.yml
 .npmignore.backup
-# AI-GENERATED START: exclude the private credential backup from debug npm packages
-gradle.properties.npm-backup
-# AI-GENERATED END: exclude the private credential backup from debug npm packages
 EOF
 
     echo "📤 Publishing debug version (with compose)..."
@@ -505,9 +477,6 @@ EOF
     # Restore compose/build.gradle.kts
     mv compose/build.gradle.kts.backup compose/build.gradle.kts
     echo "✅ compose/build.gradle.kts restored"
-    # AI-GENERATED START: restore credentials before leaving the debug packaging phase
-    mv gradle.properties.npm-backup gradle.properties
-    # AI-GENERATED END: restore credentials before leaving the debug packaging phase
 
     # Restore package.json version to original
     # Verify current version is debug version before restoring

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HelpCenterRequest.kt

@@ -1,37 +0,0 @@
-// File: HelpCenterRequest.kt
-// Created At: 2026-10-19 +07:00
-// Created By: AI | AI Agent: Codex | Model: GPT-6
-// AI-GENERATED START: preserve the toolkit Help Center payload in the typed request
-package vn.momo.kits.navigation.component
-
-import kotlinx.serialization.json.JsonArray
-import kotlinx.serialization.json.JsonElement
-import kotlinx.serialization.json.JsonNull
-import kotlinx.serialization.json.JsonObject
-import kotlinx.serialization.json.JsonPrimitive
-import vn.momo.kits.application.MiniAppContext
-import vn.momo.maxapi.contract.navigation.model.BottomSheetRequest
-import vn.momo.maxapi.contract.navigation.model.HelpCenterContext
-
-internal fun MiniAppContext.helpCenterRequest() = BottomSheetRequest.HelpCenter(
-    HelpCenterContext(
-        appId = appId,
-        code = appCode,
-        name = appName?.helpCenterJson(),
-        icon = appIcon,
-        description = description?.helpCenterJson(),
-    ),
-)
-
-private fun Any?.helpCenterJson(): JsonElement = when (this) {
-    null -> JsonNull
-    is JsonElement -> this
-    is String -> JsonPrimitive(this)
-    is Boolean -> JsonPrimitive(this)
-    is Number -> JsonPrimitive(this)
-    is Map<*, *> -> JsonObject(entries.associate { (key, value) -> key.toString() to value.helpCenterJson() })
-    is Iterable<*> -> JsonArray(map { it.helpCenterJson() })
-    is Array<*> -> JsonArray(map { it.helpCenterJson() })
-    else -> JsonPrimitive(toString())
-}
-// AI-GENERATED END: preserve the toolkit Help Center payload in the typed request

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/ToolkitRequests.kt

@@ -1,41 +0,0 @@
-// File: ToolkitRequests.kt
-// Created At: 2026-10-12 +07:00 | Created By: AI | AI Agent: Codex | Model: GPT-6
-// AI-GENERATED START: cancel only toolkit requests owned by this composition
-package vn.momo.kits.navigation.component
-
-import vn.momo.maxapi.runtime.ApiCallback
-import vn.momo.maxapi.runtime.ApiRequestHandle
-
-internal class ToolkitRequests {
-    private var active = true
-    private val handles = mutableSetOf<ApiRequestHandle>()
-
-    fun <T> launch(request: (ApiCallback<T>) -> ApiRequestHandle, onResult: ApiCallback<T>) {
-        if (!active) return
-        var completed = false
-        var handle: ApiRequestHandle? = null
-        val created = request { result ->
-            completed = true
-            handle?.let(handles::remove)
-            if (active) onResult(result)
-        }
-        handle = created
-        if (!active) created.cancel() else if (!completed) handles.add(created)
-    }
-
-    // AI-GENERATED START: retain subscriptions across nonterminal sheet events
-    fun <T> observe(request: (ApiCallback<T>) -> ApiRequestHandle, onResult: ApiCallback<T>) {
-        if (!active) return
-        val handle = request { result -> if (active) onResult(result) }
-        if (active) handles.add(handle) else handle.cancel()
-    }
-    // AI-GENERATED END: retain subscriptions across nonterminal sheet events
-
-    fun close() {
-        active = false
-        val pending = handles.toList()
-        handles.clear()
-        pending.forEach { it.cancel() }
-    }
-}
-// AI-GENERATED END: cancel only toolkit requests owned by this composition

package/compose/src/commonTest/kotlin/vn/momo/kits/navigation/component/HelpCenterRequestTest.kt

@@ -1,44 +0,0 @@
-// File: HelpCenterRequestTest.kt
-// Created At: 2026-10-19 +07:00
-// Created By: AI | AI Agent: Codex | Model: GPT-6
-// AI-GENERATED START: verify Help Center identity and localized payload preservation
-package vn.momo.kits.navigation.component
-
-import kotlinx.serialization.json.JsonObject
-import kotlinx.serialization.json.JsonPrimitive
-import vn.momo.kits.application.MiniAppContext
-import kotlin.test.Test
-import kotlin.test.assertEquals
-import kotlin.test.assertNull
-
-class HelpCenterRequestTest {
-    @Test
-    fun preservesApplicationIdentityAndLocalizedObjects() {
-        val context = MiniAppContext(
-            appId = "app-id",
-            appCode = "app-code",
-            appIcon = "app-icon",
-            appName = mapOf("vi" to "Tên ứng dụng", "en" to "App name"),
-            description = mapOf("vi" to "Mô tả", "en" to "Description"),
-        )
-        val request = context.helpCenterRequest().context
-        assertEquals(context.appId, request.appId)
-        assertEquals(context.appCode, request.code)
-        assertEquals(context.appIcon, request.icon)
-        assertEquals(JsonObject(mapOf("vi" to JsonPrimitive("Tên ứng dụng"),
-            "en" to JsonPrimitive("App name"))), request.name)
-        assertEquals(JsonObject(mapOf("vi" to JsonPrimitive("Mô tả"),
-            "en" to JsonPrimitive("Description"))), request.description)
-        assertNull(request.support)
-        assertNull(request.toolkitConfig)
-        assertNull(request.permissions)
-    }
-
-    @Test
-    fun preservesPlainStringsAndAbsentValues() {
-        val request = MiniAppContext(appName = "App name").helpCenterRequest().context
-        assertEquals(JsonPrimitive("App name"), request.name)
-        assertNull(request.description)
-    }
-}
-// AI-GENERATED END: verify Help Center identity and localized payload preservation