Replace file_suffix with file_name (but keep vairable name for backwards compatibility), Add path to Azure Blob, remove defaulted {workflow_run_id} (#3557)

skyvern-frontend/src/routes/workflows/editor/helpContent.ts

@@ -14,7 +14,7 @@ export const baseHelpTooltipContent = {
   completeOnDownload:
     "Allow Skyvern to auto-complete the block when it downloads a file.",
   fileSuffix:
-    "A file suffix that's automatically added to all downloaded files.",
+    "The complete filename (without extension) for downloaded files. This replaces the entire filename instead of being appended to a random name.",
   errorCodeMapping:
     "Knowing about why a block terminated can be important, specify error messages here.",
   totpVerificationUrl:
@@ -34,7 +34,7 @@ export const basePlaceholderContent = {
   dataExtractionGoal: "What data do you need to extract?",
   maxRetries: "Default: 3",
   maxStepsOverride: "Default: 10",
-  downloadSuffix: "Add an ID for downloaded files",
+  downloadSuffix: "Enter the complete filename (without extension)",
   totpVerificationUrl: "Provide your 2FA endpoint",
   totpIdentifier: "Add an ID that links your TOTP to the block",
 };

skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx

@@ -342,7 +342,7 @@ function ActionNode({ id, data, type }: NodeProps<ActionNode>) {
                   <div className="flex items-center justify-between">
                     <div className="flex gap-2">
                       <Label className="text-xs font-normal text-slate-300">
-                        File Suffix
+                        File Name
                       </Label>
                       <HelpTooltip
                         content={helpTooltips["action"]["fileSuffix"]}

skyvern-frontend/src/routes/workflows/editor/nodes/FileDownloadNode/FileDownloadNode.tsx

@@ -316,7 +316,7 @@ function FileDownloadNode({ id, data }: NodeProps<FileDownloadNode>) {
                   <div className="flex items-center justify-between">
                     <div className="flex gap-2">
                       <Label className="text-xs font-normal text-slate-300">
-                        File Suffix
+                        File Name
                       </Label>
                       <HelpTooltip
                         content={helpTooltips["download"]["fileSuffix"]}

skyvern-frontend/src/routes/workflows/editor/nodes/FileUploadNode/FileUploadNode.tsx

@@ -261,6 +261,22 @@ function FileUploadNode({ id, data }: NodeProps<FileUploadNode>) {
                   className="nopan text-xs"
                 />
               </div>
+              <div className="space-y-2">
+                <div className="flex items-center gap-2">
+                  <Label className="text-sm text-slate-400">
+                    (Optional) Folder Path
+                  </Label>
+                  <HelpTooltip content="Optional folder path within the blob container. Defaults to {{ workflow_run_id }} if not specified." />
+                </div>
+                <WorkflowBlockInputTextarea
+                  nodeId={id}
+                  onChange={(value) => {
+                    handleChange("path", value);
+                  }}
+                  value={inputs.path as string}
+                  className="nopan text-xs"
+                />
+              </div>
             </>
           )}
         </div>

skyvern-frontend/src/routes/workflows/editor/nodes/FileUploadNode/types.ts

@@ -22,7 +22,7 @@ export const fileUploadNodeDefaultData: FileUploadNodeData = {
   editable: true,
   storageType: "s3",
   label: "",
-  path: "",
+  path: "{{ workflow_run_id }}",
   s3Bucket: null,
   awsAccessKeyId: null,
   awsSecretAccessKey: null,

skyvern-frontend/src/routes/workflows/editor/nodes/NavigationNode/NavigationNode.tsx

@@ -402,7 +402,7 @@ function NavigationNode({ id, data, type }: NodeProps<NavigationNode>) {
                   <div className="flex items-center justify-between">
                     <div className="flex gap-2">
                       <Label className="text-xs font-normal text-slate-300">
-                        File Suffix
+                        File Name
                       </Label>
                       <HelpTooltip
                         content={helpTooltips["navigation"]["fileSuffix"]}

skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx

@@ -417,7 +417,7 @@ function TaskNode({ id, data, type }: NodeProps<TaskNode>) {
                   <div className="flex items-center justify-between">
                     <div className="flex gap-2">
                       <Label className="text-xs font-normal text-slate-300">
-                        File Suffix
+                        File Name
                       </Label>
                       <HelpTooltip
                         content={helpTooltips["task"]["fileSuffix"]}