From 03a5e5bcea9a433c404547d5bdf8075abed07141 Mon Sep 17 00:00:00 2001
From: Colin Dawson <me@cjdawson.com>
Date: Wed, 25 Feb 2026 21:48:00 +0000
Subject: [PATCH] Started working on the visualiser

---
 .../workflowTemplates/WorkflowTemplateDetails.tsx   |  3 ++-
 .../workflowTemplates/components/VisualisetTab.tsx  | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 src/modules/manager/workflowTemplates/components/VisualisetTab.tsx

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;