Beta-ready: modo competição + rename Cockpit + 8 fixes de UI

app.config.js

@@ -22,7 +22,7 @@ const mapboxDownloadsToken = process.env.MAPBOX_DOWNLOADS_TOKEN ?? '';
 
 module.exports = {
   expo: {
-    name: 'Copilot',
+    name: 'Cockpit',
     slug: 'kartlap',
     version: '0.1.0',
     orientation: 'default',
@@ -31,23 +31,27 @@ module.exports = {
     newArchEnabled: true,
     ios: {
       supportsTablet: false,
-      package: 'com.cortextech.copilot',
+      package: 'com.cortextech.cockpit',
       infoPlist: {
+        // Export compliance — app só usa HTTPS via system TLS + Keychain.
+        // Nenhuma crypto custom ou lib extra. Diz pra Apple não perguntar
+        // a cada build.
+        ITSAppUsesNonExemptEncryption: false,
         UIBackgroundModes: ['location', 'location'],
         NSLocationWhenInUseUsageDescription:
-          'O KartLap usa sua localização para gravar a trajetória na pista.',
+          'O Cockpit usa sua localização para gravar a trajetória na pista.',
         NSLocationAlwaysAndWhenInUseUsageDescription:
-          'O KartLap precisa da localização em segundo plano para continuar gravando quando a tela estiver apagada.',
+          'O Cockpit precisa da localização em segundo plano para continuar gravando quando a tela estiver apagada.',
         NSMotionUsageDescription:
-          'O KartLap usa sensores de movimento para melhorar a precisão da trajetória.',
+          'O Cockpit usa sensores de movimento para melhorar a precisão da trajetória.',
         NSPhotoLibraryUsageDescription:
           'Selecione uma foto da galeria para usar no seu perfil.',
         NSCameraUsageDescription: 'Tire uma foto para usar no seu perfil.',
       },
-      bundleIdentifier: 'com.cortextech.copilot',
+      bundleIdentifier: 'com.cortextech.cockpit',
     },
     android: {
-      package: 'com.cortextech.copilot',
+      package: 'com.cortextech.cockpit',
       permissions: [
         'ACCESS_FINE_LOCATION',
         'ACCESS_COARSE_LOCATION',
@@ -76,7 +80,7 @@ module.exports = {
         'expo-location',
         {
           locationAlwaysAndWhenInUsePermission:
-            'O KartLap precisa da localização em segundo plano para gravar a volta completa.',
+            'O Cockpit precisa da localização em segundo plano para gravar a volta completa.',
           isIosBackgroundLocationEnabled: true,
           isAndroidBackgroundLocationEnabled: true,
           isAndroidForegroundServiceEnabled: true,

app/(tabs)/index.tsx

@@ -1,8 +1,14 @@
 import { useCallback, useState } from 'react';
-import { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { ActivityIndicator, Alert, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
 import { useFocusEffect, useRouter } from 'expo-router';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { listSessions, Session, getLapsForSession } from '../../src/storage/db';
+import {
+  loadRecoverySnapshot,
+  recoverSnapshotToSession,
+  clearRecoverySnapshot,
+  type RecoverySnapshot,
+} from '../../src/storage/recovery';
 import { getProfile, PilotProfile } from '../../src/storage/profile';
 import { findTrackById } from '../../src/data/tracks';
 import { TrackSilhouette } from '../../src/components/TrackSilhouette';
@@ -52,10 +58,19 @@ export default function Home() {
   const insets = useSafeAreaInsets();
   const [profile, setProfile] = useState<PilotProfile | null>(null);
   const [sessions, setSessions] = useState<SessionWithStats[]>([]);
+  // Snapshot de recuperação anti-crash — não-null = sessão anterior foi
+  // interrompida (crash/SO) sem encerrar. Mostra banner pra recuperar.
+  const [recovery, setRecovery] = useState<RecoverySnapshot | null>(null);
+  const [recovering, setRecovering] = useState(false);
 
   const load = useCallback(async () => {
-    const [prof, list] = await Promise.all([getProfile(), listSessions()]);
+    const [prof, list, recoverySnap] = await Promise.all([
+      getProfile(),
+      listSessions(),
+      loadRecoverySnapshot(),
+    ]);
     setProfile(prof);
+    setRecovery(recoverySnap);
     const enriched = await Promise.all(
       list.map(async (sess) => {
         const laps = await getLapsForSession(sess.id);
@@ -70,6 +85,46 @@ export default function Home() {
 
   useFocusEffect(useCallback(() => { load(); }, [load]));
 
+  const handleRecover = async () => {
+    if (!recovery || recovering) return;
+    setRecovering(true);
+    try {
+      const sessionId = await recoverSnapshotToSession(recovery);
+      setRecovery(null);
+      if (sessionId) {
+        await load();
+        router.push(`/session/${sessionId}` as any);
+      } else {
+        Alert.alert(
+          'Nada pra recuperar',
+          'A sessão interrompida não tinha voltas completas o suficiente.'
+        );
+      }
+    } catch (e: any) {
+      Alert.alert('Erro', e?.message ?? 'Falha ao recuperar a sessão.');
+    } finally {
+      setRecovering(false);
+    }
+  };
+
+  const handleDiscardRecovery = () => {
+    Alert.alert(
+      'Descartar sessão interrompida?',
+      'Os dados gravados serão perdidos pra sempre.',
+      [
+        { text: 'Manter', style: 'cancel' },
+        {
+          text: 'Descartar',
+          style: 'destructive',
+          onPress: async () => {
+            await clearRecoverySnapshot();
+            setRecovery(null);
+          },
+        },
+      ]
+    );
+  };
+
   const firstName = profile?.name?.split(' ')[0] ?? '';
   const greeting = greetingFor(new Date().getHours());
 
@@ -118,6 +173,47 @@ export default function Home() {
           </Pressable>
         </View>
 
+        {/* Banner de recuperação anti-crash — só aparece se a última sessão
+          * foi interrompida sem encerrar (crash/SO/bateria). */}
+        {recovery && (
+          <View style={s.recoveryBanner}>
+            <View style={{ flex: 1 }}>
+              <Text style={s.recoveryTitle}>Sessão interrompida</Text>
+              <Text style={s.recoverySub}>
+                {recovery.trackName} ·{' '}
+                {new Date(recovery.startedAt).toLocaleString('pt-BR', {
+                  day: '2-digit',
+                  month: '2-digit',
+                  hour: '2-digit',
+                  minute: '2-digit',
+                })}
+                {' · '}
+                {recovery.samples.length} pontos não salvos
+              </Text>
+              <View style={s.recoveryActions}>
+                <Pressable
+                  onPress={handleRecover}
+                  disabled={recovering}
+                  style={s.recoveryBtn}
+                >
+                  {recovering ? (
+                    <ActivityIndicator color={colors.textOnPrimary} size="small" />
+                  ) : (
+                    <Text style={s.recoveryBtnTxt}>Recuperar</Text>
+                  )}
+                </Pressable>
+                <Pressable
+                  onPress={handleDiscardRecovery}
+                  disabled={recovering}
+                  style={s.recoveryDiscard}
+                >
+                  <Text style={s.recoveryDiscardTxt}>Descartar</Text>
+                </Pressable>
+              </View>
+            </View>
+          </View>
+        )}
+
         {/* Citação Senna — destaque emocional, troca a cada abertura */}
         <View style={{ marginTop: spacing.l }}>
           <SennaQuoteCard />
@@ -238,6 +334,54 @@ function LastSessionSilhouette({ sessionId }: { sessionId: string }) {
 
 const s = StyleSheet.create({
   root: { flex: 1, backgroundColor: colors.bg },
+  recoveryBanner: {
+    flexDirection: 'row',
+    marginTop: spacing.l,
+    padding: spacing.m,
+    borderRadius: 14,
+    backgroundColor: colors.warning + '14',
+    borderWidth: 1,
+    borderColor: colors.warning + '55',
+  },
+  recoveryTitle: {
+    color: colors.warning,
+    fontSize: 14,
+    fontWeight: '800',
+  },
+  recoverySub: {
+    color: colors.textSecondary,
+    fontSize: 12,
+    marginTop: 3,
+    lineHeight: 17,
+  },
+  recoveryActions: {
+    flexDirection: 'row',
+    gap: spacing.s,
+    marginTop: spacing.m,
+  },
+  recoveryBtn: {
+    backgroundColor: colors.warning,
+    paddingHorizontal: spacing.l,
+    paddingVertical: 8,
+    borderRadius: 10,
+    minWidth: 110,
+    alignItems: 'center',
+  },
+  recoveryBtnTxt: {
+    color: colors.textOnPrimary,
+    fontSize: 13,
+    fontWeight: '800',
+  },
+  recoveryDiscard: {
+    paddingHorizontal: spacing.m,
+    paddingVertical: 8,
+    borderRadius: 10,
+  },
+  recoveryDiscardTxt: {
+    color: colors.textMuted,
+    fontSize: 13,
+    fontWeight: '600',
+  },
 
   headerRow: {
     flexDirection: 'row',

app/(tabs)/insights.tsx

@@ -116,9 +116,14 @@ function TrendsTab() {
 
   const load = useCallback(async () => {
     setLoading(true);
-    const result = await computeSmartInsights({ window: 3 });
-    setBundle(result);
-    setLoading(false);
+    try {
+      const result = await computeSmartInsights({ window: 3 });
+      setBundle(result);
+    } catch {
+      setBundle(null);
+    } finally {
+      setLoading(false);
+    }
   }, []);
 
   useFocusEffect(useCallback(() => { load(); }, [load]));

app/_layout.tsx

@@ -12,6 +12,9 @@ import {
   useFonts,
 } from '@expo-google-fonts/playfair-display';
 import { getProfile } from '../src/storage/profile';
+import { listCustomTracks } from '../src/storage/db';
+import { setCustomTracksCache } from '../src/data/tracks';
+import { syncAllSessions } from '../src/lib/sessionSync';
 import { SplashLoader } from '../src/components/SplashLoader';
 import { colors } from '../src/theme';
 
@@ -94,6 +97,18 @@ export default function RootLayout() {
     (async () => {
       try {
         await getProfile();
+        // Hidrata o cache de pistas custom — findTrackById/getAllTracks
+        // precisam disso sync em várias telas. Falha silenciosa: se o DB
+        // não responder, só não mostra custom tracks (hardcoded seguem).
+        try {
+          const customTracks = await listCustomTracks();
+          setCustomTracksCache(customTracks);
+        } catch {
+          /* segue sem custom tracks */
+        }
+        // Backfill de sync na nuvem — sobe sessões locais ainda não
+        // sincronizadas (idempotente). Background, não bloqueia boot.
+        syncAllSessions().catch(() => {});
       } finally {
         setProfileReady(true);
       }

app/career.tsx

@@ -58,10 +58,11 @@ export default function CareerScreen() {
 
   const load = useCallback(async () => {
     setLoading(true);
+    try {
     const [state, unlocked, sessions] = await Promise.all([
-      getGamificationState(),
-      listUnlockedAchievements(),
-      listSessions(),
+      getGamificationState().catch(() => ({ xp: 0 } as any)),
+      listUnlockedAchievements().catch(() => []),
+      listSessions().catch(() => []),
     ]);
     const unlockedIds = new Set(unlocked.map((u) => u.achievementId));
     const currentLevel = levelForXp(state.xp);
@@ -100,7 +101,9 @@ export default function CareerScreen() {
       achievements: unlocked.length,
       totalAchievements: ACHIEVEMENTS.length,
     });
-    setLoading(false);
+    } finally {
+      setLoading(false);
+    }
 
     // Trigger anim
     reveal.value = 0;

app/challenges.tsx

@@ -35,15 +35,18 @@ export default function ChallengesScreen() {
 
   const load = useCallback(async () => {
     setLoading(true);
-    // Refresh primeiro pra refletir sessões recentes do dia
-    await refreshTodayChallenges();
-    const [cs, st] = await Promise.all([
-      getChallengesForToday(),
-      countChallengeStreak(),
-    ]);
-    setChallenges(cs);
-    setStreak(st);
-    setLoading(false);
+    try {
+      // Refresh primeiro pra refletir sessões recentes do dia
+      await refreshTodayChallenges().catch(() => {});
+      const [cs, st] = await Promise.all([
+        getChallengesForToday().catch(() => []),
+        countChallengeStreak().catch(() => 0),
+      ]);
+      setChallenges(cs);
+      setStreak(st);
+    } finally {
+      setLoading(false);
+    }
   }, []);
 
   useFocusEffect(useCallback(() => { load(); }, [load]));

app/leaderboard.tsx

@@ -41,9 +41,14 @@ export default function LeaderboardScreen() {
       return;
     }
     setLoading(true);
-    const data = await fetchLeaderboard(trackId, layoutId ?? null, 20);
-    setEntries(data);
-    setLoading(false);
+    try {
+      const data = await fetchLeaderboard(trackId, layoutId ?? null, 20);
+      setEntries(data);
+    } catch {
+      setEntries([]);
+    } finally {
+      setLoading(false);
+    }
     reveal.value = 0;
     reveal.value = withTiming(1, {
       duration: 1400,