diff --git a/frontend/public/aiGenerateWorkflowSteps.svg b/frontend/public/aiGenerateWorkflowSteps.svg
new file mode 100644
index 00000000..3f294fcb
--- /dev/null
+++ b/frontend/public/aiGenerateWorkflowSteps.svg
@@ -0,0 +1,85 @@
+
diff --git a/frontend/src/components/EditWorkflow.jsx b/frontend/src/components/EditWorkflow.jsx
index 0e43a77d..4dd7af7c 100644
--- a/frontend/src/components/EditWorkflow.jsx
+++ b/frontend/src/components/EditWorkflow.jsx
@@ -483,8 +483,15 @@ const EditWorkflow = (props) => {
// check AI enabled for local installations (not cloud)
if (!isCloud && (!userdata?.ai_enabled || userdata?.ai_enabled === false)) {
- toast.warn("Local AI is not enabled. Setup required: https://shuffler.io/docs/AI-Features");
- return;
+ // Toast with onclick
+ toast.info("AI credits haven't been applied and no Local AI is not enabled. Click here to set it up!", {
+ autoClose: 10000,
+ onClick: () => {
+ window.open("/docs/AI#self-hosting-models", "_blank")
+ }
+ })
+
+ return
}
// Check if description is provided OR image is uploaded for new workflows
diff --git a/frontend/src/views/Workflows2.jsx b/frontend/src/views/Workflows2.jsx
index f90953c4..ce2bb8c4 100644
--- a/frontend/src/views/Workflows2.jsx
+++ b/frontend/src/views/Workflows2.jsx
@@ -1487,7 +1487,7 @@ const Workflows2 = (props) => {
For self-hosted setups, see the{" "}