Merge pull request #1748 from newrelic/lucia/update-nerdpack-detail-docs

Updates guide images of the new nerdpack detail UI.

Author: brammerl

src/images/ab-test/whats-inside.png

@@ -228,7 +228,7 @@ Select **catalog**, which creates a stub in your project under the _catalog_ dir
 
   <Step>
 
-In the root `catalog` directory of your project, add screenshots or various types of metadata to describe your project. For details about what you can add, see [Add catalog metadata and screenshots](https://docs.newrelic.com/docs/new-relic-one/use-new-relic-one/build-new-relic-one/discover-manage-applications-new-relic-one-catalog#clamshell-2).
+In the root `catalog` directory of your project, add screenshots or various types of metadata to describe your project. You can also add screenshots in the catalog directories of your launcher or Nerdlet. For details about what you can add, see [Update your Nerdpack's catalog metadata](https://developer.newrelic.com/build-apps/publish-deploy/catalog/#update-your-nerdpacks-catalog-metadata)
 
   </Step>
 
@@ -246,6 +246,12 @@ nr1 catalog:submit
 
 Return to Instant Observability and refresh the page to see your new screenshots and metadata describing your project.
 
+![Overview View](../../images/create-hello-world/hello-world-overview.png)
+
+And if you added screenshots to your launcher or Nerdlet, you can see them under What's inside:
+
+![What's Inside View](../../images/create-hello-world/hello-world-whats-inside.png)
+
   </Step>
 
 </Steps>

src/images/build-an-app/whats-inside-tab.png

@@ -44,7 +44,7 @@ Create the _catalog_ directories:
 nr1 create --type catalog
 ```
 
-This creates a root _catalog_ directory with template files for inputting custom information about your app and a catalog directory for each Nerdpack item where screenshots can be stored.
+This creates a root _catalog_ directory with template files for inputting custom information about your app and a _catalog_ directory for each Nerdpack item where screenshots can be stored.
 
 <Callout variant="tip">
 
@@ -110,22 +110,24 @@ Read [our documentation](/build-apps/publish-deploy/catalog#update-your-nerdpack
 
 <Step>
 
-Save [this screenshot](https://github.com/newrelic-experimental/nru-programmability-course/raw/main/publish/ab-test/catalog/screenshots/screenshot.png) to your _catalog/screenshots_ directory.
 
-Users will be able to see a carousel of screenshots in your app's **About** page in the catalog.
+Save [this screenshot](https://github.com/newrelic-experimental/nru-programmability-course/raw/main/publish/ab-test/catalog/screenshots/screenshot.png) to the following two directories: 
+
+
+- _nru-programmability-course/describe-app/ab-test/catalog/screenshots_ 
+- _nru-programmability-course/describe-app/ab-test/nerdlets/ab-test-nerdlet/catalog/screenshots_ 
+
+Users will be able to see a carousel of screenshots in your app's **Overview** page in the catalog.
 
 </Step>
 
 <Step>
 
-Save the following icon as _icon.png_ in two places:
-
-- _nru-programmability-course/describe-app/ab-test_
-- _nru-programmability-course/describe-app/ab-test/launchers/ab-test-launcher_
+Save the following icon as _icon.png_ in _nru-programmability-course/describe-app/ab-test_.
 
 ![App icon](../../../images/ab-test/icon.png)
 
-This will act as the launcher's icon and the app's catalog icon on the **About** page.
+This will act as the app's catalog icon on the **Overview** page.
 
 </Step>
 

src/images/create-hello-world/hello-world-overview.png

@@ -274,6 +274,10 @@ Click on the app to see more:
 
 ![Your app details](../../../images/ab-test/app-about.png)
 
+You see the screenshots added to your launcher or Nerdlet under **What's inside**:
+
+![What's inside preview](../../../images/ab-test/whats-inside.png)
+
 Here, you see app details, a documentation tab, release notes, and screenshots.
 
 </Step>

src/images/create-hello-world/hello-world-whats-inside.png

@@ -205,6 +205,10 @@ Click your Nerdpack to see the new details:
 
 ![App details](../../../images/serve-publish-subscribe/demo-app-details.png)
 
+Click **What's inside** to see any screenshots you uploaded for individual items in your Nerdpack:
+
+![What's Inside Tab](../../../images/build-an-app/whats-inside-tab.png)
+
 </Step>
 
 </Steps>