react-native-inapp-inspector 2.3.18 → 2.3.19

package/dist/commonjs/components/Inspector/SettingsPanel.js

@@ -153,6 +153,14 @@ const SettingsPanel = () => {
             icon: 'debugging',
             desc: 'QR Code bridge for direct Debug APK download & Metro live-reload sync',
         },
+        {
+            id: 11,
+            key: 'media',
+            label: 'Screencast',
+            category: 'diagnostic',
+            icon: 'media',
+            desc: 'Screenshots, video recordings, audio narration & animated GIFs',
+        },
     ].filter(m => m.key === 'debugging'
         ? react_native_1.Platform.OS === 'android' && (0, helpers_1.isLocalDebugEnvironment)()
         : true), []);
@@ -167,6 +175,7 @@ const SettingsPanel = () => {
         bundle: Boolean(tabVisibility?.bundle),
         performance: Boolean(tabVisibility?.performance),
         debugging: Boolean(tabVisibility?.debugging),
+        media: Boolean(tabVisibility?.media ?? true),
     }));
     (0, react_1.useEffect)(() => {
         setStagedTabVisibility({
@@ -180,6 +189,7 @@ const SettingsPanel = () => {
             bundle: Boolean(tabVisibility?.bundle),
             performance: Boolean(tabVisibility?.performance),
             debugging: Boolean(tabVisibility?.debugging),
+            media: Boolean(tabVisibility?.media ?? true),
         });
     }, [tabVisibility]);
     const hasUnsavedChanges = (0, react_1.useMemo)(() => {
@@ -206,6 +216,7 @@ const SettingsPanel = () => {
                         bundle: Boolean(tabVisibility?.bundle),
                         performance: Boolean(tabVisibility?.performance),
                         debugging: Boolean(tabVisibility?.debugging),
+                        media: Boolean(tabVisibility?.media ?? true),
                     });
                 },
             },
@@ -392,7 +403,8 @@ const SettingsPanel = () => {
                 key: 'module',
                 label: t('settings.modulesAndTools', 'Modules & Tools'),
                 Icon: NetworkIcons_1.LayersIcon,
-                badge: `${allModules.filter(m => stagedTabVisibility?.[m.key] || m.key === 'apis').length}/${allModules.length}`,
+                badge: `${allModules.filter(m => stagedTabVisibility?.[m.key] ||
+                    m.key === 'apis').length}/${allModules.length}`,
             },
             {
                 key: 'ui',
@@ -437,9 +449,7 @@ const SettingsPanel = () => {
                     fontFamily: AppFonts_1.AppFonts.interBold,
                     fontSize: 12.5,
                     lineHeight: 16,
-                    color: isActive
-                        ? AppColors_1.AppColors.white
-                        : AppColors_1.AppColors.grayText,
+                    color: isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText,
                 }}>
                     {tab.label}
                   </react_native_1.Text>
@@ -454,9 +464,7 @@ const SettingsPanel = () => {
                       <react_native_1.Text style={{
                         fontFamily: AppFonts_1.AppFonts.interBold,
                         fontSize: 9.5,
-                        color: isActive
-                            ? AppColors_1.AppColors.white
-                            : AppColors_1.AppColors.purple,
+                        color: isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
                     }}>
                         {tab.badge}
                       </react_native_1.Text>
@@ -613,6 +621,9 @@ const SettingsPanel = () => {
                           {moduleItem.icon === 'debugging' && (<NetworkIcons_1.QrCodeIcon color={isChecked
                             ? AppColors_1.AppColors.purple
                             : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
+                          {moduleItem.icon === 'media' && (<NetworkIcons_1.ScreencastIcon color={isChecked
+                            ? AppColors_1.AppColors.purple
+                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
                         </react_native_1.View>
 
                         
@@ -1445,7 +1456,8 @@ const SettingsPanel = () => {
                 color: AppColors_1.AppColors.grayText,
                 marginTop: 1,
             }}>
-                      Dynamically sets log limits according to available device memory
+                      Dynamically sets log limits according to available device
+                      memory
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
@@ -1581,7 +1593,12 @@ const SettingsPanel = () => {
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', flexWrap: 'wrap', gap: 8, marginTop: 4 }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                flexWrap: 'wrap',
+                gap: 8,
+                marginTop: 4,
+            }}>
                   {[
                 {
                     label: 'APIs',
@@ -1690,7 +1707,8 @@ const SettingsPanel = () => {
                 color: AppColors_1.AppColors.grayText,
                 marginTop: 1,
             }}>
-                    Automatically prunes in-memory buffers by 50% when the OS signals low memory
+                    Automatically prunes in-memory buffers by 50% when the OS
+                    signals low memory
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={{
@@ -1810,12 +1828,16 @@ const SettingsPanel = () => {
                             paddingHorizontal: 8,
                             paddingVertical: 4,
                             borderRadius: 6,
-                            backgroundColor: fmt === 'PNG' ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}1A`,
+                            backgroundColor: fmt === 'PNG'
+                                ? AppColors_1.AppColors.purple
+                                : `${AppColors_1.AppColors.purple}1A`,
                         }}>
                         <react_native_1.Text style={{
                             fontFamily: AppFonts_1.AppFonts.interBold,
                             fontSize: 10,
-                            color: fmt === 'PNG' ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
+                            color: fmt === 'PNG'
+                                ? AppColors_1.AppColors.white
+                                : AppColors_1.AppColors.purple,
                         }}>
                           {fmt}
                         </react_native_1.Text>
@@ -1895,7 +1917,9 @@ const SettingsPanel = () => {
                             paddingHorizontal: 7,
                             paddingVertical: 4,
                             borderRadius: 6,
-                            backgroundColor: i === 0 ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}1A`,
+                            backgroundColor: i === 0
+                                ? AppColors_1.AppColors.purple
+                                : `${AppColors_1.AppColors.purple}1A`,
                         }}>
                         <react_native_1.Text style={{
                             fontFamily: AppFonts_1.AppFonts.interBold,
@@ -1917,7 +1941,9 @@ const SettingsPanel = () => {
                             paddingHorizontal: 6,
                             paddingVertical: 4,
                             borderRadius: 6,
-                            backgroundColor: fps === '24' ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}1A`,
+                            backgroundColor: fps === '24'
+                                ? AppColors_1.AppColors.purple
+                                : `${AppColors_1.AppColors.purple}1A`,
                         }}>
                         <react_native_1.Text style={{
                             fontFamily: AppFonts_1.AppFonts.interBold,
@@ -2117,7 +2143,9 @@ const SettingsPanel = () => {
                 lineHeight: 16,
                 color: AppColors_1.AppColors.grayText,
             }}>
-                High-performance in-app debugging, network logging, console inspection, performance profiling, storage viewer & telemetry diagnostics for React Native.
+                High-performance in-app debugging, network logging, console
+                inspection, performance profiling, storage viewer & telemetry
+                diagnostics for React Native.
               </react_native_1.Text>
 
               {updateAvailable && (<TouchableScale_1.default onPress={() => {
@@ -2328,7 +2356,9 @@ const SettingsPanel = () => {
                     package: {
                         name: 'react-native-inapp-inspector',
                         version: `v${constants_1.LIB_VERSION}`,
-                        latestNpmVersion: latestNpmVersion ? `v${latestNpmVersion}` : 'Checking...',
+                        latestNpmVersion: latestNpmVersion
+                            ? `v${latestNpmVersion}`
+                            : 'Checking...',
                         license: 'MIT',
                         repository: 'https://github.com/vengatmacuser/react-native-inapp-inspector',
                     },
@@ -2336,15 +2366,24 @@ const SettingsPanel = () => {
                         name: (0, helpers_1.getAppName)(),
                         bundleId: (0, helpers_1.getBundleIdentifier)(),
                         versionAndBuild: (0, helpers_1.getAppVersionAndBuild)().formatted,
-                        buildVariant: __DEV__ ? 'Development (Debug)' : 'Production (Release)',
+                        buildVariant: __DEV__
+                            ? 'Development (Debug)'
+                            : 'Production (Release)',
                         metroConnected: (0, helpers_1.isLocalDebugEnvironment)(),
                     },
                     runtime: {
-                        reactNativeVersion: rnVer ? `${rnVer.major}.${rnVer.minor}.${rnVer.patch}` : '0.74+',
+                        reactNativeVersion: rnVer
+                            ? `${rnVer.major}.${rnVer.minor}.${rnVer.patch}`
+                            : '0.74+',
                         reactVersion: react_1.default.version,
-                        jsEngine: Boolean(global?.HermesInternal) ? 'Hermes' : 'JavaScriptCore (JSC)',
-                        architecture: Boolean(global?.nativeFabricUIManager) ? 'Fabric (New Architecture)' : 'Paper (Legacy Bridge)',
-                        turboModules: Boolean(global?.__turboModuleProxy || global?.TurboModuleRegistry),
+                        jsEngine: Boolean(global?.HermesInternal)
+                            ? 'Hermes'
+                            : 'JavaScriptCore (JSC)',
+                        architecture: Boolean(global?.nativeFabricUIManager)
+                            ? 'Fabric (New Architecture)'
+                            : 'Paper (Legacy Bridge)',
+                        turboModules: Boolean(global?.__turboModuleProxy ||
+                            global?.TurboModuleRegistry),
                     },
                     device: {
                         platform: react_native_1.Platform.OS,
@@ -2354,12 +2393,16 @@ const SettingsPanel = () => {
                         screenDimensions: `${Math.round(scr.width)}x${Math.round(scr.height)} pt`,
                         pixelRatio: react_native_1.PixelRatio.get(),
                         fontScale: react_native_1.PixelRatio.getFontScale(),
-                        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone || 'Unknown',
+                        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone ||
+                            'Unknown',
                         locale: Intl.DateTimeFormat().resolvedOptions().locale || 'en',
                     },
                     storageAndCapabilities: {
-                        storageEngine: (0, settingsStore_1.isPersistentStorageAvailable)() ? 'MMKV (Fast Native Storage)' : 'In-Memory State',
-                        hasNativeModule: Boolean(global?.NativeInspectorModule || global?.__IN_APP_INSPECTOR_NATIVE__),
+                        storageEngine: (0, settingsStore_1.isPersistentStorageAvailable)()
+                            ? 'MMKV (Fast Native Storage)'
+                            : 'In-Memory State',
+                        hasNativeModule: Boolean(global?.NativeInspectorModule ||
+                            global?.__IN_APP_INSPECTOR_NATIVE__),
                         reduxConnected: (0, reduxLogger_1.isReduxConnected)(),
                         analyticsConnected: (0, analyticsLogger_2.isAnalyticsConnected)(),
                     },
@@ -2509,7 +2552,9 @@ const SettingsPanel = () => {
                 (0, helpers_1.copyToClipboard)('npm install react-native-inapp-inspector@latest', 'Install Command');
                 (0, toast_1.showToast)('Copied npm install command!');
             }} style={{
-                backgroundColor: updateAvailable ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}18`,
+                backgroundColor: updateAvailable
+                    ? AppColors_1.AppColors.purple
+                    : `${AppColors_1.AppColors.purple}18`,
                 paddingVertical: 7,
                 paddingHorizontal: 11,
                 borderRadius: 8,
@@ -2521,7 +2566,9 @@ const SettingsPanel = () => {
                   <react_native_1.Text style={{
                 fontFamily: AppFonts_1.AppFonts.interBold,
                 fontSize: 11,
-                color: updateAvailable ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
+                color: updateAvailable
+                    ? AppColors_1.AppColors.white
+                    : AppColors_1.AppColors.purple,
             }}>
                     {updateAvailable ? 'Copy Upgrade' : 'Copy Install'}
                   </react_native_1.Text>
@@ -2549,65 +2596,127 @@ const SettingsPanel = () => {
               </react_native_1.Text>
 
               <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Application Name
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
                     {(0, helpers_1.getAppName)()}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Bundle ID / Package
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11, color: AppColors_1.AppColors.primaryBlack }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
                     {(0, helpers_1.getBundleIdentifier)()}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Version & Build Number
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
                     {(0, helpers_1.getAppVersionAndBuild)().formatted}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Build Variant
                   </react_native_1.Text>
                   <react_native_1.View style={{
-                backgroundColor: __DEV__ ? `${AppColors_1.AppColors.amber500}20` : `${AppColors_1.AppColors.emerald500}20`,
+                backgroundColor: __DEV__
+                    ? `${AppColors_1.AppColors.amber500}20`
+                    : `${AppColors_1.AppColors.emerald500}20`,
                 paddingHorizontal: 6,
                 paddingVertical: 1.5,
                 borderRadius: 5,
                 borderWidth: 1,
-                borderColor: __DEV__ ? `${AppColors_1.AppColors.amber500}50` : `${AppColors_1.AppColors.emerald500}50`,
+                borderColor: __DEV__
+                    ? `${AppColors_1.AppColors.amber500}50`
+                    : `${AppColors_1.AppColors.emerald500}50`,
             }}>
                     <react_native_1.Text style={{
                 fontFamily: AppFonts_1.AppFonts.interBold,
                 fontSize: 10,
-                color: __DEV__ ? AppColors_1.AppColors.amber500 : AppColors_1.AppColors.emerald600,
+                color: __DEV__
+                    ? AppColors_1.AppColors.amber500
+                    : AppColors_1.AppColors.emerald600,
             }}>
                       {__DEV__ ? 'Development (Debug)' : 'Production (Release)'}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Metro Bundler Connection
                   </react_native_1.Text>
                   <react_native_1.Text style={{
                 fontFamily: AppFonts_1.AppFonts.interBold,
                 fontSize: 11.5,
-                color: (0, helpers_1.isLocalDebugEnvironment)() ? AppColors_1.AppColors.emerald600 : AppColors_1.AppColors.grayText,
+                color: (0, helpers_1.isLocalDebugEnvironment)()
+                    ? AppColors_1.AppColors.emerald600
+                    : AppColors_1.AppColors.grayText,
             }}>
-                    {(0, helpers_1.isLocalDebugEnvironment)() ? 'Connected (Hot Reload Active)' : 'Offline / Standalone'}
+                    {(0, helpers_1.isLocalDebugEnvironment)()
+                ? 'Connected (Hot Reload Active)'
+                : 'Offline / Standalone'}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -2633,28 +2742,62 @@ const SettingsPanel = () => {
               </react_native_1.Text>
 
               <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     React Native Version
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    v{(react_native_1.Platform.constants?.reactNativeVersion?.major != null)
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    v
+                    {react_native_1.Platform.constants?.reactNativeVersion?.major !=
+                null
                 ? `${react_native_1.Platform.constants.reactNativeVersion.major}.${react_native_1.Platform.constants.reactNativeVersion.minor}.${react_native_1.Platform.constants.reactNativeVersion.patch}`
                 : '0.74+'}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     React Core Version
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
                     v{react_1.default.version}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     JavaScript Engine
                   </react_native_1.Text>
                   <react_native_1.View style={{
@@ -2665,27 +2808,60 @@ const SettingsPanel = () => {
                 borderWidth: 1,
                 borderColor: `${AppColors_1.AppColors.purple}40`,
             }}>
-                    <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 10.5, color: AppColors_1.AppColors.purple }}>
-                      {Boolean(global?.HermesInternal) ? 'Hermes Engine (Active)' : 'JavaScriptCore (JSC)'}
+                    <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 10.5,
+                color: AppColors_1.AppColors.purple,
+            }}>
+                      {Boolean(global?.HermesInternal)
+                ? 'Hermes Engine (Active)'
+                : 'JavaScriptCore (JSC)'}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Rendering Architecture
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Boolean(global?.nativeFabricUIManager) ? 'Fabric (New Architecture)' : 'Paper (Legacy Bridge)'}
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    {Boolean(global?.nativeFabricUIManager)
+                ? 'Fabric (New Architecture)'
+                : 'Paper (Legacy Bridge)'}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     TurboModules Support
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Boolean(global?.__turboModuleProxy || global?.TurboModuleRegistry)
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    {Boolean(global?.__turboModuleProxy ||
+                global?.TurboModuleRegistry)
                 ? 'Enabled (C++ JSI)'
                 : 'Standard Bridge'}
                   </react_native_1.Text>
@@ -2713,59 +2889,149 @@ const SettingsPanel = () => {
               </react_native_1.Text>
 
               <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Operating System
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {react_native_1.Platform.OS === 'ios' ? 'Apple iOS' : react_native_1.Platform.OS === 'android' ? 'Google Android' : react_native_1.Platform.OS}{' '}
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    {react_native_1.Platform.OS === 'ios'
+                ? 'Apple iOS'
+                : react_native_1.Platform.OS === 'android'
+                    ? 'Google Android'
+                    : react_native_1.Platform.OS}{' '}
                     {react_native_1.Platform.Version}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Device Hardware Model
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
                     {react_native_1.Platform.constants?.Model ||
-                (react_native_1.Platform.OS === 'ios' ? 'Apple Device' : 'Android Device')}
+                (react_native_1.Platform.OS === 'ios'
+                    ? 'Apple Device'
+                    : 'Android Device')}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Window Viewport (Points)
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Math.round(react_native_1.Dimensions.get('window').width)} × {Math.round(react_native_1.Dimensions.get('window').height)} pt
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    {Math.round(react_native_1.Dimensions.get('window').width)} ×{' '}
+                    {Math.round(react_native_1.Dimensions.get('window').height)} pt
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Native Physical Resolution
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Math.round(react_native_1.Dimensions.get('screen').width * react_native_1.PixelRatio.get())} × {Math.round(react_native_1.Dimensions.get('screen').height * react_native_1.PixelRatio.get())} px
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    {Math.round(react_native_1.Dimensions.get('screen').width * react_native_1.PixelRatio.get())}{' '}
+                    ×{' '}
+                    {Math.round(react_native_1.Dimensions.get('screen').height * react_native_1.PixelRatio.get())}{' '}
+                    px
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Pixel Density & Font Scale
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {react_native_1.PixelRatio.get().toFixed(1)}x ({react_native_1.PixelRatio.get() >= 3 ? '@3x' : react_native_1.PixelRatio.get() >= 2 ? '@2x' : '@1x'}) • Font: {react_native_1.PixelRatio.getFontScale().toFixed(2)}x
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    {react_native_1.PixelRatio.get().toFixed(1)}x (
+                    {react_native_1.PixelRatio.get() >= 3
+                ? '@3x'
+                : react_native_1.PixelRatio.get() >= 2
+                    ? '@2x'
+                    : '@1x'}
+                    ) • Font: {react_native_1.PixelRatio.getFontScale().toFixed(2)}x
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Timezone & Locale
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Intl.DateTimeFormat().resolvedOptions().timeZone || 'System'} ({Intl.DateTimeFormat().resolvedOptions().locale || 'en'})
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    {Intl.DateTimeFormat().resolvedOptions().timeZone ||
+                'System'}{' '}
+                    ({Intl.DateTimeFormat().resolvedOptions().locale || 'en'})
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -2791,73 +3057,151 @@ const SettingsPanel = () => {
               </react_native_1.Text>
 
               <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Storage Persistence Engine
                   </react_native_1.Text>
                   <react_native_1.View style={{
-                backgroundColor: (0, settingsStore_1.isPersistentStorageAvailable)() ? `${AppColors_1.AppColors.emerald500}18` : `${AppColors_1.AppColors.amber500}18`,
+                backgroundColor: (0, settingsStore_1.isPersistentStorageAvailable)()
+                    ? `${AppColors_1.AppColors.emerald500}18`
+                    : `${AppColors_1.AppColors.amber500}18`,
                 paddingHorizontal: 6,
                 paddingVertical: 1.5,
                 borderRadius: 5,
                 borderWidth: 1,
-                borderColor: (0, settingsStore_1.isPersistentStorageAvailable)() ? `${AppColors_1.AppColors.emerald500}50` : `${AppColors_1.AppColors.amber500}50`,
+                borderColor: (0, settingsStore_1.isPersistentStorageAvailable)()
+                    ? `${AppColors_1.AppColors.emerald500}50`
+                    : `${AppColors_1.AppColors.amber500}50`,
             }}>
                     <react_native_1.Text style={{
                 fontFamily: AppFonts_1.AppFonts.interBold,
                 fontSize: 10.5,
-                color: (0, settingsStore_1.isPersistentStorageAvailable)() ? AppColors_1.AppColors.emerald600 : AppColors_1.AppColors.amber500,
+                color: (0, settingsStore_1.isPersistentStorageAvailable)()
+                    ? AppColors_1.AppColors.emerald600
+                    : AppColors_1.AppColors.amber500,
             }}>
-                      {(0, settingsStore_1.isPersistentStorageAvailable)() ? 'MMKV Fast Native Storage' : 'In-Memory State'}
+                      {(0, settingsStore_1.isPersistentStorageAvailable)()
+                ? 'MMKV Fast Native Storage'
+                : 'In-Memory State'}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Native Module Status
                   </react_native_1.Text>
                   <react_native_1.Text style={{
                 fontFamily: AppFonts_1.AppFonts.interBold,
                 fontSize: 11.5,
-                color: Boolean(global?.NativeInspectorModule) ? AppColors_1.AppColors.emerald600 : AppColors_1.AppColors.grayText,
+                color: Boolean(global?.NativeInspectorModule)
+                    ? AppColors_1.AppColors.emerald600
+                    : AppColors_1.AppColors.grayText,
             }}>
-                    {Boolean(global?.NativeInspectorModule) ? 'Linked & Active' : 'JavaScript Only'}
+                    {Boolean(global?.NativeInspectorModule)
+                ? 'Linked & Active'
+                : 'JavaScript Only'}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Network Logger Interceptor
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.emerald600 }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.emerald600,
+            }}>
                     Active (XMLHttpRequest & Fetch Hooked)
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Redux & Analytics Watchers
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    Redux: {(0, reduxLogger_1.isReduxConnected)() ? 'Connected' : 'Listening'} • Analytics: {(0, analyticsLogger_2.isAnalyticsConnected)() ? 'Connected' : 'Listening'}
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    Redux: {(0, reduxLogger_1.isReduxConnected)() ? 'Connected' : 'Listening'} •
+                    Analytics:{' '}
+                    {(0, analyticsLogger_2.isAnalyticsConnected)() ? 'Connected' : 'Listening'}
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Crash & Exception Boundary
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.emerald600 }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.emerald600,
+            }}>
                     Global JS Exception Handler Active
                   </react_native_1.Text>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+                <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                     Memory Management
                   </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.emerald600 }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.emerald600,
+            }}>
                     Dynamic Auto RAM Tiering Active
                   </react_native_1.Text>
                 </react_native_1.View>
@@ -2883,29 +3227,65 @@ const SettingsPanel = () => {
                 LICENSE & CREDITS
               </react_native_1.Text>
 
-              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+              <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                   License
                 </react_native_1.Text>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.emerald600 }}>
+                <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.emerald600,
+            }}>
                   MIT Permissive Open Source
                 </react_native_1.Text>
               </react_native_1.View>
 
-              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+              <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                   Created & Maintained By
                 </react_native_1.Text>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
+                <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
                   Vengateswaran
                 </react_native_1.Text>
               </react_native_1.View>
 
-              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
+              <react_native_1.View style={{
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+            }}>
+                <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11.5,
+                color: AppColors_1.AppColors.grayText,
+            }}>
                   Repository
                 </react_native_1.Text>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11, color: AppColors_1.AppColors.purple }}>
+                <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11,
+                color: AppColors_1.AppColors.purple,
+            }}>
                   github.com/vengatmacuser/react-native-inapp-inspector
                 </react_native_1.Text>
               </react_native_1.View>