small fixes

Author: aisraelov

mobile/app.config.ts

@@ -26,7 +26,7 @@ module.exports = ({config}: ConfigContext): Partial<ExpoConfig> => {
       // icon: "./assets/app-icons/ic_launcher.png",
       package: "com.mentra.mentra",
       googleServicesFile: "./google-services.json",
-      versionCode: 110,
+      versionCode: 112,
       adaptiveIcon: {
         foregroundImage: "./assets/app-icons/ic_launcher_foreground.png",
         // backgroundImage: "./assets/app-icons/ic_launcher.png",
@@ -59,7 +59,7 @@ module.exports = ({config}: ConfigContext): Partial<ExpoConfig> => {
       icon: "./assets/app-icons/ic_launcher.png",
       supportsTablet: false,
       requireFullScreen: true,
-      buildNumber: "110",
+      buildNumber: "112",
       bundleIdentifier: "com.mentra.mentra",
       googleServicesFile: "./GoogleService-Info.plist",
       associatedDomains: ["applinks:apps.mentra.glass"],

mobile/src/app/(tabs)/home.tsx

@@ -2,6 +2,8 @@ import {useFocusEffect} from "@react-navigation/native"
 import {useCallback, useEffect, useRef} from "react"
 import {Platform, ScrollView, View} from "react-native"
 import {useSharedValue} from "react-native-reanimated"
+import {LinearGradient} from "expo-linear-gradient"
+import MaskedView from "@react-native-masked-view/masked-view"
 
 import {MentraLogoStandalone} from "@/components/brands/MentraLogoStandalone"
 import {CustomBackground} from "@/components/home/CustomBackground"
@@ -99,7 +101,30 @@ export default function Homepage() {
 
   const renderTopPadding = () => {
     if (Platform.OS === "android" && !androidBlur) {
-      return <View style={{paddingTop: insets.top}} />
+      return null
+    }
+    if (Platform.OS === "android") {
+      return (
+        <MaskedView
+          style={{position: "absolute", left: 0, right: 0, top: 0, height: insets.top * 2, zIndex: 10, pointerEvents: "none"}}
+          maskElement={
+            <LinearGradient
+              colors={["black", "transparent"]}
+              locations={[0.4, 1]}
+              start={{x: 0, y: 0}}
+              end={{x: 0, y: 1}}
+              style={{position: "absolute", left: 0, right: 0, top: 0, bottom: 0}}
+              pointerEvents="none"
+            />
+          }>
+          <BlurView
+            intensity={20}
+            className="absolute inset-0"
+            blurTarget={blurTargetRef}
+            blurMethod="dimezisBlurViewSdk31Plus"
+          />
+        </MaskedView>
+      )
     }
     return (
       <BlurView
@@ -149,6 +174,7 @@ export default function Homepage() {
             contentContainerStyle={{flexGrow: 1}}
             scrollEventThrottle={16}>
             {appSwitcherUi && Platform.OS === "android" && androidBlur && <View style={{paddingTop: insets.top}} />}
+            {appSwitcherUi && Platform.OS === "android" && !androidBlur && <View style={{paddingTop: insets.top}} />}
             <View className="h-4" />
             {renderContent()}
             <View className="h-4" />

mobile/src/app/miniapps/settings/main.tsx

@@ -51,11 +51,13 @@ export default function AccountPage() {
           )}
 
           <Group title={translate("account:appSettings")}>
-            <RouteButton
-              icon={<Icon name="sun" size={24} color={theme.colors.secondary_foreground} />}
-              label={translate("settings:appAppearance")}
-              onPress={() => push("/miniapps/settings/appearance")}
-            />
+            {superMode && (
+              <RouteButton
+                icon={<Icon name="sun" size={24} color={theme.colors.secondary_foreground} />}
+                label={translate("settings:appAppearance")}
+                onPress={() => push("/miniapps/settings/appearance")}
+              />
+            )}
             {(Platform.OS === "android" || superMode) && (
               <RouteButton
                 icon={<Icon name="bell" size={24} color={theme.colors.secondary_foreground} />}

mobile/src/components/home/AppSwitcherButtton.tsx

@@ -168,7 +168,7 @@ export default function AppSwitcherButton({swipeProgress, onGridButtonPress, blu
           />
         )}
 
-        {Platform.OS === "android" && !androidBlur && <View className="flex-1 h-full bg-background" />}
+        {Platform.OS === "android" && !androidBlur && <View className="flex-1 h-full" />}
 
         {Platform.OS === "ios" && (
           <BlurView intensity={70} className="absolute inset-0" blurMethod="dimezisBlurViewSdk31Plus" />

mobile/src/services/asg/gallerySyncService.ts

@@ -1376,6 +1376,7 @@ class GallerySyncService {
                   glassesModel: defaultWearable,
                   shouldProcess: !!shouldProcessImages,
                   shouldAutoSave: !!shouldAutoSave,
+                  thumbnailPath: downloadedFile.thumbnailPath,
                   deleteFromGlasses: [downloadedFile.name],
                 })
               }

mobile/src/services/asg/mediaProcessingQueue.ts

@@ -40,6 +40,8 @@ export interface ProcessingItem {
   shouldProcess: boolean
   /** Whether to auto-save to camera roll */
   shouldAutoSave: boolean
+  /** Pre-downloaded thumbnail path (v1 legacy sync) */
+  thumbnailPath?: string
   /** File names to delete from glasses after processing completes */
   deleteFromGlasses?: string[]
 }
@@ -174,8 +176,8 @@ class MediaProcessingQueue {
       }
     }
 
-    // 4. Save thumbnail to disk
-    let localThumbnailPath: string | undefined
+    // 4. Save thumbnail to disk (or use pre-downloaded thumbnail from v1 sync)
+    let localThumbnailPath: string | undefined = item.thumbnailPath
     if (item.thumbnailData && item.captureDir) {
       try {
         const RNFS = require("@dr.pogodin/react-native-fs")

mobile/src/stores/settings.ts

@@ -1,7 +1,9 @@
+import {Platform} from "react-native"
 import {getTimeZone} from "react-native-localize"
 import {AsyncResult, result as Res, Result} from "typesafe-ts"
 import {create} from "zustand"
 import {subscribeWithSelector} from "zustand/middleware"
+import * as Device from "expo-device"
 
 import restComms from "@/services/RestComms"
 import {storage} from "@/utils/storage"
@@ -40,7 +42,11 @@ export const SETTINGS: Record<string, Setting> = {
   },
   android_blur: {
     key: "android_blur",
-    defaultValue: () => true,
+    defaultValue: () => {
+      if (Platform.OS !== "android") return true
+      const ram = Device.totalMemory
+      return ram ? ram >= 4 * 1024 * 1024 * 1024 : true
+    },
     writable: true,
     saveOnServer: true,
     persist: true,