diff --git a/skyvern-frontend/src/routes/workflows/Workflows.tsx b/skyvern-frontend/src/routes/workflows/Workflows.tsx index 79b459be7..a24489d17 100644 --- a/skyvern-frontend/src/routes/workflows/Workflows.tsx +++ b/skyvern-frontend/src/routes/workflows/Workflows.tsx @@ -28,6 +28,7 @@ import { useCredentialGetter } from "@/hooks/useCredentialGetter"; import { basicTimeFormat } from "@/util/timeFormat"; import { cn } from "@/util/utils"; import { + ExclamationTriangleIcon, Pencil2Icon, PlayIcon, PlusIcon, @@ -39,6 +40,7 @@ import { stringify as convertToYAML } from "yaml"; import { DeleteWorkflowButton } from "./editor/DeleteWorkflowButton"; import { WorkflowCreateYAMLRequest } from "./types/workflowYamlTypes"; import { WorkflowTitle } from "./WorkflowTitle"; +import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"; const emptyWorkflowRequest: WorkflowCreateYAMLRequest = { title: "New Workflow", @@ -143,8 +145,37 @@ function Workflows() { navigate(path); } + const showExperimentalMessage = + workflows?.length === 0 && workflowsPage === 1; + return (
+ {showExperimentalMessage && ( + + +
+ + Experimental Feature +
+
+ + Workflows are still in experimental mode. Please{" "} + { + + book a demo + + }{" "} + if you'd like to learn more. If you're feeling adventurous, create + your first workflow! + +
+ )} +

Workflows