doc updates (#1639)

---------

Co-authored-by: vbarda <vadym@langchain.dev>

examples/memory/add-summary-conversation-history.ipynb

@@ -70,18 +70,12 @@
    "id": "f0ed46a8-effe-4596-b0e1-a6a29ee16f5c",
    "metadata": {},
    "source": [
-    "Optionally, we can set API key for [LangSmith tracing](https://smith.langchain.com/), which will give us best-in-class observability."
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 3,
-   "id": "95e25aec-7c9f-4a63-b143-225d0e9a79c3",
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "os.environ[\"LANGCHAIN_TRACING_V2\"] = \"true\"\n",
-    "_set_env(\"LANGCHAIN_API_KEY\")"
+    "<div class=\"admonition tip\">\n",
+    "    <p class=\"admonition-title\">Set up <a href=\"https://smith.langchain.com\">LangSmith</a> for LangGraph development</p>\n",
+    "    <p style=\"padding-top: 5px;\">\n",
+    "        Sign up for LangSmith to quickly spot issues and improve the performance of your LangGraph projects. LangSmith lets you use trace data to debug, test, and monitor your LLM apps built with LangGraph — read more about how to get started <a href=\"https://docs.smith.langchain.com\">here</a>. \n",
+    "    </p>\n",
+    "</div>    "
    ]
   },
   {

examples/memory/delete-messages.ipynb

@@ -77,18 +77,12 @@
    "id": "f0ed46a8-effe-4596-b0e1-a6a29ee16f5c",
    "metadata": {},
    "source": [
-    "Optionally, we can set API key for [LangSmith tracing](https://smith.langchain.com/), which will give us best-in-class observability."
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 3,
-   "id": "95e25aec-7c9f-4a63-b143-225d0e9a79c3",
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "os.environ[\"LANGCHAIN_TRACING_V2\"] = \"true\"\n",
-    "_set_env(\"LANGCHAIN_API_KEY\")"
+    "<div class=\"admonition tip\">\n",
+    "    <p class=\"admonition-title\">Set up <a href=\"https://smith.langchain.com\">LangSmith</a> for LangGraph development</p>\n",
+    "    <p style=\"padding-top: 5px;\">\n",
+    "        Sign up for LangSmith to quickly spot issues and improve the performance of your LangGraph projects. LangSmith lets you use trace data to debug, test, and monitor your LLM apps built with LangGraph — read more about how to get started <a href=\"https://docs.smith.langchain.com\">here</a>. \n",
+    "    </p>\n",
+    "</div>    "
    ]
   },
   {

examples/memory/manage-conversation-history.ipynb

@@ -68,18 +68,12 @@
    "id": "f0ed46a8-effe-4596-b0e1-a6a29ee16f5c",
    "metadata": {},
    "source": [
-    "Optionally, we can set API key for [LangSmith tracing](https://smith.langchain.com/), which will give us best-in-class observability."
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 3,
-   "id": "95e25aec-7c9f-4a63-b143-225d0e9a79c3",
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "os.environ[\"LANGCHAIN_TRACING_V2\"] = \"true\"\n",
-    "_set_env(\"LANGCHAIN_API_KEY\")"
+    "<div class=\"admonition tip\">\n",
+    "    <p class=\"admonition-title\">Set up <a href=\"https://smith.langchain.com\">LangSmith</a> for LangGraph development</p>\n",
+    "    <p style=\"padding-top: 5px;\">\n",
+    "        Sign up for LangSmith to quickly spot issues and improve the performance of your LangGraph projects. LangSmith lets you use trace data to debug, test, and monitor your LLM apps built with LangGraph — read more about how to get started <a href=\"https://docs.smith.langchain.com\">here</a>. \n",
+    "    </p>\n",
+    "</div>    "
    ]
   },
   {
@@ -364,9 +358,9 @@
  ],
  "metadata": {
   "kernelspec": {
-   "display_name": "langgraph-example-dev",
+   "display_name": "Python 3",
    "language": "python",
-   "name": "langgraph-example-dev"
+   "name": "python3"
   },
   "language_info": {
    "codemirror_mode": {

examples/memory/shared-state.ipynb

@@ -10,7 +10,54 @@
     "By default, state in a graph is scoped to that thread.\n",
     "LangGraph also allows you to specify a \"scope\" for a given key/value pair that exists between threads. This can be useful for storing information that is shared between threads. For instance, you may want to store information about a user's preferences expressed in one thread, and then use that information in another thread.\n",
     "\n",
-    "In this notebook we will go through an example of how to construct and use such a graph."
+    "In this notebook we will go through an example of how to construct and use such a graph.\n",
+    "\n",
+    "## Setup\n",
+    "\n",
+    "First, let's install the required packages and set our API keys"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "3457aadf",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "%%capture --no-stderr\n",
+    "%pip install -U langchain_openai langgraph"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "aa2c64a7",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import getpass\n",
+    "import os\n",
+    "\n",
+    "\n",
+    "def _set_env(var: str):\n",
+    "    if not os.environ.get(var):\n",
+    "        os.environ[var] = getpass.getpass(f\"{var}: \")\n",
+    "\n",
+    "\n",
+    "_set_env(\"OPENAI_API_KEY\")"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "51b6817d",
+   "metadata": {},
+   "source": [
+    "<div class=\"admonition tip\">\n",
+    "    <p class=\"admonition-title\">Set up <a href=\"https://smith.langchain.com\">LangSmith</a> for LangGraph development</p>\n",
+    "    <p style=\"padding-top: 5px;\">\n",
+    "        Sign up for LangSmith to quickly spot issues and improve the performance of your LangGraph projects. LangSmith lets you use trace data to debug, test, and monitor your LLM apps built with LangGraph — read more about how to get started <a href=\"https://docs.smith.langchain.com\">here</a>. \n",
+    "    </p>\n",
+    "</div>    "
    ]
   },
   {
@@ -26,7 +73,7 @@
     "<div class=\"admonition note\">\n",
     "    <p class=\"admonition-title\">Typing shared state keys</p>\n",
     "    <p style=\"margin-top: 5px;\">\n",
-    "        Shared state channels (keys) MUST be dictionaries (see `info` channel in the AgentState example below)\n",
+    "        Shared state channels (keys) MUST be dictionaries (see <code>info</code> channel in the AgentState example below)\n",
     "    </p>\n",
     "</div>"
    ]