Update images

Author: Greg Van Liew

docs/ide/codespaces/codespaces-overview.md

@@ -1,6 +1,6 @@
 ---
 title: Overview of GitHub Codespaces (Preview)
-description: Learn more about GitHub Codespaces and how it can help extend extend your development environment to the cloud.
+description: Learn more about GitHub Codespaces for Visual Studio and how it can help extend your development environment to the cloud.
 ms.topic: overview
 ms.date: 09/04/2020
 author: TerryGLee
@@ -17,14 +17,14 @@ monikerRange: vs-2019
 
 Welcome to Codespaces! We're glad you're here.
 
-GitHub Codespaces provides you with a cloud-powered development environment for any activity, whether it's a long-term project, or a short-term task like reviewing a pull request. You can work with a codespace from within Visual Studio 2019 ([sign up for the Preview](https://aka.ms/vsfutures-signup)).
+GitHub Codespaces for Visual Studio provides you with a cloud-powered development environment for any activity, whether it's a long-term project, or a short-term task like reviewing a pull request. You can work with a codespace from within Visual Studio 2019 ([sign up for the public beta](https://github.com/features/codespaces)).
 
-Additionally, GitHub Codespaces brings many of the benefits of DevOps, like repeatability and reliability—which have typically been reserved for production workloads—to a development environment. You can also personalize GitHub Codespaces so that the tools, processes, and configurations that you prefer and rely on are there, too.
+Additionally, GitHub Codespaces for Visual Studio brings many of the benefits of DevOps, like repeatability and reliability—which have typically been reserved for production workloads—to a development environment. You can also personalize GitHub Codespaces so that the tools, processes, and configurations that you prefer and rely on are there, too.
 
 This document will explain key concepts and introduce Codespaces features. If you're looking to get started, check out [Use Visual Studio with a codespace](use-visual-studio-with-codespaces.md).
 
 > [!IMPORTANT]
-> You must sign up for the [Private Preview](https://aka.ms/vsfutures-signup) to use Codespaces. This Private Preview release is not intended for use on production computers or for creating production code. For more information about Preview releases, see the [Visual Studio 2019 Preview release notes](/visualstudio/releases/2019/release-notes-preview/).
+> You must sign up for the limited [public beta](https://github.com/features/codespaces) to use GitHub Codespaces. During the beta period, GitHub does not make any guarantees about the availability of Codespaces. For more information about joining the beta, see [About Codespaces](https://docs.github.com/github/developing-online-with-codespaces/about-codespaces#joining-the-beta).
 
 ## Concepts and features
 

docs/ide/codespaces/media/visual-studio-codespace-details.png

@@ -1,6 +1,6 @@
 ---
 title: Visual Studio with a codespace (Preview)
-description: Learn which Visual Studio IDE features work when you're connected to a codespace.
+description: Learn about using Visual Studio IDE with GitHub Codespaces for Visual Studio.
 ms.topic: how-to
 ms.date: 09/21/2020
 author: gregvanl
@@ -15,16 +15,16 @@ monikerRange: vs-2019
 
 # How to use Visual Studio with a codespace (Preview)
 
-Visual Studio has great support for developing in GitHub Codespaces. You can create and connect to a codespace and have the full power of Visual Studio to work on your projects on a remote, hosted environment. Even though your source code and tools are in a codespace and your compilation and debugging is happening in the cloud, your development experience will feel as fast and friction-free as if you were working locally.
+Visual Studio has great support for developing in GitHub Codespaces for Visual Studio. You can create and connect to a codespace and have the full power of Visual Studio to work on your projects on a remote, hosted environment. Even though your source code and tools are in a codespace and your compilation and debugging is happening in the cloud, your development experience will feel as fast and friction-free as if you were working locally.
 
 > [!NOTE]
-> This article specifically describe using Visual Studio when connected to Windows codespaces. You can learn about connecting with other clients to a codespace in the [Visual Studio Code](https://docs.github.com/github/developing-online-with-codespaces/connecting-to-your-codespace-from-visual-studio-code) or [in-browser editor](https://docs.github.com/en/github/developing-online-with-codespaces/developing-in-a-codespace) documentation.
-
-## Creating a Windows codespace
+> This article specifically describe using Visual Studio when connected to GitHub Codespaces for Visual Studio. You can learn about connecting with other clients to a codespace in the [Visual Studio Code](https://docs.github.com/github/developing-online-with-codespaces/connecting-to-your-codespace-from-visual-studio-code) or [in-browser editor](https://docs.github.com/en/github/developing-online-with-codespaces/developing-in-a-codespace) documentation.
 
 > [!NOTE]
 > If you don't have [Visual Studio 2019 Preview](https://aka.ms/vspreview) installed already, you can [download it from visualstudio.microsoft.com](https://aka.ms/vspreview).
 
+## Creating a GitHub Codespaces for Visual Studio codespace
+
 If you don't already have a GitHub codespace, you can create one from Visual Studio.
 
 1. When you launch Visual Studio, the Start Window will show a **Connect to a codespace** button under "Get started".
@@ -35,27 +35,36 @@ If you don't already have a GitHub codespace, you can create one from Visual Stu
 
    ![Visual Studio sign in to GitHub](media/visual-studio-sign-in-to-github.png)
 
-   Once you click **Sign in to GitHub**, follow the online GitHub sign in workflow.
+   Once you select **Sign in to GitHub**, follow the online GitHub sign in workflow.
 
-3. If you've never created a codespace, you can start by clicking the **New codespace** button.
+3. If you've never created a codespace, you will be prompted to create one.
 
-   ![Visual Studio New codespace button](media/visual-studio-new-codespace.png)
-
-4. Under "Codespace details", you need to provide a **Repository URL**, which can be any valid GitHub or Azure DevOps repository URL. GitHub Codespaces will clone the specified repository into your codespace when it is created.
+   Under "Codespace details", you need to provide a **Repository URL**, which can be any valid GitHub or Azure DevOps repository URL. GitHub Codespaces will clone the specified repository into your codespace when it is created.
 
    You can also modify the **Instance Type** and **Suspend after** timeout via their dropdowns. Once you have set the codespace details, select the **Create and Connect** button.
 
    ![Visual Studio codespace details](media/visual-studio-codespace-details.png)
 
-   GitHub Codespaces will begin preparing the codespace and open Visual Studio, once it is ready.
+   GitHub Codespaces will begin preparing the codespace and open Visual Studio, once the codespace is ready.
+
+   The codespace name will appear in the remote indicator in the menu bar.
+
+   ![Visual Studio connected to eShopOnWeb repository codespace](media/visual-studio-eshoponweb-codespace.png)
+
+4. Start using your codespace, just as you would working locally. Things to try:
+
+   - Browse source code.
+   - Select a solution file, and build the solution (**Ctrl+Shift+B**).
+   - Set a breakpoint in a source file and press **F5** to launch the application in the debugger.
+   - Make changes and commit them to your repository.   
 
 <!-- TBD ### Create from github.com portal -->
 
 ## Connecting to a codespace
 
-After you've created your codespace, you can open it directly from Visual Studio.
+After you've created your codespace, you can open your codespace directly from Visual Studio.
 
-1. When you launch Visual Studio, the Start Window will show an option to Connect to a codespace.
+1. When you launch Visual Studio, the Start Window will show a **Connect to a codespace** button under "Get started".
 
    ![Visual Studio Start window with Connect to a codespace](media/visual-studio-start-window.png)
 
@@ -65,30 +74,46 @@ After you've created your codespace, you can open it directly from Visual Studio
 
 2. Select **Connect to a codespace**. You will be prompted to sign in to GitHub, if you haven't already.
 
-3. You will then see all of your GitHub codespaces along with their details presented in the right panel.
+3. You will then see all of your GitHub codespaces, along with their details presented in the right panel.
 
    ![Visual Studio displaying available GitHub codespaces and details](media/visual-studio-connect-codespace.png)
 
+   Any codespaces cloning an Azure DevOps repository will only be visible here in Visual Studio and not on GitHub's Codespaces page.
+
 4. Choose a codespace and select the **Connect** button. If the codespace has been suspended, it will be restarted and Visual Studio will open connected to that codespace.
 
+   The codespace name will appear in the remote indicator in the menu bar.
+
+   ![Visual Studio connected to eShopOnWeb repository codespace](media/visual-studio-eshoponweb-codespace.png)
+
+5. Start using your codespace, just as you would working locally. Things to try:
+
+   - Browse source code.
+   - Select a solution file, and build the solution (**Ctrl+Shift+B**).
+   - Set a breakpoint in a source file and press **F5** to launch the application in the debugger.
+   - Make changes and commit them to your repository.
+
 <!-- TBD ## Suspend a codespace -->
 
 <!-- TBD ## Disconnect from a codespace -->
 
 ## Visual Studio features
 
-Visual Studio provides a rich development experience when connecting to a codespace. You get the Visual Studio inner-loop tools you're familiar with to edit, debug, test, and version your source code as well as productivity features like project templates, rich code navigation, and IntelliSense. In the current GitHub Codespaces beta, some Visual Studio features may not have full support or may be initially missing. The following sections outline what you can expect with Visual Studio and the GitHub Codespaces beta and what you can look forward to in the future.
+Visual Studio provides a rich development experience when connecting to a codespace. You get the Visual Studio inner-loop tools you're familiar with to edit, debug, test, and version your source code as well as productivity features like project templates, rich code navigation, and IntelliSense. In the current GitHub Codespaces beta, some Visual Studio features may not have full support or may be initially missing. The following sections outline what you can expect with Visual Studio and the GitHub Codespaces beta and what you can look forward to in the future. This is **not meant to be an exhaustive list**, but to explain Visual Studio's general capabilities when connected to codespace.
 
 > [!NOTE]
 > If there is a feature you are missing while using codespaces with Visual Studio, please let us know by opening an issue on https://developercommunity.visualstudio.com/. This helps us prioritize the most wanted features.
 
+> [!NOTE]
+> The features described below are for Visual Studio and not the two other GitHub Codespaces clients, Visual Studio Code and the in-browser editor.
+
 ### Edit and navigation
 
 You should notice little difference editing source code in a codespace as you get smart language features like IntelliSense, code navigation, and diagnostics and suggestions.
 
 * Syntax highlighting and IntelliSense
 * Code navigation
-* Code formatting and cleanup
+* Code formatting
 * IntelliCode
 * Test Explorer
 
@@ -139,8 +164,9 @@ Since you are working with the Visual Studio client connected to a remote enviro
 
 Not yet available:
 
-* NuGet Package Manager UI - NuGet command line is supported
-* Live Unit Testing
+* NuGet Package Manager UI - NuGet command line is supported.
+* Live Unit Testing - support in progress.
+* Microsoft Fakes, Code coverage, and Intellitest
 * Publishing - Publish to Azure through Git Actions is supported.
 * Third-party Visual Studio extensions