diff --git a/skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx b/skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx index dd973237..3d6f352c 100644 --- a/skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx +++ b/skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx @@ -12,12 +12,17 @@ import { SavedTasks } from "./SavedTasks"; import { getSample } from "../data/sampleTaskData"; import { Textarea } from "@/components/ui/textarea"; import { useState } from "react"; -import { PaperPlaneIcon, ReloadIcon } from "@radix-ui/react-icons"; +import { + InfoCircledIcon, + PaperPlaneIcon, + ReloadIcon, +} from "@radix-ui/react-icons"; import { useMutation } from "@tanstack/react-query"; import { useCredentialGetter } from "@/hooks/useCredentialGetter"; import { getClient } from "@/api/AxiosClient"; import { AxiosError } from "axios"; import { toast } from "@/components/ui/use-toast"; +import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"; const examplePrompts = [ "What is the top post on hackernews?", @@ -78,6 +83,22 @@ function TaskTemplates() { return (
+ + + + Have a complicated workflow you would like to automate? + + + + Book a demo {"->"} + + +

Try a prompt