Merge pull request #1214 from OfficeDev/v-mfurquan/Images_Updates_Tea…

…ms2.1 Teams 2.1 Images Updates
OfficeDev · Apr 30, 2024 · 5e26150 · 5e26150
2 parents 2dd41b1 + 9722fdf
commit 5e26150
Show file tree

Hide file tree

Showing 318 changed files with 171 additions and 136 deletions.
diff --git a/samples/app-complete-sample/nodejs/README.md b/samples/app-complete-sample/nodejs/README.md
@@ -148,27 +148,31 @@ This directory holds all of the TypeScript files, which run the entire applicati
 
 ## Running the sample
 
-![](images/app-complete-sample1.png)
+![](images/1.Install.png)
 
-![](images/app-complete-sample2.png)
+![](images/2.Welcome.png)
 
-![](images/app-complete-sample3.png)
+![](images/3.Commands.png)
 
-![](images/app-complete-sample4.png)
+![](images/4.Hello.png)
 
-![](images/app-complete-sample5.png)
+![](images/5.MultiDialog.png)
 
-![](images/app-complete-sample6.png)
+![](images/6.Roaster.png)
 
-![](images/app-complete-sample7.png)
+![](images/7.Names.png)
 
-![](images/app-complete-sample11.png)
+![](images/8.LastDialog.png)
 
-![](images/app-complete-sample8.png)
+![](images/9.OneToOne.png)
 
-![](images/app-complete-sample9.png)
+![](images/10.SetupTextMessage.png)
 
-![](images/app-complete-sample10.png)
+![](images/12.BotInfo.png)
+
+![](images/13.ConfigTabTeams.png)
+
+![](images/14.TeamsTab.png)
 
 ## Outlook on the web
 

diff --git a/samples/app-complete-sample/nodejs/images/1.Install.png b/samples/app-complete-sample/nodejs/images/1.Install.png
diff --git a/samples/app-complete-sample/nodejs/images/10.SetupTextMessage.png b/samples/app-complete-sample/nodejs/images/10.SetupTextMessage.png
diff --git a/samples/app-complete-sample/nodejs/images/11.SetupCardMessage.png b/samples/app-complete-sample/nodejs/images/11.SetupCardMessage.png
diff --git a/samples/app-complete-sample/nodejs/images/12.BotInfo.png b/samples/app-complete-sample/nodejs/images/12.BotInfo.png
diff --git a/samples/app-complete-sample/nodejs/images/13.ConfigTabTeams.png b/samples/app-complete-sample/nodejs/images/13.ConfigTabTeams.png
diff --git a/samples/app-complete-sample/nodejs/images/14.TeamsTab.png b/samples/app-complete-sample/nodejs/images/14.TeamsTab.png
diff --git a/samples/app-complete-sample/nodejs/images/2.Welcome.png b/samples/app-complete-sample/nodejs/images/2.Welcome.png
diff --git a/samples/app-complete-sample/nodejs/images/3.Commands.png b/samples/app-complete-sample/nodejs/images/3.Commands.png
diff --git a/samples/app-complete-sample/nodejs/images/4.Hello.png b/samples/app-complete-sample/nodejs/images/4.Hello.png
diff --git a/samples/app-complete-sample/nodejs/images/5.MultiDialog.png b/samples/app-complete-sample/nodejs/images/5.MultiDialog.png
diff --git a/samples/app-complete-sample/nodejs/images/6.Roaster.png b/samples/app-complete-sample/nodejs/images/6.Roaster.png
diff --git a/samples/app-complete-sample/nodejs/images/7.Names.png b/samples/app-complete-sample/nodejs/images/7.Names.png
diff --git a/samples/app-complete-sample/nodejs/images/8.LastDialog.png b/samples/app-complete-sample/nodejs/images/8.LastDialog.png
diff --git a/samples/app-complete-sample/nodejs/images/9.OneToOne.png b/samples/app-complete-sample/nodejs/images/9.OneToOne.png
diff --git a/samples/app-complete-sample/nodejs/images/DevTunnel.png b/samples/app-complete-sample/nodejs/images/DevTunnel.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample.gif b/samples/app-complete-sample/nodejs/images/app-complete-sample.gif
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample1.png b/samples/app-complete-sample/nodejs/images/app-complete-sample1.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample10.png b/samples/app-complete-sample/nodejs/images/app-complete-sample10.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample11.png b/samples/app-complete-sample/nodejs/images/app-complete-sample11.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample2.png b/samples/app-complete-sample/nodejs/images/app-complete-sample2.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample3.png b/samples/app-complete-sample/nodejs/images/app-complete-sample3.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample4.png b/samples/app-complete-sample/nodejs/images/app-complete-sample4.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample5.png b/samples/app-complete-sample/nodejs/images/app-complete-sample5.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample6.png b/samples/app-complete-sample/nodejs/images/app-complete-sample6.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample7.png b/samples/app-complete-sample/nodejs/images/app-complete-sample7.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample8.png b/samples/app-complete-sample/nodejs/images/app-complete-sample8.png
diff --git a/samples/app-complete-sample/nodejs/images/app-complete-sample9.png b/samples/app-complete-sample/nodejs/images/app-complete-sample9.png
diff --git a/...world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/AppHelloWorldGif.gif b/...world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/AppHelloWorldGif.gif
diff --git a/...-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/AppOffice.png b/...-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/AppOffice.png
diff --git a/...hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/AppOutlook.png b/...hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/AppOutlook.png
diff --git a/...es/app-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/Bot.png b/...es/app-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/Bot.png
diff --git a/...p-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/HelloTab.png b/...p-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/HelloTab.png
diff --git a/...pp-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/Install.png b/...pp-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/Install.png
diff --git a/...lo-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/InstallOffice.png b/...lo-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/InstallOffice.png
diff --git a/...o-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/InstallOutlook.png b/...o-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/InstallOutlook.png
diff --git a/...es/app-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/Tab.png b/...es/app-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Images/Tab.png
diff --git a/...-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Properties/launchSettings.json b/...-hello-world/csharp/Microsoft.Teams.Samples.HelloWorld.Web/Properties/launchSettings.json
@@ -6,7 +6,7 @@
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       },
-      "applicationUrl": "http://localhost:5000"
+      "applicationUrl": "http://localhost:3978"
     }
   }
 }
diff --git a/samples/app-hello-world/csharp/README.md b/samples/app-hello-world/csharp/README.md
@@ -121,9 +121,13 @@ Please find below demo manifest which is deployed on Microsoft Azure and you can
 
 ![InstallApp](Microsoft.Teams.Samples.HelloWorld.Web/Images/Install.png)
 
+**Welcome Bot:**
+
+![Hello Bot](Microsoft.Teams.Samples.HelloWorld.Web/Images/Bot.png)
+
 **Welcome UI:**
 
-![HelloTab](Microsoft.Teams.Samples.HelloWorld.Web/Images/HelloTab.png)
+![HelloTab](Microsoft.Teams.Samples.HelloWorld.Web/Images/Tab.png)
 
 ## Outlook on the web
 

diff --git a/samples/app-hello-world/nodejs/Images/AppHelloWorldGif.gif b/samples/app-hello-world/nodejs/Images/AppHelloWorldGif.gif
diff --git a/samples/app-hello-world/nodejs/Images/Bot.png b/samples/app-hello-world/nodejs/Images/Bot.png
diff --git a/samples/app-hello-world/nodejs/Images/HelloWorld.png b/samples/app-hello-world/nodejs/Images/HelloWorld.png
diff --git a/samples/app-hello-world/nodejs/Images/Install.png b/samples/app-hello-world/nodejs/Images/Install.png
diff --git a/samples/app-hello-world/nodejs/Images/Tab.png b/samples/app-hello-world/nodejs/Images/Tab.png
diff --git a/samples/app-hello-world/nodejs/README.md b/samples/app-hello-world/nodejs/README.md
@@ -122,11 +122,15 @@ The simplest way to run this sample in Teams is to use Teams Toolkit for Visual
 
 **Install App:**
 
-![InstallApp](Images/Install.png)
+![InstallApp](Images/Install.png.png)
 
-**Welcome UI:**
+**Hello World Bot:**
 
-![HelloWorld](Images/HelloWorld.png)
+![HelloWorld](Images/Bot.png)
+
+**Hello Wrold Tab:**
+
+![HelloWorld](Images/Tab.png)
 
 ## Outlook on the web
 

diff --git a/...rling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/1.Install.png b/...rling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/1.Install.png
diff --git a/...unfurling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/2.Tab.png b/...unfurling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/2.Tab.png
diff --git a/...-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/3.ShareToTeams.png b/...-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/3.ShareToTeams.png
diff --git a/...in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/4.SharedSuccess.png b/...in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/4.SharedSuccess.png
diff --git a/...rling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/5.InTeams.png b/...rling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/5.InTeams.png
diff --git a/...g-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/6.ViewViaCard.png b/...g-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/6.ViewViaCard.png
diff --git a/...e-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/app-link-unfurling-stt.gif b/...e-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/app-link-unfurling-stt.gif
diff --git a/...ing-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/channelcard.png b/...ing-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/channelcard.png
diff --git a/...n-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/linkunfurlingweb.png b/...n-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/linkunfurlingweb.png
diff --git a/...n-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/linkunfurlscreen.png b/...n-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/linkunfurlscreen.png
diff --git a/...nfurling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/report.png b/...nfurling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/report.png
diff --git a/...ing-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/successcard.png b/...ing-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/successcard.png
diff --git a/...furling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/tabpage.png b/...furling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/tabpage.png
diff --git a/...ling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/tabpageweb.png b/...ling-in-share-to-teams/csharp/LinkUnfurlingInShareToTeams/Images/tabpageweb.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/csharp/README.md b/samples/app-link-unfurling-in-share-to-teams/csharp/README.md
@@ -102,17 +102,17 @@ Please find below demo manifest which is deployed on Microsoft Azure and you can
 
 ## Running the sample
 
-  ![tab](LinkUnfurlingInShareToTeams/Images/tabpage.png)
+  ![tab](LinkUnfurlingInShareToTeams/Images/1.Install.png)
   
-  ![Link unfurling STT](LinkUnfurlingInShareToTeams/Images/linkunfurlscreen.png)
+  ![Link unfurling STT](LinkUnfurlingInShareToTeams/Images/2.Tab.png)
 
-  ![Link unfurling success](LinkUnfurlingInShareToTeams/Images/successcard.png)
+  ![Share To Teams](LinkUnfurlingInShareToTeams/Images/3.ShareToTeams.png)
   
-  ![Link unfurling card](LinkUnfurlingInShareToTeams/Images/channelcard.png)
+  ![Shared](LinkUnfurlingInShareToTeams/Images/4.SharedSuccess.png)
 
-  ![tab-web](LinkUnfurlingInShareToTeams/Images/tabpageweb.png)
+  ![In Teams](LinkUnfurlingInShareToTeams/Images/5.InTeams.png)
 
-  ![Link unfurling STT web](LinkUnfurlingInShareToTeams/Images/linkunfurlingweb.png)
+  ![View Via Card](LinkUnfurlingInShareToTeams/Images/6.ViewViaCard.png)
 
 ## Deploy the bot to Azure
 

diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/1.Install.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/1.Install.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/2.Continue.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/2.Continue.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/3.Tab.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/3.Tab.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/4.ShareTOTeams2.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/4.ShareTOTeams2.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/4.ShareToTeams.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/4.ShareToTeams.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/5.Shared.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/5.Shared.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/6.InTeams.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/6.InTeams.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/7.ViewViaCard.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/7.ViewViaCard.png
diff --git a/...s/app-link-unfurling-in-share-to-teams/nodejs/Images/app-link-unfurling-stt.gif b/...s/app-link-unfurling-in-share-to-teams/nodejs/Images/app-link-unfurling-stt.gif
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/channelcard.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/channelcard.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/linkunfurlingweb.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/linkunfurlingweb.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/linkunfurlscreen.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/linkunfurlscreen.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/report.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/report.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/successcard.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/successcard.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/tabpage.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/tabpage.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/tabpageweb.png b/samples/app-link-unfurling-in-share-to-teams/nodejs/Images/tabpageweb.png
diff --git a/samples/app-link-unfurling-in-share-to-teams/nodejs/README.md b/samples/app-link-unfurling-in-share-to-teams/nodejs/README.md
@@ -105,17 +105,19 @@ The simplest way to run this sample in Teams is to use Teams Toolkit for Visual
 
 ## Running the sample
 
-  ![tab](Images/tabpage.png)
+  ![tab](Images/1.Install.png)
 
-  ![Link unfurling STT](Images/linkunfurlscreen.png)
+  ![Continue Devtunnel](Images/2.Continue.png)
 
-  ![Link unfurling success](Images/successcard.png)
+  ![Tab](Images/3.Tab.png)
 
-  ![Link unfurling card](Images/channelcard.png)
+  ![Share To Teams](Images/4.ShareToTeams.png)
 
-  ![tab-web](Images/tabpageweb.png)
+  ![Link Shared](Images/5.Shared.png)
 
-  ![Link unfurling STT web](Images/linkunfurlingweb.png)
+  ![Link unfurling STT Teams](Images/6.InTeams.png)
+
+  ![View Via Card](Images/7.ViewViaCard.png)
 
 ## Deploy the bot to Azure
 

diff --git a/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/1.AddApp.png b/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/1.AddApp.png
diff --git a/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/1.Install.png b/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/1.Install.png
diff --git a/...es/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/10.BlueColor.png b/...es/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/10.BlueColor.png
diff --git a/...ptive-card-actions/csharp/AdaptiveCardActions/Images/10.ToggleVisibiliyCard.png b/...ptive-card-actions/csharp/AdaptiveCardActions/Images/10.ToggleVisibiliyCard.png
diff --git a/...t-adaptive-card-actions/csharp/AdaptiveCardActions/Images/11.VisibleOnClick.png b/...t-adaptive-card-actions/csharp/AdaptiveCardActions/Images/11.VisibleOnClick.png
diff --git a/.../bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/11.YellowColor.png b/.../bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/11.YellowColor.png
diff --git a/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/2.Welcome.png b/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/2.Welcome.png
diff --git a/...ot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/2.WelcomeMessage.png b/...ot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/2.WelcomeMessage.png
diff --git a/...ptive-card-actions/csharp/AdaptiveCardActions/Images/3.AdaptiveCard_Actions.png b/...ptive-card-actions/csharp/AdaptiveCardActions/Images/3.AdaptiveCard_Actions.png
diff --git a/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/3.Red.png b/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/3.Red.png
diff --git a/.../bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/4.ActionSubmit.png b/.../bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/4.ActionSubmit.png
diff --git a/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/4.Yellow.png b/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/4.Yellow.png
diff --git a/...ot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/5.ActionShowCard.png b/...ot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/5.ActionShowCard.png
diff --git a/...t-adaptive-card-actions/csharp/AdaptiveCardActions/Images/5.ActionSubmitted.png b/...t-adaptive-card-actions/csharp/AdaptiveCardActions/Images/5.ActionSubmitted.png
diff --git a/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/5.Blue.png b/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/5.Blue.png
diff --git a/...s/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/6.CardActions.png b/...s/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/6.CardActions.png
diff --git a/...bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/6.Togglevisible.png b/...bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/6.Togglevisible.png
diff --git a/.../bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/7.ActionSubmit.png b/.../bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/7.ActionSubmit.png
diff --git a/...ptive-card-actions/csharp/AdaptiveCardActions/Images/7.ToggleVisibleOnClick.png b/...ptive-card-actions/csharp/AdaptiveCardActions/Images/7.ToggleVisibleOnClick.png
diff --git a/...ot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/8.ActionShowCard.png b/...ot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/8.ActionShowCard.png
diff --git a/...-adaptive-card-actions/csharp/AdaptiveCardActions/Images/8.SuggestedActions.png b/...-adaptive-card-actions/csharp/AdaptiveCardActions/Images/8.SuggestedActions.png
diff --git a/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/9.RedColor.png b/samples/bot-adaptive-card-actions/csharp/AdaptiveCardActions/Images/9.RedColor.png
diff --git a/...-adaptive-card-actions/csharp/AdaptiveCardActions/Images/9.SuggestedActions.png b/...-adaptive-card-actions/csharp/AdaptiveCardActions/Images/9.SuggestedActions.png
diff --git a/...adaptive-card-actions/csharp/AdaptiveCardActions/Images/AdaptiveCardActions.gif b/...adaptive-card-actions/csharp/AdaptiveCardActions/Images/AdaptiveCardActions.gif
diff --git a/samples/bot-adaptive-card-actions/csharp/README.md b/samples/bot-adaptive-card-actions/csharp/README.md
@@ -109,27 +109,27 @@ The simplest way to run this sample in Teams is to use Teams Toolkit for Visual
 
 ## Running the sample
 
-![App Setup](AdaptiveCardActions/Images/1.AddApp.png)
+![App Setup](AdaptiveCardActions/Images/1.Install.png)
 
-![Welcome](AdaptiveCardActions/Images/2.Welcome.png)
+![Welcome](AdaptiveCardActions/Images/2.WelcomeMessage.png)
 
-![Runnning Sample](AdaptiveCardActions/Images/3.AdaptiveCard_Actions.png)
+![Runnning Sample](AdaptiveCardActions/Images/9.SuggestedActions.png)
 
-![Runnning Sample](AdaptiveCardActions/Images/4.ActionSubmit.png)
+![Runnning Sample](AdaptiveCardActions/Images/3.Red.png)
 
-![Runnning Sample](AdaptiveCardActions/Images/5.ActionShowCard.png)
+![Runnning Sample](AdaptiveCardActions/Images/4.Yellow.png)
 
-![Runnning Sample](AdaptiveCardActions/Images/6.Togglevisible.png)
+![Runnning Sample](AdaptiveCardActions/Images/5.Blue.png)
 
-![Runnning Sample](AdaptiveCardActions/Images/7.ToggleVisibleOnClick.png)
+![Runnning Sample](AdaptiveCardActions/Images/6.CardActions.png)
 
-![Runnning Sample](AdaptiveCardActions/Images/8.SuggestedActions.png)
+![Runnning Sample](AdaptiveCardActions/Images/7.ActionSubmit.png)
 
-![Runnning Sample](AdaptiveCardActions/Images/9.RedColor.png)
+![Runnning Sample](AdaptiveCardActions/Images/8.ActionShowCard.png)
 
-![Runnning Sample](AdaptiveCardActions/Images/10.BlueColor.png)
+![Runnning Sample](AdaptiveCardActions/Images/10.ToggleVisibiliyCard.png)
 
-![Runnning Sample](AdaptiveCardActions/Images/11.YellowColor.png)
+![Runnning Sample](AdaptiveCardActions/Images/11.VisibleOnClick.png)
 
 ## Deploy the bot to Azure
 
@@ -141,6 +141,4 @@ To learn more about deploying a bot to Azure, see [Deploy your bot to Azure](htt
 - [Send suggested actions](https://learn.microsoft.com/microsoftteams/platform/bots/how-to/conversations/conversation-messages?tabs=dotnet#send-suggested-actions)
 
 
-
-
 <img src="https://pnptelemetry.azurewebsites.net/microsoft-teams-samples/samples/bot-adaptive-card-actions-csharp" />
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/1.AddApp.png b/samples/bot-adaptive-card-actions/nodejs/Images/1.AddApp.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/1.Install.png b/samples/bot-adaptive-card-actions/nodejs/Images/1.Install.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/10.BlueColor.png b/samples/bot-adaptive-card-actions/nodejs/Images/10.BlueColor.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/10.ToggleVisibiliyCard.png b/samples/bot-adaptive-card-actions/nodejs/Images/10.ToggleVisibiliyCard.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/11.VisibleOnClick.png b/samples/bot-adaptive-card-actions/nodejs/Images/11.VisibleOnClick.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/11.YellowColor.png b/samples/bot-adaptive-card-actions/nodejs/Images/11.YellowColor.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/2.Welcome.png b/samples/bot-adaptive-card-actions/nodejs/Images/2.Welcome.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/2.WelcomeMessage.png b/samples/bot-adaptive-card-actions/nodejs/Images/2.WelcomeMessage.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/3.AdaptiveCard_Actions.png b/samples/bot-adaptive-card-actions/nodejs/Images/3.AdaptiveCard_Actions.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/3.Red.png b/samples/bot-adaptive-card-actions/nodejs/Images/3.Red.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/4.ActionSubmit.png b/samples/bot-adaptive-card-actions/nodejs/Images/4.ActionSubmit.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/4.Yellow.png b/samples/bot-adaptive-card-actions/nodejs/Images/4.Yellow.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/5.ActionShowCard.png b/samples/bot-adaptive-card-actions/nodejs/Images/5.ActionShowCard.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/5.ActionSubmitted.png b/samples/bot-adaptive-card-actions/nodejs/Images/5.ActionSubmitted.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/5.Blue.png b/samples/bot-adaptive-card-actions/nodejs/Images/5.Blue.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/6.CardActions.png b/samples/bot-adaptive-card-actions/nodejs/Images/6.CardActions.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/6.Togglevisible.png b/samples/bot-adaptive-card-actions/nodejs/Images/6.Togglevisible.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/7.ActionSubmit.png b/samples/bot-adaptive-card-actions/nodejs/Images/7.ActionSubmit.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/7.ToggleVisibleOnClick.png b/samples/bot-adaptive-card-actions/nodejs/Images/7.ToggleVisibleOnClick.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/8.ActionShowCard.png b/samples/bot-adaptive-card-actions/nodejs/Images/8.ActionShowCard.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/8.SuggestedActions.png b/samples/bot-adaptive-card-actions/nodejs/Images/8.SuggestedActions.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/9.RedColor.png b/samples/bot-adaptive-card-actions/nodejs/Images/9.RedColor.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/9.SuggestedActions.png b/samples/bot-adaptive-card-actions/nodejs/Images/9.SuggestedActions.png
diff --git a/samples/bot-adaptive-card-actions/nodejs/Images/AdaptiveCardActions.gif b/samples/bot-adaptive-card-actions/nodejs/Images/AdaptiveCardActions.gif
diff --git a/samples/bot-adaptive-card-actions/nodejs/Readme.md b/samples/bot-adaptive-card-actions/nodejs/Readme.md
@@ -117,31 +117,30 @@ The simplest way to run this sample in Teams is to use Teams Toolkit for Visual
 
 **Install App:**
 
-![InstallApp](Images/1.AddApp.png)
+![InstallApp](Images/1.Install.png)
 
 **Welcome UI:**
 
-![Initial message](Images/2.Welcome.png)
+![Initial message](Images/2.WelcomeMessage.png)
 
-![Running Sample](Images/3.AdaptiveCard_Actions.png)
+![Running Sample](Images/9.SuggestedActions.png)
 
-![Running Sample](Images/4.ActionSubmit.png)
+![Running Sample](Images/3.Red.png)
 
-![Running Sample](Images/5.ActionShowCard.png)
+![Running Sample](Images/4.Yellow.png)
 
-![Running Sample](Images/5.ActionSubmitted.png)
+![Running Sample](Images/5.Blue.png)
 
-![Running Sample](Images/6.Togglevisible.png)
+![Running Sample](Images/6.CardActions.png)
 
-![Running Sample](Images/7.ToggleVisibleOnClick.png)
+![Running Sample](Images/7.ActionSubmit.png)
 
-![Running Sample](Images/8.SuggestedActions.png)
+![Running Sample](Images/8.ActionShowCard.png)
 
-![Running Sample](Images/9.RedColor.png)
+![Running Sample](Images/10.ToggleVisibiliyCard.png)
 
-![Running Sample](Images/10.BlueColor.png)
+![Running Sample](Images/11.VisibleOnClick.png)
 
-![Running Sample](Images/11.YellowColor.png)
 
 ## Deploy the bot to Azure
 

diff --git a/samples/bot-file-upload/csharp/Images/1.Install.png b/samples/bot-file-upload/csharp/Images/1.Install.png
diff --git a/samples/bot-file-upload/csharp/Images/2.FileUploadCard.png b/samples/bot-file-upload/csharp/Images/2.FileUploadCard.png
diff --git a/samples/bot-file-upload/csharp/Images/3.AttachFile.png b/samples/bot-file-upload/csharp/Images/3.AttachFile.png
diff --git a/samples/bot-file-upload/csharp/Images/4.FileReceived.png b/samples/bot-file-upload/csharp/Images/4.FileReceived.png
diff --git a/samples/bot-file-upload/csharp/Images/5.InLineImageOption.png b/samples/bot-file-upload/csharp/Images/5.InLineImageOption.png
diff --git a/samples/bot-file-upload/csharp/Images/6.InLineImageUploaded.png b/samples/bot-file-upload/csharp/Images/6.InLineImageUploaded.png
diff --git a/samples/bot-file-upload/csharp/Images/add-App.png b/samples/bot-file-upload/csharp/Images/add-App.png
diff --git a/samples/bot-file-upload/csharp/Images/attachment-File-Upload.png b/samples/bot-file-upload/csharp/Images/attachment-File-Upload.png
diff --git a/samples/bot-file-upload/csharp/Images/attachment-File-Uploaded.png b/samples/bot-file-upload/csharp/Images/attachment-File-Uploaded.png
diff --git a/samples/bot-file-upload/csharp/Images/bot-file-upload.gif b/samples/bot-file-upload/csharp/Images/bot-file-upload.gif
diff --git a/samples/bot-file-upload/csharp/Images/file-Card-Uploaded.png b/samples/bot-file-upload/csharp/Images/file-Card-Uploaded.png
diff --git a/samples/bot-file-upload/csharp/Images/file-Card.png b/samples/bot-file-upload/csharp/Images/file-Card.png
diff --git a/samples/bot-file-upload/csharp/Images/inline-Image-Send.png b/samples/bot-file-upload/csharp/Images/inline-Image-Send.png
diff --git a/samples/bot-file-upload/csharp/Images/inline-Image-Uploaded.png b/samples/bot-file-upload/csharp/Images/inline-Image-Uploaded.png
diff --git a/samples/bot-file-upload/csharp/Images/inline-Image.png b/samples/bot-file-upload/csharp/Images/inline-Image.png
diff --git a/samples/bot-file-upload/csharp/README.md b/samples/bot-file-upload/csharp/README.md
@@ -112,20 +112,19 @@ the Teams service needs to call into the bot.
 > Note this `manifest.json` specified that the bot will be installed in "personal" scope which is why you immediately entered a one on one chat conversation with the bot. Please refer to Teams documentation for more details.
 
 1. Adding the bot:
-![add-App ](Images/add-App.png)
+![add-App ](Images/1.Install.png)
 
 1. Sending a message to the bot will cause it to respond with a card that will prompt you to upload a file. The file that's being uploaded is the `teams-logo.png` in the `Files` directory in this sample. The `Accept` and `Decline` events illustrated in this sample are specific to Teams. You can message the bot again to receive another prompt.
-![file-Card ](Images/file-Card.png)
-![file-Card-Uploaded ](Images/file-Card-Uploaded.png)
+![file-Card ](Images/2.FileUploadCard.png)
+![file-Card-Uploaded and attach file](Images/3.AttachFile.png)
 
 1. You can send a file to the bot as an attachment in the message compose section in Teams. This will be delivered to the bot as a Message Activity and the code in this sample fetches and saves the file.
-![attachment-File-Upload ](Images/attachment-File-Upload.png)
-![attachment-File-Uploaded ](Images/attachment-File-Uploaded.png)
+![attachment-File-Upload ](Images/3.AttachFile.png)
+![attachment-File-Uploaded ](Images/4.FileReceived.png)
 
 1. You can also send an inline image in the message compose section. This will be present in the attachments of the Activity and requires the Bot's access token to fetch the image.
-![inline-Image ](Images/inline-Image.png)
-![inline-Image-Send ](Images/inline-Image-Send.png)
-![inline-Image-Uploaded ](Images/inline-Image-Uploaded.png)
+![inline-Image ](Images/5.InLineImageOption.png)
+![inline-Image-Uploaded ](Images/6.InLineImageUploaded.png)
 
 ## Deploy the bot to Azure
 

diff --git a/samples/bot-file-upload/nodejs/Images/1.Install.png b/samples/bot-file-upload/nodejs/Images/1.Install.png
diff --git a/samples/bot-file-upload/nodejs/Images/2.FileUploadCard.png b/samples/bot-file-upload/nodejs/Images/2.FileUploadCard.png
diff --git a/samples/bot-file-upload/nodejs/Images/3.AttachFile.png b/samples/bot-file-upload/nodejs/Images/3.AttachFile.png
diff --git a/samples/bot-file-upload/nodejs/Images/4.FileReceived.png b/samples/bot-file-upload/nodejs/Images/4.FileReceived.png
diff --git a/samples/bot-file-upload/nodejs/Images/5.InLineImageOption.png b/samples/bot-file-upload/nodejs/Images/5.InLineImageOption.png
diff --git a/samples/bot-file-upload/nodejs/Images/6.InLineImageUploaded.png b/samples/bot-file-upload/nodejs/Images/6.InLineImageUploaded.png
diff --git a/samples/bot-file-upload/nodejs/Images/FileUpload.gif b/samples/bot-file-upload/nodejs/Images/FileUpload.gif
diff --git a/samples/bot-file-upload/nodejs/Images/add-App.png b/samples/bot-file-upload/nodejs/Images/add-App.png
diff --git a/samples/bot-file-upload/nodejs/Images/attachment-File-Upload.png b/samples/bot-file-upload/nodejs/Images/attachment-File-Upload.png
diff --git a/samples/bot-file-upload/nodejs/Images/attachment-File-Uploaded.png b/samples/bot-file-upload/nodejs/Images/attachment-File-Uploaded.png
diff --git a/samples/bot-file-upload/nodejs/Images/file-Card-Uploaded.png b/samples/bot-file-upload/nodejs/Images/file-Card-Uploaded.png
diff --git a/samples/bot-file-upload/nodejs/Images/file-Card.png b/samples/bot-file-upload/nodejs/Images/file-Card.png
diff --git a/samples/bot-file-upload/nodejs/Images/inline-Image-Send.png b/samples/bot-file-upload/nodejs/Images/inline-Image-Send.png
diff --git a/samples/bot-file-upload/nodejs/Images/inline-Image-Uploaded.png b/samples/bot-file-upload/nodejs/Images/inline-Image-Uploaded.png
diff --git a/samples/bot-file-upload/nodejs/Images/inline-Image.png b/samples/bot-file-upload/nodejs/Images/inline-Image.png
diff --git a/samples/bot-file-upload/nodejs/README.md b/samples/bot-file-upload/nodejs/README.md
@@ -118,20 +118,18 @@ In Azure portal, create a [Azure Bot resource](https://docs.microsoft.com/azure/
 > Note this `manifest.json` specified that the bot will be installed in "personal" scope which is why you immediately entered a one on one chat conversation with the bot. Please refer to Teams documentation for more details.
 
 1. Adding the bot:
-![add-App ](Images/add-App.png)
+![add-App ](Images/1.Install.png)
 
 1. Sending a message to the bot will cause it to respond with a card that will prompt you to upload a file. The file that's being uploaded is the `teams-logo.png` in the `Files` directory in this sample. The `Accept` and `Decline` events illustrated in this sample are specific to Teams. You can message the bot again to receive another prompt.
-![file-Card ](Images/file-Card.png)
-![file-Card-Uploaded ](Images/file-Card-Uploaded.png)
+![file-Card ](Images/2.FileUploadCard.png)
+![file-Card-Uploaded And Attach File ](Images/3.AttachFile.png)
 
 1. You can send a file to the bot as an attachment in the message compose section in Teams. This will be delivered to the bot as a Message Activity and the code in this sample fetches and saves the file.
-![attachment-File-Upload ](Images/attachment-File-Upload.png)
-![attachment-File-Uploaded ](Images/attachment-File-Uploaded.png)
+![attachment-File-Upload ](Images/4.FileReceived.png)
 
 1. You can also send an inline image in the message compose section. This will be present in the attachments of the Activity and requires the Bot's access token to fetch the image.
-![inline-Image ](Images/inline-Image.png)
-![inline-Image-Send ](Images/inline-Image-Send.png)
-![inline-Image-Uploaded ](Images/inline-Image-Uploaded.png)
+![inline-Image ](Images/5.InLineImageOption.png)
+![inline-Image-Send ](Images/6.InLineImageUploaded.png)
 
 
 ## Deploy the bot to Azure

diff --git a/samples/bot-initiate-thread-in-channel/csharp/Images/1.Install.png b/samples/bot-initiate-thread-in-channel/csharp/Images/1.Install.png
diff --git a/samples/bot-initiate-thread-in-channel/csharp/Images/2.SelectTeams.png b/samples/bot-initiate-thread-in-channel/csharp/Images/2.SelectTeams.png
diff --git a/samples/bot-initiate-thread-in-channel/csharp/Images/3.MentionInTeams.png b/samples/bot-initiate-thread-in-channel/csharp/Images/3.MentionInTeams.png
diff --git a/samples/bot-initiate-thread-in-channel/csharp/Images/4.FirstResponseInThread.png b/samples/bot-initiate-thread-in-channel/csharp/Images/4.FirstResponseInThread.png
diff --git a/samples/bot-initiate-thread-in-channel/csharp/Images/add-App-To-Teams-Channel.png b/samples/bot-initiate-thread-in-channel/csharp/Images/add-App-To-Teams-Channel.png
diff --git a/samples/bot-initiate-thread-in-channel/csharp/Images/add-App.png b/samples/bot-initiate-thread-in-channel/csharp/Images/add-App.png
diff --git a/samples/bot-initiate-thread-in-channel/csharp/Images/added-App.png b/samples/bot-initiate-thread-in-channel/csharp/Images/added-App.png
diff --git a/samples/bot-initiate-thread-in-channel/csharp/Images/mentionedBot-NewThread.png b/samples/bot-initiate-thread-in-channel/csharp/Images/mentionedBot-NewThread.png
diff --git a/samples/bot-initiate-thread-in-channel/csharp/Images/new-Thread-In-Channel.gif b/samples/bot-initiate-thread-in-channel/csharp/Images/new-Thread-In-Channel.gif
diff --git a/samples/bot-initiate-thread-in-channel/csharp/README.md b/samples/bot-initiate-thread-in-channel/csharp/README.md
@@ -96,14 +96,14 @@ the Teams service needs to call into the bot.
 You can interact with this bot by sending it a message. The bot will respond by creating a new thread in the channel and replying to that new thread.
 
 **Adding the bot to a team's channel :**
-![add-App ](Images/add-App.png)
+![Add-App](Images/1.Install.png)
 
-![add-App-To-Teams-Channel ](Images/add-App-To-Teams-Channel.png)
+![Add-App-To-Teams-Channel](Images/2.SelectTeams.png)
 
-![added-App ](Images/added-App.png)
+![Mentioned Bot](Images/3.MentionInTeams.png)
 
 **Mention the bot in a team's channel using "@" with any message like: '@yourbotname Hello' :**
-![mentionedBot-NewThread ](Images/mentionedBot-NewThread.png)
+![Response In Thread](Images/4.FirstResponseInThread.png)
 
 ## Deploy the bot to Azure
 

diff --git a/samples/bot-initiate-thread-in-channel/nodejs/Images/1.Install.png b/samples/bot-initiate-thread-in-channel/nodejs/Images/1.Install.png
diff --git a/samples/bot-initiate-thread-in-channel/nodejs/Images/2.SelectTeams.png b/samples/bot-initiate-thread-in-channel/nodejs/Images/2.SelectTeams.png
diff --git a/samples/bot-initiate-thread-in-channel/nodejs/Images/3.MentionInTeams.png b/samples/bot-initiate-thread-in-channel/nodejs/Images/3.MentionInTeams.png
diff --git a/samples/bot-initiate-thread-in-channel/nodejs/Images/4.FirstResponseInThread.png b/samples/bot-initiate-thread-in-channel/nodejs/Images/4.FirstResponseInThread.png
diff --git a/samples/bot-initiate-thread-in-channel/nodejs/Images/TeamsThread.gif b/samples/bot-initiate-thread-in-channel/nodejs/Images/TeamsThread.gif
diff --git a/samples/bot-initiate-thread-in-channel/nodejs/Images/add-App-To-Teams-Channel.png b/samples/bot-initiate-thread-in-channel/nodejs/Images/add-App-To-Teams-Channel.png
diff --git a/samples/bot-initiate-thread-in-channel/nodejs/Images/add-App.png b/samples/bot-initiate-thread-in-channel/nodejs/Images/add-App.png
diff --git a/samples/bot-initiate-thread-in-channel/nodejs/Images/added-App.png b/samples/bot-initiate-thread-in-channel/nodejs/Images/added-App.png
diff --git a/samples/bot-initiate-thread-in-channel/nodejs/Images/mentionedBot-NewThread.png b/samples/bot-initiate-thread-in-channel/nodejs/Images/mentionedBot-NewThread.png
diff --git a/samples/bot-initiate-thread-in-channel/nodejs/README.md b/samples/bot-initiate-thread-in-channel/nodejs/README.md
@@ -121,14 +121,14 @@ In Azure portal, create a [Azure Bot resource](https://docs.microsoft.com/azure/
 You can interact with this bot by sending it a message. The bot will respond by creating a new thread in the channel and replying to that new thread.
 
 **Adding the bot to a team's channel :**
-![add-App ](Images/add-App.png)
+![Add-App ](Images/1.Install.png)
 
-![add-App-To-Teams-Channel ](Images/add-App-To-Teams-Channel.png)
+![Add-App-To-Teams-Channel ](Images/2.SelectTeams.png)
 
-![added-App ](Images/added-App.png)
+![Mention Bot In Teams ](Images/3.MentionInTeams.png)
 
 **Mention the bot in a team's channel using "@" with any message like: '@yourbotname Hello' :**
-![mentionedBot-NewThread ](Images/mentionedBot-NewThread.png)
+![First Response To New Thread ](Images/4.FirstResponseInThread.png)
 
 
 ## Deploy the bot to Azure

diff --git a/samples/bot-message-reaction/csharp/Images/1.Install.png b/samples/bot-message-reaction/csharp/Images/1.Install.png
diff --git a/samples/bot-message-reaction/csharp/Images/2.PersonalChat.png b/samples/bot-message-reaction/csharp/Images/2.PersonalChat.png
diff --git a/samples/bot-message-reaction/csharp/Images/3.AddToTeams.png b/samples/bot-message-reaction/csharp/Images/3.AddToTeams.png
diff --git a/samples/bot-message-reaction/csharp/Images/4.TeamsChat.png b/samples/bot-message-reaction/csharp/Images/4.TeamsChat.png
diff --git a/samples/bot-message-reaction/csharp/Images/5.AddToGC.png b/samples/bot-message-reaction/csharp/Images/5.AddToGC.png
diff --git a/samples/bot-message-reaction/csharp/Images/6.GroupChat.png b/samples/bot-message-reaction/csharp/Images/6.GroupChat.png
diff --git a/samples/bot-message-reaction/csharp/Images/bot-message-reaction.gif b/samples/bot-message-reaction/csharp/Images/bot-message-reaction.gif
diff --git a/samples/bot-message-reaction/csharp/Images/groupChat-AddApp.png b/samples/bot-message-reaction/csharp/Images/groupChat-AddApp.png
diff --git a/samples/bot-message-reaction/csharp/Images/groupChat-Interaction.png b/samples/bot-message-reaction/csharp/Images/groupChat-Interaction.png
diff --git a/samples/bot-message-reaction/csharp/Images/personalScope-AddApp.png b/samples/bot-message-reaction/csharp/Images/personalScope-AddApp.png
diff --git a/samples/bot-message-reaction/csharp/Images/personalScope-Interaction.png b/samples/bot-message-reaction/csharp/Images/personalScope-Interaction.png
diff --git a/samples/bot-message-reaction/csharp/Images/teamScope-AddApp.png b/samples/bot-message-reaction/csharp/Images/teamScope-AddApp.png
diff --git a/samples/bot-message-reaction/csharp/Images/teamScope-Interaction.png b/samples/bot-message-reaction/csharp/Images/teamScope-Interaction.png
diff --git a/samples/bot-message-reaction/csharp/README.md b/samples/bot-message-reaction/csharp/README.md
@@ -96,21 +96,21 @@ Message the bot and it will respond with an 'Echo: [your message]'.  Add a messa
 
 - **Personal Scope Interactions:**
 
-![personalScope-AddApp ](Images/personalScope-AddApp.png)
+![personalScope-AddApp ](Images/1.Install.png)
 
-![personalScope-Interaction ](Images/personalScope-Interaction.png)
+![personalScope-Interaction ](Images/2.PersonalChat.png)
 
 - **Group Chat Scope Interactions:**
 
-![groupChat-AddApp ](Images/groupChat-AddApp.png)
+![groupChat-AddApp ](Images/5.AddToGC.png)
 
-![groupChat-Interaction ](Images/groupChat-Interaction.png)
+![groupChat-Interaction ](Images/6.GroupChat.png)
 
 - **Team Scope Interactions:**
 
-![teamScope-AddApp ](Images/teamScope-AddApp.png)
+![teamScope-AddApp ](Images/3.AddToTeams.png)
 
-![teamScope-Interaction ](Images/teamScope-Interaction.png)
+![teamScope-Interaction ](Images/4.TeamsChat.png)
 
 
 ## Deploy the bot to Azure

diff --git a/samples/bot-message-reaction/nodejs/Images/1.Install.png b/samples/bot-message-reaction/nodejs/Images/1.Install.png
diff --git a/samples/bot-message-reaction/nodejs/Images/2.PersonalChat.png b/samples/bot-message-reaction/nodejs/Images/2.PersonalChat.png
diff --git a/samples/bot-message-reaction/nodejs/Images/3.AddToTeams.png b/samples/bot-message-reaction/nodejs/Images/3.AddToTeams.png
diff --git a/samples/bot-message-reaction/nodejs/Images/4.TeamsChat.png b/samples/bot-message-reaction/nodejs/Images/4.TeamsChat.png
diff --git a/samples/bot-message-reaction/nodejs/Images/5.AddToGC.png b/samples/bot-message-reaction/nodejs/Images/5.AddToGC.png
diff --git a/samples/bot-message-reaction/nodejs/Images/6.GroupChat.png b/samples/bot-message-reaction/nodejs/Images/6.GroupChat.png
diff --git a/samples/bot-message-reaction/nodejs/Images/MessageReactions.gif b/samples/bot-message-reaction/nodejs/Images/MessageReactions.gif
diff --git a/samples/bot-message-reaction/nodejs/Images/groupChat-AddApp.png b/samples/bot-message-reaction/nodejs/Images/groupChat-AddApp.png
diff --git a/samples/bot-message-reaction/nodejs/Images/groupChat-Interaction.png b/samples/bot-message-reaction/nodejs/Images/groupChat-Interaction.png
diff --git a/samples/bot-message-reaction/nodejs/Images/personalScope-AddApp.png b/samples/bot-message-reaction/nodejs/Images/personalScope-AddApp.png
diff --git a/samples/bot-message-reaction/nodejs/Images/personalScope-Interaction.png b/samples/bot-message-reaction/nodejs/Images/personalScope-Interaction.png
diff --git a/samples/bot-message-reaction/nodejs/Images/teamScope-AddApp.png b/samples/bot-message-reaction/nodejs/Images/teamScope-AddApp.png
diff --git a/samples/bot-message-reaction/nodejs/Images/teamScope-Interaction.png b/samples/bot-message-reaction/nodejs/Images/teamScope-Interaction.png
diff --git a/samples/bot-message-reaction/nodejs/README.md b/samples/bot-message-reaction/nodejs/README.md
@@ -113,23 +113,25 @@ In Azure portal, create a [Azure Bot resource](https://docs.microsoft.com/azure/
 
 Message the bot and it will respond with an 'Echo: [your message]'.  Add a message reaction to the bots response, and the bot will reply accordingly.
 
-- **Personal Scope Interactions:**
+- **App Installation:**
+
+![App Installation ](Images/1.Install.png)
 
-![personalScope-AddApp ](Images/personalScope-AddApp.png)
+- **Personal Scope Interactions:**
 
-![personalScope-Interaction ](Images/personalScope-Interaction.png)
+![personalScope-AddApp ](Images/2.PersonalChat.png)
 
 - **Group Chat Scope Interactions:**
 
-![groupChat-AddApp ](Images/groupChat-AddApp.png)
+![groupChat-AddApp ](Images/5.AddToGC.png)
 
-![groupChat-Interaction ](Images/groupChat-Interaction.png)
+![groupChat-Interaction ](Images/6.GroupChat.png)
 
 - **Team Scope Interactions:**
 
-![teamScope-AddApp ](Images/teamScope-AddApp.png)
+![teamScope-AddApp ](Images/3.AddToTeams.png)
 
-![teamScope-Interaction ](Images/teamScope-Interaction.png)
+![teamScope-Interaction ](Images/4.TeamsChat.png)
 
 ## Deploy the bot to Azure