diff --git a/.cursor/rules/project-overview.mdc b/.cursor/rules/project-overview.mdc
index ee74b27..faffe37 100644
--- a/.cursor/rules/project-overview.mdc
+++ b/.cursor/rules/project-overview.mdc
@@ -11,7 +11,7 @@ Offline-first **Expo SDK 56** (React Native **0.85**, React **19.2.3**) companio
 
 - Entry: `App.tsx` → `initializeDatabase()` → `syncAllData()` → `AppNavigator`
 - App config: `app.config.ts` (EAS project ID, plugins, package id)
-- Screens: `src/app/tabs/` (`ProjectList`, `ViewProject`, `ViewChapter`)
+- Screens: `src/app/tabs/` (`ProjectList`, `ViewProject`, `drafting/DraftingPage` + `RecordTab`)
 - API: `src/services/api.ts` (`FluentAPI`)
 - Sync: `src/services/sync.ts`
 - DB writes: `src/db/repository.ts` | reads: `src/db/queries.ts`
diff --git a/app.config.ts b/app.config.ts
index 2f3eb57..f09b711 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -74,6 +74,14 @@ const config: ExpoConfig = {
     ],
     './plugins/withRNScreensFragmentFactory',
     'expo-secure-store',
+    'expo-asset',
+    [
+      'expo-audio',
+      {
+        microphonePermission:
+          'Fluent needs access to your microphone so translators can record verse drafts.',
+      },
+    ],
   ],
 };
 
diff --git a/docs/AGENT_ONBOARDING.md b/docs/AGENT_ONBOARDING.md
index f64d9b0..c2b60f2 100644
--- a/docs/AGENT_ONBOARDING.md
+++ b/docs/AGENT_ONBOARDING.md
@@ -32,7 +32,7 @@ Quick map for Cursor agents, other coding tools, and new contributors. Verified
 | Path | Purpose |
 |------|---------|
 | [`App.tsx`](../App.tsx) | Root: DB init + initial `syncAllData`, then navigator |
-| [`src/app/tabs/`](../src/app/tabs/) | Screens: `ProjectList`, `ViewProject`, `ViewChapter` |
+| [`src/app/tabs/`](../src/app/tabs/) | Screens: `ProjectList`, `ViewProject`, `drafting/DraftingPage` (parent shell stub for #47) with `RecordTab` (#49) |
 | [`src/navigation/`](../src/navigation/) | Stack navigator |
 | [`src/services/api.ts`](../src/services/api.ts) | HTTP client (`FluentAPI`) — see [api-client-standard.md](guides/api-client-standard.md) |
 | [`src/services/sync.ts`](../src/services/sync.ts) | Sync orchestration, retries, KV counts |
@@ -209,7 +209,9 @@ When adding features: mock `op-sqlite`, navigation, and sync in screen tests fol
 - [x] Dependabot reviewers: `eten-tech-foundation/fluent-admin`
 - [x] Mock or gate `fluent-api.test.ts` for offline CI
 - [ ] Align `format:check` glob with `format` or document intentionally narrow check
-- [ ] Wire `recordings` table to actual audio capture/upload
+- [x] Wire `recordings` table to actual audio capture (issue #49 — upload still pending)
+- [ ] Upload/sync draft recordings to the Fluent server (`sync_status='pending'` rows)
+- [ ] Replace parent drafting shell stub with full #47 implementation (chapter audio player, tab persistence)
 
 ## Related docs
 
diff --git a/modules/aac-remux/android/build.gradle b/modules/aac-remux/android/build.gradle
new file mode 100644
index 0000000..cffab04
--- /dev/null
+++ b/modules/aac-remux/android/build.gradle
@@ -0,0 +1,18 @@
+plugins {
+  id 'com.android.library'
+  id 'expo-module-gradle-plugin'
+}
+
+group = 'expo.modules.aacremux'
+version = '0.1.0'
+
+android {
+  namespace "expo.modules.aacremux"
+  defaultConfig {
+    versionCode 1
+    versionName "0.1.0"
+  }
+  lintOptions {
+    abortOnError false
+  }
+}
diff --git a/modules/aac-remux/android/src/main/AndroidManifest.xml b/modules/aac-remux/android/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..a2f47b6
--- /dev/null
+++ b/modules/aac-remux/android/src/main/AndroidManifest.xml
@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>
diff --git a/modules/aac-remux/android/src/main/java/expo/modules/aacremux/AacRemuxModule.kt b/modules/aac-remux/android/src/main/java/expo/modules/aacremux/AacRemuxModule.kt
new file mode 100644
index 0000000..a49c0ef
--- /dev/null
+++ b/modules/aac-remux/android/src/main/java/expo/modules/aacremux/AacRemuxModule.kt
@@ -0,0 +1,116 @@
+package expo.modules.aacremux
+
+import android.media.MediaCodec
+import android.media.MediaExtractor
+import android.media.MediaFormat
+import android.media.MediaMuxer
+import android.net.Uri
+import expo.modules.kotlin.exception.CodedException
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+import java.nio.ByteBuffer
+
+/**
+ * Repackages a raw ADTS AAC (`.aac`) recording into an MP4/M4A container without
+ * re-encoding. ADTS is what we capture (self-framing, so it survives a process
+ * kill and concatenates by byte-append), but ExoPlayer cannot reliably seek a
+ * raw ADTS stream. Copying the AAC elementary stream into an MP4 container adds
+ * the sample table that makes review playback seekable — a lossless remux, not
+ * a transcode.
+ */
+class AacRemuxModule : Module() {
+  override fun definition() = ModuleDefinition {
+    Name("AacRemux")
+
+    AsyncFunction("remuxToMp4") { sourceUri: String, destUri: String ->
+      remux(toFilePath(sourceUri), toFilePath(destUri))
+      destUri
+    }
+  }
+
+  private fun toFilePath(uri: String): String =
+    if (uri.startsWith("file://")) {
+      Uri.parse(uri).path ?: uri.removePrefix("file://")
+    } else {
+      uri
+    }
+
+  private fun remux(srcPath: String, dstPath: String) {
+    val extractor = MediaExtractor()
+    var muxer: MediaMuxer? = null
+    var muxerStarted = false
+    try {
+      extractor.setDataSource(srcPath)
+
+      var audioTrackIndex = -1
+      var trackFormat: MediaFormat? = null
+      for (i in 0 until extractor.trackCount) {
+        val candidate = extractor.getTrackFormat(i)
+        val mime = candidate.getString(MediaFormat.KEY_MIME)
+        if (mime != null && mime.startsWith("audio/")) {
+          audioTrackIndex = i
+          trackFormat = candidate
+          break
+        }
+      }
+
+      val format = trackFormat
+        ?: throw CodedException("No audio track found in $srcPath")
+      extractor.selectTrack(audioTrackIndex)
+
+      // ADTS carries no container timestamps, so synthesize monotonically
+      // increasing presentation times from the fixed AAC frame length
+      // (1024 samples per frame). MP4 requires increasing timestamps.
+      val sampleRate = if (format.containsKey(MediaFormat.KEY_SAMPLE_RATE)) {
+        format.getInteger(MediaFormat.KEY_SAMPLE_RATE)
+      } else {
+        44100
+      }
+      val frameDurationUs = 1_000_000L * 1024L / sampleRate
+
+      muxer = MediaMuxer(dstPath, MediaMuxer.OutputFormat.MUXER_OUTPUT_MPEG_4)
+      val outputTrackIndex = muxer.addTrack(format)
+      muxer.start()
+      muxerStarted = true
+
+      val maxInputSize = if (format.containsKey(MediaFormat.KEY_MAX_INPUT_SIZE)) {
+        format.getInteger(MediaFormat.KEY_MAX_INPUT_SIZE).coerceAtLeast(64 * 1024)
+      } else {
+        256 * 1024
+      }
+      val buffer = ByteBuffer.allocate(maxInputSize)
+      val bufferInfo = MediaCodec.BufferInfo()
+      var presentationTimeUs = 0L
+
+      while (true) {
+        val sampleSize = extractor.readSampleData(buffer, 0)
+        if (sampleSize < 0) {
+          break
+        }
+        bufferInfo.offset = 0
+        bufferInfo.size = sampleSize
+        bufferInfo.presentationTimeUs = presentationTimeUs
+        bufferInfo.flags = MediaCodec.BUFFER_FLAG_KEY_FRAME
+        muxer.writeSampleData(outputTrackIndex, buffer, bufferInfo)
+        presentationTimeUs += frameDurationUs
+        extractor.advance()
+      }
+    } catch (e: CodedException) {
+      throw e
+    } catch (e: Exception) {
+      throw CodedException("Failed to remux AAC to MP4: ${e.message}")
+    } finally {
+      if (muxerStarted) {
+        try {
+          muxer?.stop()
+        } catch (_: Exception) {
+        }
+      }
+      try {
+        muxer?.release()
+      } catch (_: Exception) {
+      }
+      extractor.release()
+    }
+  }
+}
diff --git a/modules/aac-remux/expo-module.config.json b/modules/aac-remux/expo-module.config.json
new file mode 100644
index 0000000..dded5a4
--- /dev/null
+++ b/modules/aac-remux/expo-module.config.json
@@ -0,0 +1,6 @@
+{
+  "platforms": ["android"],
+  "android": {
+    "modules": ["expo.modules.aacremux.AacRemuxModule"]
+  }
+}
diff --git a/package-lock.json b/package-lock.json
index 538ee08..3d83de8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,8 +17,12 @@
         "@tanstack/react-query": "^5.96.1",
         "babel-preset-expo": "~56.0.0",
         "expo": "~56.0.15",
+        "expo-asset": "~56.0.19",
+        "expo-audio": "~56.0.12",
         "expo-build-properties": "~56.0.22",
+        "expo-crypto": "~56.0.4",
         "expo-dev-client": "~56.0.22",
+        "expo-file-system": "~56.0.8",
         "expo-secure-store": "~56.0.4",
         "expo-updates": "~56.0.21",
         "lucide-react-native": "^0.544.0",
@@ -2362,9 +2366,9 @@
       }
     },
     "node_modules/@expo/env": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/@expo/env/-/env-2.4.1.tgz",
-      "integrity": "sha512-3c9Mg9x0HmGPEsVrGAGyEDJsNUOZ55cZvZ47/HLmXh7MHV9Zv7My73wThklKrObaBBoMfE4YqpKjYKDRzojpjQ==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@expo/env/-/env-2.3.1.tgz",
+      "integrity": "sha512-JvBdZa5OkTd+dGEtt3fLW9OF6RlIp9SNu9VyMSiWPV5szMDTSAYbX8Uj3cRvZcU1zzaRbqnTSsHk2AE8WXHfxQ==",
       "license": "MIT",
       "dependencies": {
         "chalk": "^4.0.0",
@@ -2511,6 +2515,81 @@
         "metro-transform-worker": "0.84.4"
       }
     },
+    "node_modules/@expo/metro-config": {
+      "version": "56.0.16",
+      "resolved": "https://registry.npmjs.org/@expo/metro-config/-/metro-config-56.0.16.tgz",
+      "integrity": "sha512-mxPZ23exC6kkEpPYQOteamaiWYER3uDk2IqKys7EJwtIKc3F1207Xtsdko/DNNG04DLwpN/WM2UlNl+Ak8uPRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.20.0",
+        "@babel/core": "^7.20.0",
+        "@babel/generator": "^7.20.5",
+        "@expo/config": "~56.0.11",
+        "@expo/env": "~2.3.1",
+        "@expo/json-file": "~10.2.0",
+        "@expo/metro": "~56.0.0",
+        "@expo/require-utils": "^56.1.4",
+        "@expo/spawn-async": "^1.8.0",
+        "@jridgewell/gen-mapping": "^0.3.13",
+        "@jridgewell/remapping": "^2.3.5",
+        "@jridgewell/sourcemap-codec": "^1.5.5",
+        "browserslist": "^4.25.0",
+        "chalk": "^4.1.0",
+        "debug": "^4.3.2",
+        "getenv": "^2.0.0",
+        "glob": "^13.0.0",
+        "hermes-parser": "^0.33.3",
+        "jsc-safe-url": "^0.2.4",
+        "lightningcss": "^1.30.1",
+        "picomatch": "^4.0.4",
+        "postcss": "^8.5.14",
+        "resolve-from": "^5.0.0"
+      },
+      "peerDependencies": {
+        "expo": "*"
+      },
+      "peerDependenciesMeta": {
+        "expo": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@expo/metro-config/node_modules/hermes-estree": {
+      "version": "0.33.3",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.33.3.tgz",
+      "integrity": "sha512-6kzYZHCk8Fy1Uc+t3HGYyJn3OL4aeqKLTyina4UFtWl8I0kSL7OmKThaiX+Uh2f8nGw3mo4Ifxg0M5Zk3/Oeqg==",
+      "license": "MIT"
+    },
+    "node_modules/@expo/metro-config/node_modules/hermes-parser": {
+      "version": "0.33.3",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.33.3.tgz",
+      "integrity": "sha512-Yg3HgaG4CqgyowtYjX/FsnPAuZdHOqSMtnbpylbptsQ9nwwSKsy6uRWcGO5RK0EqiX12q8HvDWKgeAVajRO5DA==",
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.33.3"
+      }
+    },
+    "node_modules/@expo/metro-config/node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/@expo/metro-config/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/@expo/metro-file-map": {
       "version": "56.0.3",
       "resolved": "https://registry.npmjs.org/@expo/metro-file-map/-/metro-file-map-56.0.3.tgz",
@@ -2975,9 +3054,9 @@
       }
     },
     "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
-      "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.15.0.tgz",
+      "integrity": "sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
@@ -3130,9 +3209,9 @@
       }
     },
     "node_modules/@jest/diff-sequences": {
-      "version": "30.3.0",
-      "resolved": "https://registry.npmjs.org/@jest/diff-sequences/-/diff-sequences-30.3.0.tgz",
-      "integrity": "sha512-cG51MVnLq1ecVUaQ3fr6YuuAOitHK1S4WUJHnsPFE/quQr33ADUx1FfrTCpMCRxvy0Yr9BThKpDjSlcTi91tMA==",
+      "version": "30.4.0",
+      "resolved": "https://registry.npmjs.org/@jest/diff-sequences/-/diff-sequences-30.4.0.tgz",
+      "integrity": "sha512-zOpzlfUs45l6u7jm39qr87JCHUDsaeCtvL+kQe/Vn9jSnRB4/5IPXISm0h9I1vZW/o00Kn4UTJ2MOlhnUGwv3g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3717,9 +3796,9 @@
       }
     },
     "node_modules/@react-native-community/cli/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "devOptional": true,
       "license": "ISC",
       "bin": {
@@ -4047,11 +4126,10 @@
         "react": "^19.2.3"
       }
     },
-    "node_modules/@react-native/jest-preset/node_modules/@react-native/js-polyfills": {
+    "node_modules/@react-native/js-polyfills": {
       "version": "0.85.3",
       "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.85.3.tgz",
       "integrity": "sha512-U2+aMshIXf1uFn77tpBb/xhHWB9vkVrMpt7kkucAugF8hJKYTDGB587X7WwelHduK2KBfhl4giSv0rzZGoef9A==",
-      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": "^20.19.4 || ^22.13.0 || ^24.3.0 || >= 25.0.0"
@@ -4599,9 +4677,9 @@
       }
     },
     "node_modules/@testing-library/react-native/node_modules/@jest/schemas": {
-      "version": "30.0.5",
-      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.5.tgz",
-      "integrity": "sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==",
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.4.1.tgz",
+      "integrity": "sha512-i6b4qw5qnP8c5FEeBJg/uZQ4ddrkN6Ca8qISJh0pr7a5hfn3h3v5x60BEbOC7OYAGZNMs1LfFLwnW2CuK8F57Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4632,27 +4710,21 @@
       }
     },
     "node_modules/@testing-library/react-native/node_modules/pretty-format": {
-      "version": "30.3.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.3.0.tgz",
-      "integrity": "sha512-oG4T3wCbfeuvljnyAzhBvpN45E8iOTXCU/TD3zXW80HA3dQ4ahdqMkWGiPWZvjpQwlbyHrPTWUAqUzGzv4l1JQ==",
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.4.1.tgz",
+      "integrity": "sha512-K6KiKMHTL4jjX4u3Kir2EW07nRfcqVTXIImx50wbjHQTcZPgg+gjVeNTIT3l3L1Rd4UefxfogquC9J37SoFyyw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
+        "@jest/schemas": "30.4.1",
         "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "react-is-18": "npm:react-is@^18.3.1",
+        "react-is-19": "npm:react-is@^19.2.5"
       },
       "engines": {
         "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/@testing-library/react-native/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@tootallnate/once": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.1.tgz",
@@ -5020,9 +5092,9 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -5100,9 +5172,9 @@
       "license": "MIT"
     },
     "node_modules/@xmldom/xmldom": {
-      "version": "0.8.12",
-      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.12.tgz",
-      "integrity": "sha512-9k/gHF6n/pAi/9tqr3m3aqkuiNosYTurLLUtc7xQ9sxB/wm7WPygCv8GYa6mS0fLJEHhqMC1ATYhz++U/lRHqg==",
+      "version": "0.8.13",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.13.tgz",
+      "integrity": "sha512-KRYzxepc14G/CEpEGc3Yn+JKaAeT63smlDr+vjB8jRfgTBBI9wRj/nkQEO+ucV8p8I9bfKLWp37uHgFrbntPvw==",
       "license": "MIT",
       "engines": {
         "node": ">=10.0.0"
@@ -5755,9 +5827,9 @@
       }
     },
     "node_modules/babel-preset-expo": {
-      "version": "56.0.15",
-      "resolved": "https://registry.npmjs.org/babel-preset-expo/-/babel-preset-expo-56.0.15.tgz",
-      "integrity": "sha512-0MqbQoM6nBUbKvgu2xJ4VixZnUTGTq3HB2WwvOikdO4CiPxbQ+wGA25fOoHHSni5iEFW39wy6y1ookTWlq3wVw==",
+      "version": "56.0.16",
+      "resolved": "https://registry.npmjs.org/babel-preset-expo/-/babel-preset-expo-56.0.16.tgz",
+      "integrity": "sha512-HkTZP+nWVGTibw+JCiy2yCXPPXhFUbqG6xdZRSnnAv+tZUdsCdvGnfEl14shS1mZWIY0VSf/rWpkzIEsZKyqhQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/generator": "^7.20.5",
@@ -5806,7 +5878,7 @@
       "peerDependencies": {
         "@babel/runtime": "^7.20.0",
         "expo": "*",
-        "expo-widgets": "^56.0.18",
+        "expo-widgets": "^56.0.20",
         "react-refresh": ">=0.14.0 <1.0.0"
       },
       "peerDependenciesMeta": {
@@ -5866,7 +5938,6 @@
       "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.7.2.tgz",
       "integrity": "sha512-aTvMFUWkBmjzKtEQMDGGDNF8bkfpD5N1b/FCwt7A3wrU4t1o/e/85Wzkluh6JlODCjqVESYCkQCdTXqZ9G7VFg==",
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "bare-events": "^2.5.4",
         "bare-path": "^3.0.0",
@@ -5891,7 +5962,6 @@
       "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.9.1.tgz",
       "integrity": "sha512-6M5XjcnsygQNPMCMPXSK379xrJFiZ/AEMNBmFEmQW8d/789VQATvriyi5r0HYTL9TkQ26rn3kgdTG3aisbrXkQ==",
       "license": "Apache-2.0",
-      "optional": true,
       "engines": {
         "bare": ">=1.14.0"
       }
@@ -5901,7 +5971,6 @@
       "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.1.tgz",
       "integrity": "sha512-ghj2DSK/2e99a1anTVPCV4m4YIYtrbXhfM7V3D7XZLOTsybnYyaJloymGqssQc8l/or0UoDyRtNQkmkEF/ysgQ==",
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "bare-os": "^3.0.1"
       }
@@ -5911,7 +5980,6 @@
       "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.13.1.tgz",
       "integrity": "sha512-Vp0cnjYyrEC4whYTymQ+YZi6pBpfiICZO3cfRG8sy67ZNWe951urv1x4eW1BKNngw3U+3fPYb5JQvHbCtxH7Ow==",
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "streamx": "^2.25.0",
         "teex": "^1.0.1"
@@ -5938,7 +6006,6 @@
       "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.4.5.tgz",
       "integrity": "sha512-K+y9xF1tN+CdPu4qWwr0QiK1Al07eFPGYK5M2pDXcmHdMdgC/tT/bpmMe1hrmRHaidKLkXrC+cRNYf3XVDUhSQ==",
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "bare-path": "^3.0.0"
       }
@@ -6784,43 +6851,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/data-urls/node_modules/tr46": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
-      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "punycode": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/data-urls/node_modules/webidl-conversions": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/data-urls/node_modules/whatwg-url": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
-      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tr46": "^3.0.0",
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/data-view-buffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
@@ -7154,16 +7184,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/domexception/node_modules/webidl-conversions": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/domhandler": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
@@ -7746,14 +7766,14 @@
       "license": "MIT"
     },
     "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.6",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.6.tgz",
-      "integrity": "sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==",
+      "version": "2.0.0-next.7",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.7.tgz",
+      "integrity": "sha512-tqt+NBWwyaMgw3zDsnygx4CByWjQEJHOPMdslYhppaQSJUtL/D4JO9CcBBlhPoI8lz9oJIDXkwXfhF4aWqP8xQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
-        "is-core-module": "^2.16.1",
+        "is-core-module": "^2.16.2",
         "node-exports-info": "^1.6.0",
         "object-keys": "^1.1.1",
         "path-parse": "^1.0.7",
@@ -8092,6 +8112,33 @@
         }
       }
     },
+    "node_modules/expo-asset": {
+      "version": "56.0.19",
+      "resolved": "https://registry.npmjs.org/expo-asset/-/expo-asset-56.0.19.tgz",
+      "integrity": "sha512-huGY0bVfYUivNOir+iUEjjW9IbNHzLFNo8d6FGh22u1OsXcFR7Za3vpu5V1gMp0dc31wiqmsXkTazjm+Rro3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@expo/image-utils": "^0.10.2",
+        "expo-constants": "~56.0.20"
+      },
+      "peerDependencies": {
+        "expo": "*",
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/expo-audio": {
+      "version": "56.0.12",
+      "resolved": "https://registry.npmjs.org/expo-audio/-/expo-audio-56.0.12.tgz",
+      "integrity": "sha512-ne2UIO/HsQoBL9e+tGs5N9Sf3NyW5sJMm4sDkexbSJRc2IchLDG+9Msu/+l5N4RlZ8SiF42wRyWsh/Usg+SwOw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "expo": "*",
+        "expo-asset": "*",
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/expo-build-properties": {
       "version": "56.0.22",
       "resolved": "https://registry.npmjs.org/expo-build-properties/-/expo-build-properties-56.0.22.tgz",
@@ -8116,9 +8163,9 @@
       }
     },
     "node_modules/expo-build-properties/node_modules/semver": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
-      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -8127,6 +8174,28 @@
         "node": ">=10"
       }
     },
+    "node_modules/expo-constants": {
+      "version": "56.0.20",
+      "resolved": "https://registry.npmjs.org/expo-constants/-/expo-constants-56.0.20.tgz",
+      "integrity": "sha512-4HgoVvUiMvcqujr/CUj7L1tumLWj8WX0PLM77OriDPoaJrMEwUHd841m4o4IoUyMPVT8XTiTiPFwJtGali8+9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@expo/env": "~2.3.1"
+      },
+      "peerDependencies": {
+        "expo": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/expo-crypto": {
+      "version": "56.0.4",
+      "resolved": "https://registry.npmjs.org/expo-crypto/-/expo-crypto-56.0.4.tgz",
+      "integrity": "sha512-fRNEhoXRXgAWBpe3/hq5X+KXTit3OZqdiAGts1YvNEUHQb+H5591mpPac0Yw+sZg9pXcrjRnzo5AxvZaENpc7g==",
+      "license": "MIT",
+      "peerDependencies": {
+        "expo": "*"
+      }
+    },
     "node_modules/expo-dev-client": {
       "version": "56.0.22",
       "resolved": "https://registry.npmjs.org/expo-dev-client/-/expo-dev-client-56.0.22.tgz",
@@ -8186,6 +8255,16 @@
       "integrity": "sha512-r8h0ZIExacCrSRgY+ARfhMvFqosLHLJt1L7jyhvabfr1DN/ZDKDsYbovss2tzkpEUZGxZ3BPcB5epCwUsBBdOA==",
       "license": "MIT"
     },
+    "node_modules/expo-file-system": {
+      "version": "56.0.8",
+      "resolved": "https://registry.npmjs.org/expo-file-system/-/expo-file-system-56.0.8.tgz",
+      "integrity": "sha512-NrH41/8snGIBSbYicwVLB4txPdgCATd7ZYhMAGS3YJZ9GbnduhlAoV4/YCbGayjrbpE9bJb/6wegPL/zmvRMnQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "expo": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/expo-json-utils": {
       "version": "56.0.0",
       "resolved": "https://registry.npmjs.org/expo-json-utils/-/expo-json-utils-56.0.0.tgz",
@@ -8479,20 +8558,6 @@
         "react-native": "*"
       }
     },
-    "node_modules/expo/node_modules/@expo/env": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@expo/env/-/env-2.3.1.tgz",
-      "integrity": "sha512-JvBdZa5OkTd+dGEtt3fLW9OF6RlIp9SNu9VyMSiWPV5szMDTSAYbX8Uj3cRvZcU1zzaRbqnTSsHk2AE8WXHfxQ==",
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "debug": "^4.3.4",
-        "getenv": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=20.12.0"
-      }
-    },
     "node_modules/expo/node_modules/@expo/log-box": {
       "version": "56.0.14",
       "resolved": "https://registry.npmjs.org/@expo/log-box/-/log-box-56.0.14.tgz",
@@ -8510,45 +8575,6 @@
         "react-native": "*"
       }
     },
-    "node_modules/expo/node_modules/@expo/metro-config": {
-      "version": "56.0.16",
-      "resolved": "https://registry.npmjs.org/@expo/metro-config/-/metro-config-56.0.16.tgz",
-      "integrity": "sha512-mxPZ23exC6kkEpPYQOteamaiWYER3uDk2IqKys7EJwtIKc3F1207Xtsdko/DNNG04DLwpN/WM2UlNl+Ak8uPRg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.20.0",
-        "@babel/core": "^7.20.0",
-        "@babel/generator": "^7.20.5",
-        "@expo/config": "~56.0.11",
-        "@expo/env": "~2.3.1",
-        "@expo/json-file": "~10.2.0",
-        "@expo/metro": "~56.0.0",
-        "@expo/require-utils": "^56.1.4",
-        "@expo/spawn-async": "^1.8.0",
-        "@jridgewell/gen-mapping": "^0.3.13",
-        "@jridgewell/remapping": "^2.3.5",
-        "@jridgewell/sourcemap-codec": "^1.5.5",
-        "browserslist": "^4.25.0",
-        "chalk": "^4.1.0",
-        "debug": "^4.3.2",
-        "getenv": "^2.0.0",
-        "glob": "^13.0.0",
-        "hermes-parser": "^0.33.3",
-        "jsc-safe-url": "^0.2.4",
-        "lightningcss": "^1.30.1",
-        "picomatch": "^4.0.4",
-        "postcss": "^8.5.14",
-        "resolve-from": "^5.0.0"
-      },
-      "peerDependencies": {
-        "expo": "*"
-      },
-      "peerDependenciesMeta": {
-        "expo": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/expo/node_modules/@expo/ws-tunnel": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@expo/ws-tunnel/-/ws-tunnel-2.0.0.tgz",
@@ -8682,44 +8708,6 @@
         "node": ">=0.8.0"
       }
     },
-    "node_modules/expo/node_modules/expo-asset": {
-      "version": "56.0.19",
-      "resolved": "https://registry.npmjs.org/expo-asset/-/expo-asset-56.0.19.tgz",
-      "integrity": "sha512-huGY0bVfYUivNOir+iUEjjW9IbNHzLFNo8d6FGh22u1OsXcFR7Za3vpu5V1gMp0dc31wiqmsXkTazjm+Rro3vA==",
-      "license": "MIT",
-      "dependencies": {
-        "@expo/image-utils": "^0.10.2",
-        "expo-constants": "~56.0.20"
-      },
-      "peerDependencies": {
-        "expo": "*",
-        "react": "*",
-        "react-native": "*"
-      }
-    },
-    "node_modules/expo/node_modules/expo-constants": {
-      "version": "56.0.20",
-      "resolved": "https://registry.npmjs.org/expo-constants/-/expo-constants-56.0.20.tgz",
-      "integrity": "sha512-4HgoVvUiMvcqujr/CUj7L1tumLWj8WX0PLM77OriDPoaJrMEwUHd841m4o4IoUyMPVT8XTiTiPFwJtGali8+9Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@expo/env": "~2.3.1"
-      },
-      "peerDependencies": {
-        "expo": "*",
-        "react-native": "*"
-      }
-    },
-    "node_modules/expo/node_modules/expo-file-system": {
-      "version": "56.0.8",
-      "resolved": "https://registry.npmjs.org/expo-file-system/-/expo-file-system-56.0.8.tgz",
-      "integrity": "sha512-NrH41/8snGIBSbYicwVLB4txPdgCATd7ZYhMAGS3YJZ9GbnduhlAoV4/YCbGayjrbpE9bJb/6wegPL/zmvRMnQ==",
-      "license": "MIT",
-      "peerDependencies": {
-        "expo": "*",
-        "react-native": "*"
-      }
-    },
     "node_modules/expo/node_modules/expo-font": {
       "version": "56.0.7",
       "resolved": "https://registry.npmjs.org/expo-font/-/expo-font-56.0.7.tgz",
@@ -8753,21 +8741,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/expo/node_modules/hermes-estree": {
-      "version": "0.33.3",
-      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.33.3.tgz",
-      "integrity": "sha512-6kzYZHCk8Fy1Uc+t3HGYyJn3OL4aeqKLTyina4UFtWl8I0kSL7OmKThaiX+Uh2f8nGw3mo4Ifxg0M5Zk3/Oeqg==",
-      "license": "MIT"
-    },
-    "node_modules/expo/node_modules/hermes-parser": {
-      "version": "0.33.3",
-      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.33.3.tgz",
-      "integrity": "sha512-Yg3HgaG4CqgyowtYjX/FsnPAuZdHOqSMtnbpylbptsQ9nwwSKsy6uRWcGO5RK0EqiX12q8HvDWKgeAVajRO5DA==",
-      "license": "MIT",
-      "dependencies": {
-        "hermes-estree": "0.33.3"
-      }
-    },
     "node_modules/expo/node_modules/log-symbols": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz",
@@ -8937,15 +8910,6 @@
         }
       }
     },
-    "node_modules/expo/node_modules/zod": {
-      "version": "3.25.76",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
-      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    },
     "node_modules/exponential-backoff": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
@@ -9228,17 +9192,17 @@
       }
     },
     "node_modules/form-data": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
-      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz",
+      "integrity": "sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
         "es-set-tostringtag": "^2.1.0",
-        "hasown": "^2.0.2",
-        "mime-types": "^2.1.12"
+        "hasown": "^2.0.4",
+        "mime-types": "^2.1.35"
       },
       "engines": {
         "node": ">= 6"
@@ -9610,9 +9574,9 @@
       }
     },
     "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -10030,12 +9994,12 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
       "license": "MIT",
       "dependencies": {
-        "hasown": "^2.0.2"
+        "hasown": "^2.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -10472,9 +10436,9 @@
       }
     },
     "node_modules/istanbul-lib-instrument/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -10733,25 +10697,25 @@
       }
     },
     "node_modules/jest-diff": {
-      "version": "30.3.0",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.3.0.tgz",
-      "integrity": "sha512-n3q4PDQjS4LrKxfWB3Z5KNk1XjXtZTBwQp71OP0Jo03Z6V60x++K5L8k6ZrW8MY8pOFylZvHM0zsjS1RqlHJZQ==",
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.4.1.tgz",
+      "integrity": "sha512-CRpFK0RtLriVDGcPPAnR6HMVI8bSR2jnUIgralhauzYQZIb4RH9AtEInTuQr65LmmGggGcRT6HIASxwqsVsmlA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/diff-sequences": "30.3.0",
+        "@jest/diff-sequences": "30.4.0",
         "@jest/get-type": "30.1.0",
         "chalk": "^4.1.2",
-        "pretty-format": "30.3.0"
+        "pretty-format": "30.4.1"
       },
       "engines": {
         "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
     "node_modules/jest-diff/node_modules/@jest/schemas": {
-      "version": "30.0.5",
-      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.5.tgz",
-      "integrity": "sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==",
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.4.1.tgz",
+      "integrity": "sha512-i6b4qw5qnP8c5FEeBJg/uZQ4ddrkN6Ca8qISJh0pr7a5hfn3h3v5x60BEbOC7OYAGZNMs1LfFLwnW2CuK8F57Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10782,27 +10746,21 @@
       }
     },
     "node_modules/jest-diff/node_modules/pretty-format": {
-      "version": "30.3.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.3.0.tgz",
-      "integrity": "sha512-oG4T3wCbfeuvljnyAzhBvpN45E8iOTXCU/TD3zXW80HA3dQ4ahdqMkWGiPWZvjpQwlbyHrPTWUAqUzGzv4l1JQ==",
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.4.1.tgz",
+      "integrity": "sha512-K6KiKMHTL4jjX4u3Kir2EW07nRfcqVTXIImx50wbjHQTcZPgg+gjVeNTIT3l3L1Rd4UefxfogquC9J37SoFyyw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
+        "@jest/schemas": "30.4.1",
         "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "react-is-18": "npm:react-is@^18.3.1",
+        "react-is-19": "npm:react-is@^19.2.5"
       },
       "engines": {
         "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/jest-diff/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/jest-docblock": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.7.0.tgz",
@@ -10967,25 +10925,25 @@
       }
     },
     "node_modules/jest-matcher-utils": {
-      "version": "30.3.0",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-30.3.0.tgz",
-      "integrity": "sha512-HEtc9uFQgaUHkC7nLSlQL3Tph4Pjxt/yiPvkIrrDCt9jhoLIgxaubo1G+CFOnmHYMxHwwdaSN7mkIFs6ZK8OhA==",
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-30.4.1.tgz",
+      "integrity": "sha512-zvYfX5CaeEkFrrLS9suWe9rvJrm9J1Iv3ua8kIBv9GEPzcnsfBf0bob37la7s67fs0nlBC3EuvkOLnXQKxtx4A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jest/get-type": "30.1.0",
         "chalk": "^4.1.2",
-        "jest-diff": "30.3.0",
-        "pretty-format": "30.3.0"
+        "jest-diff": "30.4.1",
+        "pretty-format": "30.4.1"
       },
       "engines": {
         "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
     "node_modules/jest-matcher-utils/node_modules/@jest/schemas": {
-      "version": "30.0.5",
-      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.5.tgz",
-      "integrity": "sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==",
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.4.1.tgz",
+      "integrity": "sha512-i6b4qw5qnP8c5FEeBJg/uZQ4ddrkN6Ca8qISJh0pr7a5hfn3h3v5x60BEbOC7OYAGZNMs1LfFLwnW2CuK8F57Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -11016,27 +10974,21 @@
       }
     },
     "node_modules/jest-matcher-utils/node_modules/pretty-format": {
-      "version": "30.3.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.3.0.tgz",
-      "integrity": "sha512-oG4T3wCbfeuvljnyAzhBvpN45E8iOTXCU/TD3zXW80HA3dQ4ahdqMkWGiPWZvjpQwlbyHrPTWUAqUzGzv4l1JQ==",
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.4.1.tgz",
+      "integrity": "sha512-K6KiKMHTL4jjX4u3Kir2EW07nRfcqVTXIImx50wbjHQTcZPgg+gjVeNTIT3l3L1Rd4UefxfogquC9J37SoFyyw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "30.0.5",
+        "@jest/schemas": "30.4.1",
         "ansi-styles": "^5.2.0",
-        "react-is": "^18.3.1"
+        "react-is-18": "npm:react-is@^18.3.1",
+        "react-is-19": "npm:react-is@^19.2.5"
       },
       "engines": {
         "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/jest-matcher-utils/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/jest-message-util": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
@@ -11268,9 +11220,9 @@
       }
     },
     "node_modules/jest-snapshot/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -11533,9 +11485,19 @@
       "license": "MIT"
     },
     "node_modules/js-yaml": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
+      "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodeca"
+        }
+      ],
       "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
@@ -11623,43 +11585,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/jsdom/node_modules/tr46": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
-      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "punycode": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/jsdom/node_modules/webidl-conversions": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/jsdom/node_modules/whatwg-url": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
-      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tr46": "^3.0.0",
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/jsdom/node_modules/ws": {
       "version": "8.21.0",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
@@ -11789,13 +11714,13 @@
       }
     },
     "node_modules/launch-editor": {
-      "version": "2.13.2",
-      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.13.2.tgz",
-      "integrity": "sha512-4VVDnbOpLXy/s8rdRCSXb+zfMeFR0WlJWpET1iA9CQdlZDfwyLjUuGQzXU4VeOoey6AicSAluWan7Etga6Kcmg==",
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.14.1.tgz",
+      "integrity": "sha512-QWBrQsMpH7gPr965dsKD/3cKWiNoTjpATQf++Xq63N6sKRGMwlVXz41O1IZTMfZQgBctD/K5Zt06+/I6pP6+HA==",
       "license": "MIT",
       "dependencies": {
         "picocolors": "^1.1.1",
-        "shell-quote": "^1.8.3"
+        "shell-quote": "^1.8.4"
       }
     },
     "node_modules/leven": {
@@ -11982,6 +11907,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12002,6 +11930,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12022,6 +11953,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12042,6 +11976,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12360,9 +12297,9 @@
       }
     },
     "node_modules/make-dir/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -13017,9 +12954,9 @@
       }
     },
     "node_modules/node-abi/node_modules/semver": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
-      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -13592,9 +13529,9 @@
       }
     },
     "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "11.3.5",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.5.tgz",
-      "integrity": "sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==",
+      "version": "11.5.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
+      "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": "20 || >=22"
@@ -13802,9 +13739,9 @@
       "license": "ISC"
     },
     "node_modules/prebuild-install/node_modules/tar-fs": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.4.tgz",
-      "integrity": "sha512-mDAjwmZdh7LTT6pNleZ05Yt65HC3E+NiQzl672vQG38jIrehtJk/J3mNwIg+vShQPcLF/LV7CMnDW6vjj6sfYQ==",
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.5.tgz",
+      "integrity": "sha512-OboTd8mmMhZDNPV+UjQcK9yKAatXu2aJ+r1w4im1Otd4M4fl2hwvdoXUxIYHFTHWK/3y3FarBP70v3vwmGlOxw==",
       "license": "MIT",
       "dependencies": {
         "chownr": "^1.1.1",
@@ -14136,9 +14073,9 @@
       }
     },
     "node_modules/react-devtools-core/node_modules/ws": {
-      "version": "7.5.10",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
-      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "version": "7.5.11",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.11.tgz",
+      "integrity": "sha512-zS54Oen9bITtp7kp2XM3AydrCIq1D+HwJOuH+c+e4LfpL/lotP5osijd+UoMnxwAam1GN8R4KtLAyIrIcBNpiA==",
       "license": "MIT",
       "engines": {
         "node": ">=8.3.0"
@@ -14169,9 +14106,25 @@
       }
     },
     "node_modules/react-is": {
-      "version": "19.2.5",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.5.tgz",
-      "integrity": "sha512-Dn0t8IQhCmeIT3wu+Apm1/YVsJXsGWi6k4sPdnBIdqMVtHtv0IGi6dcpNpNkNac0zB2uUAqNX3MHzN8c+z2rwQ==",
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.7.tgz",
+      "integrity": "sha512-kZFnouyVv7eP/Phmrlo9FK+zcAdriZJvzxXHF1Sl1P377WSGe2G/JxVolhTrB/jeV47lKImhNUsijjHAAbcl/A==",
+      "license": "MIT"
+    },
+    "node_modules/react-is-18": {
+      "name": "react-is",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/react-is-19": {
+      "name": "react-is",
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.7.tgz",
+      "integrity": "sha512-kZFnouyVv7eP/Phmrlo9FK+zcAdriZJvzxXHF1Sl1P377WSGe2G/JxVolhTrB/jeV47lKImhNUsijjHAAbcl/A==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/react-native": {
@@ -14372,9 +14325,9 @@
       }
     },
     "node_modules/react-native-bootsplash/node_modules/fast-xml-parser": {
-      "version": "4.5.6",
-      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.5.6.tgz",
-      "integrity": "sha512-Yd4vkROfJf8AuJrDIVMVmYfULKmIJszVsMv7Vo71aocsKgFxpdlpSHXSaInvyYfgw2PRuObQSW2GFpVMUjxu9A==",
+      "version": "4.5.7",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.5.7.tgz",
+      "integrity": "sha512-a6Qh1RMCNbSrU1+sAyAAZH3rTe+OaWJbNZIq0S+ifZciUUOQtlVxBJwoTUE2bYhysmG/RYyI5WJFIKdBahJdrQ==",
       "funding": [
         {
           "type": "github",
@@ -14390,9 +14343,9 @@
       }
     },
     "node_modules/react-native-bootsplash/node_modules/fs-extra": {
-      "version": "11.3.5",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.5.tgz",
-      "integrity": "sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==",
+      "version": "11.3.6",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.6.tgz",
+      "integrity": "sha512-w8ZNZr2mKIc7qeNaQ9AVPT1+iFaI+Avd4xudVOvdDJ8VytREi1Ft5Ih7hd9jjehod8vAM5GMsfQ/TpPf4EyoEA==",
       "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -14416,9 +14369,9 @@
       }
     },
     "node_modules/react-native-bootsplash/node_modules/prettier": {
-      "version": "3.8.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.3.tgz",
-      "integrity": "sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==",
+      "version": "3.9.4",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.9.4.tgz",
+      "integrity": "sha512-yWG/o/4oJfo036EKAfK6ACAoDOfHeRHx4tuxkfBZiauURiaSmYwlpOr5LQqKtIkRD2z1PLteme2WoxEnj4tHTg==",
       "license": "MIT",
       "bin": {
         "prettier": "bin/prettier.cjs"
@@ -14440,9 +14393,9 @@
       }
     },
     "node_modules/react-native-bootsplash/node_modules/semver": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
-      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -14584,15 +14537,6 @@
         }
       }
     },
-    "node_modules/react-native/node_modules/@react-native/js-polyfills": {
-      "version": "0.85.3",
-      "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.85.3.tgz",
-      "integrity": "sha512-U2+aMshIXf1uFn77tpBb/xhHWB9vkVrMpt7kkucAugF8hJKYTDGB587X7WwelHduK2KBfhl4giSv0rzZGoef9A==",
-      "license": "MIT",
-      "engines": {
-        "node": "^20.19.4 || ^22.13.0 || ^24.3.0 || >= 25.0.0"
-      }
-    },
     "node_modules/react-native/node_modules/commander": {
       "version": "12.1.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
@@ -14603,9 +14547,9 @@
       }
     },
     "node_modules/react-native/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -14615,9 +14559,9 @@
       }
     },
     "node_modules/react-native/node_modules/ws": {
-      "version": "7.5.10",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
-      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "version": "7.5.11",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.11.tgz",
+      "integrity": "sha512-zS54Oen9bITtp7kp2XM3AydrCIq1D+HwJOuH+c+e4LfpL/lotP5osijd+UoMnxwAam1GN8R4KtLAyIrIcBNpiA==",
       "license": "MIT",
       "engines": {
         "node": ">=8.3.0"
@@ -15242,9 +15186,9 @@
       }
     },
     "node_modules/sharp/node_modules/semver": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
-      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -16047,9 +15991,9 @@
       "license": "MIT"
     },
     "node_modules/tar-fs": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.2.tgz",
-      "integrity": "sha512-QGxxTxxyleAdyM3kpFs14ymbYmNFrfY+pHj7Z8FgtbZ7w2//VAgLMac7sT6nRpIHjppXO2AwwEOg0bPFVRcmXw==",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.3.tgz",
+      "integrity": "sha512-/hU4AXnIdZu+Gvl1pk0oI5f5HxWsCJRtY2aFaJdk9VvyL48DWU6iU5WAIPG+wIi1YvWA6eTJvIviP/tMAZZNwQ==",
       "license": "MIT",
       "dependencies": {
         "pump": "^3.0.0",
@@ -16061,12 +16005,13 @@
       }
     },
     "node_modules/tar-stream": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz",
-      "integrity": "sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.2.0.tgz",
+      "integrity": "sha512-ojzvCvVaNp6aOTFmG7jaRD0meowIAuPc3cMMhSgKiVWws1GyHbGd/xvnyuRKcKlMpt3qvxx6r0hreCNITP9hIg==",
       "license": "MIT",
       "dependencies": {
         "b4a": "^1.6.4",
+        "bare-fs": "^4.5.5",
         "fast-fifo": "^1.2.0",
         "streamx": "^2.15.0"
       }
@@ -16076,7 +16021,6 @@
       "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz",
       "integrity": "sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==",
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "streamx": "^2.12.5"
       }
@@ -16195,9 +16139,9 @@
       }
     },
     "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -16265,6 +16209,19 @@
         "node": ">= 4.0.0"
       }
     },
+    "node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
@@ -16735,6 +16692,16 @@
         "defaults": "^1.0.3"
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/whatwg-encoding": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
@@ -16778,6 +16745,20 @@
         "node": ">=12"
       }
     },
+    "node_modules/whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/whatwg-url-minimum": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/whatwg-url-minimum/-/whatwg-url-minimum-0.1.2.tgz",
@@ -17081,9 +17062,9 @@
       }
     },
     "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "version": "17.7.3",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.3.tgz",
+      "integrity": "sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g==",
       "license": "MIT",
       "dependencies": {
         "cliui": "^8.0.1",
@@ -17120,10 +17101,9 @@
       }
     },
     "node_modules/zod": {
-      "version": "4.3.6",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
-      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
-      "dev": true,
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
diff --git a/package.json b/package.json
index 96dbac5..51e576e 100644
--- a/package.json
+++ b/package.json
@@ -26,8 +26,12 @@
     "@tanstack/react-query": "^5.96.1",
     "babel-preset-expo": "~56.0.0",
     "expo": "~56.0.15",
+    "expo-asset": "~56.0.19",
+    "expo-audio": "~56.0.12",
     "expo-build-properties": "~56.0.22",
+    "expo-crypto": "~56.0.4",
     "expo-dev-client": "~56.0.22",
+    "expo-file-system": "~56.0.8",
     "expo-secure-store": "~56.0.4",
     "expo-updates": "~56.0.21",
     "lucide-react-native": "^0.544.0",
@@ -75,4 +79,4 @@
     "glob": "^13.0.6",
     "rimraf": "^4.0.0"
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/context/DraftingContext.test.tsx b/src/app/context/DraftingContext.test.tsx
new file mode 100644
index 0000000..cff914e
--- /dev/null
+++ b/src/app/context/DraftingContext.test.tsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { act, render, screen } from '@testing-library/react-native';
+import { DraftingProvider, useDraftingContext } from './DraftingContext';
+import type { ChapterAssignmentData, VerseData } from '../../types/db/types';
+
+const VERSES: VerseData[] = [
+  { bibleId: 1, bookId: 41, chapterNumber: 14, verseNumber: 1, text: 'v1' },
+  { bibleId: 1, bookId: 41, chapterNumber: 14, verseNumber: 5, text: 'v5' },
+  { bibleId: 1, bookId: 41, chapterNumber: 14, verseNumber: 9, text: 'v9' },
+];
+
+const CHAPTER: ChapterAssignmentData = {
+  id: 88,
+  projectUnitId: 7,
+  bibleId: 1,
+  bookId: 41,
+  chapterNumber: 14,
+  status: 'in_progress',
+};
+
+let selectedFromContext = -1;
+
+function Probe() {
+  const { selectedVerse } = useDraftingContext();
+  selectedFromContext = selectedVerse;
+  return <Text>{`verse:${selectedVerse}`}</Text>;
+}
+
+function renderProvider(initialVerse: number) {
+  return render(
+    <DraftingProvider
+      verses={VERSES}
+      initialVerse={initialVerse}
+      chapterAssignment={CHAPTER}
+      bookDisplayName="Mark"
+    >
+      <Probe />
+    </DraftingProvider>,
+  );
+}
+
+describe('DraftingProvider', () => {
+  it('exposes the initial verse as the selected verse', () => {
+    renderProvider(5);
+    expect(screen.getByText('verse:5')).toBeTruthy();
+  });
+
+  it('re-points the selected verse when initialVerse changes', () => {
+    const { rerender } = renderProvider(1);
+    expect(screen.getByText('verse:1')).toBeTruthy();
+
+    act(() => {
+      rerender(
+        <DraftingProvider
+          verses={VERSES}
+          initialVerse={9}
+          chapterAssignment={CHAPTER}
+          bookDisplayName="Mark"
+        >
+          <Probe />
+        </DraftingProvider>,
+      );
+    });
+
+    expect(screen.getByText('verse:9')).toBeTruthy();
+    expect(selectedFromContext).toBe(9);
+  });
+});
diff --git a/src/app/context/DraftingContext.tsx b/src/app/context/DraftingContext.tsx
index 62d2a3b..d0b1964 100644
--- a/src/app/context/DraftingContext.tsx
+++ b/src/app/context/DraftingContext.tsx
@@ -1,4 +1,4 @@
-import { VerseData } from '../../types/db/types';
+import { ChapterAssignmentData, VerseData } from '../../types/db/types';
 import React, { createContext, useContext, useMemo, useState } from 'react';
 
 interface DraftingContextValue {
@@ -6,6 +6,9 @@ interface DraftingContextValue {
 
   setSelectedVerse: (verseNumber: number) => void;
   verses: VerseData[];
+  chapterAssignment: ChapterAssignmentData;
+  /** Book name for verse references (falls back to route chapter name). */
+  bookDisplayName: string;
   /**
    * The verse whose source audio is currently playing, tracked
    * independently of `selectedVerse`. Not wired to real audio yet —
@@ -24,29 +27,47 @@ interface DraftingProviderProps {
   children: React.ReactNode;
   verses: VerseData[];
   initialVerse: number;
+  chapterAssignment: ChapterAssignmentData;
+  bookDisplayName: string;
 }
 
 export function DraftingProvider({
   children,
   verses,
   initialVerse,
+  chapterAssignment,
+  bookDisplayName,
 }: DraftingProviderProps) {
   const [selectedVerse, setSelectedVerse] = useState<number>(initialVerse);
   const [currentlyPlayingVerse, setCurrentlyPlayingVerse] = useState<
     number | null
   >(null);
 
+  // Re-point the selection when the screen hands us a new target verse (e.g. a
+  // recovery navigation, or a chapter reload with a new default). Without this
+  // the selection would stay frozen at the first mount's value if the provider
+  // is kept mounted across an initialVerse change.
+  const [prevInitialVerse, setPrevInitialVerse] = useState(initialVerse);
+  if (initialVerse !== prevInitialVerse) {
+    setPrevInitialVerse(initialVerse);
+    setSelectedVerse(initialVerse);
+  }
+
   const value = useMemo(
     () => ({
       selectedVerse,
       setSelectedVerse,
       verses,
+      chapterAssignment,
+      bookDisplayName,
       currentlyPlayingVerse,
       setCurrentlyPlayingVerse,
     }),
     [
       selectedVerse,
       verses,
+      chapterAssignment,
+      bookDisplayName,
       currentlyPlayingVerse,
       setSelectedVerse,
       setCurrentlyPlayingVerse,
diff --git a/src/app/screens/DraftingScreen.tsx b/src/app/screens/DraftingScreen.tsx
index 764b7f0..0e33979 100644
--- a/src/app/screens/DraftingScreen.tsx
+++ b/src/app/screens/DraftingScreen.tsx
@@ -6,7 +6,7 @@ import { RecordTab } from '../tabs/RecordTab';
 import { useSyncStatus } from '../../hooks/useSyncStatus';
 import { onSyncComplete } from '../../services/syncEvents';
 import { StackNavigationProp } from '@react-navigation/stack';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { RootStackParamList } from '../../types/navigation/types';
 import { DraftingHeader } from '../../components/layout/DraftingHeader';
 import { ChapterAssignmentData, VerseData } from '../../types/db/types';
@@ -23,8 +23,9 @@ import {
 } from '../context/DraftingContext';
 import {
   DraftingTab,
-  DraftingTabBar,
-} from '../../components/layout/DraftingTabBar';
+  type TabSwitchGuardRef,
+} from '../../types/drafting/types';
+import { DraftingTabBar } from '../../components/layout/DraftingTabBar';
 import {
   getBibleTexts,
   getChapterAssignmentById,
@@ -38,10 +39,10 @@ type Route = RouteProp<RootStackParamList, 'VerseDetail'>;
 
 export default function DraftingScreen() {
   const navigation = useNavigation<Nav>();
-  const { chapterId, chapterName } = useRoute<Route>().params;
+  const { chapterId, chapterName, recoverVerse } = useRoute<Route>().params;
 
   const [activeTab, setActiveTabState] = useState<DraftingTab>(
-    () => getLastActiveTab(chapterId) ?? 'bible',
+    () => getLastActiveTab(chapterId) ?? DraftingTab.Bible,
   );
 
   const setActiveTab = useCallback(
@@ -52,6 +53,22 @@ export default function DraftingScreen() {
     [chapterId],
   );
 
+  const tabSwitchGuardRef = useRef<TabSwitchGuardRef['current']>(null);
+
+  const handleTabChange = useCallback(
+    (tab: DraftingTab) => {
+      if (tab === activeTab) return;
+      const leaveRecord =
+        activeTab === DraftingTab.Record && tab === DraftingTab.Bible;
+      if (leaveRecord && tabSwitchGuardRef.current) {
+        tabSwitchGuardRef.current(() => setActiveTab(tab));
+        return;
+      }
+      setActiveTab(tab);
+    },
+    [activeTab, setActiveTab],
+  );
+
   const [verses, setVerses] = useState<VerseData[]>([]);
   const [chapterData, setChapterData] = useState<ChapterAssignmentData | null>(
     null,
@@ -110,7 +127,12 @@ export default function DraftingScreen() {
         );
         const defaultVerse =
           firstUnrecorded?.verseNumber ?? texts[0]?.verseNumber ?? 1;
-        setInitialVerse(defaultVerse);
+        // A recovery navigation targets a specific verse; honor it when that
+        // verse exists in the chapter, otherwise fall back to the default.
+        const recoveredVerseExists =
+          recoverVerse !== undefined &&
+          texts.some(v => v.verseNumber === recoverVerse);
+        setInitialVerse(recoveredVerseExists ? recoverVerse : defaultVerse);
       } catch (error) {
         log.error('Error loading verses', { error });
       } finally {
@@ -122,7 +144,7 @@ export default function DraftingScreen() {
     return () => {
       ignore = true;
     };
-  }, [chapterId]);
+  }, [chapterId, recoverVerse]);
 
   if (loading) {
     return (
@@ -146,9 +168,16 @@ export default function DraftingScreen() {
     );
   }
 
+  const bookDisplayName = chapterData.bookName ?? chapterName;
+
   return (
     <ScreenContainer edges={['top', 'bottom']}>
-      <DraftingProvider verses={verses} initialVerse={initialVerse}>
+      <DraftingProvider
+        verses={verses}
+        initialVerse={initialVerse}
+        chapterAssignment={chapterData}
+        bookDisplayName={bookDisplayName}
+      >
         <View style={styles.screen}>
           <DraftingHeader
             title={chapterName}
@@ -158,12 +187,29 @@ export default function DraftingScreen() {
           />
 
           <View style={styles.content}>
-            {activeTab === 'bible' ? <BibleTab /> : <RecordTab />}
+            <View
+              style={[
+                styles.tabPanel,
+                activeTab !== DraftingTab.Bible && styles.tabHidden,
+              ]}
+              pointerEvents={activeTab === DraftingTab.Bible ? 'auto' : 'none'}
+            >
+              <BibleTab />
+            </View>
+            <View
+              style={[
+                styles.tabPanel,
+                activeTab !== DraftingTab.Record && styles.tabHidden,
+              ]}
+              pointerEvents={activeTab === DraftingTab.Record ? 'auto' : 'none'}
+            >
+              <RecordTab tabSwitchGuardRef={tabSwitchGuardRef} />
+            </View>
           </View>
 
           {/* <DraftingPlayerBar verses={verses} /> */}
 
-          <DraftingTabBar activeTab={activeTab} onTabChange={setActiveTab} />
+          <DraftingTabBar activeTab={activeTab} onTabChange={handleTabChange} />
         </View>
       </DraftingProvider>
     </ScreenContainer>
@@ -178,6 +224,12 @@ const styles = StyleSheet.create({
   content: {
     flex: 1,
   },
+  tabPanel: {
+    flex: 1,
+  },
+  tabHidden: {
+    display: 'none',
+  },
   centered: {
     flex: 1,
     alignItems: 'center',
diff --git a/src/app/screens/HomeScreen.tsx b/src/app/screens/HomeScreen.tsx
index 69c85d3..925dfb7 100644
--- a/src/app/screens/HomeScreen.tsx
+++ b/src/app/screens/HomeScreen.tsx
@@ -14,6 +14,7 @@ import { useSync } from '../../hooks/useSync';
 import { useSyncStatus } from '../../hooks/useSyncStatus';
 import { RootStackParamList } from '../../types/navigation/types';
 import { onSyncComplete, onSyncStart } from '../../services/syncEvents';
+import { useRecordingRecovery } from './hooks/useRecordingRecovery';
 
 interface HomeScreenProps {
   onSignOut?: () => void;
@@ -81,6 +82,10 @@ export default function HomeScreen({
   const myWorkIsSyncing =
     isSyncing || isSyncingLocal || postLoginSyncActive || isNewUserLoading;
 
+  // Once the landing tabs are visible, surface any recording recovered after a
+  // process kill and prompt to continue or discard.
+  useRecordingRecovery(!showLoading);
+
   if (showLoading) {
     return (
       <ScreenContainer edges={['top']}>
diff --git a/src/app/screens/hooks/useRecordingRecovery.test.ts b/src/app/screens/hooks/useRecordingRecovery.test.ts
new file mode 100644
index 0000000..9eb939c
--- /dev/null
+++ b/src/app/screens/hooks/useRecordingRecovery.test.ts
@@ -0,0 +1,138 @@
+import { Alert, type AlertButton } from 'react-native';
+import { renderHook, waitFor } from '@testing-library/react-native';
+import { useRecordingRecovery } from './useRecordingRecovery';
+import { DraftingTab } from '../../../types/drafting/types';
+
+const mockNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => ({
+  useNavigation: () => ({ navigate: mockNavigate }),
+}));
+
+const mockFindPausedTake = jest.fn();
+const mockClearPausedTake = jest.fn();
+jest.mock('../../../services/storage', () => ({
+  findPausedTake: () => mockFindPausedTake(),
+  clearPausedTake: (id: number) => mockClearPausedTake(id),
+}));
+
+const mockGetNav = jest.fn();
+jest.mock('../../../db/queries', () => ({
+  getVerseDetailNavByChapterAssignment: (id: number) => mockGetNav(id),
+}));
+
+const mockDeleteRecordingFile = jest.fn();
+jest.mock('../../../services/recordingStorage', () => ({
+  deleteRecordingFile: (uri: string) => mockDeleteRecordingFile(uri),
+}));
+
+const mockSetLastActiveTab = jest.fn();
+jest.mock('../../../utils/draftingTabState', () => ({
+  setLastActiveTab: (chapterId: number, tab: unknown) =>
+    mockSetLastActiveTab(chapterId, tab),
+}));
+
+const marker = {
+  bibleTextId: 42,
+  segments: ['file:///docs/seg-0.aac', 'file:///docs/seg-1.aac'],
+  elapsedMs: 4500,
+  startedAt: '2026-07-01T00:00:00.000Z',
+  chapterAssignmentId: 88,
+  verseNumber: 5,
+};
+
+const navParams = {
+  chapterId: 88,
+  chapterName: 'Genesis 1',
+  projectName: 'Demo Project',
+  language: 'Swahili',
+};
+
+function findButton(text: string): AlertButton {
+  const buttons = (Alert.alert as jest.Mock).mock.calls[0]![2] as AlertButton[];
+  const button = buttons.find(b => b.text === text);
+  if (!button) throw new Error(`No "${text}" button in Alert`);
+  return button;
+}
+
+describe('useRecordingRecovery', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    mockFindPausedTake.mockReturnValue(null);
+    mockGetNav.mockResolvedValue(navParams);
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  it('does nothing while disabled', () => {
+    mockFindPausedTake.mockReturnValue(marker);
+    renderHook(() => useRecordingRecovery(false));
+    expect(mockFindPausedTake).not.toHaveBeenCalled();
+    expect(Alert.alert).not.toHaveBeenCalled();
+  });
+
+  it('does not prompt when there is no recovered take', () => {
+    renderHook(() => useRecordingRecovery(true));
+    expect(mockFindPausedTake).toHaveBeenCalledTimes(1);
+    expect(Alert.alert).not.toHaveBeenCalled();
+  });
+
+  it('prompts with the resolved verse reference', async () => {
+    mockFindPausedTake.mockReturnValue(marker);
+    renderHook(() => useRecordingRecovery(true));
+
+    await waitFor(() => expect(Alert.alert).toHaveBeenCalledTimes(1));
+    expect(mockGetNav).toHaveBeenCalledWith(88);
+    const [, message] = (Alert.alert as jest.Mock).mock.calls[0]!;
+    expect(message).toContain('Genesis 1:5');
+  });
+
+  it('navigates to the recovered verse and opens the Record tab on Continue', async () => {
+    mockFindPausedTake.mockReturnValue(marker);
+    renderHook(() => useRecordingRecovery(true));
+
+    await waitFor(() => expect(Alert.alert).toHaveBeenCalledTimes(1));
+    findButton('Continue').onPress?.();
+
+    expect(mockSetLastActiveTab).toHaveBeenCalledWith(88, DraftingTab.Record);
+    expect(mockNavigate).toHaveBeenCalledWith('VerseDetail', {
+      chapterId: 88,
+      chapterName: 'Genesis 1',
+      projectName: 'Demo Project',
+      language: 'Swahili',
+      recoverVerse: 5,
+    });
+  });
+
+  it('unlinks segments and clears the marker on Discard', async () => {
+    mockFindPausedTake.mockReturnValue(marker);
+    renderHook(() => useRecordingRecovery(true));
+
+    await waitFor(() => expect(Alert.alert).toHaveBeenCalledTimes(1));
+    findButton('Discard').onPress?.();
+
+    expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+      'file:///docs/seg-0.aac',
+    );
+    expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+      'file:///docs/seg-1.aac',
+    );
+    expect(mockClearPausedTake).toHaveBeenCalledWith(42);
+    expect(mockNavigate).not.toHaveBeenCalled();
+  });
+
+  it('does not prompt when the take cannot be resolved to a verse', async () => {
+    mockFindPausedTake.mockReturnValue({
+      ...marker,
+      chapterAssignmentId: undefined,
+    });
+    renderHook(() => useRecordingRecovery(true));
+
+    await waitFor(() => expect(mockFindPausedTake).toHaveBeenCalledTimes(1));
+    expect(mockGetNav).not.toHaveBeenCalled();
+    expect(Alert.alert).not.toHaveBeenCalled();
+    expect(mockNavigate).not.toHaveBeenCalled();
+  });
+});
diff --git a/src/app/screens/hooks/useRecordingRecovery.ts b/src/app/screens/hooks/useRecordingRecovery.ts
new file mode 100644
index 0000000..e95a5a6
--- /dev/null
+++ b/src/app/screens/hooks/useRecordingRecovery.ts
@@ -0,0 +1,98 @@
+import { useEffect, useRef } from 'react';
+import { Alert } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+import { StackNavigationProp } from '@react-navigation/stack';
+import { getVerseDetailNavByChapterAssignment } from '../../../db/queries';
+import {
+  clearPausedTake,
+  findPausedTake,
+  type PausedTakeMarker,
+} from '../../../services/storage';
+import { deleteRecordingFile } from '../../../services/recordingStorage';
+import { setLastActiveTab } from '../../../utils/draftingTabState';
+import { DraftingTab } from '../../../types/drafting/types';
+import { RootStackParamList } from '../../../types/navigation/types';
+import { logger } from '../../../utils/logger';
+
+const log = logger.create('useRecordingRecovery');
+
+type Nav = StackNavigationProp<RootStackParamList>;
+
+/**
+ * Unlinks a paused take's partial segment files and clears its marker. Used
+ * when the user discards a recording recovered after a process kill.
+ */
+export function discardPausedTake(marker: PausedTakeMarker): void {
+  marker.segments.forEach(fileUri => deleteRecordingFile(fileUri));
+  clearPausedTake(marker.bibleTextId);
+  log.info('Discarded recovered take', { bibleTextId: marker.bibleTextId });
+}
+
+/**
+ * On the home screen, surface a recording recovered after a process kill and
+ * force a decision: Continue (navigate to that verse's Record tab, where the
+ * paused take rehydrates and Resume/Stop takes over) or Discard (delete the
+ * partial segments). Runs once per mount, only once `enabled` (i.e. sync
+ * loading has cleared and the tabs are visible).
+ */
+export function useRecordingRecovery(enabled: boolean): void {
+  const navigation = useNavigation<Nav>();
+  const promptedRef = useRef(false);
+
+  useEffect(() => {
+    if (!enabled || promptedRef.current) return;
+    promptedRef.current = true;
+
+    const marker = findPausedTake();
+    if (!marker) return;
+
+    async function promptRecovery(take: PausedTakeMarker) {
+      const nav =
+        take.chapterAssignmentId !== undefined
+          ? await getVerseDetailNavByChapterAssignment(take.chapterAssignmentId)
+          : null;
+
+      // Without a resolvable verse we can't act on Continue, so don't prompt a
+      // dead end — leave the marker to retry on a later launch.
+      if (!nav || take.verseNumber === undefined) {
+        log.warn('Skipping recovery prompt; take could not be resolved', {
+          bibleTextId: take.bibleTextId,
+        });
+        return;
+      }
+
+      Alert.alert(
+        'Resume recording?',
+        `You have an unfinished recording for ${nav.chapterName}:${take.verseNumber}. Continue where you left off, or discard it?`,
+        [
+          {
+            text: 'Discard',
+            style: 'destructive',
+            onPress: () => discardPausedTake(take),
+          },
+          {
+            text: 'Continue',
+            onPress: () => {
+              setLastActiveTab(nav.chapterId, DraftingTab.Record);
+              navigation.navigate('VerseDetail', {
+                chapterId: nav.chapterId,
+                chapterName: nav.chapterName,
+                projectName: nav.projectName,
+                language: nav.language,
+                recoverVerse: take.verseNumber,
+              });
+            },
+          },
+        ],
+        { cancelable: false },
+      );
+    }
+
+    promptRecovery(marker).catch(error =>
+      log.error('Failed to prompt recording recovery', {
+        bibleTextId: marker.bibleTextId,
+        error,
+      }),
+    );
+  }, [enabled, navigation]);
+}
diff --git a/src/app/tabs/RecordTab.tsx b/src/app/tabs/RecordTab.tsx
index 35478d9..7eee011 100644
--- a/src/app/tabs/RecordTab.tsx
+++ b/src/app/tabs/RecordTab.tsx
@@ -1,33 +1,82 @@
-import React from 'react';
-import { theme } from '../../theme';
-import { StyleSheet, Text, View } from 'react-native';
+import React, { useEffect, useState } from 'react';
+import { useDraftingContext } from '../context/DraftingContext';
+import { getBibleTextId, getProjectIdForProjectUnit } from '../../db/queries';
+import { getActiveUserId } from '../../services/storage';
+import type { TabSwitchGuardRef } from '../../types/drafting/types';
+import { RecordTab as RecordTabPanel } from './drafting/record/RecordTab';
+
+export type { TabSwitchGuardRef } from '../../types/drafting/types';
+
+interface RecordTabProps {
+  tabSwitchGuardRef?: TabSwitchGuardRef;
+}
 
 /**
- * Empty stub. This is a mount point only — built out as part of a
- * separate Record Tab ticket (record/stop, recorded playback, delete,
- * prev/next), once audio recording lands in this app.
- *
- * Not derived from the existing ViewChapter.tsx — that file is left
- * untouched and unreferenced; it belongs to whoever picks up the
- * Record Tab ticket to retire or reuse as they see fit.
+ * Record tab mount point for the drafting screen. Resolves recording metadata
+ * from the chapter assignment and wires verse selection through DraftingContext.
  */
-export function RecordTab() {
+export function RecordTab({ tabSwitchGuardRef }: RecordTabProps = {}) {
+  const {
+    verses,
+    selectedVerse,
+    setSelectedVerse,
+    chapterAssignment,
+    bookDisplayName,
+  } = useDraftingContext();
+
+  const [bibleTextId, setBibleTextId] = useState<number | null>(null);
+  const [projectId, setProjectId] = useState<number | null>(null);
+  const userId = getActiveUserId();
+
+  useEffect(() => {
+    let cancelled = false;
+    setBibleTextId(null);
+
+    async function resolveId() {
+      const id = await getBibleTextId(
+        chapterAssignment.bibleId,
+        chapterAssignment.bookId,
+        chapterAssignment.chapterNumber,
+        selectedVerse,
+      );
+      if (!cancelled) setBibleTextId(id);
+    }
+
+    resolveId();
+    return () => {
+      cancelled = true;
+    };
+  }, [chapterAssignment, selectedVerse]);
+
+  useEffect(() => {
+    let cancelled = false;
+
+    async function resolveProjectId() {
+      const id = await getProjectIdForProjectUnit(
+        chapterAssignment.projectUnitId,
+      );
+      if (!cancelled) setProjectId(id);
+    }
+
+    resolveProjectId();
+    return () => {
+      cancelled = true;
+    };
+  }, [chapterAssignment.projectUnitId]);
+
   return (
-    <View style={styles.container}>
-      <Text style={styles.text}>Record tab</Text>
-    </View>
+    <RecordTabPanel
+      bookName={bookDisplayName}
+      chapterNumber={chapterAssignment.chapterNumber}
+      verses={verses}
+      selectedVerseNumber={selectedVerse}
+      bibleTextIdForSelectedVerse={bibleTextId}
+      onSelectVerse={setSelectedVerse}
+      userId={userId}
+      projectId={projectId}
+      chapterAssignmentId={chapterAssignment.id}
+      bookCode={chapterAssignment.bookCode ?? null}
+      tabSwitchGuardRef={tabSwitchGuardRef}
+    />
   );
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: theme.colors.background,
-  },
-  text: {
-    fontSize: theme.typography.sizes.md,
-    color: theme.colors.mutedForeground,
-  },
-});
diff --git a/src/app/tabs/ViewChapter.tsx b/src/app/tabs/ViewChapter.tsx
deleted file mode 100644
index 34a2c32..0000000
--- a/src/app/tabs/ViewChapter.tsx
+++ /dev/null
@@ -1,270 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import {
-  View,
-  Text,
-  TouchableOpacity,
-  ScrollView,
-  LayoutAnimation,
-  Platform,
-  UIManager,
-  ActivityIndicator,
-} from 'react-native';
-import { logger } from '../../utils/logger';
-import { Ionicons } from '@react-native-vector-icons/ionicons';
-import { appStyles as styles } from '../appStyles';
-import { RootStackParamList } from '../../types/navigation/types';
-import { ChapterAssignmentData, VerseData } from '../../types/db/types';
-import { getChapterAssignmentById, getBibleTexts } from '../../db/queries';
-import { useNavigation, useRoute, RouteProp } from '@react-navigation/native';
-
-const log = logger.create('ViewChapter');
-
-if (Platform.OS === 'android') {
-  UIManager.setLayoutAnimationEnabledExperimental?.(true);
-}
-
-type Route = RouteProp<RootStackParamList, 'VerseDetail'>;
-type VerseState = 'idle' | 'recording' | 'recorded';
-
-export default function ViewChapter() {
-  const navigation = useNavigation();
-  const { chapterId, chapterName, language, projectName } =
-    useRoute<Route>().params;
-
-  const [selectedVerse, setSelectedVerse] = useState<number>(1);
-  const [sourceExpanded, setSourceExpanded] = useState<boolean>(false);
-  const [verseStates, setVerseStates] = useState<Record<number, VerseState>>(
-    {},
-  );
-  const [verses, setVerses] = useState<VerseData[]>([]);
-  const [loading, setLoading] = useState<boolean>(true);
-  const [chapterData, setChapterData] = useState<ChapterAssignmentData | null>(
-    null,
-  );
-
-  useEffect(() => {
-    const loadVerses = async () => {
-      try {
-        setLoading(true);
-
-        const assignment = await getChapterAssignmentById(chapterId);
-
-        if (assignment) {
-          setChapterData(assignment);
-
-          const texts = await getBibleTexts(
-            assignment.bibleId,
-            assignment.bookId,
-            assignment.chapterNumber,
-          );
-
-          setVerses(texts);
-
-          if (texts && texts.length > 0) {
-            const firstVerseNumber = texts[0]?.verseNumber;
-            if (firstVerseNumber !== null && firstVerseNumber !== undefined) {
-              setSelectedVerse(firstVerseNumber);
-            }
-          }
-        }
-      } catch (error) {
-        log.error('Error loading verses:', { error });
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    loadVerses();
-  }, [chapterId]);
-
-  if (loading) {
-    return (
-      <View style={[styles.container, styles.centered]}>
-        <ActivityIndicator size="large" color="#1a6ef5" />
-      </View>
-    );
-  }
-
-  if (!chapterData) {
-    return (
-      <View style={[styles.container, styles.centered]}>
-        <Text style={styles.emptyText}>No chapter data found</Text>
-      </View>
-    );
-  }
-
-  const verseState = verseStates[selectedVerse] ?? 'idle';
-  const selectedVerseData = verses.find(v => v.verseNumber === selectedVerse);
-  const sourceText = selectedVerseData?.text;
-
-  function toggleSource() {
-    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
-    setSourceExpanded(prev => !prev);
-  }
-
-  function handleRecord() {
-    setVerseStates((prev: Record<number, VerseState>) => ({
-      ...prev,
-      [selectedVerse]:
-        prev[selectedVerse] === 'recording' ? 'recorded' : 'recording',
-    }));
-  }
-
-  function handleDelete() {
-    setVerseStates((prev: Record<number, VerseState>) => ({
-      ...prev,
-      [selectedVerse]: 'idle',
-    }));
-  }
-
-  function selectVerse(v: number) {
-    setSelectedVerse(v);
-    setSourceExpanded(false);
-  }
-
-  return (
-    <View style={styles.container}>
-      <TouchableOpacity
-        onPress={() => navigation.goBack()}
-        style={styles.backBtn}
-        activeOpacity={0.7}
-      >
-        <Ionicons name="chevron-back" size={28} color="#000" />
-        <View>
-          <Text style={styles.titleMd}>{chapterName}</Text>
-          <Text style={styles.subtitle}>{projectName}</Text>
-        </View>
-      </TouchableOpacity>
-
-      <ScrollView
-        contentContainerStyle={styles.scrollContent}
-        showsVerticalScrollIndicator={false}
-      >
-        <View style={styles.cardColumn}>
-          <Text style={styles.cardTitle}>
-            {chapterData.bibleName} - Verse {selectedVerse}
-          </Text>
-
-          <View style={styles.playerRow}>
-            <TouchableOpacity style={styles.playBtn}>
-              <Ionicons name="play" size={16} color="#fff" />
-            </TouchableOpacity>
-            <View style={styles.progressTrack}>
-              <View style={styles.progressFill} />
-            </View>
-          </View>
-
-          <TouchableOpacity
-            onPress={toggleSource}
-            style={styles.accordionHeader}
-            activeOpacity={0.7}
-          >
-            <Text style={styles.accordionLabel}>
-              {sourceExpanded ? 'Hide Source Text' : 'Show Source Text'}
-            </Text>
-            <Ionicons
-              name={sourceExpanded ? 'chevron-up' : 'chevron-down'}
-              size={16}
-              color="#000"
-            />
-          </TouchableOpacity>
-
-          {sourceExpanded && sourceText && (
-            <ScrollView
-              style={styles.sourceTextScroll}
-              nestedScrollEnabled
-              showsVerticalScrollIndicator
-            >
-              <Text style={styles.sourceText}>{sourceText}</Text>
-            </ScrollView>
-          )}
-        </View>
-
-        <View style={styles.cardColumn}>
-          <Text style={styles.cardTitle}>
-            {language} - Verse {selectedVerse}
-          </Text>
-
-          {verseState === 'idle' && (
-            <TouchableOpacity
-              style={styles.recordBtn}
-              onPress={handleRecord}
-              activeOpacity={0.8}
-            >
-              <Ionicons name="mic" size={28} color="#fff" />
-            </TouchableOpacity>
-          )}
-
-          {verseState === 'recording' && (
-            <TouchableOpacity
-              style={styles.recordBtn}
-              onPress={handleRecord}
-              activeOpacity={0.8}
-            >
-              <Ionicons name="stop" size={24} color="#fff" />
-            </TouchableOpacity>
-          )}
-
-          {verseState === 'recorded' && (
-            <>
-              <View style={styles.playerRow}>
-                <TouchableOpacity style={styles.playBtn}>
-                  <Ionicons name="play" size={16} color="#fff" />
-                </TouchableOpacity>
-                <View style={styles.progressTrack}>
-                  <View style={styles.progressFillRecorded} />
-                </View>
-              </View>
-              <TouchableOpacity
-                style={styles.deleteBtn}
-                onPress={handleDelete}
-                activeOpacity={0.8}
-              >
-                <Ionicons name="trash" size={20} color="#fff" />
-              </TouchableOpacity>
-            </>
-          )}
-        </View>
-      </ScrollView>
-
-      <ScrollView
-        horizontal
-        showsHorizontalScrollIndicator={false}
-        style={styles.chipsScroll}
-        contentContainerStyle={styles.chipsContent}
-      >
-        {verses.length > 0 ? (
-          verses.map(verse => {
-            const hasRecording =
-              (verseStates[verse.verseNumber] ?? 'idle') === 'recorded';
-            const isSelected = selectedVerse === verse.verseNumber;
-            return (
-              <TouchableOpacity
-                key={verse.verseNumber}
-                style={[styles.chip, isSelected && styles.activeChip]}
-                onPress={() => selectVerse(verse.verseNumber)}
-                activeOpacity={0.7}
-              >
-                {hasRecording && (
-                  <Ionicons
-                    name="mic"
-                    size={10}
-                    color="#1a6ef5"
-                    style={styles.chipMic}
-                  />
-                )}
-                <Text
-                  style={[styles.chipText, isSelected && styles.activeChipText]}
-                >
-                  {verse.verseNumber}
-                </Text>
-              </TouchableOpacity>
-            );
-          })
-        ) : (
-          <Text style={styles.noVersesText}>No verses found</Text>
-        )}
-      </ScrollView>
-    </View>
-  );
-}
diff --git a/src/app/tabs/drafting/record/RecordTab.test.tsx b/src/app/tabs/drafting/record/RecordTab.test.tsx
new file mode 100644
index 0000000..1ce14d7
--- /dev/null
+++ b/src/app/tabs/drafting/record/RecordTab.test.tsx
@@ -0,0 +1,289 @@
+import React from 'react';
+import { Alert } from 'react-native';
+import {
+  act,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+} from '@testing-library/react-native';
+import { RecordTab } from './RecordTab';
+import type { VerseData } from '../../../../types/db/types';
+import { RecorderStatus } from '../../../../types/recording/types';
+
+const mockUseVerseRecorder = jest.fn();
+
+jest.mock('@react-navigation/native', () => ({
+  useNavigation: () => ({
+    addListener: jest.fn(() => jest.fn()),
+    dispatch: jest.fn(),
+    goBack: jest.fn(),
+  }),
+}));
+
+jest.mock('./hooks/useVerseRecorder', () => ({
+  useVerseRecorder: (args: unknown) => mockUseVerseRecorder(args),
+}));
+
+const VERSES: VerseData[] = [
+  { bibleId: 1, bookId: 41, chapterNumber: 14, verseNumber: 1, text: 'v1' },
+  { bibleId: 1, bookId: 41, chapterNumber: 14, verseNumber: 2, text: 'v2' },
+  { bibleId: 1, bookId: 41, chapterNumber: 14, verseNumber: 3, text: 'v3' },
+];
+
+function baseRecorderState() {
+  return {
+    status: RecorderStatus.Idle,
+    elapsedMs: 0,
+    permission: 'granted' as const,
+    currentRecording: null,
+    isReady: true,
+    canResume: true,
+    playback: {
+      isPlaying: false,
+      positionMs: 0,
+      durationMs: 0,
+      toggle: jest.fn().mockResolvedValue(undefined),
+      seek: jest.fn().mockResolvedValue(undefined),
+      stop: jest.fn(),
+    },
+    requestPermission: jest
+      .fn()
+      .mockResolvedValue({ granted: true, canAskAgain: true }),
+    start: jest.fn().mockResolvedValue(undefined),
+    pause: jest.fn().mockResolvedValue(undefined),
+    resume: jest.fn().mockResolvedValue(undefined),
+    stop: jest.fn().mockResolvedValue(undefined),
+    reRecord: jest.fn().mockResolvedValue(undefined),
+    deleteCurrent: jest.fn().mockResolvedValue(undefined),
+    discardPaused: jest.fn().mockResolvedValue(undefined),
+  };
+}
+
+function reviewRecording() {
+  return {
+    id: 'rec-1',
+    bibleTextId: 42,
+    localFilePath: '/tmp/rec-1.m4a',
+    takeNumber: 1,
+    isLatest: true,
+    syncStatus: 'pending' as const,
+    createdAt: 'x',
+    updatedAt: 'x',
+  };
+}
+
+function renderTab(
+  overrides: Partial<React.ComponentProps<typeof RecordTab>> = {},
+) {
+  return render(
+    <RecordTab
+      bookName="Mark"
+      chapterNumber={14}
+      verses={VERSES}
+      selectedVerseNumber={overrides.selectedVerseNumber ?? 3}
+      bibleTextIdForSelectedVerse={42}
+      onSelectVerse={jest.fn()}
+      {...overrides}
+    />,
+  );
+}
+
+describe('RecordTab', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('defers the record UI until the recorder is ready to avoid a flash', () => {
+    jest.useFakeTimers();
+    try {
+      mockUseVerseRecorder.mockReturnValue({
+        ...baseRecorderState(),
+        isReady: false,
+      });
+      renderTab();
+
+      expect(screen.getByTestId('record-loading')).toBeTruthy();
+      expect(screen.queryByTestId('record-start-button')).toBeNull();
+      expect(screen.getByTestId('record-verse-reference')).toHaveTextContent(
+        'Mark 14:3',
+      );
+
+      act(() => {
+        jest.advanceTimersByTime(100);
+      });
+      expect(screen.getByTestId('record-start-button')).toBeTruthy();
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('renders the record UI immediately once the recorder is ready', () => {
+    mockUseVerseRecorder.mockReturnValue(baseRecorderState());
+    renderTab();
+
+    expect(screen.queryByTestId('record-loading')).toBeNull();
+    expect(screen.getByTestId('record-start-button')).toBeTruthy();
+  });
+
+  it('disables verse chevrons while recording even when navigation is possible', () => {
+    mockUseVerseRecorder.mockReturnValue({
+      ...baseRecorderState(),
+      status: RecorderStatus.Recording,
+      elapsedMs: 4_000,
+    });
+    renderTab({ selectedVerseNumber: 2 });
+
+    expect(
+      screen.getByTestId('record-prev-verse').props.accessibilityState,
+    ).toEqual(expect.objectContaining({ disabled: true }));
+    expect(
+      screen.getByTestId('record-next-verse').props.accessibilityState,
+    ).toEqual(expect.objectContaining({ disabled: true }));
+  });
+
+  it('disables prev on the first verse and next on the last verse', () => {
+    mockUseVerseRecorder.mockReturnValue(baseRecorderState());
+    const { rerender } = renderTab({ selectedVerseNumber: 1 });
+
+    expect(
+      screen.getByTestId('record-prev-verse').props.accessibilityState,
+    ).toEqual(expect.objectContaining({ disabled: true }));
+    expect(
+      screen.getByTestId('record-next-verse').props.accessibilityState,
+    ).toEqual(expect.objectContaining({ disabled: false }));
+
+    rerender(
+      <RecordTab
+        bookName="Mark"
+        chapterNumber={14}
+        verses={VERSES}
+        selectedVerseNumber={3}
+        bibleTextIdForSelectedVerse={42}
+        onSelectVerse={jest.fn()}
+      />,
+    );
+
+    expect(
+      screen.getByTestId('record-next-verse').props.accessibilityState,
+    ).toEqual(expect.objectContaining({ disabled: true }));
+  });
+
+  it('prompts the OS permission dialog on first tap when permission is denied', async () => {
+    const requestPermission = jest
+      .fn()
+      .mockResolvedValue({ granted: true, canAskAgain: true });
+    const start = jest.fn().mockResolvedValue(undefined);
+    mockUseVerseRecorder.mockReturnValue({
+      ...baseRecorderState(),
+      permission: 'denied',
+      requestPermission,
+      start,
+    });
+
+    renderTab();
+    fireEvent.press(screen.getByTestId('record-start-button'));
+
+    await waitFor(() => expect(requestPermission).toHaveBeenCalled());
+    await waitFor(() => expect(start).toHaveBeenCalled());
+  });
+
+  it('shows the Settings alert instead of starting when permission is blocked', async () => {
+    const requestPermission = jest.fn();
+    const start = jest.fn();
+    const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    mockUseVerseRecorder.mockReturnValue({
+      ...baseRecorderState(),
+      permission: 'blocked',
+      requestPermission,
+      start,
+    });
+
+    renderTab();
+    fireEvent.press(screen.getByTestId('record-start-button'));
+
+    await waitFor(() =>
+      expect(alertSpy).toHaveBeenCalledWith(
+        'Microphone access required',
+        expect.stringContaining('Settings'),
+        expect.any(Array),
+      ),
+    );
+    expect(requestPermission).not.toHaveBeenCalled();
+    expect(start).not.toHaveBeenCalled();
+
+    alertSpy.mockRestore();
+  });
+
+  it('shows the Settings alert when the OS permanently denies during the prompt', async () => {
+    const requestPermission = jest
+      .fn()
+      .mockResolvedValue({ granted: false, canAskAgain: false });
+    const start = jest.fn();
+    const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    mockUseVerseRecorder.mockReturnValue({
+      ...baseRecorderState(),
+      permission: 'denied',
+      requestPermission,
+      start,
+    });
+
+    renderTab();
+    fireEvent.press(screen.getByTestId('record-start-button'));
+
+    await waitFor(() => expect(requestPermission).toHaveBeenCalled());
+    await waitFor(() =>
+      expect(alertSpy).toHaveBeenCalledWith(
+        'Microphone access required',
+        expect.stringContaining('Settings'),
+        expect.any(Array),
+      ),
+    );
+    expect(start).not.toHaveBeenCalled();
+
+    alertSpy.mockRestore();
+  });
+
+  it('shows a delete confirmation alert from the review controls', () => {
+    const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    mockUseVerseRecorder.mockReturnValue({
+      ...baseRecorderState(),
+      status: RecorderStatus.Review,
+      currentRecording: reviewRecording(),
+    });
+
+    renderTab();
+    fireEvent.press(screen.getByTestId('record-delete-button'));
+
+    expect(alertSpy).toHaveBeenCalledWith(
+      'Delete draft?',
+      expect.any(String),
+      expect.any(Array),
+    );
+
+    alertSpy.mockRestore();
+  });
+
+  it('forwards attribution context to useVerseRecorder', () => {
+    mockUseVerseRecorder.mockReturnValue(baseRecorderState());
+    renderTab({
+      selectedVerseNumber: 2,
+      userId: 'user-7',
+      projectId: 55,
+      chapterAssignmentId: 88,
+      bookCode: 'MRK',
+    });
+
+    expect(mockUseVerseRecorder).toHaveBeenCalledWith(
+      expect.objectContaining({
+        bibleTextId: 42,
+        userId: 'user-7',
+        projectId: 55,
+        chapterAssignmentId: 88,
+        bookCode: 'MRK',
+        chapterNumber: 14,
+        verseNumber: 2,
+      }),
+    );
+  });
+});
diff --git a/src/app/tabs/drafting/record/RecordTab.tsx b/src/app/tabs/drafting/record/RecordTab.tsx
new file mode 100644
index 0000000..83eff5e
--- /dev/null
+++ b/src/app/tabs/drafting/record/RecordTab.tsx
@@ -0,0 +1,269 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { Alert, StyleSheet, ToastAndroid, View } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+import { theme } from '../../../../theme';
+import type { VerseData } from '../../../../types/db/types';
+import type { TabSwitchGuardRef } from '../../../../types/drafting/types';
+import { RecordingControls } from './components/RecordingControls';
+import { RecordingWaveform } from './components/RecordingWaveform';
+import { SourceTextPanel } from './components/SourceTextPanel';
+import { VerseNav } from './components/VerseNav';
+import { logger } from '../../../../utils/logger';
+import { useRecordTabGuards } from './hooks/useRecordTabGuards';
+import { useVerseRecorder } from './hooks/useVerseRecorder';
+import { verseReference } from './utils/recordTabUtils';
+import { RecorderStatus } from '../../../../types/recording/types';
+
+const log = logger.create('RecordTab');
+
+// Hold the record/review UI back for a short beat on mount and verse switches.
+// The recording state is loaded from the local DB (a few ms), so deferring the
+// first paint lets it resolve first — the UI settles straight into the correct
+// state instead of flashing "idle" and then snapping to "review".
+const PRESENTATION_DEFER_MS = 100;
+
+interface RecordTabProps {
+  bookName: string;
+  chapterNumber: number;
+  verses: VerseData[];
+  selectedVerseNumber: number;
+  bibleTextIdForSelectedVerse: number | null;
+  onSelectVerse: (verseNumber: number) => void;
+  userId?: string;
+  projectId?: number | null;
+  chapterAssignmentId?: number | null;
+  bookCode?: string | null;
+  tabSwitchGuardRef?: TabSwitchGuardRef;
+}
+
+export function RecordTab({
+  bookName,
+  chapterNumber,
+  verses,
+  selectedVerseNumber,
+  bibleTextIdForSelectedVerse,
+  onSelectVerse,
+  userId,
+  projectId,
+  chapterAssignmentId,
+  bookCode,
+  tabSwitchGuardRef,
+}: RecordTabProps) {
+  const navigation = useNavigation();
+  const recorder = useVerseRecorder({
+    bibleTextId: bibleTextIdForSelectedVerse,
+    userId,
+    projectId,
+    chapterAssignmentId,
+    bookCode,
+    chapterNumber,
+    verseNumber: selectedVerseNumber,
+  });
+  const [deferElapsed, setDeferElapsed] = useState(false);
+
+  const { withPausedGuard, withTabSwitchGuard, ensureMicPermission } =
+    useRecordTabGuards({
+      status: recorder.status,
+      permission: recorder.permission,
+      requestPermission: recorder.requestPermission,
+      discardPaused: recorder.discardPaused,
+      navigation: navigation as unknown as Parameters<
+        typeof useRecordTabGuards
+      >[0]['navigation'],
+    });
+
+  useEffect(() => {
+    if (!tabSwitchGuardRef) return;
+    tabSwitchGuardRef.current = withTabSwitchGuard;
+    return () => {
+      tabSwitchGuardRef.current = null;
+    };
+  }, [tabSwitchGuardRef, withTabSwitchGuard]);
+
+  // Present as soon as the recorder has loaded its state, but cap the wait at
+  // PRESENTATION_DEFER_MS so a slow/stalled load still surfaces the UI.
+  const showContent = recorder.isReady || deferElapsed;
+
+  useEffect(() => {
+    if (recorder.isReady) return;
+    setDeferElapsed(false);
+    const timer = setTimeout(
+      () => setDeferElapsed(true),
+      PRESENTATION_DEFER_MS,
+    );
+    return () => clearTimeout(timer);
+  }, [recorder.isReady]);
+
+  const currentReference = verseReference(
+    bookName,
+    chapterNumber,
+    selectedVerseNumber,
+  );
+
+  const verseIndex = verses.findIndex(
+    v => v.verseNumber === selectedVerseNumber,
+  );
+  const canGoPrev = verseIndex > 0;
+  const canGoNext = verseIndex >= 0 && verseIndex < verses.length - 1;
+  // Verse navigation is locked mid-recording so the take stays anchored to
+  // the verse the user started on. Paused/idle/review keep their own guards.
+  const isRecordingLocked = recorder.status === RecorderStatus.Recording;
+  const prevDisabled = !canGoPrev || isRecordingLocked;
+  const nextDisabled = !canGoNext || isRecordingLocked;
+
+  const sourceText = useMemo(
+    () => verses.find(v => v.verseNumber === selectedVerseNumber)?.text ?? '',
+    [verses, selectedVerseNumber],
+  );
+
+  function handlePrev() {
+    if (prevDisabled) return;
+    recorder.playback.stop();
+    withPausedGuard(() => onSelectVerse(verses[verseIndex - 1]!.verseNumber));
+  }
+
+  function handleNext() {
+    if (nextDisabled) return;
+    recorder.playback.stop();
+    withPausedGuard(() => onSelectVerse(verses[verseIndex + 1]!.verseNumber));
+  }
+
+  async function handleStartPress() {
+    // TEMP: the source verse row hasn't resolved a bible_text id (sync gap /
+    // unstable backend contract), which leaves the recorder inert and the record
+    // button silently dead. Surface it until the team settles the session-key /
+    // bible_text_id approach once sync is stable.
+    if (bibleTextIdForSelectedVerse === null) {
+      ToastAndroid.show(
+        'No bible text id for this verse yet.',
+        ToastAndroid.SHORT,
+      );
+      return;
+    }
+    if (!(await ensureMicPermission())) return;
+    await recorder.start();
+  }
+
+  async function handleReRecordPress() {
+    if (!(await ensureMicPermission())) return;
+    await recorder.reRecord();
+  }
+
+  async function handlePausePress() {
+    try {
+      await recorder.pause();
+    } catch (error) {
+      log.warn('Failed to pause recording', { error });
+      Alert.alert(
+        'Could not pause recording',
+        'Something went wrong while pausing. Try again, or restart the app if the problem continues.',
+      );
+    }
+  }
+
+  async function handleResumePress() {
+    try {
+      await recorder.resume();
+    } catch (error) {
+      log.warn('Failed to resume recording', { error });
+      Alert.alert(
+        'Could not resume recording',
+        'Something went wrong while resuming. Try again, or restart the app if the problem continues.',
+      );
+    }
+  }
+
+  async function handleStopPress() {
+    try {
+      await recorder.stop();
+    } catch (error) {
+      log.warn('Failed to stop recording', { error });
+      Alert.alert(
+        'Could not save recording',
+        'Your take could not be saved. Try stopping again, or restart the app if the problem continues.',
+      );
+    }
+  }
+
+  async function handleDiscardPress() {
+    try {
+      await recorder.discardPaused();
+    } catch (error) {
+      log.warn('Failed to discard recovered take', { error });
+      Alert.alert(
+        'Could not discard take',
+        'Something went wrong while removing the recovered take. Try again, or restart the app if the problem continues.',
+      );
+    }
+  }
+
+  function handleDeletePress() {
+    Alert.alert('Delete draft?', 'This cannot be undone.', [
+      { text: 'Cancel', style: 'cancel' },
+      {
+        text: 'Delete',
+        style: 'destructive',
+        onPress: async () => {
+          await recorder.deleteCurrent();
+        },
+      },
+    ]);
+  }
+
+  return (
+    <View style={styles.container}>
+      <VerseNav
+        reference={currentReference}
+        prevDisabled={prevDisabled}
+        nextDisabled={nextDisabled}
+        onPrev={handlePrev}
+        onNext={handleNext}
+      />
+
+      {!showContent ? (
+        <View style={styles.deferPlaceholder} testID="record-loading" />
+      ) : (
+        <>
+          <RecordingWaveform
+            status={recorder.status}
+            elapsedMs={recorder.elapsedMs}
+            positionMs={recorder.playback.positionMs}
+            durationMs={recorder.playback.durationMs || recorder.elapsedMs}
+            onSeek={recorder.playback.seek}
+          />
+          <RecordingControls
+            status={recorder.status}
+            reference={currentReference}
+            elapsedMs={recorder.elapsedMs}
+            isPlaying={recorder.playback.isPlaying}
+            canResume={recorder.canResume}
+            isRecovered={recorder.isRecovered}
+            onStart={handleStartPress}
+            onPause={handlePausePress}
+            onResume={handleResumePress}
+            onStop={handleStopPress}
+            onDiscard={handleDiscardPress}
+            onTogglePlayback={() => recorder.playback.toggle()}
+            onReRecord={handleReRecordPress}
+            onDelete={handleDeletePress}
+          />
+        </>
+      )}
+
+      <SourceTextPanel sourceText={sourceText} />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: theme.spacing.lg,
+    gap: theme.spacing.lg,
+  },
+  // Reserves roughly the waveform + controls height so deferring the first
+  // paint does not shift the surrounding layout when the real UI appears.
+  deferPlaceholder: {
+    minHeight: 232,
+  },
+});
diff --git a/src/app/tabs/drafting/record/components/RecordingControls.test.tsx b/src/app/tabs/drafting/record/components/RecordingControls.test.tsx
new file mode 100644
index 0000000..5d7ec43
--- /dev/null
+++ b/src/app/tabs/drafting/record/components/RecordingControls.test.tsx
@@ -0,0 +1,242 @@
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react-native';
+import { RecordingControls } from './RecordingControls';
+import { RecorderStatus } from '../../../../../types/recording/types';
+
+const REFERENCE = 'Mark 14:3';
+
+describe('RecordingControls', () => {
+  it('renders the idle record button with a label and disabled play hint', () => {
+    render(
+      <RecordingControls
+        status={RecorderStatus.Idle}
+        reference={REFERENCE}
+        elapsedMs={0}
+        isPlaying={false}
+        onStart={jest.fn()}
+        onPause={jest.fn()}
+        onResume={jest.fn()}
+        onStop={jest.fn()}
+        onTogglePlayback={jest.fn()}
+        onReRecord={jest.fn()}
+        onDelete={jest.fn()}
+      />,
+    );
+
+    expect(screen.getByTestId('record-start-button')).toBeTruthy();
+    expect(screen.getByTestId('record-start-label')).toHaveTextContent(
+      'Record Mark 14:3',
+    );
+    expect(screen.getByTestId('record-play-idle-placeholder')).toBeTruthy();
+  });
+
+  it('shows pause and stop controls with a duration and tip when recording', () => {
+    render(
+      <RecordingControls
+        status={RecorderStatus.Recording}
+        reference={REFERENCE}
+        elapsedMs={65_420}
+        isPlaying={false}
+        onStart={jest.fn()}
+        onPause={jest.fn()}
+        onResume={jest.fn()}
+        onStop={jest.fn()}
+        onTogglePlayback={jest.fn()}
+        onReRecord={jest.fn()}
+        onDelete={jest.fn()}
+      />,
+    );
+
+    expect(screen.getByTestId('record-duration')).toHaveTextContent('01:05:42');
+    expect(screen.getByTestId('record-pause-button')).toBeTruthy();
+    expect(screen.getByTestId('record-stop-button')).toBeTruthy();
+    expect(screen.getByTestId('record-tip')).toHaveTextContent(
+      'Tap pause to study the source, stop to finish.',
+    );
+  });
+
+  it('shows the paused tip instead of the recording tip while paused', () => {
+    render(
+      <RecordingControls
+        status={RecorderStatus.Paused}
+        reference={REFERENCE}
+        elapsedMs={3_000}
+        isPlaying={false}
+        onStart={jest.fn()}
+        onPause={jest.fn()}
+        onResume={jest.fn()}
+        onStop={jest.fn()}
+        onTogglePlayback={jest.fn()}
+        onReRecord={jest.fn()}
+        onDelete={jest.fn()}
+      />,
+    );
+
+    expect(screen.getByTestId('record-tip')).toHaveTextContent(
+      'Recording paused — review the source below, then resume.',
+    );
+  });
+
+  it('shows the resume button while paused with a live session', () => {
+    render(
+      <RecordingControls
+        status={RecorderStatus.Paused}
+        reference={REFERENCE}
+        elapsedMs={3_000}
+        isPlaying={false}
+        canResume
+        onStart={jest.fn()}
+        onPause={jest.fn()}
+        onResume={jest.fn()}
+        onStop={jest.fn()}
+        onTogglePlayback={jest.fn()}
+        onReRecord={jest.fn()}
+        onDelete={jest.fn()}
+      />,
+    );
+
+    expect(screen.getByTestId('record-resume-button')).toBeTruthy();
+    expect(screen.queryByTestId('record-pause-button')).toBeNull();
+    expect(screen.queryByTestId('record-discard-button')).toBeNull();
+  });
+
+  it('offers resume, stop and discard for a recovered paused take', () => {
+    render(
+      <RecordingControls
+        status={RecorderStatus.Paused}
+        reference={REFERENCE}
+        elapsedMs={3_000}
+        isPlaying={false}
+        canResume
+        isRecovered
+        onStart={jest.fn()}
+        onPause={jest.fn()}
+        onResume={jest.fn()}
+        onStop={jest.fn()}
+        onDiscard={jest.fn()}
+        onTogglePlayback={jest.fn()}
+        onReRecord={jest.fn()}
+        onDelete={jest.fn()}
+      />,
+    );
+
+    expect(screen.getByTestId('record-resume-button')).toBeTruthy();
+    expect(screen.getByTestId('record-stop-button')).toBeTruthy();
+    expect(screen.getByTestId('record-discard-button')).toBeTruthy();
+    expect(screen.getByTestId('record-tip')).toHaveTextContent(
+      'Recovered a paused take from a previous session. Resume to keep recording, or discard it.',
+    );
+  });
+
+  it('renders the legacy discard-only layout when a paused take cannot be resumed', () => {
+    render(
+      <RecordingControls
+        status={RecorderStatus.Paused}
+        reference={REFERENCE}
+        elapsedMs={3_000}
+        isPlaying={false}
+        canResume={false}
+        onStart={jest.fn()}
+        onPause={jest.fn()}
+        onResume={jest.fn()}
+        onStop={jest.fn()}
+        onDiscard={jest.fn()}
+        onTogglePlayback={jest.fn()}
+        onReRecord={jest.fn()}
+        onDelete={jest.fn()}
+      />,
+    );
+
+    expect(screen.getByTestId('record-discard-button')).toBeTruthy();
+    expect(screen.queryByTestId('record-resume-button')).toBeNull();
+    expect(screen.queryByTestId('record-stop-button')).toBeNull();
+    expect(screen.getByTestId('record-tip')).toHaveTextContent(
+      'A paused take was recovered from a previous session. Discard it to start fresh.',
+    );
+  });
+
+  it('renders review controls with placeholder, play, re-record and delete', () => {
+    const onDelete = jest.fn();
+
+    render(
+      <RecordingControls
+        status={RecorderStatus.Review}
+        reference={REFERENCE}
+        elapsedMs={0}
+        isPlaying={false}
+        onStart={jest.fn()}
+        onPause={jest.fn()}
+        onResume={jest.fn()}
+        onStop={jest.fn()}
+        onTogglePlayback={jest.fn()}
+        onReRecord={jest.fn()}
+        onDelete={onDelete}
+      />,
+    );
+
+    expect(
+      screen.getByTestId('record-review-record-done-placeholder'),
+    ).toBeTruthy();
+    expect(screen.getByTestId('record-play-button')).toBeTruthy();
+    expect(screen.getByTestId('record-rerecord-button')).toHaveTextContent(
+      'Re-record',
+    );
+    expect(screen.getByTestId('record-delete-button')).toHaveTextContent(
+      'Delete',
+    );
+    expect(screen.queryByTestId('record-tip')).toBeNull();
+
+    fireEvent.press(screen.getByTestId('record-delete-button'));
+    expect(onDelete).toHaveBeenCalledTimes(1);
+  });
+
+  it('calls onTogglePlayback when the review play button is pressed', () => {
+    const onTogglePlayback = jest.fn();
+
+    render(
+      <RecordingControls
+        status={RecorderStatus.Review}
+        reference={REFERENCE}
+        elapsedMs={0}
+        isPlaying={false}
+        onStart={jest.fn()}
+        onPause={jest.fn()}
+        onResume={jest.fn()}
+        onStop={jest.fn()}
+        onTogglePlayback={onTogglePlayback}
+        onReRecord={jest.fn()}
+        onDelete={jest.fn()}
+      />,
+    );
+
+    expect(
+      screen.getByTestId('record-play-button').props.accessibilityLabel,
+    ).toBe('Play draft');
+    fireEvent.press(screen.getByTestId('record-play-button'));
+    expect(onTogglePlayback).toHaveBeenCalledTimes(1);
+  });
+
+  it('shows a pause affordance while the draft is playing', () => {
+    render(
+      <RecordingControls
+        status={RecorderStatus.Review}
+        reference={REFERENCE}
+        elapsedMs={0}
+        isPlaying={true}
+        onStart={jest.fn()}
+        onPause={jest.fn()}
+        onResume={jest.fn()}
+        onStop={jest.fn()}
+        onTogglePlayback={jest.fn()}
+        onReRecord={jest.fn()}
+        onDelete={jest.fn()}
+      />,
+    );
+
+    const playButton = screen.getByTestId('record-play-button');
+    expect(playButton.props.accessibilityLabel).toBe('Pause draft');
+    expect(playButton.props.accessibilityState).toEqual(
+      expect.objectContaining({ selected: true }),
+    );
+  });
+});
diff --git a/src/app/tabs/drafting/record/components/RecordingControls.tsx b/src/app/tabs/drafting/record/components/RecordingControls.tsx
new file mode 100644
index 0000000..7258de6
--- /dev/null
+++ b/src/app/tabs/drafting/record/components/RecordingControls.tsx
@@ -0,0 +1,404 @@
+import React from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import {
+  CircleDot,
+  Pause,
+  Play,
+  RefreshCw,
+  Square,
+  Trash2,
+} from 'lucide-react-native';
+import { RecorderStatus } from '../../../../../types/recording/types';
+import { theme } from '../../../../../theme';
+import { listIconStrokeWidth } from '../../../../../theme/iconSpecs';
+import { formatDuration } from '../utils/recordTabUtils';
+
+/** Paused-state helper copy, keyed by whether the take is resumable/recovered. */
+function pausedTip(canResume: boolean, isRecovered: boolean): string {
+  if (!canResume) {
+    return 'A paused take was recovered from a previous session. Discard it to start fresh.';
+  }
+  if (isRecovered) {
+    return 'Recovered a paused take from a previous session. Resume to keep recording, or discard it.';
+  }
+  return 'Recording paused — review the source below, then resume.';
+}
+
+interface RecordingControlsProps {
+  status: RecorderStatus;
+  reference: string;
+  elapsedMs: number;
+  isPlaying: boolean;
+  /** Whether the paused take can be resumed (always true once paused). */
+  canResume?: boolean;
+  /**
+   * True when the paused take was rehydrated after a process kill. Adds a
+   * Discard affordance alongside Resume/Stop and swaps in recovery copy.
+   */
+  isRecovered?: boolean;
+  onStart: () => void;
+  onPause: () => void;
+  onResume: () => void;
+  onStop: () => void;
+  onDiscard?: () => void;
+  onTogglePlayback: () => void;
+  onReRecord: () => void;
+  onDelete: () => void;
+}
+
+export function RecordingControls({
+  status,
+  reference,
+  elapsedMs,
+  isPlaying,
+  canResume = true,
+  isRecovered = false,
+  onStart,
+  onPause,
+  onResume,
+  onStop,
+  onDiscard,
+  onTogglePlayback,
+  onReRecord,
+  onDelete,
+}: RecordingControlsProps) {
+  return (
+    <View style={styles.controls}>
+      {status === RecorderStatus.Idle && (
+        <View style={styles.idleGroup}>
+          <TouchableOpacity
+            style={styles.recordButtonCircle}
+            onPress={onStart}
+            accessibilityRole="button"
+            accessibilityLabel={`Record ${reference}`}
+            testID="record-start-button"
+          >
+            <CircleDot
+              size={44}
+              color={theme.colors.primaryForeground}
+              strokeWidth={listIconStrokeWidth}
+            />
+          </TouchableOpacity>
+          <Text style={styles.recordButtonLabel} testID="record-start-label">
+            Record {reference}
+          </Text>
+          <View
+            style={styles.mutedPlaceholderCircle}
+            accessibilityRole="button"
+            accessibilityLabel="Playback unavailable until a draft is recorded"
+            accessibilityState={{ disabled: true }}
+            testID="record-play-idle-placeholder"
+          >
+            <Play
+              size={22}
+              color={theme.colors.mutedForeground}
+              strokeWidth={listIconStrokeWidth}
+            />
+          </View>
+        </View>
+      )}
+
+      {status === RecorderStatus.Recording && (
+        <View style={styles.captureGroup}>
+          <Text style={styles.duration} testID="record-duration">
+            {formatDuration(elapsedMs)}
+          </Text>
+          <View style={styles.captureButtonsRow}>
+            <TouchableOpacity
+              style={styles.stopCircleButton}
+              onPress={onStop}
+              accessibilityRole="button"
+              accessibilityLabel="Stop recording"
+              testID="record-stop-button"
+            >
+              <Square
+                size={26}
+                color={theme.colors.foreground}
+                strokeWidth={listIconStrokeWidth}
+              />
+            </TouchableOpacity>
+            <TouchableOpacity
+              style={styles.primaryActionCircle}
+              onPress={onPause}
+              accessibilityRole="button"
+              accessibilityLabel="Pause recording"
+              testID="record-pause-button"
+            >
+              <Pause
+                size={30}
+                color={theme.colors.primaryForeground}
+                strokeWidth={listIconStrokeWidth}
+              />
+            </TouchableOpacity>
+          </View>
+          <Text style={styles.captureTip} testID="record-tip">
+            Tap pause to study the source, stop to finish.
+          </Text>
+        </View>
+      )}
+
+      {status === RecorderStatus.Paused && (
+        <View style={styles.captureGroup}>
+          <Text style={styles.duration} testID="record-duration">
+            {formatDuration(elapsedMs)}
+          </Text>
+          <View style={styles.captureButtonsRow}>
+            {canResume ? (
+              <>
+                <TouchableOpacity
+                  style={styles.stopCircleButton}
+                  onPress={onStop}
+                  accessibilityRole="button"
+                  accessibilityLabel="Stop recording"
+                  testID="record-stop-button"
+                >
+                  <Square
+                    size={26}
+                    color={theme.colors.foreground}
+                    strokeWidth={listIconStrokeWidth}
+                  />
+                </TouchableOpacity>
+                <TouchableOpacity
+                  style={styles.primaryActionCircle}
+                  onPress={onResume}
+                  accessibilityRole="button"
+                  accessibilityLabel="Resume recording"
+                  testID="record-resume-button"
+                >
+                  <CircleDot
+                    size={30}
+                    color={theme.colors.primaryForeground}
+                    strokeWidth={listIconStrokeWidth}
+                  />
+                </TouchableOpacity>
+              </>
+            ) : (
+              <TouchableOpacity
+                style={styles.destructiveButton}
+                onPress={onDiscard}
+                accessibilityRole="button"
+                accessibilityLabel="Discard recovered take"
+                testID="record-discard-button"
+              >
+                <Trash2
+                  size={18}
+                  color={theme.colors.destructive}
+                  strokeWidth={listIconStrokeWidth}
+                />
+                <Text style={styles.destructiveLabel}>Discard take</Text>
+              </TouchableOpacity>
+            )}
+          </View>
+          {canResume && isRecovered && onDiscard ? (
+            <TouchableOpacity
+              style={styles.destructiveButton}
+              onPress={onDiscard}
+              accessibilityRole="button"
+              accessibilityLabel="Discard recovered take"
+              testID="record-discard-button"
+            >
+              <Trash2
+                size={18}
+                color={theme.colors.destructive}
+                strokeWidth={listIconStrokeWidth}
+              />
+              <Text style={styles.destructiveLabel}>Discard take</Text>
+            </TouchableOpacity>
+          ) : null}
+          <Text style={styles.captureTip} testID="record-tip">
+            {pausedTip(canResume, isRecovered)}
+          </Text>
+        </View>
+      )}
+
+      {status === RecorderStatus.Review && (
+        <View style={styles.reviewGroup}>
+          <View style={styles.captureButtonsRow}>
+            <View
+              style={styles.mutedPlaceholderCircle}
+              accessibilityRole="image"
+              accessibilityLabel="Recording complete"
+              testID="record-review-record-done-placeholder"
+            >
+              <CircleDot
+                size={22}
+                color={theme.colors.mutedForeground}
+                strokeWidth={listIconStrokeWidth}
+              />
+            </View>
+            <TouchableOpacity
+              style={styles.primaryPlayCircle}
+              onPress={onTogglePlayback}
+              accessibilityRole="button"
+              accessibilityLabel={isPlaying ? 'Pause draft' : 'Play draft'}
+              accessibilityState={{ selected: isPlaying }}
+              testID="record-play-button"
+            >
+              {isPlaying ? (
+                <Pause
+                  size={30}
+                  color={theme.colors.primaryForeground}
+                  strokeWidth={listIconStrokeWidth}
+                />
+              ) : (
+                <Play
+                  size={30}
+                  color={theme.colors.primaryForeground}
+                  strokeWidth={listIconStrokeWidth}
+                />
+              )}
+            </TouchableOpacity>
+          </View>
+          <View style={styles.reviewActions}>
+            <TouchableOpacity
+              style={styles.reRecordButton}
+              onPress={onReRecord}
+              accessibilityRole="button"
+              accessibilityLabel="Re-record draft"
+              testID="record-rerecord-button"
+            >
+              <RefreshCw
+                size={18}
+                color={theme.colors.foreground}
+                strokeWidth={listIconStrokeWidth}
+              />
+              <Text style={styles.reRecordLabel}>Re-record</Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+              style={styles.destructiveButton}
+              onPress={onDelete}
+              accessibilityRole="button"
+              accessibilityLabel="Delete draft"
+              testID="record-delete-button"
+            >
+              <Trash2
+                size={18}
+                color={theme.colors.destructive}
+                strokeWidth={listIconStrokeWidth}
+              />
+              <Text style={styles.destructiveLabel}>Delete</Text>
+            </TouchableOpacity>
+          </View>
+        </View>
+      )}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  controls: {
+    alignItems: 'center',
+    gap: theme.spacing.md,
+  },
+  idleGroup: {
+    alignItems: 'center',
+    gap: theme.spacing.md,
+  },
+  recordButtonCircle: {
+    width: 88,
+    height: 88,
+    borderRadius: theme.radius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: theme.colors.recordAccent,
+  },
+  recordButtonLabel: {
+    color: theme.colors.foreground,
+    fontSize: theme.typography.sizes.md,
+    fontWeight: theme.typography.weights.medium,
+    textAlign: 'center',
+  },
+  mutedPlaceholderCircle: {
+    width: 48,
+    height: 48,
+    borderRadius: theme.radius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: theme.colors.cardBackground,
+    opacity: 0.6,
+  },
+  captureGroup: {
+    alignItems: 'center',
+    gap: theme.spacing.md,
+  },
+  captureButtonsRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.spacing.lg,
+  },
+  captureTip: {
+    fontSize: theme.typography.sizes.sm,
+    color: theme.colors.mutedForeground,
+    textAlign: 'center',
+  },
+  duration: {
+    fontSize: 32,
+    fontWeight: theme.typography.weights.medium,
+    fontVariant: ['tabular-nums'],
+    color: theme.colors.mutedForeground,
+  },
+  stopCircleButton: {
+    width: 56,
+    height: 56,
+    borderRadius: theme.radius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: theme.colors.cardBackground,
+    borderWidth: 1,
+    borderColor: theme.colors.border,
+  },
+  primaryActionCircle: {
+    width: 72,
+    height: 72,
+    borderRadius: theme.radius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: theme.colors.recordAccent,
+  },
+  reviewGroup: {
+    alignItems: 'center',
+    gap: theme.spacing.lg,
+  },
+  primaryPlayCircle: {
+    width: 72,
+    height: 72,
+    borderRadius: theme.radius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: theme.colors.primary,
+  },
+  reviewActions: {
+    flexDirection: 'row',
+    gap: theme.spacing.md,
+  },
+  reRecordButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.spacing.sm,
+    paddingHorizontal: theme.spacing.lg,
+    paddingVertical: theme.spacing.md,
+    borderRadius: theme.radius.md,
+    backgroundColor: theme.colors.cardBackground,
+  },
+  reRecordLabel: {
+    color: theme.colors.foreground,
+    fontSize: theme.typography.sizes.md,
+    fontWeight: theme.typography.weights.medium,
+  },
+  destructiveButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.spacing.sm,
+    paddingHorizontal: theme.spacing.lg,
+    paddingVertical: theme.spacing.md,
+    borderRadius: theme.radius.md,
+    borderWidth: 1,
+    borderColor: theme.colors.destructive,
+    backgroundColor: theme.colors.background,
+  },
+  destructiveLabel: {
+    color: theme.colors.destructive,
+    fontSize: theme.typography.sizes.md,
+    fontWeight: theme.typography.weights.medium,
+  },
+});
diff --git a/src/app/tabs/drafting/record/components/RecordingWaveform.test.tsx b/src/app/tabs/drafting/record/components/RecordingWaveform.test.tsx
new file mode 100644
index 0000000..d46861e
--- /dev/null
+++ b/src/app/tabs/drafting/record/components/RecordingWaveform.test.tsx
@@ -0,0 +1,183 @@
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react-native';
+import { RecordingWaveform } from './RecordingWaveform';
+import { RecorderStatus } from '../../../../../types/recording/types';
+
+// The filled/unfilled bar styles are visually distinguished by opacity
+// (0.95 vs 0.3); walk the rendered JSON tree to count filled bars without
+// depending on internal state.
+function countFilledBars(node: unknown): number {
+  if (!node) return 0;
+  if (Array.isArray(node)) {
+    return node.reduce((sum: number, child) => sum + countFilledBars(child), 0);
+  }
+  const element = node as { props?: { style?: unknown }; children?: unknown };
+  const style = element.props?.style;
+  const styleArr = Array.isArray(style) ? style : style ? [style] : [];
+  const isFilled = styleArr.some(
+    s =>
+      typeof s === 'object' &&
+      s !== null &&
+      (s as { opacity?: number }).opacity === 0.95,
+  );
+  return (isFilled ? 1 : 0) + countFilledBars(element.children);
+}
+
+describe('RecordingWaveform', () => {
+  it('renders nothing for idle status', () => {
+    render(<RecordingWaveform status={RecorderStatus.Idle} elapsedMs={0} />);
+
+    expect(screen.queryByTestId('record-waveform-live')).toBeNull();
+    expect(screen.queryByTestId('record-waveform-static')).toBeNull();
+  });
+
+  it('renders the live waveform while recording', () => {
+    render(
+      <RecordingWaveform status={RecorderStatus.Recording} elapsedMs={4_000} />,
+    );
+
+    expect(screen.getByTestId('record-waveform-live')).toBeTruthy();
+    expect(screen.queryByTestId('record-waveform-static')).toBeNull();
+  });
+
+  it('renders the live waveform while paused', () => {
+    render(
+      <RecordingWaveform status={RecorderStatus.Paused} elapsedMs={3_000} />,
+    );
+
+    expect(screen.getByTestId('record-waveform-live')).toBeTruthy();
+  });
+
+  it('renders the static waveform in review', () => {
+    render(<RecordingWaveform status={RecorderStatus.Review} elapsedMs={0} />);
+
+    expect(screen.queryByTestId('record-waveform-live')).toBeNull();
+    expect(screen.getByTestId('record-waveform-static')).toBeTruthy();
+  });
+
+  it('shows the current position over the total duration in review', () => {
+    render(
+      <RecordingWaveform
+        status={RecorderStatus.Review}
+        elapsedMs={10_000}
+        positionMs={2_500}
+        durationMs={10_000}
+      />,
+    );
+
+    expect(screen.getByTestId('record-review-position')).toHaveTextContent(
+      '00:02:50 / 00:10:00',
+    );
+  });
+
+  it('shows the scrub target position while dragging in review', () => {
+    const onSeek = jest.fn();
+    render(
+      <RecordingWaveform
+        status={RecorderStatus.Review}
+        elapsedMs={10_000}
+        positionMs={0}
+        durationMs={10_000}
+        onSeek={onSeek}
+      />,
+    );
+
+    const waveform = screen.getByTestId('record-waveform-static');
+    fireEvent(waveform, 'layout', {
+      nativeEvent: { layout: { x: 0, y: 0, width: 200, height: 72 } },
+    });
+    fireEvent(waveform, 'responderGrant', {
+      nativeEvent: { locationX: 150 },
+    });
+
+    expect(screen.getByTestId('record-review-position')).toHaveTextContent(
+      '00:07:50 / 00:10:00',
+    );
+  });
+
+  it('seeks to the scrubbed position on release in review', () => {
+    const onSeek = jest.fn();
+    render(
+      <RecordingWaveform
+        status={RecorderStatus.Review}
+        elapsedMs={10_000}
+        positionMs={0}
+        durationMs={10_000}
+        onSeek={onSeek}
+      />,
+    );
+
+    const waveform = screen.getByTestId('record-waveform-static');
+    fireEvent(waveform, 'layout', {
+      nativeEvent: { layout: { x: 0, y: 0, width: 200, height: 72 } },
+    });
+    fireEvent(waveform, 'responderRelease', {
+      nativeEvent: { locationX: 50 },
+    });
+
+    expect(onSeek).toHaveBeenCalledWith(2_500);
+  });
+
+  it('holds the fill at the seek target after release instead of snapping back to the stale position', () => {
+    const onSeek = jest.fn();
+    const { toJSON } = render(
+      <RecordingWaveform
+        status={RecorderStatus.Review}
+        elapsedMs={10_000}
+        // Stale position left over from before the drag — if the fill fell
+        // back to this immediately on release (the flicker bug), it would
+        // render 0 filled bars instead of the dragged-to target.
+        positionMs={0}
+        durationMs={10_000}
+        onSeek={onSeek}
+      />,
+    );
+
+    const waveform = screen.getByTestId('record-waveform-static');
+    fireEvent(waveform, 'layout', {
+      nativeEvent: { layout: { x: 0, y: 0, width: 200, height: 72 } },
+    });
+    // Drag to 75% (locationX 150 of 200) and release.
+    fireEvent(waveform, 'responderRelease', {
+      nativeEvent: { locationX: 150 },
+    });
+
+    expect(onSeek).toHaveBeenCalledWith(7_500);
+    expect(countFilledBars(toJSON())).toBe(17);
+  });
+
+  it('hands the fill back to positionMs once it confirms the seek landed', () => {
+    const onSeek = jest.fn();
+    const { toJSON, rerender } = render(
+      <RecordingWaveform
+        status={RecorderStatus.Review}
+        elapsedMs={10_000}
+        positionMs={0}
+        durationMs={10_000}
+        onSeek={onSeek}
+      />,
+    );
+
+    const waveform = screen.getByTestId('record-waveform-static');
+    fireEvent(waveform, 'layout', {
+      nativeEvent: { layout: { x: 0, y: 0, width: 200, height: 72 } },
+    });
+    fireEvent(waveform, 'responderRelease', {
+      nativeEvent: { locationX: 150 },
+    });
+    expect(countFilledBars(toJSON())).toBe(17);
+
+    // Player status catches up to the seek target.
+    rerender(
+      <RecordingWaveform
+        status={RecorderStatus.Review}
+        elapsedMs={10_000}
+        positionMs={7_500}
+        durationMs={10_000}
+        onSeek={onSeek}
+      />,
+    );
+
+    expect(countFilledBars(toJSON())).toBe(17);
+  });
+});
diff --git a/src/app/tabs/drafting/record/components/RecordingWaveform.tsx b/src/app/tabs/drafting/record/components/RecordingWaveform.tsx
new file mode 100644
index 0000000..b3de89f
--- /dev/null
+++ b/src/app/tabs/drafting/record/components/RecordingWaveform.tsx
@@ -0,0 +1,269 @@
+import React, { useEffect, useRef, useState } from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  type GestureResponderEvent,
+  type LayoutChangeEvent,
+  type ViewStyle,
+} from 'react-native';
+import { RecorderStatus } from '../../../../../types/recording/types';
+import { theme } from '../../../../../theme';
+import { formatDuration } from '../utils/recordTabUtils';
+
+const LIVE_WAVEFORM_BARS = 22;
+
+// `positionMs` comes from the player's async status polling, so it lags a
+// released seek by a frame or more. Treat the seek as "confirmed" once the
+// reported position lands within this tolerance of the target, or after the
+// timeout elapses — whichever comes first — so a slow/imprecise seek can't
+// pin the display on the target forever.
+const SEEK_CONFIRM_TOLERANCE_MS = 300;
+const SEEK_CONFIRM_TIMEOUT_MS = 800;
+
+function liveBarHeight(height: number): ViewStyle {
+  return { height };
+}
+
+function clamp(value: number, min: number, max: number): number {
+  return Math.min(max, Math.max(min, value));
+}
+
+const staticBarHeightStyles = StyleSheet.create(
+  Object.fromEntries(
+    Array.from({ length: LIVE_WAVEFORM_BARS }, (_, index) => [
+      `h${index}`,
+      {
+        height: 10 + ((Math.abs(Math.cos(index / 2)) * 28) | 0),
+      },
+    ]),
+  ) as Record<string, ViewStyle>,
+);
+
+interface RecordingWaveformProps {
+  status: RecorderStatus;
+  elapsedMs: number;
+  /** Current playback position (ms) — drives the review progress fill. */
+  positionMs?: number;
+  /** Total take length (ms) — enables scrubbing when > 0. */
+  durationMs?: number;
+  /** Seek to an absolute position (ms) when the review waveform is scrubbed. */
+  onSeek?: (ms: number) => void;
+}
+
+export function RecordingWaveform({
+  status,
+  elapsedMs,
+  positionMs = 0,
+  durationMs = 0,
+  onSeek,
+}: RecordingWaveformProps) {
+  const [width, setWidth] = useState(0);
+  // Ratio the finger is currently dragging to; null when not scrubbing so the
+  // fill tracks live playback position instead.
+  const [scrubRatio, setScrubRatio] = useState<number | null>(null);
+  // Target (ms) of a seek that was just released, held until `positionMs`
+  // confirms it — otherwise the fill snaps back to the stale pre-seek
+  // position for a frame while the async seek is still in flight, then jumps
+  // forward again once it lands (the flicker).
+  const [pendingSeekMs, setPendingSeekMs] = useState<number | null>(null);
+  const pendingSeekTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(
+    null,
+  );
+
+  useEffect(
+    () => () => {
+      if (pendingSeekTimeoutRef.current) {
+        clearTimeout(pendingSeekTimeoutRef.current);
+      }
+    },
+    [],
+  );
+
+  useEffect(() => {
+    if (pendingSeekMs === null) return;
+    if (Math.abs(positionMs - pendingSeekMs) <= SEEK_CONFIRM_TOLERANCE_MS) {
+      setPendingSeekMs(null);
+    }
+  }, [pendingSeekMs, positionMs]);
+
+  if (status === RecorderStatus.Recording || status === RecorderStatus.Paused) {
+    const active = status === RecorderStatus.Recording;
+    return (
+      <View
+        style={styles.waveform}
+        testID="record-waveform-live"
+        accessibilityLabel="Recording waveform"
+      >
+        {Array.from({ length: LIVE_WAVEFORM_BARS }).map((_, index) => {
+          const height =
+            14 + ((Math.abs(Math.sin((elapsedMs + index * 40) / 90)) * 48) | 0);
+          return (
+            <View
+              key={index}
+              style={
+                active
+                  ? [
+                      styles.waveformBarLive,
+                      styles.waveformBarLiveActive,
+                      liveBarHeight(height),
+                    ]
+                  : styles.waveformBarLivePaused
+              }
+            />
+          );
+        })}
+      </View>
+    );
+  }
+
+  if (status === RecorderStatus.Review) {
+    const scrubbable = durationMs > 0 && !!onSeek;
+    const effectivePositionMs = pendingSeekMs ?? positionMs;
+    const displayRatio =
+      scrubRatio ??
+      (durationMs > 0 ? clamp(effectivePositionMs / durationMs, 0, 1) : 0);
+    const filledBars = Math.round(displayRatio * LIVE_WAVEFORM_BARS);
+    // Position shown to the user: while dragging this is the scrub target,
+    // otherwise it is the current (pending-seek or live) playback position —
+    // so the readout answers both "where am I scrubbing to" and "where am I".
+    const displayPositionMs = displayRatio * durationMs;
+
+    const ratioFromEvent = (event: GestureResponderEvent): number =>
+      clamp(event.nativeEvent.locationX / width, 0, 1);
+
+    const handleLayout = (event: LayoutChangeEvent) => {
+      setWidth(event.nativeEvent.layout.width);
+    };
+
+    // Raw responder handlers (rather than PanResponder) - no gesture handlers
+    const responderHandlers = scrubbable
+      ? {
+          onStartShouldSetResponder: () => true,
+          onMoveShouldSetResponder: () => true,
+          onResponderGrant: (event: GestureResponderEvent) => {
+            if (width > 0) setScrubRatio(ratioFromEvent(event));
+          },
+          onResponderMove: (event: GestureResponderEvent) => {
+            if (width > 0) setScrubRatio(ratioFromEvent(event));
+          },
+          onResponderRelease: (event: GestureResponderEvent) => {
+            if (width > 0) {
+              const target = ratioFromEvent(event) * durationMs;
+              onSeek!(target);
+              setPendingSeekMs(target);
+              if (pendingSeekTimeoutRef.current) {
+                clearTimeout(pendingSeekTimeoutRef.current);
+              }
+              pendingSeekTimeoutRef.current = setTimeout(() => {
+                setPendingSeekMs(null);
+              }, SEEK_CONFIRM_TIMEOUT_MS);
+            }
+            setScrubRatio(null);
+          },
+          onResponderTerminate: () => setScrubRatio(null),
+        }
+      : {};
+
+    return (
+      <View style={styles.reviewContainer}>
+        <Text
+          style={styles.reviewTime}
+          testID="record-review-position"
+          accessibilityLabel={`Position ${formatDuration(
+            displayPositionMs,
+          )} of ${formatDuration(durationMs)}`}
+        >
+          <Text style={styles.reviewPosition}>
+            {formatDuration(displayPositionMs)}
+          </Text>
+          <Text style={styles.reviewDuration}>
+            {' / '}
+            {formatDuration(durationMs)}
+          </Text>
+        </Text>
+        <View
+          style={styles.waveform}
+          testID="record-waveform-static"
+          accessibilityLabel={
+            scrubbable ? 'Draft waveform, scrub to seek' : 'Draft waveform'
+          }
+          accessibilityRole={scrubbable ? 'adjustable' : undefined}
+          onLayout={handleLayout}
+          pointerEvents="box-only"
+          {...responderHandlers}
+        >
+          {Array.from({ length: LIVE_WAVEFORM_BARS }).map((_, index) => (
+            <View
+              key={index}
+              style={[
+                index < filledBars
+                  ? styles.waveformBarFilled
+                  : styles.waveformBarStatic,
+                staticBarHeightStyles[`h${index}`],
+              ]}
+            />
+          ))}
+        </View>
+      </View>
+    );
+  }
+
+  return null;
+}
+
+const styles = StyleSheet.create({
+  reviewContainer: {
+    alignItems: 'center',
+    gap: theme.spacing.sm,
+  },
+  reviewTime: {
+    fontVariant: ['tabular-nums'],
+    textAlign: 'center',
+  },
+  reviewPosition: {
+    fontSize: 32,
+    fontWeight: theme.typography.weights.medium,
+    color: theme.colors.foreground,
+  },
+  reviewDuration: {
+    fontSize: 32,
+    fontWeight: theme.typography.weights.medium,
+    color: theme.colors.mutedForeground,
+  },
+  waveform: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: 72,
+    width: '50%',
+    alignSelf: 'center',
+  },
+  waveformBarLive: {
+    width: 5,
+    borderRadius: 2.5,
+    backgroundColor: theme.colors.recordAccent,
+  },
+  waveformBarLiveActive: {
+    opacity: 1,
+  },
+  waveformBarLivePaused: {
+    height: 14,
+    width: 5,
+    borderRadius: 2.5,
+    backgroundColor: theme.colors.recordAccent,
+    opacity: 0.5,
+  },
+  waveformBarStatic: {
+    width: 5,
+    borderRadius: 2.5,
+    backgroundColor: theme.colors.primary,
+    opacity: 0.3,
+  },
+  waveformBarFilled: {
+    width: 5,
+    borderRadius: 2.5,
+    backgroundColor: theme.colors.primary,
+    opacity: 0.95,
+  },
+});
diff --git a/src/app/tabs/drafting/record/components/SourceTextPanel.test.tsx b/src/app/tabs/drafting/record/components/SourceTextPanel.test.tsx
new file mode 100644
index 0000000..4a8674b
--- /dev/null
+++ b/src/app/tabs/drafting/record/components/SourceTextPanel.test.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react-native';
+import { SourceTextPanel } from './SourceTextPanel';
+
+describe('SourceTextPanel', () => {
+  it('is collapsed by default and toggles open', () => {
+    render(<SourceTextPanel sourceText="In the beginning" />);
+
+    expect(screen.queryByTestId('record-source-body')).toBeNull();
+    fireEvent.press(screen.getByTestId('record-source-toggle'));
+    expect(screen.getByTestId('record-source-body')).toHaveTextContent(
+      'In the beginning',
+    );
+  });
+});
diff --git a/src/app/tabs/drafting/record/components/SourceTextPanel.tsx b/src/app/tabs/drafting/record/components/SourceTextPanel.tsx
new file mode 100644
index 0000000..68513f7
--- /dev/null
+++ b/src/app/tabs/drafting/record/components/SourceTextPanel.tsx
@@ -0,0 +1,88 @@
+import React, { useState } from 'react';
+import {
+  LayoutAnimation,
+  Platform,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  UIManager,
+  View,
+} from 'react-native';
+import { ChevronDown, ChevronUp } from 'lucide-react-native';
+import { theme } from '../../../../../theme';
+import { iconSizes, listIconStrokeWidth } from '../../../../../theme/iconSpecs';
+
+if (Platform.OS === 'android') {
+  UIManager.setLayoutAnimationEnabledExperimental?.(true);
+}
+
+interface SourceTextPanelProps {
+  sourceText: string;
+}
+
+export function SourceTextPanel({ sourceText }: SourceTextPanelProps) {
+  const [expanded, setExpanded] = useState(false);
+
+  function toggleExpanded() {
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+    setExpanded(prev => !prev);
+  }
+
+  return (
+    <>
+      <TouchableOpacity
+        onPress={toggleExpanded}
+        style={styles.accordionHeader}
+        accessibilityRole="button"
+        accessibilityLabel={expanded ? 'Hide source text' : 'Show source text'}
+        testID="record-source-toggle"
+      >
+        <Text style={styles.accordionLabel}>
+          {expanded ? 'Hide source text' : 'Show source text'}
+        </Text>
+        {expanded ? (
+          <ChevronUp
+            size={iconSizes.chevron}
+            color={theme.colors.foreground}
+            strokeWidth={listIconStrokeWidth}
+          />
+        ) : (
+          <ChevronDown
+            size={iconSizes.chevron}
+            color={theme.colors.foreground}
+            strokeWidth={listIconStrokeWidth}
+          />
+        )}
+      </TouchableOpacity>
+      {expanded && (
+        <View style={styles.sourceBody} testID="record-source-body">
+          <Text style={styles.sourceText}>{sourceText}</Text>
+        </View>
+      )}
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  accordionHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: theme.spacing.md,
+    backgroundColor: theme.colors.cardBackground,
+    borderRadius: theme.radius.md,
+  },
+  accordionLabel: {
+    fontSize: theme.typography.sizes.sm,
+    fontWeight: theme.typography.weights.medium,
+    color: theme.colors.foreground,
+  },
+  sourceBody: {
+    padding: theme.spacing.md,
+  },
+  sourceText: {
+    fontSize: theme.typography.sizes.md,
+    lineHeight: theme.typography.lineHeights.normal,
+    color: theme.colors.foreground,
+  },
+});
diff --git a/src/app/tabs/drafting/record/components/VerseNav.test.tsx b/src/app/tabs/drafting/record/components/VerseNav.test.tsx
new file mode 100644
index 0000000..6c59987
--- /dev/null
+++ b/src/app/tabs/drafting/record/components/VerseNav.test.tsx
@@ -0,0 +1,82 @@
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react-native';
+import { VerseNav } from './VerseNav';
+
+describe('VerseNav', () => {
+  it('renders the reference', () => {
+    render(
+      <VerseNav
+        reference="Mark 14:3"
+        prevDisabled={false}
+        nextDisabled={false}
+        onPrev={jest.fn()}
+        onNext={jest.fn()}
+      />,
+    );
+
+    expect(screen.getByTestId('record-verse-reference')).toHaveTextContent(
+      'Mark 14:3',
+    );
+  });
+
+  it('disables chevrons when prevDisabled or nextDisabled are true', () => {
+    render(
+      <VerseNav
+        reference="Mark 14:2"
+        prevDisabled={true}
+        nextDisabled={true}
+        onPrev={jest.fn()}
+        onNext={jest.fn()}
+      />,
+    );
+
+    expect(
+      screen.getByTestId('record-prev-verse').props.accessibilityState,
+    ).toEqual(expect.objectContaining({ disabled: true }));
+    expect(
+      screen.getByTestId('record-next-verse').props.accessibilityState,
+    ).toEqual(expect.objectContaining({ disabled: true }));
+  });
+
+  it('calls onPrev and onNext when enabled', () => {
+    const onPrev = jest.fn();
+    const onNext = jest.fn();
+
+    render(
+      <VerseNav
+        reference="Mark 14:2"
+        prevDisabled={false}
+        nextDisabled={false}
+        onPrev={onPrev}
+        onNext={onNext}
+      />,
+    );
+
+    fireEvent.press(screen.getByTestId('record-prev-verse'));
+    fireEvent.press(screen.getByTestId('record-next-verse'));
+
+    expect(onPrev).toHaveBeenCalledTimes(1);
+    expect(onNext).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not call handlers when disabled', () => {
+    const onPrev = jest.fn();
+    const onNext = jest.fn();
+
+    render(
+      <VerseNav
+        reference="Mark 14:1"
+        prevDisabled={true}
+        nextDisabled={true}
+        onPrev={onPrev}
+        onNext={onNext}
+      />,
+    );
+
+    fireEvent.press(screen.getByTestId('record-prev-verse'));
+    fireEvent.press(screen.getByTestId('record-next-verse'));
+
+    expect(onPrev).not.toHaveBeenCalled();
+    expect(onNext).not.toHaveBeenCalled();
+  });
+});
diff --git a/src/app/tabs/drafting/record/components/VerseNav.tsx b/src/app/tabs/drafting/record/components/VerseNav.tsx
new file mode 100644
index 0000000..a7592f5
--- /dev/null
+++ b/src/app/tabs/drafting/record/components/VerseNav.tsx
@@ -0,0 +1,88 @@
+import React from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { ChevronLeft, ChevronRight } from 'lucide-react-native';
+import { theme } from '../../../../../theme';
+import { iconSizes, listIconStrokeWidth } from '../../../../../theme/iconSpecs';
+
+interface VerseNavProps {
+  reference: string;
+  prevDisabled: boolean;
+  nextDisabled: boolean;
+  onPrev: () => void;
+  onNext: () => void;
+}
+
+export function VerseNav({
+  reference,
+  prevDisabled,
+  nextDisabled,
+  onPrev,
+  onNext,
+}: VerseNavProps) {
+  return (
+    <View style={styles.verseNav}>
+      <TouchableOpacity
+        onPress={onPrev}
+        accessibilityRole="button"
+        accessibilityLabel="Previous verse"
+        accessibilityState={{ disabled: prevDisabled }}
+        disabled={prevDisabled}
+        style={styles.verseNavButton}
+        testID="record-prev-verse"
+      >
+        <ChevronLeft
+          size={iconSizes.header}
+          color={
+            prevDisabled
+              ? theme.colors.mutedForeground
+              : theme.colors.foreground
+          }
+          strokeWidth={listIconStrokeWidth}
+          style={prevDisabled ? styles.disabledIcon : undefined}
+        />
+      </TouchableOpacity>
+      <Text style={styles.verseReference} testID="record-verse-reference">
+        {reference}
+      </Text>
+      <TouchableOpacity
+        onPress={onNext}
+        accessibilityRole="button"
+        accessibilityLabel="Next verse"
+        accessibilityState={{ disabled: nextDisabled }}
+        disabled={nextDisabled}
+        style={styles.verseNavButton}
+        testID="record-next-verse"
+      >
+        <ChevronRight
+          size={iconSizes.header}
+          color={
+            nextDisabled
+              ? theme.colors.mutedForeground
+              : theme.colors.foreground
+          }
+          strokeWidth={listIconStrokeWidth}
+          style={nextDisabled ? styles.disabledIcon : undefined}
+        />
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  verseNav: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-around',
+  },
+  verseNavButton: {
+    padding: theme.spacing.sm,
+  },
+  verseReference: {
+    fontSize: theme.typography.sizes.xl,
+    fontWeight: theme.typography.weights.bold,
+    color: theme.colors.foreground,
+  },
+  disabledIcon: {
+    opacity: 0.35,
+  },
+});
diff --git a/src/app/tabs/drafting/record/hooks/useRecordTabGuards.test.ts b/src/app/tabs/drafting/record/hooks/useRecordTabGuards.test.ts
new file mode 100644
index 0000000..d6e20f7
--- /dev/null
+++ b/src/app/tabs/drafting/record/hooks/useRecordTabGuards.test.ts
@@ -0,0 +1,456 @@
+import { Alert } from 'react-native';
+import { act, renderHook } from '@testing-library/react-native';
+import { useRecordTabGuards } from './useRecordTabGuards';
+import { RecorderStatus } from '../../../../../types/recording/types';
+
+const mockNavigation = {
+  addListener: jest.fn(() => jest.fn()),
+  dispatch: jest.fn(),
+};
+
+describe('useRecordTabGuards', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('withPausedGuard shows an alert instead of running the action while paused', () => {
+    const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    const action = jest.fn();
+
+    const { result } = renderHook(() =>
+      useRecordTabGuards({
+        status: RecorderStatus.Paused,
+        permission: 'granted',
+        requestPermission: jest.fn(),
+        discardPaused: jest.fn().mockResolvedValue(undefined),
+        navigation: mockNavigation as never,
+      }),
+    );
+
+    result.current.withPausedGuard(action);
+
+    expect(alertSpy).toHaveBeenCalledWith(
+      'Recording in progress',
+      expect.stringContaining('switching verses'),
+      expect.any(Array),
+    );
+    expect(action).not.toHaveBeenCalled();
+
+    alertSpy.mockRestore();
+  });
+
+  it('withPausedGuard runs the action immediately when not paused', () => {
+    const action = jest.fn();
+
+    const { result } = renderHook(() =>
+      useRecordTabGuards({
+        status: RecorderStatus.Idle,
+        permission: 'granted',
+        requestPermission: jest.fn(),
+        discardPaused: jest.fn().mockResolvedValue(undefined),
+        navigation: mockNavigation as never,
+      }),
+    );
+
+    result.current.withPausedGuard(action);
+
+    expect(action).toHaveBeenCalledTimes(1);
+  });
+
+  it('withPausedGuard discards the paused take before running the action', async () => {
+    const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    const discardPaused = jest.fn().mockResolvedValue(undefined);
+    const action = jest.fn();
+
+    const { result } = renderHook(() =>
+      useRecordTabGuards({
+        status: RecorderStatus.Paused,
+        permission: 'granted',
+        requestPermission: jest.fn(),
+        discardPaused,
+        navigation: mockNavigation as never,
+      }),
+    );
+
+    result.current.withPausedGuard(action);
+
+    const buttons = alertSpy.mock.calls[0]![2] as Array<{
+      text: string;
+      onPress?: () => Promise<void>;
+    }>;
+    const discardButton = buttons.find(button => button.text === 'Discard');
+    await act(async () => {
+      await discardButton?.onPress?.();
+    });
+
+    expect(discardPaused).toHaveBeenCalledTimes(1);
+    expect(action).toHaveBeenCalledTimes(1);
+
+    alertSpy.mockRestore();
+  });
+
+  it('withPausedGuard does not run the action when discard fails', async () => {
+    const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    const discardPaused = jest
+      .fn()
+      .mockRejectedValue(new Error('discard failed'));
+    const action = jest.fn();
+
+    const { result } = renderHook(() =>
+      useRecordTabGuards({
+        status: RecorderStatus.Paused,
+        permission: 'granted',
+        requestPermission: jest.fn(),
+        discardPaused,
+        navigation: mockNavigation as never,
+      }),
+    );
+
+    result.current.withPausedGuard(action);
+
+    const buttons = alertSpy.mock.calls[0]![2] as Array<{
+      text: string;
+      onPress?: () => void | Promise<void>;
+    }>;
+    const discardButton = buttons.find(button => button.text === 'Discard');
+    await act(async () => {
+      await discardButton?.onPress?.();
+    });
+
+    expect(discardPaused).toHaveBeenCalledTimes(1);
+    expect(action).not.toHaveBeenCalled();
+    expect(alertSpy).toHaveBeenCalledWith(
+      'Could not discard recording',
+      expect.stringContaining('paused take'),
+    );
+
+    alertSpy.mockRestore();
+  });
+
+  it('beforeRemove does not dispatch navigation when discard fails', async () => {
+    const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    const discardPaused = jest
+      .fn()
+      .mockRejectedValue(new Error('discard failed'));
+    const dispatch = jest.fn();
+    const navigationAction = { type: 'GO_BACK' };
+    let beforeRemoveHandler:
+      | ((event: {
+          preventDefault: () => void;
+          data: { action: unknown };
+        }) => void)
+      | undefined;
+
+    const navigation = {
+      addListener: jest.fn((event, handler) => {
+        if (event === 'beforeRemove') beforeRemoveHandler = handler;
+        return jest.fn();
+      }),
+      dispatch,
+    };
+
+    renderHook(() =>
+      useRecordTabGuards({
+        status: RecorderStatus.Paused,
+        permission: 'granted',
+        requestPermission: jest.fn(),
+        discardPaused,
+        navigation: navigation as never,
+      }),
+    );
+
+    beforeRemoveHandler?.({
+      preventDefault: jest.fn(),
+      data: { action: navigationAction },
+    });
+
+    const buttons = alertSpy.mock.calls[0]![2] as Array<{
+      text: string;
+      onPress?: () => void | Promise<void>;
+    }>;
+    const discardButton = buttons.find(button => button.text === 'Discard');
+    await act(async () => {
+      await discardButton?.onPress?.();
+    });
+
+    expect(discardPaused).toHaveBeenCalledTimes(1);
+    expect(dispatch).not.toHaveBeenCalled();
+    expect(alertSpy).toHaveBeenCalledWith(
+      'Could not discard recording',
+      expect.stringContaining('paused take'),
+    );
+
+    alertSpy.mockRestore();
+  });
+
+  it.each([RecorderStatus.Paused, RecorderStatus.Recording] as const)(
+    'registers a beforeRemove listener while %s',
+    status => {
+      renderHook(() =>
+        useRecordTabGuards({
+          status,
+          permission: 'granted',
+          requestPermission: jest.fn(),
+          discardPaused: jest.fn().mockResolvedValue(undefined),
+          navigation: mockNavigation as never,
+        }),
+      );
+
+      expect(mockNavigation.addListener).toHaveBeenCalledWith(
+        'beforeRemove',
+        expect.any(Function),
+      );
+    },
+  );
+
+  it('beforeRemove prompts to discard an active recording before leaving', async () => {
+    const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    const discardPaused = jest.fn().mockResolvedValue(undefined);
+    const dispatch = jest.fn();
+    const navigationAction = { type: 'GO_BACK' };
+    let beforeRemoveHandler:
+      | ((event: {
+          preventDefault: () => void;
+          data: { action: unknown };
+        }) => void)
+      | undefined;
+
+    const navigation = {
+      addListener: jest.fn((event, handler) => {
+        if (event === 'beforeRemove') beforeRemoveHandler = handler;
+        return jest.fn();
+      }),
+      dispatch,
+    };
+
+    renderHook(() =>
+      useRecordTabGuards({
+        status: RecorderStatus.Recording,
+        permission: 'granted',
+        requestPermission: jest.fn(),
+        discardPaused,
+        navigation: navigation as never,
+      }),
+    );
+
+    const preventDefault = jest.fn();
+    beforeRemoveHandler?.({
+      preventDefault,
+      data: { action: navigationAction },
+    });
+
+    expect(preventDefault).toHaveBeenCalledTimes(1);
+    expect(alertSpy).toHaveBeenCalledWith(
+      'Recording in progress',
+      expect.stringContaining('actively recording'),
+      expect.any(Array),
+    );
+
+    const buttons = alertSpy.mock.calls[0]![2] as Array<{
+      text: string;
+      onPress?: () => void | Promise<void>;
+    }>;
+    const discardButton = buttons.find(button => button.text === 'Discard');
+    await act(async () => {
+      await discardButton?.onPress?.();
+    });
+
+    expect(discardPaused).toHaveBeenCalledTimes(1);
+    expect(dispatch).toHaveBeenCalledWith(navigationAction);
+
+    alertSpy.mockRestore();
+  });
+
+  describe('withTabSwitchGuard', () => {
+    it('shows a paused alert with tab copy instead of running the action', () => {
+      const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+      const action = jest.fn();
+
+      const { result } = renderHook(() =>
+        useRecordTabGuards({
+          status: RecorderStatus.Paused,
+          permission: 'granted',
+          requestPermission: jest.fn(),
+          discardPaused: jest.fn().mockResolvedValue(undefined),
+          navigation: mockNavigation as never,
+        }),
+      );
+
+      result.current.withTabSwitchGuard(action);
+
+      expect(alertSpy).toHaveBeenCalledWith(
+        'Recording in progress',
+        expect.stringContaining('switching tabs'),
+        expect.any(Array),
+      );
+      expect(action).not.toHaveBeenCalled();
+
+      alertSpy.mockRestore();
+    });
+
+    it('discards the paused take before switching tabs', async () => {
+      const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+      const discardPaused = jest.fn().mockResolvedValue(undefined);
+      const action = jest.fn();
+
+      const { result } = renderHook(() =>
+        useRecordTabGuards({
+          status: RecorderStatus.Paused,
+          permission: 'granted',
+          requestPermission: jest.fn(),
+          discardPaused,
+          navigation: mockNavigation as never,
+        }),
+      );
+
+      result.current.withTabSwitchGuard(action);
+
+      const buttons = alertSpy.mock.calls[0]![2] as Array<{
+        text: string;
+        onPress?: () => Promise<void>;
+      }>;
+      const discardButton = buttons.find(button => button.text === 'Discard');
+      await act(async () => {
+        await discardButton?.onPress?.();
+      });
+
+      expect(discardPaused).toHaveBeenCalledTimes(1);
+      expect(action).toHaveBeenCalledTimes(1);
+
+      alertSpy.mockRestore();
+    });
+
+    it('prompts to discard an active recording before switching tabs', async () => {
+      const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+      const discardPaused = jest.fn().mockResolvedValue(undefined);
+      const action = jest.fn();
+
+      const { result } = renderHook(() =>
+        useRecordTabGuards({
+          status: RecorderStatus.Recording,
+          permission: 'granted',
+          requestPermission: jest.fn(),
+          discardPaused,
+          navigation: mockNavigation as never,
+        }),
+      );
+
+      result.current.withTabSwitchGuard(action);
+
+      expect(alertSpy).toHaveBeenCalledWith(
+        'Recording in progress',
+        expect.stringContaining('switching tabs'),
+        expect.any(Array),
+      );
+      expect(action).not.toHaveBeenCalled();
+
+      const buttons = alertSpy.mock.calls[0]![2] as Array<{
+        text: string;
+        onPress?: () => void | Promise<void>;
+      }>;
+      const discardButton = buttons.find(button => button.text === 'Discard');
+      await act(async () => {
+        await discardButton?.onPress?.();
+      });
+
+      expect(discardPaused).toHaveBeenCalledTimes(1);
+      expect(action).toHaveBeenCalledTimes(1);
+
+      alertSpy.mockRestore();
+    });
+
+    it('does not switch tabs when discard fails', async () => {
+      const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+      const discardPaused = jest
+        .fn()
+        .mockRejectedValue(new Error('discard failed'));
+      const action = jest.fn();
+
+      const { result } = renderHook(() =>
+        useRecordTabGuards({
+          status: RecorderStatus.Recording,
+          permission: 'granted',
+          requestPermission: jest.fn(),
+          discardPaused,
+          navigation: mockNavigation as never,
+        }),
+      );
+
+      result.current.withTabSwitchGuard(action);
+
+      const buttons = alertSpy.mock.calls[0]![2] as Array<{
+        text: string;
+        onPress?: () => void | Promise<void>;
+      }>;
+      const discardButton = buttons.find(button => button.text === 'Discard');
+      await act(async () => {
+        await discardButton?.onPress?.();
+      });
+
+      expect(discardPaused).toHaveBeenCalledTimes(1);
+      expect(action).not.toHaveBeenCalled();
+
+      alertSpy.mockRestore();
+    });
+
+    it.each([RecorderStatus.Idle, RecorderStatus.Review] as const)(
+      'runs the action immediately when status is %s',
+      status => {
+        const action = jest.fn();
+
+        const { result } = renderHook(() =>
+          useRecordTabGuards({
+            status,
+            permission: 'granted',
+            requestPermission: jest.fn(),
+            discardPaused: jest.fn().mockResolvedValue(undefined),
+            navigation: mockNavigation as never,
+          }),
+        );
+
+        result.current.withTabSwitchGuard(action);
+
+        expect(action).toHaveBeenCalledTimes(1);
+      },
+    );
+  });
+
+  it('ensureMicPermission returns true when permission is granted', async () => {
+    const { result } = renderHook(() =>
+      useRecordTabGuards({
+        status: RecorderStatus.Idle,
+        permission: 'granted',
+        requestPermission: jest.fn(),
+        discardPaused: jest.fn().mockResolvedValue(undefined),
+        navigation: mockNavigation as never,
+      }),
+    );
+
+    await expect(result.current.ensureMicPermission()).resolves.toBe(true);
+  });
+
+  it('ensureMicPermission shows Settings alert when permission is blocked', async () => {
+    const alertSpy = jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+    const requestPermission = jest.fn();
+
+    const { result } = renderHook(() =>
+      useRecordTabGuards({
+        status: RecorderStatus.Idle,
+        permission: 'blocked',
+        requestPermission,
+        discardPaused: jest.fn().mockResolvedValue(undefined),
+        navigation: mockNavigation as never,
+      }),
+    );
+
+    await expect(result.current.ensureMicPermission()).resolves.toBe(false);
+    expect(alertSpy).toHaveBeenCalledWith(
+      'Microphone access required',
+      expect.stringContaining('Settings'),
+      expect.any(Array),
+    );
+    expect(requestPermission).not.toHaveBeenCalled();
+
+    alertSpy.mockRestore();
+  });
+});
diff --git a/src/app/tabs/drafting/record/hooks/useRecordTabGuards.ts b/src/app/tabs/drafting/record/hooks/useRecordTabGuards.ts
new file mode 100644
index 0000000..35b45a5
--- /dev/null
+++ b/src/app/tabs/drafting/record/hooks/useRecordTabGuards.ts
@@ -0,0 +1,171 @@
+import { useCallback, useEffect } from 'react';
+import { Alert, Linking } from 'react-native';
+import { PermissionState } from '../../../../../hooks/useRecorder';
+import { RecorderStatus } from '../../../../../types/recording/types';
+import { GuardContext } from '../../../../../types/drafting/types';
+import { logger } from '../../../../../utils/logger';
+
+const log = logger.create('useRecordTabGuards');
+
+interface RecordTabNavigation {
+  addListener: (
+    event: 'beforeRemove',
+    callback: (event: {
+      preventDefault: () => void;
+      data: { action: unknown };
+    }) => void,
+  ) => () => void;
+  dispatch: (action: unknown) => void;
+}
+
+interface UseRecordTabGuardsArgs {
+  status: RecorderStatus;
+  permission: PermissionState;
+  requestPermission: () => Promise<{ granted: boolean; canAskAgain: boolean }>;
+  discardPaused: () => Promise<void>;
+  navigation: RecordTabNavigation;
+}
+
+async function discardPausedThen(
+  discardPaused: () => Promise<void>,
+  onSuccess: () => void,
+) {
+  try {
+    await discardPaused();
+    onSuccess();
+  } catch (error) {
+    log.warn('Failed to discard paused take', { error });
+    Alert.alert(
+      'Could not discard recording',
+      'The paused take could not be removed. Try resuming it, or restart the app if the problem continues.',
+    );
+  }
+}
+
+function pausedMessage(context: GuardContext): string {
+  switch (context) {
+    case GuardContext.Verse:
+      return 'Resume or discard the paused take before switching verses.';
+    case GuardContext.Tab:
+      return 'Resume or discard the paused take before switching tabs.';
+    case GuardContext.Leave:
+      return 'You have a paused recording. Resume it or discard the take before leaving.';
+  }
+}
+
+function recordingMessage(context: GuardContext): string {
+  switch (context) {
+    case GuardContext.Tab:
+      return 'You are actively recording. Discard the take before switching tabs.';
+    case GuardContext.Leave:
+    default:
+      return 'You are actively recording. Discard the take before leaving.';
+  }
+}
+
+function promptBeforeAction(
+  status: RecorderStatus,
+  context: GuardContext,
+  discardPaused: () => Promise<void>,
+  action: () => void,
+) {
+  if (status === RecorderStatus.Paused) {
+    Alert.alert('Recording in progress', pausedMessage(context), [
+      { text: 'Resume', style: 'cancel' },
+      {
+        text: 'Discard',
+        style: 'destructive',
+        onPress: () => discardPausedThen(discardPaused, action),
+      },
+    ]);
+    return;
+  }
+
+  if (status === RecorderStatus.Recording) {
+    Alert.alert('Recording in progress', recordingMessage(context), [
+      { text: 'Keep recording', style: 'cancel' },
+      {
+        text: 'Discard',
+        style: 'destructive',
+        onPress: () => discardPausedThen(discardPaused, action),
+      },
+    ]);
+    return;
+  }
+
+  action();
+}
+
+function showMicBlockedAlert() {
+  Alert.alert(
+    'Microphone access required',
+    'Fluent needs microphone access to record verses. Enable it in Settings.',
+    [
+      { text: 'Cancel', style: 'cancel' },
+      {
+        text: 'Go to Settings',
+        onPress: () => {
+          Linking.openSettings().catch(() => undefined);
+        },
+      },
+    ],
+  );
+}
+
+export function useRecordTabGuards({
+  status,
+  permission,
+  requestPermission,
+  discardPaused,
+  navigation,
+}: UseRecordTabGuardsArgs) {
+  const withPausedGuard = useCallback(
+    (action: () => void) => {
+      if (status === RecorderStatus.Paused) {
+        promptBeforeAction(status, GuardContext.Verse, discardPaused, action);
+        return;
+      }
+      action();
+    },
+    [discardPaused, status],
+  );
+
+  const withTabSwitchGuard = useCallback(
+    (action: () => void) => {
+      promptBeforeAction(status, GuardContext.Tab, discardPaused, action);
+    },
+    [discardPaused, status],
+  );
+
+  useEffect(() => {
+    if (status !== RecorderStatus.Paused && status !== RecorderStatus.Recording)
+      return;
+
+    const beforeRemove = (event: {
+      preventDefault: () => void;
+      data: { action: unknown };
+    }) => {
+      event.preventDefault();
+      promptBeforeAction(status, GuardContext.Leave, discardPaused, () =>
+        navigation.dispatch(event.data.action),
+      );
+    };
+
+    const unsubscribe = navigation.addListener('beforeRemove', beforeRemove);
+    return unsubscribe;
+  }, [discardPaused, navigation, status]);
+
+  const ensureMicPermission = useCallback(async (): Promise<boolean> => {
+    if (permission === 'granted') return true;
+    if (permission === 'blocked') {
+      showMicBlockedAlert();
+      return false;
+    }
+    const { granted, canAskAgain } = await requestPermission();
+    if (granted) return true;
+    if (!canAskAgain) showMicBlockedAlert();
+    return false;
+  }, [permission, requestPermission]);
+
+  return { withPausedGuard, withTabSwitchGuard, ensureMicPermission };
+}
diff --git a/src/app/tabs/drafting/record/hooks/useVerseRecorder.test.ts b/src/app/tabs/drafting/record/hooks/useVerseRecorder.test.ts
new file mode 100644
index 0000000..1301db0
--- /dev/null
+++ b/src/app/tabs/drafting/record/hooks/useVerseRecorder.test.ts
@@ -0,0 +1,520 @@
+import { act, renderHook, waitFor } from '@testing-library/react-native';
+import { AppState } from 'react-native';
+import { useVerseRecorder } from './useVerseRecorder';
+import { RecorderStatus } from '../../../../../types/recording/types';
+
+const mockRecorder = {
+  currentTime: 0,
+  uri: 'file:///tmp/take-1.aac',
+  record: jest.fn(),
+  pause: jest.fn(),
+  stop: jest.fn().mockResolvedValue(undefined),
+  prepareToRecordAsync: jest.fn().mockResolvedValue(undefined),
+};
+
+const mockInsertRecording = jest.fn();
+const mockDeleteRecordingById = jest.fn().mockResolvedValue(undefined);
+const mockGetLatestRecordingForVerse = jest.fn().mockResolvedValue(null);
+const mockGetPausedTake = jest.fn().mockReturnValue(null);
+const mockSetPausedTake = jest.fn();
+const mockClearPausedTake = jest.fn();
+const mockBuildRecordingKey = jest.fn();
+const mockDeleteRecordingFile = jest.fn();
+
+const mockPlayer = {
+  play: jest.fn(),
+  pause: jest.fn(),
+  seekTo: jest.fn().mockResolvedValue(undefined),
+  currentTime: 0,
+  duration: 0,
+};
+let mockPlayerStatus: { playing?: boolean; didJustFinish?: boolean } = {
+  playing: false,
+  didJustFinish: false,
+};
+
+jest.mock('expo-crypto', () => ({
+  randomUUID: jest.fn(() => 'test-uuid-1'),
+}));
+
+jest.mock('expo-audio', () => ({
+  RecordingPresets: { HIGH_QUALITY: {} },
+  useAudioRecorder: () => mockRecorder,
+  useAudioPlayer: () => mockPlayer,
+  useAudioPlayerStatus: () => mockPlayerStatus,
+  requestRecordingPermissionsAsync: jest.fn().mockResolvedValue({
+    granted: true,
+    canAskAgain: true,
+    status: 'granted',
+  }),
+  getRecordingPermissionsAsync: jest.fn().mockResolvedValue({
+    granted: true,
+    canAskAgain: true,
+    status: 'granted',
+  }),
+  setAudioModeAsync: jest.fn().mockResolvedValue(undefined),
+}));
+
+jest.mock('../../../../../db/repository', () => ({
+  insertRecording: (input: unknown) => mockInsertRecording(input),
+  deleteRecordingById: (id: string) => mockDeleteRecordingById(id),
+}));
+
+jest.mock('../../../../../db/queries', () => ({
+  getLatestRecordingForVerse: (id: number) =>
+    mockGetLatestRecordingForVerse(id),
+}));
+
+const MOVED_KEY = 'recordings/u/p0/UNK/c000/v000/test-uuid-1.aac';
+
+jest.mock('../../../../../services/recordingStorage', () => ({
+  buildRecordingKey: (parts: unknown) => {
+    mockBuildRecordingKey(parts);
+    return MOVED_KEY;
+  },
+  extensionFromUri: jest.fn((uri: string) => uri.split('.').pop() ?? 'aac'),
+  concatenateAacSegments: jest.fn(async (fileUris: string[]) => fileUris[0]),
+  aacDurationMs: jest.fn(async () => 0),
+  // Default to the fallback (remuxer unavailable): return the input unchanged.
+  remuxTakeToSeekableContainer: jest.fn(async (uri: string) => uri),
+  moveIntoStore: jest.fn(async ({ key }: { key: string }) => ({
+    key,
+    sizeBytes: 1234,
+  })),
+  resolveRecordingUri: jest.fn((pathOrKey: string) => pathOrKey),
+  deleteRecordingFile: (pathOrKey: string) =>
+    mockDeleteRecordingFile(pathOrKey),
+}));
+
+jest.mock('../../../../../services/storage', () => ({
+  getPausedTake: (id: number) => mockGetPausedTake(id),
+  setPausedTake: (marker: unknown) => mockSetPausedTake(marker),
+  clearPausedTake: (id: number) => mockClearPausedTake(id),
+}));
+
+const RESOLVE_MOCK = jest.requireMock(
+  '../../../../../services/recordingStorage',
+).resolveRecordingUri as jest.Mock;
+
+const CONCAT_MOCK = jest.requireMock('../../../../../services/recordingStorage')
+  .concatenateAacSegments as jest.Mock;
+
+const MOVE_MOCK = jest.requireMock('../../../../../services/recordingStorage')
+  .moveIntoStore as jest.Mock;
+
+const AAC_DURATION_MOCK = jest.requireMock(
+  '../../../../../services/recordingStorage',
+).aacDurationMs as jest.Mock;
+
+const REMUX_MOCK = jest.requireMock('../../../../../services/recordingStorage')
+  .remuxTakeToSeekableContainer as jest.Mock;
+
+function existingRecording(overrides: Record<string, unknown> = {}) {
+  return {
+    id: 'existing',
+    bibleTextId: 42,
+    localFilePath: 'recordings/u/p1/MRK/c014/v001/existing.m4a',
+    takeNumber: 1,
+    isLatest: true,
+    syncStatus: 'pending',
+    createdAt: 'x',
+    updatedAt: 'x',
+    ...overrides,
+  };
+}
+
+async function waitReady(result: { current: { isReady: boolean } }) {
+  await waitFor(() => expect(result.current.isReady).toBe(true));
+}
+
+describe('useVerseRecorder', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockRecorder.currentTime = 0;
+    mockRecorder.uri = 'file:///tmp/take-1.aac';
+    mockPlayer.currentTime = 0;
+    mockPlayer.duration = 0;
+    mockPlayerStatus = { playing: false, didJustFinish: false };
+    mockGetLatestRecordingForVerse.mockResolvedValue(null);
+    mockGetPausedTake.mockReturnValue(null);
+    mockInsertRecording.mockImplementation(async input => ({
+      id: input.id,
+      bibleTextId: input.bibleTextId,
+      localFilePath: input.localFilePath,
+      durationMs: input.durationMs ?? null,
+      fileSizeBytes: input.fileSizeBytes ?? null,
+      takeNumber: 1,
+      isLatest: true,
+      syncStatus: 'pending' as const,
+      createdAt: '2026-07-01T00:00:00.000Z',
+      updatedAt: '2026-07-01T00:00:00.000Z',
+    }));
+    jest.spyOn(AppState, 'addEventListener').mockReturnValue({
+      remove: jest.fn(),
+    } as unknown as ReturnType<typeof AppState.addEventListener>);
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  it('loads the latest verse recording on mount', async () => {
+    mockGetLatestRecordingForVerse.mockResolvedValueOnce(existingRecording());
+    const { result } = renderHook(() => useVerseRecorder({ bibleTextId: 42 }));
+    await waitReady(result);
+
+    expect(mockGetLatestRecordingForVerse).toHaveBeenCalledWith(42);
+    expect(result.current.status).toBe(RecorderStatus.Review);
+    expect(result.current.currentRecording?.id).toBe('existing');
+  });
+
+  it('persists the paused marker keyed by bibleTextId', async () => {
+    jest.useFakeTimers();
+    try {
+      const { result } = renderHook(() =>
+        useVerseRecorder({ bibleTextId: 42 }),
+      );
+      await waitReady(result);
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:00.000Z'));
+      await act(async () => {
+        await result.current.start();
+      });
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:02.500Z'));
+      await act(async () => {
+        await result.current.pause();
+      });
+
+      expect(mockSetPausedTake).toHaveBeenCalledWith(
+        expect.objectContaining({
+          bibleTextId: 42,
+          segments: ['file:///tmp/take-1.aac'],
+          elapsedMs: 2500,
+          sessionToken: expect.any(String),
+        }),
+      );
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('persists the navigation context alongside the paused marker', async () => {
+    jest.useFakeTimers();
+    try {
+      const { result } = renderHook(() =>
+        useVerseRecorder({
+          bibleTextId: 42,
+          chapterAssignmentId: 88,
+          verseNumber: 5,
+        }),
+      );
+      await waitReady(result);
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:00.000Z'));
+      await act(async () => {
+        await result.current.start();
+      });
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:01.000Z'));
+      await act(async () => {
+        await result.current.pause();
+      });
+
+      expect(mockSetPausedTake).toHaveBeenCalledWith(
+        expect.objectContaining({
+          bibleTextId: 42,
+          chapterAssignmentId: 88,
+          verseNumber: 5,
+        }),
+      );
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('commits a stopped take into durable storage and the DB', async () => {
+    jest.useFakeTimers();
+    try {
+      const { result } = renderHook(() =>
+        useVerseRecorder({
+          bibleTextId: 42,
+          userId: 'user-7',
+          projectId: 55,
+          chapterAssignmentId: 88,
+          bookCode: 'MRK',
+          chapterNumber: 14,
+          verseNumber: 1,
+        }),
+      );
+      await waitReady(result);
+
+      // The audio-derived duration overrides the wall-clock timer value.
+      AAC_DURATION_MOCK.mockResolvedValueOnce(3210);
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:00.000Z'));
+      await act(async () => {
+        await result.current.start();
+      });
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:03.000Z'));
+      await act(async () => {
+        await result.current.stop();
+      });
+
+      expect(mockBuildRecordingKey).toHaveBeenCalledWith(
+        expect.objectContaining({
+          userId: 'user-7',
+          projectId: 55,
+          bookCode: 'MRK',
+          chapterNumber: 14,
+          verseNumber: 1,
+          recordingId: 'test-uuid-1',
+        }),
+      );
+      expect(mockInsertRecording).toHaveBeenCalledWith(
+        expect.objectContaining({
+          id: 'test-uuid-1',
+          bibleTextId: 42,
+          chapterAssignmentId: 88,
+          localFilePath: MOVED_KEY,
+          durationMs: 3210,
+          fileSizeBytes: 1234,
+        }),
+      );
+      expect(mockClearPausedTake).toHaveBeenCalledWith(42);
+      expect(result.current.status).toBe(RecorderStatus.Review);
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('falls back to the wall-clock duration when the probe yields nothing', async () => {
+    jest.useFakeTimers();
+    try {
+      // Default probe mock resolves 0 (unreadable/malformed file).
+      const { result } = renderHook(() =>
+        useVerseRecorder({ bibleTextId: 42 }),
+      );
+      await waitReady(result);
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:00.000Z'));
+      await act(async () => {
+        await result.current.start();
+      });
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:04.000Z'));
+      await act(async () => {
+        await result.current.stop();
+      });
+
+      expect(mockInsertRecording).toHaveBeenCalledWith(
+        expect.objectContaining({ durationMs: 4000 }),
+      );
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('removes the durable file when insertRecording fails after moveIntoStore', async () => {
+    jest.useFakeTimers();
+    try {
+      mockInsertRecording.mockRejectedValueOnce(new Error('db write failed'));
+      const { result } = renderHook(() =>
+        useVerseRecorder({ bibleTextId: 42 }),
+      );
+      await waitReady(result);
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:00.000Z'));
+      await act(async () => {
+        await result.current.start();
+      });
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:02.000Z'));
+      await act(async () => {
+        await result.current.stop();
+      });
+
+      expect(mockDeleteRecordingFile).toHaveBeenCalledWith(MOVED_KEY);
+      expect(result.current.status).toBe(RecorderStatus.Idle);
+      expect(result.current.currentRecording).toBeNull();
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('merges segments and unlinks the raw parts when committing a resumed take', async () => {
+    jest.useFakeTimers();
+    try {
+      mockGetPausedTake.mockReturnValue({
+        bibleTextId: 42,
+        segments: ['file:///docs/seg-0.aac'],
+        elapsedMs: 4500,
+        startedAt: '2026-07-01T00:00:00.000Z',
+        sessionToken: 'stale-token',
+      });
+      // A genuine multi-segment merge produces a distinct merged file.
+      CONCAT_MOCK.mockResolvedValueOnce('file:///docs/merged.aac');
+      // The merged file's real length is derived from its frames, not the timer.
+      AAC_DURATION_MOCK.mockResolvedValueOnce(6100);
+
+      const { result } = renderHook(() =>
+        useVerseRecorder({ bibleTextId: 42 }),
+      );
+      await waitReady(result);
+      expect(result.current.status).toBe(RecorderStatus.Paused);
+
+      mockRecorder.uri = 'file:///docs/seg-1.aac';
+      jest.setSystemTime(new Date('2026-07-01T00:00:00.000Z'));
+      await act(async () => {
+        await result.current.resume();
+      });
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:01.000Z'));
+      await act(async () => {
+        await result.current.stop();
+      });
+
+      expect(CONCAT_MOCK).toHaveBeenCalledWith([
+        'file:///docs/seg-0.aac',
+        'file:///docs/seg-1.aac',
+      ]);
+      expect(MOVE_MOCK).toHaveBeenCalledWith(
+        expect.objectContaining({ sourceUri: 'file:///docs/merged.aac' }),
+      );
+      // Both raw segments are unlinked; the merged file was moved into the store.
+      expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+        'file:///docs/seg-0.aac',
+      );
+      expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+        'file:///docs/seg-1.aac',
+      );
+      expect(mockInsertRecording).toHaveBeenCalledWith(
+        expect.objectContaining({ localFilePath: MOVED_KEY, durationMs: 6100 }),
+      );
+      expect(result.current.status).toBe(RecorderStatus.Review);
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('remuxes the merged take to MP4 and moves the seekable file into the store', async () => {
+    jest.useFakeTimers();
+    try {
+      mockGetPausedTake.mockReturnValue({
+        bibleTextId: 42,
+        segments: ['file:///docs/seg-0.aac'],
+        elapsedMs: 4500,
+        startedAt: '2026-07-01T00:00:00.000Z',
+        sessionToken: 'stale-token',
+      });
+      CONCAT_MOCK.mockResolvedValueOnce('file:///docs/merged.aac');
+      // The native remuxer is available and produces a seekable .m4a.
+      REMUX_MOCK.mockResolvedValueOnce('file:///docs/remux-1.m4a');
+
+      const { result } = renderHook(() =>
+        useVerseRecorder({ bibleTextId: 42 }),
+      );
+      await waitReady(result);
+
+      mockRecorder.uri = 'file:///docs/seg-1.aac';
+      jest.setSystemTime(new Date('2026-07-01T00:00:00.000Z'));
+      await act(async () => {
+        await result.current.resume();
+      });
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:01.000Z'));
+      await act(async () => {
+        await result.current.stop();
+      });
+
+      expect(REMUX_MOCK).toHaveBeenCalledWith('file:///docs/merged.aac');
+      // The seekable .m4a — not the raw .aac — is what gets stored.
+      expect(MOVE_MOCK).toHaveBeenCalledWith(
+        expect.objectContaining({ sourceUri: 'file:///docs/remux-1.m4a' }),
+      );
+      expect(mockBuildRecordingKey).toHaveBeenCalledWith(
+        expect.objectContaining({ extension: 'm4a' }),
+      );
+      // Raw segments and the intermediate merged .aac are all unlinked.
+      expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+        'file:///docs/seg-0.aac',
+      );
+      expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+        'file:///docs/seg-1.aac',
+      );
+      expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+        'file:///docs/merged.aac',
+      );
+      expect(mockDeleteRecordingFile).not.toHaveBeenCalledWith(
+        'file:///docs/remux-1.m4a',
+      );
+      expect(result.current.status).toBe(RecorderStatus.Review);
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('deletes the current take via the repository', async () => {
+    mockGetLatestRecordingForVerse.mockResolvedValueOnce(existingRecording());
+    const { result } = renderHook(() => useVerseRecorder({ bibleTextId: 42 }));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.deleteCurrent();
+    });
+
+    expect(mockDeleteRecordingById).toHaveBeenCalledWith('existing');
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+    expect(result.current.currentRecording).toBeNull();
+  });
+
+  it('unlinks every partial segment when a recovered paused take is discarded', async () => {
+    mockGetPausedTake.mockReturnValue({
+      bibleTextId: 42,
+      segments: [
+        'file:///docs/partial-take-0.aac',
+        'file:///docs/partial-take-1.aac',
+      ],
+      elapsedMs: 4500,
+      startedAt: '2026-07-01T00:00:00.000Z',
+      sessionToken: 'stale-token',
+    });
+
+    const { result } = renderHook(() => useVerseRecorder({ bibleTextId: 42 }));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Paused);
+    // A rehydrated take is now resumable and flagged as recovered.
+    expect(result.current.canResume).toBe(true);
+    expect(result.current.isRecovered).toBe(true);
+
+    await act(async () => {
+      await result.current.discardPaused();
+    });
+
+    expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+      'file:///docs/partial-take-0.aac',
+    );
+    expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+      'file:///docs/partial-take-1.aac',
+    );
+    expect(mockClearPausedTake).toHaveBeenCalledWith(42);
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+  });
+
+  it('resolves the stored key to an absolute uri for playback', async () => {
+    mockGetLatestRecordingForVerse.mockResolvedValueOnce(existingRecording());
+    const { result } = renderHook(() => useVerseRecorder({ bibleTextId: 42 }));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Review);
+
+    await act(async () => {
+      await result.current.playback.toggle();
+    });
+
+    expect(RESOLVE_MOCK).toHaveBeenCalledWith(
+      'recordings/u/p1/MRK/c014/v001/existing.m4a',
+    );
+    expect(mockPlayer.play).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/src/app/tabs/drafting/record/hooks/useVerseRecorder.ts b/src/app/tabs/drafting/record/hooks/useVerseRecorder.ts
new file mode 100644
index 0000000..281b64e
--- /dev/null
+++ b/src/app/tabs/drafting/record/hooks/useVerseRecorder.ts
@@ -0,0 +1,200 @@
+import { useMemo } from 'react';
+import { randomUUID } from 'expo-crypto';
+import {
+  deleteRecordingById,
+  insertRecording,
+} from '../../../../../db/repository';
+import { getLatestRecordingForVerse } from '../../../../../db/queries';
+import {
+  clearPausedTake,
+  getPausedTake,
+  setPausedTake,
+} from '../../../../../services/storage';
+import {
+  aacDurationMs,
+  buildRecordingKey,
+  concatenateAacSegments,
+  deleteRecordingFile,
+  extensionFromUri,
+  moveIntoStore,
+  remuxTakeToSeekableContainer,
+  resolveRecordingUri,
+} from '../../../../../services/recordingStorage';
+import type { Recording } from '../../../../../types/db/types';
+import { logger } from '../../../../../utils/logger';
+import type {
+  PausedTakeState,
+  RecorderAdapter,
+  UseRecorderApi,
+} from '../../../../../hooks/useRecorder';
+import { useRecorder } from '../../../../../hooks/useRecorder';
+
+const log = logger.create('useVerseRecorder');
+
+/**
+ * Attribution context used to build the durable file path and persist who/where
+ * a take belongs to. `bibleTextId === null` keeps the recorder inert until a
+ * verse is resolved. The remaining fields are optional so the hook stays usable
+ * in isolation (e.g. tests), falling back to placeholder path segments.
+ */
+export interface UseVerseRecorderArgs {
+  bibleTextId: number | null;
+  userId?: string;
+  projectId?: number | null;
+  chapterAssignmentId?: number | null;
+  bookCode?: string | null;
+  chapterNumber?: number | null;
+  verseNumber?: number | null;
+}
+
+export type VerseRecorderApi = UseRecorderApi<Recording>;
+
+/**
+ * Adapts the generic {@link useRecorder} to the verse-recording use case: it
+ * wires SQLite persistence, the verse-shaped durable storage layout, and the
+ * paused-take marker (keyed by `bibleTextId`). The recorder itself stays
+ * agnostic of all of this.
+ */
+export function useVerseRecorder({
+  bibleTextId,
+  userId,
+  projectId,
+  chapterAssignmentId,
+  bookCode,
+  chapterNumber,
+  verseNumber,
+}: UseVerseRecorderArgs): VerseRecorderApi {
+  const adapter = useMemo<RecorderAdapter<Recording>>(
+    () => ({
+      sessionKey: bibleTextId,
+
+      loadInitial: key => getLatestRecordingForVerse(key as number),
+
+      loadPaused: key => getPausedTake(key as number),
+
+      persistPaused: (state: PausedTakeState) => {
+        if (bibleTextId === null) return;
+        setPausedTake({
+          bibleTextId,
+          ...(chapterAssignmentId !== null && chapterAssignmentId !== undefined
+            ? { chapterAssignmentId }
+            : {}),
+          ...(verseNumber !== null && verseNumber !== undefined
+            ? { verseNumber }
+            : {}),
+          ...state,
+        });
+      },
+
+      clearPaused: () => {
+        if (bibleTextId === null) return;
+        clearPausedTake(bibleTextId);
+      },
+
+      deletePausedFiles: fileUris =>
+        fileUris.forEach(fileUri => deleteRecordingFile(fileUri)),
+
+      onCommit: async ({ fileUris, durationMs }) => {
+        if (bibleTextId === null) return null;
+
+        // Merge the take's segments into a single file. For a one-segment take
+        // this returns that file unchanged (moveIntoStore relocates it below);
+        // for a multi-segment take (resumed across a kill) it produces a new
+        // merged file, leaving the raw segments to be unlinked afterwards.
+        let mergedUri: string;
+        try {
+          mergedUri = await concatenateAacSegments(fileUris);
+        } catch (error) {
+          log.error('Failed to concatenate recording segments', {
+            bibleTextId,
+            segments: fileUris.length,
+            error,
+          });
+          return null;
+        }
+
+        // Derive the true length from the audio itself; the wall-clock timer
+        // undercounts (esp. after a kill). Probe the merged file while it still
+        // exists at its source path (before moveIntoStore relocates it) and
+        // fall back to the timer value if the probe yields nothing.
+        const probedMs = await aacDurationMs(mergedUri);
+        const committedDurationMs = probedMs > 0 ? probedMs : durationMs;
+
+        // Repackage the take into a seekable MP4 container for review playback;
+        // raw ADTS is not reliably seekable in ExoPlayer. Probe duration above
+        // first — it walks ADTS frame headers, which the `.m4a` no longer has.
+        // Falls back to the ADTS file when the native remuxer is unavailable.
+        const playbackUri = await remuxTakeToSeekableContainer(mergedUri);
+
+        const recordingId = randomUUID();
+        const key = buildRecordingKey({
+          userId: userId ?? '',
+          projectId: projectId ?? 0,
+          bookCode: bookCode ?? '',
+          chapterNumber: chapterNumber ?? 0,
+          verseNumber: verseNumber ?? 0,
+          recordingId,
+          extension: extensionFromUri(playbackUri),
+        });
+
+        // Move the take out of the evictable cache before recording it in the
+        // DB so a row never points at a file the OS could reclaim.
+        let moved;
+        try {
+          moved = await moveIntoStore({ sourceUri: playbackUri, key });
+        } catch (error) {
+          log.error('Failed to move recording into durable store', {
+            bibleTextId,
+            error,
+          });
+          return null;
+        }
+
+        // Unlink every intermediate file except the one just moved into the
+        // store (whose source path no longer exists). When remux produced a new
+        // `.m4a`, that includes the raw segments and the merged `.aac`; when it
+        // fell back, `playbackUri === mergedUri` stays and only the extra raw
+        // segments of a multi-segment take are removed.
+        const leftovers = new Set<string>([...fileUris, mergedUri]);
+        leftovers.delete(playbackUri);
+        leftovers.forEach(fileUri => deleteRecordingFile(fileUri));
+
+        try {
+          return await insertRecording({
+            id: recordingId,
+            bibleTextId,
+            userId: userId ?? null,
+            chapterAssignmentId: chapterAssignmentId ?? null,
+            localFilePath: moved.key,
+            durationMs: committedDurationMs,
+            fileSizeBytes: moved.sizeBytes,
+          });
+        } catch (error) {
+          log.error(
+            'Failed to insert recording after move; removing durable file',
+            { bibleTextId, localFilePath: moved.key, error },
+          );
+          deleteRecordingFile(moved.key);
+          return null;
+        }
+      },
+
+      deleteCommitted: take => deleteRecordingById(take.id),
+
+      resolvePlaybackUri: take => resolveRecordingUri(take.localFilePath),
+
+      resolveDurationMs: take => take.durationMs ?? null,
+    }),
+    [
+      bibleTextId,
+      userId,
+      projectId,
+      chapterAssignmentId,
+      bookCode,
+      chapterNumber,
+      verseNumber,
+    ],
+  );
+
+  return useRecorder(adapter);
+}
diff --git a/src/app/tabs/drafting/record/utils/recordTabUtils.test.ts b/src/app/tabs/drafting/record/utils/recordTabUtils.test.ts
new file mode 100644
index 0000000..59efd5b
--- /dev/null
+++ b/src/app/tabs/drafting/record/utils/recordTabUtils.test.ts
@@ -0,0 +1,21 @@
+import { formatDuration, verseReference } from './recordTabUtils';
+
+describe('formatDuration', () => {
+  it('formats zero as 00:00:00', () => {
+    expect(formatDuration(0)).toBe('00:00:00');
+  });
+
+  it('formats elapsed milliseconds with centiseconds', () => {
+    expect(formatDuration(65_420)).toBe('01:05:42');
+  });
+
+  it('clamps negative values to zero', () => {
+    expect(formatDuration(-1)).toBe('00:00:00');
+  });
+});
+
+describe('verseReference', () => {
+  it('joins book, chapter, and verse', () => {
+    expect(verseReference('Mark', 14, 3)).toBe('Mark 14:3');
+  });
+});
diff --git a/src/app/tabs/drafting/record/utils/recordTabUtils.ts b/src/app/tabs/drafting/record/utils/recordTabUtils.ts
new file mode 100644
index 0000000..ce6bf5b
--- /dev/null
+++ b/src/app/tabs/drafting/record/utils/recordTabUtils.ts
@@ -0,0 +1,18 @@
+export function formatDuration(ms: number): string {
+  const safeMs = ms < 0 ? 0 : ms;
+  const totalCentis = Math.floor(safeMs / 10);
+  const totalSeconds = Math.floor(totalCentis / 100);
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  const centis = totalCentis % 100;
+  const pad = (value: number) => value.toString().padStart(2, '0');
+  return `${pad(minutes)}:${pad(seconds)}:${pad(centis)}`;
+}
+
+export function verseReference(
+  bookName: string,
+  chapter: number,
+  verse: number,
+): string {
+  return `${bookName} ${chapter}:${verse}`;
+}
diff --git a/src/components/layout/DraftingTabBar.tsx b/src/components/layout/DraftingTabBar.tsx
index 4b1790f..522eb15 100644
--- a/src/components/layout/DraftingTabBar.tsx
+++ b/src/components/layout/DraftingTabBar.tsx
@@ -12,8 +12,8 @@ interface DraftingTabBarProps {
 }
 
 const TABS: { id: DraftingTab; label: string; Icon: LucideIcon }[] = [
-  { id: 'bible', label: 'Bible', Icon: Headphones },
-  { id: 'record', label: 'Record', Icon: Mic },
+  { id: DraftingTab.Bible, label: 'Bible', Icon: Headphones },
+  { id: DraftingTab.Record, label: 'Record', Icon: Mic },
 ];
 
 export function DraftingTabBar({
diff --git a/src/db/index.ts b/src/db/index.ts
index 6ef6010..8616f23 100644
--- a/src/db/index.ts
+++ b/src/db/index.ts
@@ -1,5 +1,9 @@
 import { open, DB } from '@op-engineering/op-sqlite';
-import { chapterAssignmentMigrations, createTableQueries } from './schema';
+import {
+  chapterAssignmentMigrations,
+  createTableQueries,
+  recordingMigrations,
+} from './schema';
 import { logger } from '../utils/logger';
 import { setDatabase, getDatabase } from './db';
 
@@ -66,6 +70,7 @@ export async function initializeDatabase(): Promise<void> {
 
     await runStatements(db, createTableQueries, 'table');
     await runStatements(db, chapterAssignmentMigrations, 'column');
+    await runStatements(db, recordingMigrations, 'column');
 
     log.info('All tables created successfully');
   } catch (error: unknown) {
diff --git a/src/db/queries.nav.test.ts b/src/db/queries.nav.test.ts
new file mode 100644
index 0000000..f40b43d
--- /dev/null
+++ b/src/db/queries.nav.test.ts
@@ -0,0 +1,75 @@
+import { getVerseDetailNavByChapterAssignment } from './queries';
+
+interface MockDb {
+  execute: jest.Mock;
+}
+
+let mockDb: MockDb;
+
+jest.mock('./db', () => ({
+  getDatabase: () => mockDb,
+}));
+
+describe('getVerseDetailNavByChapterAssignment', () => {
+  it('maps a row into VerseDetail route params', async () => {
+    mockDb = {
+      execute: jest.fn().mockResolvedValue({
+        rows: [
+          {
+            chapter_id: 88,
+            chapter_number: 1,
+            book_name: 'Genesis',
+            project_name: 'Demo Project',
+            target_language_name: 'Swahili',
+          },
+        ],
+      }),
+    };
+
+    const result = await getVerseDetailNavByChapterAssignment(88);
+
+    expect(result).toEqual({
+      chapterId: 88,
+      chapterName: 'Genesis 1',
+      projectName: 'Demo Project',
+      language: 'Swahili',
+    });
+    expect(mockDb.execute).toHaveBeenCalledWith(
+      expect.stringMatching(/FROM chapter_assignments/),
+      [88],
+    );
+  });
+
+  it('tolerates a missing language and book name', async () => {
+    mockDb = {
+      execute: jest.fn().mockResolvedValue({
+        rows: [
+          {
+            chapter_id: 88,
+            chapter_number: 3,
+            book_name: null,
+            project_name: null,
+            target_language_name: null,
+          },
+        ],
+      }),
+    };
+
+    expect(await getVerseDetailNavByChapterAssignment(88)).toEqual({
+      chapterId: 88,
+      chapterName: '3',
+      projectName: '',
+      language: '',
+    });
+  });
+
+  it('returns null when no row matches', async () => {
+    mockDb = { execute: jest.fn().mockResolvedValue({ rows: [] }) };
+    expect(await getVerseDetailNavByChapterAssignment(88)).toBeNull();
+  });
+
+  it('returns null when the query throws', async () => {
+    mockDb = { execute: jest.fn().mockRejectedValue(new Error('boom')) };
+    expect(await getVerseDetailNavByChapterAssignment(88)).toBeNull();
+  });
+});
diff --git a/src/db/queries.recordings.test.ts b/src/db/queries.recordings.test.ts
new file mode 100644
index 0000000..3b36fd3
--- /dev/null
+++ b/src/db/queries.recordings.test.ts
@@ -0,0 +1,90 @@
+import { getBibleTextId, getLatestRecordingForVerse } from './queries';
+
+interface MockDb {
+  execute: jest.Mock;
+}
+
+let mockDb: MockDb;
+
+jest.mock('./db', () => ({
+  getDatabase: () => mockDb,
+}));
+
+describe('getBibleTextId', () => {
+  it('returns the numeric id when the verse is present', async () => {
+    mockDb = {
+      execute: jest.fn().mockResolvedValue({ rows: [{ id: 123 }] }),
+    };
+
+    const result = await getBibleTextId(1, 41, 14, 3);
+
+    expect(result).toBe(123);
+    expect(mockDb.execute).toHaveBeenCalledWith(
+      expect.stringMatching(/FROM bible_texts/),
+      [1, 41, 14, 3],
+    );
+  });
+
+  it('returns null when no row matches', async () => {
+    mockDb = { execute: jest.fn().mockResolvedValue({ rows: [] }) };
+    expect(await getBibleTextId(1, 41, 14, 3)).toBeNull();
+  });
+
+  it('returns null when the query throws', async () => {
+    mockDb = {
+      execute: jest.fn().mockRejectedValue(new Error('boom')),
+    };
+    expect(await getBibleTextId(1, 41, 14, 3)).toBeNull();
+  });
+});
+
+describe('getLatestRecordingForVerse', () => {
+  it('maps snake_case rows into the Recording shape', async () => {
+    mockDb = {
+      execute: jest.fn().mockResolvedValue({
+        rows: [
+          {
+            id: 'rec-1',
+            bible_text_id: 42,
+            local_file_path: '/tmp/rec-1.m4a',
+            blob_key: null,
+            duration_ms: 12000,
+            file_size_bytes: 24000,
+            take_number: 2,
+            is_latest: 1,
+            sync_status: 'pending',
+            upload_error: null,
+            created_at: '2026-07-01T00:00:00.000Z',
+            updated_at: '2026-07-01T00:00:00.000Z',
+          },
+        ],
+      }),
+    };
+
+    const result = await getLatestRecordingForVerse(42);
+
+    expect(result).toEqual({
+      id: 'rec-1',
+      bibleTextId: 42,
+      localFilePath: '/tmp/rec-1.m4a',
+      blobKey: undefined,
+      durationMs: 12000,
+      fileSizeBytes: 24000,
+      takeNumber: 2,
+      isLatest: true,
+      syncStatus: 'pending',
+      uploadError: undefined,
+      createdAt: '2026-07-01T00:00:00.000Z',
+      updatedAt: '2026-07-01T00:00:00.000Z',
+    });
+    expect(mockDb.execute).toHaveBeenCalledWith(
+      expect.stringMatching(/FROM recordings/),
+      [42],
+    );
+  });
+
+  it('returns null when no latest row exists', async () => {
+    mockDb = { execute: jest.fn().mockResolvedValue({ rows: [] }) };
+    expect(await getLatestRecordingForVerse(42)).toBeNull();
+  });
+});
diff --git a/src/db/queries.ts b/src/db/queries.ts
index dce758c..b662f2f 100644
--- a/src/db/queries.ts
+++ b/src/db/queries.ts
@@ -380,6 +380,144 @@ export async function getPendingUploadCount(): Promise<number> {
   }
 }
 
+/** Resolves the owning `projects.id` for a project unit (for recording paths). */
+export async function getProjectIdForProjectUnit(
+  projectUnitId: number,
+): Promise<number | null> {
+  const db = getDatabase();
+  try {
+    const result = await db.execute(
+      `SELECT project_id FROM project_units WHERE id = ? LIMIT 1`,
+      [projectUnitId],
+    );
+    const row = (result?.rows as unknown as { project_id: number }[])?.[0];
+    return row?.project_id ?? null;
+  } catch (error) {
+    log.error('Error resolving project id for project unit', { error });
+    return null;
+  }
+}
+
+export interface VerseDetailNavParams {
+  chapterId: number;
+  chapterName: string;
+  projectName: string;
+  language: string;
+}
+
+/**
+ * Resolves the `VerseDetail` route params for a chapter assignment, so a
+ * recovered paused take (which stores only its `chapterAssignmentId`) can be
+ * navigated to from the home screen. Not user-scoped, so it also resolves
+ * chapters opened via the Projects tab.
+ */
+export async function getVerseDetailNavByChapterAssignment(
+  chapterAssignmentId: number,
+): Promise<VerseDetailNavParams | null> {
+  const db = getDatabase();
+  try {
+    const result = await db.execute(
+      `SELECT
+        ca.id AS chapter_id,
+        ca.chapter_number,
+        b.eng_display_name AS book_name,
+        p.name AS project_name,
+        tl.lang_name AS target_language_name
+      FROM chapter_assignments ca
+      JOIN books b ON ca.book_id = b.id
+      JOIN project_units pu ON ca.project_unit_id = pu.id
+      JOIN projects p ON pu.project_id = p.id
+      LEFT JOIN languages tl ON p.target_language_id = tl.id
+      WHERE ca.id = ?
+      LIMIT 1`,
+      [chapterAssignmentId],
+    );
+    const row = (
+      result?.rows as unknown as {
+        chapter_id: number;
+        chapter_number: number;
+        book_name: string | null;
+        project_name: string | null;
+        target_language_name: string | null;
+      }[]
+    )?.[0];
+    if (!row) return null;
+    return {
+      chapterId: row.chapter_id,
+      chapterName: `${row.book_name ?? ''} ${row.chapter_number}`.trim(),
+      projectName: row.project_name ?? '',
+      language: row.target_language_name ?? '',
+    };
+  } catch (error) {
+    log.error('Error resolving verse detail nav by chapter assignment', {
+      chapterAssignmentId,
+      error,
+    });
+    return null;
+  }
+}
+
+/** Resolves the `bible_texts.id` PK a recording joins against. */
+export async function getBibleTextId(
+  bibleId: number,
+  bookId: number,
+  chapterNumber: number,
+  verseNumber: number,
+): Promise<number | null> {
+  const db = getDatabase();
+  try {
+    const result = await db.execute(
+      `SELECT id FROM bible_texts
+       WHERE bible_id = ? AND book_id = ? AND chapter_number = ? AND verse_number = ?
+       LIMIT 1`,
+      [bibleId, bookId, chapterNumber, verseNumber],
+    );
+    const row = (result?.rows as unknown as { id: number }[])?.[0];
+    return row?.id ?? null;
+  } catch (error) {
+    log.error('Error resolving bible_text id', { error });
+    return null;
+  }
+}
+
+export async function getLatestRecordingForVerse(
+  bibleTextId: number,
+): Promise<DBTypes.Recording | null> {
+  const db = getDatabase();
+  try {
+    const result = await db.execute(
+      `SELECT id, bible_text_id, user_id, chapter_assignment_id, local_file_path,
+              blob_key, duration_ms, file_size_bytes, take_number, is_latest,
+              sync_status, upload_error, created_at, updated_at
+       FROM recordings
+       WHERE bible_text_id = ? AND is_latest = 1
+       LIMIT 1`,
+      [bibleTextId],
+    );
+    const row = (result?.rows as unknown as DBTypes.RecordingRow[])?.[0];
+    if (!row) return null;
+    return {
+      id: row.id,
+      bibleTextId: row.bible_text_id,
+      userId: row.user_id ?? undefined,
+      chapterAssignmentId: row.chapter_assignment_id ?? undefined,
+      localFilePath: row.local_file_path,
+      blobKey: row.blob_key ?? undefined,
+      durationMs: row.duration_ms ?? undefined,
+      fileSizeBytes: row.file_size_bytes ?? undefined,
+      takeNumber: row.take_number,
+      isLatest: Boolean(row.is_latest),
+      syncStatus: row.sync_status,
+      uploadError: row.upload_error ?? undefined,
+      createdAt: row.created_at,
+      updatedAt: row.updated_at,
+    };
+  } catch (error) {
+    log.error('Error fetching latest recording for verse', { error });
+    return null;
+  }
+}
+
 export async function getBibleTexts(
   bibleId: number,
   bookId: number,
diff --git a/src/db/repository.recordings.test.ts b/src/db/repository.recordings.test.ts
new file mode 100644
index 0000000..3a2acbe
--- /dev/null
+++ b/src/db/repository.recordings.test.ts
@@ -0,0 +1,144 @@
+import {
+  deleteRecordingById,
+  insertRecording,
+  type InsertRecordingInput,
+} from './repository';
+
+interface MockTx {
+  execute: jest.Mock;
+}
+
+interface MockDb {
+  execute: jest.Mock;
+  transaction: jest.Mock<Promise<void>, [(tx: MockTx) => Promise<void>]>;
+}
+
+let mockDb: MockDb;
+let mockTx: MockTx;
+
+const mockDeleteRecordingFile = jest.fn();
+
+jest.mock('./db', () => {
+  return {
+    getDatabase: () => mockDb,
+  };
+});
+
+jest.mock('../services/recordingStorage', () => ({
+  deleteRecordingFile: (pathOrKey: string) =>
+    mockDeleteRecordingFile(pathOrKey),
+}));
+
+function makeDb(existingMaxTake: number): MockDb {
+  mockTx = {
+    execute: jest.fn().mockImplementation((sql: string) => {
+      if (/MAX\(take_number\)/.test(sql)) {
+        return Promise.resolve({ rows: [{ max_take: existingMaxTake }] });
+      }
+      return Promise.resolve({ rows: [] });
+    }),
+  };
+  return {
+    execute: jest.fn().mockResolvedValue({ rows: [] }),
+    transaction: jest.fn(async (cb: (t: MockTx) => Promise<void>) => {
+      await cb(mockTx);
+    }),
+  };
+}
+
+describe('insertRecording', () => {
+  const baseInput: InsertRecordingInput = {
+    id: 'rec-1',
+    bibleTextId: 42,
+    userId: 'user-9',
+    chapterAssignmentId: 7,
+    localFilePath: 'recordings/uuser-9/p3/GEN/c001/v001/rec-1.m4a',
+    durationMs: 12000,
+    fileSizeBytes: 24000,
+    createdAt: '2026-07-01T00:00:00.000Z',
+  };
+
+  it('demotes prior latest rows and inserts the new take as latest', async () => {
+    mockDb = makeDb(0);
+
+    const rec = await insertRecording(baseInput);
+
+    expect(rec.takeNumber).toBe(1);
+    expect(rec.isLatest).toBe(true);
+    expect(rec.syncStatus).toBe('pending');
+
+    const executeCalls = mockTx.execute.mock.calls.map(
+      ([sql]) => sql as string,
+    );
+    expect(executeCalls[0]).toMatch(/MAX\(take_number\)/);
+    expect(executeCalls[1]).toMatch(/UPDATE recordings SET is_latest = 0/);
+    expect(executeCalls[2]).toMatch(/INSERT INTO recordings/);
+
+    const insertParams = mockTx.execute.mock.calls[2]?.[1] as unknown[];
+    expect(insertParams).toEqual([
+      'rec-1',
+      42,
+      'user-9',
+      7,
+      'recordings/uuser-9/p3/GEN/c001/v001/rec-1.m4a',
+      12000,
+      24000,
+      1,
+      'pending',
+      '2026-07-01T00:00:00.000Z',
+      '2026-07-01T00:00:00.000Z',
+    ]);
+  });
+
+  it('increments take_number when prior takes exist', async () => {
+    mockDb = makeDb(3);
+
+    const rec = await insertRecording({ ...baseInput, id: 'rec-2' });
+
+    expect(rec.takeNumber).toBe(4);
+    const insertParams = mockTx.execute.mock.calls[2]?.[1] as unknown[];
+    expect(insertParams?.[7]).toBe(4);
+  });
+
+  it('accepts a custom sync status', async () => {
+    mockDb = makeDb(0);
+
+    const rec = await insertRecording({ ...baseInput, syncStatus: 'error' });
+
+    expect(rec.syncStatus).toBe('error');
+    const insertParams = mockTx.execute.mock.calls[2]?.[1] as unknown[];
+    expect(insertParams?.[8]).toBe('error');
+  });
+});
+
+describe('deleteRecordingById', () => {
+  beforeEach(() => {
+    mockDeleteRecordingFile.mockClear();
+  });
+
+  it('runs a DELETE query and unlinks the stored file', async () => {
+    mockDb = makeDb(0);
+    mockDb.execute.mockResolvedValueOnce({
+      rows: [{ local_file_path: 'recordings/uu/p1/GEN/c001/v001/rec-9.m4a' }],
+    });
+
+    await deleteRecordingById('rec-9');
+
+    expect(mockDb.execute).toHaveBeenCalledWith(
+      expect.stringMatching(/DELETE FROM recordings WHERE id = \?/),
+      ['rec-9'],
+    );
+    expect(mockDeleteRecordingFile).toHaveBeenCalledWith(
+      'recordings/uu/p1/GEN/c001/v001/rec-9.m4a',
+    );
+  });
+
+  it('skips unlink when no row is found', async () => {
+    mockDb = makeDb(0);
+    mockDb.execute.mockResolvedValueOnce({ rows: [] });
+
+    await deleteRecordingById('missing');
+
+    expect(mockDeleteRecordingFile).not.toHaveBeenCalled();
+  });
+});
diff --git a/src/db/repository.ts b/src/db/repository.ts
index a4900cd..21ab2d2 100644
--- a/src/db/repository.ts
+++ b/src/db/repository.ts
@@ -2,6 +2,7 @@ import { getDatabase } from './db';
 import { logger } from '../utils/logger';
 import * as DBTypes from '../types/db/types';
 import { Transaction } from '@op-engineering/op-sqlite';
+import { deleteRecordingFile } from '../services/recordingStorage';
 
 const log = logger.create('DBRepository');
 
@@ -462,6 +463,111 @@ export async function userHasLocalProjects(userId: number): Promise<boolean> {
   return Number(result.rows?.[0]?.count ?? 0) > 0;
 }
 
+export interface InsertRecordingInput {
+  id: string;
+  bibleTextId: number;
+  /** Relative storage key (see `services/recordingStorage`), not an absolute path. */
+  localFilePath: string;
+  userId?: string | null;
+  chapterAssignmentId?: number | null;
+  durationMs?: number | null;
+  fileSizeBytes?: number | null;
+  syncStatus?: DBTypes.RecordingSyncStatus;
+  createdAt?: string;
+}
+
+interface MaxTakeRow {
+  max_take: number | null;
+}
+
+/**
+ * Inserts a new recording as the latest take for a verse, demoting any prior
+ * `is_latest = 1` rows. Wrapped in a transaction so callers observe the row
+ * count atomically; upload is deferred to a future ticket.
+ */
+export async function insertRecording(
+  input: InsertRecordingInput,
+): Promise<DBTypes.Recording> {
+  const db = getDatabase();
+  const now = input.createdAt ?? new Date().toISOString();
+  const syncStatus = input.syncStatus ?? 'pending';
+
+  let takeNumber = 1;
+
+  await db.transaction(async (tx: Transaction) => {
+    const takeResult = await tx.execute(
+      `SELECT COALESCE(MAX(take_number), 0) AS max_take
+         FROM recordings WHERE bible_text_id = ?`,
+      [input.bibleTextId],
+    );
+    const rows = takeResult.rows as unknown as MaxTakeRow[];
+    takeNumber = (rows?.[0]?.max_take ?? 0) + 1;
+
+    await tx.execute(
+      `UPDATE recordings SET is_latest = 0, updated_at = ?
+         WHERE bible_text_id = ? AND is_latest = 1`,
+      [now, input.bibleTextId],
+    );
+
+    await tx.execute(
+      `INSERT INTO recordings
+        (id, bible_text_id, user_id, chapter_assignment_id, local_file_path,
+         duration_ms, file_size_bytes, take_number, is_latest, sync_status,
+         created_at, updated_at)
+       VALUES (?, ?, ?, ?, ?, ?, ?, ?, 1, ?, ?, ?)`,
+      [
+        input.id,
+        input.bibleTextId,
+        input.userId ?? null,
+        input.chapterAssignmentId ?? null,
+        input.localFilePath,
+        input.durationMs ?? null,
+        input.fileSizeBytes ?? null,
+        takeNumber,
+        syncStatus,
+        now,
+        now,
+      ],
+    );
+  });
+
+  log.info('Recording inserted', {
+    id: input.id,
+    bibleTextId: input.bibleTextId,
+    takeNumber,
+  });
+
+  return {
+    id: input.id,
+    bibleTextId: input.bibleTextId,
+    userId: input.userId ?? null,
+    chapterAssignmentId: input.chapterAssignmentId ?? null,
+    localFilePath: input.localFilePath,
+    durationMs: input.durationMs ?? null,
+    fileSizeBytes: input.fileSizeBytes ?? null,
+    takeNumber,
+    isLatest: true,
+    syncStatus,
+    createdAt: now,
+    updatedAt: now,
+  };
+}
+
+/** Deletes a recording row and unlinks its durable audio file (best-effort). */
+export async function deleteRecordingById(id: string): Promise<void> {
+  const db = getDatabase();
+  const existing = await db.execute(
+    `SELECT local_file_path FROM recordings WHERE id = ?`,
+    [id],
+  );
+  const path = (existing.rows as unknown as { local_file_path: string }[])?.[0]
+    ?.local_file_path;
+
+  await db.execute(`DELETE FROM recordings WHERE id = ?`, [id]);
+  if (path) deleteRecordingFile(path);
+  log.info('Recording deleted', { id });
+}
+
 export async function userHasLocalChapterAssignments(
   userId: number,
 ): Promise<boolean> {
diff --git a/src/db/schema.ts b/src/db/schema.ts
index ffa91a4..f7b7388 100644
--- a/src/db/schema.ts
+++ b/src/db/schema.ts
@@ -80,6 +80,8 @@ export const createTableQueries: string[] = [
   `CREATE TABLE IF NOT EXISTS recordings (
       id                    TEXT PRIMARY KEY,
       bible_text_id         INTEGER NOT NULL REFERENCES bible_texts(id),
+      user_id               TEXT,
+      chapter_assignment_id INTEGER,
       local_file_path       TEXT NOT NULL,
       blob_key              TEXT,
       duration_ms           INTEGER,
@@ -110,3 +112,9 @@ export const chapterAssignmentMigrations: string[] = [
   `ALTER TABLE chapter_assignments ADD COLUMN total_verses INTEGER NOT NULL DEFAULT 0`,
   `ALTER TABLE chapter_assignments ADD COLUMN completed_verses INTEGER NOT NULL DEFAULT 0`,
 ];
+
+/** For DBs created before recordings carried user/project attribution. */
+export const recordingMigrations: string[] = [
+  `ALTER TABLE recordings ADD COLUMN user_id TEXT`,
+  `ALTER TABLE recordings ADD COLUMN chapter_assignment_id INTEGER`,
+];
diff --git a/src/hooks/useAudioPlayback.test.ts b/src/hooks/useAudioPlayback.test.ts
new file mode 100644
index 0000000..3de4d00
--- /dev/null
+++ b/src/hooks/useAudioPlayback.test.ts
@@ -0,0 +1,159 @@
+import { act, renderHook, waitFor } from '@testing-library/react-native';
+import { useAudioPlayback } from './useAudioPlayback';
+
+const mockPlayer = {
+  play: jest.fn(),
+  pause: jest.fn(),
+  seekTo: jest.fn().mockResolvedValue(undefined),
+  currentTime: 0,
+  duration: 0,
+};
+let mockPlayerStatus: {
+  playing?: boolean;
+  didJustFinish?: boolean;
+  currentTime?: number;
+  duration?: number;
+} = {
+  playing: false,
+  didJustFinish: false,
+};
+const mockSetAudioModeAsync = jest.fn().mockResolvedValue(undefined);
+const mockUseAudioPlayer = jest.fn(
+  (_source: unknown, _options: unknown) => mockPlayer,
+);
+
+jest.mock('expo-audio', () => ({
+  useAudioPlayer: (source: unknown, options: unknown) =>
+    mockUseAudioPlayer(source, options),
+  useAudioPlayerStatus: () => mockPlayerStatus,
+  setAudioModeAsync: (mode: unknown) => mockSetAudioModeAsync(mode),
+}));
+
+describe('useAudioPlayback', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockPlayerStatus = { playing: false, didJustFinish: false };
+  });
+
+  it('polls player status every 30ms so the position readout updates smoothly', () => {
+    renderHook(() => useAudioPlayback('/tmp/take-1.m4a'));
+
+    expect(mockUseAudioPlayer).toHaveBeenCalledWith(
+      { uri: '/tmp/take-1.m4a' },
+      { updateInterval: 30 },
+    );
+  });
+
+  it('reports not playing and does nothing on toggle when there is no source', async () => {
+    const { result } = renderHook(() => useAudioPlayback(null));
+    expect(result.current.isPlaying).toBe(false);
+
+    await act(async () => {
+      await result.current.toggle();
+    });
+
+    expect(mockPlayer.play).not.toHaveBeenCalled();
+    expect(mockSetAudioModeAsync).not.toHaveBeenCalled();
+  });
+
+  it('routes audio to the speaker and plays on toggle when idle', async () => {
+    const { result } = renderHook(() => useAudioPlayback('/tmp/take-1.m4a'));
+
+    await act(async () => {
+      await result.current.toggle();
+    });
+
+    expect(mockSetAudioModeAsync).toHaveBeenCalledWith(
+      expect.objectContaining({ allowsRecording: false }),
+    );
+    expect(mockPlayer.play).toHaveBeenCalledTimes(1);
+    expect(mockPlayer.pause).not.toHaveBeenCalled();
+  });
+
+  it('pauses on toggle when already playing', async () => {
+    mockPlayerStatus = { playing: true, didJustFinish: false };
+    const { result } = renderHook(() => useAudioPlayback('/tmp/take-1.m4a'));
+    expect(result.current.isPlaying).toBe(true);
+
+    await act(async () => {
+      await result.current.toggle();
+    });
+
+    expect(mockPlayer.pause).toHaveBeenCalledTimes(1);
+    expect(mockPlayer.play).not.toHaveBeenCalled();
+  });
+
+  it('stop() pauses while playing', () => {
+    mockPlayerStatus = { playing: true, didJustFinish: false };
+    const { result } = renderHook(() => useAudioPlayback('/tmp/take-1.m4a'));
+
+    act(() => result.current.stop());
+    expect(mockPlayer.pause).toHaveBeenCalledTimes(1);
+  });
+
+  it('stop() is a no-op when nothing is playing', () => {
+    mockPlayerStatus = { playing: false, didJustFinish: false };
+    const { result } = renderHook(() => useAudioPlayback('/tmp/take-1.m4a'));
+
+    act(() => result.current.stop());
+    expect(mockPlayer.pause).not.toHaveBeenCalled();
+  });
+
+  it('pauses and rewinds to the start when a take finishes playing', async () => {
+    mockPlayerStatus = { playing: false, didJustFinish: true };
+    renderHook(() => useAudioPlayback('/tmp/take-1.m4a'));
+
+    await waitFor(() => expect(mockPlayer.seekTo).toHaveBeenCalledWith(0));
+    expect(mockPlayer.pause).toHaveBeenCalledTimes(1);
+  });
+
+  it('exposes position and duration in ms from the player status (seconds)', () => {
+    mockPlayerStatus = {
+      playing: true,
+      didJustFinish: false,
+      currentTime: 3.2,
+      duration: 12.5,
+    };
+    const { result } = renderHook(() => useAudioPlayback('/tmp/take-1.m4a'));
+
+    expect(result.current.positionMs).toBe(3200);
+    expect(result.current.durationMs).toBe(12500);
+  });
+
+  it('reports zeroed position/duration before a source is loaded', () => {
+    const { result } = renderHook(() => useAudioPlayback(null));
+
+    expect(result.current.positionMs).toBe(0);
+    expect(result.current.durationMs).toBe(0);
+  });
+
+  it('seek() converts ms to seconds and seeks the player', async () => {
+    const { result } = renderHook(() => useAudioPlayback('/tmp/take-1.m4a'));
+
+    await act(async () => {
+      await result.current.seek(4500);
+    });
+
+    expect(mockPlayer.seekTo).toHaveBeenCalledWith(4.5);
+  });
+
+  it('seek() clamps negative positions to the start', async () => {
+    const { result } = renderHook(() => useAudioPlayback('/tmp/take-1.m4a'));
+
+    await act(async () => {
+      await result.current.seek(-1000);
+    });
+
+    expect(mockPlayer.seekTo).toHaveBeenCalledWith(0);
+  });
+
+  it('seek() is a no-op when there is no source', async () => {
+    const { result } = renderHook(() => useAudioPlayback(null));
+
+    await act(async () => {
+      await result.current.seek(1000);
+    });
+
+    expect(mockPlayer.seekTo).not.toHaveBeenCalled();
+  });
+});
diff --git a/src/hooks/useAudioPlayback.ts b/src/hooks/useAudioPlayback.ts
new file mode 100644
index 0000000..1c10d6b
--- /dev/null
+++ b/src/hooks/useAudioPlayback.ts
@@ -0,0 +1,95 @@
+import { useCallback, useEffect, useMemo } from 'react';
+import {
+  setAudioModeAsync,
+  useAudioPlayer,
+  useAudioPlayerStatus,
+} from 'expo-audio';
+import type { AudioSource } from 'expo-audio';
+import { logger } from '../utils/logger';
+
+const log = logger.create('useAudioPlayback');
+
+export interface UseAudioPlaybackApi {
+  isPlaying: boolean;
+  /** Current playback position in ms (0 until a source is loaded). */
+  positionMs: number;
+  /** Total length of the loaded audio in ms (0 until known). */
+  durationMs: number;
+  toggle: () => Promise<void>;
+  /** Seek to an absolute position (ms), clamped to the start of the audio. */
+  seek: (ms: number) => Promise<void>;
+  stop: () => void;
+}
+
+/**
+ * Generic single-source audio playback: given a file/remote URI it exposes
+ * play/pause, seek, and position/duration state. It knows nothing about what it
+ * is playing, so it can back draft-take review today and source-audio (e.g.
+ * original verse recordings) or any other single-clip playback later.
+ *
+ * Audio-session ownership is split by concern — this hook owns the *playback*
+ * side (`allowsRecording: false`, routing through the speaker rather than the
+ * earpiece used while capturing); any recorder owns the recording side. Callers
+ * that transition back into recording must re-assert the recording audio mode.
+ *
+ * `source === null` keeps the player idle when there is nothing to play.
+ */
+export function useAudioPlayback(source: string | null): UseAudioPlaybackApi {
+  // Recreate the player whenever the source changes; `useAudioPlayer`
+  // releases the previous instance for us.
+  const playbackSource = useMemo<AudioSource>(
+    () => (source ? { uri: source } : null),
+    [source],
+  );
+  // Poll status every 30ms so the review position readout and waveform fill
+  // update smoothly; the default (~500ms) makes the label visibly step.
+  const player = useAudioPlayer(playbackSource, { updateInterval: 30 });
+  const playerStatus = useAudioPlayerStatus(player);
+  const isPlaying = playerStatus?.playing ?? false;
+  // expo-audio reports position/duration in seconds; expose ms to match the
+  // rest of the recorder surface.
+  const positionMs = Math.max(0, (playerStatus?.currentTime ?? 0) * 1000);
+  const durationMs = Math.max(0, (playerStatus?.duration ?? 0) * 1000);
+
+  const stop = useCallback(() => {
+    if (playerStatus?.playing) player.pause();
+  }, [player, playerStatus]);
+
+  const seek = useCallback(
+    async (ms: number) => {
+      if (!source) return;
+      await player.seekTo(Math.max(0, ms / 1000));
+    },
+    [player, source],
+  );
+
+  const toggle = useCallback(async () => {
+    if (!source) return;
+    if (playerStatus?.playing) {
+      player.pause();
+      return;
+    }
+    // Route playback out of the recording session so it plays through the
+    // speaker rather than the earpiece used while capturing.
+    await setAudioModeAsync({
+      allowsRecording: false,
+      playsInSilentMode: true,
+    });
+    player.play();
+  }, [player, playerStatus, source]);
+
+  // Pause and rewind to the start once playback finishes so the next tap
+  // replays it whole. Pausing first matters on Android: ExoPlayer leaves
+  // `playWhenReady` true when a track ends naturally, so seeking back to 0
+  // without pausing resumes playback immediately instead of stopping.
+  useEffect(() => {
+    if (playerStatus?.didJustFinish) {
+      player.pause();
+      player.seekTo(0).catch(error => {
+        log.warn('Failed to rewind finished playback', { error });
+      });
+    }
+  }, [player, playerStatus?.didJustFinish]);
+
+  return { isPlaying, positionMs, durationMs, toggle, seek, stop };
+}
diff --git a/src/hooks/useRecorder.test.ts b/src/hooks/useRecorder.test.ts
new file mode 100644
index 0000000..7064495
--- /dev/null
+++ b/src/hooks/useRecorder.test.ts
@@ -0,0 +1,787 @@
+import { act, renderHook, waitFor } from '@testing-library/react-native';
+import { AppState } from 'react-native';
+import {
+  useRecorder,
+  type RecorderAdapter,
+  RecorderStatus,
+} from './useRecorder';
+
+interface FakeTake {
+  id: string;
+  uri: string;
+}
+
+const mockRecorder = {
+  currentTime: 0,
+  uri: 'file:///tmp/take-1.aac',
+  isRecording: false,
+  record: jest.fn(),
+  pause: jest.fn(),
+  stop: jest.fn().mockResolvedValue(undefined),
+  prepareToRecordAsync: jest.fn().mockResolvedValue(undefined),
+};
+
+const mockUseAudioRecorder = jest.fn();
+
+const mockPlayer = {
+  play: jest.fn(),
+  pause: jest.fn(),
+  seekTo: jest.fn().mockResolvedValue(undefined),
+  currentTime: 0,
+  duration: 0,
+};
+let mockPlayerStatus: {
+  playing?: boolean;
+  didJustFinish?: boolean;
+  currentTime?: number;
+  duration?: number;
+} = {
+  playing: false,
+  didJustFinish: false,
+};
+
+jest.mock('expo-audio', () => ({
+  RecordingPresets: { HIGH_QUALITY: {} },
+  useAudioRecorder: (options: unknown) => {
+    mockUseAudioRecorder(options);
+    return mockRecorder;
+  },
+  useAudioPlayer: () => mockPlayer,
+  useAudioPlayerStatus: () => mockPlayerStatus,
+  requestRecordingPermissionsAsync: jest.fn().mockResolvedValue({
+    granted: true,
+    canAskAgain: true,
+    status: 'granted',
+  }),
+  getRecordingPermissionsAsync: jest.fn().mockResolvedValue({
+    granted: true,
+    canAskAgain: true,
+    status: 'granted',
+  }),
+  setAudioModeAsync: jest.fn().mockResolvedValue(undefined),
+}));
+
+const COMMITTED_TAKE: FakeTake = {
+  id: 'take-1',
+  uri: 'file:///committed/take-1.m4a',
+};
+
+function makeAdapter(
+  overrides: Partial<RecorderAdapter<FakeTake>> = {},
+): RecorderAdapter<FakeTake> {
+  return {
+    sessionKey: 42,
+    loadInitial: jest.fn().mockResolvedValue(null),
+    onCommit: jest.fn().mockResolvedValue(COMMITTED_TAKE),
+    deleteCommitted: jest.fn().mockResolvedValue(undefined),
+    resolvePlaybackUri: jest.fn((take: FakeTake) => take.uri),
+    loadPaused: jest.fn().mockReturnValue(null),
+    persistPaused: jest.fn(),
+    clearPaused: jest.fn(),
+    deletePausedFiles: jest.fn(),
+    ...overrides,
+  };
+}
+
+async function waitReady(result: { current: { isReady: boolean } }) {
+  await waitFor(() => expect(result.current.isReady).toBe(true));
+}
+
+describe('useRecorder', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockRecorder.currentTime = 0;
+    mockRecorder.uri = 'file:///tmp/take-1.aac';
+    mockRecorder.isRecording = false;
+    mockPlayer.currentTime = 0;
+    mockPlayer.duration = 0;
+    mockPlayerStatus = { playing: false, didJustFinish: false };
+    // Default AppState subscription so the background-listener cleanup has a
+    // valid `remove()` on unmount; individual tests may override the impl.
+    jest.spyOn(AppState, 'addEventListener').mockReturnValue({
+      remove: jest.fn(),
+    } as unknown as ReturnType<typeof AppState.addEventListener>);
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  it('stays inert while the session key is null', async () => {
+    const adapter = makeAdapter({ sessionKey: null });
+    const { result } = renderHook(() => useRecorder(adapter));
+    // A null session never becomes ready and never queries the adapter.
+    await waitFor(() => expect(adapter.loadInitial).not.toHaveBeenCalled());
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+    expect(result.current.currentRecording).toBeNull();
+    expect(result.current.isReady).toBe(false);
+  });
+
+  it('starts in idle when the session has no existing take', async () => {
+    const adapter = makeAdapter();
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+    expect(result.current.currentRecording).toBeNull();
+    expect(adapter.loadInitial).toHaveBeenCalledWith(42);
+  });
+
+  it('starts in review when a take already exists', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Review);
+    expect(result.current.currentRecording?.id).toBe('existing');
+  });
+
+  it('surfaces a persisted paused-take marker on mount as a recoverable, resumable take', async () => {
+    const adapter = makeAdapter({
+      loadPaused: jest.fn().mockReturnValue({
+        segments: ['/tmp/paused-0.aac'],
+        elapsedMs: 4500,
+        startedAt: '2026-07-01T00:00:00.000Z',
+        sessionToken: 'stale-token',
+      }),
+    });
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Paused);
+    expect(result.current.elapsedMs).toBe(4500);
+    expect(result.current.canResume).toBe(true);
+    expect(result.current.isRecovered).toBe(true);
+  });
+
+  it('resumes a rehydrated paused take by opening a new appended segment', async () => {
+    const adapter = makeAdapter({
+      loadPaused: jest.fn().mockReturnValue({
+        segments: ['/tmp/paused-0.aac'],
+        elapsedMs: 4500,
+        startedAt: '2026-07-01T00:00:00.000Z',
+        sessionToken: 'stale-token',
+      }),
+    });
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    // The previous native recorder died with the process, so resume must open a
+    // fresh session (prepare + record) rather than resume a native session.
+    await act(async () => {
+      await result.current.resume();
+    });
+
+    expect(mockRecorder.prepareToRecordAsync).toHaveBeenCalled();
+    expect(mockRecorder.record).toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Recording);
+    // Elapsed time is preserved across the kill (rehydrated base of 4.5s).
+    expect(result.current.elapsedMs).toBe(4500);
+    expect(result.current.isRecovered).toBe(false);
+  });
+
+  it('commits a rehydrated take when Stop is pressed straight from the recovery prompt', async () => {
+    const adapter = makeAdapter({
+      loadPaused: jest.fn().mockReturnValue({
+        segments: ['/tmp/paused-0.aac', '/tmp/paused-1.aac'],
+        elapsedMs: 7200,
+        startedAt: '2026-07-01T00:00:00.000Z',
+        sessionToken: 'stale-token',
+      }),
+    });
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Paused);
+
+    await act(async () => {
+      await result.current.stop();
+    });
+
+    // No live native recorder, so we must not call stop() on it, but we still
+    // commit the persisted segments with the rehydrated elapsed time.
+    expect(mockRecorder.stop).not.toHaveBeenCalled();
+    expect(adapter.onCommit).toHaveBeenCalledWith({
+      fileUris: ['/tmp/paused-0.aac', '/tmp/paused-1.aac'],
+      durationMs: 7200,
+    });
+    expect(adapter.clearPaused).toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Review);
+  });
+
+  it('commits every segment of a take resumed after a kill', async () => {
+    jest.useFakeTimers();
+    try {
+      const adapter = makeAdapter({
+        loadPaused: jest.fn().mockReturnValue({
+          segments: ['/tmp/paused-0.aac'],
+          elapsedMs: 4500,
+          startedAt: '2026-07-01T00:00:00.000Z',
+          sessionToken: 'stale-token',
+        }),
+      });
+      const { result } = renderHook(() => useRecorder(adapter));
+      await waitReady(result);
+
+      // The new session records into a distinct segment file.
+      mockRecorder.uri = 'file:///tmp/paused-1.aac';
+      jest.setSystemTime(new Date('2026-07-01T00:00:00.000Z'));
+      await act(async () => {
+        await result.current.resume();
+      });
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:01.000Z'));
+      await act(async () => {
+        await result.current.stop();
+      });
+
+      expect(adapter.onCommit).toHaveBeenCalledWith({
+        fileUris: ['/tmp/paused-0.aac', 'file:///tmp/paused-1.aac'],
+        durationMs: 5500,
+      });
+      expect(result.current.status).toBe(RecorderStatus.Review);
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('transitions idle -> recording on start', async () => {
+    const adapter = makeAdapter();
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.start();
+    });
+
+    expect(mockRecorder.prepareToRecordAsync).toHaveBeenCalled();
+    expect(mockRecorder.record).toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Recording);
+  });
+
+  it('persists a recoverable marker as soon as recording starts', async () => {
+    // A hard process kill can happen before any pause/background event runs, so
+    // the manifest must exist from the first moment of recording.
+    const adapter = makeAdapter();
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.start();
+    });
+
+    expect(adapter.persistPaused).toHaveBeenCalledWith(
+      expect.objectContaining({
+        segments: ['file:///tmp/take-1.aac'],
+        elapsedMs: 0,
+        sessionToken: expect.any(String),
+      }),
+    );
+  });
+
+  it('accumulates only active recording time across pause and resume', async () => {
+    jest.useFakeTimers();
+
+    try {
+      const adapter = makeAdapter();
+      const { result } = renderHook(() => useRecorder(adapter));
+      await waitReady(result);
+
+      // Anchor after mount so `waitFor`'s internal poll drift doesn't skew t0.
+      jest.setSystemTime(new Date('2026-07-01T00:00:00.000Z'));
+      await act(async () => {
+        await result.current.start();
+      });
+
+      jest.setSystemTime(new Date('2026-07-01T00:00:02.500Z'));
+      await act(async () => {
+        await result.current.pause();
+      });
+
+      expect(mockRecorder.pause).toHaveBeenCalled();
+      expect(adapter.persistPaused).toHaveBeenCalledWith(
+        expect.objectContaining({
+          segments: ['file:///tmp/take-1.aac'],
+          elapsedMs: 2500,
+          sessionToken: expect.any(String),
+        }),
+      );
+      expect(result.current.status).toBe(RecorderStatus.Paused);
+      expect(result.current.elapsedMs).toBe(2500);
+      expect(result.current.canResume).toBe(true);
+
+      // Long pause window: elapsed stays put; resume starts a new active segment.
+      jest.setSystemTime(new Date('2026-07-01T00:00:12.500Z'));
+      await act(async () => {
+        await result.current.resume();
+      });
+      expect(result.current.status).toBe(RecorderStatus.Recording);
+      expect(result.current.elapsedMs).toBe(2500);
+
+      // Record for another 3s and stop; total active time = 5.5s, not 15.5s.
+      jest.setSystemTime(new Date('2026-07-01T00:00:15.500Z'));
+      await act(async () => {
+        await result.current.stop();
+      });
+
+      expect(mockRecorder.stop).toHaveBeenCalled();
+      expect(adapter.onCommit).toHaveBeenCalledWith({
+        fileUris: ['file:///tmp/take-1.aac'],
+        durationMs: 5500,
+      });
+      expect(adapter.clearPaused).toHaveBeenCalled();
+      expect(result.current.status).toBe(RecorderStatus.Review);
+      expect(result.current.currentRecording?.id).toBe('take-1');
+    } finally {
+      jest.useRealTimers();
+    }
+  });
+
+  it('re-record starts a new recording and stop overwrites the previous take', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Review);
+
+    await act(async () => {
+      await result.current.reRecord();
+    });
+    expect(mockRecorder.record).toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Recording);
+
+    mockRecorder.currentTime = 1;
+    await act(async () => {
+      await result.current.stop();
+    });
+
+    expect(adapter.onCommit).toHaveBeenCalledTimes(1);
+    expect(result.current.status).toBe(RecorderStatus.Review);
+    expect(result.current.currentRecording?.id).toBe('take-1');
+  });
+
+  it('reverts without committing when the adapter reports a commit failure', async () => {
+    const adapter = makeAdapter({
+      onCommit: jest.fn().mockResolvedValue(null),
+    });
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.start();
+    });
+    await act(async () => {
+      await result.current.stop();
+    });
+
+    expect(adapter.onCommit).toHaveBeenCalled();
+    expect(adapter.clearPaused).not.toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+    expect(result.current.currentRecording).toBeNull();
+  });
+
+  it('reverts without committing when recorder.stop throws', async () => {
+    mockRecorder.stop.mockRejectedValueOnce(new Error('stop failed'));
+    const adapter = makeAdapter();
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.start();
+    });
+    await act(async () => {
+      await result.current.stop();
+    });
+
+    expect(adapter.onCommit).not.toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+  });
+
+  it('returns to review when recorder.stop throws during re-record', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    mockRecorder.stop.mockRejectedValueOnce(new Error('stop failed'));
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.reRecord();
+    });
+    await act(async () => {
+      await result.current.stop();
+    });
+
+    expect(adapter.onCommit).not.toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Review);
+    expect(result.current.currentRecording?.id).toBe('existing');
+  });
+
+  it('delete removes the current take and returns to idle', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.deleteCurrent();
+    });
+
+    expect(adapter.deleteCommitted).toHaveBeenCalledWith(existing);
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+    expect(result.current.currentRecording).toBeNull();
+  });
+
+  it('keeps the current take in review when deleteCommitted throws', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+      deleteCommitted: jest.fn().mockRejectedValue(new Error('delete failed')),
+    });
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.deleteCurrent();
+    });
+
+    expect(adapter.deleteCommitted).toHaveBeenCalledWith(existing);
+    expect(result.current.status).toBe(RecorderStatus.Review);
+    expect(result.current.currentRecording?.id).toBe('existing');
+  });
+
+  it('reports blocked permission when the OS has suppressed the prompt', async () => {
+    const expoAudio = jest.requireMock('expo-audio') as {
+      getRecordingPermissionsAsync: jest.Mock;
+    };
+    expoAudio.getRecordingPermissionsAsync.mockResolvedValueOnce({
+      granted: false,
+      canAskAgain: false,
+      status: 'denied',
+    });
+
+    const { result } = renderHook(() => useRecorder(makeAdapter()));
+    await waitReady(result);
+    await waitFor(() => expect(result.current.permission).toBe('blocked'));
+  });
+
+  it('surfaces canAskAgain from requestPermission and updates state accordingly', async () => {
+    const expoAudio = jest.requireMock('expo-audio') as {
+      getRecordingPermissionsAsync: jest.Mock;
+      requestRecordingPermissionsAsync: jest.Mock;
+    };
+    expoAudio.getRecordingPermissionsAsync.mockResolvedValueOnce({
+      granted: false,
+      canAskAgain: true,
+      status: 'undetermined',
+    });
+    expoAudio.requestRecordingPermissionsAsync.mockResolvedValueOnce({
+      granted: false,
+      canAskAgain: false,
+      status: 'denied',
+    });
+
+    const { result } = renderHook(() => useRecorder(makeAdapter()));
+    await waitReady(result);
+    await waitFor(() => expect(result.current.permission).toBe('denied'));
+
+    let response: { granted: boolean; canAskAgain: boolean } | undefined;
+    await act(async () => {
+      response = await result.current.requestPermission();
+    });
+
+    expect(response).toEqual({ granted: false, canAskAgain: false });
+    expect(result.current.permission).toBe('blocked');
+  });
+
+  it('plays the current take on togglePlayback from review', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Review);
+    expect(result.current.playback.isPlaying).toBe(false);
+
+    await act(async () => {
+      await result.current.playback.toggle();
+    });
+
+    expect(mockPlayer.play).toHaveBeenCalledTimes(1);
+    expect(mockPlayer.pause).not.toHaveBeenCalled();
+  });
+
+  it('pauses playback when toggled while already playing', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+    mockPlayerStatus = { playing: true, didJustFinish: false };
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+    expect(result.current.playback.isPlaying).toBe(true);
+
+    await act(async () => {
+      await result.current.playback.toggle();
+    });
+
+    expect(mockPlayer.pause).toHaveBeenCalledTimes(1);
+    expect(mockPlayer.play).not.toHaveBeenCalled();
+  });
+
+  it('does not play when there is no take to review', async () => {
+    const { result } = renderHook(() => useRecorder(makeAdapter()));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+
+    await act(async () => {
+      await result.current.playback.toggle();
+    });
+
+    expect(mockPlayer.play).not.toHaveBeenCalled();
+  });
+
+  it('pauses and rewinds to the start when a take finishes playing', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+    mockPlayerStatus = { playing: false, didJustFinish: true };
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await waitFor(() => expect(mockPlayer.seekTo).toHaveBeenCalledWith(0));
+    expect(mockPlayer.pause).toHaveBeenCalled();
+  });
+
+  it('seeks the current take on seekPlayback from review', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Review);
+
+    await act(async () => {
+      await result.current.playback.seek(4500);
+    });
+
+    expect(mockPlayer.seekTo).toHaveBeenCalledWith(4.5);
+  });
+
+  it('does not seek when there is no take to review', async () => {
+    const { result } = renderHook(() => useRecorder(makeAdapter()));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+
+    await act(async () => {
+      await result.current.playback.seek(1000);
+    });
+
+    expect(mockPlayer.seekTo).not.toHaveBeenCalled();
+  });
+
+  it('exposes playback position and duration in ms from the player status', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+    mockPlayerStatus = {
+      playing: true,
+      didJustFinish: false,
+      currentTime: 2,
+      duration: 8,
+    };
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    expect(result.current.playback.positionMs).toBe(2000);
+    expect(result.current.playback.durationMs).toBe(8000);
+  });
+
+  it('stops playback before re-recording an existing take', async () => {
+    const existing: FakeTake = { id: 'existing', uri: '/tmp/existing.m4a' };
+    const adapter = makeAdapter({
+      loadInitial: jest.fn().mockResolvedValue(existing),
+    });
+    mockPlayerStatus = { playing: true, didJustFinish: false };
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.reRecord();
+    });
+
+    expect(mockPlayer.pause).toHaveBeenCalled();
+    expect(mockRecorder.record).toHaveBeenCalled();
+  });
+
+  it('auto-pauses when the app is backgrounded during recording', async () => {
+    const listeners: Array<(state: string) => void> = [];
+    const addSpy = jest
+      .spyOn(AppState, 'addEventListener')
+      .mockImplementation(((_event: string, cb: (state: string) => void) => {
+        listeners.push(cb);
+        return { remove: jest.fn() };
+      }) as unknown as typeof AppState.addEventListener);
+
+    const adapter = makeAdapter();
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.start();
+    });
+
+    await act(async () => {
+      listeners.forEach(cb => cb('background'));
+      await Promise.resolve();
+    });
+
+    expect(mockRecorder.pause).toHaveBeenCalled();
+    expect(adapter.persistPaused).toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Paused);
+
+    addSpy.mockRestore();
+  });
+
+  it('undoes the native auto-resume when returning to the foreground', async () => {
+    const listeners: Array<(state: string) => void> = [];
+    const addSpy = jest
+      .spyOn(AppState, 'addEventListener')
+      .mockImplementation(((_event: string, cb: (state: string) => void) => {
+        listeners.push(cb);
+        return { remove: jest.fn() };
+      }) as unknown as typeof AppState.addEventListener);
+
+    const adapter = makeAdapter();
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.start();
+    });
+
+    await act(async () => {
+      listeners.forEach(cb => cb('background'));
+      await Promise.resolve();
+    });
+    expect(result.current.status).toBe(RecorderStatus.Paused);
+
+    // Simulate expo-audio's native OnActivityEntersForeground auto-resume,
+    // which flips the native recorder back to recording before our JS handler.
+    mockRecorder.pause.mockClear();
+    mockRecorder.isRecording = true;
+
+    await act(async () => {
+      listeners.forEach(cb => cb('active'));
+      await Promise.resolve();
+    });
+
+    // We re-pause the native recorder and keep our state paused.
+    expect(mockRecorder.pause).toHaveBeenCalledTimes(1);
+    expect(result.current.status).toBe(RecorderStatus.Paused);
+
+    addSpy.mockRestore();
+  });
+
+  it('resumes without restarting a recorder that is already recording', async () => {
+    const adapter = makeAdapter();
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.start();
+    });
+    await act(async () => {
+      await result.current.pause();
+    });
+    expect(result.current.status).toBe(RecorderStatus.Paused);
+
+    // Native recorder is already recording (e.g. auto-resumed on foreground);
+    // resume() must not call record() again or it would double-start and throw.
+    mockRecorder.record.mockClear();
+    mockRecorder.isRecording = true;
+
+    await act(async () => {
+      await result.current.resume();
+    });
+
+    expect(mockRecorder.record).not.toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Recording);
+  });
+
+  it('captures recordings into the durable document directory', async () => {
+    const { result } = renderHook(() => useRecorder(makeAdapter()));
+    await waitReady(result);
+
+    expect(mockUseAudioRecorder).toHaveBeenCalledWith(
+      expect.objectContaining({ directory: 'document' }),
+    );
+  });
+
+  it('unlinks the finalized file when an active recording is discarded without a paused marker', async () => {
+    const adapter = makeAdapter();
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+
+    await act(async () => {
+      await result.current.start();
+    });
+    expect(result.current.status).toBe(RecorderStatus.Recording);
+
+    await act(async () => {
+      await result.current.discardPaused();
+    });
+
+    expect(adapter.deletePausedFiles).toHaveBeenCalledWith([
+      'file:///tmp/take-1.aac',
+    ]);
+    expect(adapter.clearPaused).toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+  });
+
+  it('unlinks every partial segment when a paused take is discarded', async () => {
+    const adapter = makeAdapter({
+      loadPaused: jest.fn().mockReturnValue({
+        segments: [
+          'file:///docs/partial-take-0.aac',
+          'file:///docs/partial-take-1.aac',
+        ],
+        elapsedMs: 4500,
+        startedAt: '2026-07-01T00:00:00.000Z',
+        sessionToken: 'stale-token',
+      }),
+    });
+
+    const { result } = renderHook(() => useRecorder(adapter));
+    await waitReady(result);
+    expect(result.current.status).toBe(RecorderStatus.Paused);
+
+    await act(async () => {
+      await result.current.discardPaused();
+    });
+
+    expect(adapter.deletePausedFiles).toHaveBeenCalledWith([
+      'file:///docs/partial-take-0.aac',
+      'file:///docs/partial-take-1.aac',
+    ]);
+    expect(adapter.clearPaused).toHaveBeenCalled();
+    expect(result.current.status).toBe(RecorderStatus.Idle);
+  });
+});
diff --git a/src/hooks/useRecorder.ts b/src/hooks/useRecorder.ts
new file mode 100644
index 0000000..281f823
--- /dev/null
+++ b/src/hooks/useRecorder.ts
@@ -0,0 +1,693 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { AppState, type AppStateStatus } from 'react-native';
+import {
+  RecordingPresets,
+  getRecordingPermissionsAsync,
+  requestRecordingPermissionsAsync,
+  setAudioModeAsync,
+  useAudioRecorder,
+} from 'expo-audio';
+import { logger } from '../utils/logger';
+import { useAudioPlayback } from './useAudioPlayback';
+import type { UseAudioPlaybackApi } from './useAudioPlayback';
+
+const log = logger.create('useRecorder');
+
+import { RecorderStatus } from '../types/recording/types';
+
+export { RecorderStatus };
+/**
+ * Microphone permission state.
+ * - `unknown`  — hook still probing the OS.
+ * - `granted`  — user has granted microphone access.
+ * - `denied`   — not granted, but the OS will still show a prompt on request.
+ * - `blocked`  — permanently denied; OS suppresses the prompt, only Settings recovers.
+ */
+export type PermissionState = 'unknown' | 'granted' | 'denied' | 'blocked';
+
+export interface PermissionRequestResult {
+  granted: boolean;
+  canAskAgain: boolean;
+}
+
+/**
+ * A partial take captured before the recorder was paused (manually or by
+ * backgrounding). Persisted by the adapter so an in-flight take survives a
+ * process kill; the `startedAt`/`elapsedMs` pair rehydrates the timer on mount.
+ *
+ * `segments` is the ordered list of audio files that make up the take — one per
+ * app-lifetime recording session. A live session is a single segment; resuming
+ * after a process kill appends a new segment. They are concatenated on stop.
+ */
+export interface PausedTakeState {
+  segments: string[];
+  elapsedMs: number;
+  startedAt: string;
+  /** Present on markers written during a live session; absent once rehydrated. */
+  sessionToken?: string;
+}
+
+/**
+ * Use-case adapter injected into {@link useRecorder}. It isolates every concern
+ * the generic recorder does not own: which session a take belongs to, how a
+ * committed take is persisted/resolved/deleted, and where paused-take markers
+ * live. The recorder itself stays agnostic of the DB, storage layout, and any
+ * domain vocabulary.
+ *
+ * `sessionKey === null` keeps the recorder inert until the caller resolves a
+ * target (e.g. a selected verse).
+ */
+export interface RecorderAdapter<T> {
+  sessionKey: number | string | null;
+  /** Load the most recent committed take for the session, if any. */
+  loadInitial: (key: number | string) => Promise<T | null>;
+  /**
+   * Persist a freshly stopped take. Return the committed take on success, or
+   * `null` to signal a recoverable failure (the recorder reverts to its prior
+   * state). Throwing is also treated as a recoverable failure.
+   */
+  onCommit: (args: {
+    fileUris: string[];
+    durationMs: number;
+  }) => Promise<T | null>;
+  /** Delete a committed take (row + file). */
+  deleteCommitted: (take: T) => Promise<void>;
+  /** Resolve a committed take to an absolute, playable uri. */
+  resolvePlaybackUri: (take: T) => string | null;
+  /**
+   * Resolve a committed take's stored duration (ms) for the Review display, so
+   * the timer reflects the persisted (audio-derived) length rather than the
+   * live wall-clock value. Optional; falls back to the wall-clock duration.
+   */
+  resolveDurationMs?: (take: T) => number | null;
+  /** Read the paused-take marker for the session, if one exists. */
+  loadPaused: (key: number | string) => PausedTakeState | null;
+  /** Write the paused-take marker for the current session. */
+  persistPaused: (state: PausedTakeState) => void;
+  /** Clear the paused-take marker for the current session. */
+  clearPaused: () => void;
+  /** Best-effort unlink of the partial segment files being discarded. */
+  deletePausedFiles: (fileUris: string[]) => void;
+}
+
+export interface UseRecorderApi<T> {
+  status: RecorderStatus;
+  elapsedMs: number;
+  permission: PermissionState;
+  currentRecording: T | null;
+  isReady: boolean;
+  /** True while a paused take can be resumed (always true once paused). */
+  canResume: boolean;
+  /**
+   * True when the current paused take was rehydrated from storage after a
+   * process kill (no live native session). Resuming opens a new segment; the UI
+   * should also offer Discard.
+   */
+  isRecovered: boolean;
+  /**
+   * Playback of the committed take under review — the same surface as
+   * {@link UseAudioPlaybackApi}, but coordinated by the recorder: `toggle`/`seek`
+   * only act in the Review state and are sequenced against the shared audio
+   * session. Grouped here rather than flattened onto the recorder's controls.
+   */
+  playback: UseAudioPlaybackApi;
+
+  requestPermission: () => Promise<PermissionRequestResult>;
+  start: () => Promise<void>;
+  pause: () => Promise<void>;
+  resume: () => Promise<void>;
+  stop: () => Promise<void>;
+  reRecord: () => Promise<void>;
+  deleteCurrent: () => Promise<void>;
+  discardPaused: () => Promise<void>;
+}
+
+// 50ms tick gives ~20fps on the centiseconds portion of the duration display
+// (`MM:SS:HH`) without hammering the React state.
+const TICK_INTERVAL_MS = 50;
+
+function createLiveSessionToken(): string {
+  return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
+}
+
+interface PermissionLike {
+  granted: boolean;
+  canAskAgain?: boolean;
+}
+
+function mapPermissionState(response: PermissionLike): PermissionState {
+  if (response.granted) return 'granted';
+  if (response.canAskAgain === false) return 'blocked';
+  return 'denied';
+}
+
+/**
+ * Wraps `expo-audio`'s recorder and player primitives with the state machine
+ * described in issue #49: Idle -> Recording -> Paused -> Review, plus
+ * Re-record and Delete transitions from Review.
+ *
+ * The hook owns only recording mechanics — the state machine, elapsed-time
+ * ticking, permissions, background auto-pause, and playback orchestration. All
+ * persistence, storage layout, and domain identity is injected via a
+ * {@link RecorderAdapter}, so the recorder is reusable across use cases.
+ *
+ * `adapter.sessionKey === null` keeps the recorder inert until a target is
+ * resolved.
+ */
+export function useRecorder<T>(adapter: RecorderAdapter<T>): UseRecorderApi<T> {
+  const { sessionKey } = adapter;
+
+  // Capture straight into the durable document directory (not the evictable
+  // cache) so paused/backgrounded partial takes survive until we move or delete
+  // them. Committed takes are relocated into the organized tree on Stop.
+  //
+  // Record as ADTS AAC (`.aac`) rather than the preset's `.m4a`: an MP4/M4A file
+  // is only valid once its `moov` atom is written on a clean stop(), so a
+  // process kill leaves it unplayable and un-appendable. ADTS is a self-framing
+  // stream — a killed segment stays playable and multiple segments concatenate
+  // by byte append, which is what makes resume-after-kill possible. The
+  // committed take is remuxed into a seekable MP4 container on stop (raw ADTS
+  // is not reliably seekable in ExoPlayer); see the commit path in the adapter.
+  const recorder = useAudioRecorder({
+    ...RecordingPresets.HIGH_QUALITY,
+    extension: '.aac',
+    android: { outputFormat: 'aac_adts', audioEncoder: 'aac' },
+    directory: 'document',
+  });
+
+  const [status, setStatus] = useState<RecorderStatus>(RecorderStatus.Idle);
+  const [permission, setPermission] = useState<PermissionState>('unknown');
+  const [elapsedMs, setElapsedMs] = useState(0);
+  const [currentRecording, setCurrentRecording] = useState<T | null>(null);
+  const [isReady, setIsReady] = useState(false);
+  const [canResume, setCanResume] = useState(false);
+  const [isRecovered, setIsRecovered] = useState(false);
+
+  // The adapter is read via a ref inside callbacks/effects so they always see
+  // the latest injected closures without being re-created (and re-subscribing)
+  // on every render.
+  const adapterRef = useRef(adapter);
+  adapterRef.current = adapter;
+
+  // Playback is a separate concern with a one-way dependency: it takes the
+  // reviewed take's URI and knows nothing about the recorder. The recorder
+  // orchestrates it explicitly (stopping playback before re-record/delete).
+  // The adapter resolves a committed take to an absolute uri.
+  const {
+    isPlaying,
+    positionMs: playbackPositionMs,
+    durationMs: playbackDurationMs,
+    toggle: togglePlaybackInternal,
+    seek: seekPlaybackInternal,
+    stop: stopPlayback,
+  } = useAudioPlayback(
+    currentRecording
+      ? adapterRef.current.resolvePlaybackUri(currentRecording)
+      : null,
+  );
+
+  const tickRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  const startedAtRef = useRef<string | null>(null);
+  // `baseElapsedRef` accumulates the recorded milliseconds of all previous
+  // active segments (i.e. everything up to the most recent pause). The current
+  // segment's contribution is measured by wall clock via `runningSinceRef`.
+  const baseElapsedRef = useRef(0);
+  const runningSinceRef = useRef<number | null>(null);
+  const liveSessionTokenRef = useRef<string | null>(null);
+  // Ordered audio files that make up the in-flight take (one per app-lifetime
+  // recording session). Concatenated on stop; unlinked on discard.
+  const segmentsRef = useRef<string[]>([]);
+  const sessionKeyRef = useRef<number | string | null>(sessionKey);
+
+  sessionKeyRef.current = sessionKey;
+
+  const clearTick = useCallback(() => {
+    if (tickRef.current) {
+      clearInterval(tickRef.current);
+      tickRef.current = null;
+    }
+  }, []);
+
+  // Persist the in-flight take's manifest (segments + accumulated elapsed +
+  // start time). Written at session start and on pause, so a hard process kill
+  // — which may not give the background auto-pause a chance to run — still
+  // leaves a recoverable marker. No-op until a live session owns at least one
+  // segment.
+  const persistLiveMarker = useCallback((elapsed: number) => {
+    const currentSessionKey = sessionKeyRef.current;
+    const sessionToken = liveSessionTokenRef.current;
+    if (
+      currentSessionKey === null ||
+      sessionToken === null ||
+      segmentsRef.current.length === 0
+    )
+      return;
+    const startedAt = startedAtRef.current ?? new Date().toISOString();
+    startedAtRef.current = startedAt;
+    adapterRef.current.persistPaused({
+      segments: segmentsRef.current,
+      elapsedMs: elapsed,
+      startedAt,
+      sessionToken,
+    });
+  }, []);
+
+  const startTicking = useCallback(() => {
+    clearTick();
+    tickRef.current = setInterval(() => {
+      const startedAt = runningSinceRef.current;
+      if (startedAt === null) return;
+      setElapsedMs(baseElapsedRef.current + (Date.now() - startedAt));
+    }, TICK_INTERVAL_MS);
+  }, [clearTick]);
+
+  // Load the latest committed take for the current session and reset state.
+  useEffect(() => {
+    let cancelled = false;
+
+    async function load() {
+      setIsReady(false);
+      setCanResume(false);
+      setIsRecovered(false);
+      setElapsedMs(0);
+      baseElapsedRef.current = 0;
+      runningSinceRef.current = null;
+      startedAtRef.current = null;
+      liveSessionTokenRef.current = null;
+      segmentsRef.current = [];
+      clearTick();
+
+      if (sessionKey === null) {
+        setStatus(RecorderStatus.Idle);
+        setCurrentRecording(null);
+        return;
+      }
+
+      const currentAdapter = adapterRef.current;
+      const [latest, paused] = await Promise.all([
+        currentAdapter.loadInitial(sessionKey),
+        Promise.resolve(currentAdapter.loadPaused(sessionKey)),
+      ]);
+
+      if (cancelled) return;
+
+      setCurrentRecording(latest);
+
+      if (paused) {
+        // Restored markers have no live native recorder session, but the take
+        // is still resumable: resume() records a NEW segment appended to the
+        // rehydrated ones. `liveSessionTokenRef` stays null so resume() knows to
+        // open a fresh session rather than resume the (nonexistent) native one.
+        liveSessionTokenRef.current = null;
+        segmentsRef.current = paused.segments;
+        setCanResume(true);
+        setIsRecovered(true);
+        setStatus(RecorderStatus.Paused);
+        setElapsedMs(paused.elapsedMs);
+        baseElapsedRef.current = paused.elapsedMs;
+        startedAtRef.current = paused.startedAt;
+      } else {
+        // Show the persisted (audio-derived) duration for a reloaded take so
+        // the Review timer isn't stuck at 0:00 after remount.
+        setElapsedMs(
+          latest ? currentAdapter.resolveDurationMs?.(latest) ?? 0 : 0,
+        );
+        setStatus(latest ? RecorderStatus.Review : RecorderStatus.Idle);
+      }
+      setIsReady(true);
+    }
+
+    load().catch(error => {
+      log.error('Failed to load recorder state', { sessionKey, error });
+    });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [sessionKey, clearTick]);
+
+  // Ensure permission state is populated without prompting the user.
+  useEffect(() => {
+    let cancelled = false;
+    getRecordingPermissionsAsync()
+      .then(response => {
+        if (cancelled) return;
+        setPermission(mapPermissionState(response));
+      })
+      .catch(error => log.error('Failed to check mic permission', { error }));
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  // Auto-pause when the app is backgrounded mid-recording, and undo
+  // expo-audio's native auto-resume when we return to the foreground.
+  useEffect(() => {
+    const subscription = AppState.addEventListener(
+      'change',
+      (nextState: AppStateStatus) => {
+        if (nextState !== 'active') {
+          if (status === RecorderStatus.Recording) {
+            pauseInternal().catch(error =>
+              log.error('Auto-pause on background failed', { error }),
+            );
+          }
+          return;
+        }
+
+        // expo-audio's native module auto-resumes a recorder it paused on
+        // background (OnActivityEntersForeground -> recorder.record()). Our
+        // state machine owns pause/resume, so if we come back to the foreground
+        // while still paused with a live session, undo that auto-resume and stay
+        // paused until the user explicitly resumes. Reading `isRecording` before
+        // pausing keeps this idempotent (a paused recorder reports false).
+        if (
+          status === RecorderStatus.Paused &&
+          liveSessionTokenRef.current !== null &&
+          recorder.isRecording
+        ) {
+          recorder.pause();
+        }
+      },
+    );
+    return () => subscription.remove();
+    // pauseInternal is stable via closure and eslint-disable to avoid re-subscribing every tick.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [status, recorder]);
+
+  useEffect(() => () => clearTick(), [clearTick]);
+
+  // Append the recorder's current output file to the segment list. Called after
+  // starting/continuing a session; `includes` keeps it idempotent if the uri
+  // was already registered (e.g. re-read after stop()).
+  const registerCurrentSegment = useCallback(() => {
+    const uri = recorder.uri;
+    if (uri && !segmentsRef.current.includes(uri)) {
+      segmentsRef.current = [...segmentsRef.current, uri];
+    }
+  }, [recorder]);
+
+  const requestPermission =
+    useCallback(async (): Promise<PermissionRequestResult> => {
+      const response = await requestRecordingPermissionsAsync();
+      setPermission(mapPermissionState(response));
+      return {
+        granted: response.granted,
+        canAskAgain: response.canAskAgain ?? true,
+      };
+    }, []);
+
+  // Fresh take: reset elapsed and the segment list, then open the first segment.
+  const startRecordingSession = useCallback(async () => {
+    await setAudioModeAsync({ allowsRecording: true, playsInSilentMode: true });
+    await recorder.prepareToRecordAsync();
+    liveSessionTokenRef.current = createLiveSessionToken();
+    segmentsRef.current = [];
+    setCanResume(false);
+    setIsRecovered(false);
+    baseElapsedRef.current = 0;
+    runningSinceRef.current = Date.now();
+    startedAtRef.current = new Date().toISOString();
+    setElapsedMs(0);
+    recorder.record();
+    registerCurrentSegment();
+    // Persist immediately so a kill right after start is still recoverable.
+    persistLiveMarker(0);
+    setStatus(RecorderStatus.Recording);
+    startTicking();
+  }, [persistLiveMarker, recorder, registerCurrentSegment, startTicking]);
+
+  // Resume a take rehydrated after a process kill: open a NEW segment appended
+  // to the restored ones, preserving the accumulated elapsed time and started-at
+  // so the take reads as one continuous recording.
+  const continueRecordingSession = useCallback(async () => {
+    await setAudioModeAsync({ allowsRecording: true, playsInSilentMode: true });
+    await recorder.prepareToRecordAsync();
+    liveSessionTokenRef.current = createLiveSessionToken();
+    runningSinceRef.current = Date.now();
+    recorder.record();
+    registerCurrentSegment();
+    // Persist the appended segment immediately so a kill right after resuming
+    // is still recoverable.
+    persistLiveMarker(baseElapsedRef.current);
+    setCanResume(false);
+    setIsRecovered(false);
+    setStatus(RecorderStatus.Recording);
+    startTicking();
+  }, [persistLiveMarker, recorder, registerCurrentSegment, startTicking]);
+
+  const start = useCallback(async () => {
+    const currentSessionKey = sessionKeyRef.current;
+    if (currentSessionKey === null) return;
+    if (permission !== 'granted') {
+      const { granted } = await requestPermission();
+      if (!granted) return;
+    }
+    await startRecordingSession();
+  }, [permission, requestPermission, startRecordingSession]);
+
+  const pauseInternal = useCallback(async () => {
+    const currentSessionKey = sessionKeyRef.current;
+    if (currentSessionKey === null) return;
+    if (status !== RecorderStatus.Recording) return;
+
+    const segmentStart = runningSinceRef.current;
+    const segmentElapsed =
+      segmentStart === null ? 0 : Date.now() - segmentStart;
+    const finalElapsed = baseElapsedRef.current + segmentElapsed;
+    recorder.pause();
+    clearTick();
+    baseElapsedRef.current = finalElapsed;
+    runningSinceRef.current = null;
+    setElapsedMs(finalElapsed);
+    setStatus(RecorderStatus.Paused);
+    setCanResume(liveSessionTokenRef.current !== null);
+    persistLiveMarker(finalElapsed);
+  }, [clearTick, persistLiveMarker, recorder, status]);
+
+  const pause = useCallback(async () => {
+    await pauseInternal();
+  }, [pauseInternal]);
+
+  const resume = useCallback(async () => {
+    if (status !== RecorderStatus.Paused) return;
+
+    // Rehydrated take (no live native session): the previous recorder died with
+    // the process, so open a new segment instead of resuming a native session.
+    if (liveSessionTokenRef.current === null) {
+      if (segmentsRef.current.length === 0) return;
+      await continueRecordingSession();
+      return;
+    }
+
+    // Live session: the native recorder still holds the current segment file.
+    // Guard against it already running: if the app was backgrounded and
+    // expo-audio auto-resumed it (and our foreground re-pause was missed due to
+    // lifecycle ordering), calling record() again would start an already-started
+    // recorder and throw. Only resume the native session when it is paused.
+    if (!recorder.isRecording) {
+      recorder.record();
+    }
+    runningSinceRef.current = Date.now();
+    setStatus(RecorderStatus.Recording);
+    setCanResume(false);
+    startTicking();
+  }, [continueRecordingSession, recorder, startTicking, status]);
+
+  const commitRecording = useCallback(async () => {
+    const currentSessionKey = sessionKeyRef.current;
+    if (currentSessionKey === null) return;
+
+    // Compute the final duration from refs before stopping so a late tick
+    // or a stale `elapsedMs` render can't skew what lands in storage.
+    const segmentStart = runningSinceRef.current;
+    const activeSegmentMs =
+      segmentStart === null ? 0 : Date.now() - segmentStart;
+    const duration = baseElapsedRef.current + activeSegmentMs;
+
+    // A take rehydrated after a process kill (Stop pressed straight from the
+    // recovery prompt) has no live native recorder — its segments are already
+    // finalized on disk. Only stop/finalize the recorder when a session is
+    // actually live; otherwise committing the persisted segments is enough.
+    const hasLiveSession = liveSessionTokenRef.current !== null;
+    if (hasLiveSession) {
+      try {
+        await recorder.stop();
+      } catch (error) {
+        log.warn('Recorder stop failed while committing take', {
+          sessionKey: currentSessionKey,
+          error,
+        });
+        setStatus(
+          currentRecording ? RecorderStatus.Review : RecorderStatus.Idle,
+        );
+        return;
+      } finally {
+        clearTick();
+      }
+      // Capture the just-finalized segment in case its uri wasn't ready when
+      // the session opened, then commit the full ordered segment list.
+      registerCurrentSegment();
+    } else {
+      clearTick();
+    }
+
+    const fileUris = segmentsRef.current;
+    if (fileUris.length === 0) {
+      log.error('Recorder produced no segments on stop; skipping commit');
+      setStatus(currentRecording ? RecorderStatus.Review : RecorderStatus.Idle);
+      return;
+    }
+
+    let committed: T | null;
+    try {
+      committed = await adapterRef.current.onCommit({
+        fileUris,
+        durationMs: duration,
+      });
+    } catch (error) {
+      log.error('Failed to commit recording', {
+        sessionKey: currentSessionKey,
+        error,
+      });
+      setStatus(currentRecording ? RecorderStatus.Review : RecorderStatus.Idle);
+      return;
+    }
+
+    if (!committed) {
+      setStatus(currentRecording ? RecorderStatus.Review : RecorderStatus.Idle);
+      return;
+    }
+
+    adapterRef.current.clearPaused();
+    segmentsRef.current = [];
+    baseElapsedRef.current = 0;
+    runningSinceRef.current = null;
+    startedAtRef.current = null;
+    liveSessionTokenRef.current = null;
+    setCanResume(false);
+    setIsRecovered(false);
+    setElapsedMs(adapterRef.current.resolveDurationMs?.(committed) ?? duration);
+    setCurrentRecording(committed);
+    setStatus(RecorderStatus.Review);
+  }, [clearTick, currentRecording, recorder, registerCurrentSegment]);
+
+  const stop = useCallback(async () => {
+    if (status !== RecorderStatus.Recording && status !== RecorderStatus.Paused)
+      return;
+    // A rehydrated paused take can be committed straight from the recovery
+    // prompt as long as it still has segments on disk; only bail when there is
+    // nothing to finalize.
+    if (
+      status === RecorderStatus.Paused &&
+      liveSessionTokenRef.current === null &&
+      segmentsRef.current.length === 0
+    )
+      return;
+    await commitRecording();
+  }, [commitRecording, status]);
+
+  const reRecord = useCallback(async () => {
+    if (status !== RecorderStatus.Review) return;
+    stopPlayback();
+    if (permission !== 'granted') {
+      const { granted } = await requestPermission();
+      if (!granted) return;
+    }
+    await startRecordingSession();
+  }, [
+    permission,
+    requestPermission,
+    startRecordingSession,
+    status,
+    stopPlayback,
+  ]);
+
+  const deleteCurrent = useCallback(async () => {
+    if (status !== RecorderStatus.Review || !currentRecording) return;
+    stopPlayback();
+    const currentSessionKey = sessionKeyRef.current;
+    try {
+      await adapterRef.current.deleteCommitted(currentRecording);
+    } catch (error) {
+      log.error('Failed to delete committed recording', {
+        sessionKey: currentSessionKey,
+        error,
+      });
+      return;
+    }
+    setCurrentRecording(null);
+    setStatus(RecorderStatus.Idle);
+    setElapsedMs(0);
+    baseElapsedRef.current = 0;
+    runningSinceRef.current = null;
+  }, [currentRecording, status, stopPlayback]);
+
+  const discardPaused = useCallback(async () => {
+    const currentSessionKey = sessionKeyRef.current;
+    if (currentSessionKey === null) return;
+    // Read the marker before clearing so we can unlink every partial segment
+    // (recorder.uri is unreliable after a process kill; the marker is not).
+    const marker = adapterRef.current.loadPaused(currentSessionKey);
+    try {
+      await recorder.stop();
+    } catch (error) {
+      log.warn('Recorder stop while discarding in-progress take failed', {
+        error,
+      });
+    }
+    registerCurrentSegment();
+    const fileUris = marker?.segments ?? segmentsRef.current;
+    if (fileUris.length > 0) adapterRef.current.deletePausedFiles(fileUris);
+    adapterRef.current.clearPaused();
+    clearTick();
+    segmentsRef.current = [];
+    baseElapsedRef.current = 0;
+    runningSinceRef.current = null;
+    startedAtRef.current = null;
+    liveSessionTokenRef.current = null;
+    setCanResume(false);
+    setIsRecovered(false);
+    setElapsedMs(0);
+    setStatus(currentRecording ? RecorderStatus.Review : RecorderStatus.Idle);
+  }, [clearTick, currentRecording, recorder, registerCurrentSegment]);
+
+  const togglePlayback = useCallback(async () => {
+    if (status !== RecorderStatus.Review || !currentRecording) return;
+    await togglePlaybackInternal();
+  }, [currentRecording, status, togglePlaybackInternal]);
+
+  const seekPlayback = useCallback(
+    async (ms: number) => {
+      if (status !== RecorderStatus.Review || !currentRecording) return;
+      await seekPlaybackInternal(ms);
+    },
+    [currentRecording, status, seekPlaybackInternal],
+  );
+
+  return {
+    status,
+    elapsedMs,
+    permission,
+    currentRecording,
+    isReady,
+    canResume,
+    isRecovered,
+    playback: {
+      isPlaying,
+      positionMs: playbackPositionMs,
+      durationMs: playbackDurationMs,
+      toggle: togglePlayback,
+      seek: seekPlayback,
+      stop: stopPlayback,
+    },
+    requestPermission,
+    start,
+    pause,
+    resume,
+    stop,
+    reRecord,
+    deleteCurrent,
+    discardPaused,
+  };
+}
diff --git a/src/services/aacRemux.ts b/src/services/aacRemux.ts
new file mode 100644
index 0000000..c7b868f
--- /dev/null
+++ b/src/services/aacRemux.ts
@@ -0,0 +1,43 @@
+import { requireOptionalNativeModule } from 'expo-modules-core';
+
+/**
+ * Thin binding to the local `AacRemux` native module (Android-only), which
+ * repackages a raw ADTS AAC file into a seekable MP4 (`.m4a`) container without
+ * re-encoding. The module is optional: on platforms/builds where it isn't
+ * present (e.g. the Jest environment, or a build that hasn't been prebuilt),
+ * {@link isAacRemuxAvailable} is `false` and callers fall back to the raw file.
+ */
+interface AacRemuxNativeModule {
+  /** Remux `sourceUri` (ADTS `.aac`) into `destUri` (`.m4a`); resolves to `destUri`. */
+  remuxToMp4(sourceUri: string, destUri: string): Promise<string>;
+}
+
+function loadNativeModule(): AacRemuxNativeModule | null {
+  try {
+    return requireOptionalNativeModule<AacRemuxNativeModule>('AacRemux');
+  } catch {
+    return null;
+  }
+}
+
+const nativeModule = loadNativeModule();
+
+/** True when the native remuxer is linked and callable on this platform/build. */
+export function isAacRemuxAvailable(): boolean {
+  return nativeModule !== null;
+}
+
+/**
+ * Remux an ADTS AAC file into an MP4 container. Throws if the native module is
+ * unavailable — callers that want a graceful fallback should guard with
+ * {@link isAacRemuxAvailable} (see `remuxTakeToSeekableContainer`).
+ */
+export async function remuxAacToMp4(
+  sourceUri: string,
+  destUri: string,
+): Promise<string> {
+  if (!nativeModule) {
+    throw new Error('AacRemux native module is unavailable');
+  }
+  return nativeModule.remuxToMp4(sourceUri, destUri);
+}
diff --git a/src/services/recordingStorage.test.ts b/src/services/recordingStorage.test.ts
new file mode 100644
index 0000000..d5a7788
--- /dev/null
+++ b/src/services/recordingStorage.test.ts
@@ -0,0 +1,397 @@
+import {
+  aacDurationMs,
+  aacDurationMsFromBytes,
+  buildRecordingKey,
+  concatenateAacSegments,
+  deleteRecordingFile,
+  extensionFromUri,
+  moveIntoStore,
+  recordingKeySegments,
+  remuxTakeToSeekableContainer,
+  resolveRecordingUri,
+} from './recordingStorage';
+
+const mockIsAacRemuxAvailable = jest.fn();
+const mockRemuxAacToMp4 = jest.fn();
+
+jest.mock('./aacRemux', () => ({
+  isAacRemuxAvailable: () => mockIsAacRemuxAvailable(),
+  remuxAacToMp4: (sourceUri: string, destUri: string) =>
+    mockRemuxAacToMp4(sourceUri, destUri),
+}));
+
+const mockDocument = { uri: 'file:///docs' };
+const mockMove = jest.fn().mockResolvedValue(undefined);
+const mockCreate = jest.fn();
+const mockDelete = jest.fn();
+const mockCreateFile = jest.fn();
+const mockWrite = jest.fn();
+const mockBytes = jest.fn(async () => new Uint8Array([1, 2, 3]));
+let mockFileExists = true;
+let mockFileSize = 4096;
+
+jest.mock('expo-crypto', () => ({
+  randomUUID: jest.fn(() => 'merge-uuid'),
+}));
+
+jest.mock('expo-file-system', () => ({
+  Paths: {
+    get document() {
+      return mockDocument;
+    },
+  },
+  File: jest
+    .fn()
+    .mockImplementation((...uris: Array<{ uri: string } | string>) => ({
+      uri: uris.map(u => (typeof u === 'string' ? u : u.uri)).join('/'),
+      move: mockMove,
+      delete: mockDelete,
+      create: mockCreateFile,
+      write: mockWrite,
+      bytes: mockBytes,
+      get exists() {
+        return mockFileExists;
+      },
+      get size() {
+        return mockFileSize;
+      },
+    })),
+  Directory: jest
+    .fn()
+    .mockImplementation((...uris: Array<{ uri: string } | string>) => ({
+      uri: uris.map(u => (typeof u === 'string' ? u : u.uri)).join('/'),
+      create: mockCreate,
+      delete: mockDelete,
+      get exists() {
+        return true;
+      },
+    })),
+}));
+
+const baseParts = {
+  userId: '123',
+  projectId: 45,
+  bookCode: 'gen',
+  chapterNumber: 1,
+  verseNumber: 7,
+  recordingId: 'rec-1',
+};
+
+describe('extensionFromUri', () => {
+  it('extracts a lowercase extension', () => {
+    expect(extensionFromUri('file:///tmp/take.M4A')).toBe('m4a');
+    expect(extensionFromUri('file:///tmp/take.wav')).toBe('wav');
+  });
+
+  it('ignores query strings and fragments', () => {
+    expect(extensionFromUri('file:///tmp/take.m4a?x=1')).toBe('m4a');
+  });
+
+  it('falls back to m4a when there is no extension', () => {
+    expect(extensionFromUri('file:///tmp/take')).toBe('m4a');
+  });
+});
+
+describe('buildRecordingKey', () => {
+  it('builds a per-user/project/verse key with a UUID filename', () => {
+    expect(buildRecordingKey(baseParts)).toBe(
+      'recordings/u123/p45/GEN/c001/v007/rec-1.m4a',
+    );
+  });
+
+  it('pads chapter and verse and uppercases the book code', () => {
+    expect(
+      recordingKeySegments({ ...baseParts, chapterNumber: 12, verseNumber: 3 }),
+    ).toEqual([
+      'recordings',
+      'u123',
+      'p45',
+      'GEN',
+      'c012',
+      'v003',
+      'rec-1.m4a',
+    ]);
+  });
+
+  it('honors a provided extension', () => {
+    expect(buildRecordingKey({ ...baseParts, extension: 'wav' })).toBe(
+      'recordings/u123/p45/GEN/c001/v007/rec-1.wav',
+    );
+  });
+
+  it('sanitizes unsafe characters in segments', () => {
+    expect(
+      buildRecordingKey({ ...baseParts, userId: 'a/b c', bookCode: 'x!y' }),
+    ).toBe('recordings/ua_b_c/p45/X_Y/c001/v007/rec-1.m4a');
+  });
+
+  it('replaces reserved path segments (. and ..) with safe fallbacks', () => {
+    expect(buildRecordingKey({ ...baseParts, bookCode: '..' })).toBe(
+      'recordings/u123/p45/UNK/c001/v007/rec-1.m4a',
+    );
+    expect(buildRecordingKey({ ...baseParts, bookCode: '.' })).toBe(
+      'recordings/u123/p45/UNK/c001/v007/rec-1.m4a',
+    );
+    expect(buildRecordingKey({ ...baseParts, userId: '..' })).toBe(
+      'recordings/uunknown/p45/GEN/c001/v007/rec-1.m4a',
+    );
+    expect(buildRecordingKey({ ...baseParts, recordingId: '..' })).toBe(
+      'recordings/u123/p45/GEN/c001/v007/unknown.m4a',
+    );
+  });
+});
+
+describe('resolveRecordingUri', () => {
+  it('joins relative keys against the document directory', () => {
+    expect(
+      resolveRecordingUri('recordings/u1/p2/GEN/c001/v001/a.m4a'),
+    ).toContain('recordings/u1/p2/GEN/c001/v001/a.m4a');
+    expect(resolveRecordingUri('recordings/u1/a.m4a')).toContain(
+      'file:///docs',
+    );
+  });
+
+  it('returns already-absolute paths unchanged (legacy rows)', () => {
+    expect(resolveRecordingUri('file:///tmp/legacy.m4a')).toBe(
+      'file:///tmp/legacy.m4a',
+    );
+    expect(resolveRecordingUri('/tmp/legacy.m4a')).toBe('/tmp/legacy.m4a');
+  });
+
+  it('rejects relative keys containing reserved path segments', () => {
+    expect(() => resolveRecordingUri('recordings/u1/../secret.m4a')).toThrow(
+      'Invalid recording path segment',
+    );
+  });
+});
+
+describe('moveIntoStore', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockFileSize = 4096;
+  });
+
+  it('creates intermediate directories and moves the file, returning size', async () => {
+    const result = await moveIntoStore({
+      sourceUri: 'file:///cache/take.m4a',
+      key: 'recordings/u1/p2/GEN/c001/v001/rec-1.m4a',
+    });
+
+    expect(mockCreate).toHaveBeenCalledWith({
+      intermediates: true,
+      idempotent: true,
+    });
+    expect(mockMove).toHaveBeenCalledTimes(1);
+    expect(result).toEqual({
+      key: 'recordings/u1/p2/GEN/c001/v001/rec-1.m4a',
+      sizeBytes: 4096,
+    });
+  });
+
+  it('rejects keys containing reserved path segments', async () => {
+    await expect(
+      moveIntoStore({
+        sourceUri: 'file:///cache/take.m4a',
+        key: 'recordings/u1/p2/../v001/rec-1.m4a',
+      }),
+    ).rejects.toThrow('Invalid recording path segment');
+  });
+});
+
+describe('concatenateAacSegments', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('throws when given no segments', async () => {
+    await expect(concatenateAacSegments([])).rejects.toThrow(
+      'at least one segment',
+    );
+  });
+
+  it('returns a single segment unchanged without touching the filesystem', async () => {
+    const result = await concatenateAacSegments(['file:///docs/only.aac']);
+
+    expect(result).toBe('file:///docs/only.aac');
+    expect(mockCreateFile).not.toHaveBeenCalled();
+    expect(mockWrite).not.toHaveBeenCalled();
+  });
+
+  it('byte-appends multiple segments into a fresh merged file', async () => {
+    const result = await concatenateAacSegments([
+      'file:///docs/a.aac',
+      'file:///docs/b.aac',
+    ]);
+
+    expect(mockCreateFile).toHaveBeenCalledWith({
+      intermediates: true,
+      overwrite: true,
+    });
+    expect(mockBytes).toHaveBeenCalledTimes(2);
+    expect(mockWrite).toHaveBeenCalledTimes(2);
+    expect(mockWrite).toHaveBeenCalledWith(expect.any(Uint8Array), {
+      append: true,
+    });
+    expect(result).toContain('merge-merge-uuid.aac');
+  });
+});
+
+/**
+ * Builds a single ADTS AAC frame of `frameLength` bytes carrying one raw data
+ * block (1024 samples). Only the header fields our parser reads are set; the
+ * payload is zero-filled.
+ */
+function adtsFrame(
+  frameLength: number,
+  sampleRateIndex = 4,
+): Uint8Array<ArrayBuffer> {
+  const frame = new Uint8Array(frameLength);
+  frame[0] = 0xff;
+  frame[1] = 0xf1; // syncword tail + protection_absent
+  frame[2] = 0x40 | (sampleRateIndex << 2); // AAC-LC profile + sfi
+  frame[3] = (frameLength >> 11) & 0x03;
+  frame[4] = (frameLength >> 3) & 0xff;
+  frame[5] = (frameLength & 0x07) << 5;
+  frame[6] = 0x00; // number_of_raw_data_blocks = 0 -> 1 block
+  return frame;
+}
+
+function adtsStream(
+  frameCount: number,
+  frameLength = 16,
+): Uint8Array<ArrayBuffer> {
+  const stream = new Uint8Array(frameCount * frameLength);
+  for (let i = 0; i < frameCount; i++) {
+    stream.set(adtsFrame(frameLength), i * frameLength);
+  }
+  return stream;
+}
+
+describe('aacDurationMsFromBytes', () => {
+  it('sums frame durations for a well-formed stream', () => {
+    const frames = 10;
+    const expected = Math.round(((frames * 1024) / 44100) * 1000);
+    expect(aacDurationMsFromBytes(adtsStream(frames))).toBe(expected);
+  });
+
+  it('respects the sample-rate index in the header', () => {
+    // Index 8 -> 16000 Hz.
+    const frames = 5;
+    const stream = new Uint8Array(frames * 16);
+    for (let i = 0; i < frames; i++) {
+      stream.set(adtsFrame(16, 8), i * 16);
+    }
+    const expected = Math.round(((frames * 1024) / 16000) * 1000);
+    expect(aacDurationMsFromBytes(stream)).toBe(expected);
+  });
+
+  it('stops cleanly at a truncated or garbage tail', () => {
+    const valid = adtsStream(3);
+    const garbage = new Uint8Array([0x00, 0x01, 0x02, 0x03, 0x04]);
+    const combined = new Uint8Array(valid.length + garbage.length);
+    combined.set(valid, 0);
+    combined.set(garbage, valid.length);
+
+    const expected = Math.round(((3 * 1024) / 44100) * 1000);
+    expect(aacDurationMsFromBytes(combined)).toBe(expected);
+  });
+
+  it('ignores a trailing frame whose length runs past the buffer', () => {
+    // A final header advertising a longer frame than remains must not count.
+    const valid = adtsStream(2);
+    const truncatedHeader = adtsFrame(64).slice(0, 10);
+    const combined = new Uint8Array(valid.length + truncatedHeader.length);
+    combined.set(valid, 0);
+    combined.set(truncatedHeader, valid.length);
+
+    const expected = Math.round(((2 * 1024) / 44100) * 1000);
+    expect(aacDurationMsFromBytes(combined)).toBe(expected);
+  });
+
+  it('returns 0 for empty or non-ADTS bytes', () => {
+    expect(aacDurationMsFromBytes(new Uint8Array())).toBe(0);
+    expect(aacDurationMsFromBytes(new Uint8Array([1, 2, 3, 4, 5, 6, 7]))).toBe(
+      0,
+    );
+  });
+});
+
+describe('aacDurationMs', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('reads the file and returns the parsed duration', async () => {
+    const frames = 8;
+    mockBytes.mockResolvedValueOnce(adtsStream(frames));
+    const expected = Math.round(((frames * 1024) / 44100) * 1000);
+    await expect(aacDurationMs('file:///docs/take.aac')).resolves.toBe(
+      expected,
+    );
+  });
+
+  it('returns 0 when the file cannot be read', async () => {
+    mockBytes.mockRejectedValueOnce(new Error('read failed'));
+    await expect(aacDurationMs('file:///docs/missing.aac')).resolves.toBe(0);
+  });
+});
+
+describe('deleteRecordingFile', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockFileExists = true;
+  });
+
+  it('deletes an existing file', () => {
+    deleteRecordingFile('recordings/u1/p2/GEN/c001/v001/rec-1.m4a');
+    expect(mockDelete).toHaveBeenCalledTimes(1);
+  });
+
+  it('does nothing when the file is missing', () => {
+    mockFileExists = false;
+    deleteRecordingFile('recordings/u1/p2/GEN/c001/v001/missing.m4a');
+    expect(mockDelete).not.toHaveBeenCalled();
+  });
+});
+
+describe('remuxTakeToSeekableContainer', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockFileExists = true;
+  });
+
+  it('remuxes to a fresh .m4a in the document directory when available', async () => {
+    mockIsAacRemuxAvailable.mockReturnValue(true);
+    mockRemuxAacToMp4.mockImplementation(
+      async (_src: string, dest: string) => dest,
+    );
+
+    const result = await remuxTakeToSeekableContainer('file:///docs/take.aac');
+
+    expect(mockRemuxAacToMp4).toHaveBeenCalledWith(
+      'file:///docs/take.aac',
+      'file:///docs/remux-merge-uuid.m4a',
+    );
+    expect(result).toBe('file:///docs/remux-merge-uuid.m4a');
+  });
+
+  it('returns the input unchanged when the native remuxer is unavailable', async () => {
+    mockIsAacRemuxAvailable.mockReturnValue(false);
+
+    const result = await remuxTakeToSeekableContainer('file:///docs/take.aac');
+
+    expect(result).toBe('file:///docs/take.aac');
+    expect(mockRemuxAacToMp4).not.toHaveBeenCalled();
+  });
+
+  it('falls back to the ADTS file and cleans up when the remux fails', async () => {
+    mockIsAacRemuxAvailable.mockReturnValue(true);
+    mockRemuxAacToMp4.mockRejectedValueOnce(new Error('muxer failed'));
+
+    const result = await remuxTakeToSeekableContainer('file:///docs/take.aac');
+
+    expect(result).toBe('file:///docs/take.aac');
+    // The partial destination file is best-effort unlinked.
+    expect(mockDelete).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/src/services/recordingStorage.ts b/src/services/recordingStorage.ts
new file mode 100644
index 0000000..9f675e4
--- /dev/null
+++ b/src/services/recordingStorage.ts
@@ -0,0 +1,307 @@
+import { Directory, File, Paths } from 'expo-file-system';
+import { randomUUID } from 'expo-crypto';
+import { logger } from '../utils/logger';
+import { isAacRemuxAvailable, remuxAacToMp4 } from './aacRemux';
+
+const log = logger.create('recordingStorage');
+
+/**
+ * Durable on-disk layout for recordings, rooted at `Paths.document`:
+ *
+ *   recordings/u<userId>/p<projectId>/<BOOK>/c<chapter>/v<verse>/<recordingId>.<ext>
+ *
+ * The filename is the recording's UUID PK, so it is globally unique and never
+ * needs renaming; multiple takes for a verse simply add files. The directory
+ * tree partitions by user (isolation + single-directory wipe on logout) then by
+ * the domain hierarchy (project -> book -> chapter -> verse) for browsability.
+ *
+ * Only a RELATIVE key (the part after `Paths.document`) is persisted in the DB;
+ * `resolveRecordingUri` rebuilds the absolute uri at read time because the
+ * document directory can change across reinstalls/updates.
+ */
+export const RECORDINGS_ROOT = 'recordings';
+const DEFAULT_EXTENSION = 'm4a';
+
+export interface RecordingKeyParts {
+  userId: string;
+  projectId: number;
+  bookCode: string;
+  chapterNumber: number;
+  verseNumber: number;
+  recordingId: string;
+  extension?: string;
+}
+
+export interface MoveIntoStoreArgs {
+  sourceUri: string;
+  key: string;
+}
+
+export interface MoveIntoStoreResult {
+  key: string;
+  sizeBytes: number | null;
+}
+
+function pad3(value: number): string {
+  return String(value).padStart(3, '0');
+}
+
+const RESERVED_SEGMENTS = new Set(['', '.', '..']);
+
+function isReservedSegment(segment: string): boolean {
+  return RESERVED_SEGMENTS.has(segment);
+}
+
+/** Keeps path segments filesystem-safe without collapsing distinct values. */
+function sanitizeSegment(value: string, fallback = 'unknown'): string {
+  const sanitized = value.replace(/[^a-zA-Z0-9._-]/g, '_');
+  return isReservedSegment(sanitized) ? fallback : sanitized;
+}
+
+/** Rejects reserved segments before passing paths to Directory/File constructors. */
+function assertSafePathSegments(segments: string[]): void {
+  for (const segment of segments) {
+    if (isReservedSegment(segment)) {
+      throw new Error(`Invalid recording path segment: "${segment}"`);
+    }
+  }
+}
+
+/** Extracts a lowercase file extension from a uri, falling back to `.m4a`. */
+export function extensionFromUri(
+  uri: string,
+  fallback: string = DEFAULT_EXTENSION,
+): string {
+  const match = /\.([a-zA-Z0-9]+)(?:[?#].*)?$/.exec(uri);
+  return match ? match[1]!.toLowerCase() : fallback;
+}
+
+/** Ordered path segments (relative to the document directory) for a recording. */
+export function recordingKeySegments(parts: RecordingKeyParts): string[] {
+  return [
+    RECORDINGS_ROOT,
+    `u${sanitizeSegment(parts.userId, 'unknown')}`,
+    `p${parts.projectId}`,
+    sanitizeSegment(parts.bookCode, 'UNK').toUpperCase(),
+    `c${pad3(parts.chapterNumber)}`,
+    `v${pad3(parts.verseNumber)}`,
+    `${sanitizeSegment(parts.recordingId, 'unknown')}.${
+      parts.extension ?? DEFAULT_EXTENSION
+    }`,
+  ];
+}
+
+/** Relative storage key persisted in `recordings.local_file_path`. */
+export function buildRecordingKey(parts: RecordingKeyParts): string {
+  return recordingKeySegments(parts).join('/');
+}
+
+/**
+ * Resolves a stored value to an absolute uri for playback/upload. Relative keys
+ * are joined against the document directory; already-absolute paths (legacy rows
+ * written before durable storage) are returned unchanged.
+ */
+export function resolveRecordingUri(pathOrKey: string): string {
+  if (pathOrKey.startsWith('file:') || pathOrKey.startsWith('/')) {
+    return pathOrKey;
+  }
+  const segments = pathOrKey.split('/');
+  assertSafePathSegments(segments);
+  return new File(Paths.document, ...segments).uri;
+}
+
+/**
+ * Moves a freshly recorded file out of the (evictable) cache into the durable
+ * document tree at `key`, creating intermediate directories as needed. Returns
+ * the final key and the file size once settled.
+ */
+export async function moveIntoStore({
+  sourceUri,
+  key,
+}: MoveIntoStoreArgs): Promise<MoveIntoStoreResult> {
+  const segments = key.split('/');
+  assertSafePathSegments(segments);
+  const fileName = segments[segments.length - 1]!;
+  const dirSegments = segments.slice(0, -1);
+
+  const destDir = new Directory(Paths.document, ...dirSegments);
+  destDir.create({ intermediates: true, idempotent: true });
+
+  const source = new File(sourceUri);
+  const dest = new File(destDir, fileName);
+  await source.move(dest);
+
+  const size = dest.size;
+  return { key, sizeBytes: typeof size === 'number' ? size : null };
+}
+
+/**
+ * Concatenates ordered ADTS AAC (`.aac`) segments into a single file. ADTS is a
+ * self-framing bitstream, so a plain byte append yields a valid, playable file
+ * — this is what lets a take span multiple recording sessions (including ones
+ * separated by a process kill). A single segment is returned unchanged (the
+ * caller moves it into durable storage directly, so no copy is needed).
+ *
+ * The merged file is written to the document directory; the caller is
+ * responsible for moving it into the durable tree and unlinking the raw
+ * segments afterwards.
+ */
+export async function concatenateAacSegments(
+  fileUris: string[],
+): Promise<string> {
+  if (fileUris.length === 0) {
+    throw new Error('concatenateAacSegments requires at least one segment');
+  }
+  if (fileUris.length === 1) {
+    return fileUris[0]!;
+  }
+
+  const merged = new File(Paths.document, `merge-${randomUUID()}.aac`);
+  try {
+    merged.create({ intermediates: true, overwrite: true });
+    for (const uri of fileUris) {
+      const bytes = await new File(uri).bytes();
+      merged.write(bytes, { append: true });
+    }
+    return merged.uri;
+  } catch (error) {
+    try {
+      if (merged.exists) merged.delete();
+    } catch (cleanupError) {
+      log.warn('Failed to delete partial merged AAC file', {
+        uri: merged.uri,
+        error: cleanupError,
+      });
+    }
+    throw error;
+  }
+}
+
+/**
+ * Repackages a merged ADTS AAC take into a seekable MP4 (`.m4a`) container for
+ * review playback. Capture stays ADTS (kill-safe, byte-appendable), but raw
+ * ADTS is not reliably seekable in ExoPlayer, so the committed take is remuxed
+ * (lossless, no re-encode) via the native `AacRemux` module.
+ *
+ * Returns the new `.m4a` uri on success. Falls back to the input `.aac` uri
+ * unchanged when the native remuxer is unavailable (e.g. a build that hasn't
+ * been prebuilt) or the remux fails — playback still works from ADTS, it just
+ * isn't seekable. The caller decides which uri to move into durable storage.
+ */
+export async function remuxTakeToSeekableContainer(
+  aacUri: string,
+): Promise<string> {
+  if (!isAacRemuxAvailable()) {
+    return aacUri;
+  }
+
+  const dest = new File(Paths.document, `remux-${randomUUID()}.m4a`);
+  try {
+    return await remuxAacToMp4(aacUri, dest.uri);
+  } catch (error) {
+    log.warn('Failed to remux take to MP4; falling back to ADTS', {
+      aacUri,
+      error,
+    });
+    try {
+      if (dest.exists) dest.delete();
+    } catch (cleanupError) {
+      log.warn('Failed to delete partial remuxed file', {
+        uri: dest.uri,
+        error: cleanupError,
+      });
+    }
+    return aacUri;
+  }
+}
+
+/**
+ * ADTS `sampling_frequency_index` -> sample rate (Hz). Indices 13-15 are
+ * reserved/explicit and unused by our recorder, so they terminate parsing.
+ */
+const ADTS_SAMPLE_RATES = [
+  96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025,
+  8000, 7350,
+] as const;
+
+/** Samples per AAC raw data block (fixed by the codec). */
+const SAMPLES_PER_BLOCK = 1024;
+
+/** Minimum ADTS header size in bytes (7 without CRC, 9 with). */
+const ADTS_MIN_HEADER = 7;
+
+/**
+ * Computes the exact playable duration (ms) of an ADTS AAC bitstream by walking
+ * its frame headers. Every ADTS frame carries a fixed sample count
+ * (`1024 * raw_data_blocks`), so summing across frames yields a sample-accurate
+ * length that is independent of the wall-clock timer (which undercounts,
+ * especially after a process kill). Parsing stops cleanly on a lost sync,
+ * reserved sample-rate index, or truncated tail; returns `0` when no valid
+ * frame is found (caller should fall back to the timer value).
+ */
+export function aacDurationMsFromBytes(bytes: Uint8Array): number {
+  let seconds = 0;
+  let i = 0;
+  const end = bytes.length;
+
+  while (i + ADTS_MIN_HEADER <= end) {
+    const syncOk = bytes[i] === 0xff && (bytes[i + 1]! & 0xf0) === 0xf0;
+    if (!syncOk) break;
+
+    const sampleRateIndex = (bytes[i + 2]! & 0x3c) >> 2;
+    const sampleRate = ADTS_SAMPLE_RATES[sampleRateIndex];
+    if (sampleRate === undefined) break;
+
+    const frameLength =
+      ((bytes[i + 3]! & 0x03) << 11) |
+      (bytes[i + 4]! << 3) |
+      ((bytes[i + 5]! & 0xe0) >> 5);
+    if (frameLength < ADTS_MIN_HEADER || i + frameLength > end) break;
+
+    const rawBlocks = bytes[i + 6]! & 0x03;
+    const samples = SAMPLES_PER_BLOCK * (rawBlocks + 1);
+    seconds += samples / sampleRate;
+    i += frameLength;
+  }
+
+  return Math.round(seconds * 1000);
+}
+
+/**
+ * Reads an ADTS AAC file and returns its duration (ms) via
+ * {@link aacDurationMsFromBytes}. Returns `0` on any read/parse failure so
+ * callers can fall back to a timer-derived value.
+ */
+export async function aacDurationMs(fileUri: string): Promise<number> {
+  try {
+    const bytes = await new File(fileUri).bytes();
+    return aacDurationMsFromBytes(bytes);
+  } catch (error) {
+    log.warn('Failed to probe AAC duration', { fileUri, error });
+    return 0;
+  }
+}
+
+/** Best-effort unlink of a stored recording file. Never throws. */
+export function deleteRecordingFile(pathOrKey: string): void {
+  try {
+    const file = new File(resolveRecordingUri(pathOrKey));
+    if (file.exists) file.delete();
+  } catch (error) {
+    log.warn('Failed to delete recording file', { pathOrKey, error });
+  }
+}
+
+/** Best-effort removal of a user's entire recordings subtree (e.g. on logout). */
+export function deleteUserTree(userId: string): void {
+  try {
+    const dir = new Directory(
+      Paths.document,
+      RECORDINGS_ROOT,
+      `u${sanitizeSegment(userId, 'unknown')}`,
+    );
+    if (dir.exists) dir.delete();
+  } catch (error) {
+    log.warn('Failed to delete user recordings tree', { userId, error });
+  }
+}
diff --git a/src/services/storage.test.ts b/src/services/storage.test.ts
new file mode 100644
index 0000000..d667da1
--- /dev/null
+++ b/src/services/storage.test.ts
@@ -0,0 +1,195 @@
+jest.mock('@op-engineering/op-sqlite', () => ({
+  Storage: jest.fn().mockImplementation(() => ({
+    getItemSync: jest.fn(),
+    setItemSync: jest.fn(),
+    removeItemSync: jest.fn(),
+    getAllKeys: jest.fn(),
+  })),
+}));
+
+import { Storage } from '@op-engineering/op-sqlite';
+import {
+  clearPausedTake,
+  findPausedTake,
+  getPausedTake,
+  setPausedTake,
+} from './storage';
+
+const mockGetItemSync = jest.mocked(Storage).mock.results[0]!.value
+  .getItemSync as jest.Mock;
+const mockSetItemSync = jest.mocked(Storage).mock.results[0]!.value
+  .setItemSync as jest.Mock;
+const mockRemoveItemSync = jest.mocked(Storage).mock.results[0]!.value
+  .removeItemSync as jest.Mock;
+const mockGetAllKeys = jest.mocked(Storage).mock.results[0]!.value
+  .getAllKeys as jest.Mock;
+
+const validMarker = {
+  bibleTextId: 42,
+  segments: ['file:///docs/partial-take-0.aac'],
+  elapsedMs: 4500,
+  startedAt: '2026-07-01T00:00:00.000Z',
+};
+
+describe('getPausedTake', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockGetItemSync.mockReturnValue(null);
+  });
+
+  it('returns a valid marker for the lookup key', () => {
+    mockGetItemSync.mockReturnValue(JSON.stringify(validMarker));
+
+    expect(getPausedTake(42)).toEqual(validMarker);
+    expect(mockGetItemSync).toHaveBeenCalledWith('paused_take:42');
+  });
+
+  it('returns null when bibleTextId is missing', () => {
+    mockGetItemSync.mockReturnValue(
+      JSON.stringify({
+        segments: validMarker.segments,
+        elapsedMs: validMarker.elapsedMs,
+        startedAt: validMarker.startedAt,
+      }),
+    );
+
+    expect(getPausedTake(42)).toBeNull();
+  });
+
+  it('returns null when bibleTextId is not a finite number', () => {
+    mockGetItemSync.mockReturnValue(
+      JSON.stringify({ ...validMarker, bibleTextId: '42' }),
+    );
+    expect(getPausedTake(42)).toBeNull();
+
+    mockGetItemSync.mockReturnValue(
+      JSON.stringify({ ...validMarker, bibleTextId: Number.NaN }),
+    );
+    expect(getPausedTake(42)).toBeNull();
+  });
+
+  it('returns null when bibleTextId mismatches the lookup key', () => {
+    mockGetItemSync.mockReturnValue(
+      JSON.stringify({ ...validMarker, bibleTextId: 99 }),
+    );
+
+    expect(getPausedTake(42)).toBeNull();
+  });
+
+  it('returns null when segments are absent', () => {
+    mockGetItemSync.mockReturnValue(
+      JSON.stringify({
+        bibleTextId: validMarker.bibleTextId,
+        elapsedMs: validMarker.elapsedMs,
+        startedAt: validMarker.startedAt,
+      }),
+    );
+
+    expect(getPausedTake(42)).toBeNull();
+  });
+
+  it('returns null when segments is an empty array', () => {
+    mockGetItemSync.mockReturnValue(
+      JSON.stringify({ ...validMarker, segments: [] }),
+    );
+
+    expect(getPausedTake(42)).toBeNull();
+  });
+
+  it('returns null for invalid JSON', () => {
+    mockGetItemSync.mockReturnValue('{not json');
+
+    expect(getPausedTake(42)).toBeNull();
+  });
+
+  it('passes through the navigation context when present', () => {
+    mockGetItemSync.mockReturnValue(
+      JSON.stringify({
+        ...validMarker,
+        chapterAssignmentId: 88,
+        verseNumber: 5,
+      }),
+    );
+
+    expect(getPausedTake(42)).toEqual({
+      ...validMarker,
+      chapterAssignmentId: 88,
+      verseNumber: 5,
+    });
+  });
+});
+
+describe('findPausedTake', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockGetAllKeys.mockReturnValue([]);
+    mockGetItemSync.mockReturnValue(null);
+  });
+
+  function markerFor(bibleTextId: number, startedAt: string) {
+    return {
+      bibleTextId,
+      segments: [`file:///docs/take-${bibleTextId}.aac`],
+      elapsedMs: 1000,
+      startedAt,
+    };
+  }
+
+  it('returns null when no keys exist', () => {
+    mockGetAllKeys.mockReturnValue([]);
+    expect(findPausedTake()).toBeNull();
+  });
+
+  it('returns the marker from a paused-take key, ignoring unrelated ones', () => {
+    const markerA = markerFor(1, '2026-07-01T00:00:00.000Z');
+    mockGetAllKeys.mockReturnValue([
+      'userId',
+      'paused_take:1',
+      'last_synced_at',
+    ]);
+    mockGetItemSync.mockImplementation((key: string) =>
+      key === 'paused_take:1' ? JSON.stringify(markerA) : 'ignored',
+    );
+
+    expect(findPausedTake()).toEqual(markerA);
+  });
+
+  it('skips malformed or mismatched markers and returns the first valid one', () => {
+    mockGetAllKeys.mockReturnValue([
+      'paused_take:oops',
+      'paused_take:2',
+      'paused_take:1',
+    ]);
+    mockGetItemSync.mockImplementation((key: string) => {
+      if (key === 'paused_take:1')
+        return JSON.stringify(markerFor(1, '2026-07-01T00:00:00.000Z'));
+      if (key === 'paused_take:2')
+        // bibleTextId mismatches the key -> rejected
+        return JSON.stringify(markerFor(999, '2026-07-01T00:00:00.000Z'));
+      return '{not json';
+    });
+
+    expect(findPausedTake()).toEqual(markerFor(1, '2026-07-01T00:00:00.000Z'));
+  });
+});
+
+describe('setPausedTake / clearPausedTake', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('persists the marker under a bibleTextId-scoped key', () => {
+    setPausedTake(validMarker);
+
+    expect(mockSetItemSync).toHaveBeenCalledWith(
+      'paused_take:42',
+      JSON.stringify(validMarker),
+    );
+  });
+
+  it('clears the marker for the given bibleTextId', () => {
+    clearPausedTake(42);
+
+    expect(mockRemoveItemSync).toHaveBeenCalledWith('paused_take:42');
+  });
+});
diff --git a/src/services/storage.ts b/src/services/storage.ts
index 5b72c2d..46f6bc1 100644
--- a/src/services/storage.ts
+++ b/src/services/storage.ts
@@ -174,3 +174,130 @@ export function setUserLastSyncedAt(userId: string, timestamp: string) {
   kvStorage.setItemSync(`${userId}:last_synced_at`, timestamp);
   log.info('Per-user last synced timestamp updated', { userId, timestamp });
 }
+
+/**
+ * Paused-take marker: written when the recorder pauses (manual or via
+ * backgrounding) so the drafting page can detect an in-flight take on the
+ * next mount, even after a process kill.
+ *
+ * A take is captured as an ordered list of `segments` (one audio file per
+ * app-lifetime recording session). A single live session is one segment;
+ * resuming after a process kill appends a new segment. On stop the segments are
+ * concatenated into the committed take.
+ */
+export interface PausedTakeMarker {
+  bibleTextId: number;
+  segments: string[];
+  elapsedMs: number;
+  startedAt: string;
+  sessionToken?: string;
+  /**
+   * Navigation context captured when the take was paused, so a recovered take
+   * can be surfaced (and navigated to) from the home screen without a fragile
+   * reverse lookup. Optional because the recorder can run without a resolved
+   * verse (e.g. in isolation/tests); the home recovery prompt only fires when
+   * both are present.
+   */
+  chapterAssignmentId?: number;
+  verseNumber?: number;
+}
+
+const PAUSED_TAKE_PREFIX = 'paused_take:';
+
+function pausedTakeKey(bibleTextId: number): string {
+  return `${PAUSED_TAKE_PREFIX}${bibleTextId}`;
+}
+
+/**
+ * Parses and validates a stored marker payload, requiring it to belong to
+ * `expectedBibleTextId`. Returns null for malformed/mismatched payloads.
+ */
+function parsePausedTakeMarker(
+  raw: string,
+  expectedBibleTextId: number,
+): PausedTakeMarker | null {
+  try {
+    const parsed = JSON.parse(raw) as Partial<PausedTakeMarker>;
+    const segments =
+      Array.isArray(parsed.segments) &&
+      parsed.segments.length > 0 &&
+      parsed.segments.every(segment => typeof segment === 'string')
+        ? (parsed.segments as string[])
+        : null;
+    if (
+      Number.isFinite(parsed?.bibleTextId) &&
+      parsed.bibleTextId === expectedBibleTextId &&
+      segments !== null &&
+      typeof parsed?.elapsedMs === 'number' &&
+      typeof parsed?.startedAt === 'string'
+    ) {
+      return {
+        bibleTextId: parsed.bibleTextId,
+        segments,
+        elapsedMs: parsed.elapsedMs,
+        startedAt: parsed.startedAt,
+        ...(typeof parsed.sessionToken === 'string'
+          ? { sessionToken: parsed.sessionToken }
+          : {}),
+        ...(Number.isFinite(parsed.chapterAssignmentId)
+          ? { chapterAssignmentId: parsed.chapterAssignmentId }
+          : {}),
+        ...(Number.isFinite(parsed.verseNumber)
+          ? { verseNumber: parsed.verseNumber }
+          : {}),
+      };
+    }
+    return null;
+  } catch (error) {
+    log.error('Failed to parse paused take marker', {
+      bibleTextId: expectedBibleTextId,
+      error,
+    });
+    return null;
+  }
+}
+
+export function getPausedTake(bibleTextId: number): PausedTakeMarker | null {
+  const raw = kvStorage.getItemSync(pausedTakeKey(bibleTextId));
+  if (!raw) return null;
+  return parsePausedTakeMarker(raw, bibleTextId);
+}
+
+/**
+ * Returns the first valid persisted paused-take marker, or null if none exists.
+ * Used by the home screen to surface a recording recovered after a process kill.
+ * A forced Continue/Discard decision keeps at most one marker around at a time,
+ * so a single result is enough; malformed or mismatched markers are skipped.
+ */
+export function findPausedTake(): PausedTakeMarker | null {
+  const keys = kvStorage.getAllKeys();
+  for (const key of keys) {
+    if (typeof key !== 'string' || !key.startsWith(PAUSED_TAKE_PREFIX)) {
+      continue;
+    }
+    const bibleTextId = Number(key.slice(PAUSED_TAKE_PREFIX.length));
+    if (!Number.isFinite(bibleTextId)) continue;
+    const raw = kvStorage.getItemSync(key);
+    if (!raw) continue;
+    const marker = parsePausedTakeMarker(raw, bibleTextId);
+    if (marker) return marker;
+  }
+  return null;
+}
+
+export function setPausedTake(marker: PausedTakeMarker) {
+  kvStorage.setItemSync(
+    pausedTakeKey(marker.bibleTextId),
+    JSON.stringify(marker),
+  );
+  log.info('Paused take marker set', {
+    bibleTextId: marker.bibleTextId,
+    elapsedMs: marker.elapsedMs,
+    segments: marker.segments.length,
+  });
+}
+
+export function clearPausedTake(bibleTextId: number) {
+  kvStorage.removeItemSync(pausedTakeKey(bibleTextId));
+  log.info('Paused take marker cleared', { bibleTextId });
+}
diff --git a/src/theme/tokens.ts b/src/theme/tokens.ts
index cf11549..9124f1f 100644
--- a/src/theme/tokens.ts
+++ b/src/theme/tokens.ts
@@ -68,6 +68,8 @@ export const colors = {
   syncStatusPending: '#E48F06',
   syncStatusOffline: '#A0A0A0',
   destructive: '#DC2626',
+  /** Record button + active-recording affordance (drafting Record tab). */
+  recordAccent: '#DC2626',
   workflowBadgeDraftBorder: '#FBBF24',
   workflowBadgeDraftText: '#1A1A1A',
   workflowBadgePeerCheckBorder: '#EA580C',
diff --git a/src/types/db/types.ts b/src/types/db/types.ts
index cf54df0..509a4e2 100644
--- a/src/types/db/types.ts
+++ b/src/types/db/types.ts
@@ -235,6 +235,46 @@ export interface VerseRow {
   text: string;
 }
 
+export type RecordingSyncStatus =
+  | 'pending'
+  | 'uploading'
+  | 'uploaded'
+  | 'error';
+
+export interface Recording {
+  id: string;
+  bibleTextId: number;
+  userId?: string | null;
+  chapterAssignmentId?: number | null;
+  localFilePath: string;
+  blobKey?: string | null;
+  durationMs?: number | null;
+  fileSizeBytes?: number | null;
+  takeNumber: number;
+  isLatest: boolean;
+  syncStatus: RecordingSyncStatus;
+  uploadError?: string | null;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface RecordingRow {
+  id: string;
+  bible_text_id: number;
+  user_id: string | null;
+  chapter_assignment_id: number | null;
+  local_file_path: string;
+  blob_key: string | null;
+  duration_ms: number | null;
+  file_size_bytes: number | null;
+  take_number: number;
+  is_latest: number;
+  sync_status: RecordingSyncStatus;
+  upload_error: string | null;
+  created_at: string;
+  updated_at: string;
+}
+
 export const CHAPTER_ASSIGNMENT_STATUS = {
   not_started: 'Not Started',
   draft: 'Draft',
diff --git a/src/types/drafting/types.ts b/src/types/drafting/types.ts
index ce17a46..59cc625 100644
--- a/src/types/drafting/types.ts
+++ b/src/types/drafting/types.ts
@@ -1 +1,16 @@
-export type DraftingTab = 'bible' | 'record';
+export enum DraftingTab {
+  Bible = 'bible',
+  Record = 'record',
+}
+
+export enum GuardContext {
+  Verse = 'verse',
+  Tab = 'tab',
+  Leave = 'leave',
+}
+
+export type TabSwitchGuard = (action: () => void) => void;
+
+export interface TabSwitchGuardRef {
+  current: TabSwitchGuard | null;
+}
diff --git a/src/types/navigation/types.ts b/src/types/navigation/types.ts
index 5f4738d..b8bb21d 100644
--- a/src/types/navigation/types.ts
+++ b/src/types/navigation/types.ts
@@ -15,6 +15,11 @@ export type RootStackParamList = {
     chapterName: string;
     projectName: string;
     language: string;
+    /**
+     * When set (e.g. navigating from the home recovery prompt), the drafting
+     * screen lands on this verse instead of the first-unrecorded default.
+     */
+    recoverVerse?: number;
   };
   PrivacyPolicy: undefined;
   TermsOfUse: undefined;
diff --git a/src/types/recording/types.ts b/src/types/recording/types.ts
new file mode 100644
index 0000000..5172cc4
--- /dev/null
+++ b/src/types/recording/types.ts
@@ -0,0 +1,6 @@
+export enum RecorderStatus {
+  Idle = 'idle',
+  Recording = 'recording',
+  Paused = 'paused',
+  Review = 'review',
+}