reenbale the download action (#4299)

skyvern-frontend/src/api/types.ts

@@ -267,6 +267,7 @@ export const ActionTypes = {
   Hover: "hover",
   SelectOption: "select_option",
   UploadFile: "upload_file",
+  DownloadFile: "download_file",
   complete: "complete",
   wait: "wait",
   terminate: "terminate",
@@ -294,6 +295,7 @@ export const ReadableActionTypes: {
   hover: "Hover",
   select_option: "Select Option",
   upload_file: "Upload File",
+  download_file: "Download File",
   complete: "Complete",
   wait: "Wait",
   terminate: "Terminate",

skyvern-frontend/src/routes/tasks/detail/ActionTypePill.tsx

@@ -1,5 +1,10 @@
 import { ActionType, ReadableActionTypes } from "@/api/types";
-import { CursorArrowIcon, HandIcon, InputIcon } from "@radix-ui/react-icons";
+import {
+  CursorArrowIcon,
+  HandIcon,
+  DownloadIcon,
+  InputIcon,
+} from "@radix-ui/react-icons";
 
 type Props = {
   actionType: ActionType;
@@ -9,6 +14,7 @@ const icons: Partial<Record<ActionType, React.ReactNode>> = {
   click: <CursorArrowIcon className="h-4 w-4" />,
   hover: <HandIcon className="h-4 w-4" />,
   input_text: <InputIcon className="h-4 w-4" />,
+  download_file: <DownloadIcon className="h-4 w-4" />,
 };
 
 function ActionTypePill({ actionType }: Props) {

skyvern-frontend/src/routes/tasks/detail/ActionTypePillMinimal.tsx

@@ -3,6 +3,7 @@ import {
   CheckCircledIcon,
   CursorArrowIcon,
   HandIcon,
+  DownloadIcon,
   InputIcon,
   QuestionMarkIcon,
 } from "@radix-ui/react-icons";
@@ -17,6 +18,7 @@ const icons: Partial<Record<ActionType, React.ReactNode>> = {
   hover: <HandIcon className="h-4 w-4" />,
   complete: <CheckCircledIcon className="h-4 w-4" />,
   input_text: <InputIcon className="h-4 w-4" />,
+  download_file: <DownloadIcon className="h-4 w-4" />,
 };
 
 function ActionTypePillMinimal({ actionType }: Props) {