refactor(mobile): finalize portability boundary (#3642)

Co-authored-by: posthog[bot] <206114724+posthog[bot]@users.noreply.github.com>
Co-authored-by: richardsolomou <2622273+richardsolomou@users.noreply.github.com>

Author: richardsolomou

apps/code/snapshots.yml

@@ -544,10 +544,26 @@ snapshots:
         hash: v1.k4693efd2.fdbf0c24cb386c4345279db3e648efe72aa8a2a984d491361522f62074a771c9.2QmRxRMWYFFfBFrbMm0Dm9rWcvd1lfRbc0egfzoESnY
     loops-loopslistview--long-mixed-list--light:
         hash: v1.k4693efd2.aa17d9b6f40fbd3914bd742951db9f90add0bd233c54170803c8483aeb45b43b.yXpqqGczOq1uW5k4Ie7ddNTnne-cFTglZ9cL800pXB4
+    loops-loopslistview--shared-page-header--dark:
+        hash: v1.k4693efd2.14ab860dcb0df51b4019f012288e45f3a2c4c23fa08e809efef8c04b5687fe36.qoMLHprZmV2wON156NBbl3sqP84a4nXgdYm1H6WpTVM
+    loops-loopslistview--shared-page-header--light:
+        hash: v1.k4693efd2.23be5408ff3b4a912a0ce0457af8638124b99a01c88a499d0f4204cee2c62487.dGBP1K08MA2Fvhml-BPl5eFra8U83JXmy04NK9wOQnM
     loops-loopslistview--with-builder-sessions--dark:
         hash: v1.k4693efd2.df4a1a4764e1de7b69905814b09c30d9b43f705f5e66c7ad83829c567d4faa1a.jthufoX_KPbbxScjj3pPBA4lEtT9Ym6zUCH-v1759GM
     loops-loopslistview--with-builder-sessions--light:
         hash: v1.k4693efd2.eb65c38bb0de7efedbc0d7a6c27a6695528e2e6b60949617e7d22335b1e68c8b.fJr9uykvc8S7LI_ASXk5KRqxXCwIqh6ld9zfzs4shP0
+    primitives-pageheader--title-only--dark:
+        hash: v1.k4693efd2.f7f8c560b1e5cf20050189e10fc0f129e555ba672300a7a09bef5827c171a743.yP9Pp_k51agu_9Ri55Y7uCAPBQ1UTeUQJA9U9dPMKfQ
+    primitives-pageheader--title-only--light:
+        hash: v1.k4693efd2.23cc3ecf3368b1afa7c82030bfdf970038cc08f2fc368638793cc2531c192449.TKV1iBYKoxlh2zUHTcn20XcgiSSxnwxl8RMtOtiZulA
+    primitives-pageheader--with-chip-and-actions--dark:
+        hash: v1.k4693efd2.77944f2c03180f0398b569a135a2255da1f4443f5adcb37b34cf3c0bb5600a68.QLDr2Jxc7qZBh3BzoKafcC6uOGKcySrM29MyCNbkClU
+    primitives-pageheader--with-chip-and-actions--light:
+        hash: v1.k4693efd2.43898a2a38227b59fbe8ee7ea768ae9b411dd3069147b33900f893295ddaece5.qMZmk5VbZYivoAvC9L2IoXjhNUKeCrL9R5y9u_1cJ9c
+    primitives-pageheader--with-tabs-and-filters--dark:
+        hash: v1.k4693efd2.499090cdf01f81168a5a827ce5ea98e3e7e92481ec1348aa99cd908b13d011f8.PU0bMVAyZlVLBJ_1jzlaDQ_IEnkkNhg6sDQ_Qqv3TSg
+    primitives-pageheader--with-tabs-and-filters--light:
+        hash: v1.k4693efd2.f0fd2447dd5730b62ca844dbcad158cffec22dc4c1eb7cab3ed012d207eaa401.BVQgU-A9LPUC10qrDgIs2shYu9cl7FAwnFcUfE5BkSM
     scouts-scoutsfleetlist--filtered-to-you--dark:
         hash: v1.k4693efd2.a3af6e76ef36598eaa347bedc4430878ed62754660166398e0576a9978cd084b.x3Ky-O6HOw0srWdOmnnKJwFNpmGmQVWip0t7CwVaRXY
     scouts-scoutsfleetlist--filtered-to-you--light:

apps/mobile/app.json

@@ -5,15 +5,8 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "userInterfaceStyle": "automatic",
-    "newArchEnabled": true,
-    "bundler": "metro",
     "scheme": "posthog",
     "icon": "./assets/app-icon.png",
-    "splash": {
-      "image": "./assets/splash-icon.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#0f0f0f"
-    },
     "ios": {
       "icon": "./assets/app.icon",
       "supportsTablet": true,
@@ -33,7 +26,6 @@
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#FFFFFF"
       },
-      "edgeToEdgeEnabled": true,
       "predictiveBackGestureEnabled": false,
       "package": "com.posthog.code.mobile",
       "permissions": [
@@ -60,12 +52,7 @@
     },
     "plugins": [
       "expo-router",
-      [
-        "expo-av",
-        {
-          "microphonePermission": "Allow PostHog to use your microphone for voice-to-text input"
-        }
-      ],
+      "expo-audio",
       [
         "expo-camera",
         {
@@ -120,7 +107,18 @@
           "microphonePermission": "Allow PostHog to use your microphone for voice-to-text input",
           "speechRecognitionPermission": "Allow PostHog to transcribe your voice input on-device"
         }
-      ]
+      ],
+      "expo-secure-store",
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/splash-icon.png",
+          "resizeMode": "contain",
+          "backgroundColor": "#0f0f0f"
+        }
+      ],
+      "expo-status-bar",
+      "expo-web-browser"
     ],
     "extra": {
       "router": {},

apps/mobile/package.json

@@ -23,8 +23,25 @@
     "format": "biome format --write .",
     "clean": "node ../../scripts/rimraf.mjs .turbo .expo"
   },
+  "expo": {
+    "doctor": {
+      "reactNativeDirectoryCheck": {
+        "exclude": [
+          "posthog-react-native-session-replay"
+        ]
+      }
+    },
+    "install": {
+      "exclude": [
+        "react",
+        "react-dom",
+        "typescript"
+      ]
+    }
+  },
   "dependencies": {
-    "@expo/ui": "0.2.0-beta.9",
+    "@expo/metro-runtime": "~57.0.7",
+    "@expo/ui": "57.0.7",
     "@modelcontextprotocol/ext-apps": "^1.2.2",
     "@modelcontextprotocol/sdk": "^1.29.0",
     "@posthog/api-client": "workspace:*",
@@ -34,47 +51,49 @@
     "@react-native-community/netinfo": "^12.0.1",
     "@tanstack/react-query": "^5.90.12",
     "date-fns": "^4.1.0",
-    "expo": "~54.0.27",
-    "expo-application": "~7.0.8",
-    "expo-auth-session": "^7.0.10",
-    "expo-av": "~16.0.8",
-    "expo-camera": "^55.0.15",
-    "expo-clipboard": "^55.0.13",
-    "expo-constants": "~18.0.11",
-    "expo-crypto": "^15.0.8",
-    "expo-dev-client": "~6.0.20",
-    "expo-device": "~8.0.10",
-    "expo-document-picker": "~14.0.8",
-    "expo-file-system": "~19.0.21",
-    "expo-font": "^14.0.10",
-    "expo-glass-effect": "~0.1.8",
-    "expo-haptics": "^55.0.14",
-    "expo-image-picker": "~17.0.11",
-    "expo-linear-gradient": "^15.0.8",
-    "expo-linking": "~8.0.10",
-    "expo-localization": "~17.0.8",
-    "expo-notifications": "~0.32.12",
-    "expo-router": "~6.0.17",
-    "expo-secure-store": "^15.0.8",
-    "expo-speech-recognition": "^3.1.2",
-    "expo-splash-screen": "~31.0.12",
-    "expo-status-bar": "~3.0.9",
-    "expo-system-ui": "~6.0.9",
-    "expo-web-browser": "^15.0.10",
+    "expo": "~57.0.8",
+    "expo-application": "~57.0.2",
+    "expo-audio": "~57.0.3",
+    "expo-auth-session": "^57.0.5",
+    "expo-camera": "^57.0.3",
+    "expo-clipboard": "^57.0.1",
+    "expo-constants": "~57.0.7",
+    "expo-crypto": "^57.0.1",
+    "expo-dev-client": "~57.0.9",
+    "expo-device": "~57.0.1",
+    "expo-document-picker": "~57.0.1",
+    "expo-file-system": "~57.0.1",
+    "expo-font": "^57.0.1",
+    "expo-glass-effect": "~57.0.1",
+    "expo-haptics": "^57.0.1",
+    "expo-image-picker": "~57.0.6",
+    "expo-linear-gradient": "^57.0.1",
+    "expo-linking": "~57.0.4",
+    "expo-localization": "~57.0.1",
+    "expo-notifications": "~57.0.7",
+    "expo-router": "~57.0.8",
+    "expo-secure-store": "^57.0.1",
+    "expo-speech-recognition": "^56.0.1",
+    "expo-splash-screen": "~57.0.5",
+    "expo-status-bar": "~57.0.1",
+    "expo-system-ui": "~57.0.1",
+    "expo-web-browser": "^57.0.2",
     "highlight.js": "^11.11.1",
     "nativewind": "^4.2.1",
     "phosphor-react-native": "^3.0.2",
     "posthog-react-native": "^4.18.0",
     "posthog-react-native-session-replay": "^1.6.0",
-    "react": "19.2.6",
-    "react-native": "0.81.5",
-    "react-native-keyboard-controller": "1.18.5",
-    "react-native-reanimated": "~4.1.1",
-    "react-native-safe-area-context": "~5.6.2",
-    "react-native-screens": "~4.16.0",
-    "react-native-svg": "^15.15.1",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "react-native": "0.86.0",
+    "react-native-keyboard-controller": "1.21.9",
+    "react-native-reanimated": "~4.5.0",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-screens": "~4.26.2",
+    "react-native-svg": "^15.15.4",
     "react-native-web": "^0.21.2",
-    "react-native-webview": "^13.13.5",
+    "react-native-webview": "^13.16.1",
+    "react-native-worklets": "0.10.0",
     "zustand": "^4.5.7"
   },
   "devDependencies": {
@@ -83,7 +102,7 @@
     "@types/react-test-renderer": "^19.1.0",
     "@vitejs/plugin-react": "^4.7.0",
     "react-native-svg-transformer": "^1.5.3",
-    "react-test-renderer": "^19.2.6",
+    "react-test-renderer": "19.2.6",
     "tailwindcss": "^3.4.18",
     "typescript": "~5.9.2",
     "vite": "^6.4.1",

apps/mobile/src/app/(tabs)/inbox.tsx

@@ -71,6 +71,7 @@ export default function InboxScreen() {
         visibleReports: reports,
         totalCount,
         filters: {
+          surface: "mobile",
           sourceProductFilter,
           statusFilter,
           suggestedReviewerFilter,

apps/mobile/src/app/mcp-servers/installation/[id].tsx

@@ -1,6 +1,5 @@
 import { Text } from "@components/text";
 import type { McpApprovalState } from "@posthog/api-client/types";
-import { isStdioMcpServer } from "@posthog/core/mcp-servers/presentation";
 import { router, useLocalSearchParams } from "expo-router";
 import {
   ArrowsClockwise,
@@ -29,6 +28,7 @@ import {
   useUpdateMcpToolApproval,
 } from "@/features/mcp/hooks";
 import { reauthorizeInstallation } from "@/features/mcp/oauth";
+import { isStdioMcpServer } from "@/features/mcp/presentation";
 import { getMcpConnectionManager } from "@/features/mcp/service";
 import { useScreenInsets } from "@/hooks/useScreenInsets";
 import { logger } from "@/lib/logger";

apps/mobile/src/app/mcp-servers/template/[id].tsx

@@ -1,5 +1,4 @@
 import { Text } from "@components/text";
-import { isStdioMcpServer } from "@posthog/core/mcp-servers/presentation";
 import { router, useLocalSearchParams } from "expo-router";
 import { Lock, Warning } from "phosphor-react-native";
 import { useMemo, useState } from "react";
@@ -18,6 +17,7 @@ import {
   useMcpMarketplace,
 } from "@/features/mcp/hooks";
 import { installTemplateWithOAuth } from "@/features/mcp/oauth";
+import { isStdioMcpServer } from "@/features/mcp/presentation";
 import { useScreenInsets } from "@/hooks/useScreenInsets";
 import { logger } from "@/lib/logger";
 import { openExternalUrl } from "@/lib/openExternalUrl";

apps/mobile/src/app/task/index.tsx

@@ -3,6 +3,7 @@ import {
   DEFAULT_CLAUDE_EXECUTION_MODE,
   getAvailableModes,
 } from "@posthog/core/sessions/executionModes";
+import { resolveCloudComposerModelChange } from "@posthog/core/task-detail/composerModelPolicy";
 import {
   DEFAULT_GATEWAY_MODEL,
   DEFAULT_REASONING_EFFORT,
@@ -56,10 +57,10 @@ import {
 import type { PendingAttachment } from "@/features/tasks/composer/attachments/types";
 import { DotBackground } from "@/features/tasks/composer/DotBackground";
 import {
-  getMobileModelOptions,
+  getComposerModelOptions,
+  getConfigOptionLabel,
+  getMobileExecutionModes,
   getModelConfigOption,
-  getModelLabel,
-  resolveAvailableModel,
 } from "@/features/tasks/composer/options";
 import { Pill } from "@/features/tasks/composer/Pill";
 import { RepositoryPickerInline } from "@/features/tasks/composer/RepositoryPickerInline";
@@ -88,7 +89,7 @@ import { getPostHogApiClient } from "@/lib/posthogApiClient";
 import { toRgba, useThemeColors } from "@/lib/theme";
 
 const log = logger.scope("task-create");
-const EXECUTION_MODES = getAvailableModes();
+const EXECUTION_MODES = getMobileExecutionModes(getAvailableModes());
 
 const SUGGESTIONS = [
   "Create or update my CLAUDE.md file",
@@ -129,9 +130,10 @@ export default function NewTaskScreen() {
   const { insets, bottom } = useScreenInsets();
   const keyboard = useReanimatedKeyboardAnimation();
   const restingBottom = bottom("compact");
-  const { configOptions, hasLiveConfig } = useCloudTaskConfigOptions("claude");
+  const { configOptions, hasLiveConfig, isConfigReady } =
+    useCloudTaskConfigOptions("claude");
   const modelConfigOption = getModelConfigOption(configOptions);
-  const mobileModelOptions = getMobileModelOptions(modelConfigOption);
+  const mobileModelOptions = getComposerModelOptions(modelConfigOption);
   const {
     error,
     hasGithubIntegration,
@@ -214,12 +216,14 @@ export default function NewTaskScreen() {
 
   useEffect(() => {
     if (!hasLiveConfig) return;
-    const availableModel = resolveAvailableModel(modelConfigOption, model);
-    if (availableModel === model) return;
-    setModel(availableModel);
-    if (!isSupportedReasoningEffort("claude", availableModel, reasoning)) {
-      setReasoning(DEFAULT_REASONING_EFFORT);
-    }
+    const next = resolveCloudComposerModelChange({
+      adapter: "claude",
+      modelOption: modelConfigOption,
+      requestedModel: model,
+      reasoning,
+    });
+    if (next.model !== model) setModel(next.model);
+    if (next.reasoning !== reasoning) setReasoning(next.reasoning);
   }, [hasLiveConfig, model, modelConfigOption, reasoning]);
   const [creating, setCreating] = useState(false);
   const [repoSheetOpen, setRepoSheetOpen] = useState(false);
@@ -411,7 +415,7 @@ export default function NewTaskScreen() {
 
   const hasContent = !!prompt.trim() || attachments.length > 0;
   const canSubmit =
-    hasLiveConfig &&
+    isConfigReady &&
     hasContent &&
     isRepositorySelectionComplete(selection) &&
     !creating;
@@ -424,7 +428,7 @@ export default function NewTaskScreen() {
   useWarmTask({
     repository: selection.repository,
     githubIntegrationId: selection.integrationId,
-    composerIsEmpty: !hasContent || !hasLiveConfig,
+    composerIsEmpty: !hasContent || !isConfigReady,
     runtimeAdapter: "claude",
     model,
     reasoningEffort: showReasoningPill ? reasoning : null,
@@ -649,7 +653,12 @@ export default function NewTaskScreen() {
 
                     <Pill
                       icon={<Robot size={14} color={themeColors.gray[11]} />}
-                      label={getModelLabel(modelConfigOption, model)}
+                      label={
+                        getConfigOptionLabel(
+                          modelConfigOption.options,
+                          model,
+                        ) ?? model
+                      }
                       onPress={() => setModelSheetOpen(true)}
                     />
 
@@ -769,10 +778,14 @@ export default function NewTaskScreen() {
         title="Model"
         value={model}
         onChange={(value) => {
-          setModel(value);
-          if (!isSupportedReasoningEffort("claude", value, reasoning)) {
-            setReasoning(DEFAULT_REASONING_EFFORT);
-          }
+          const next = resolveCloudComposerModelChange({
+            adapter: "claude",
+            modelOption: modelConfigOption,
+            requestedModel: value,
+            reasoning,
+          });
+          setModel(next.model);
+          setReasoning(next.reasoning);
         }}
         onClose={() => setModelSheetOpen(false)}
         options={mobileModelOptions.map((modelOption) => ({

apps/mobile/src/features/inbox/activityLog.test.ts

@@ -1,12 +1,14 @@
 import {
   attributionLabel,
-  parseDiffLines,
-  selectActivityArtefacts,
-  shortSha,
   taskRunLabel,
 } from "@posthog/core/inbox/activityLog";
 import type { AnySignalReportArtefact } from "@posthog/shared/domain-types";
 import { describe, expect, it } from "vitest";
+import {
+  parseDiffLines,
+  selectActivityArtefacts,
+  shortSha,
+} from "./activityLog";
 
 function commit(id: string, createdAt: string): AnySignalReportArtefact {
   return {