diff --git a/packages/common/src/context/appContext.ts b/packages/common/src/context/appContext.ts
index 930890ce48..44bc00cc6a 100644
--- a/packages/common/src/context/appContext.ts
+++ b/packages/common/src/context/appContext.ts
@@ -3,6 +3,7 @@ import { createContext, useContext } from 'react'
 import { StorageNodeSelectorService } from '@audius/sdk'
 
 import { AnalyticsEvent, AllTrackingEvents } from 'models/Analytics'
+import { AudiusBackend } from 'services/audius-backend'
 
 type AppContextType = {
   analytics: {
@@ -15,6 +16,12 @@ type AppContextType = {
     }
   }
   storageNodeSelector?: StorageNodeSelectorService
+  imageUtils: {
+    generatePlaylistArtwork: (
+      imageUrls: string[]
+    ) => Promise<{ url: string; file: File }>
+  }
+  audiusBackend: AudiusBackend
 }
 
 export const AppContext = createContext<AppContextType | null>(null)
diff --git a/packages/common/src/hooks/index.ts b/packages/common/src/hooks/index.ts
index bb3e174313..5a09e1cbe6 100644
--- a/packages/common/src/hooks/index.ts
+++ b/packages/common/src/hooks/index.ts
@@ -18,3 +18,4 @@ export * from './useThrottledCallback'
 export * from './useDebouncedCallback'
 export * from './useSavedCollections'
 export * from './chats'
+export * from './useGeneratePlaylistArtwork'
diff --git a/packages/common/src/hooks/useGeneratePlaylistArtwork.ts b/packages/common/src/hooks/useGeneratePlaylistArtwork.ts
new file mode 100644
index 0000000000..f108135cab
--- /dev/null
+++ b/packages/common/src/hooks/useGeneratePlaylistArtwork.ts
@@ -0,0 +1,53 @@
+import { useCallback } from 'react'
+
+import { useSelector } from 'react-redux'
+
+import { ID } from 'models/Identifiers'
+import { SquareSizes } from 'models/ImageSizes'
+import { useAppContext } from 'src/context'
+import { getCollection } from 'store/cache/collections/selectors'
+import { getTrack } from 'store/cache/tracks/selectors'
+import { CommonState } from 'store/index'
+import { removeNullable } from 'utils/typeUtils'
+
+export const useGeneratePlaylistArtwork = (collectionId: ID) => {
+  const collection = useSelector(
+    (state: CommonState) => getCollection(state, { id: collectionId })!
+  )
+
+  const collectionTracks = useSelector((state: CommonState) => {
+    const trackIds = collection.playlist_contents.track_ids.map(
+      ({ track }) => track
+    )
+    const tracks = trackIds
+      .map((trackId) => getTrack(state, { id: trackId }))
+      .filter(removeNullable)
+      .slice(0, 4)
+
+    if (tracks.length < 4) {
+      return tracks.slice(0, 1)
+    }
+
+    return tracks
+  })
+
+  const { imageUtils, audiusBackend } = useAppContext()
+
+  return useCallback(async () => {
+    if (collectionTracks.length === 0) {
+      return { url: '', file: undefined }
+    }
+
+    const trackArtworkUrls = await Promise.all(
+      collectionTracks.map(async (track) => {
+        const { cover_art_sizes, cover_art } = track
+        return await audiusBackend.getImageUrl(
+          cover_art_sizes || cover_art,
+          SquareSizes.SIZE_1000_BY_1000
+        )
+      })
+    )
+
+    return await imageUtils.generatePlaylistArtwork(trackArtworkUrls)
+  }, [collectionTracks, audiusBackend, imageUtils])
+}
diff --git a/packages/common/src/models/Collection.ts b/packages/common/src/models/Collection.ts
index 97cecdc98a..1303c5370e 100644
--- a/packages/common/src/models/Collection.ts
+++ b/packages/common/src/models/Collection.ts
@@ -35,6 +35,7 @@ export type CollectionMetadata = {
   has_current_user_saved: boolean
   is_album: boolean
   is_delete: boolean
+  is_image_autogenerated?: boolean
   is_private: boolean
   playlist_contents: {
     track_ids: PlaylistTrackId[]
@@ -70,7 +71,7 @@ export type ComputedCollectionProperties = {
   _cover_art_sizes: CoverArtSizes
   _moved?: UID
   _temp?: boolean
-  artwork?: { file?: File; url?: string }
+  artwork?: { file?: File; url?: string; source?: string; error?: string }
 }
 
 export type Collection = CollectionMetadata & ComputedCollectionProperties
diff --git a/packages/common/src/services/audius-api-client/AudiusAPIClient.ts b/packages/common/src/services/audius-api-client/AudiusAPIClient.ts
index d4778c4b53..2bdd39d6de 100644
--- a/packages/common/src/services/audius-api-client/AudiusAPIClient.ts
+++ b/packages/common/src/services/audius-api-client/AudiusAPIClient.ts
@@ -1924,6 +1924,11 @@ export class AudiusAPIClient {
       // initialization state if needed before retrying
       if (this.initializationState.type === 'manual') {
         await this.waitForLibsInit()
+        this.initializationState = {
+          type: 'libs',
+          state: 'initialized',
+          endpoint: this.initializationState.endpoint
+        }
       }
       return this._getResponse(path, sanitizedParams, retry, pathType)
     }
diff --git a/packages/common/src/services/audius-backend/AudiusBackend.ts b/packages/common/src/services/audius-backend/AudiusBackend.ts
index f5300c4a94..61ad83a407 100644
--- a/packages/common/src/services/audius-backend/AudiusBackend.ts
+++ b/packages/common/src/services/audius-backend/AudiusBackend.ts
@@ -458,7 +458,6 @@ export const audiusBackend = ({
     if (imagePreloader) {
       try {
         const preloaded = await imagePreloader(imageUrl)
-        console.log('we doing this actually?')
         if (preloaded) {
           return imageUrl
         }
diff --git a/packages/common/src/store/cache/collections/types.ts b/packages/common/src/store/cache/collections/types.ts
index 4565be9a4e..ee99eabfde 100644
--- a/packages/common/src/store/cache/collections/types.ts
+++ b/packages/common/src/store/cache/collections/types.ts
@@ -19,7 +19,7 @@ export type Image = {
   size?: number
   fileType?: string
   url: string
-  file?: string
+  file?: string | File
 }
 
 export type EditPlaylistValues = Collection & {
diff --git a/packages/common/src/store/storeContext.ts b/packages/common/src/store/storeContext.ts
index 7fb6302e3f..11aa9d365c 100644
--- a/packages/common/src/store/storeContext.ts
+++ b/packages/common/src/store/storeContext.ts
@@ -73,7 +73,7 @@ export type CommonStoreContext = {
   openSeaClient: OpenSeaClient
   audiusSdk: () => Promise<AudiusSdk>
   imageUtils: {
-    createPlaylistArtwork: (
+    generatePlaylistArtwork: (
       urls: string[]
     ) => Promise<{ file: File; url: string }>
   }
diff --git a/packages/mobile/android/app/build.gradle b/packages/mobile/android/app/build.gradle
index 50063c976b..6b29ceef7e 100755
--- a/packages/mobile/android/app/build.gradle
+++ b/packages/mobile/android/app/build.gradle
@@ -117,7 +117,7 @@ android {
         pickFirst 'lib/armeabi-v7a/libc++_shared.so'
         pickFirst 'lib/arm64-v8a/libc++_shared.so'
     }
-    
+
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_1_8
         targetCompatibility JavaVersion.VERSION_1_8
@@ -132,13 +132,13 @@ android {
         // versionCode is automatically incremented in CI
         versionCode 1
         // Make sure this is above the currently released Android version in the play store if your changes touch native code:
-        versionName "1.1.391"
+        versionName "1.1.393"
         resValue "string", "build_config_package", "co.audius.app"
         resValue 'string', "CODE_PUSH_APK_BUILD_TIME", String.format("\"%d\"", System.currentTimeMillis())
         resConfigs "en"
     }
 
-    productFlavors { 
+    productFlavors {
         prod {
             resValue "string", "CodePushDeploymentKey", '"09yN4-3LHKp_GVKFJEOoDDRqx2o3fJirP5nZf"'
             manifestPlaceholders = [
diff --git a/packages/mobile/ios/AudiusReactNative/Info.plist b/packages/mobile/ios/AudiusReactNative/Info.plist
index 02bd5ace2f..49c2e3009d 100644
--- a/packages/mobile/ios/AudiusReactNative/Info.plist
+++ b/packages/mobile/ios/AudiusReactNative/Info.plist
@@ -17,7 +17,7 @@
 		<key>CFBundlePackageType</key>
 		<string>APPL</string>
 		<key>CFBundleShortVersionString</key>
-		<string>1.1.67</string>
+		<string>1.1.68</string>
 		<key>CFBundleSignature</key>
 		<string>????</string>
 		<key>CFBundleURLTypes</key>
diff --git a/packages/mobile/src/app/AppContextProvider.tsx b/packages/mobile/src/app/AppContextProvider.tsx
index f05febb8f0..f0f74eb42b 100644
--- a/packages/mobile/src/app/AppContextProvider.tsx
+++ b/packages/mobile/src/app/AppContextProvider.tsx
@@ -4,7 +4,9 @@ import { AppContext } from '@audius/common'
 import { useAsync } from 'react-use'
 
 import * as analytics from 'app/services/analytics'
+import { audiusBackendInstance } from 'app/services/audius-backend-instance'
 import { getStorageNodeSelector } from 'app/services/sdk/storageNodeSelector'
+import { generatePlaylistArtwork } from 'app/utils/generatePlaylistArtwork'
 
 type AppContextProviderProps = {
   children: ReactNode
@@ -18,7 +20,9 @@ export const AppContextProvider = (props: AppContextProviderProps) => {
   const value = useMemo(
     () => ({
       analytics,
-      storageNodeSelector
+      storageNodeSelector,
+      imageUtils: { generatePlaylistArtwork },
+      audiusBackend: audiusBackendInstance
     }),
     [storageNodeSelector]
   )
diff --git a/packages/mobile/src/components/fields/PickArtworkField.tsx b/packages/mobile/src/components/fields/PickArtworkField.tsx
index bf30c79754..402d5b0bc4 100644
--- a/packages/mobile/src/components/fields/PickArtworkField.tsx
+++ b/packages/mobile/src/components/fields/PickArtworkField.tsx
@@ -1,6 +1,7 @@
-import { useCallback, useMemo, useState } from 'react'
+import { useCallback, useMemo } from 'react'
 
-import { useField } from 'formik'
+import { useGeneratePlaylistArtwork } from '@audius/common'
+import { useField, useFormikContext } from 'formik'
 import { capitalize } from 'lodash'
 import { View } from 'react-native'
 import type { Asset } from 'react-native-image-picker'
@@ -56,7 +57,10 @@ const useStyles = makeStyles(({ palette, spacing }) => ({
 
 const messages = {
   addArtwork: 'Add Artwork',
-  changeArtwork: 'Change Artwork'
+  changeArtwork: 'Change Artwork',
+  removeArtwork: 'Remove Artwork',
+  removingArtwork: 'Removing Artwork',
+  updatingArtwork: 'Updating Artwork'
 }
 
 type PickArtworkFieldProps = {
@@ -67,18 +71,21 @@ export const PickArtworkField = (props: PickArtworkFieldProps) => {
   const { name } = props
   const styles = useStyles()
   const { neutralLight8 } = useThemeColors()
-  // const name = 'artwork'
-  const [{ value }, { error, touched }, { setValue }] = useField(name)
+  const [{ value }, { error, touched }, { setValue: setArtwork }] =
+    useField(name)
   const [{ value: existingTrackArtwork }] = useField('trackArtwork')
   const trackArtworkUrl = value?.url ?? existingTrackArtwork
+  const [{ value: collectionId }] = useField('playlist_id')
+  const [{ value: isImageAutogenerated }, , { setValue: setIsAutogenerated }] =
+    useField('is_image_autogenerated')
 
   const { secondary } = useThemeColors()
 
-  const [isLoading, setIsLoading] = useState(false)
+  const { status, setStatus } = useFormikContext()
 
-  const handlePress = useCallback(() => {
+  const handleChangeArtwork = useCallback(() => {
     const handleImageSelected = (_image: Image, rawResponse: Asset) => {
-      setValue({
+      setArtwork({
         url: rawResponse.uri,
         file: {
           uri: rawResponse.uri,
@@ -87,23 +94,35 @@ export const PickArtworkField = (props: PickArtworkFieldProps) => {
         },
         source: 'original'
       })
-      setIsLoading(true)
+      setIsAutogenerated(false)
+      setStatus({ imageLoading: true })
     }
     launchSelectImageActionSheet(handleImageSelected, secondary)
-  }, [secondary, setValue])
+  }, [secondary, setArtwork, setIsAutogenerated, setStatus])
 
   const source = useMemo(() => ({ uri: trackArtworkUrl }), [trackArtworkUrl])
 
+  const generatePlaylistArtwork = useGeneratePlaylistArtwork(collectionId)
+
+  const handleRemoveArtwork = useCallback(async () => {
+    setStatus({ imageLoading: true, imageGenerating: true })
+    const { file, url } = await generatePlaylistArtwork()
+    setArtwork({ url, file })
+    setIsAutogenerated(true)
+  }, [setStatus, generatePlaylistArtwork, setArtwork, setIsAutogenerated])
+
   return (
     <View style={styles.root}>
       <DynamicImage
         source={source}
-        onLoad={() => setIsLoading(false)}
+        onLoad={() =>
+          setStatus({ imageLoading: false, imageGenerating: false })
+        }
         style={styles.image}
         noSkeleton
       >
         <View style={styles.iconPicture}>
-          {isLoading ? (
+          {status.imageLoading || status.imageGenerating ? (
             <LoadingSpinner style={styles.loading} />
           ) : trackArtworkUrl ? null : (
             <IconImage height={128} width={128} fill={neutralLight8} />
@@ -114,11 +133,23 @@ export const PickArtworkField = (props: PickArtworkFieldProps) => {
             variant='secondaryAlt'
             size='large'
             title={
-              trackArtworkUrl ? messages.changeArtwork : messages.addArtwork
+              status.imageGenerating && isImageAutogenerated
+                ? messages.updatingArtwork
+                : trackArtworkUrl && status.imageGenerating
+                ? messages.removingArtwork
+                : trackArtworkUrl && !isImageAutogenerated
+                ? messages.removeArtwork
+                : trackArtworkUrl
+                ? messages.changeArtwork
+                : messages.addArtwork
             }
             icon={IconPencil}
             iconPosition='left'
-            onPress={handlePress}
+            onPress={
+              trackArtworkUrl && !isImageAutogenerated
+                ? handleRemoveArtwork
+                : handleChangeArtwork
+            }
           />
         </View>
       </DynamicImage>
diff --git a/packages/mobile/src/hooks/useIsOfflineModeEnabled.ts b/packages/mobile/src/hooks/useIsOfflineModeEnabled.ts
index 5ce02d1340..b5eb9a50b0 100644
--- a/packages/mobile/src/hooks/useIsOfflineModeEnabled.ts
+++ b/packages/mobile/src/hooks/useIsOfflineModeEnabled.ts
@@ -1,37 +1,7 @@
 import { FeatureFlags } from '@audius/common'
-import AsyncStorage from '@react-native-async-storage/async-storage'
-import { useAsync } from 'react-use'
 
 import { useFeatureFlag } from './useRemoteConfig'
 
-const OFFLINE_OVERRIDE_ASYNC_STORAGE_KEY = 'offline_mode_release_local_override'
-
-// DO NOT CHECK IN VALUE: true
-const hardCodeOverride = false
-let asyncOverride = false
-
-export const toggleLocalOfflineModeOverride = () => {
-  asyncOverride = !asyncOverride
-  AsyncStorage.setItem(
-    OFFLINE_OVERRIDE_ASYNC_STORAGE_KEY,
-    asyncOverride.toString()
-  )
-  alert(`Offline mode ${asyncOverride ? 'enabled' : 'disabled'}`)
-}
-
-export const useReadOfflineOverride = () =>
-  useAsync(async () => {
-    try {
-      asyncOverride =
-        (await AsyncStorage.getItem(OFFLINE_OVERRIDE_ASYNC_STORAGE_KEY)) ===
-        'true'
-    } catch (e) {
-      console.log('error reading local offline mode override')
-    }
-  })
-
 // TODO: remove helpers when feature is shipped
 export const useIsOfflineModeEnabled = () =>
-  useFeatureFlag(FeatureFlags.OFFLINE_MODE_RELEASE).isEnabled ||
-  asyncOverride ||
-  hardCodeOverride
+  useFeatureFlag(FeatureFlags.OFFLINE_MODE_RELEASE).isEnabled
diff --git a/packages/mobile/src/screens/chat-screen/ChatListScreen.tsx b/packages/mobile/src/screens/chat-screen/ChatListScreen.tsx
index 722029d94f..53459695ad 100644
--- a/packages/mobile/src/screens/chat-screen/ChatListScreen.tsx
+++ b/packages/mobile/src/screens/chat-screen/ChatListScreen.tsx
@@ -1,13 +1,13 @@
 import { useCallback, useEffect } from 'react'
 
 import { chatActions, chatSelectors, Status } from '@audius/common'
-import { View, Text, TouchableOpacity } from 'react-native'
+import { View, TouchableOpacity } from 'react-native'
 import { useDispatch, useSelector } from 'react-redux'
 
 import IconCompose from 'app/assets/images/iconCompose.svg'
 import IconMessage from 'app/assets/images/iconMessage.svg'
 import Button, { ButtonType } from 'app/components/button'
-import { Screen, FlatList, ScreenContent } from 'app/components/core'
+import { Text, Screen, FlatList, ScreenContent } from 'app/components/core'
 import { useNavigation } from 'app/hooks/useNavigation'
 import type { AppTabScreenParamList } from 'app/screens/app-screen'
 import { makeStyles } from 'app/styles'
@@ -60,17 +60,12 @@ const useStyles = makeStyles(({ spacing, palette, typography }) => ({
     padding: spacing(6)
   },
   startConversationTitle: {
-    fontSize: typography.fontSize.xxl,
-    fontFamily: typography.fontByWeight.bold,
     textAlign: 'center',
-    lineHeight: typography.fontSize.xxl * 1.3,
-    color: palette.neutral
+    lineHeight: typography.fontSize.xxl * 1.3
   },
   connect: {
-    fontSize: typography.fontSize.medium,
     textAlign: 'center',
     lineHeight: typography.fontSize.medium * 1.3,
-    color: palette.neutral,
     marginTop: spacing(2)
   },
   writeMessageButton: {
@@ -83,10 +78,12 @@ const ChatsEmpty = ({ onPress }: { onPress: () => void }) => {
   const styles = useStyles()
   return (
     <View style={styles.startConversationContainer}>
-      <Text style={styles.startConversationTitle}>
+      <Text style={styles.startConversationTitle} fontSize='xxl' weight='bold'>
         {messages.startConversation}
       </Text>
-      <Text style={styles.connect}>{messages.connect}</Text>
+      <Text style={styles.connect} fontSize='medium'>
+        {messages.connect}
+      </Text>
       <Button
         title={messages.writeMessage}
         renderIcon={() => <IconCompose fill={white} />}
diff --git a/packages/mobile/src/screens/chat-screen/ChatScreen.tsx b/packages/mobile/src/screens/chat-screen/ChatScreen.tsx
index ffbde711f1..9d1b1e2ea1 100644
--- a/packages/mobile/src/screens/chat-screen/ChatScreen.tsx
+++ b/packages/mobile/src/screens/chat-screen/ChatScreen.tsx
@@ -676,7 +676,7 @@ export const ChatScreen = () => {
               </View>
             )}
 
-            {canSendMessage ? (
+            {canSendMessage && chat ? (
               <View
                 style={styles.composeView}
                 onLayout={measureChatContainerBottom}
diff --git a/packages/mobile/src/screens/chat-screen/EmptyChatMessages.tsx b/packages/mobile/src/screens/chat-screen/EmptyChatMessages.tsx
index c6374df36f..5ce0221d71 100644
--- a/packages/mobile/src/screens/chat-screen/EmptyChatMessages.tsx
+++ b/packages/mobile/src/screens/chat-screen/EmptyChatMessages.tsx
@@ -1,6 +1,7 @@
-import { View, Text, Image } from 'react-native'
+import { View, Image } from 'react-native'
 
 import WavingHand from 'app/assets/images/emojis/waving-hand-sign.png'
+import { Text } from 'app/components/core'
 import { makeStyles } from 'app/styles'
 
 const messages = {
@@ -31,17 +32,12 @@ const useStyles = makeStyles(({ spacing, palette, typography }) => ({
     width: spacing(16)
   },
   title: {
-    fontSize: typography.fontSize.xxl,
-    color: palette.neutral,
-    fontFamily: typography.fontByWeight.bold,
     lineHeight: typography.fontSize.xxl * 1.3
   },
   text: {
     marginTop: spacing(2),
-    marginRight: spacing(6),
-    fontSize: typography.fontSize.large,
-    lineHeight: typography.fontSize.large * 1.3,
-    color: palette.neutral
+    paddingRight: spacing(6),
+    lineHeight: typography.fontSize.large * 1.3
   }
 }))
 
@@ -51,8 +47,12 @@ export const EmptyChatMessages = () => {
     <View style={styles.root}>
       <Image style={styles.wavingHand} source={WavingHand} />
       <View style={styles.textContainer}>
-        <Text style={styles.title}>{messages.sayHello}</Text>
-        <Text style={styles.text}>{messages.firstImpressions}</Text>
+        <Text style={styles.title} fontSize='xxl' weight='bold'>
+          {messages.sayHello}
+        </Text>
+        <Text style={styles.text} fontSize='large'>
+          {messages.firstImpressions}
+        </Text>
       </View>
     </View>
   )
diff --git a/packages/mobile/src/screens/edit-playlist-screen/EditPlaylistScreen.tsx b/packages/mobile/src/screens/edit-playlist-screen/EditPlaylistScreen.tsx
index 8ffef75921..013f498bd8 100644
--- a/packages/mobile/src/screens/edit-playlist-screen/EditPlaylistScreen.tsx
+++ b/packages/mobile/src/screens/edit-playlist-screen/EditPlaylistScreen.tsx
@@ -50,7 +50,11 @@ export const EditPlaylistScreen = () => {
   }
 
   return (
-    <Formik initialValues={initialValues} onSubmit={handleSubmit}>
+    <Formik
+      initialValues={initialValues}
+      initialStatus={{ imageLoading: false, imageGenerating: false }}
+      onSubmit={handleSubmit}
+    >
       {(formikProps) => (
         <EditPlaylistNavigator
           {...formikProps}
diff --git a/packages/mobile/src/screens/favorites-screen/FavoritesScreen.tsx b/packages/mobile/src/screens/favorites-screen/FavoritesScreen.tsx
index ec464675f4..c2178012bf 100644
--- a/packages/mobile/src/screens/favorites-screen/FavoritesScreen.tsx
+++ b/packages/mobile/src/screens/favorites-screen/FavoritesScreen.tsx
@@ -5,7 +5,6 @@ import IconPlaylists from 'app/assets/images/iconPlaylists.svg'
 import { Screen, ScreenContent, ScreenHeader } from 'app/components/core'
 import { TopTabNavigator } from 'app/components/top-tab-bar'
 import { useAppTabScreen } from 'app/hooks/useAppTabScreen'
-import { useReadOfflineOverride } from 'app/hooks/useIsOfflineModeEnabled'
 
 import { AlbumsTab } from './AlbumsTab'
 import { FavoritesDownloadSection } from './FavoritesDownloadSection'
@@ -36,7 +35,6 @@ const favoritesScreens = [
 
 export const FavoritesScreen = () => {
   useAppTabScreen()
-  useReadOfflineOverride()
 
   return (
     <Screen>
diff --git a/packages/mobile/src/screens/notifications-screen/Notifications/AnnouncementNotification.tsx b/packages/mobile/src/screens/notifications-screen/Notifications/AnnouncementNotification.tsx
index d90ff22aed..bca0237c61 100644
--- a/packages/mobile/src/screens/notifications-screen/Notifications/AnnouncementNotification.tsx
+++ b/packages/mobile/src/screens/notifications-screen/Notifications/AnnouncementNotification.tsx
@@ -1,4 +1,5 @@
 import type { AnnouncementNotification as AnnouncementNotificationType } from '@audius/common'
+import { View } from 'react-native'
 import Markdown from 'react-native-markdown-display'
 
 import IconAudius from 'app/assets/images/iconAudius.svg'
@@ -6,7 +7,6 @@ import { makeStyles } from 'app/styles'
 
 import {
   NotificationHeader,
-  NotificationText,
   NotificationTile,
   NotificationTitle
 } from '../Notification'
@@ -45,14 +45,19 @@ export const AnnouncementNotification = (
     <NotificationTile notification={notification}>
       <NotificationHeader icon={IconAudius}>
         <NotificationTitle>
-          <Markdown style={{ body: styles.title, link: styles.title }}>
-            {title}
-          </Markdown>
+          <View>
+            <Markdown
+              style={{ body: styles.title, link: styles.title }}
+              mergeStyle
+            >
+              {title}
+            </Markdown>
+          </View>
         </NotificationTitle>
       </NotificationHeader>
-      <NotificationText>
+      <View>
         <Markdown style={styles}>{shortDescription}</Markdown>
-      </NotificationText>
+      </View>
     </NotificationTile>
   )
 }
diff --git a/packages/mobile/src/screens/settings-screen/AboutScreen.tsx b/packages/mobile/src/screens/settings-screen/AboutScreen.tsx
index b8d1f38fcb..b3a9561ca7 100644
--- a/packages/mobile/src/screens/settings-screen/AboutScreen.tsx
+++ b/packages/mobile/src/screens/settings-screen/AboutScreen.tsx
@@ -1,8 +1,17 @@
-import { useCallback, useEffect, useState } from 'react'
-
 import { COPYRIGHT_TEXT } from 'audius-client/src/utils/copyright'
-import { View, Image, TouchableWithoutFeedback } from 'react-native'
+import {
+  AUDIUS_CAREERS_LINK,
+  AUDIUS_CONTACT_EMAIL_LINK,
+  AUDIUS_DISCORD_LINK,
+  AUDIUS_HELP_LINK,
+  AUDIUS_INSTAMGRAM_LINK,
+  AUDIUS_TWITTER_LINK,
+  PRIVACY_POLICY,
+  TERMS_OF_SERVICE
+} from 'audius-client/src/utils/route'
+import { View, Image } from 'react-native'
 import codePush from 'react-native-code-push'
+import { useAsync } from 'react-use'
 
 import appIcon from 'app/assets/images/appIcon.png'
 import IconCareers from 'app/assets/images/iconCareers.svg'
@@ -11,7 +20,6 @@ import IconDiscord from 'app/assets/images/iconDiscord.svg'
 import IconInstagram from 'app/assets/images/iconInstagram.svg'
 import IconTwitter from 'app/assets/images/iconTwitterBird.svg'
 import { Screen, ScreenContent, Text } from 'app/components/core'
-import { toggleLocalOfflineModeOverride } from 'app/hooks/useIsOfflineModeEnabled'
 import { makeStyles } from 'app/styles'
 
 import packageInfo from '../../../package.json'
@@ -33,7 +41,8 @@ const messages = {
   contact: 'Contact Us',
   careers: 'Careers at Audius',
   help: 'Help / FAQ',
-  terms: 'Terms & Privacy Policy'
+  terms: 'Terms of Service',
+  privacy: 'Privacy Policy'
 }
 
 const useStyles = makeStyles(({ spacing }) => ({
@@ -52,25 +61,11 @@ const useStyles = makeStyles(({ spacing }) => ({
 
 export const AboutScreen = () => {
   const styles = useStyles()
-  const [clickCount, setClickCount] = useState(0)
-  const [codepushUpdateNumber, setCodepushUpdateNumber] = useState<
-    string | null
-  >(null)
-  const handleTitleClick = useCallback(() => {
-    if (clickCount >= 19) {
-      toggleLocalOfflineModeOverride()
-      setClickCount(0)
-    } else {
-      setClickCount(clickCount + 1)
-    }
-  }, [clickCount])
-  useEffect(() => {
-    codePush.getUpdateMetadata().then((res) => {
-      if (res) {
-        setCodepushUpdateNumber(res?.label)
-      }
-    })
-  }, [])
+
+  const { value: codePushLabel } = useAsync(async () => {
+    const metadata = await codePush.getUpdateMetadata()
+    return metadata?.label
+  })
 
   return (
     <Screen variant='secondary' title={messages.title} topbarRight={null}>
@@ -78,40 +73,39 @@ export const AboutScreen = () => {
         <View style={styles.header}>
           <Image source={appIcon} style={styles.appIcon} />
           <View>
-            <TouchableWithoutFeedback onPress={handleTitleClick}>
-              <Text variant='h2'>{messages.appName}</Text>
-            </TouchableWithoutFeedback>
+            <Text variant='h2'>{messages.appName}</Text>
             <Text variant='body2'>
               {messages.version} {appVersion}
-              {codepushUpdateNumber == null
-                ? null
-                : ` c${codepushUpdateNumber}`}
+              {!codePushLabel ? null : ` c${codePushLabel}`}
             </Text>
             <Text variant='body2'>{messages.copyright}</Text>
           </View>
         </View>
-        <SettingsRow url='https://discordapp.com/invite/yNUg2e2' firstItem>
+        <SettingsRow url={AUDIUS_DISCORD_LINK} firstItem>
           <SettingsRowLabel label={messages.discord} icon={IconDiscord} />
         </SettingsRow>
-        <SettingsRow url='https://twitter.com/AudiusProject'>
+        <SettingsRow url={AUDIUS_TWITTER_LINK}>
           <SettingsRowLabel label={messages.twitter} icon={IconTwitter} />
         </SettingsRow>
-        <SettingsRow url='https://www.instagram.com/audiusmusic/'>
+        <SettingsRow url={AUDIUS_INSTAMGRAM_LINK}>
           <SettingsRowLabel label={messages.instagram} icon={IconInstagram} />
         </SettingsRow>
-        <SettingsRow url='mailto:contact@audius.co'>
+        <SettingsRow url={AUDIUS_CONTACT_EMAIL_LINK}>
           <SettingsRowLabel label={messages.contact} icon={IconContact} />
         </SettingsRow>
-        <SettingsRow url='https://jobs.lever.co/audius'>
+        <SettingsRow url={AUDIUS_CAREERS_LINK}>
           <SettingsRowLabel label={messages.careers} icon={IconCareers} />
         </SettingsRow>
         <Divider />
-        <SettingsRow url='https://help.audius.co/'>
+        <SettingsRow url={AUDIUS_HELP_LINK}>
           <SettingsRowLabel label={messages.help} />
         </SettingsRow>
-        <SettingsRow url='https://audius.co/legal/terms-of-use'>
+        <SettingsRow url={`https://audius.co${TERMS_OF_SERVICE}`}>
           <SettingsRowLabel label={messages.terms} />
         </SettingsRow>
+        <SettingsRow url={`https://audius.co${PRIVACY_POLICY}`}>
+          <SettingsRowLabel label={messages.privacy} />
+        </SettingsRow>
       </ScreenContent>
     </Screen>
   )
diff --git a/packages/mobile/src/store/storeContext.ts b/packages/mobile/src/store/storeContext.ts
index f907be3ef0..3d3f26b870 100644
--- a/packages/mobile/src/store/storeContext.ts
+++ b/packages/mobile/src/store/storeContext.ts
@@ -19,7 +19,7 @@ import {
 import { audiusSdk } from 'app/services/sdk/audius-sdk'
 import { trackDownload } from 'app/services/track-download'
 import { walletClient } from 'app/services/wallet-client'
-import { createPlaylistArtwork } from 'app/utils/createPlaylistArtwork'
+import { generatePlaylistArtwork } from 'app/utils/generatePlaylistArtwork'
 import { reportToSentry } from 'app/utils/reportToSentry'
 import share from 'app/utils/share'
 
@@ -54,6 +54,6 @@ export const storeContext: CommonStoreContext = {
   openSeaClient: new OpenSeaClient(Config.OPENSEA_API_URL),
   audiusSdk,
   imageUtils: {
-    createPlaylistArtwork
+    generatePlaylistArtwork
   }
 }
diff --git a/packages/mobile/src/utils/createPlaylistArtwork.ts b/packages/mobile/src/utils/createPlaylistArtwork.ts
index 753b51098d..4897d64a10 100644
--- a/packages/mobile/src/utils/createPlaylistArtwork.ts
+++ b/packages/mobile/src/utils/createPlaylistArtwork.ts
@@ -16,19 +16,26 @@ export async function createPlaylistArtwork(imageUrls: string[]) {
   const images = await Promise.all(
     imageUrls.map((imageUrl) => Jimp.read(imageUrl))
   )
-  const newImage = new Jimp(canvasWidth, canvasHeight)
 
-  for (let i = 0; i < 4; i++) {
-    const image = images[i]
-    if (image) {
-      image.resize(imageWidth, imageHeight)
+  let newImage: Jimp
 
-      // Calculate the x and y position based on the quadrant
-      const x = i % 2 === 0 ? 0 : imageWidth
-      const y = i < 2 ? 0 : imageHeight
+  if (images.length === 1) {
+    newImage = images[0]
+  } else {
+    newImage = new Jimp(canvasWidth, canvasHeight)
 
-      // Composite the image onto the canvas
-      newImage.composite(image, x, y)
+    for (let i = 0; i < 4; i++) {
+      const image = images[i]
+      if (image) {
+        image.resize(imageWidth, imageHeight)
+
+        // Calculate the x and y position based on the quadrant
+        const x = i % 2 === 0 ? 0 : imageWidth
+        const y = i < 2 ? 0 : imageHeight
+
+        // Composite the image onto the canvas
+        newImage.composite(image, x, y)
+      }
     }
   }
 
diff --git a/packages/mobile/src/utils/generatePlaylistArtwork.ts b/packages/mobile/src/utils/generatePlaylistArtwork.ts
new file mode 100644
index 0000000000..3c7328ec51
--- /dev/null
+++ b/packages/mobile/src/utils/generatePlaylistArtwork.ts
@@ -0,0 +1,45 @@
+import Jimp from 'jimp'
+import RNFetchBlob from 'rn-fetch-blob'
+
+const {
+  fs: { dirs, writeFile }
+} = RNFetchBlob
+
+const canvasWidth = 1000 // Adjust the width and height as per your requirements
+const canvasHeight = 1000
+const imageWidth = canvasWidth / 2
+const imageHeight = canvasHeight / 2
+
+const mimeType = Jimp.MIME_JPEG
+
+export async function generatePlaylistArtwork(imageUrls: string[]) {
+  const images = await Promise.all(
+    imageUrls.map((imageUrl) => Jimp.read(imageUrl))
+  )
+  const newImage = new Jimp(canvasWidth, canvasHeight)
+
+  for (let i = 0; i < 4; i++) {
+    const image = images[i]
+    if (image) {
+      image.resize(imageWidth, imageHeight)
+
+      // Calculate the x and y position based on the quadrant
+      const x = i % 2 === 0 ? 0 : imageWidth
+      const y = i < 2 ? 0 : imageHeight
+
+      // Composite the image onto the canvas
+      newImage.composite(image, x, y)
+    }
+  }
+
+  const fileName = 'playlist-artwork'
+  const url = `${dirs.DocumentDir}/${fileName}.jpg`
+  const imageContents = await newImage.getBase64Async(mimeType)
+  const [, base64Contents] = imageContents.split(',')
+  await writeFile(url, base64Contents, 'base64')
+
+  return {
+    url,
+    file: { uri: url, name: fileName, type: mimeType } as unknown as File
+  }
+}
diff --git a/packages/web/src/common/store/cache/collections/addTrackToPlaylistSaga.ts b/packages/web/src/common/store/cache/collections/addTrackToPlaylistSaga.ts
index d0255d119f..6b875323d9 100644
--- a/packages/web/src/common/store/cache/collections/addTrackToPlaylistSaga.ts
+++ b/packages/web/src/common/store/cache/collections/addTrackToPlaylistSaga.ts
@@ -95,11 +95,18 @@ function* addTrackToPlaylistAsync(action: AddTrackToPlaylistAction) {
   const playlist: Nullable<PlaylistWithArtwork> = collections[playlistId]
   if (!playlist) return
 
+  const { is_image_autogenerated, track_count } = playlist
+
   // Retrieve track-to-add so we confirm with the
   // most up-to-date information.
   const [track] = yield* call(retrieveTracks, { trackIds: [trackId] })
 
-  if (track && playlist.track_count === 3 && isPlaylistImprovementsEnabled) {
+  if (
+    track &&
+    track_count === 3 &&
+    is_image_autogenerated &&
+    isPlaylistImprovementsEnabled
+  ) {
     const tracks = [...(playlist.tracks ?? []), track]
     const first4Tracks = tracks.slice(0, 4)
     if (first4Tracks.length === 4) {
@@ -109,9 +116,9 @@ function* addTrackToPlaylistAsync(action: AddTrackToPlaylistAction) {
         audiusBackendInstance
       )
 
-      const { createPlaylistArtwork } = yield* getContext('imageUtils')
+      const { generatePlaylistArtwork } = yield* getContext('imageUtils')
 
-      const artwork = yield* call(createPlaylistArtwork, trackArtworks)
+      const artwork = yield* call(generatePlaylistArtwork, trackArtworks)
       const { url } = artwork
 
       playlist.artwork = artwork
diff --git a/packages/web/src/common/store/cache/collections/createPlaylistSaga.ts b/packages/web/src/common/store/cache/collections/createPlaylistSaga.ts
index c6fb5320d0..207f3abc76 100644
--- a/packages/web/src/common/store/cache/collections/createPlaylistSaga.ts
+++ b/packages/web/src/common/store/cache/collections/createPlaylistSaga.ts
@@ -2,6 +2,7 @@ import {
   Collection,
   CollectionMetadata,
   DefaultSizes,
+  EditPlaylistValues,
   ID,
   Kind,
   Name,
@@ -25,7 +26,6 @@ import { confirmTransaction } from 'common/store/confirmer/sagas'
 import { RequestConfirmationError } from 'common/store/confirmer/types'
 import { addPlaylistsNotInLibrary } from 'common/store/playlist-library/sagas'
 import { ensureLoggedIn } from 'common/utils/ensureLoggedIn'
-import { PlaylistFormFields } from 'components/create-playlist/PlaylistForm'
 import { playlistPage } from 'utils/route'
 import { waitForWrite } from 'utils/sagaHelpers'
 
@@ -68,7 +68,7 @@ function* createPlaylistWorker(
     createAndConfirmPlaylist,
     playlistId,
     userId,
-    playlist as PlaylistFormFields,
+    playlist,
     initTrack,
     source
   )
@@ -137,7 +137,7 @@ function* optimisticallySavePlaylist(
 function* createAndConfirmPlaylist(
   playlistId: ID,
   userId: ID,
-  formFields: PlaylistFormFields,
+  formFields: EditPlaylistValues,
   initTrack: Nullable<Track>,
   source: string
 ) {
diff --git a/packages/web/src/components/collection/desktop/Artwork.tsx b/packages/web/src/components/collection/desktop/Artwork.tsx
index 4851089c66..640755387f 100644
--- a/packages/web/src/components/collection/desktop/Artwork.tsx
+++ b/packages/web/src/components/collection/desktop/Artwork.tsx
@@ -1,17 +1,25 @@
 import { ComponentType, SVGProps, useCallback, useEffect } from 'react'
 
-import { CoverArtSizes, SquareSizes } from '@audius/common'
+import {
+  CoverArtSizes,
+  SquareSizes,
+  cacheCollectionsSelectors
+} from '@audius/common'
 import { Button, ButtonType, IconPencil } from '@audius/stems'
 import { useDispatch } from 'react-redux'
 
+import { useSelector } from 'common/hooks/useSelector'
 import DynamicImage from 'components/dynamic-image/DynamicImage'
 import { useCollectionCoverArt } from 'hooks/useCollectionCoverArt'
 import { open as openEditCollectionModal } from 'store/application/ui/editPlaylistModal/slice'
 
 import styles from './CollectionHeader.module.css'
 
+const { getCollection } = cacheCollectionsSelectors
+
 const messages = {
-  changeArtwork: 'Change Artwork'
+  changeArtwork: 'Change Artwork',
+  removeArtwork: 'Remove Artwork'
 }
 
 type ArtworkProps = {
@@ -37,6 +45,11 @@ export const Artwork = (props: ArtworkProps) => {
 
   const dispatch = useDispatch()
 
+  const isImageAutogenerated = useSelector(
+    (state) =>
+      getCollection(state, { id: collectionId })?.is_image_autogenerated
+  )
+
   const image = useCollectionCoverArt(
     collectionId,
     coverArtSizes,
@@ -50,9 +63,12 @@ export const Artwork = (props: ArtworkProps) => {
 
   const handleEditArtwork = useCallback(() => {
     dispatch(
-      openEditCollectionModal({ collectionId, initialFocusedField: 'artwork' })
+      openEditCollectionModal({
+        collectionId,
+        initialFocusedField: isImageAutogenerated ? 'artwork' : undefined
+      })
     )
-  }, [dispatch, collectionId])
+  }, [dispatch, collectionId, isImageAutogenerated])
 
   return (
     <DynamicImage
@@ -67,7 +83,11 @@ export const Artwork = (props: ArtworkProps) => {
         <span className={styles.imageEditButtonWrapper}>
           <Button
             type={ButtonType.WHITE}
-            text={messages.changeArtwork}
+            text={
+              isImageAutogenerated
+                ? messages.changeArtwork
+                : messages.removeArtwork
+            }
             onClick={handleEditArtwork}
             leftIcon={<IconPencil />}
           />
diff --git a/packages/web/src/components/create-playlist/CreatePlaylistModal.tsx b/packages/web/src/components/create-playlist/CreatePlaylistModal.tsx
index c98eda60c9..7b8ec03ee3 100644
--- a/packages/web/src/components/create-playlist/CreatePlaylistModal.tsx
+++ b/packages/web/src/components/create-playlist/CreatePlaylistModal.tsx
@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from 'react'
 
-import { Name } from '@audius/common'
+import { EditPlaylistValues, Name } from '@audius/common'
 import {
   Modal,
   SegmentedControl,
@@ -16,7 +16,7 @@ import zIndex from 'utils/zIndex'
 
 import styles from './CreatePlaylistModal.module.css'
 import FolderForm from './FolderForm'
-import PlaylistForm, { PlaylistFormFields } from './PlaylistForm'
+import PlaylistForm from './PlaylistForm'
 
 const messages = {
   createPlaylistTabTitle: 'Create Playlist',
@@ -30,7 +30,7 @@ type CreatePlaylistModalProps = {
   visible?: boolean
   hideFolderTab?: boolean
   onCancel: () => void
-  onCreatePlaylist: (metadata: PlaylistFormFields) => void
+  onCreatePlaylist: (metadata: EditPlaylistValues) => void
   onCreateFolder: (name: string) => void
 }
 
diff --git a/packages/web/src/components/create-playlist/PlaylistForm.tsx b/packages/web/src/components/create-playlist/PlaylistForm.tsx
index 92c121e8c0..a636d9b590 100644
--- a/packages/web/src/components/create-playlist/PlaylistForm.tsx
+++ b/packages/web/src/components/create-playlist/PlaylistForm.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 
 import {
   Collection,
@@ -6,7 +6,10 @@ import {
   SquareSizes,
   DeepNullable,
   Nullable,
-  newCollectionMetadata
+  newCollectionMetadata,
+  ID,
+  EditPlaylistValues,
+  useGeneratePlaylistArtwork
 } from '@audius/common'
 
 import Input from 'components/data-entry/Input'
@@ -27,11 +30,11 @@ const messages = {
   createPlaylistButtonText: 'Create Playlist'
 }
 
-export type PlaylistFormFields = Partial<Collection> & {
+export type EditPlaylistValuess = Partial<Collection> & {
   artwork: {
     file: Blob
     url: string
-    source: 'unsplash' | 'original'
+    source: 'unsplash' | 'original' | 'generated'
     error?: string
   }
   is_current: boolean
@@ -65,7 +68,7 @@ type PlaylistFormProps = {
   onDelete?: () => void
   /** Only applies to edit mode */
   onCancel?: () => void
-  onSave: (formFields: PlaylistFormFields) => void
+  onSave: (formFields: EditPlaylistValues) => void
   initialFocusedField?: Nullable<FocusableFields>
 }
 
@@ -80,7 +83,7 @@ const PlaylistForm = ({
   isEditMode = false,
   initialFocusedField
 }: PlaylistFormProps) => {
-  const [formFields, setFormFields] = useState<PlaylistFormFields>({
+  const [formFields, setFormFields] = useState<EditPlaylistValues>({
     artwork: {},
     ...newCollectionMetadata(metadata)
   })
@@ -117,12 +120,13 @@ const PlaylistForm = ({
       let file = selectedFiles[0]
       file = await resizeImage(file)
       const url = URL.createObjectURL(file)
-      setFormFields((formFields: PlaylistFormFields) => ({
+      setFormFields((formFields: EditPlaylistValues) => ({
         ...formFields,
-        artwork: { file, url, source }
+        artwork: { file, url, source },
+        is_image_autogenerated: false
       }))
     } catch (err) {
-      setFormFields((formFields: PlaylistFormFields) => ({
+      setFormFields((formFields: EditPlaylistValues) => ({
         ...formFields,
         artwork: {
           ...(formFields.artwork || {}),
@@ -132,8 +136,22 @@ const PlaylistForm = ({
     }
   }
 
+  const onGeneratePlaylistArtwork = useGeneratePlaylistArtwork(
+    metadata?.playlist_id as ID
+  )
+
+  const handleRemoveArtwork = useCallback(async () => {
+    const { file, url } = await onGeneratePlaylistArtwork()
+
+    setFormFields((formFields: EditPlaylistValues) => ({
+      ...formFields,
+      artwork: { file, url },
+      is_image_autogenerated: true
+    }))
+  }, [onGeneratePlaylistArtwork])
+
   const onChangePlaylistName = (name: string) => {
-    setFormFields((formFields: PlaylistFormFields) => ({
+    setFormFields((formFields: EditPlaylistValues) => ({
       ...formFields,
       playlist_name: name
     }))
@@ -143,7 +161,7 @@ const PlaylistForm = ({
   }
 
   const onChangeDescription = (description: string) => {
-    setFormFields((formFields: PlaylistFormFields) => ({
+    setFormFields((formFields: EditPlaylistValues) => ({
       ...formFields,
       description
     }))
@@ -175,6 +193,8 @@ const PlaylistForm = ({
           imageProcessingError={Boolean(formFields.artwork.error)}
           onOpenPopup={onOpenArtworkPopup}
           onClosePopup={onCloseArtworkPopup}
+          isImageAutogenerated={formFields.is_image_autogenerated}
+          onRemoveArtwork={handleRemoveArtwork}
         />
         <div className={styles.form}>
           <Input
diff --git a/packages/web/src/components/edit-playlist/desktop/EditPlaylistModal.tsx b/packages/web/src/components/edit-playlist/desktop/EditPlaylistModal.tsx
index e148e919c8..d299ac7379 100644
--- a/packages/web/src/components/edit-playlist/desktop/EditPlaylistModal.tsx
+++ b/packages/web/src/components/edit-playlist/desktop/EditPlaylistModal.tsx
@@ -69,6 +69,7 @@ const EditPlaylistModal = (props: EditPlaylistModalProps) => {
   }, [collection, collectionId, fetchSavedPlaylists])
 
   const { playlist_id: playlistId, is_album: isAlbum } = collection || {}
+
   const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false)
   const onClickDelete = () => setShowDeleteConfirmation(true)
   const onCancelDelete = () => setShowDeleteConfirmation(false)
diff --git a/packages/web/src/components/groupable-list/Row.module.css b/packages/web/src/components/groupable-list/Row.module.css
index bdeb63e77e..e4a5c3c55b 100644
--- a/packages/web/src/components/groupable-list/Row.module.css
+++ b/packages/web/src/components/groupable-list/Row.module.css
@@ -40,6 +40,7 @@
   align-items: center;
   font-size: var(--font-s);
   font-weight: var(--font-medium);
+  color: var(--neutral);
 }
 
 .title i {
diff --git a/packages/web/src/components/groupable-list/Row.tsx b/packages/web/src/components/groupable-list/Row.tsx
index aec9132f09..9e7872378a 100644
--- a/packages/web/src/components/groupable-list/Row.tsx
+++ b/packages/web/src/components/groupable-list/Row.tsx
@@ -1,6 +1,7 @@
-import { ReactNode } from 'react'
+import { ComponentType, ReactNode } from 'react'
 
 import cn from 'classnames'
+import { Link, LinkProps } from 'react-router-dom'
 
 import { ReactComponent as IconCaretRight } from 'assets/img/iconCaretRight.svg'
 
@@ -18,7 +19,7 @@ type RowProps = {
   includeSpacing?: boolean
   // Adds an arrow to the row component if `onClick` is provided
   onClick?: () => void
-}
+} & Omit<Partial<LinkProps>, 'prefix'>
 
 /**
  * A row component to be used within a <Grouping />
@@ -29,16 +30,32 @@ const Row = ({
   body,
   children,
   onClick,
-  includeSpacing = true
+  href,
+  to,
+  includeSpacing = true,
+  ...other
 }: RowProps) => {
+  const RootComponent = (href ? 'a' : to ? Link : 'div') as ComponentType<any>
+
+  const rootProps = href
+    ? {
+        target: '_blank',
+        rel: 'norefferer'
+      }
+    : {}
+
   return (
-    <div
+    <RootComponent
       className={cn(styles.row, {
         [styles.isClickable]: !!onClick,
         [styles.hasBody]: !!children,
         [styles.includeSpacing]: includeSpacing
       })}
+      to={to}
+      href={href}
       onClick={onClick}
+      {...rootProps}
+      {...other}
     >
       <div className={styles.content}>
         {title && (
@@ -55,7 +72,7 @@ const Row = ({
         )}
       </div>
       {onClick && <IconCaretRight className={styles.iconCaretRight} />}
-    </div>
+    </RootComponent>
   )
 }
 
diff --git a/packages/web/src/components/image-selection/ImageSelectionButton.js b/packages/web/src/components/image-selection/ImageSelectionButton.js
index 759f36bb3d..a15d2710b9 100644
--- a/packages/web/src/components/image-selection/ImageSelectionButton.js
+++ b/packages/web/src/components/image-selection/ImageSelectionButton.js
@@ -14,7 +14,8 @@ import { ImageSelectionProps, ImageSelectionDefaults } from './PropTypes'
 
 const messages = {
   add: 'Add',
-  change: 'Change'
+  change: 'Change',
+  remove: 'Remove'
 }
 
 const ImageSelectionButton = ({
@@ -31,7 +32,9 @@ const ImageSelectionButton = ({
   onAfterClose,
   onSelect,
   source,
-  defaultPopupOpen = false
+  defaultPopupOpen = false,
+  isImageAutogenerated,
+  onRemoveArtwork
 }) => {
   const anchorRefInner = useRef()
   const [showModal, setShowModal] = useState(defaultPopupOpen)
@@ -52,13 +55,20 @@ const ImageSelectionButton = ({
     if (e.detail === 0) {
       e.preventDefault()
     }
-    if (!showModal) {
+    if (isImageAutogenerated === false) {
+      onRemoveArtwork()
+    } else if (!showModal) {
       onClick()
       openModal()
     }
   }
 
-  let buttonText = hasImage ? messages.change : messages.add
+  let buttonText =
+    isImageAutogenerated === false
+      ? messages.remove
+      : hasImage
+      ? messages.change
+      : messages.add
   if (imageName) buttonText += ` ${imageName}`
 
   return (
@@ -127,6 +137,8 @@ ImageSelectionButton.propTypes = {
   onClosePopup: PropTypes.func,
   onClick: PropTypes.func,
   defaultPopupOpen: PropTypes.bool,
+  isImageAutogenerated: PropTypes.bool,
+  onRemoveArtwork: PropTypes.bool,
   ...ImageSelectionProps
 }
 
diff --git a/packages/web/src/components/nav/desktop/PlaylistLibrary/CreatePlaylistLibraryItemButton.tsx b/packages/web/src/components/nav/desktop/PlaylistLibrary/CreatePlaylistLibraryItemButton.tsx
index 54cea34521..378a2ced0c 100644
--- a/packages/web/src/components/nav/desktop/PlaylistLibrary/CreatePlaylistLibraryItemButton.tsx
+++ b/packages/web/src/components/nav/desktop/PlaylistLibrary/CreatePlaylistLibraryItemButton.tsx
@@ -2,6 +2,7 @@ import { MutableRefObject, useCallback, useMemo } from 'react'
 
 import {
   CreatePlaylistSource,
+  EditPlaylistValues,
   FeatureFlags,
   Name,
   accountSelectors,
@@ -22,7 +23,6 @@ import { useDispatch } from 'react-redux'
 import { useSelector } from 'common/hooks/useSelector'
 import { make, useRecord } from 'common/store/analytics/actions'
 import CreatePlaylistModal from 'components/create-playlist/CreatePlaylistModal'
-import { PlaylistFormFields } from 'components/create-playlist/PlaylistForm'
 import Pill from 'components/pill/Pill'
 import { Tooltip } from 'components/tooltip'
 import { useAuthenticatedCallback } from 'hooks/useAuthenticatedCallback'
@@ -77,7 +77,7 @@ export const CreatePlaylistLibraryItemButton = (props: Props) => {
 
   const handleSubmitPlaylist = useCallback(
     (
-      metadata: Partial<PlaylistFormFields> = {
+      metadata: Partial<EditPlaylistValues> = {
         playlist_name: messages.newPlaylistName
       }
     ) => {
diff --git a/packages/web/src/components/notification/Notification/components/NotificationTile.module.css b/packages/web/src/components/notification/Notification/components/NotificationTile.module.css
index 55660a937e..0412d2c3af 100644
--- a/packages/web/src/components/notification/Notification/components/NotificationTile.module.css
+++ b/packages/web/src/components/notification/Notification/components/NotificationTile.module.css
@@ -3,7 +3,6 @@
   border: 1px solid var(--neutral-light-6);
   border-radius: var(--unit-2);
   padding: var(--unit-4);
-  cursor: pointer;
   transition: all 0.12s ease-in-out;
 }
 
@@ -11,12 +10,14 @@
   box-shadow: 0px 0px 1px -2px rgba(133, 129, 153, 0.1),
     0px 1px 0px -2px #e3e3e3, 1px 2px 5px rgba(133, 129, 153, 0.25);
   transform: scale3d(1.015, 1.015, 1.015);
+  cursor: pointer;
 }
 
 .active:active {
   background-color: var(--neutral-light-9);
   box-shadow: unset;
   transform: scale3d(1, 1, 1);
+  cursor: pointer;
 }
 
 .read {
diff --git a/packages/web/src/components/upload/UploadArtwork.js b/packages/web/src/components/upload/UploadArtwork.js
index b298229f75..87939996e7 100644
--- a/packages/web/src/components/upload/UploadArtwork.js
+++ b/packages/web/src/components/upload/UploadArtwork.js
@@ -69,8 +69,10 @@ const UploadArtwork = (props) => {
             error={props.imageProcessingError}
             onOpenPopup={props.onOpenPopup}
             onClosePopup={props.onClosePopup}
+            onRemoveArtwork={props.onRemoveArtwork}
             onSelect={onDrop}
             source='UploadArtwork'
+            isImageAutogenerated={props.isImageAutogenerated}
           />
         </Toast>
       </div>
@@ -81,6 +83,7 @@ const UploadArtwork = (props) => {
 UploadArtwork.propTypes = {
   artworkurl: PropTypes.string,
   onDropArtwork: PropTypes.func,
+  onRemoveArtwork: PropTypes.func,
   // Whether or not there is an error with the entire image upload (red border)
   error: PropTypes.bool,
   // Whether or not there was an error processing the uploaded image (error message in upload)
@@ -88,7 +91,8 @@ UploadArtwork.propTypes = {
   onOpenPopup: PropTypes.func,
   onClosePopup: PropTypes.func,
   mount: PropTypes.oneOf(['parent', 'page', 'body']),
-  defaultPopupOpen: PropTypes.bool
+  defaultPopupOpen: PropTypes.bool,
+  isImageAutogenerated: PropTypes.bool
 }
 
 UploadArtwork.defaultProps = {
diff --git a/packages/web/src/pages/AppContextProvider.tsx b/packages/web/src/pages/AppContextProvider.tsx
index 4f6aade1d1..66e0fd38ea 100644
--- a/packages/web/src/pages/AppContextProvider.tsx
+++ b/packages/web/src/pages/AppContextProvider.tsx
@@ -4,7 +4,9 @@ import { AppContext } from '@audius/common'
 import { useAsync } from 'react-use'
 
 import * as analytics from 'services/analytics'
+import { audiusBackendInstance } from 'services/audius-backend/audius-backend-instance'
 import { getStorageNodeSelector } from 'services/audius-sdk/storageNodeSelector'
+import { generatePlaylistArtwork } from 'utils/imageProcessingUtil'
 
 type AppContextProviderProps = {
   children: ReactNode
@@ -18,7 +20,11 @@ export const AppContextProvider = (props: AppContextProviderProps) => {
   const value = useMemo(
     () => ({
       analytics,
-      storageNodeSelector
+      storageNodeSelector,
+      imageUtils: {
+        generatePlaylistArtwork
+      },
+      audiusBackend: audiusBackendInstance
     }),
     [storageNodeSelector]
   )
diff --git a/packages/web/src/pages/chat-page/ChatPage.tsx b/packages/web/src/pages/chat-page/ChatPage.tsx
index d54bb6ddfe..2c7a97a6c3 100644
--- a/packages/web/src/pages/chat-page/ChatPage.tsx
+++ b/packages/web/src/pages/chat-page/ChatPage.tsx
@@ -1,6 +1,11 @@
 import { useCallback, useEffect, useRef } from 'react'
 
-import { chatActions, FeatureFlags, useCanSendMessage } from '@audius/common'
+import {
+  chatActions,
+  FeatureFlags,
+  useCanSendMessage,
+  chatSelectors
+} from '@audius/common'
 import { ResizeObserver } from '@juggle/resize-observer'
 import { push as pushRoute } from 'connected-react-router'
 import { useDispatch } from 'react-redux'
@@ -8,6 +13,7 @@ import useMeasure from 'react-use-measure'
 
 import Page from 'components/page/Page'
 import { useFlag } from 'hooks/useRemoteConfig'
+import { useSelector } from 'utils/reducer'
 import { chatPage } from 'utils/route'
 
 import styles from './ChatPage.module.css'
@@ -18,6 +24,7 @@ import { ChatMessageList } from './components/ChatMessageList'
 import { CreateChatPrompt } from './components/CreateChatPrompt'
 
 const { fetchPermissions } = chatActions
+const { getChat } = chatSelectors
 
 const messages = {
   messages: 'Messages'
@@ -27,6 +34,7 @@ export const ChatPage = ({ currentChatId }: { currentChatId?: string }) => {
   const dispatch = useDispatch()
   const { isEnabled: isChatEnabled } = useFlag(FeatureFlags.CHAT_ENABLED)
   const { firstOtherUser, canSendMessage } = useCanSendMessage(currentChatId)
+  const chat = useSelector((state) => getChat(state, currentChatId ?? ''))
 
   // Get the height of the header so we can slide the messages list underneath it for the blur effect
   const [headerRef, headerBounds] = useMeasure({
@@ -101,7 +109,7 @@ export const ChatPage = ({ currentChatId }: { currentChatId?: string }) => {
                 className={styles.messageList}
                 chatId={currentChatId}
               />
-              {canSendMessage ? (
+              {canSendMessage && chat ? (
                 <ChatComposer
                   chatId={currentChatId}
                   onMessageSent={handleMessageSent}
diff --git a/packages/web/src/pages/chat-page/components/ChatMessageList.module.css b/packages/web/src/pages/chat-page/components/ChatMessageList.module.css
index 06c1744378..f0d777dbfe 100644
--- a/packages/web/src/pages/chat-page/components/ChatMessageList.module.css
+++ b/packages/web/src/pages/chat-page/components/ChatMessageList.module.css
@@ -6,8 +6,10 @@
 .listRoot {
   display: flex;
   flex-direction: column-reverse;
+  justify-content: flex-end;
   gap: 8px;
   padding: 32px;
+  height: 100%;
 }
 
 .separator {
diff --git a/packages/web/src/pages/oauth-login-page/utils.ts b/packages/web/src/pages/oauth-login-page/utils.ts
index 95170f77ae..e53d629f1a 100644
--- a/packages/web/src/pages/oauth-login-page/utils.ts
+++ b/packages/web/src/pages/oauth-login-page/utils.ts
@@ -114,7 +114,7 @@ export const formOAuthResponse = async ({
   if (account.profile_picture_sizes) {
     const storageNode = storageNodeSelector.getNodes(
       account.profile_picture_sizes
-    )
+    )[0]
     const base = `${storageNode}${account.profile_picture_sizes}/`
     profilePicture = {
       '150x150': `${base}150x150.jpg`,
@@ -122,7 +122,7 @@ export const formOAuthResponse = async ({
       '1000x1000': `${base}1000x1000.jpg`
     }
   } else if (account.profile_picture) {
-    const storageNode = storageNodeSelector.getNodes(account.profile_picture)
+    const storageNode = storageNodeSelector.getNodes(account.profile_picture)[0]
     const url = `${storageNode}${account.profile_picture}`
     profilePicture = {
       '150x150': url,
diff --git a/packages/web/src/pages/settings-page/components/desktop/SettingsPage.module.css b/packages/web/src/pages/settings-page/components/desktop/SettingsPage.module.css
index fbe5cb7ebf..856b565897 100644
--- a/packages/web/src/pages/settings-page/components/desktop/SettingsPage.module.css
+++ b/packages/web/src/pages/settings-page/components/desktop/SettingsPage.module.css
@@ -53,11 +53,11 @@
   line-height: 20px;
 }
 
-.terms {
+.link {
   color: var(--neutral-light-5);
 }
 
-.terms:hover {
+.link:hover {
   color: var(--neutral-light-2);
 }
 
diff --git a/packages/web/src/pages/settings-page/components/desktop/SettingsPage.tsx b/packages/web/src/pages/settings-page/components/desktop/SettingsPage.tsx
index efefb8c265..a0ea433722 100644
--- a/packages/web/src/pages/settings-page/components/desktop/SettingsPage.tsx
+++ b/packages/web/src/pages/settings-page/components/desktop/SettingsPage.tsx
@@ -46,7 +46,7 @@ import DownloadApp from 'services/download-app/DownloadApp'
 import { isMobile, isElectron, getOS } from 'utils/clientUtil'
 import { COPYRIGHT_TEXT } from 'utils/copyright'
 import { useSelector } from 'utils/reducer'
-import { TERMS_OF_SERVICE } from 'utils/route'
+import { PRIVACY_POLICY, TERMS_OF_SERVICE } from 'utils/route'
 
 import packageInfo from '../../../../../package.json'
 
@@ -71,6 +71,7 @@ const messages = {
   version: 'Audius Version',
   copyright: COPYRIGHT_TEXT,
   terms: 'Terms of Service',
+  privacy: 'Privacy Policy',
   emailSent: 'Email Sent!',
   emailNotSent: 'Something broke! Please try again!',
   darkModeOn: 'Dark',
@@ -448,12 +449,21 @@ export const SettingsPage = (props: SettingsPageProps) => {
         <span>
           {messages.copyright} -{' '}
           <Link
-            className={styles.terms}
+            className={styles.link}
             to={TERMS_OF_SERVICE}
             target='_blank'
             rel='noreferrer'
           >
             {messages.terms}
+          </Link>{' '}
+          -{' '}
+          <Link
+            className={styles.link}
+            to={PRIVACY_POLICY}
+            target='_blank'
+            rel='noreferrer'
+          >
+            {messages.privacy}
           </Link>
         </span>
       </div>
diff --git a/packages/web/src/pages/settings-page/components/mobile/AboutSettingsPage.tsx b/packages/web/src/pages/settings-page/components/mobile/AboutSettingsPage.tsx
index 398f269bd3..edeb1fc399 100644
--- a/packages/web/src/pages/settings-page/components/mobile/AboutSettingsPage.tsx
+++ b/packages/web/src/pages/settings-page/components/mobile/AboutSettingsPage.tsx
@@ -9,47 +9,43 @@ import Grouping from 'components/groupable-list/Grouping'
 import Row from 'components/groupable-list/Row'
 import Page from 'components/page/Page'
 import { COPYRIGHT_TEXT } from 'utils/copyright'
+import {
+  AUDIUS_CAREERS_LINK,
+  AUDIUS_CONTACT_EMAIL_LINK,
+  AUDIUS_DISCORD_LINK,
+  AUDIUS_HELP_LINK,
+  AUDIUS_INSTAMGRAM_LINK,
+  AUDIUS_TWITTER_LINK,
+  PRIVACY_POLICY,
+  TERMS_OF_SERVICE
+} from 'utils/route'
 
 import packageInfo from '../../../../../package.json'
 
 import styles from './AboutSettingsPage.module.css'
-import { SettingsPageProps } from './SettingsPage'
 import settingsPageStyles from './SettingsPage.module.css'
 
 const { version: appVersion } = packageInfo
 
-const links = {
-  discord: 'https://discordapp.com/invite/yNUg2e2',
-  instagram: 'https://www.instagram.com/audiusmusic/',
-  twitter: 'https://twitter.com/AudiusProject',
-  contact: 'mailto:contact@audius.co',
-  careers: 'https://jobs.lever.co/audius',
-  help: 'https://help.audius.co/',
-  terms: 'https://audius.co/legal/terms-of-use'
-}
-
 const messages = {
+  heading: 'About',
   discord: 'Join our community on Discord',
   twitter: 'Follow us on Twitter',
   instagram: 'Follow us on Instagram',
   contact: 'Contact Us',
   careers: 'Careers at Audius',
   help: 'Help / FAQ',
-  terms: 'Terms & Privacy Policy',
-
+  terms: 'Terms of Service',
+  privacy: 'Privacy Policy',
   title: 'Audius Music',
   version: 'Audius Version',
   copyright: COPYRIGHT_TEXT
 }
 
-const AboutSettingsPage = (props: SettingsPageProps) => {
-  const openLink = (link: string) => {
-    window.open(link, '_blank')
-  }
-
+const AboutSettingsPage = () => {
   return (
     <Page
-      title='About'
+      title={messages.heading}
       contentClassName={settingsPageStyles.pageContent}
       containerClassName={settingsPageStyles.page}
     >
@@ -69,32 +65,43 @@ const AboutSettingsPage = (props: SettingsPageProps) => {
             <Row
               prefix={<IconDiscord className={styles.icon} />}
               title={messages.discord}
-              onClick={() => openLink(links.discord)}
+              href={AUDIUS_DISCORD_LINK}
             />
             <Row
               prefix={<IconTwitter className={styles.icon} />}
               title={messages.twitter}
-              onClick={() => openLink(links.twitter)}
+              href={AUDIUS_TWITTER_LINK}
             />
             <Row
               prefix={<IconInstagram className={styles.icon} />}
               title={messages.instagram}
-              onClick={() => openLink(links.instagram)}
+              href={AUDIUS_INSTAMGRAM_LINK}
             />
             <Row
               prefix={<IconContact className={styles.icon} />}
               title={messages.contact}
-              onClick={() => openLink(links.contact)}
+              href={AUDIUS_CONTACT_EMAIL_LINK}
             />
             <Row
               prefix={<IconCareers className={styles.icon} />}
               title={messages.careers}
-              onClick={() => openLink(links.careers)}
+              href={AUDIUS_CAREERS_LINK}
             />
           </Grouping>
           <Grouping>
-            <Row title={messages.help} onClick={() => openLink(links.help)} />
-            <Row title={messages.terms} onClick={() => openLink(links.terms)} />
+            <Row title={messages.help} href={AUDIUS_HELP_LINK} />
+            <Row
+              title={messages.terms}
+              to={TERMS_OF_SERVICE}
+              target='_blank'
+              rel='noreferrer'
+            />
+            <Row
+              title={messages.privacy}
+              to={PRIVACY_POLICY}
+              target='_blank'
+              rel='noreferrer'
+            />
           </Grouping>
         </GroupableList>
       </div>
diff --git a/packages/web/src/pages/settings-page/components/mobile/SettingsPage.tsx b/packages/web/src/pages/settings-page/components/mobile/SettingsPage.tsx
index 9149d95019..a916591eb9 100644
--- a/packages/web/src/pages/settings-page/components/mobile/SettingsPage.tsx
+++ b/packages/web/src/pages/settings-page/components/mobile/SettingsPage.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useCallback, FC } from 'react'
+import { useContext, useEffect, FC } from 'react'
 
 import {
   ID,
@@ -116,7 +116,6 @@ const SettingsPage = (props: SettingsPageProps) => {
     profilePictureSizes,
     theme,
     toggleTheme,
-    goToRoute,
     getNotificationSettings,
     getPushNotificationSettings,
     showMatrix
@@ -145,22 +144,6 @@ const SettingsPage = (props: SettingsPageProps) => {
     SquareSizes.SIZE_150_BY_150
   )
 
-  const goToHistoryPage = useCallback(() => {
-    goToRoute(HISTORY_PAGE)
-  }, [goToRoute])
-
-  const goToAccountSettingsPage = useCallback(() => {
-    goToRoute(ACCOUNT_SETTINGS_PAGE)
-  }, [goToRoute])
-
-  const goToAboutSettingsPage = useCallback(() => {
-    goToRoute(ABOUT_SETTINGS_PAGE)
-  }, [goToRoute])
-
-  const goToNotificationsSettingsPage = useCallback(() => {
-    goToRoute(NOTIFICATION_SETTINGS_PAGE)
-  }, [goToRoute])
-
   // Render out subPage if we're on one.
   if (subPage && subPage in SubPages) {
     const SubPageComponent = SubPages[subPage]
@@ -217,7 +200,7 @@ const SettingsPage = (props: SettingsPageProps) => {
         </div>
         <GroupableList>
           <Grouping>
-            <Row onClick={goToAccountSettingsPage}>
+            <Row to={ACCOUNT_SETTINGS_PAGE}>
               <div className={styles.account}>
                 <DynamicImage
                   image={profilePicture}
@@ -232,14 +215,14 @@ const SettingsPage = (props: SettingsPageProps) => {
             <Row
               prefix={<i className='emoji small headphone' />}
               title={messages.historyTitle}
-              onClick={goToHistoryPage}
+              to={HISTORY_PAGE}
             />
           </Grouping>
           <Grouping>
             <Row
               prefix={<i className='emoji small bell' />}
               title='Notifications'
-              onClick={goToNotificationsSettingsPage}
+              to={NOTIFICATION_SETTINGS_PAGE}
             />
             <Row
               prefix={<i className='emoji small waning-crescent-moon' />}
@@ -253,7 +236,7 @@ const SettingsPage = (props: SettingsPageProps) => {
             <Row
               prefix={<i className='emoji small speech-balloon' />}
               title={messages.aboutTitle}
-              onClick={goToAboutSettingsPage}
+              to={ABOUT_SETTINGS_PAGE}
             />
           </Grouping>
         </GroupableList>
diff --git a/packages/web/src/store/storeContext.ts b/packages/web/src/store/storeContext.ts
index ccbb5aa1b6..0f74d80cab 100644
--- a/packages/web/src/store/storeContext.ts
+++ b/packages/web/src/store/storeContext.ts
@@ -20,7 +20,7 @@ import { remoteConfigInstance } from 'services/remote-config/remote-config-insta
 import { trackDownload } from 'services/track-download'
 import { walletClient } from 'services/wallet-client'
 import { isElectron } from 'utils/clientUtil'
-import { createPlaylistArtwork } from 'utils/imageProcessingUtil'
+import { generatePlaylistArtwork } from 'utils/imageProcessingUtil'
 import { share } from 'utils/share'
 
 import { reportToSentry } from './errors/reportToSentry'
@@ -67,6 +67,6 @@ export const storeContext: CommonStoreContext = {
   ),
   audiusSdk,
   imageUtils: {
-    createPlaylistArtwork
+    generatePlaylistArtwork
   }
 }
diff --git a/packages/web/src/utils/imageProcessingUtil.ts b/packages/web/src/utils/imageProcessingUtil.ts
index b5bf07787b..ff05475869 100644
--- a/packages/web/src/utils/imageProcessingUtil.ts
+++ b/packages/web/src/utils/imageProcessingUtil.ts
@@ -1,15 +1,15 @@
 import WebWorker from 'services/WebWorker'
 import averageRgbWorkerFile from 'workers/averageRgb.worker.js'
-import createPlaylistArtworkWorkerFile from 'workers/createPlaylistArtwork.worker.js'
 import dominantColorWorkerFile from 'workers/dominantColor.worker.js'
+import generatePlaylistArtworkWorkerFile from 'workers/generatePlaylistArtwork.worker.js'
 import gifPreviewWorkerFile from 'workers/gifPreview.worker.js'
 import resizeImageWorkerFile from 'workers/resizeImage.worker.js'
 
 const averageRgbWorker = new WebWorker(averageRgbWorkerFile, false)
 const dominantColorWorker = new WebWorker(dominantColorWorkerFile, false)
 const gifPreviewWorker = new WebWorker(gifPreviewWorkerFile, false)
-const createPlaylistArtworkWorker = new WebWorker(
-  createPlaylistArtworkWorkerFile,
+const generatePlaylistArtworkWorker = new WebWorker(
+  generatePlaylistArtworkWorkerFile,
   false
 )
 
@@ -52,9 +52,9 @@ export const gifPreview = async (imageUrl: string) => {
   return gifPreviewWorker.getResult(imageUrl)
 }
 
-export const createPlaylistArtwork = async (imageUrls: string[]) => {
-  createPlaylistArtworkWorker.call({ imageUrls }, imageUrls[0])
-  const artworkFile: File = await createPlaylistArtworkWorker.getResult(
+export const generatePlaylistArtwork = async (imageUrls: string[]) => {
+  generatePlaylistArtworkWorker.call({ imageUrls }, imageUrls[0])
+  const artworkFile: File = await generatePlaylistArtworkWorker.getResult(
     imageUrls[0]
   )
   const artworkUrl = URL.createObjectURL(artworkFile)
diff --git a/packages/web/src/utils/route.ts b/packages/web/src/utils/route.ts
index 43d9f3def4..eebacd1205 100644
--- a/packages/web/src/utils/route.ts
+++ b/packages/web/src/utils/route.ts
@@ -126,6 +126,7 @@ export const AUDIUS_AI_BLOG_LINK =
   'https://help.audius.co/help/What-should-I-know-about-AI-generated-music-on-Audius'
 export const AUDIUS_GATED_CONTENT_BLOG_LINK =
   'https://blog.audius.co/article/introducing-nft-collectible-gated-content'
+export const AUDIUS_CONTACT_EMAIL_LINK = 'mailto:contact@audius.co'
 
 // Org Links
 export const AUDIUS_ORG = 'https://audius.org'
@@ -139,6 +140,7 @@ export const AUDIUS_SIGN_UP_LINK = '/signup'
 export const AUDIUS_HOT_AND_NEW =
   '/audius/playlist/hot-new-on-audius-%F0%9F%94%A5-4281'
 export const AUDIUS_EXPLORE_LINK = '/explore'
+export const AUDIUS_HELP_LINK = 'https://help.audius.co/'
 
 export const AUDIUS_CAREERS_LINK = 'https://jobs.lever.co/audius'
 export const AUDIUS_PODCAST_LINK =
diff --git a/packages/web/src/workers/createPlaylistArtwork.worker.js b/packages/web/src/workers/generatePlaylistArtwork.worker.js
similarity index 93%
rename from packages/web/src/workers/createPlaylistArtwork.worker.js
rename to packages/web/src/workers/generatePlaylistArtwork.worker.js
index 89866bfd39..aa79e7b942 100644
--- a/packages/web/src/workers/createPlaylistArtwork.worker.js
+++ b/packages/web/src/workers/generatePlaylistArtwork.worker.js
@@ -8,7 +8,7 @@ export default () => {
   /**
    * Given 4 images, return a new image with each image taking up the four corners
    */
-  const createPlaylistArtwork = ({ imageUrls }) => {
+  const generatePlaylistArtwork = ({ imageUrls }) => {
     const canvasWidth = 1000 // Adjust the width and height as per your requirements
     const canvasHeight = 1000
     const imageWidth = canvasWidth / 2
@@ -50,6 +50,6 @@ export default () => {
   // eslint-disable-next-line
   self.addEventListener('message', (e) => {
     if (!e) return
-    createPlaylistArtwork(JSON.parse(e.data))
+    generatePlaylistArtwork(JSON.parse(e.data))
   })
 }