diff --git a/docs/docs/cloud/how-tos/img/studio_forks.gif b/docs/docs/cloud/how-tos/img/studio_forks.gif deleted file mode 100644 index a9e285ca5..000000000 Binary files a/docs/docs/cloud/how-tos/img/studio_forks.gif and /dev/null differ diff --git a/docs/docs/cloud/how-tos/img/studio_forks.mp4 b/docs/docs/cloud/how-tos/img/studio_forks.mp4 new file mode 100644 index 000000000..e53f6a08a Binary files /dev/null and b/docs/docs/cloud/how-tos/img/studio_forks.mp4 differ diff --git a/docs/docs/cloud/how-tos/img/studio_forks_poster.png b/docs/docs/cloud/how-tos/img/studio_forks_poster.png new file mode 100644 index 000000000..14825c281 Binary files /dev/null and b/docs/docs/cloud/how-tos/img/studio_forks_poster.png differ diff --git a/docs/docs/cloud/how-tos/img/studio_input.gif b/docs/docs/cloud/how-tos/img/studio_input.gif deleted file mode 100644 index 1ab783ac1..000000000 Binary files a/docs/docs/cloud/how-tos/img/studio_input.gif and /dev/null differ diff --git a/docs/docs/cloud/how-tos/img/studio_input.mp4 b/docs/docs/cloud/how-tos/img/studio_input.mp4 new file mode 100644 index 000000000..0e82f2244 Binary files /dev/null and b/docs/docs/cloud/how-tos/img/studio_input.mp4 differ diff --git a/docs/docs/cloud/how-tos/img/studio_input_poster.png b/docs/docs/cloud/how-tos/img/studio_input_poster.png new file mode 100644 index 000000000..6c23c4523 Binary files /dev/null and b/docs/docs/cloud/how-tos/img/studio_input_poster.png differ diff --git a/docs/docs/cloud/how-tos/img/studio_threads.gif b/docs/docs/cloud/how-tos/img/studio_threads.gif deleted file mode 100644 index a4a69310e..000000000 Binary files a/docs/docs/cloud/how-tos/img/studio_threads.gif and /dev/null differ diff --git a/docs/docs/cloud/how-tos/img/studio_threads.mp4 b/docs/docs/cloud/how-tos/img/studio_threads.mp4 new file mode 100644 index 000000000..8875e3f43 Binary files /dev/null and b/docs/docs/cloud/how-tos/img/studio_threads.mp4 differ diff --git a/docs/docs/cloud/how-tos/img/studio_threads_poster.png b/docs/docs/cloud/how-tos/img/studio_threads_poster.png new file mode 100644 index 000000000..5f2222789 Binary files /dev/null and b/docs/docs/cloud/how-tos/img/studio_threads_poster.png differ diff --git a/docs/docs/cloud/how-tos/img/studio_usage.gif b/docs/docs/cloud/how-tos/img/studio_usage.gif deleted file mode 100644 index 474f92c01..000000000 Binary files a/docs/docs/cloud/how-tos/img/studio_usage.gif and /dev/null differ diff --git a/docs/docs/cloud/how-tos/img/studio_usage.mp4 b/docs/docs/cloud/how-tos/img/studio_usage.mp4 new file mode 100644 index 000000000..0f8aa13a1 Binary files /dev/null and b/docs/docs/cloud/how-tos/img/studio_usage.mp4 differ diff --git a/docs/docs/cloud/how-tos/img/studio_usage_poster.png b/docs/docs/cloud/how-tos/img/studio_usage_poster.png new file mode 100644 index 000000000..83c5027b9 Binary files /dev/null and b/docs/docs/cloud/how-tos/img/studio_usage_poster.png differ diff --git a/docs/docs/cloud/how-tos/invoke_studio.md b/docs/docs/cloud/how-tos/invoke_studio.md index 2a33162b7..0a72a91dc 100644 --- a/docs/docs/cloud/how-tos/invoke_studio.md +++ b/docs/docs/cloud/how-tos/invoke_studio.md @@ -8,6 +8,8 @@ The LangGraph Studio lets you test different configurations and inputs to your g 1. Select `Submit` to invoke the selected assistant. 1. View output of the invocation in the right-hand pane. -The following GIF shows these exact steps being carried out: +The following video shows these exact steps being carried out: -![Using LangGraph Studio](./img/studio_input.gif) \ No newline at end of file + diff --git a/docs/docs/cloud/how-tos/test_deployment.md b/docs/docs/cloud/how-tos/test_deployment.md index a3e5046fc..3a540b229 100644 --- a/docs/docs/cloud/how-tos/test_deployment.md +++ b/docs/docs/cloud/how-tos/test_deployment.md @@ -9,6 +9,8 @@ Starting from the LangSmi 1. In the top-right corner, select `Open LangGraph Studio`. 1. [Invoke an assistant](./invoke_studio.md) or [view an existing thread](./threads_studio.md). -The following GIF shows these exact steps being carried out: +The following video shows these exact steps being carried out: -![Using LangGraph Studio](./img/studio_usage.gif) \ No newline at end of file + diff --git a/docs/docs/cloud/how-tos/threads_studio.md b/docs/docs/cloud/how-tos/threads_studio.md index 7cc04f201..41f6a5b2c 100644 --- a/docs/docs/cloud/how-tos/threads_studio.md +++ b/docs/docs/cloud/how-tos/threads_studio.md @@ -6,14 +6,18 @@ 1. View the state of the thread (i.e. the output) in the right-hand pane. 1. To create a new thread, select `+ New Thread`. -The following GIF shows these exact steps being carried out: +The following video shows these exact steps being carried out: -![Using LangGraph Studio](./img/studio_threads.gif) + ## Edit Thread State The LangGraph Studio UI contains features for editing thread state. Explore these features in the right-hand pane. Select the `Edit` icon, modify the desired state, and then select `Fork` to invoke the assistant with the updated state. -The following GIF shows how to edit a thread in the studio: +The following video shows how to edit a thread in the studio: -![Using LangGraph Studio](./img/studio_forks.gif) \ No newline at end of file + diff --git a/docs/docs/cloud/index.md b/docs/docs/cloud/index.md index b23908dcb..e3d888162 100644 --- a/docs/docs/cloud/index.md +++ b/docs/docs/cloud/index.md @@ -12,7 +12,11 @@ !!! warning "Under Construction" LangGraph Cloud documentation is under construction. Contents may change until general availability. -![GIF](./how-tos/img/studio_input.gif) + + + ## Overview