repopulate-examples

docs/docs/examples/chat-memory.mdx

@@ -0,0 +1,17 @@
+import ThemedImage from "@theme/ThemedImage";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import ZoomableImage from "/src/theme/ZoomableImage.js";
+import ReactPlayer from "react-player";
+import Admonition from "@theme/Admonition";
+
+# Chat Memory
+
+The **Chat Memory** component restores previous messages given a Session ID, which can be any string.
+
+This component is available under the **Helpers** tab of the Langflow preview.
+
+<div
+  style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
+>
+  <ReactPlayer playing controls url="/videos/chat_memory.mp4" />
+</div>

docs/docs/examples/combine-text.mdx

@@ -0,0 +1,21 @@
+import ThemedImage from "@theme/ThemedImage";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import ZoomableImage from "/src/theme/ZoomableImage.js";
+import ReactPlayer from "react-player";
+import Admonition from "@theme/Admonition";
+
+# Combine Text
+
+With LLM pipelines, combining text from different sources may be as important as splitting text.
+
+The **Combine Text** component concatenates two text inputs into a single chunk using a specified delimiter, such as whitespace or a newline.
+
+Also, check out **Combine Texts (Unsorted)** as a similar alternative.
+
+This component is available under the **Helpers** tab of the Langflow preview.
+
+<div
+  style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
+>
+  <ReactPlayer playing controls url="/videos/combine_text.mp4" />
+</div>

docs/docs/examples/create-record.mdx

@@ -0,0 +1,17 @@
+import ThemedImage from "@theme/ThemedImage";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import ZoomableImage from "/src/theme/ZoomableImage.js";
+import ReactPlayer from "react-player";
+import Admonition from "@theme/Admonition";
+
+# Create Record
+
+In Langflow, a `Record` has a structure very similar to a Python dictionary. It is a key-value pair data structure.
+
+The **Create Record** component allows you to dynamically create a `Record` from a specified number of inputs. You can add as many key-value pairs as you want (as long as it is less than 15 😅). Once you've chosen the number of `Records`, add keys and fill up values, or pass on values from other components to the component using the input handles.
+
+<div
+  style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
+>
+  <ReactPlayer playing controls url="/videos/create_record.mp4" />
+</div>

docs/docs/examples/pass.mdx

@@ -0,0 +1,17 @@
+import ThemedImage from "@theme/ThemedImage";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import ZoomableImage from "/src/theme/ZoomableImage.js";
+import ReactPlayer from "react-player";
+import Admonition from "@theme/Admonition";
+
+# Pass
+
+Sometimes all you need to do is… nothing!
+
+The **Pass** component enables you to ignore one input and move forward with another one. This is super helpful to swap routes for A/B testing!
+
+<div
+  style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
+>
+  <ReactPlayer playing controls url="/videos/pass.mp4" />
+</div>

docs/docs/examples/store-message.mdx

@@ -0,0 +1,17 @@
+import ThemedImage from "@theme/ThemedImage";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import ZoomableImage from "/src/theme/ZoomableImage.js";
+import ReactPlayer from "react-player";
+import Admonition from "@theme/Admonition";
+
+# Store Message
+
+The **Store Message** component allows you to save information under a specified Session ID and sender type.
+
+The **Message History** component can then be used to retrieve stored messages.
+
+<div
+  style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
+>
+  <ReactPlayer playing controls url="/videos/store_message.mp4" />
+</div>

docs/docs/examples/sub-flow.mdx

@@ -0,0 +1,15 @@
+import ThemedImage from "@theme/ThemedImage";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import ZoomableImage from "/src/theme/ZoomableImage.js";
+import ReactPlayer from "react-player";
+import Admonition from "@theme/Admonition";
+
+# Sub Flow
+
+The **Sub Flow** component enables a user to select a previously built flow and dynamically generate a component out of it.
+
+<div
+  style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
+>
+  <ReactPlayer playing controls url="/videos/sub_flow.mp4" />
+</div>

docs/docs/examples/text-operator.mdx

@@ -0,0 +1,15 @@
+import ThemedImage from "@theme/ThemedImage";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import ZoomableImage from "/src/theme/ZoomableImage.js";
+import ReactPlayer from "react-player";
+import Admonition from "@theme/Admonition";
+
+# Text Operator
+
+The **Text Operator** component simplifies logic. It evaluates the results from another component (for example, if the input text exactly equals `Tuna`) and runs another component based on the results. Basically, the text operator is an if/else component for your flow.
+
+<div
+  style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
+>
+  <ReactPlayer playing controls url="/videos/text_operator.mp4" />
+</div>

docs/sidebars.js

@@ -80,13 +80,13 @@ module.exports = {
       label: "Example Components",
       collapsed: true,
       items: [
-        "examples/flow-runner",
-        "examples/conversation-chain",
-        "examples/buffer-memory",
-        "examples/csv-loader",
-        "examples/searchapi-tool",
-        "examples/serp-api-tool",
-        "examples/python-function",
+        "examples/chat-memory",
+        "examples/combine-text",
+        "examples/create-record",
+        "examples/pass",
+        "examples/store-message",
+        "examples/sub-flow",
+        "examples/text-operator",
       ],
     },
     {