playground

This commit is contained in:
Mendon Kissling 2024-06-22 21:27:17 -04:00 committed by Gabriel Luiz Freitas Almeida
commit 054bf25680

View file

@ -6,13 +6,11 @@ import Admonition from "@theme/Admonition";
# Playground
In Langflow 1.0 alpha, the **Playground** replaces the **Interaction Panel**.
The **Playground** provides an interface for interacting with flows without opening them in the flow editor.
The **Playground** is a dynamic interface designed for real-time interaction with agents, allowing users to access and manage memories and monitor the inputs and outputs. Here, users can directly prototype and experiment with their configured components or AI models, making adjustments and observing different outcomes in real-time.
It even works for flows hosted on the Langflow store!
As long as you have a flow's environment variables set, you can run it by clicking the **Playground** button.
As long as you have a flow properly working, you can interact with it by clicking the Playground button.
1. From your **Collections** page, click the **![Playground icon](/logos/botmessage.svg)Playground** in one of your flows.
The **Playground** window opens.
@ -34,6 +32,11 @@ As long as you have a flow's environment variables set, you can run it by clicki
<ReactPlayer playing controls url="/videos/langflow_playground.mp4" />
</div>
<Admonition type="tip">
From the "My Collection” page, just click the Playground button in one of your flow cards.
It will directly open up a window with that project's Playground, without even showing the flow (this also works for flows hosted on the Langflow Store!).
</Admonition>
## Playground I/O
The Playground's appearance changes depending on what components are in your workspace.