feat(mobile): Expo → RN CLI 전환 + Android 빌드 성공

RN 0.85 + React 19 기반 apps/mobile-rn 프로젝트 생성. 6개 화면 이식 (Login, Dash, History, Record, Talk, Settings). @react-navigation/native + bottom-tabs 네비게이션 구성. Windows NDK CMake libc++_shared 링크 버그 워크아라운드 포함. Galaxy Fold (SM_F956N) 무선 디버깅 APK 설치 확인.
2026-04-13 21:13:40 +09:00 · 2026-04-13 21:13:40 +09:00 · bf36a9d97d
commit bf36a9d97d
parent 55eb62189a
68 changed files with 13955 additions and 9375 deletions
--- a/apps/mobile-rn/.bundle/config
+++ b/apps/mobile-rn/.bundle/config
@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1
--- a/apps/mobile-rn/.eslintrc.js
+++ b/apps/mobile-rn/.eslintrc.js
@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+};
--- a/apps/mobile-rn/.gitignore
+++ b/apps/mobile-rn/.gitignore
@ -0,0 +1,75 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+.kotlin/
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+**/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
--- a/apps/mobile-rn/.prettierrc.js
+++ b/apps/mobile-rn/.prettierrc.js
@ -0,0 +1,5 @@
+module.exports = {
+  arrowParens: 'avoid',
+  singleQuote: true,
+  trailingComma: 'all',
+};
--- a/apps/mobile-rn/.watchmanconfig
+++ b/apps/mobile-rn/.watchmanconfig
@ -0,0 +1 @@
+{}
--- a/apps/mobile-rn/App.tsx
+++ b/apps/mobile-rn/App.tsx
@ -0,0 +1,38 @@
+// App.tsx — D3RO Voice Mobile root
+import { NavigationContainer } from '@react-navigation/native'
+import { createNativeStackNavigator } from '@react-navigation/native-stack'
+import { GestureHandlerRootView } from 'react-native-gesture-handler'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
+import { StatusBar } from 'react-native'
+import { I18nProvider } from '@d3ro/i18n'
+import { d3roNativePalette } from '@d3ro/ui-native'
+import { AuthProvider } from './src/lib/auth-context'
+import TabNavigator from './src/navigation/TabNavigator'
+import LoginScreen from './src/screens/LoginScreen'
+
+const Stack = createNativeStackNavigator()
+
+export default function App(): React.ReactElement {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <SafeAreaProvider>
+        <I18nProvider initialLocale="ko">
+          <AuthProvider>
+            <StatusBar barStyle="light-content" backgroundColor={d3roNativePalette.bg.app} />
+            <NavigationContainer>
+              <Stack.Navigator
+                screenOptions={{
+                  headerShown: false,
+                  contentStyle: { backgroundColor: d3roNativePalette.bg.app },
+                }}
+              >
+                <Stack.Screen name="Login" component={LoginScreen} />
+                <Stack.Screen name="Main" component={TabNavigator} />
+              </Stack.Navigator>
+            </NavigationContainer>
+          </AuthProvider>
+        </I18nProvider>
+      </SafeAreaProvider>
+    </GestureHandlerRootView>
+  )
+}
--- a/apps/mobile-rn/Gemfile
+++ b/apps/mobile-rn/Gemfile
@ -0,0 +1,17 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem 'xcodeproj', '< 1.26.0'
+gem 'concurrent-ruby', '< 1.3.4'
+
+# Ruby 3.4.0 has removed some libraries from the standard library.
+gem 'bigdecimal'
+gem 'logger'
+gem 'benchmark'
+gem 'mutex_m'
+gem 'nkf'
--- a/apps/mobile-rn/README.md
+++ b/apps/mobile-rn/README.md
@ -0,0 +1,97 @@
+This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
+
+# Getting Started
+
+> **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.
+
+## Step 1: Start Metro
+
+First, you will need to run **Metro**, the JavaScript build tool for React Native.
+
+To start the Metro dev server, run the following command from the root of your React Native project:
+
+```sh
+# Using npm
+npm start
+
+# OR using Yarn
+yarn start
+```
+
+## Step 2: Build and run your app
+
+With Metro running, open a new terminal window/pane from the root of your React Native project, and use one of the following commands to build and run your Android or iOS app:
+
+### Android
+
+```sh
+# Using npm
+npm run android
+
+# OR using Yarn
+yarn android
+```
+
+### iOS
+
+For iOS, remember to install CocoaPods dependencies (this only needs to be run on first clone or after updating native deps).
+
+The first time you create a new project, run the Ruby bundler to install CocoaPods itself:
+
+```sh
+bundle install
+```
+
+Then, and every time you update your native dependencies, run:
+
+```sh
+bundle exec pod install
+```
+
+For more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html).
+
+```sh
+# Using npm
+npm run ios
+
+# OR using Yarn
+yarn ios
+```
+
+If everything is set up correctly, you should see your new app running in the Android Emulator, iOS Simulator, or your connected device.
+
+This is one way to run your app — you can also build it directly from Android Studio or Xcode.
+
+## Step 3: Modify your app
+
+Now that you have successfully run the app, let's make changes!
+
+Open `App.tsx` in your text editor of choice and make some changes. When you save, your app will automatically update and reflect these changes — this is powered by [Fast Refresh](https://reactnative.dev/docs/fast-refresh).
+
+When you want to forcefully reload, for example to reset the state of your app, you can perform a full reload:
+
+- **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Dev Menu**, accessed via <kbd>Ctrl</kbd> + <kbd>M</kbd> (Windows/Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (macOS).
+- **iOS**: Press <kbd>R</kbd> in iOS Simulator.
+
+## Congratulations! :tada:
+
+You've successfully run and modified your React Native App. :partying_face:
+
+### Now what?
+
+- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
+- If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started).
+
+# Troubleshooting
+
+If you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
+
+# Learn More
+
+To learn more about React Native, take a look at the following resources:
+
+- [React Native Website](https://reactnative.dev) - learn more about React Native.
+- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
+- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
+- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
+- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.
--- a/apps/mobile-rn/tests/App.test.tsx
+++ b/apps/mobile-rn/tests/App.test.tsx
@ -0,0 +1,13 @@
+/**
+ * @format
+ */
+
+import React from 'react';
+import ReactTestRenderer from 'react-test-renderer';
+import App from '../App';
+
+test('renders correctly', async () => {
+  await ReactTestRenderer.act(() => {
+    ReactTestRenderer.create(<App />);
+  });
+});
--- a/apps/mobile-rn/android/app/build.gradle
+++ b/apps/mobile-rn/android/app/build.gradle
@ -0,0 +1,122 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '../..'
+    // root = file("../../")
+    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
+    // reactNativeDir = file("../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+    // codegenDir = file("../../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
+    // cliFile = file("../../node_modules/react-native/cli.js")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. Default is "debug", "debugOptimized".
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "liteDebugOptimized", "prodDebug", "prodDebugOptimized"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+
+    /* Autolinking */
+    autolinkLibrariesWithApp()
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+
+    namespace "com.d3rovoice"
+    defaultConfig {
+        applicationId "com.d3rovoice"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+        ndk {
+            abiFilters "arm64-v8a"
+        }
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.debug
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+}
+
+dependencies {
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}
--- a/apps/mobile-rn/android/app/debug.keystore
+++ b/apps/mobile-rn/android/app/debug.keystore
--- a/apps/mobile-rn/android/app/proguard-rules.pro
+++ b/apps/mobile-rn/android/app/proguard-rules.pro
@ -0,0 +1,10 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
--- a/apps/mobile-rn/android/app/src/main/AndroidManifest.xml
+++ b/apps/mobile-rn/android/app/src/main/AndroidManifest.xml
@ -0,0 +1,27 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme"
+      android:usesCleartextTraffic="${usesCleartextTraffic}"
+      android:supportsRtl="true">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:launchMode="singleTask"
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+    </application>
+</manifest>
--- a/apps/mobile-rn/android/app/src/main/java/com/d3rovoice/MainActivity.kt
+++ b/apps/mobile-rn/android/app/src/main/java/com/d3rovoice/MainActivity.kt
@ -0,0 +1,22 @@
+package com.d3rovoice
+
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+
+class MainActivity : ReactActivity() {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  override fun getMainComponentName(): String = "D3ROVoice"
+
+  /**
+   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
+   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
+   */
+  override fun createReactActivityDelegate(): ReactActivityDelegate =
+      DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+}
--- a/apps/mobile-rn/android/app/src/main/java/com/d3rovoice/MainApplication.kt
+++ b/apps/mobile-rn/android/app/src/main/java/com/d3rovoice/MainApplication.kt
@ -0,0 +1,27 @@
+package com.d3rovoice
+
+import android.app.Application
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+
+class MainApplication : Application(), ReactApplication {
+
+  override val reactHost: ReactHost by lazy {
+    getDefaultReactHost(
+      context = applicationContext,
+      packageList =
+        PackageList(this).packages.apply {
+          // Packages that cannot be autolinked yet can be added manually here, for example:
+          // add(MyReactNativePackage())
+        },
+    )
+  }
+
+  override fun onCreate() {
+    super.onCreate()
+    loadReactNative(this)
+  }
+}
--- a/apps/mobile-rn/android/app/src/main/jni/CMakeLists.txt
+++ b/apps/mobile-rn/android/app/src/main/jni/CMakeLists.txt
@ -0,0 +1,17 @@
+cmake_minimum_required(VERSION 3.13)
+project(appmodules)
+
+# Include the default RN application setup
+include(${REACT_ANDROID_DIR}/cmake-utils/ReactNative-application.cmake)
+
+# Fix: explicitly link c++_shared to all codegen targets (Windows NDK issue)
+if(DEFINED AUTOLINKED_LIBRARIES)
+    foreach(lib ${AUTOLINKED_LIBRARIES})
+        if(TARGET ${lib})
+            target_link_libraries(${lib} c++_shared)
+        endif()
+    endforeach()
+endif()
+
+# Also link c++_shared to the main app module
+target_link_libraries(${CMAKE_PROJECT_NAME} c++_shared)
--- a/apps/mobile-rn/android/app/src/main/jni/OnLoad.cpp
+++ b/apps/mobile-rn/android/app/src/main/jni/OnLoad.cpp
@ -0,0 +1,126 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// This C++ file is part of the default configuration used by apps and is placed
+// inside react-native to encapsulate it from user space (so you won't need to
+// touch C++/Cmake code at all on Android).
+//
+// If you wish to customize it (because you want to manually link a C++ library
+// or pass a custom compilation flag) you can:
+//
+// 1. Copy this CMake file inside the `android/app/src/main/jni` folder of your
+// project
+// 2. Copy the OnLoad.cpp (in this same folder) file inside the same folder as
+// above.
+// 3. Extend your `android/app/build.gradle` as follows
+//
+// android {
+//    // Other config here...
+//    externalNativeBuild {
+//        cmake {
+//            path "src/main/jni/CMakeLists.txt"
+//        }
+//    }
+// }
+
+#include <DefaultComponentsRegistry.h>
+#include <DefaultTurboModuleManagerDelegate.h>
+#include <FBReactNativeSpec.h>
+#include <autolinking.h>
+#include <fbjni/fbjni.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+#ifdef REACT_NATIVE_APP_CODEGEN_HEADER
+#include REACT_NATIVE_APP_CODEGEN_HEADER
+#endif
+#ifdef REACT_NATIVE_APP_COMPONENT_DESCRIPTORS_HEADER
+#include REACT_NATIVE_APP_COMPONENT_DESCRIPTORS_HEADER
+#endif
+
+namespace facebook::react {
+
+void registerComponents(
+    std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+  // Custom Fabric Components go here. You can register custom
+  // components coming from your App or from 3rd party libraries here.
+  //
+  // providerRegistry->add(concreteComponentDescriptorProvider<
+  //        MyComponentDescriptor>());
+
+  // We link app local components if available
+#ifdef REACT_NATIVE_APP_COMPONENT_REGISTRATION
+  REACT_NATIVE_APP_COMPONENT_REGISTRATION(registry);
+#endif
+
+  // And we fallback to the components autolinked
+  autolinking_registerProviders(registry);
+}
+
+std::shared_ptr<TurboModule> cxxModuleProvider(
+    const std::string& name,
+    const std::shared_ptr<CallInvoker>& jsInvoker) {
+  // Here you can provide your CXX Turbo Modules coming from
+  // either your application or from external libraries. The approach to follow
+  // is similar to the following (for a module called `NativeCxxModuleExample`):
+  //
+  // if (name == NativeCxxModuleExample::kModuleName) {
+  //   return std::make_shared<NativeCxxModuleExample>(jsInvoker);
+  // }
+
+  // And we fallback to the CXX module providers autolinked
+  return autolinking_cxxModuleProvider(name, jsInvoker);
+
+  return nullptr;
+}
+
+std::shared_ptr<TurboModule> javaModuleProvider(
+    const std::string& name,
+    const JavaTurboModule::InitParams& params) {
+  // Here you can provide your own module provider for TurboModules coming from
+  // either your application or from external libraries. The approach to follow
+  // is similar to the following (for a library called `samplelibrary`):
+  //
+  // auto module = samplelibrary_ModuleProvider(name, params);
+  // if (module != nullptr) {
+  //    return module;
+  // }
+  // return rncore_ModuleProvider(name, params);
+
+  // We link app local modules if available
+#ifdef REACT_NATIVE_APP_MODULE_PROVIDER
+  auto module = REACT_NATIVE_APP_MODULE_PROVIDER(name, params);
+  if (module != nullptr) {
+    return module;
+  }
+#endif
+
+  // We first try to look up core modules
+  if (auto module = FBReactNativeSpec_ModuleProvider(name, params)) {
+    return module;
+  }
+
+  // And we fallback to the module providers autolinked
+  if (auto module = autolinking_ModuleProvider(name, params)) {
+    return module;
+  }
+
+  return nullptr;
+}
+
+} // namespace facebook::react
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void*) {
+  return facebook::jni::initialize(vm, [] {
+    facebook::react::DefaultTurboModuleManagerDelegate::cxxModuleProvider =
+        &facebook::react::cxxModuleProvider;
+    facebook::react::DefaultTurboModuleManagerDelegate::javaModuleProvider =
+        &facebook::react::javaModuleProvider;
+    facebook::react::DefaultComponentsRegistry::
+        registerComponentDescriptorsFromEntryPoint =
+            &facebook::react::registerComponents;
+  });
+}
--- a/apps/mobile-rn/android/app/src/main/res/drawable/rn_edit_text_material.xml
+++ b/apps/mobile-rn/android/app/src/main/res/drawable/rn_edit_text_material.xml
@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright (C) 2014 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+<inset xmlns:android="http://schemas.android.com/apk/res/android"
+       android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetTop="@dimen/abc_edit_text_inset_top_material"
+       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
+       >
+
+    <selector>
+        <!--
+          This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
+          The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
+          NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'
+
+          <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+
+          For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.
+        -->
+        <item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+        <item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
+    </selector>
+
+</inset>
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--- a/apps/mobile-rn/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
+++ b/apps/mobile-rn/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
--- a/apps/mobile-rn/android/app/src/main/res/values/strings.xml
+++ b/apps/mobile-rn/android/app/src/main/res/values/strings.xml
@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">D3ROVoice</string>
+</resources>
--- a/apps/mobile-rn/android/app/src/main/res/values/styles.xml
+++ b/apps/mobile-rn/android/app/src/main/res/values/styles.xml
@ -0,0 +1,9 @@
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
+        <!-- Customize your theme here. -->
+        <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
+    </style>
+
+</resources>
--- a/apps/mobile-rn/android/build.gradle
+++ b/apps/mobile-rn/android/build.gradle
@ -0,0 +1,21 @@
+buildscript {
+    ext {
+        buildToolsVersion = "36.0.0"
+        minSdkVersion = 24
+        compileSdkVersion = 36
+        targetSdkVersion = 36
+        ndkVersion = "27.1.12297006"
+        kotlinVersion = "2.1.20"
+    }
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle")
+        classpath("com.facebook.react:react-native-gradle-plugin")
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
+    }
+}
+
+apply plugin: "com.facebook.react.rootproject"
--- a/apps/mobile-rn/android/gradle.properties
+++ b/apps/mobile-rn/android/gradle.properties
@ -0,0 +1,45 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
+org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+
+# Use this property to specify which architecture you want to build.
+# You can also override it from the CLI using
+# ./gradlew <task> -PreactNativeArchitectures=x86_64
+reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
+
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+newArchEnabled=false
+
+# Use this property to enable or disable the Hermes JS engine.
+# If set to false, you will be using JSC instead.
+hermesEnabled=true
+
+# Use this property to enable edge-to-edge display support.
+# This allows your app to draw behind system bars for an immersive UI.
+# Note: Only works with ReactActivity and should not be used with custom Activity.
+edgeToEdgeEnabled=false
+reactNativeArchitectures=arm64-v8a
--- a/apps/mobile-rn/android/gradle/wrapper/gradle-wrapper.jar
+++ b/apps/mobile-rn/android/gradle/wrapper/gradle-wrapper.jar
--- a/apps/mobile-rn/android/gradle/wrapper/gradle-wrapper.properties
+++ b/apps/mobile-rn/android/gradle/wrapper/gradle-wrapper.properties
@ -0,0 +1,7 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-9.3.1-bin.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
--- a/apps/mobile-rn/android/gradlew
+++ b/apps/mobile-rn/android/gradlew
@ -0,0 +1,248 @@
+#!/bin/sh
+
+#
+# Copyright © 2015 the original authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+# SPDX-License-Identifier: Apache-2.0
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+# This is normally unused
+# shellcheck disable=SC2034
+APP_BASE_NAME=${0##*/}
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"
--- a/apps/mobile-rn/android/gradlew.bat
+++ b/apps/mobile-rn/android/gradlew.bat
@ -0,0 +1,98 @@
+@REM Copyright (c) Meta Platforms, Inc. and affiliates.
+@REM
+@REM This source code is licensed under the MIT license found in the
+@REM LICENSE file in the root directory of this source tree.
+
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+@rem SPDX-License-Identifier: Apache-2.0
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
--- a/apps/mobile-rn/android/settings.gradle
+++ b/apps/mobile-rn/android/settings.gradle
@ -0,0 +1,6 @@
+pluginManagement { includeBuild("../node_modules/@react-native/gradle-plugin") }
+plugins { id("com.facebook.react.settings") }
+extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
+rootProject.name = 'D3ROVoice'
+include ':app'
+includeBuild('../node_modules/@react-native/gradle-plugin')
--- a/apps/mobile-rn/app.json
+++ b/apps/mobile-rn/app.json
@ -0,0 +1,4 @@
+{
+  "name": "D3ROVoice",
+  "displayName": "D3ROVoice"
+}
--- a/apps/mobile-rn/babel.config.js
+++ b/apps/mobile-rn/babel.config.js
@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+};
--- a/apps/mobile-rn/index.js
+++ b/apps/mobile-rn/index.js
@ -0,0 +1,9 @@
+/**
+ * @format
+ */
+
+import { AppRegistry } from 'react-native';
+import App from './App';
+import { name as appName } from './app.json';
+
+AppRegistry.registerComponent(appName, () => App);
--- a/apps/mobile-rn/ios/.xcode.env
+++ b/apps/mobile-rn/ios/.xcode.env
@ -0,0 +1,11 @@
+# This `.xcode.env` file is versioned and is used to source the environment
+# used when running script phases inside Xcode.
+# To customize your local environment, you can create an `.xcode.env.local`
+# file that is not versioned.
+
+# NODE_BINARY variable contains the PATH to the node executable.
+#
+# Customize the NODE_BINARY variable here.
+# For example, to use nvm with brew, add the following line
+# . "$(brew --prefix nvm)/nvm.sh" --no-use
+export NODE_BINARY=$(command -v node)
--- a/apps/mobile-rn/ios/D3ROVoice.xcodeproj/project.pbxproj
+++ b/apps/mobile-rn/ios/D3ROVoice.xcodeproj/project.pbxproj
@ -0,0 +1,475 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 54;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		0C80B921A6F3F58F76C31292 /* libPods-D3ROVoice.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5DCACB8F33CDC322A6C60F78 /* libPods-D3ROVoice.a */; };
+		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
+		761780ED2CA45674006654EE /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 761780EC2CA45674006654EE /* AppDelegate.swift */; };
+		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+		13B07F961A680F5B00A75B9A /* D3ROVoice.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = D3ROVoice.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = D3ROVoice/Images.xcassets; sourceTree = "<group>"; };
+		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = D3ROVoice/Info.plist; sourceTree = "<group>"; };
+		13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = PrivacyInfo.xcprivacy; path = D3ROVoice/PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
+		3B4392A12AC88292D35C810B /* Pods-D3ROVoice.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-D3ROVoice.debug.xcconfig"; path = "Target Support Files/Pods-D3ROVoice/Pods-D3ROVoice.debug.xcconfig"; sourceTree = "<group>"; };
+		5709B34CF0A7D63546082F79 /* Pods-D3ROVoice.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-D3ROVoice.release.xcconfig"; path = "Target Support Files/Pods-D3ROVoice/Pods-D3ROVoice.release.xcconfig"; sourceTree = "<group>"; };
+		5DCACB8F33CDC322A6C60F78 /* libPods-D3ROVoice.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-D3ROVoice.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		761780EC2CA45674006654EE /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = AppDelegate.swift; path = D3ROVoice/AppDelegate.swift; sourceTree = "<group>"; };
+		81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = D3ROVoice/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				0C80B921A6F3F58F76C31292 /* libPods-D3ROVoice.a in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		13B07FAE1A68108700A75B9A /* D3ROVoice */ = {
+			isa = PBXGroup;
+			children = (
+				13B07FB51A68108700A75B9A /* Images.xcassets */,
+				761780EC2CA45674006654EE /* AppDelegate.swift */,
+				13B07FB61A68108700A75B9A /* Info.plist */,
+				81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
+				13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */,
+			);
+			name = D3ROVoice;
+			sourceTree = "<group>";
+		};
+		2D16E6871FA4F8E400B85C8A /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
+				5DCACB8F33CDC322A6C60F78 /* libPods-D3ROVoice.a */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+		832341AE1AAA6A7D00B99B32 /* Libraries */ = {
+			isa = PBXGroup;
+			children = (
+			);
+			name = Libraries;
+			sourceTree = "<group>";
+		};
+		83CBB9F61A601CBA00E9B192 = {
+			isa = PBXGroup;
+			children = (
+				13B07FAE1A68108700A75B9A /* D3ROVoice */,
+				832341AE1AAA6A7D00B99B32 /* Libraries */,
+				83CBBA001A601CBA00E9B192 /* Products */,
+				2D16E6871FA4F8E400B85C8A /* Frameworks */,
+				BBD78D7AC51CEA395F1C20DB /* Pods */,
+			);
+			indentWidth = 2;
+			sourceTree = "<group>";
+			tabWidth = 2;
+			usesTabs = 0;
+		};
+		83CBBA001A601CBA00E9B192 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				13B07F961A680F5B00A75B9A /* D3ROVoice.app */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		BBD78D7AC51CEA395F1C20DB /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				3B4392A12AC88292D35C810B /* Pods-D3ROVoice.debug.xcconfig */,
+				5709B34CF0A7D63546082F79 /* Pods-D3ROVoice.release.xcconfig */,
+			);
+			path = Pods;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		13B07F861A680F5B00A75B9A /* D3ROVoice */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "D3ROVoice" */;
+			buildPhases = (
+				C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */,
+				13B07F871A680F5B00A75B9A /* Sources */,
+				13B07F8C1A680F5B00A75B9A /* Frameworks */,
+				13B07F8E1A680F5B00A75B9A /* Resources */,
+				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
+				00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */,
+				E235C05ADACE081382539298 /* [CP] Copy Pods Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = D3ROVoice;
+			productName = D3ROVoice;
+			productReference = 13B07F961A680F5B00A75B9A /* D3ROVoice.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		83CBB9F71A601CBA00E9B192 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 1210;
+				TargetAttributes = {
+					13B07F861A680F5B00A75B9A = {
+						LastSwiftMigration = 1120;
+					};
+				};
+			};
+			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "D3ROVoice" */;
+			compatibilityVersion = "Xcode 12.0";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 83CBB9F61A601CBA00E9B192;
+			productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				13B07F861A680F5B00A75B9A /* D3ROVoice */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		13B07F8E1A680F5B00A75B9A /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
+				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"$(SRCROOT)/.xcode.env.local",
+				"$(SRCROOT)/.xcode.env",
+			);
+			name = "Bundle React Native code and images";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "set -e\n\nWITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"\\\"$WITH_ENVIRONMENT\\\" \\\"$REACT_NATIVE_XCODE\\\"\"\n";
+		};
+		00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-D3ROVoice/Pods-D3ROVoice-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-D3ROVoice/Pods-D3ROVoice-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-D3ROVoice/Pods-D3ROVoice-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-D3ROVoice-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		E235C05ADACE081382539298 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-D3ROVoice/Pods-D3ROVoice-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-D3ROVoice/Pods-D3ROVoice-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-D3ROVoice/Pods-D3ROVoice-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		13B07F871A680F5B00A75B9A /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				761780ED2CA45674006654EE /* AppDelegate.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin XCBuildConfiguration section */
+		13B07F941A680F5B00A75B9A /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 3B4392A12AC88292D35C810B /* Pods-D3ROVoice.debug.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = 1;
+				ENABLE_BITCODE = NO;
+				INFOPLIST_FILE = D3ROVoice/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				MARKETING_VERSION = 1.0;
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = D3ROVoice;
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Debug;
+		};
+		13B07F951A680F5B00A75B9A /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 5709B34CF0A7D63546082F79 /* Pods-D3ROVoice.release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = 1;
+				INFOPLIST_FILE = D3ROVoice/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				MARKETING_VERSION = 1.0;
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = D3ROVoice;
+				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Release;
+		};
+		83CBBA201A601CBA00E9B192 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD_RUNPATH_SEARCH_PATHS = (
+					/usr/lib/swift,
+					"$(inherited)",
+				);
+				LIBRARY_SEARCH_PATHS = (
+					"\"$(SDKROOT)/usr/lib/swift\"",
+					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
+					"\"$(inherited)\"",
+				);
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				OTHER_CPLUSPLUSFLAGS = (
+					"$(OTHER_CFLAGS)",
+					"-DFOLLY_NO_CONFIG",
+					"-DFOLLY_MOBILE=1",
+					"-DFOLLY_USE_LIBCPP=1",
+					"-DFOLLY_CFG_NO_COROUTINES=1",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
+				);
+				SDKROOT = iphoneos;
+			};
+			name = Debug;
+		};
+		83CBBA211A601CBA00E9B192 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = YES;
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD_RUNPATH_SEARCH_PATHS = (
+					/usr/lib/swift,
+					"$(inherited)",
+				);
+				LIBRARY_SEARCH_PATHS = (
+					"\"$(SDKROOT)/usr/lib/swift\"",
+					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
+					"\"$(inherited)\"",
+				);
+				MTL_ENABLE_DEBUG_INFO = NO;
+				OTHER_CPLUSPLUSFLAGS = (
+					"$(OTHER_CFLAGS)",
+					"-DFOLLY_NO_CONFIG",
+					"-DFOLLY_MOBILE=1",
+					"-DFOLLY_USE_LIBCPP=1",
+					"-DFOLLY_CFG_NO_COROUTINES=1",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
+				);
+				SDKROOT = iphoneos;
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "D3ROVoice" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				13B07F941A680F5B00A75B9A /* Debug */,
+				13B07F951A680F5B00A75B9A /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "D3ROVoice" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				83CBBA201A601CBA00E9B192 /* Debug */,
+				83CBBA211A601CBA00E9B192 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
+}
--- a/apps/mobile-rn/ios/D3ROVoice.xcodeproj/xcshareddata/xcschemes/D3ROVoice.xcscheme
+++ b/apps/mobile-rn/ios/D3ROVoice.xcodeproj/xcshareddata/xcschemes/D3ROVoice.xcscheme
@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1210"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "D3ROVoice.app"
+               BlueprintName = "D3ROVoice"
+               ReferencedContainer = "container:D3ROVoice.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "D3ROVoiceTests.xctest"
+               BlueprintName = "D3ROVoiceTests"
+               ReferencedContainer = "container:D3ROVoice.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "D3ROVoice.app"
+            BlueprintName = "D3ROVoice"
+            ReferencedContainer = "container:D3ROVoice.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "D3ROVoice.app"
+            BlueprintName = "D3ROVoice"
+            ReferencedContainer = "container:D3ROVoice.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
--- a/apps/mobile-rn/ios/D3ROVoice/AppDelegate.swift
+++ b/apps/mobile-rn/ios/D3ROVoice/AppDelegate.swift
@ -0,0 +1,48 @@
+import UIKit
+import React
+import React_RCTAppDelegate
+import ReactAppDependencyProvider
+
+@main
+class AppDelegate: UIResponder, UIApplicationDelegate {
+  var window: UIWindow?
+
+  var reactNativeDelegate: ReactNativeDelegate?
+  var reactNativeFactory: RCTReactNativeFactory?
+
+  func application(
+    _ application: UIApplication,
+    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil
+  ) -> Bool {
+    let delegate = ReactNativeDelegate()
+    let factory = RCTReactNativeFactory(delegate: delegate)
+    delegate.dependencyProvider = RCTAppDependencyProvider()
+
+    reactNativeDelegate = delegate
+    reactNativeFactory = factory
+
+    window = UIWindow(frame: UIScreen.main.bounds)
+
+    factory.startReactNative(
+      withModuleName: "D3ROVoice",
+      in: window,
+      launchOptions: launchOptions
+    )
+
+    return true
+  }
+}
+
+class ReactNativeDelegate: RCTDefaultReactNativeFactoryDelegate {
+  override func sourceURL(for bridge: RCTBridge) -> URL? {
+    self.bundleURL()
+  }
+
+  override func bundleURL() -> URL? {
+#if DEBUG
+    RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: "index")
+#else
+    Bundle.main.url(forResource: "main", withExtension: "jsbundle")
+#endif
+  }
+}
--- a/apps/mobile-rn/ios/D3ROVoice/Images.xcassets/AppIcon.appiconset/Contents.json
+++ b/apps/mobile-rn/ios/D3ROVoice/Images.xcassets/AppIcon.appiconset/Contents.json
@ -0,0 +1,53 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "20x20"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "20x20"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "29x29"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "29x29"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "40x40"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "40x40"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "60x60"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "60x60"
+    },
+    {
+      "idiom" : "ios-marketing",
+      "scale" : "1x",
+      "size" : "1024x1024"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
--- a/apps/mobile-rn/ios/D3ROVoice/Images.xcassets/Contents.json
+++ b/apps/mobile-rn/ios/D3ROVoice/Images.xcassets/Contents.json
@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
--- a/apps/mobile-rn/ios/D3ROVoice/Info.plist
+++ b/apps/mobile-rn/ios/D3ROVoice/Info.plist
@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CADisableMinimumFrameDurationOnPhone</key>
+	<true/>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>D3ROVoice</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>$(MARKETING_VERSION)</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+	  <!-- Do not change NSAllowsArbitraryLoads to true, or you will risk app rejection! -->
+		<key>NSAllowsArbitraryLoads</key>
+		<false/>
+		<key>NSAllowsLocalNetworking</key>
+		<true/>
+	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>arm64</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+</dict>
+</plist>
--- a/apps/mobile-rn/ios/D3ROVoice/LaunchScreen.storyboard
+++ b/apps/mobile-rn/ios/D3ROVoice/LaunchScreen.storyboard
@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="D3ROVoice" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="GJd-Yh-RWb">
+                                <rect key="frame" x="0.0" y="202" width="375" height="43"/>
+                                <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="MN2-I3-ftu">
+                                <rect key="frame" x="0.0" y="626" width="375" height="21"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                        </subviews>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                        <constraints>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="bottom" secondItem="MN2-I3-ftu" secondAttribute="bottom" constant="20" id="OZV-Vh-mqD"/>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="GJd-Yh-RWb" secondAttribute="centerX" id="Q3B-4B-g5h"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="centerX" secondItem="Bcu-3y-fUS" secondAttribute="centerX" id="akx-eg-2ui"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" id="i1E-0Y-4RG"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="bottom" multiplier="1/3" constant="1" id="moa-c2-u7t"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="x7j-FC-K8j"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="52.173913043478265" y="375"/>
+        </scene>
+    </scenes>
+</document>
--- a/apps/mobile-rn/ios/D3ROVoice/PrivacyInfo.xcprivacy
+++ b/apps/mobile-rn/ios/D3ROVoice/PrivacyInfo.xcprivacy
@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>NSPrivacyAccessedAPITypes</key>
+	<array>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>C617.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>CA92.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>35F9.1</string>
+			</array>
+		</dict>
+	</array>
+	<key>NSPrivacyCollectedDataTypes</key>
+	<array/>
+	<key>NSPrivacyTracking</key>
+	<false/>
+</dict>
+</plist>
--- a/apps/mobile-rn/ios/Podfile
+++ b/apps/mobile-rn/ios/Podfile
@ -0,0 +1,34 @@
+# Resolve react_native_pods.rb with node to allow for hoisting
+require Pod::Executable.execute_command('node', ['-p',
+  'require.resolve(
+    "react-native/scripts/react_native_pods.rb",
+    {paths: [process.argv[1]]},
+  )', __dir__]).strip
+
+platform :ios, min_ios_version_supported
+prepare_react_native_project!
+
+linkage = ENV['USE_FRAMEWORKS']
+if linkage != nil
+  Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
+  use_frameworks! :linkage => linkage.to_sym
+end
+
+target 'D3ROVoice' do
+  config = use_native_modules!
+
+  use_react_native!(
+    :path => config[:reactNativePath],
+    # An absolute path to your application root.
+    :app_path => "#{Pod::Config.instance.installation_root}/.."
+  )
+
+  post_install do |installer|
+    react_native_post_install(
+      installer,
+      config[:reactNativePath],
+      :mac_catalyst_enabled => false,
+      # :ccache_enabled => true
+    )
+  end
+end
--- a/apps/mobile-rn/jest.config.js
+++ b/apps/mobile-rn/jest.config.js
@ -0,0 +1,3 @@
+module.exports = {
+  preset: '@react-native/jest-preset',
+};
--- a/apps/mobile-rn/metro.config.js
+++ b/apps/mobile-rn/metro.config.js
@ -0,0 +1,22 @@
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+const path = require('path');
+
+const projectRoot = __dirname;
+const monorepoRoot = path.resolve(projectRoot, '../..');
+
+const config = {
+  watchFolders: [
+    path.resolve(monorepoRoot, 'packages/core'),
+    path.resolve(monorepoRoot, 'packages/ui-native'),
+    path.resolve(monorepoRoot, 'packages/i18n'),
+    path.resolve(monorepoRoot, 'packages/api-client'),
+  ],
+  resolver: {
+    nodeModulesPaths: [
+      path.resolve(projectRoot, 'node_modules'),
+      path.resolve(monorepoRoot, 'node_modules'),
+    ],
+  },
+};
+
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);
--- a/apps/mobile-rn/package-lock.json
+++ b/apps/mobile-rn/package-lock.json
--- a/apps/mobile-rn/package.json
+++ b/apps/mobile-rn/package.json
@ -0,0 +1,49 @@
+{
+  "name": "@d3ro/mobile",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "start": "react-native start",
+    "typecheck": "tsc --noEmit",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@d3ro/api-client": "file:../../packages/api-client",
+    "@d3ro/core": "file:../../packages/core",
+    "@d3ro/i18n": "file:../../packages/i18n",
+    "@d3ro/ui-native": "file:../../packages/ui-native",
+    "@react-native-async-storage/async-storage": "^2.1.0",
+    "@react-navigation/bottom-tabs": "^7.3.0",
+    "@react-navigation/native": "^7.1.0",
+    "@react-navigation/native-stack": "^7.3.0",
+    "@supabase/supabase-js": "^2.45.0",
+    "react": "19.2.3",
+    "react-native": "^0.85.0",
+    "react-native-gesture-handler": "^2.24.0",
+    "react-native-inappbrowser-reborn": "^3.7.0",
+    "react-native-keychain": "^9.2.0",
+    "react-native-safe-area-context": "^5.5.2",
+    "react-native-screens": "^4.11.0",
+    "react-native-url-polyfill": "^2.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "20.1.0",
+    "@react-native-community/cli-platform-android": "20.1.0",
+    "@react-native-community/cli-platform-ios": "20.1.0",
+    "@react-native/babel-preset": "0.85.0",
+    "@react-native/metro-config": "0.85.0",
+    "@react-native/typescript-config": "0.85.0",
+    "@types/react": "^19.2.0",
+    "jest": "^29.6.3",
+    "prettier": "2.8.8",
+    "typescript": "^5.8.3"
+  },
+  "engines": {
+    "node": ">= 22.11.0"
+  }
+}
--- a/apps/mobile-rn/scripts/fix-windows-ndk.sh
+++ b/apps/mobile-rn/scripts/fix-windows-ndk.sh
@ -0,0 +1,20 @@
+#!/bin/bash
+# fix-windows-ndk.sh — Patches all ninja build files to add libc++_shared.so
+# Workaround for Windows NDK CMake bug where c++_shared is not auto-linked
+# Run this AFTER gradle configure but BEFORE gradle build
+
+MOBILE_RN="$(cd "$(dirname "$0")/.." && pwd)"
+NDK_DIR="$HOME/Android/Sdk/ndk/27.1.12297006"
+LIBCPP="$NDK_DIR/toolchains/llvm/prebuilt/windows-x86_64/sysroot/usr/lib/aarch64-linux-android/libc++_shared.so"
+LIBCPP_WIN=$(echo "$LIBCPP" | sed 's|/c/|C:/|;s|/|/|g')
+
+echo "Patching ninja files with libc++_shared.so..."
+
+find "$MOBILE_RN" -name "build.ninja" -path "*arm64-v8a*" 2>/dev/null | while read ninja; do
+  if grep -q "\-latomic" "$ninja" && ! grep -q "libc++_shared" "$ninja"; then
+    sed -i "s|-latomic -lm|\"$LIBCPP_WIN\" -latomic -lm|g" "$ninja"
+    echo "  Patched: $ninja"
+  fi
+done
+
+echo "Done."
--- a/apps/mobile-rn/src/lib/auth-context.tsx
+++ b/apps/mobile-rn/src/lib/auth-context.tsx
@ -0,0 +1,55 @@
+// src/lib/auth-context.tsx — Auth provider using Supabase
+import { createContext, useContext, useEffect, useState, useCallback } from 'react'
+import type { ReactNode } from 'react'
+import type { User, Session } from '@supabase/supabase-js'
+import { supabase } from './supabase'
+
+interface AuthContextValue {
+  user: User | null
+  session: Session | null
+  loading: boolean
+  devBypass: () => void
+}
+
+const AuthContext = createContext<AuthContextValue>({
+  user: null,
+  session: null,
+  loading: true,
+  devBypass: () => {},
+})
+
+export function AuthProvider({ children }: { children: ReactNode }): React.ReactElement {
+  const [user, setUser] = useState<User | null>(null)
+  const [session, setSession] = useState<Session | null>(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    supabase.auth.getSession().then(({ data: { session: s } }) => {
+      setSession(s)
+      setUser(s?.user ?? null)
+      setLoading(false)
+    })
+
+    const { data: { subscription } } = supabase.auth.onAuthStateChange((_event, s) => {
+      setSession(s)
+      setUser(s?.user ?? null)
+    })
+
+    return () => subscription.unsubscribe()
+  }, [])
+
+  const devBypass = useCallback(() => {
+    setUser({ id: 'dev-user', email: 'dev@d3ro.local' } as User)
+    setLoading(false)
+  }, [])
+
+  return (
+    <AuthContext.Provider value={{ user, session, loading, devBypass }}>
+      {children}
+    </AuthContext.Provider>
+  )
+}
+
+export function useAuth(): AuthContextValue {
+  return useContext(AuthContext)
+}
--- a/apps/mobile-rn/src/lib/supabase.ts
+++ b/apps/mobile-rn/src/lib/supabase.ts
@ -0,0 +1,25 @@
+// src/lib/supabase.ts — Supabase client for RN
+import 'react-native-url-polyfill/auto'
+import AsyncStorage from '@react-native-async-storage/async-storage'
+import { createClient, type SupabaseClient } from '@supabase/supabase-js'
+
+// TODO: move to env config or supabase-config.ts
+const SUPABASE_URL = ''
+const SUPABASE_ANON_KEY = ''
+
+export const supabase: SupabaseClient = createClient(
+  SUPABASE_URL,
+  SUPABASE_ANON_KEY,
+  {
+    auth: {
+      storage: AsyncStorage,
+      autoRefreshToken: true,
+      persistSession: true,
+      detectSessionInUrl: false,
+    },
+  }
+)
+
+export function isSupabaseConfigured(): boolean {
+  return SUPABASE_URL.length > 0 && SUPABASE_ANON_KEY.length > 0
+}
--- a/apps/mobile-rn/src/navigation/TabNavigator.tsx
+++ b/apps/mobile-rn/src/navigation/TabNavigator.tsx
@ -0,0 +1,149 @@
+// src/navigation/TabNavigator.tsx — Bottom tabs: DASH / HIST / REC / TALK / SET
+import { View, StyleSheet, Pressable, Platform } from 'react-native'
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
+import { d3roNativePalette } from '@d3ro/ui-native'
+import DashScreen from '../screens/DashScreen'
+import HistoryScreen from '../screens/HistoryScreen'
+import RecordScreen from '../screens/RecordScreen'
+import TalkScreen from '../screens/TalkScreen'
+import SettingsScreen from '../screens/SettingsScreen'
+
+const MONO = Platform.OS === 'ios' ? 'Menlo' : 'monospace'
+const Tab = createBottomTabNavigator()
+
+function TabIcon({ type, color }: { type: string; color: string }): React.ReactElement {
+  if (type === 'dash') {
+    return (
+      <View style={[iconStyles.grid, { borderColor: color }]}>
+        {[0, 1, 2, 3].map((i) => (
+          <View key={i} style={[iconStyles.gridCell, { borderColor: color }]} />
+        ))}
+      </View>
+    )
+  }
+  if (type === 'hist') {
+    return (
+      <View style={[iconStyles.circle, { borderColor: color }]}>
+        <View style={[iconStyles.hand, { backgroundColor: color }]} />
+      </View>
+    )
+  }
+  if (type === 'talk') {
+    return <View style={[iconStyles.chat, { borderColor: color }]} />
+  }
+  if (type === 'set') {
+    return <View style={[iconStyles.gear, { borderColor: color }]} />
+  }
+  return <View />
+}
+
+function RecordFAB(): React.ReactElement {
+  return (
+    <View style={fabStyles.fab}>
+      <View style={fabStyles.micIcon}>
+        <View style={fabStyles.micBody} />
+        <View style={fabStyles.micBase} />
+      </View>
+    </View>
+  )
+}
+
+export default function TabNavigator(): React.ReactElement {
+  return (
+    <Tab.Navigator
+      screenOptions={{
+        tabBarStyle: {
+          backgroundColor: 'rgba(25, 25, 27, 0.95)',
+          borderTopColor: d3roNativePalette.border.default,
+          borderTopWidth: 1,
+          height: 80,
+          paddingBottom: 20,
+          paddingTop: 8,
+        },
+        tabBarActiveTintColor: d3roNativePalette.accent.amber,
+        tabBarInactiveTintColor: d3roNativePalette.text.muted,
+        tabBarLabelStyle: {
+          fontFamily: MONO,
+          fontSize: 9,
+          fontWeight: '500',
+          letterSpacing: 0.5,
+        },
+        headerShown: false,
+      }}
+    >
+      <Tab.Screen
+        name="Dash"
+        component={DashScreen}
+        options={{
+          title: 'DASH',
+          tabBarIcon: ({ color }) => <TabIcon type="dash" color={color} />,
+        }}
+      />
+      <Tab.Screen
+        name="History"
+        component={HistoryScreen}
+        options={{
+          title: 'HIST',
+          tabBarIcon: ({ color }) => <TabIcon type="hist" color={color} />,
+        }}
+      />
+      <Tab.Screen
+        name="Record"
+        component={RecordScreen}
+        options={{
+          title: '',
+          tabBarIcon: () => <RecordFAB />,
+          tabBarLabel: () => null,
+        }}
+      />
+      <Tab.Screen
+        name="Talk"
+        component={TalkScreen}
+        options={{
+          title: 'TALK',
+          tabBarIcon: ({ color }) => <TabIcon type="talk" color={color} />,
+        }}
+      />
+      <Tab.Screen
+        name="Settings"
+        component={SettingsScreen}
+        options={{
+          title: 'SET',
+          tabBarIcon: ({ color }) => <TabIcon type="set" color={color} />,
+        }}
+      />
+    </Tab.Navigator>
+  )
+}
+
+const iconStyles = StyleSheet.create({
+  grid: { width: 22, height: 22, flexDirection: 'row', flexWrap: 'wrap', gap: 2 },
+  gridCell: { width: 9, height: 9, borderWidth: 1.5, borderRadius: 2 },
+  circle: { width: 22, height: 22, borderRadius: 11, borderWidth: 1.5, justifyContent: 'center', alignItems: 'center' },
+  hand: { width: 1.5, height: 7, position: 'absolute', top: 3 },
+  chat: { width: 22, height: 18, borderWidth: 1.5, borderRadius: 4 },
+  gear: { width: 22, height: 22, borderWidth: 1.5, borderRadius: 11 },
+})
+
+const fabStyles = StyleSheet.create({
+  fab: {
+    position: 'relative',
+    top: -20,
+    width: 56,
+    height: 56,
+    borderRadius: 28,
+    backgroundColor: d3roNativePalette.accent.amber,
+    justifyContent: 'center',
+    alignItems: 'center',
+    shadowColor: d3roNativePalette.accent.amber,
+    shadowOffset: { width: 0, height: 0 },
+    shadowOpacity: 0.4,
+    shadowRadius: 10,
+    elevation: 8,
+    borderWidth: 4,
+    borderColor: d3roNativePalette.bg.app,
+  },
+  micIcon: { alignItems: 'center' },
+  micBody: { width: 8, height: 14, borderRadius: 4, backgroundColor: d3roNativePalette.bg.app, marginBottom: 2 },
+  micBase: { width: 14, height: 2, borderRadius: 1, backgroundColor: d3roNativePalette.bg.app },
+})
--- a/apps/mobile-rn/src/screens/DashScreen.tsx
+++ b/apps/mobile-rn/src/screens/DashScreen.tsx
@ -0,0 +1,198 @@
+// apps/mobile-rn/src/screens/DashScreen.tsx
+// Dashboard tab — session stats, usage, system status
+// Converted from Expo → RN CLI
+
+import React from 'react'
+import { View, ScrollView, StyleSheet } from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import {
+  MetalCard,
+  PhosphorText,
+  Led,
+  ScreenPanel,
+  AppStatusBar,
+  Header,
+  d3roNativePalette
+} from '@d3ro/ui-native'
+import { useI18n } from '@d3ro/i18n'
+
+export default function DashScreen(): React.ReactElement {
+  const insets = useSafeAreaInsets()
+  const { t } = useI18n()
+
+  return (
+    <ScrollView
+      style={styles.container}
+      contentContainerStyle={[styles.content, { paddingBottom: insets.bottom + 100 }]}
+    >
+      <Header title={t('mobile.dash.title')} showBorder={false} paddingTop={insets.top} />
+
+      {/* Session Overview — InsetPanel */}
+      <ScreenPanel style={styles.overviewPanel}>
+        <PhosphorText variant="small" color="muted" style={styles.sectionLabel}>
+          {t('mobile.dash.sessionOverview')}
+        </PhosphorText>
+        <View style={styles.bigNumber}>
+          <PhosphorText variant="hero" color="amber">0</PhosphorText>
+          <PhosphorText variant="body" color="muted" style={styles.todayLabel}>
+            {t('mobile.dash.today')}
+          </PhosphorText>
+        </View>
+        <PhosphorText variant="small" color="muted" style={styles.guideText}>
+          {t('mobile.dash.tapToRecord')}
+        </PhosphorText>
+        <View style={styles.overviewFooter}>
+          <View>
+            <PhosphorText variant="label" color="muted">{t('mobile.dash.words')}</PhosphorText>
+            <PhosphorText variant="value" color="amber">0</PhosphorText>
+          </View>
+          <View style={styles.alignEnd}>
+            <PhosphorText variant="label" color="muted">{t('mobile.dash.streak')}</PhosphorText>
+            <PhosphorText variant="value" color="amber">0</PhosphorText>
+          </View>
+        </View>
+      </ScreenPanel>
+
+      {/* 2x2 Stats Grid */}
+      <View style={styles.statsGrid}>
+        <MetalCard style={styles.statCard}>
+          <PhosphorText variant="label" color="muted">{t('mobile.dash.rec')}</PhosphorText>
+          <PhosphorText variant="value" color="amber">0</PhosphorText>
+          <PhosphorText variant="label" color="muted">{t('mobile.dash.min')}</PhosphorText>
+        </MetalCard>
+        <MetalCard style={styles.statCard}>
+          <PhosphorText variant="label" color="muted">{t('mobile.dash.words')}</PhosphorText>
+          <PhosphorText variant="value" color="amber">0</PhosphorText>
+        </MetalCard>
+        <MetalCard style={styles.statCard}>
+          <PhosphorText variant="label" color="muted">{t('mobile.dash.today')}</PhosphorText>
+          <PhosphorText variant="value" color="amber">0</PhosphorText>
+        </MetalCard>
+        <MetalCard style={styles.statCard}>
+          <PhosphorText variant="label" color="muted">{t('mobile.dash.streak')}</PhosphorText>
+          <PhosphorText variant="value" color="amber">0</PhosphorText>
+        </MetalCard>
+      </View>
+
+      {/* Backend Info */}
+      <MetalCard style={styles.infoCard}>
+        <PhosphorText variant="small" color="muted">{t('mobile.dash.backend')}</PhosphorText>
+        <View style={styles.infoRow}>
+          <Led color="green" size={6} />
+          <PhosphorText variant="body" color="amber" style={styles.infoValue}>
+            CLOUD (CLAUDE)
+          </PhosphorText>
+        </View>
+      </MetalCard>
+
+      <MetalCard style={styles.infoCard}>
+        <PhosphorText variant="small" color="muted">{t('mobile.dash.tier')}</PhosphorText>
+        <View style={styles.infoRow}>
+          <Led color="amber" size={6} />
+          <PhosphorText variant="body" color="amber" style={styles.infoValue}>
+            {t('mobile.dash.free')}
+          </PhosphorText>
+        </View>
+      </MetalCard>
+
+      {/* Usage */}
+      <PhosphorText variant="label" color="muted" style={styles.usageTitle}>
+        {t('mobile.dash.usage')}
+      </PhosphorText>
+      <MetalCard style={styles.usageCard}>
+        <UsageRow label={t('mobile.dash.dictation')} value={t('mobile.dash.unlimited')} />
+        <View style={styles.usageDivider} />
+        <UsageRow label={t('mobile.dash.llmProcess')} value={t('mobile.dash.unlimited')} />
+        <View style={styles.usageDivider} />
+        <UsageRow label={t('mobile.dash.premiumQuota')} value="250 / 500" progress={0.5} />
+      </MetalCard>
+
+      <AppStatusBar />
+    </ScrollView>
+  )
+}
+
+function UsageRow({
+  label,
+  value,
+  progress
+}: {
+  label: string
+  value: string
+  progress?: number
+}): React.ReactElement {
+  return (
+    <View style={styles.usageRow}>
+      <PhosphorText variant="body" color="primary">{label}</PhosphorText>
+      <View style={styles.usageRight}>
+        <PhosphorText variant="small" color="amber">{value}</PhosphorText>
+        {progress != null && (
+          <View style={styles.progressBar}>
+            <View style={[styles.progressFill, { width: `${progress * 100}%` }]} />
+          </View>
+        )}
+      </View>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, backgroundColor: d3roNativePalette.bg.app },
+  content: { paddingHorizontal: 20 },
+  overviewPanel: { marginBottom: 12 },
+  sectionLabel: { marginBottom: 16 },
+  bigNumber: { flexDirection: 'row', alignItems: 'baseline', marginBottom: 8 },
+  todayLabel: { marginLeft: 12 },
+  guideText: { marginBottom: 20 },
+  overviewFooter: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    borderTopWidth: 1,
+    borderTopColor: d3roNativePalette.border.subtle,
+    paddingTop: 12
+  },
+  alignEnd: { alignItems: 'flex-end' },
+  statsGrid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 12,
+    marginBottom: 12
+  },
+  statCard: {
+    width: '47%' as unknown as number,
+    alignItems: 'center',
+    paddingVertical: 16,
+    gap: 4
+  },
+  infoCard: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 12,
+    paddingVertical: 14
+  },
+  infoRow: { flexDirection: 'row', alignItems: 'center' },
+  infoValue: { marginLeft: 8 },
+  usageTitle: { letterSpacing: 3, marginBottom: 8, marginLeft: 4 },
+  usageCard: { marginBottom: 12, padding: 0, overflow: 'hidden' },
+  usageRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 16
+  },
+  usageRight: { alignItems: 'flex-end', gap: 4 },
+  usageDivider: { height: 1, backgroundColor: d3roNativePalette.border.subtle },
+  progressBar: {
+    width: 80,
+    height: 4,
+    backgroundColor: d3roNativePalette.bg.inset,
+    borderRadius: 2,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%' as unknown as number,
+    backgroundColor: d3roNativePalette.accent.green,
+    borderRadius: 2
+  }
+})
--- a/apps/mobile-rn/src/screens/HistoryScreen.tsx
+++ b/apps/mobile-rn/src/screens/HistoryScreen.tsx
@ -0,0 +1,257 @@
+// apps/mobile-rn/src/screens/HistoryScreen.tsx
+// History tab — transcription records list
+// Converted from Expo → RN CLI
+
+import React, { useEffect, useState, useCallback } from 'react'
+import { View, FlatList, StyleSheet, ActivityIndicator, RefreshControl, Pressable } from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import {
+  MetalCard,
+  PhosphorText,
+  Led,
+  Header,
+  FilterChip,
+  AppStatusBar,
+  d3roNativePalette
+} from '@d3ro/ui-native'
+import { useI18n } from '@d3ro/i18n'
+import { supabase, isSupabaseConfigured } from '../lib/supabase'
+
+interface HistoryEntry {
+  id: string
+  original_text: string | null
+  polished_text: string | null
+  mode: string
+  status: string
+  created_at: string
+  stt_model: string | null
+  word_count: number | null
+}
+
+type FilterType = 'all' | 'favorites' | 'processing'
+
+export default function HistoryScreen(): React.ReactElement {
+  const insets = useSafeAreaInsets()
+  const { t, formatTime, formatRelativeDate } = useI18n()
+  const [entries, setEntries] = useState<HistoryEntry[]>([])
+  const [loading, setLoading] = useState(true)
+  const [refreshing, setRefreshing] = useState(false)
+  const [filter, setFilter] = useState<FilterType>('all')
+
+  const load = useCallback(async (): Promise<void> => {
+    if (!isSupabaseConfigured()) {
+      setLoading(false)
+      return
+    }
+    try {
+      const query = supabase
+        .from('history')
+        .select('id, original_text, polished_text, mode, status, created_at, stt_model, word_count')
+        .order('created_at', { ascending: false })
+        .limit(50)
+
+      const { data, error } = await query
+      if (!error && data) {
+        setEntries(data as HistoryEntry[])
+      }
+    } finally {
+      setLoading(false)
+      setRefreshing(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    void load()
+  }, [load])
+
+  // Group entries by date
+  const grouped = groupByDate(entries, formatRelativeDate)
+
+  if (loading) {
+    return (
+      <View style={styles.center}>
+        <ActivityIndicator size="large" color={d3roNativePalette.accent.amber} />
+      </View>
+    )
+  }
+
+  return (
+    <View style={styles.container}>
+      <Header
+        title={t('mobile.hist.title')}
+        rightContent={<Led color="green" size={6} />}
+        paddingTop={insets.top}
+      />
+
+      {/* Filter Chips */}
+      <View style={styles.filters}>
+        <FilterChip
+          label={t('mobile.hist.all')}
+          active={filter === 'all'}
+          onPress={() => setFilter('all')}
+        />
+        <FilterChip
+          label={t('mobile.hist.saved')}
+          active={filter === 'favorites'}
+          onPress={() => setFilter('favorites')}
+        />
+        <FilterChip
+          label={t('mobile.hist.processing')}
+          active={filter === 'processing'}
+          onPress={() => setFilter('processing')}
+        />
+      </View>
+
+      <FlatList
+        data={grouped}
+        keyExtractor={(item) => item.id}
+        contentContainerStyle={entries.length === 0 ? styles.center : styles.listContent}
+        refreshControl={
+          <RefreshControl
+            refreshing={refreshing}
+            onRefresh={() => { setRefreshing(true); void load() }}
+            tintColor={d3roNativePalette.accent.amber}
+          />
+        }
+        ListEmptyComponent={
+          <PhosphorText variant="body" color="muted" style={styles.emptyText}>
+            {t('mobile.hist.empty')}
+          </PhosphorText>
+        }
+        renderItem={({ item }) => {
+          if (item.type === 'header') {
+            return (
+              <PhosphorText variant="label" color="muted" style={styles.dateHeader}>
+                {item.label}
+              </PhosphorText>
+            )
+          }
+          const entry = item.entry
+          const isOld = !isToday(entry.created_at)
+          return (
+            <Pressable>
+              <MetalCard style={[styles.card, isOld && styles.cardOld]}>
+                <View style={styles.cardHeader}>
+                  <View style={styles.cardHeaderLeft}>
+                    <Led
+                      color={entry.status === 'completed' ? 'green' : 'amber'}
+                      size={6}
+                      on={!isOld}
+                    />
+                    <PhosphorText variant="label" color="primary" style={styles.timeLabel}>
+                      {formatTime(new Date(entry.created_at).getTime())}
+                    </PhosphorText>
+                  </View>
+                  {entry.word_count != null && (
+                    <View style={styles.wordBadge}>
+                      <PhosphorText variant="label" color="amber">
+                        {entry.word_count} W
+                      </PhosphorText>
+                    </View>
+                  )}
+                </View>
+                <PhosphorText
+                  variant="body"
+                  color="primary"
+                  style={styles.transcriptText}
+                  numberOfLines={2}
+                >
+                  {entry.polished_text ?? entry.original_text ?? '(empty)'}
+                </PhosphorText>
+                <View style={styles.cardMeta}>
+                  <PhosphorText variant="label" color="muted">
+                    {entry.stt_model?.toUpperCase() ?? 'LOCAL'}
+                  </PhosphorText>
+                </View>
+              </MetalCard>
+            </Pressable>
+          )
+        }}
+        ListFooterComponent={<AppStatusBar />}
+      />
+    </View>
+  )
+}
+
+// Helpers
+
+interface GroupedItem {
+  id: string
+  type: 'header' | 'entry'
+  label?: string
+  entry: HistoryEntry
+}
+
+function isToday(dateStr: string): boolean {
+  const d = new Date(dateStr)
+  const now = new Date()
+  return d.toDateString() === now.toDateString()
+}
+
+function groupByDate(
+  entries: HistoryEntry[],
+  formatRelativeDate: (ts: number) => string
+): GroupedItem[] {
+  const result: GroupedItem[] = []
+  let lastDate = ''
+
+  for (const entry of entries) {
+    const dateLabel = formatRelativeDate(new Date(entry.created_at).getTime())
+    if (dateLabel !== lastDate) {
+      result.push({
+        id: `header-${dateLabel}`,
+        type: 'header',
+        label: dateLabel,
+        entry
+      })
+      lastDate = dateLabel
+    }
+    result.push({ id: entry.id, type: 'entry', entry })
+  }
+
+  return result
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, backgroundColor: d3roNativePalette.bg.app },
+  center: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 32,
+    backgroundColor: d3roNativePalette.bg.app
+  },
+  filters: {
+    flexDirection: 'row',
+    paddingHorizontal: 20,
+    paddingVertical: 12,
+    gap: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: d3roNativePalette.border.subtle
+  },
+  listContent: { padding: 20, paddingBottom: 120 },
+  emptyText: { textAlign: 'center' },
+  dateHeader: {
+    letterSpacing: 3,
+    marginBottom: 8,
+    marginTop: 16
+  },
+  card: { marginBottom: 12 },
+  cardOld: { opacity: 0.7 },
+  cardHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 8
+  },
+  cardHeaderLeft: { flexDirection: 'row', alignItems: 'center' },
+  timeLabel: { marginLeft: 8 },
+  wordBadge: {
+    backgroundColor: d3roNativePalette.accent.amberDim,
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 4
+  },
+  transcriptText: { marginBottom: 8 },
+  cardMeta: { flexDirection: 'row', gap: 12 }
+})
--- a/apps/mobile-rn/src/screens/LoginScreen.tsx
+++ b/apps/mobile-rn/src/screens/LoginScreen.tsx
@ -0,0 +1,334 @@
+// apps/mobile-rn/src/screens/LoginScreen.tsx
+// Login screen — D3RO styled
+// Converted from Expo → RN CLI
+// expo-web-browser → react-native-inappbrowser-reborn
+// expo-linking → react-native Linking
+// expo-router → @react-navigation/native useNavigation
+
+import React, { useState } from 'react'
+import { View, TextInput, StyleSheet, Alert, ScrollView, Pressable, Platform, Linking } from 'react-native'
+import InAppBrowser from 'react-native-inappbrowser-reborn'
+import { useNavigation } from '@react-navigation/native'
+import type { NativeStackNavigationProp } from '@react-navigation/native-stack'
+import {
+  d3roNativePalette,
+  d3roNativeFonts,
+  Led,
+  PhosphorText
+} from '@d3ro/ui-native'
+import { useI18n } from '@d3ro/i18n'
+import { supabase, isSupabaseConfigured } from '../lib/supabase'
+import { useAuth } from '../lib/auth-context'
+
+// Navigation type — matches RootStackParamList from navigation setup
+type RootStackParamList = {
+  Login: undefined
+  Main: undefined
+}
+
+type LoginNavProp = NativeStackNavigationProp<RootStackParamList, 'Login'>
+
+export default function LoginScreen(): React.ReactElement {
+  const { t } = useI18n()
+  const navigation = useNavigation<LoginNavProp>()
+  const [busy, setBusy] = useState(false)
+  const [email, setEmail] = useState('')
+  const [password, setPassword] = useState('')
+  const configured = isSupabaseConfigured()
+  const { devBypass } = useAuth()
+
+  function handleDevSkip(): void {
+    devBypass()
+    navigation.reset({ index: 0, routes: [{ name: 'Main' }] })
+  }
+
+  async function signInWithProvider(provider: 'google' | 'github' | 'apple'): Promise<void> {
+    if (!configured) {
+      Alert.alert('Not Configured', t('mobile.login.notConfigured'))
+      return
+    }
+    setBusy(true)
+    try {
+      const redirectTo = 'd3ro://auth-callback'
+      const { data, error } = await supabase.auth.signInWithOAuth({
+        provider,
+        options: { redirectTo, skipBrowserRedirect: true }
+      })
+
+      if (error || !data.url) {
+        Alert.alert('Login Failed', error?.message ?? 'Could not get OAuth URL')
+        return
+      }
+
+      if (await InAppBrowser.isAvailable()) {
+        const result = await InAppBrowser.openAuth(data.url, redirectTo, {
+          showTitle: false,
+          enableUrlBarHiding: true,
+          enableDefaultShare: false
+        })
+
+        if (result.type === 'success' && result.url) {
+          const url = new URL(result.url)
+          const code = url.searchParams.get('code')
+          if (code) {
+            const { error: exchangeErr } = await supabase.auth.exchangeCodeForSession(code)
+            if (exchangeErr) {
+              Alert.alert('Session Error', exchangeErr.message)
+            }
+          }
+        }
+      } else {
+        // Fallback: open in external browser
+        await Linking.openURL(data.url)
+      }
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  async function signInWithEmail(): Promise<void> {
+    if (!configured) {
+      Alert.alert('Not Configured', t('mobile.login.notConfigured'))
+      return
+    }
+    if (!email.trim() || !password.trim()) return
+    setBusy(true)
+    try {
+      const { error } = await supabase.auth.signInWithPassword({ email, password })
+      if (error) {
+        Alert.alert('Login Failed', error.message)
+      }
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  return (
+    <ScrollView
+      style={styles.container}
+      contentContainerStyle={styles.content}
+      keyboardShouldPersistTaps="handled"
+    >
+      {/* Logo & Branding */}
+      <View style={styles.branding}>
+        <View style={styles.leds}>
+          <Led color="amber" size={10} />
+          <Led color="green" size={10} />
+        </View>
+        <PhosphorText variant="title" color="primary" style={styles.titleText}>
+          {t('mobile.login.title')}
+        </PhosphorText>
+        <PhosphorText variant="label" color="muted" style={styles.subtitleText}>
+          {t('mobile.login.subtitle')}
+        </PhosphorText>
+      </View>
+
+      {/* OAuth Buttons */}
+      <View style={styles.oauthSection}>
+        <Pressable
+          style={({ pressed }) => [styles.oauthBtn, pressed && styles.oauthBtnPressed]}
+          onPress={() => void signInWithProvider('google')}
+          disabled={busy}
+        >
+          <PhosphorText variant="body" color="primary">G</PhosphorText>
+          <PhosphorText variant="body" color="primary" style={styles.oauthLabel}>
+            {t('mobile.login.google')}
+          </PhosphorText>
+        </Pressable>
+
+        <Pressable
+          style={({ pressed }) => [styles.oauthBtn, pressed && styles.oauthBtnPressed]}
+          onPress={() => void signInWithProvider('apple')}
+          disabled={busy}
+        >
+          <PhosphorText variant="body" color="primary" style={styles.appleIcon}>
+            {'\uF8FF'}
+          </PhosphorText>
+          <PhosphorText variant="body" color="primary" style={styles.oauthLabel}>
+            {t('mobile.login.apple')}
+          </PhosphorText>
+        </Pressable>
+
+        <Pressable
+          style={({ pressed }) => [styles.oauthBtn, pressed && styles.oauthBtnPressed]}
+          onPress={() => void signInWithProvider('github')}
+          disabled={busy}
+        >
+          <PhosphorText variant="body" color="primary">{'\u2318'}</PhosphorText>
+          <PhosphorText variant="body" color="primary" style={styles.oauthLabel}>
+            {t('mobile.login.github')}
+          </PhosphorText>
+        </Pressable>
+      </View>
+
+      {/* Divider */}
+      <View style={styles.divider}>
+        <View style={styles.dividerLine} />
+        <PhosphorText variant="label" color="muted" style={styles.dividerText}>
+          {t('mobile.login.or')}
+        </PhosphorText>
+        <View style={styles.dividerLine} />
+      </View>
+
+      {/* Email/Password Fields */}
+      <View style={styles.formSection}>
+        <View>
+          <PhosphorText variant="label" color="muted" style={styles.fieldLabel}>
+            {t('mobile.login.email')}
+          </PhosphorText>
+          <TextInput
+            style={styles.input}
+            placeholder="user@studio.com"
+            placeholderTextColor="rgba(113, 113, 122, 0.3)"
+            value={email}
+            onChangeText={setEmail}
+            keyboardType="email-address"
+            autoCapitalize="none"
+            autoCorrect={false}
+          />
+        </View>
+        <View>
+          <PhosphorText variant="label" color="muted" style={styles.fieldLabel}>
+            {t('mobile.login.password')}
+          </PhosphorText>
+          <TextInput
+            style={styles.input}
+            placeholder={'\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022'}
+            placeholderTextColor="rgba(113, 113, 122, 0.3)"
+            value={password}
+            onChangeText={setPassword}
+            secureTextEntry
+          />
+        </View>
+      </View>
+
+      {/* Login Button */}
+      <Pressable
+        style={({ pressed }) => [styles.loginBtn, pressed && { opacity: 0.9 }]}
+        onPress={() => void signInWithEmail()}
+        disabled={busy}
+      >
+        <PhosphorText variant="heading" style={styles.loginBtnText}>
+          {t('mobile.login.signIn')}
+        </PhosphorText>
+      </Pressable>
+
+      {/* Sign Up Link */}
+      <View style={styles.signupRow}>
+        <PhosphorText variant="small" color="muted">
+          {t('mobile.login.noAccount')}
+        </PhosphorText>
+        <Pressable>
+          <PhosphorText variant="small" color="amber">
+            {t('mobile.login.signUp')}
+          </PhosphorText>
+        </Pressable>
+      </View>
+
+      {/* DEV Skip */}
+      {__DEV__ && (
+        <Pressable style={styles.devSkipBtn} onPress={handleDevSkip}>
+          <PhosphorText variant="label" style={styles.devSkipText}>
+            {'\u26A1'} DEV SKIP LOGIN
+          </PhosphorText>
+        </Pressable>
+      )}
+
+      {/* Supabase Warning */}
+      {!configured && (
+        <View style={styles.warningBox}>
+          <PhosphorText variant="label" color="amber" style={styles.warningText}>
+            {'\u26A0'} {t('mobile.login.notConfigured')}
+          </PhosphorText>
+        </View>
+      )}
+    </ScrollView>
+  )
+}
+
+const P = d3roNativePalette
+
+const styles = StyleSheet.create({
+  container: { flex: 1, backgroundColor: P.bg.app },
+  content: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    paddingHorizontal: 24,
+    paddingBottom: 40,
+    paddingTop: 60
+  },
+  branding: { alignItems: 'center', marginBottom: 40 },
+  leds: { flexDirection: 'row', gap: 10, marginBottom: 20 },
+  titleText: { letterSpacing: 5 },
+  subtitleText: { marginTop: 8, letterSpacing: 2 },
+  oauthSection: { gap: 12, marginBottom: 24 },
+  oauthBtn: {
+    backgroundColor: P.bg.card,
+    borderWidth: 1,
+    borderColor: P.border.default,
+    borderRadius: 12,
+    paddingVertical: 14,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 12
+  },
+  oauthBtnPressed: { backgroundColor: P.bg.cardHover, borderColor: 'rgba(113,113,122,0.4)' },
+  oauthLabel: { fontFamily: d3roNativeFonts.sans },
+  appleIcon: { fontSize: 18 },
+  divider: { flexDirection: 'row', alignItems: 'center', gap: 16, marginBottom: 24 },
+  dividerLine: { flex: 1, height: 1, backgroundColor: P.border.default },
+  dividerText: { letterSpacing: 2 },
+  formSection: { gap: 16, marginBottom: 24 },
+  fieldLabel: { letterSpacing: 4, marginBottom: 6, marginLeft: 4 },
+  input: {
+    backgroundColor: P.bg.inset,
+    borderWidth: 1,
+    borderColor: P.border.default,
+    borderRadius: 12,
+    paddingVertical: 14,
+    paddingHorizontal: 16,
+    fontSize: 14,
+    color: P.text.primary,
+    fontFamily: Platform.OS === 'ios' ? 'System' : 'Roboto'
+  },
+  loginBtn: {
+    backgroundColor: P.accent.amber,
+    borderRadius: 12,
+    paddingVertical: 14,
+    alignItems: 'center',
+    shadowColor: P.accent.amber,
+    shadowOffset: { width: 0, height: 0 },
+    shadowOpacity: 0.3,
+    shadowRadius: 10,
+    elevation: 6,
+    marginBottom: 24
+  },
+  loginBtnText: { color: P.bg.app, letterSpacing: 1 },
+  signupRow: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: 6,
+    marginBottom: 16
+  },
+  warningBox: {
+    borderWidth: 1,
+    borderColor: 'rgba(255,92,53,0.3)',
+    backgroundColor: P.accent.amberDim,
+    padding: 12,
+    borderRadius: 8,
+    marginTop: 8
+  },
+  warningText: { textAlign: 'center' },
+  devSkipBtn: {
+    borderWidth: 1,
+    borderColor: P.accent.green,
+    borderRadius: 8,
+    paddingVertical: 10,
+    alignItems: 'center',
+    marginBottom: 12,
+    backgroundColor: 'rgba(74, 222, 128, 0.08)'
+  },
+  devSkipText: { color: P.accent.green, letterSpacing: 2 }
+})
--- a/apps/mobile-rn/src/screens/RecordScreen.tsx
+++ b/apps/mobile-rn/src/screens/RecordScreen.tsx
@ -0,0 +1,303 @@
+// apps/mobile-rn/src/screens/RecordScreen.tsx
+// Recording tab — audio recording + STT pipeline
+// Converted from Expo → RN CLI
+// TODO: Replace expo-av with react-native-audio-recorder-player
+
+import React, { useState, useRef } from 'react'
+import { View, StyleSheet, ActivityIndicator, ScrollView } from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import {
+  MetalCard,
+  PhosphorText,
+  PhysicalButton,
+  Led,
+  Header,
+  WaveBars,
+  AppStatusBar,
+  d3roNativePalette,
+  d3roNativeFonts
+} from '@d3ro/ui-native'
+import { useI18n } from '@d3ro/i18n'
+import { supabase, isSupabaseConfigured } from '../lib/supabase'
+
+type RecordingState = 'idle' | 'recording' | 'processing' | 'done' | 'error'
+
+// ----- Audio Recording Placeholder -----
+// expo-av has been removed. The following interface stubs the recorder
+// until react-native-audio-recorder-player is integrated.
+interface AudioRecorderPlaceholder {
+  startRecording: () => Promise<void>
+  stopRecording: () => Promise<string | null>
+  cancelRecording: () => Promise<void>
+  requestPermission: () => Promise<boolean>
+}
+
+function useAudioRecorderPlaceholder(): AudioRecorderPlaceholder {
+  return {
+    requestPermission: async () => {
+      // TODO: implement PermissionsAndroid / native permission request
+      return true
+    },
+    startRecording: async () => {
+      // TODO: AudioRecorderPlayer.startRecorder()
+    },
+    stopRecording: async () => {
+      // TODO: AudioRecorderPlayer.stopRecorder() → returns uri
+      return null
+    },
+    cancelRecording: async () => {
+      // TODO: AudioRecorderPlayer.stopRecorder() + delete temp file
+    }
+  }
+}
+// ----- End Audio Recording Placeholder -----
+
+export default function RecordScreen(): React.ReactElement {
+  const insets = useSafeAreaInsets()
+  const { t } = useI18n()
+  const [state, setState] = useState<RecordingState>('idle')
+  const [transcript, setTranscript] = useState<string>('')
+  const [error, setError] = useState<string | null>(null)
+  const [duration, setDuration] = useState(0)
+  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null)
+  const recorder = useAudioRecorderPlaceholder()
+
+  async function startRecording(): Promise<void> {
+    setError(null)
+    setTranscript('')
+    setDuration(0)
+
+    try {
+      const granted = await recorder.requestPermission()
+      if (!granted) {
+        setError(t('mobile.rec.micDenied'))
+        setState('error')
+        return
+      }
+
+      await recorder.startRecording()
+      setState('recording')
+
+      timerRef.current = setInterval(() => {
+        setDuration((d) => d + 1)
+      }, 1000)
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Failed to start')
+      setState('error')
+    }
+  }
+
+  async function stopRecording(): Promise<void> {
+    if (timerRef.current) {
+      clearInterval(timerRef.current)
+      timerRef.current = null
+    }
+    setState('processing')
+
+    try {
+      const uri = await recorder.stopRecording()
+
+      if (!uri) throw new Error('No recording URI')
+
+      if (!isSupabaseConfigured()) {
+        setError(t('mobile.rec.supabaseNotConfigured'))
+        setState('error')
+        return
+      }
+
+      const { data: { session } } = await supabase.auth.getSession()
+      if (!session) {
+        setError(t('mobile.rec.loginRequired'))
+        setState('error')
+        return
+      }
+
+      const formData = new FormData()
+      formData.append('audio', {
+        uri,
+        name: 'recording.m4a',
+        type: 'audio/m4a'
+      } as unknown as Blob)
+      formData.append('language_code', 'ko-KR')
+
+      // supabase URL is managed in lib/supabase — get base URL from client
+      const supabaseUrl = (supabase as unknown as { supabaseUrl: string }).supabaseUrl ?? ''
+      const response = await fetch(`${supabaseUrl}/functions/v1/stt-proxy`, {
+        method: 'POST',
+        headers: { Authorization: `Bearer ${session.access_token}` },
+        body: formData
+      })
+
+      if (!response.ok) throw new Error(`STT failed: ${response.status}`)
+
+      const result = (await response.json()) as { transcript: string }
+      setTranscript(result.transcript)
+      setState('done')
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Unknown error')
+      setState('error')
+    }
+  }
+
+  async function cancelRecording(): Promise<void> {
+    if (timerRef.current) {
+      clearInterval(timerRef.current)
+      timerRef.current = null
+    }
+    try { await recorder.cancelRecording() } catch { /* ignore */ }
+    setState('idle')
+    setTranscript('')
+    setError(null)
+    setDuration(0)
+  }
+
+  const formatTime = (s: number): string => {
+    const m = Math.floor(s / 60)
+    const sec = s % 60
+    return `${String(m).padStart(2, '0')}:${String(sec).padStart(2, '0')}`
+  }
+
+  const statusLabel =
+    state === 'recording' ? t('mobile.rec.recording')
+      : state === 'processing' ? t('mobile.rec.processing')
+        : state === 'done' ? t('mobile.rec.done')
+          : state === 'error' ? t('mobile.rec.error')
+            : t('mobile.rec.ready')
+
+  return (
+    <ScrollView style={styles.container} contentContainerStyle={styles.content}>
+      <Header
+        title={state === 'recording' ? t('mobile.rec.session') : t('mobile.rec.title')}
+        paddingTop={insets.top}
+        rightContent={
+          state === 'recording' ? (
+            <View style={styles.headerRight}>
+              <PhosphorText variant="label" color="amber">
+                {formatTime(duration)}
+              </PhosphorText>
+              <Led color="green" size={6} />
+            </View>
+          ) : undefined
+        }
+      />
+
+      {/* Wave Bars */}
+      <WaveBars active={state === 'recording'} />
+
+      {/* Transcript Area */}
+      <View style={styles.transcriptArea}>
+        {state === 'idle' && (
+          <PhosphorText
+            variant="small"
+            color="muted"
+            style={styles.initLog}
+          >
+            {t('mobile.rec.initLog')}
+          </PhosphorText>
+        )}
+
+        {state === 'processing' && (
+          <ActivityIndicator size="large" color={d3roNativePalette.accent.amber} />
+        )}
+
+        {transcript !== '' && state === 'done' && (
+          <View style={styles.transcriptBox}>
+            <PhosphorText variant="body" color="primary">
+              {transcript}
+            </PhosphorText>
+          </View>
+        )}
+
+        {error !== null && (
+          <View style={styles.errorBox}>
+            <PhosphorText variant="small" color="label">
+              {error}
+            </PhosphorText>
+          </View>
+        )}
+      </View>
+
+      {/* Status Line */}
+      {state === 'recording' && (
+        <View style={styles.listeningRow}>
+          <Led color="amber" size={6} />
+          <PhosphorText variant="label" color="amber" style={styles.listeningText}>
+            {t('mobile.rec.listening')}
+          </PhosphorText>
+          <PhosphorText variant="label" color="muted">
+            {t('mobile.rec.realtime')}
+          </PhosphorText>
+        </View>
+      )}
+
+      {/* Buttons */}
+      <View style={styles.buttons}>
+        {(state === 'idle' || state === 'done' || state === 'error') && (
+          <PhysicalButton
+            label={state === 'done' ? t('mobile.rec.newRecording') : t('mobile.rec.start')}
+            variant="primary"
+            onPress={() => void startRecording()}
+          />
+        )}
+        {state === 'recording' && (
+          <>
+            <PhysicalButton
+              label={t('mobile.rec.stop')}
+              variant="danger"
+              onPress={() => void stopRecording()}
+            />
+            <View style={styles.buttonSpacer} />
+            <PhysicalButton
+              label={t('mobile.rec.cancel')}
+              variant="secondary"
+              onPress={() => void cancelRecording()}
+            />
+          </>
+        )}
+      </View>
+
+      <AppStatusBar />
+    </ScrollView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, backgroundColor: d3roNativePalette.bg.app },
+  content: { paddingBottom: 100 },
+  headerRight: { flexDirection: 'row', alignItems: 'center', gap: 8 },
+  transcriptArea: {
+    minHeight: 160,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    paddingVertical: 24
+  },
+  initLog: {
+    fontFamily: d3roNativeFonts.mono,
+    textAlign: 'center'
+  },
+  transcriptBox: {
+    backgroundColor: d3roNativePalette.bg.inset,
+    padding: 12,
+    borderRadius: 8,
+    width: '100%'
+  },
+  errorBox: {
+    borderWidth: 1,
+    borderColor: d3roNativePalette.accent.amber,
+    backgroundColor: d3roNativePalette.accent.amberDim,
+    padding: 10,
+    borderRadius: 6,
+    width: '100%'
+  },
+  listeningRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8,
+    paddingBottom: 16
+  },
+  listeningText: { letterSpacing: 2 },
+  buttons: { paddingHorizontal: 20, paddingBottom: 16 },
+  buttonSpacer: { height: 12 }
+})
--- a/apps/mobile-rn/src/screens/SettingsScreen.tsx
+++ b/apps/mobile-rn/src/screens/SettingsScreen.tsx
@ -0,0 +1,210 @@
+// apps/mobile-rn/src/screens/SettingsScreen.tsx
+// Settings tab — account, backend, preferences
+// Converted from Expo → RN CLI
+
+import React from 'react'
+import { View, ScrollView, StyleSheet, Alert, Switch } from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import {
+  MetalCard,
+  PhosphorText,
+  PhysicalButton,
+  Led,
+  AppStatusBar,
+  d3roNativePalette
+} from '@d3ro/ui-native'
+import { useI18n } from '@d3ro/i18n'
+import { useAuth } from '../lib/auth-context'
+import { supabase } from '../lib/supabase'
+
+export default function SettingsScreen(): React.ReactElement {
+  const insets = useSafeAreaInsets()
+  const { t } = useI18n()
+  const { user } = useAuth()
+
+  async function handleLogout(): Promise<void> {
+    Alert.alert(t('mobile.set.logout'), t('mobile.set.logoutConfirm'), [
+      { text: t('mobile.rec.cancel'), style: 'cancel' },
+      {
+        text: t('mobile.set.logout'),
+        style: 'destructive',
+        onPress: async () => {
+          await supabase.auth.signOut()
+        }
+      }
+    ])
+  }
+
+  const initials = user?.email
+    ? user.email.substring(0, 2).toUpperCase()
+    : 'US'
+
+  return (
+    <ScrollView style={styles.container} contentContainerStyle={styles.content}>
+      <PhosphorText
+        variant="title"
+        color="primary"
+        style={[styles.title, { paddingTop: insets.top + 8 }]}
+      >
+        {t('mobile.set.title')}
+      </PhosphorText>
+
+      {/* Account Section */}
+      <PhosphorText variant="label" color="muted" style={styles.sectionLabel}>
+        {t('mobile.set.accountPlan')}
+      </PhosphorText>
+      <MetalCard style={styles.section}>
+        <View style={styles.profileRow}>
+          <View style={styles.avatar}>
+            <PhosphorText variant="body" color="amber">{initials}</PhosphorText>
+          </View>
+          <View style={styles.profileInfo}>
+            <PhosphorText variant="body" color="primary">
+              {user?.email?.split('@')[0] ?? 'User'}
+            </PhosphorText>
+            <PhosphorText variant="label" color="muted">
+              {user?.email ?? '\u2014'}
+            </PhosphorText>
+          </View>
+        </View>
+        <View style={[styles.row, styles.rowInset]}>
+          <PhosphorText variant="small" color="muted">{t('mobile.dash.tier')}</PhosphorText>
+          <View style={styles.rowRight}>
+            <Led color="amber" size={6} />
+            <PhosphorText variant="body" color="amber" style={styles.rowValue}>
+              {t('mobile.dash.free')}
+            </PhosphorText>
+          </View>
+        </View>
+      </MetalCard>
+
+      {/* Backend Section */}
+      <PhosphorText variant="label" color="muted" style={styles.sectionLabel}>
+        {t('mobile.set.backendConfig')}
+      </PhosphorText>
+      <MetalCard style={styles.section}>
+        <View style={styles.row}>
+          <View>
+            <PhosphorText variant="body" color="primary">{t('mobile.set.llmModel')}</PhosphorText>
+            <PhosphorText variant="label" color="muted">{t('mobile.set.llmDesc')}</PhosphorText>
+          </View>
+          <PhosphorText variant="body" color="amber">CLAUDE</PhosphorText>
+        </View>
+        <View style={[styles.row, styles.rowBorder]}>
+          <View>
+            <PhosphorText variant="body" color="primary">{t('mobile.set.cloudStt')}</PhosphorText>
+            <PhosphorText variant="label" color="muted">{t('mobile.set.cloudSttDesc')}</PhosphorText>
+          </View>
+          <Switch
+            value={true}
+            trackColor={{
+              false: d3roNativePalette.bg.inset,
+              true: d3roNativePalette.accent.amber
+            }}
+            thumbColor="#ffffff"
+          />
+        </View>
+      </MetalCard>
+
+      {/* Preferences Section */}
+      <PhosphorText variant="label" color="muted" style={styles.sectionLabel}>
+        {t('mobile.set.preferences')}
+      </PhosphorText>
+      <MetalCard style={styles.section}>
+        <View style={styles.row}>
+          <PhosphorText variant="body" color="primary">{t('mobile.set.language')}</PhosphorText>
+          <PhosphorText variant="body" color="muted">Korean</PhosphorText>
+        </View>
+        <View style={[styles.row, styles.rowBorder]}>
+          <PhosphorText variant="body" color="primary">{t('mobile.set.autoPolish')}</PhosphorText>
+          <Switch
+            value={true}
+            trackColor={{
+              false: d3roNativePalette.bg.inset,
+              true: d3roNativePalette.accent.amber
+            }}
+            thumbColor="#ffffff"
+          />
+        </View>
+        <View style={[styles.row, styles.rowBorder]}>
+          <PhosphorText variant="body" color="primary">{t('mobile.set.haptic')}</PhosphorText>
+          <Switch
+            value={true}
+            trackColor={{
+              false: d3roNativePalette.bg.inset,
+              true: d3roNativePalette.accent.amber
+            }}
+            thumbColor="#ffffff"
+          />
+        </View>
+      </MetalCard>
+
+      {/* Logout */}
+      <View style={styles.logoutWrap}>
+        <PhysicalButton
+          label={t('mobile.set.logout')}
+          variant="secondary"
+          onPress={() => void handleLogout()}
+        />
+      </View>
+
+      {/* Status Footer */}
+      <AppStatusBar />
+    </ScrollView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, backgroundColor: d3roNativePalette.bg.app },
+  content: { paddingBottom: 120 },
+  title: {
+    paddingHorizontal: 20,
+    paddingBottom: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: d3roNativePalette.border.subtle
+  },
+  sectionLabel: {
+    paddingHorizontal: 24,
+    paddingTop: 20,
+    paddingBottom: 8,
+    letterSpacing: 3
+  },
+  section: {
+    marginHorizontal: 20,
+    padding: 0,
+    overflow: 'hidden'
+  },
+  profileRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    gap: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: d3roNativePalette.border.subtle
+  },
+  avatar: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: d3roNativePalette.bg.inset,
+    borderWidth: 1,
+    borderColor: d3roNativePalette.border.default,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  profileInfo: { gap: 2 },
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 16
+  },
+  rowInset: { backgroundColor: d3roNativePalette.bg.inset },
+  rowBorder: {
+    borderTopWidth: 1,
+    borderTopColor: d3roNativePalette.border.subtle
+  },
+  rowRight: { flexDirection: 'row', alignItems: 'center' },
+  rowValue: { marginLeft: 8 },
+  logoutWrap: { margin: 20 }
+})
--- a/apps/mobile-rn/src/screens/TalkScreen.tsx
+++ b/apps/mobile-rn/src/screens/TalkScreen.tsx
@ -0,0 +1,224 @@
+// apps/mobile-rn/src/screens/TalkScreen.tsx
+// AI Chat tab — text+voice chat
+// Converted from Expo → RN CLI
+
+import React, { useState, useRef } from 'react'
+import {
+  View,
+  ScrollView,
+  TextInput,
+  StyleSheet,
+  Pressable,
+  KeyboardAvoidingView,
+  Platform
+} from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import {
+  PhosphorText,
+  Led,
+  Header,
+  AppStatusBar,
+  d3roNativePalette,
+  d3roNativeFonts
+} from '@d3ro/ui-native'
+import { useI18n } from '@d3ro/i18n'
+
+interface ChatMessage {
+  id: string
+  role: 'user' | 'assistant'
+  content: string
+}
+
+export default function TalkScreen(): React.ReactElement {
+  const insets = useSafeAreaInsets()
+  const { t } = useI18n()
+  const scrollRef = useRef<ScrollView>(null)
+  const [messages, setMessages] = useState<ChatMessage[]>([
+    {
+      id: '1',
+      role: 'assistant',
+      content: t('mobile.talk.greeting')
+    }
+  ])
+  const [input, setInput] = useState('')
+
+  function handleSend(): void {
+    if (!input.trim()) return
+    const userMsg: ChatMessage = {
+      id: String(Date.now()),
+      role: 'user',
+      content: input.trim()
+    }
+    setMessages((prev) => [...prev, userMsg])
+    setInput('')
+    // Phase M-5: actual AI response
+    setTimeout(() => {
+      scrollRef.current?.scrollToEnd({ animated: true })
+    }, 100)
+  }
+
+  return (
+    <KeyboardAvoidingView
+      style={styles.container}
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+      keyboardVerticalOffset={80}
+    >
+      <Header
+        title={t('mobile.talk.title')}
+        paddingTop={insets.top}
+        rightContent={
+          <View style={styles.headerRight}>
+            <PhosphorText variant="label" color="amber">{t('mobile.talk.live')}</PhosphorText>
+            <Led color="green" size={6} />
+          </View>
+        }
+      />
+
+      {/* Chat Messages */}
+      <ScrollView
+        ref={scrollRef}
+        style={styles.chatArea}
+        contentContainerStyle={styles.chatContent}
+      >
+        {/* Date Badge */}
+        <View style={styles.dateBadge}>
+          <PhosphorText variant="label" color="muted">
+            {new Date().toLocaleDateString(undefined, {
+              month: 'short',
+              day: 'numeric'
+            }).toUpperCase()}
+          </PhosphorText>
+        </View>
+
+        {messages.map((msg) => (
+          <View
+            key={msg.id}
+            style={[
+              styles.bubble,
+              msg.role === 'user' ? styles.userBubble : styles.aiBubble
+            ]}
+          >
+            <PhosphorText
+              variant="body"
+              color={msg.role === 'user' ? 'amber' : 'primary'}
+              style={styles.bubbleText}
+            >
+              {msg.content}
+            </PhosphorText>
+            <PhosphorText variant="label" color="muted" style={styles.bubbleLabel}>
+              {msg.role === 'user' ? t('mobile.talk.you') : t('mobile.talk.claude')}
+            </PhosphorText>
+          </View>
+        ))}
+      </ScrollView>
+
+      {/* Input Area */}
+      <View style={styles.inputArea}>
+        <View style={styles.inputRow}>
+          <TextInput
+            style={styles.textInput}
+            placeholder={t('mobile.talk.placeholder')}
+            placeholderTextColor={d3roNativePalette.text.muted}
+            value={input}
+            onChangeText={setInput}
+            onSubmitEditing={handleSend}
+            returnKeyType="send"
+          />
+          <Pressable style={styles.sendBtn} onPress={handleSend}>
+            <View style={styles.sendArrow} />
+          </Pressable>
+        </View>
+        <AppStatusBar style={styles.inputStatus} />
+      </View>
+    </KeyboardAvoidingView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, backgroundColor: d3roNativePalette.bg.app },
+  headerRight: { flexDirection: 'row', alignItems: 'center', gap: 8 },
+  chatArea: { flex: 1 },
+  chatContent: { padding: 20, paddingBottom: 20, gap: 16 },
+  dateBadge: {
+    alignSelf: 'center',
+    backgroundColor: d3roNativePalette.bg.card,
+    borderWidth: 1,
+    borderColor: d3roNativePalette.border.default,
+    borderRadius: 999,
+    paddingHorizontal: 12,
+    paddingVertical: 4,
+    marginBottom: 8
+  },
+  bubble: {
+    maxWidth: '85%',
+    padding: 16,
+    borderRadius: 16,
+    marginBottom: 20
+  },
+  aiBubble: {
+    alignSelf: 'flex-start',
+    backgroundColor: d3roNativePalette.bg.card,
+    borderWidth: 1,
+    borderColor: d3roNativePalette.border.default,
+    borderTopLeftRadius: 4
+  },
+  userBubble: {
+    alignSelf: 'flex-end',
+    backgroundColor: d3roNativePalette.accent.amberDim,
+    borderWidth: 1,
+    borderColor: 'rgba(255, 92, 53, 0.3)',
+    borderTopRightRadius: 4
+  },
+  bubbleText: { fontFamily: d3roNativeFonts.sans },
+  bubbleLabel: {
+    position: 'absolute',
+    bottom: -16,
+    fontSize: 9,
+    letterSpacing: 1
+  },
+  inputArea: {
+    backgroundColor: 'rgba(25, 25, 27, 0.95)',
+    borderTopWidth: 1,
+    borderTopColor: d3roNativePalette.border.default,
+    paddingHorizontal: 12,
+    paddingTop: 12,
+    paddingBottom: 8
+  },
+  inputRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: d3roNativePalette.bg.inset,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: d3roNativePalette.border.default,
+    padding: 8
+  },
+  textInput: {
+    flex: 1,
+    color: d3roNativePalette.text.primary,
+    fontSize: 14,
+    paddingHorizontal: 8,
+    fontFamily: d3roNativeFonts.sans
+  },
+  sendBtn: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    backgroundColor: d3roNativePalette.accent.amberDim,
+    borderWidth: 1,
+    borderColor: 'rgba(255, 92, 53, 0.3)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  sendArrow: {
+    width: 0,
+    height: 0,
+    borderLeftWidth: 5,
+    borderRightWidth: 5,
+    borderBottomWidth: 8,
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+    borderBottomColor: d3roNativePalette.accent.amber
+  },
+  inputStatus: { paddingVertical: 4 }
+})
--- a/apps/mobile-rn/tsconfig.json
+++ b/apps/mobile-rn/tsconfig.json
@ -0,0 +1,8 @@
+{
+  "extends": "@react-native/typescript-config",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["**/node_modules", "**/Pods"]
+}