Click the Build an agent button
Create a new agent
Return to the Agent Builder interface
Delete the top-level Page component from the Component Tree
Add a new Page
Delete the first component under Blueprints Root
BUTTON@CLICK_1
.Add a new Blueprint
Add the Textarea Input component to the canvas
Edit the Textarea input component settings
Meeting notes
Paste your meeting notes here.
meeting_notes
. This allows the blueprint to access the meeting notes content whenever the user updates it.Add the select input component to the canvas
Edit the select input component settings
Summary format
Executive brief
Action items only
Full summary
Key decisions
summary_format
. This allows the blueprint to access the selected format whenever the user changes it.Add the button component to the canvas
Edit the button component settings
Generate summary
Add the message component to the canvas
Edit the message component settings
@{status}
. This reads from the status
state variable, which the blueprint will set to indicate the progress of the summarization.Add the text component to the canvas
Edit the text component settings
@{summary}
. This displays the value of the summary
state variable, which the blueprint sets to the meeting summary.status
state variable to Summarizing
so that the Message
component in the UI can display it.summary
state variable to the generated summary so that the Text
component in the UI can display it.status
state variable back to an empty string to clear the loading message from the UI.Add the UI trigger block to the canvas
Edit the UI trigger block settings
Generate summary
)wf-click
. This triggers the blueprint when the user clicks the Generate summary button in the UI.status
state variable to Summarizing
so that the Message
component in the UI can display it.
Add the set state block to the canvas
Edit the set state block settings
status
% Generating summary
. The %
symbol indicates that the message should display a dynamic loading symbol.Message
component displays the loading message that you set in the Set state block.
Add the text generation block to the canvas
Edit the text generation block settings
meeting_notes
and summary_format
state variables, which you set up in the UI. It instructs the agent to summarize the meeting notes and defines the different formats.summary
state variable to the generated summary so that the Text component in the UI can display it.
Add the set state block to the canvas
Edit the set state block settings
summary
@{result}
. The result
environment variable is the output of the previous Text generation block.@{result}
syntax is how you reference the output of previous blocks. Learn more about what data and variables are available to reference in Using data from previous blocks.status
state variable to remove the status message from the UI.
Add the set state block to the canvas
Edit the set state block settings
status
status
state variable.@{meeting_notes}
and @{summary_format}
: the blueprint blocks read from UI inputs via state@{result}
: the blueprint blocks read the output from the Text generation block@{summary}
: the blueprint blocks write the summary to the state, which the UI displays@{status}
: the blueprint blocks set progress messages that the UI displays@{variable_name}
is how all Agent Builder components communicate.