fix: lazy-load native modules for Storybook compatibility

app/(storybook)/index.tsx

@@ -1,7 +1,7 @@
 import { ComponentType } from 'react';
 import { Text, View } from 'react-native';
 
-import { FeatureFlag, logError } from '@/utils';
+import { FeatureFlag, logError } from '@/utils/log';
 
 const StorybookEnabled = process.env.EXPO_PUBLIC_STORYBOOK_ENABLED === 'true';
 

app/_layout.tsx

@@ -35,19 +35,21 @@ import {
 import { useTheme, useThemeStore } from '@/theme';
 import { FeatureFlag, logError } from '@/utils';
 
+const StorybookEnabled = process.env.EXPO_PUBLIC_STORYBOOK_ENABLED === 'true';
+
 // Prevent the splash screen from auto-hiding before initialization completes
 SplashScreen.preventAutoHideAsync();
 
 // Register Android foreground service early (async, fire-and-forget)
-if (Platform.OS === 'android') {
+if (Platform.OS === 'android' && !StorybookEnabled) {
   registerForegroundService();
 }
 
 declare const global: {
   ErrorUtils?: {
     getGlobalHandler: () => (error: Error, isFatal?: boolean) => void;
     setGlobalHandler: (
-      handler: (error: Error, isFatal?: boolean) => void
+      handler: (error: Error, isFatal?: boolean) => void,
     ) => void;
   };
 };
@@ -68,8 +70,6 @@ function installGlobalErrorHandler() {
   });
 }
 
-const StorybookEnabled = process.env.EXPO_PUBLIC_STORYBOOK_ENABLED === 'true';
-
 export const unstable_settings = {
   initialRouteName: StorybookEnabled ? '(storybook)/index' : '(pages)/index',
 };
@@ -247,25 +247,23 @@ export default function RootLayout() {
   useEffect(() => {
     async function initializeApp() {
       try {
-        // Initialize in parallel where possible
-        await Promise.all([
-          initTheme(),
-          initializeSettingsStore(),
-          initializeSessionStore(),
-          storageService.processPendingDeletes(),
-        ]);
-
-        // Initialize transcription store (depends on session store being ready)
-        await initializeTranscriptionStore();
+        await initTheme();
+
+        if (!StorybookEnabled) {
+          await Promise.all([
+            initializeSettingsStore(),
+            initializeSessionStore(),
+            storageService.processPendingDeletes(),
+          ]);
+          await initializeTranscriptionStore();
+        }
 
         setAppReady(true);
       } catch (error) {
         logError(error, {
           flag: FeatureFlag.general,
           message: 'Failed to initialize app',
         });
-        // Still mark as ready to allow the app to render
-        // Individual stores handle their own error states
         setAppReady(true);
       }
     }

services/AudioService.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from 'events';
 
-import AudioRecord from '@fugood/react-native-audio-pcm-stream';
 import {
   AudioModule,
   AudioRecorder,
@@ -22,6 +21,12 @@ import {
 
 import { permissionService } from './PermissionService';
 
+let AudioRecord: any;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  AudioRecord = require('@fugood/react-native-audio-pcm-stream').default;
+} catch {}
+
 const RECORDING_OPTIONS: RecordingOptions = {
   extension: '.wav',
   sampleRate: AppConstants.AUDIO_SAMPLE_RATE,

services/EncryptionService.ts

@@ -1,7 +1,12 @@
 import { fromByteArray } from 'base64-js';
 import * as Crypto from 'expo-crypto';
 import * as SecureStore from 'expo-secure-store';
-import AesGcmCrypto from 'react-native-aes-gcm-crypto';
+
+let AesGcmCrypto: any;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  AesGcmCrypto = require('react-native-aes-gcm-crypto').default;
+} catch {}
 
 const KEY_STORAGE_KEY = 'aes_data_key';
 
@@ -20,7 +25,7 @@ const createEncryptionService = () => {
     } catch (error) {
       const message = error instanceof Error ? error.message : String(error);
       throw new Error(
-        `Failed to retrieve or generate encryption key: ${message}`
+        `Failed to retrieve or generate encryption key: ${message}`,
       );
     }
   };
@@ -43,7 +48,7 @@ const createEncryptionService = () => {
 
       if (parts.length !== 2) {
         throw new Error(
-          'Invalid cipher text format. Expected format: iv:contenttag'
+          'Invalid cipher text format. Expected format: iv:contenttag',
         );
       }
 
@@ -58,7 +63,7 @@ const createEncryptionService = () => {
         key,
         iv,
         tag,
-        false
+        false,
       );
 
       return decrypted;