Release 107 feedback: mobile sync, previews, and Pro cleanup

__tests__/integration/pro/proScreenNoDeviceLicenceShortcut.rendered.test.tsx

@@ -0,0 +1,51 @@
+/**
+ * The Pro pitch has one purchase path and one key-entry path. A second action that offered to use
+ * another device's licence duplicated the Sync journey and made the purchase screen ambiguous.
+ *
+ * This test enters through the real Home screen and real app navigation. Native rendering remains
+ * supplied by the Jest environment, but every Off Grid screen, store action, and route is real.
+ */
+import React from 'react';
+import { fireEvent, render, waitFor } from '@testing-library/react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { AppNavigator } from '../../../src/navigation/AppNavigator';
+import { useAppStore } from '../../../src/stores/appStore';
+import { createDeviceInfo, createDownloadedModel } from '../../utils/factories';
+
+describe('Pro entry from Home', () => {
+  beforeEach(() => {
+    const model = createDownloadedModel();
+    const app = useAppStore.getState();
+
+    // Use the production store actions to restore a returning user's local app state. The behavior
+    // under test starts with their real Home-screen gesture below.
+    app.setOnboardingComplete(true);
+    app.setDeviceInfo(createDeviceInfo());
+    app.setDownloadedModels([model]);
+    app.setActiveModelId(model.id);
+  });
+
+  afterEach(() => {
+    const app = useAppStore.getState();
+    app.setActiveModelId(null);
+    app.setDownloadedModels([]);
+    app.setOnboardingComplete(false);
+  });
+
+  it('opens the Pro screen with its two valid actions and no device-licence shortcut', async () => {
+    const ui = render(
+      <NavigationContainer>
+        <AppNavigator />
+      </NavigationContainer>,
+    );
+
+    fireEvent.press(await ui.findByLabelText('Open Off Grid AI Pro'));
+
+    await waitFor(() => expect(ui.getByText('Off Grid AI Pro')).toBeTruthy());
+    expect(ui.getAllByText('Get Pro').length).toBeGreaterThan(0);
+    expect(ui.getByText('I have a license key')).toBeTruthy();
+    expect(ui.queryByText('Use Pro from another device')).toBeNull();
+
+    ui.unmount();
+  });
+});

__tests__/pro/sync/modelTransfer.integration.test.tsx

@@ -372,6 +372,13 @@ describe('Pro mobile model transfer journey', () => {
     ).resolves.toBe(false);
 
     fireEvent.press(ui.getByLabelText('Back'));
+    const whisperPath = `${modelTransferFsBoundary.DocumentDirectoryPath}/whisper-models/ggml-base.bin`;
+    const whisperBytes = Buffer.alloc(11 * 1024 * 1024);
+    await modelTransferFsBoundary.module.writeFile(
+      whisperPath,
+      whisperBytes.toString('base64'),
+      'base64',
+    );
     fireEvent.press(ui.getByTestId(`sync-send-model-${remoteDevice.id}`));
     await waitFor(() =>
       expect(
@@ -402,14 +409,34 @@ describe('Pro mobile model transfer journey', () => {
         ),
       ).toBeTruthy(),
     );
+    // The same aggregated picker resolves Whisper from its own disk registry and sends the real
+    // package to a Mac. This is the Android/iOS -> macOS route that was absent when transfer queried
+    // only the text-model registry.
+    returnedModel = undefined;
+    returnedFileName = undefined;
+    fireEvent.press(
+      ui.getByTestId('transfer-model-ggerganov/whisper.cpp/base'),
+    );
+    fireEvent.press(ui.getByTestId('send-selected-model'));
+    await waitFor(
+      () =>
+        expect(
+          ui!.getByText(`Whisper Base is available on ${remoteDevice.name}.`),
+        ).toBeTruthy(),
+      // This moves a real 11 MB model through the transport. The full pre-push suite runs other
+      // integration tests at the same time, so allow the transfer to finish under that load.
+      { timeout: 60000 },
+    );
+    expect(returnedFileName).toBe('ggml-base.bin');
+    expect(returnedModel).toEqual(whisperBytes);
     // Not asserted: the sheet's "Sent <file>" progress line. The completion state replaces it, so
     // matching it means catching a moment that has already passed - and the outcome is covered twice
     // over, by the sentence the user reads and by the peer holding the exact bytes.
   });
 
   // A phone whose every model is vision-capable used to be told it had nothing to send: the send side
   // refused any model with an mmproj, while the receiving side had installed those packages all along.
-  it('offers a vision package to a paired device and withholds a runtime that device cannot run', async () => {
+  it('offers vision and Whisper packages to a Mac and withholds a runtime it cannot run', async () => {
     const vision = createVisionModel({
       id: 'google/gemma-4-E2B/gemma-4-E2B-it-Q4_K_M.gguf',
       name: 'Gemma 4 E2B',
@@ -447,18 +474,22 @@ describe('Pro mobile model transfer journey', () => {
         { ...liteRT, filePath: `${modelsDir}/${liteRT.fileName}` },
       ]),
     );
-    const iPhone: DeviceInfo = {
-      id: 'paired-iphone',
-      name: 'iPhone',
-      platform: 'ios',
+    modelTransferFsBoundary.seedFile(
+      `${modelTransferFsBoundary.DocumentDirectoryPath}/whisper-models/ggml-base.bin`,
+      142 * 1024 * 1024,
+    );
+    const mac: DeviceInfo = {
+      id: 'paired-mac',
+      name: 'Mac',
+      platform: 'macos',
       version: '1.0.0',
       host: '192.168.1.20',
       port: 51000,
     };
 
     ui = render(
       <NavigationContainer>
-        <ModelTransferSheet target={iPhone} onClose={() => {}} />
+        <ModelTransferSheet target={mac} onClose={() => {}} />
       </NavigationContainer>,
     );
 
@@ -468,6 +499,11 @@ describe('Pro mobile model transfer journey', () => {
     );
     // LiteRT exists only on Android, so an iPhone is never offered one.
     expect(ui.queryByTestId(`transfer-model-${liteRT.id}`)).toBeNull();
+    // Download Manager and model transfer both discover Whisper from its real disk registry.
+    expect(
+      ui.getByTestId('transfer-model-ggerganov/whisper.cpp/base'),
+    ).toBeTruthy();
+    expect(ui.getByText('Whisper Base')).toBeTruthy();
     // Its size is the whole package, not just the primary file.
     expect(ui.getByText(/4\.5 GB|4\.49 GB/)).toBeTruthy();
   });

__tests__/rntl/screens/HomeScreen.test.tsx

@@ -607,6 +607,27 @@ describe('HomeScreen', () => {
       expect(getByText(/Hi there, how can I help/)).toBeTruthy();
     });
 
+    it('shows a clean enhanced-prompt preview without model protocol', () => {
+      const conv = createConversation({
+        title: 'Draw a dog',
+        messages: [
+          createMessage({ role: 'user', content: 'Draw a dog' }),
+          createMessage({
+            role: 'assistant',
+            content:
+              '<think>__LABEL:Enhanced prompt__\nA sleek black dog in soft morning light.</think>',
+          }),
+        ],
+      });
+      useChatStore.setState({ conversations: [conv] });
+
+      const { getByText, queryByText } = renderHomeScreen();
+      expect(
+        getByText('A sleek black dog in soft morning light.'),
+      ).toBeTruthy();
+      expect(queryByText(/<think>|__LABEL:/)).toBeNull();
+    });
+
     it('shows "You: " prefix for last user message', () => {
       const conv = createConversation({
         title: 'User Preview Test',

__tests__/rntl/screens/ProDetailScreen.test.tsx

@@ -76,8 +76,9 @@ describe('ProDetailScreen', () => {
   });
 
   it('renders the Get Pro call-to-action when the user is not Pro', () => {
-    const { queryAllByText } = render(<ProDetailScreen />);
+    const { queryAllByText, queryByText } = render(<ProDetailScreen />);
     expect(queryAllByText('Get Pro').length).toBeGreaterThan(0);
+    expect(queryByText('Use Pro from another device')).toBeNull();
   });
 
   it('Get Pro opens the web pay page directly without a modal', () => {

src/screens/HomeScreen/hooks/useHomeScreen.ts

@@ -121,6 +121,7 @@ export const useHomeScreen = (navigation: HomeScreenNavigationProp) => {
   } = useRemoteModelHandlers({ activeModelId, setPickerType, setLoadingState, setAlertState });
 
   useEffect(() => {
+    let lanDiscoveryTimer: ReturnType<typeof setTimeout> | null = null;
     const task = InteractionManager.runAfterInteractions(() => {
       loadData();
       if (!hasInitializedNativeSync) {
@@ -146,11 +147,14 @@ export const useHomeScreen = (navigation: HomeScreenNavigationProp) => {
         if (!persistApi?.hasHydrated || persistApi.hasHydrated()) migrateAutoDiscover();
         else persistApi.onFinishHydration?.(migrateAutoDiscover);
         // Delay LAN scan so the home screen is fully rendered and interactive first
-        setTimeout(runLANDiscovery, 3000);
+        lanDiscoveryTimer = setTimeout(runLANDiscovery, 3000);
       }
     });
     isFirstMount.current = false;
-    return () => task.cancel();
+    return () => {
+      task.cancel();
+      if (lanDiscoveryTimer !== null) clearTimeout(lanDiscoveryTimer);
+    };
 
   }, []);
 

src/screens/HomeScreen/index.tsx

@@ -159,6 +159,8 @@ export const HomeScreen: React.FC<HomeScreenProps> = ({ navigation }) => {
                 onPress={() => navigation.navigate('ProDetail')}
                 hitSlop={8}
                 style={styles.crownButton}
+                accessibilityRole="button"
+                accessibilityLabel="Open Off Grid AI Pro"
               >
                 <IconMC name="crown" size={16} color={colors.primary} />
               </TouchableOpacity>

src/screens/ProDetailScreen/index.tsx

@@ -29,7 +29,6 @@ import { ScreenHeader } from '../../components/ScreenHeader';
 import { ProManageSection } from './ProManageSection';
 import { ProIncludedSection } from './ProIncludedSection';
 import { ProUnlockModal } from './ProUnlockModal';
-import { useHasRegisteredScreen } from '../../navigation/screenRegistry';
 import type { RootStackParamList } from '../../navigation/types';
 
 // Off Grid AI Pro is the ambient intelligence layer across desktop + phone, not a
@@ -70,7 +69,6 @@ export const ProDetailScreen: React.FC = () => {
   const hasSavedProCredential = useAppStore(s => s.hasSavedProCredential);
   const isProActive = useAppStore(s => s.isProActive);
   const hasProAccess = useAppStore(selectHasProAccess);
-  const hasSyncBootstrap = useHasRegisteredScreen('Sync');
   const [verifyModalVisible, setVerifyModalVisible] = useState(false);
   const pricing = getPricingCopy();
   const isDevelopmentAccess = __DEV__ && isProActive && !hasSavedProCredential;
@@ -217,14 +215,6 @@ export const ProDetailScreen: React.FC = () => {
               onPress={openVerifyModal}
               style={styles.verifyButton}
             />
-            {hasSyncBootstrap ? (
-              <Button
-                title="Use Pro from another device"
-                variant="secondary"
-                onPress={() => navigation.navigate('Sync')}
-                style={styles.verifyButton}
-              />
-            ) : null}
           </>
         )}