Merge branch 'main' into wfh/docs/auth

docs/docs/concepts/langgraph_studio.md

@@ -25,25 +25,28 @@ The key features of LangGraph Studio are:
 
 ## Types
 
-### Desktop app
+### Development server with web UI
 
-LangGraph Studio is available as a [desktop app](https://studio.langchain.com/) for MacOS users.
+You can [run a local in-memory development server](../tutorials/langgraph-platform/local-server.md) that can be used to connect a local LangGraph app with a web version of the studio.
+For example, if you start the local server with `langgraph dev` (running at `http://127.0.0.1:2024` by default), you can connect to the studio by navigating to:
 
-While in Beta, LangGraph Studio is available for free to all [LangSmith](https://smith.langchain.com/) users on any plan tier.
+```
+https://smith.langchain.com/studio/?baseUrl=http://127.0.0.1:2024
+```
+
+See [instructions here](../cloud/reference/cli.md#dev) for more information.
+
+The web UI version of the studio will connect to your locally running server — your agent is still running locally and never leaves your device.
 
 ### Cloud studio
 
 If you have deployed your LangGraph application on LangGraph Platform (Cloud), you can access the studio as part of that
 
-### Development server
+### Desktop app
 
-LangGraph CLI also contains a command for running an in-memory development server that can be used to connect a local LangGraph app with the studio.
-See [instructions here](../cloud/reference/cli.md#dev) for more information.
+LangGraph Studio is available as a [desktop app](https://studio.langchain.com/) for MacOS users.
 
-The way this works is that it runs inside your local environment.
-It will spin up an in-memory, development server to deploy the graph.
-You can then connect to the studio via the Cloud hosted version of LangGraph Platform.
-To be clear, the web studio will connect to your locally running server - your agent is still running locally and never leaves your device.
+While in Beta, LangGraph Studio is available for free to all [LangSmith](https://smith.langchain.com/) users on any plan tier.
 
 ## Studio FAQs
 

docs/docs/how-tos/local-studio.md

@@ -6,8 +6,8 @@ This guide shows you how to connect your local agent to [LangGraph Studio](../co
 
 There are two ways to connect your local agent to LangGraph Studio:
 
+- [Development Server](../concepts/langgraph_studio.md#development-server-with-web-ui): Python package, all platforms, no Docker
 - [LangGraph Desktop](../concepts/langgraph_studio.md#desktop-app): Application, Mac only, requires Docker
-- [Development Server](../concepts/langgraph_studio.md#dev-server): Python package, all platforms, no Docker
 
 In this guide we will cover how to use the development server as that is generally an easier and better experience.
 

docs/docs/tutorials/langgraph-platform/local-server.md

@@ -86,10 +86,19 @@ This will start up the LangGraph API server locally. If this runs successfully,
 
 ## LangGraph Studio Web UI
 
-Test your graph in the LangGraph Studio Web UI by visiting the URL provided in the output of the `langgraph dev` command.
+LangGraph Studio Web is a specialized UI that you can connect to LangGraph API server to enable visualization, interaction, and debugging of your application locally. Test your graph in the LangGraph Studio Web UI by visiting the URL provided in the output of the `langgraph dev` command.
 
 >    - LangGraph Studio Web UI: https://smith.langchain.com/studio/?baseUrl=http://127.0.0.1:2024
 
+!!! info "Connecting to a server with a custom host/port"
+
+    If you are running the LangGraph API server with a custom host / port, you can point the Studio Web UI at it by changing the `baseUrl` URL param. For example, if you are running your server on port 8000, you can change the above URL to the following:
+
+    ```
+    https://smith.langchain.com/studio/baseUrl=http://127.0.0.1:8000
+    ```
+
+
 !!! warning "Safari Compatibility"
 
     Currently, LangGraph Studio Web does not support Safari when running a server locally.

docs/overrides/main.html

@@ -164,6 +164,11 @@
     .jupyter-wrapper .jp-Notebook .jp-Cell .jp-OutputPrompt {
       display: none !important;
     }
+
+    .md-banner {
+      background-color: #CFC9FA;
+      color: #000000;
+    }
   </style>
 {% endblock %}
 
@@ -190,3 +195,8 @@
     <title>{{ config.site_name }}</title>
   {% endif %}
 {% endblock %}
+
+
+{% block announce %}
+  To learn more about LangGraph, check out our first LangChain Academy course, <em>Introduction to LangGraph</em>, available for free <a href="https://academy.langchain.com/courses/intro-to-langgraph">here</a>.
+{% endblock %}