diff --git a/src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx b/src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx
index ee65f7a..59c1f77 100644
--- a/src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx
+++ b/src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx
@@ -21,6 +21,7 @@ import authentication from "../../frame/services/authenticationService";
 import { GeneralIdRef, MakeGeneralIdRef } from "../../../utils/GeneralIdRef";
 import TasksTab from "./components/TasksTab";
 import { useFormWithGuard } from "../../../components/common/useFormRouter";
+import VisualiserTab from "./components/VisualisetTab";
 
 const WorkflowTemplateDetails: React.FC<{ editMode: boolean }> = ({
   editMode,
@@ -193,7 +194,7 @@ const WorkflowTemplateDetails: React.FC<{ editMode: boolean }> = ({
     </Tab>,
 
     <Tab key="visualFlow" id="visualFlow" label={t("Visual Flow")}>
-      <div>Visual Flow editor coming soon…</div>
+      <VisualiserTab data={data} />
     </Tab>,
   ];
 
diff --git a/src/modules/manager/workflowTemplates/components/VisualisetTab.tsx b/src/modules/manager/workflowTemplates/components/VisualisetTab.tsx
new file mode 100644
index 0000000..5d3f5b6
--- /dev/null
+++ b/src/modules/manager/workflowTemplates/components/VisualisetTab.tsx
@@ -0,0 +1,13 @@
+import { CreateWorkflowTemplateVersion } from "../services/WorkflowTemplateService";
+
+interface VisualiserTabProps {
+  data: CreateWorkflowTemplateVersion;
+}
+
+const VisualiserTab: React.FC<VisualiserTabProps> = ({ data }) => {
+  const tasks = data.tasks;
+
+  return <div>Visualiser</div>;
+};
+
+export default VisualiserTab;