Fix mobile legend anchor under automatic iOS insets

.github/workflows/mobile-eas-production.yml

@@ -0,0 +1,110 @@
+name: Mobile EAS Production
+
+# Production builds and OTA updates run from CI (Linux) — never from a laptop.
+# Under the fingerprint runtime-version policy the fingerprint must be computed
+# in the same OS/pnpm as the EAS build; a macOS `eas build` computes a different
+# fingerprint (platform-specific deps + pnpm version) and errors. On this Linux
+# runner, with corepack pinning pnpm 10.24 in eas.json, local == build.
+on:
+  workflow_dispatch:
+    inputs:
+      mode:
+        description: "build (+ auto-submit to TestFlight) or update (OTA)"
+        required: true
+        type: choice
+        default: build
+        options:
+          - build
+          - update
+      platform:
+        description: "Target platform"
+        required: true
+        type: choice
+        default: ios
+        options:
+          - ios
+          - android
+          - all
+      message:
+        description: "OTA update message (mode=update only)"
+        required: false
+        type: string
+
+jobs:
+  production:
+    name: EAS Production ${{ inputs.mode }}
+    runs-on: blacksmith-8vcpu-ubuntu-2404
+    permissions:
+      contents: read
+    env:
+      APP_VARIANT: production
+      NODE_OPTIONS: --max-old-space-size=8192
+    steps:
+      - id: expo-token
+        name: Check for EXPO_TOKEN
+        env:
+          EXPO_TOKEN: ${{ secrets.EXPO_TOKEN }}
+        run: |
+          if [ -n "$EXPO_TOKEN" ]; then
+            echo "present=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "present=false" >> "$GITHUB_OUTPUT"
+            echo "EXPO_TOKEN is not available; skipping EAS production job."
+          fi
+
+      - name: Checkout
+        if: steps.expo-token.outputs.present == 'true'
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+
+      - name: Setup Vite+
+        if: steps.expo-token.outputs.present == 'true'
+        uses: voidzero-dev/setup-vp@v1
+        with:
+          node-version-file: package.json
+          cache: true
+          run-install: true
+
+      - name: Expose pnpm
+        if: steps.expo-token.outputs.present == 'true'
+        run: |
+          pnpm_version="$(node --print "require('./package.json').packageManager.split('@').pop()")"
+          vp_pnpm_bin="$HOME/.vite-plus/package_manager/pnpm/$pnpm_version/pnpm/bin"
+          echo "$vp_pnpm_bin" >> "$GITHUB_PATH"
+          "$vp_pnpm_bin/pnpm" --version
+
+      - name: Setup EAS
+        if: steps.expo-token.outputs.present == 'true'
+        uses: expo/expo-github-action@v8
+        with:
+          eas-version: latest
+          token: ${{ secrets.EXPO_TOKEN }}
+          packager: pnpm
+
+      - name: Pull production environment variables
+        if: steps.expo-token.outputs.present == 'true'
+        working-directory: apps/mobile
+        env:
+          EXPO_TOKEN: ${{ secrets.EXPO_TOKEN }}
+        run: eas env:pull production --non-interactive
+
+      - name: Build and submit
+        if: steps.expo-token.outputs.present == 'true' && inputs.mode == 'build'
+        working-directory: apps/mobile
+        env:
+          EXPO_TOKEN: ${{ secrets.EXPO_TOKEN }}
+        run: eas build --platform ${{ inputs.platform }} --profile production --auto-submit --non-interactive --no-wait
+
+      - name: Publish OTA update
+        if: steps.expo-token.outputs.present == 'true' && inputs.mode == 'update'
+        working-directory: apps/mobile
+        env:
+          EXPO_TOKEN: ${{ secrets.EXPO_TOKEN }}
+        run: |
+          eas update \
+            --channel production \
+            --environment production \
+            --platform ${{ inputs.platform }} \
+            --message "${{ inputs.message || format('Production OTA ({0})', github.sha) }}" \
+            --non-interactive

apps/mobile/app.config.ts

@@ -66,7 +66,11 @@ const config: ExpoConfig = {
   scheme: variant.scheme,
   version: "0.1.0",
   runtimeVersion: {
-    policy: process.env.MOBILE_VERSION_POLICY ?? "appVersion",
+    // Fingerprint (not appVersion) so an OTA only reaches binaries whose native
+    // project — native deps, config plugins, AND patches/ — matches the update.
+    // With appVersion, every 0.1.0 build shares a runtime version, so a JS update
+    // could land on a binary missing the native changes it needs and crash.
+    policy: process.env.MOBILE_VERSION_POLICY ?? "fingerprint",
   },
   orientation: "portrait",
   icon: "./assets/icon.png",

apps/mobile/eas.json

@@ -6,6 +6,7 @@
   },
   "build": {
     "development": {
+      "corepack": true,
       "env": {
         "APP_VARIANT": "development"
       },
@@ -14,6 +15,7 @@
       "distribution": "internal"
     },
     "preview": {
+      "corepack": true,
       "env": {
         "APP_VARIANT": "preview"
       },
@@ -22,6 +24,7 @@
       "distribution": "internal"
     },
     "preview:dev": {
+      "corepack": true,
       "env": {
         "APP_VARIANT": "preview",
         "MOBILE_VERSION_POLICY": "fingerprint"
@@ -35,6 +38,7 @@
       }
     },
     "production": {
+      "corepack": true,
       "env": {
         "APP_VARIANT": "production"
       },
@@ -46,7 +50,10 @@
   "submit": {
     "production": {
       "ios": {
-        "ascAppId": "6761315631"
+        "ascAppId": "6787819824"
+      },
+      "android": {
+        "track": "internal"
       }
     }
   }

apps/mobile/src/features/settings/SettingsRouteScreen.tsx

@@ -1,5 +1,7 @@
 import { useAuth, useUser } from "@clerk/expo";
+import Constants from "expo-constants";
 import * as Notifications from "expo-notifications";
+import * as Updates from "expo-updates";
 import { useNavigation } from "@react-navigation/native";
 import { NativeStackScreenOptions } from "../../native/StackHeader";
 import { SymbolView } from "expo-symbols";
@@ -422,6 +424,23 @@ function ConfiguredSettingsRouteScreen() {
 function AppSettingsSection() {
   const icon = useThemeColor("--color-icon");
 
+  const version = Constants.expoConfig?.version ?? "0.0.0";
+  // Fall back to "production" to match resolveAppVariant in app.config.ts, so a
+  // missing variant never mislabels a production build as development.
+  const variant = (Constants.expoConfig?.extra?.appVariant as string | undefined) ?? "production";
+  const variantLabel = variant === "production" ? "" : capitalize(variant);
+  const versionLabel = variantLabel ? `${version} · ${variantLabel}` : version;
+  // Which JS is actually running: the bundle shipped in the binary, or an OTA
+  // update downloaded on top of it. Surfacing this makes "am I even on the
+  // right build?" answerable at a glance.
+  const bundleLabel = Updates.isEnabled
+    ? Updates.isEmbeddedLaunch
+      ? "Embedded"
+      : Updates.updateId
+        ? `OTA ${Updates.updateId.slice(0, 7)}`
+        : null
+    : null;
+
   return (
     <SettingsSection title="App">
       <View className="flex-row items-center gap-4 p-4">
@@ -433,12 +452,21 @@ function AppSettingsSection() {
           weight="regular"
         />
         <Text className="flex-1 text-lg text-foreground">Version</Text>
-        <Text className="text-lg text-foreground-muted">Alpha</Text>
+        <View className="items-end">
+          <Text className="text-lg text-foreground-muted">{versionLabel}</Text>
+          {bundleLabel ? (
+            <Text className="text-xs text-foreground-muted/70">{bundleLabel}</Text>
+          ) : null}
+        </View>
       </View>
     </SettingsSection>
   );
 }
 
+function capitalize(value: string): string {
+  return value.length > 0 ? value.charAt(0).toUpperCase() + value.slice(1) : value;
+}
+
 function ArchivedThreadsSettingsSection() {
   return (
     <SettingsSection title="Threads">