Remove old workflow types (#1227)

skyvern-frontend/src/routes/tasks/create/CreateNewTaskFormPage.tsx

@@ -6,8 +6,9 @@ import { getSampleForInitialFormValues } from "../data/sampleTaskData";
 import { SampleCase, sampleCases } from "../types";
 import { CreateNewTaskForm } from "./CreateNewTaskForm";
 import { SavedTaskForm } from "./SavedTaskForm";
-import { TaskGenerationApiResponse, WorkflowParameter } from "@/api/types";
+import { TaskGenerationApiResponse } from "@/api/types";
 import { Skeleton } from "@/components/ui/skeleton";
+import { WorkflowParameter } from "@/routes/workflows/types/workflowTypes";
 
 function CreateNewTaskFormPage() {
   const { template } = useParams();

skyvern-frontend/src/routes/tasks/create/SavedTasks.tsx

@@ -1,6 +1,5 @@
 import { getClient } from "@/api/AxiosClient";
 import { queryClient } from "@/api/QueryClient";
-import { WorkflowApiResponse } from "@/api/types";
 import {
   Card,
   CardContent,
@@ -18,6 +17,10 @@ import { SavedTaskCard } from "./SavedTaskCard";
 import { useState } from "react";
 import { cn } from "@/util/utils";
 import { Skeleton } from "@/components/ui/skeleton";
+import {
+  TaskBlock,
+  WorkflowApiResponse,
+} from "@/routes/workflows/types/workflowTypes";
 
 function createEmptyTaskTemplate() {
   return {
@@ -148,13 +151,18 @@ function SavedTasks() {
         </>
       )}
       {data?.map((workflow) => {
+        const firstBlock = workflow.workflow_definition.blocks[0];
+        if (!firstBlock || firstBlock.block_type !== "task") {
+          return null; // saved tasks have only one block and it's a task
+        }
+        const task = firstBlock as TaskBlock;
         return (
           <SavedTaskCard
             key={workflow.workflow_permanent_id}
             workflowId={workflow.workflow_permanent_id}
             title={workflow.title}
             description={workflow.description}
-            url={workflow.workflow_definition.blocks[0]?.url ?? ""}
+            url={task.url ?? ""}
           />
         );
       })}

skyvern-frontend/src/routes/workflows/WorkflowPage.tsx

@@ -1,5 +1,5 @@
 import { getClient } from "@/api/AxiosClient";
-import { WorkflowApiResponse, WorkflowRunApiResponse } from "@/api/types";
+import { WorkflowRunApiResponse } from "@/api/types";
 import { StatusBadge } from "@/components/StatusBadge";
 import { Button } from "@/components/ui/button";
 import {
@@ -30,6 +30,7 @@ import {
   useParams,
   useSearchParams,
 } from "react-router-dom";
+import { WorkflowApiResponse } from "./types/workflowTypes";
 
 function WorkflowPage() {
   const credentialGetter = useCredentialGetter();

skyvern-frontend/src/routes/workflows/WorkflowParameterInput.tsx

@@ -1,10 +1,10 @@
-import { WorkflowParameterValueType } from "@/api/types";
 import { FileInputValue, FileUpload } from "@/components/FileUpload";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
 import { CodeEditor } from "./components/CodeEditor";
 import { AutoResizingTextarea } from "@/components/AutoResizingTextarea/AutoResizingTextarea";
 import { Label } from "@/components/ui/label";
+import { WorkflowParameterValueType } from "./types/workflowTypes";
 
 type Props = {
   type: WorkflowParameterValueType;

skyvern-frontend/src/routes/workflows/WorkflowTitle.tsx

@@ -1,8 +1,8 @@
 import { getClient } from "@/api/AxiosClient";
-import { WorkflowApiResponse } from "@/api/types";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useCredentialGetter } from "@/hooks/useCredentialGetter";
 import { useQuery } from "@tanstack/react-query";
+import { WorkflowApiResponse } from "./types/workflowTypes";
 
 type Props = {
   workflowPermanentId: string;

skyvern-frontend/src/routes/workflows/components/WorkflowsTable.tsx

@@ -1,5 +1,4 @@
 import { getClient } from "@/api/AxiosClient";
-import { WorkflowApiResponse } from "@/api/types";
 import {
   Table,
   TableBody,
@@ -24,6 +23,7 @@ import {
 import { cn } from "@/util/utils";
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
+import { WorkflowApiResponse } from "../types/workflowTypes";
 
 function WorkflowsTable() {
   const [page, setPage] = useState(1);