diff --git a/skyvern-frontend/src/routes/workflows/editor/helpContent.ts b/skyvern-frontend/src/routes/workflows/editor/helpContent.ts index 5321f687..f4bf0267 100644 --- a/skyvern-frontend/src/routes/workflows/editor/helpContent.ts +++ b/skyvern-frontend/src/routes/workflows/editor/helpContent.ts @@ -180,4 +180,7 @@ export const placeholders = { '{\n "Content-Type": "application/json",\n "Authorization": "Bearer {{ token }}"\n}', body: '{\n "key": "value",\n "parameter": "{{ parameter_name }}"\n}', }, + scripts: { + scriptKey: "my-{{param1}}-{{param2}}-key", + }, }; diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/StartNode/StartNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/StartNode/StartNode.tsx index 053ad008..5558a7be 100644 --- a/skyvern-frontend/src/routes/workflows/editor/nodes/StartNode/StartNode.tsx +++ b/skyvern-frontend/src/routes/workflows/editor/nodes/StartNode/StartNode.tsx @@ -12,6 +12,7 @@ import { ProxyLocation } from "@/api/types"; import { useQuery } from "@tanstack/react-query"; import { Label } from "@/components/ui/label"; import { HelpTooltip } from "@/components/HelpTooltip"; +import { WorkflowBlockInputTextarea } from "@/components/WorkflowBlockInputTextarea"; import { Input } from "@/components/ui/input"; import { ProxySelector } from "@/components/ProxySelector"; import { useCredentialGetter } from "@/hooks/useCredentialGetter"; @@ -23,6 +24,7 @@ import { WorkflowModel } from "@/routes/workflows/types/workflowTypes"; import { MAX_SCREENSHOT_SCROLLS_DEFAULT } from "../Taskv2Node/types"; import { KeyValueInput } from "@/components/KeyValueInput"; import { OrgWalled } from "@/components/Orgwalled"; +import { placeholders } from "@/routes/workflows/editor/helpContent"; import { useWorkflowSettingsStore } from "@/store/WorkflowSettingsStore"; function StartNode({ id, data }: NodeProps) { @@ -149,21 +151,16 @@ function StartNode({ id, data }: NodeProps) { {inputs.useScriptCache && ( -
-
- - -
- { - const value = (event.target.value ?? "").trim(); - const v = value.length ? value : null; - handleChange("scriptCacheKey", v); - }} - /> -
+ { + const v = value.length ? value : null; + handleChange("scriptCacheKey", v); + }} + value={inputs.scriptCacheKey ?? ""} + placeholder={placeholders["scripts"]["scriptKey"]} + className="nopan text-xs" + /> )}