diff --git a/app/canvas/[id]/CanvasEditorLegacyPageClient.tsx b/app/canvas/[id]/CanvasEditorLegacyPageClient.tsx
index 0ec275fe9..634c5c2fe 100644
--- a/app/canvas/[id]/CanvasEditorLegacyPageClient.tsx
+++ b/app/canvas/[id]/CanvasEditorLegacyPageClient.tsx
@@ -2294,8 +2294,9 @@ export default function CanvasEditorLegacyPage({
     loadedAgentProjectId === agentProjectId;
   const [workflowTemplateMarker, setWorkflowTemplateMarker] = useState<HTMLDivElement | null>(null);
   const [workflowTemplatesRequested, setWorkflowTemplatesRequested] = useState(false);
+  const hasWorkflowBase = Boolean(siteSettingsData?.agentWorkflowUiConfig);
   useEffect(() => {
-    if (!isAgentMode || !hasActiveAgentProject || workflowTemplatesRequested) return;
+    if (!isAgentMode || !hasActiveAgentProject || !hasWorkflowBase || workflowTemplatesRequested) return;
     const element = workflowTemplateMarker;
     if (!element) return;
     const observer = new IntersectionObserver(([entry]) => {
@@ -2303,11 +2304,11 @@ export default function CanvasEditorLegacyPage({
     });
     observer.observe(element);
     return () => observer.disconnect();
-  }, [hasActiveAgentProject, isAgentMode, workflowTemplateMarker, workflowTemplatesRequested]);
+  }, [hasActiveAgentProject, hasWorkflowBase, isAgentMode, workflowTemplateMarker, workflowTemplatesRequested]);
   const { data: workflowTemplates, error: workflowTemplatesError, isValidating: workflowTemplatesLoading, mutate: reloadWorkflowTemplates } = useSWR<{
     steps: AgentWorkflowUiConfig["steps"];
   }>(
-    isAgentMode && hasActiveAgentProject && siteSettingsData?.agentWorkflowUiConfig && workflowTemplatesRequested
+    isAgentMode && hasActiveAgentProject && hasWorkflowBase && workflowTemplatesRequested
       ? "/api/site-settings?scope=agent-workflow-templates"
       : null,
     fetchCanvasSiteSettings,