diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx index f726f453..59f06621 100644 --- a/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx +++ b/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx @@ -29,9 +29,9 @@ import { const urlTooltip = "The URL Skyvern is navigating to. Leave this field blank to pick up from where the last block left off."; const navigationGoalTooltip = - "Specify a single step or action you'd like Skyvern to complete. Actions are one-off tasks like filling a field or interacting with a specific element on the page.\n\nCurrently supported actions are click, input text, upload file, and select."; + "Specify a single step or action you'd like Skyvern to complete. Actions are one-off tasks like filling a field or interacting with a specific element on the page.\n\nCurrently supported actions are click, input text, upload file, and select. Use {{ parameter_name }} to specify parameters to use."; -const navigationGoalPlaceholder = 'Input text into "Name" field.'; +const navigationGoalPlaceholder = 'Input {{ name }} into "Name" field.'; function ActionNode({ id, data }: NodeProps) { const { updateNodeData } = useReactFlow(); diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/ExtractionNode/ExtractionNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/ExtractionNode/ExtractionNode.tsx index c7168bfc..aa96f772 100644 --- a/skyvern-frontend/src/routes/workflows/editor/nodes/ExtractionNode/ExtractionNode.tsx +++ b/skyvern-frontend/src/routes/workflows/editor/nodes/ExtractionNode/ExtractionNode.tsx @@ -27,9 +27,10 @@ import { import { ExtractIcon } from "@/components/icons/ExtractIcon"; const dataExtractionGoalTooltip = - "Tell Skyvern what data you would like to scrape."; + "Tell Skyvern what data you would like to scrape. Use {{ parameter_name }} to specify parameters to use."; const dataSchemaTooltip = "Specify a format for extracted data in JSON."; -const dataExtractionGoalPlaceholder = "What data do you need to extract?"; +const dataExtractionGoalPlaceholder = + "Extract the price of the product with id {{ product_id }}"; function ExtractionNode({ id, data }: NodeProps) { const { updateNodeData } = useReactFlow();