(DOCSP-11480): Connect to deployment from playground

Author: jeff-allen-mongo

source/connect.txt

@@ -204,3 +204,7 @@ Remove a Connection
       :tabid: mdb-view
 
       .. include:: /includes/steps/remove-connection-mdb-view.rst
+
+.. seealso::
+
+   :ref:`playground-connect-to-deployment`

source/images/vsce-playground-add-connection-btn.png

@@ -52,11 +52,45 @@ Run a Playground
 To run a playground, click the :guilabel:`Play Button` in VS Code's
 top navigation bar.
 
+.. _playground-connect-to-deployment:
+
+Connect to a Deployment to Run a Playground
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+If |vsce| is not connected to a MongoDB deployment, you can
+specify a connection string for the deployment you want to run your
+playground against.
+
+If you have a playground file open in |vscode-short| and do not have
+an active connection, |vsce| displays
+:guilabel:`Click here to add connection` at the top of your playground.
+
+.. figure:: /images/vsce-playground-add-connection-btn.png
+   :figwidth: 700px
+   :alt: Button to add connection from playground
+
+1. Click this button to open the connection string dialog.
+
+#. Enter the
+   :manual:`connection string </reference/connection-string/>` for the
+   deployment you want to run this playground against.
+   
+#. Press :guilabel:`Enter`.
+
+#. Run your playground.
+
+.. note::
+
+   When you connect to a deployment through the playground connection
+   dialog, that connection is added to your |vsce|
+   :guilabel:`Connections` list.
+
 Run Selected Lines of a Playground
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
 If you select a section of your playground, you may optionally run only
-the selected portion. Your selection can consist of a single line or multiple lines.
+the selected portion. You may run either a single line or multiple lines
+of your playground.
 
 |vsce| shows the :guilabel:`Run Selected Lines from Playground` button
 immediately below your selected section. Click this button to test and