fix: restore mobile transitions and sonar coverage

.github/workflows/sonarcloud.yml

@@ -28,15 +28,44 @@ jobs:
 
       - name: Merge Coverage Reports
         run: |
-          mkdir -p coverage
-          # Use the web coverage as primary (it has the most source)
-          if [ -f coverage/web/lcov.info ]; then
-            cp coverage/web/lcov.info coverage/lcov.info
-          fi
-          # Append shared coverage if it exists
-          if [ -f coverage/shared/lcov.info ]; then
-            cat coverage/shared/lcov.info >> coverage/lcov.info
-          fi
+          node <<'NODE'
+          const fs = require('fs')
+          const path = require('path')
+
+          const reports = [
+            { file: 'coverage/web/lcov.info', prefix: 'apps/web' },
+            { file: 'coverage/mobile/lcov.info', prefix: 'apps/mobile' },
+            { file: 'coverage/shared/lcov.info', prefix: 'packages/shared' },
+          ]
+
+          const outputPath = path.join('coverage', 'lcov.info')
+          fs.mkdirSync(path.dirname(outputPath), { recursive: true })
+
+          const merged = []
+
+          for (const report of reports) {
+            if (!fs.existsSync(report.file)) continue
+
+            const content = fs.readFileSync(report.file, 'utf8')
+            const lines = content.split(/\r?\n/)
+
+            for (const line of lines) {
+              if (!line.startsWith('SF:')) {
+                merged.push(line)
+                continue
+              }
+
+              const sourceFile = line.slice(3).replace(/\\/g, '/')
+              const normalized = sourceFile.startsWith(report.prefix)
+                ? sourceFile
+                : `${report.prefix}/${sourceFile}`
+
+              merged.push(`SF:${normalized}`)
+            }
+          }
+
+          fs.writeFileSync(outputPath, merged.join('\n'))
+          NODE
 
       - name: SonarCloud Scan
         uses: SonarSource/sonarqube-scan-action@fd88b7d7ccbaefd23d8f36f73b59db7a3d246602 # v6

apps/mobile/app.json

@@ -5,7 +5,7 @@
     "version": "1.0.0",
     "sdkVersion": "54.0.0",
     "orientation": "portrait",
-    "icon": "./assets/icon.png",
+    "icon": "./assets/logo.png",
     "userInterfaceStyle": "automatic",
     "scheme": "orbit",
     "newArchEnabled": true,
@@ -24,7 +24,7 @@
     },
     "android": {
       "adaptiveIcon": {
-        "foregroundImage": "./assets/adaptive-icon.png",
+        "foregroundImage": "./assets/logo.png",
         "backgroundColor": "#07060e"
       },
       "package": "org.useorbit.app",

apps/mobile/app/streak.tsx

@@ -4,7 +4,7 @@
   Text,
   TouchableOpacity,
   StyleSheet,
   SafeAreaView,
   ScrollView,
   Modal,
 } from 'react-native'
@@ -25,7 +25,7 @@
 // Streak Screen
 // ---------------------------------------------------------------------------
 
 export default function StreakScreen() {
   const { t, i18n } = useTranslation()
   const { colors } = useAppTheme()
   const router = useRouter()
@@ -50,7 +50,7 @@
     return ''
   }, [streak, t])
 
   const tier = useMemo(() => {
     if (streak >= 100) return 'legendary'
     if (streak >= 30) return 'intense'
     if (streak >= 7) return 'strong'
@@ -137,7 +137,7 @@
   }
 
   return (
     <SafeAreaView style={styles.safeArea}>
       <ScrollView
         style={styles.container}
         contentContainerStyle={styles.scrollContent}
@@ -273,7 +273,7 @@
                   </Svg>
                   <Text style={styles.freezeTitle}>{t('streakDisplay.freeze.title')}</Text>
                 </View>
-                <Text style={styles.freezeAvailable}>
+                <Text style={styles.freezeAvailable} numberOfLines={2}>
                   {plural(
                     t('streakDisplay.freeze.available', { count: freezesAvailable }),
                     freezesAvailable,
@@ -289,21 +289,21 @@
                   </Svg>
                   <Text style={styles.frozenTodayText}>{t('streakDisplay.freeze.activeToday')}</Text>
                 </View>
               ) : streak > 0 ? (
                 <TouchableOpacity
                   style={[
                     styles.freezeButton,
                     !canFreeze && styles.freezeButtonDisabled,
                   ]}
                   disabled={!canFreeze}
                   onPress={() => setShowConfirm(true)}
                   activeOpacity={0.8}
                 >
                   <Text style={[styles.freezeButtonText, !canFreeze && { color: colors.textMuted }]}>
                     {t('streakDisplay.freeze.activate')}
                   </Text>
                 </TouchableOpacity>
               ) : null}
 
               {/* Already completed today hint */}
               {hasCompletedToday && !isFrozenToday && streak > 0 ? (
@@ -387,7 +387,7 @@
         </View>
       </Modal>
       <StreakFreezeCelebration ref={freezeCelebrationRef} />
     </SafeAreaView>
   )
 }
 
@@ -542,12 +542,31 @@
   // Freeze
   freezeHeaderRow: {
     flexDirection: 'row',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     justifyContent: 'space-between',
+    gap: 12,
+  },
+  freezeIconRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    flex: 1,
+    minWidth: 0,
+  },
+  freezeTitle: {
+    flexShrink: 1,
+    fontSize: 14,
+    fontWeight: '700',
+    color: colors.textPrimary,
+  },
+  freezeAvailable: {
+    flexShrink: 1,
+    maxWidth: '46%',
+    fontSize: 11,
+    lineHeight: 15,
+    color: colors.textMuted,
+    textAlign: 'right',
   },
-  freezeIconRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },
-  freezeTitle: { fontSize: 14, fontWeight: '700', color: colors.textPrimary },
-  freezeAvailable: { fontSize: 12, color: colors.textMuted },
 
   frozenTodayBadge: {
     flexDirection: 'row',

apps/mobile/components/bottom-sheet-modal.tsx

@@ -24,13 +24,13 @@
 // BottomSheetModal -- wrapper around @gorhom/bottom-sheet
 // ---------------------------------------------------------------------------
 
 export function BottomSheetModal({
   open,
   onClose,
   title,
   snapPoints: snapPointsProp,
   children,
 }: BottomSheetModalProps) {
   const { colors } = useAppTheme()
   const styles = useMemo(() => createStyles(colors), [colors])
   const bottomSheetRef = useRef<BottomSheet>(null)
@@ -79,6 +79,7 @@
           snapPoints={snapPoints}
           onChange={handleSheetChanges}
           backdropComponent={renderBackdrop}
+          enableContentPanningGesture={false}
           enablePanDownToClose
           backgroundStyle={styles.background}
           handleIndicatorStyle={styles.handleIndicator}
@@ -130,6 +131,7 @@
     },
     contentContainer: {
       flex: 1,
+      minHeight: 0,
     },
     header: {
       flexDirection: 'row',
@@ -156,6 +158,7 @@
     },
     body: {
       flex: 1,
+      minHeight: 0,
       paddingHorizontal: 20,
       paddingTop: 16,
     },

apps/mobile/components/habits/create-habit-modal.tsx

@@ -4,10 +4,10 @@ import {
   Text,
   TextInput,
   TouchableOpacity,
-  ScrollView,
   ActivityIndicator,
   StyleSheet,
 } from "react-native";
+import { BottomSheetScrollView } from "@gorhom/bottom-sheet";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { Trash2, Plus } from "lucide-react-native";
 import { useTranslation } from "react-i18next";
@@ -268,7 +268,7 @@ export function CreateHabitModal({
       }
       snapPoints={["80%", "95%"]}
     >
-      <ScrollView
+      <BottomSheetScrollView
         style={styles.scroll}
         contentContainerStyle={styles.scrollContent}
         showsVerticalScrollIndicator={false}
@@ -366,7 +366,7 @@ export function CreateHabitModal({
             </Text>
           </TouchableOpacity>
         </View>
-      </ScrollView>
+      </BottomSheetScrollView>
     </BottomSheetModal>
   );
 }

apps/mobile/components/habits/edit-habit-modal.tsx

@@ -3,10 +3,11 @@ import {
   View,
   Text,
   TouchableOpacity,
-  ScrollView,
   ActivityIndicator,
   StyleSheet,
 } from "react-native";
+import { BottomSheetScrollView } from "@gorhom/bottom-sheet";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useTranslation } from "react-i18next";
 import { BottomSheetModal } from "@/components/bottom-sheet-modal";
 import { HabitFormFields } from "./habit-form-fields";
@@ -43,8 +44,9 @@ export function EditHabitModal({
   habit,
 }: Readonly<EditHabitModalProps>) {
   const { t } = useTranslation();
+  const insets = useSafeAreaInsets();
   const { colors } = useAppTheme();
-  const styles = useMemo(() => createStyles(colors), [colors]);
+  const styles = useMemo(() => createStyles(colors, insets.bottom), [colors, insets.bottom]);
   const updateHabit = useUpdateHabit();
   const assignTags = useAssignTags();
 
@@ -178,7 +180,7 @@ export function EditHabitModal({
       title={t("habits.editHabit")}
       snapPoints={["80%", "95%"]}
     >
-      <ScrollView
+      <BottomSheetScrollView
         style={styles.scroll}
         contentContainerStyle={styles.scrollContent}
         showsVerticalScrollIndicator={false}
@@ -236,7 +238,7 @@ export function EditHabitModal({
             </Text>
           </TouchableOpacity>
         </View>
-      </ScrollView>
+      </BottomSheetScrollView>
     </BottomSheetModal>
   );
 }
@@ -245,13 +247,16 @@ export function EditHabitModal({
 // Styles
 // ---------------------------------------------------------------------------
 
-function createStyles(colors: ReturnType<typeof useAppTheme>["colors"]) {
+function createStyles(
+  colors: ReturnType<typeof useAppTheme>["colors"],
+  bottomInset: number,
+) {
   return StyleSheet.create({
     scroll: {
       flex: 1,
     },
     scrollContent: {
-      paddingBottom: 40,
+      paddingBottom: bottomInset + 120,
       gap: 20,
     },
     errorText: {