Updating screenshots

Author: ajosh0504

docs/20-dev-env/1-dev-env-setup.mdx

@@ -20,78 +20,79 @@ In this lab, we will be using Jupyter Notebooks, which is an interactive Python
 
 ## Option 1: GitHub Codespaces
 
-You will be working in a Jupyter Notebook in a GitHub Codespace throughout this lab. A codespace is a cloud-hosted, containerized development environment that comes pre-configured with all the tools you need to run this lab.
+You will be working in GitHub Codespaces throughout this lab. A codespace is a cloud-hosted, containerized development environment that comes pre-configured with all the tools you need to run this lab.
 
 Navigate to [this](https://github.com/codespaces/new/mongodb-developer/genai-devday-notebooks?quickstart=1) link. You will be prompted to sign into GitHub if you haven't already. Once signed in, click the **Create new codespace** button to create a new codespace.
 
 <Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/3-create-codespace.png" alt="Start a codespace" />
 
 Let it run for a few seconds as it prepares a Docker container with all the required libraries and a MongoDB cluster.
 
-Once the environment is built, you should see a VS Code IDE with a list of files in the Explorer tab. 
+### Connect to the MongoDB cluster
 
-In the Explorer menu, under `notebooks`, click on the file named `ai-agents-lab.ipynb` to open the Jupyter Notebook for this lab.
+Once the environment is built, you will be prompted to connect to the MongoDB cluster via MongoDB's VSCode extension. This will allow you to visualize the data that we will import into the cluster later in the lab, directly from the VSCode IDE.
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/2-nav-notebook.png" alt="Navigate to the notebook" />
+To connect to the cluster, click the **Connect** button.
 
-Next, select the Python interpreter by clicking **Select Kernel** at the top right of the IDE.
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/4-click-connect.png" alt="Click Connect" />
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/4-select-kernel.png" alt="Select kernel" />
+In the modal that appears at the top of the screen, enter the string `mongodb://admin:mongodb@mongodb:27017/` and hit `Enter` on your keyboard.
 
-In the modal that appears, click **Python environments...** and select the interpreter that is marked as **Recommended** or **Global Env**.
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/5-enter-connection-string.png" alt="Enter connection string" />
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/5-python-env-modal.png" alt="Select Python Environments" />
+If the connection was successful, you should see **Connected to: mongodb:27017** with a green indicator.
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/6-select-recommended.png" alt="Select recommended interpreter" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/6-connection-successful.png" alt="Connection successful" />
 
-That's it! You're ready for the lab!
+You can view the default and any additional collections we create on the cluster during the lab by clicking the leaf icon in the left navigation bar of the IDE.
 
-<details>
-  <summary>🦹 Use the MongoDB for VS Code extension to interact with the local MongoDB cluster from the VSCode IDE. </summary>
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/7-view-collections.png" alt="View collections" />
 
-    In the left navigation bar of the IDE, click on the leaf icon. Under Connections, click the **Add Connection** button.
+### Jupyter Notebook setup
 
-    <Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/7-add-connection.png" alt="Add MongoDB connection" />
+You will be filling code in a Jupyter Notebook during this lab, so let's get set up with that next!
 
-    In the tab that appears, click the **Connect** button.
+Click on the files icon in the left navigation bar. In the Explorer menu, under `notebooks`, click on the file named `ai-agents-lab.ipynb` to open the Jupyter Notebook for this lab.
 
-    <Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/8-click-connect.png" alt="Click Connect" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/8-nav-notebook.png" alt="Navigate to the notebook" />
 
-    In the modal that appears at the top of the screen, enter the string `mongodb://admin:mongodb@mongodb:27017/` and hit `Enter` on your keyboard.
+Next, select the Python interpreter by clicking **Select Kernel** at the top right of the IDE.
 
-    <Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/9-enter-connection-string.png" alt="Enter connection string" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/9-select-kernel.png" alt="Select kernel" />
 
-    If the connection was successful, you should see the cluster and its default databases under Connections. Any additional databases and collections created during the lab will appear here as well.
+In the modal that appears, click **Python environments...** and select the interpreter that is marked as **Recommended** or **Global Env**.
 
-    <Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/10-connections.png" alt="View connections" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/10-python-env-modal.png" alt="Select Python Environments" />
 
-</details>
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/11-select-recommended.png" alt="Select recommended interpreter" />
+
+That's it! You're ready for the lab!
 
 ## Option 2: Run locally
 
 :::caution
 During the lab, we will use GitHub Codespaces. These instructions are here just in case you can't use Codespaces or if you really, really, really want a local installation.
 :::
 
-If you want to run the notebook locally, follow the steps below:
+To run the lab locally, follow the steps below: 
 
 * Clone the [GitHub repo](https://github.com/mongodb-developer/genai-devday-notebooks.git) for this lab by executing the following command from the terminal:
 
 ```
 git clone https://github.com/mongodb-developer/genai-devday-notebooks.git
 ```
 
-* `cd` into the cloned directory:
+* `cd` into the `notebooks` directory of the cloned repository:
 
 ```
-cd genai-devday-notebooks
+cd genai-devday-notebooks/notebooks
 ```
 
 * Create and activate a Python virtual environment:
 
 ```
-python -m venv mongodb-ai-agents-lab
-source mongodb-ai-agents-lab/bin/activate
+python -m venv ai-agents-lab
+source ai-agents-lab/bin/activate
 ```
 
 * Install the dependencies for this lab:
@@ -109,4 +110,4 @@ jupyter notebook
 
 * In the browser tab that pops up, open the file named `ai-agents-lab.ipynb`.
 
-<Screenshot url="localhost:8888/tree" src="img/screenshots/20-dev-env/1-dev-env-setup/11-jupyter-notebook.png" alt="Jupyter Notebook" />
+<Screenshot url="localhost:8888/tree" src="img/screenshots/20-dev-env/1-dev-env-setup/12-jupyter-notebook.png" alt="Jupyter Notebook" />