diff --git a/backend/src/baserow/contrib/automation/api/nodes/views.py b/backend/src/baserow/contrib/automation/api/nodes/views.py
index 2585503dd6..82a817d3ce 100644
--- a/backend/src/baserow/contrib/automation/api/nodes/views.py
+++ b/backend/src/baserow/contrib/automation/api/nodes/views.py
@@ -72,6 +72,7 @@
 from baserow.contrib.automation.workflows.exceptions import (
     AutomationWorkflowDoesNotExist,
 )
+from baserow.contrib.automation.workflows.handler import AutomationWorkflowHandler
 from baserow.contrib.automation.workflows.service import AutomationWorkflowService
 
 AUTOMATION_NODES_TAG = "Automation nodes"
@@ -175,7 +176,7 @@ def post(self, request, data: Dict, workflow_id: int):
         }
     )
     def get(self, request, workflow_id: int):
-        workflow = AutomationWorkflowService().get_workflow(request.user, workflow_id)
+        workflow = AutomationWorkflowHandler().get_workflow(workflow_id)
 
         nodes = AutomationNodeService().get_nodes(request.user, workflow)
 
diff --git a/backend/src/baserow/contrib/automation/apps.py b/backend/src/baserow/contrib/automation/apps.py
index 6d3edfeb87..39223bf594 100644
--- a/backend/src/baserow/contrib/automation/apps.py
+++ b/backend/src/baserow/contrib/automation/apps.py
@@ -145,6 +145,20 @@ def ready(self):
 
         action_scope_registry.register(WorkflowActionScopeType())
 
+        from baserow.core.registries import permission_manager_type_registry
+
+        from .permission_manager import AllowIfTemplatePermissionManagerType
+
+        prev_manager = permission_manager_type_registry.get(
+            AllowIfTemplatePermissionManagerType.type
+        )
+        permission_manager_type_registry.unregister(
+            AllowIfTemplatePermissionManagerType.type
+        )
+        permission_manager_type_registry.register(
+            AllowIfTemplatePermissionManagerType(prev_manager)
+        )
+
         automation_node_type_registry.register(LocalBaserowCreateRowNodeType())
         automation_node_type_registry.register(LocalBaserowUpdateRowNodeType())
         automation_node_type_registry.register(LocalBaserowDeleteRowNodeType())
diff --git a/backend/src/baserow/contrib/automation/permission_manager.py b/backend/src/baserow/contrib/automation/permission_manager.py
new file mode 100755
index 0000000000..668da28260
--- /dev/null
+++ b/backend/src/baserow/contrib/automation/permission_manager.py
@@ -0,0 +1,31 @@
+from django.contrib.auth import get_user_model
+
+from baserow.contrib.automation.nodes.operations import ListAutomationNodeOperationType
+from baserow.contrib.automation.operations import ListAutomationWorkflowsOperationType
+from baserow.core.permission_manager import (
+    AllowIfTemplatePermissionManagerType as CoreAllowIfTemplatePermissionManagerType,
+)
+from baserow.core.registries import PermissionManagerType
+
+User = get_user_model()
+
+
+class AllowIfTemplatePermissionManagerType(CoreAllowIfTemplatePermissionManagerType):
+    """
+    Allows read operation on templates.
+    """
+
+    AUTOMATION_OPERATION_ALLOWED_ON_TEMPLATES = [
+        ListAutomationWorkflowsOperationType.type,
+        ListAutomationNodeOperationType.type,
+    ]
+
+    @property
+    def OPERATION_ALLOWED_ON_TEMPLATES(self):
+        return (
+            self.prev_manager_type.OPERATION_ALLOWED_ON_TEMPLATES
+            + self.AUTOMATION_OPERATION_ALLOWED_ON_TEMPLATES
+        )
+
+    def __init__(self, prev_manager_type: PermissionManagerType):
+        self.prev_manager_type = prev_manager_type
diff --git a/backend/src/baserow/contrib/integrations/core/integration_types.py b/backend/src/baserow/contrib/integrations/core/integration_types.py
index a3c468dd70..0201f07f6a 100644
--- a/backend/src/baserow/contrib/integrations/core/integration_types.py
+++ b/backend/src/baserow/contrib/integrations/core/integration_types.py
@@ -16,7 +16,7 @@ class SerializedDict(IntegrationDict):
 
     serializer_field_names = ["host", "port", "use_tls", "username", "password"]
     allowed_fields = ["host", "port", "use_tls", "username", "password"]
-    sensitive_fields = ["username", "password"]
+    sensitive_fields = ["host", "port", "use_tls", "username", "password"]
 
     request_serializer_field_names = ["host", "port", "use_tls", "username", "password"]
     request_serializer_field_overrides = {}
diff --git a/backend/tests/baserow/contrib/integrations/core/test_smtp_integration_type.py b/backend/tests/baserow/contrib/integrations/core/test_smtp_integration_type.py
index ef36280f84..b79db326f8 100644
--- a/backend/tests/baserow/contrib/integrations/core/test_smtp_integration_type.py
+++ b/backend/tests/baserow/contrib/integrations/core/test_smtp_integration_type.py
@@ -233,9 +233,9 @@ def test_smtp_integration_export_serialized_exclude_sensitive(data_fixture):
     expected_serialized = {
         "id": AnyInt(),
         "type": "smtp",
-        "host": "smtp.example.com",
-        "port": 587,
-        "use_tls": True,
+        "host": None,
+        "port": None,
+        "use_tls": None,
         "username": None,
         "password": None,
         "name": "",
diff --git a/backend/tests/baserow/core/test_basic_permissions.py b/backend/tests/baserow/core/test_basic_permissions.py
index 4efacf7e8e..ebc3360361 100755
--- a/backend/tests/baserow/core/test_basic_permissions.py
+++ b/backend/tests/baserow/core/test_basic_permissions.py
@@ -519,6 +519,8 @@ def test_get_permissions(data_fixture):
                     "dashboard.data_source.read",
                     "dashboard.list_data_sources",
                     "dashboard.data_source.dispatch",
+                    "automation.list_workflows",
+                    "automation.workflow.list_nodes",
                 ],
                 "workspace_template_ids": [],
             },
@@ -575,6 +577,8 @@ def test_get_permissions(data_fixture):
                     "dashboard.data_source.read",
                     "dashboard.list_data_sources",
                     "dashboard.data_source.dispatch",
+                    "automation.list_workflows",
+                    "automation.workflow.list_nodes",
                 ],
                 "workspace_template_ids": [],
             },
@@ -648,6 +652,8 @@ def test_get_permissions(data_fixture):
                     "dashboard.data_source.read",
                     "dashboard.list_data_sources",
                     "dashboard.data_source.dispatch",
+                    "automation.list_workflows",
+                    "automation.workflow.list_nodes",
                 ],
                 "workspace_template_ids": [],
             },
@@ -704,6 +710,8 @@ def test_get_permissions(data_fixture):
                     "dashboard.data_source.read",
                     "dashboard.list_data_sources",
                     "dashboard.data_source.dispatch",
+                    "automation.list_workflows",
+                    "automation.workflow.list_nodes",
                 ],
                 "workspace_template_ids": [],
             },
@@ -777,6 +785,8 @@ def test_get_permissions(data_fixture):
                     "dashboard.data_source.read",
                     "dashboard.list_data_sources",
                     "dashboard.data_source.dispatch",
+                    "automation.list_workflows",
+                    "automation.workflow.list_nodes",
                 ],
                 "workspace_template_ids": [],
             },
@@ -833,6 +843,8 @@ def test_get_permissions(data_fixture):
                     "dashboard.data_source.read",
                     "dashboard.list_data_sources",
                     "dashboard.data_source.dispatch",
+                    "automation.list_workflows",
+                    "automation.workflow.list_nodes",
                 ],
                 "workspace_template_ids": [],
             },
@@ -906,6 +918,8 @@ def test_get_permissions(data_fixture):
                     "dashboard.data_source.read",
                     "dashboard.list_data_sources",
                     "dashboard.data_source.dispatch",
+                    "automation.list_workflows",
+                    "automation.workflow.list_nodes",
                 ],
                 "workspace_template_ids": [],
             },
diff --git a/backend/uv.lock b/backend/uv.lock
index 542cf501d7..edd52787b9 100644
--- a/backend/uv.lock
+++ b/backend/uv.lock
@@ -3831,26 +3831,26 @@ wheels = [
 
 [[package]]
 name = "ujson"
-version = "5.11.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/43/d9/3f17e3c5773fb4941c68d9a37a47b1a79c9649d6c56aefbed87cc409d18a/ujson-5.11.0.tar.gz", hash = "sha256:e204ae6f909f099ba6b6b942131cee359ddda2b6e4ea39c12eb8b991fe2010e0", size = 7156583, upload-time = "2025-08-20T11:57:02.452Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/28/08/4518146f4984d112764b1dfa6fb7bad691c44a401adadaa5e23ccd930053/ujson-5.11.0-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:65724738c73645db88f70ba1f2e6fb678f913281804d5da2fd02c8c5839af302", size = 55462, upload-time = "2025-08-20T11:56:04.873Z" },
-    { url = "https://files.pythonhosted.org/packages/29/37/2107b9a62168867a692654d8766b81bd2fd1e1ba13e2ec90555861e02b0c/ujson-5.11.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:29113c003ca33ab71b1b480bde952fbab2a0b6b03a4ee4c3d71687cdcbd1a29d", size = 53246, upload-time = "2025-08-20T11:56:06.054Z" },
-    { url = "https://files.pythonhosted.org/packages/9b/f8/25583c70f83788edbe3ca62ce6c1b79eff465d78dec5eb2b2b56b3e98b33/ujson-5.11.0-cp314-cp314-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:c44c703842024d796b4c78542a6fcd5c3cb948b9fc2a73ee65b9c86a22ee3638", size = 57631, upload-time = "2025-08-20T11:56:07.374Z" },
-    { url = "https://files.pythonhosted.org/packages/ed/ca/19b3a632933a09d696f10dc1b0dfa1d692e65ad507d12340116ce4f67967/ujson-5.11.0-cp314-cp314-manylinux_2_24_i686.manylinux_2_28_i686.whl", hash = "sha256:e750c436fb90edf85585f5c62a35b35082502383840962c6983403d1bd96a02c", size = 59877, upload-time = "2025-08-20T11:56:08.534Z" },
-    { url = "https://files.pythonhosted.org/packages/55/7a/4572af5324ad4b2bfdd2321e898a527050290147b4ea337a79a0e4e87ec7/ujson-5.11.0-cp314-cp314-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:f278b31a7c52eb0947b2db55a5133fbc46b6f0ef49972cd1a80843b72e135aba", size = 57363, upload-time = "2025-08-20T11:56:09.758Z" },
-    { url = "https://files.pythonhosted.org/packages/7b/71/a2b8c19cf4e1efe53cf439cdf7198ac60ae15471d2f1040b490c1f0f831f/ujson-5.11.0-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:ab2cb8351d976e788669c8281465d44d4e94413718af497b4e7342d7b2f78018", size = 1036394, upload-time = "2025-08-20T11:56:11.168Z" },
-    { url = "https://files.pythonhosted.org/packages/7a/3e/7b98668cba3bb3735929c31b999b374ebc02c19dfa98dfebaeeb5c8597ca/ujson-5.11.0-cp314-cp314-musllinux_1_2_i686.whl", hash = "sha256:090b4d11b380ae25453100b722d0609d5051ffe98f80ec52853ccf8249dfd840", size = 1195837, upload-time = "2025-08-20T11:56:12.6Z" },
-    { url = "https://files.pythonhosted.org/packages/a1/ea/8870f208c20b43571a5c409ebb2fe9b9dba5f494e9e60f9314ac01ea8f78/ujson-5.11.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:80017e870d882d5517d28995b62e4e518a894f932f1e242cbc802a2fd64d365c", size = 1088837, upload-time = "2025-08-20T11:56:14.15Z" },
-    { url = "https://files.pythonhosted.org/packages/6e/cd/e9809b064a89fe5c4184649adeb13c1b98652db3f8518980b04227358574/ujson-5.11.0-cp314-cp314t-macosx_10_13_x86_64.whl", hash = "sha256:de6e88f62796372fba1de973c11138f197d3e0e1d80bcb2b8aae1e826096d433", size = 55759, upload-time = "2025-08-20T11:56:18.882Z" },
-    { url = "https://files.pythonhosted.org/packages/1b/be/ae26a6321179ebbb3a2e2685b9007c71bcda41ad7a77bbbe164005e956fc/ujson-5.11.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:49e56ef8066f11b80d620985ae36869a3ff7e4b74c3b6129182ec5d1df0255f3", size = 53634, upload-time = "2025-08-20T11:56:20.012Z" },
-    { url = "https://files.pythonhosted.org/packages/ae/e9/fb4a220ee6939db099f4cfeeae796ecb91e7584ad4d445d4ca7f994a9135/ujson-5.11.0-cp314-cp314t-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:1a325fd2c3a056cf6c8e023f74a0c478dd282a93141356ae7f16d5309f5ff823", size = 58547, upload-time = "2025-08-20T11:56:21.175Z" },
-    { url = "https://files.pythonhosted.org/packages/bd/f8/fc4b952b8f5fea09ea3397a0bd0ad019e474b204cabcb947cead5d4d1ffc/ujson-5.11.0-cp314-cp314t-manylinux_2_24_i686.manylinux_2_28_i686.whl", hash = "sha256:a0af6574fc1d9d53f4ff371f58c96673e6d988ed2b5bf666a6143c782fa007e9", size = 60489, upload-time = "2025-08-20T11:56:22.342Z" },
-    { url = "https://files.pythonhosted.org/packages/2e/e5/af5491dfda4f8b77e24cf3da68ee0d1552f99a13e5c622f4cef1380925c3/ujson-5.11.0-cp314-cp314t-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:10f29e71ecf4ecd93a6610bd8efa8e7b6467454a363c3d6416db65de883eb076", size = 58035, upload-time = "2025-08-20T11:56:23.92Z" },
-    { url = "https://files.pythonhosted.org/packages/c4/09/0945349dd41f25cc8c38d78ace49f14c5052c5bbb7257d2f466fa7bdb533/ujson-5.11.0-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:1a0a9b76a89827a592656fe12e000cf4f12da9692f51a841a4a07aa4c7ecc41c", size = 1037212, upload-time = "2025-08-20T11:56:25.274Z" },
-    { url = "https://files.pythonhosted.org/packages/49/44/8e04496acb3d5a1cbee3a54828d9652f67a37523efa3d3b18a347339680a/ujson-5.11.0-cp314-cp314t-musllinux_1_2_i686.whl", hash = "sha256:b16930f6a0753cdc7d637b33b4e8f10d5e351e1fb83872ba6375f1e87be39746", size = 1196500, upload-time = "2025-08-20T11:56:27.517Z" },
-    { url = "https://files.pythonhosted.org/packages/64/ae/4bc825860d679a0f208a19af2f39206dfd804ace2403330fdc3170334a2f/ujson-5.11.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:04c41afc195fd477a59db3a84d5b83a871bd648ef371cf8c6f43072d89144eef", size = 1089487, upload-time = "2025-08-20T11:56:29.07Z" },
+version = "5.12.0"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/cb/3e/c35530c5ffc25b71c59ae0cd7b8f99df37313daa162ce1e2f7925f7c2877/ujson-5.12.0.tar.gz", hash = "sha256:14b2e1eb528d77bc0f4c5bd1a7ebc05e02b5b41beefb7e8567c9675b8b13bcf4", size = 7158451, upload-time = "2026-03-11T22:19:30.397Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/10/bd/9a8d693254bada62bfea75a507e014afcfdb6b9d047b6f8dd134bfefaf67/ujson-5.12.0-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:85833bca01aa5cae326ac759276dc175c5fa3f7b3733b7d543cf27f2df12d1ef", size = 56499, upload-time = "2026-03-11T22:18:45.431Z" },
+    { url = "https://files.pythonhosted.org/packages/bd/2d/285a83df8176e18dcd675d1a4cff8f7620f003f30903ea43929406e98986/ujson-5.12.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:d22cad98c2a10bbf6aa083a8980db6ed90d4285a841c4de892890c2b28286ef9", size = 53998, upload-time = "2026-03-11T22:18:47.184Z" },
+    { url = "https://files.pythonhosted.org/packages/bf/8b/e2f09e16dabfa91f6a84555df34a4329fa7621e92ed054d170b9054b9bb2/ujson-5.12.0-cp314-cp314-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:99cc80facad240b0c2fb5a633044420878aac87a8e7c348b9486450cba93f27c", size = 57783, upload-time = "2026-03-11T22:18:48.271Z" },
+    { url = "https://files.pythonhosted.org/packages/68/fb/ba1d06f3658a0c36d0ab3869ec3914f202bad0a9bde92654e41516c7bb13/ujson-5.12.0-cp314-cp314-manylinux_2_24_i686.manylinux_2_28_i686.whl", hash = "sha256:d1831c07bd4dce53c4b666fa846c7eba4b7c414f2e641a4585b7f50b72f502dc", size = 60011, upload-time = "2026-03-11T22:18:49.284Z" },
+    { url = "https://files.pythonhosted.org/packages/64/2b/3e322bf82d926d9857206cd5820438d78392d1f523dacecb8bd899952f73/ujson-5.12.0-cp314-cp314-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:0e00cec383eab2406c9e006bd4edb55d284e94bb943fda558326048178d26961", size = 57465, upload-time = "2026-03-11T22:18:50.584Z" },
+    { url = "https://files.pythonhosted.org/packages/e9/fd/af72d69603f9885e5136509a529a4f6d88bf652b457263ff96aefcd3ab7d/ujson-5.12.0-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:f19b3af31d02a2e79c5f9a6deaab0fb3c116456aeb9277d11720ad433de6dfc6", size = 1037275, upload-time = "2026-03-11T22:18:51.998Z" },
+    { url = "https://files.pythonhosted.org/packages/9c/a7/a2411ec81aef7872578e56304c3e41b3a544a9809e95c8e1df46923fc40b/ujson-5.12.0-cp314-cp314-musllinux_1_2_i686.whl", hash = "sha256:bacbd3c69862478cbe1c7ed4325caedec580d8acf31b8ee1b9a1e02a56295cad", size = 1196758, upload-time = "2026-03-11T22:18:53.548Z" },
+    { url = "https://files.pythonhosted.org/packages/ed/85/aa18ae175dd03a118555aa14304d4f466f9db61b924c97c6f84388ecacb1/ujson-5.12.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:94c5f1621cbcab83c03be46441f090b68b9f307b6c7ec44d4e3f6d5997383df4", size = 1089760, upload-time = "2026-03-11T22:18:55.336Z" },
+    { url = "https://files.pythonhosted.org/packages/c3/71/9b4dacb177d3509077e50497222d39eec04c8b41edb1471efc764d645237/ujson-5.12.0-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:7ddb08b3c2f9213df1f2e3eb2fbea4963d80ec0f8de21f0b59898e34f3b3d96d", size = 56845, upload-time = "2026-03-11T22:18:59.629Z" },
+    { url = "https://files.pythonhosted.org/packages/24/c2/8abffa3be1f3d605c4a62445fab232b3e7681512ce941c6b23014f404d36/ujson-5.12.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:0a3ae28f0b209be5af50b54ca3e2123a3de3a57d87b75f1e5aa3d7961e041983", size = 54463, upload-time = "2026-03-11T22:19:00.697Z" },
+    { url = "https://files.pythonhosted.org/packages/db/2e/60114a35d1d6796eb428f7affcba00a921831ff604a37d9142c3d8bbe5c5/ujson-5.12.0-cp314-cp314t-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:d30ad4359413c8821cc7b3707f7ca38aa8bc852ba3b9c5a759ee2d7740157315", size = 58689, upload-time = "2026-03-11T22:19:01.739Z" },
+    { url = "https://files.pythonhosted.org/packages/c8/ad/010925c2116c21ce119f9c2ff18d01f48a19ade3ff4c5795da03ce5829fc/ujson-5.12.0-cp314-cp314t-manylinux_2_24_i686.manylinux_2_28_i686.whl", hash = "sha256:02f93da7a4115e24f886b04fd56df1ee8741c2ce4ea491b7ab3152f744ad8f8e", size = 60618, upload-time = "2026-03-11T22:19:03.101Z" },
+    { url = "https://files.pythonhosted.org/packages/9b/74/db7f638bf20282b1dccf454386cbd483faaaed3cdbb9cb27e06f74bb109e/ujson-5.12.0-cp314-cp314t-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:3ff4ede90ed771140caa7e1890de17431763a483c54b3c1f88bd30f0cc1affc0", size = 58151, upload-time = "2026-03-11T22:19:04.175Z" },
+    { url = "https://files.pythonhosted.org/packages/9c/7e/3ebaecfa70a2e8ce623db8e21bd5cb05d42a5ef943bcbb3309d71b5de68d/ujson-5.12.0-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:a7bf9cc97f05048ac8f3e02cd58f0fe62b901453c24345bfde287f4305dcc31c", size = 1038117, upload-time = "2026-03-11T22:19:05.558Z" },
+    { url = "https://files.pythonhosted.org/packages/2e/aa/e073eda7f0036c2973b28db7bb99faba17a932e7b52d801f9bb3e726271f/ujson-5.12.0-cp314-cp314t-musllinux_1_2_i686.whl", hash = "sha256:2324d9a0502317ffc35d38e153c1b2fa9610ae03775c9d0f8d0cca7b8572b04e", size = 1197434, upload-time = "2026-03-11T22:19:06.92Z" },
+    { url = "https://files.pythonhosted.org/packages/1c/01/b9a13f058fdd50c746b192c4447ca8d6352e696dcda912ccee10f032ff85/ujson-5.12.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:50524f4f6a1c839714dbaff5386a1afb245d2d5ec8213a01fbc99cea7307811e", size = 1090401, upload-time = "2026-03-11T22:19:08.383Z" },
 ]
 
 [[package]]
diff --git a/changelog/entries/unreleased/feature/3871_support_automation_templates.json b/changelog/entries/unreleased/feature/3871_support_automation_templates.json
new file mode 100644
index 0000000000..e5e9bd445f
--- /dev/null
+++ b/changelog/entries/unreleased/feature/3871_support_automation_templates.json
@@ -0,0 +1,9 @@
+{
+    "type": "feature",
+    "message": "Support automation templates",
+    "issue_origin": "github",
+    "issue_number": 3871,
+    "domain": "automation",
+    "bullet_points": [],
+    "created_at": "2026-03-10"
+}
\ No newline at end of file
diff --git a/web-frontend/modules/automation/applicationTypes.js b/web-frontend/modules/automation/applicationTypes.js
index ce8c0efdb1..e2a9087fdc 100644
--- a/web-frontend/modules/automation/applicationTypes.js
+++ b/web-frontend/modules/automation/applicationTypes.js
@@ -6,6 +6,8 @@ import { populateAutomationWorkflow } from '@baserow/modules/automation/store/au
 import { DEVELOPMENT_STAGES } from '@baserow/modules/core/constants'
 import { pageFinished } from '@baserow/modules/core/utils/routing'
 import { nextTick } from '#imports'
+import WorkflowTemplate from '@baserow/modules/automation/components/workflow/WorkflowTemplate.vue'
+import WorkflowTemplateSideBar from '@baserow/modules/automation/components/workflow/WorkflowTemplateSideBar.vue'
 
 export class AutomationApplicationType extends ApplicationType {
   static getType() {
@@ -52,6 +54,21 @@ export class AutomationApplicationType extends ApplicationType {
     return SidebarComponentAutomation
   }
 
+  getTemplateSidebarComponent() {
+    return WorkflowTemplateSideBar
+  }
+
+  getTemplatesPageComponent() {
+    return WorkflowTemplate
+  }
+
+  getTemplatePage(application) {
+    return {
+      automation: application,
+      page: application.workflows[0],
+    }
+  }
+
   delete(application) {
     const { $store, $router } = this.app
     const workflowSelected = $store.getters['automationWorkflow/getWorkflows'](
diff --git a/web-frontend/modules/automation/components/AutomationHeader.vue b/web-frontend/modules/automation/components/AutomationHeader.vue
index 3f0a07f0f3..31ed3cd679 100644
--- a/web-frontend/modules/automation/components/AutomationHeader.vue
+++ b/web-frontend/modules/automation/components/AutomationHeader.vue
@@ -1,24 +1,24 @@
 <template>
   <header class="layout__col-2-1 header header--space-between">
-    <ul class="header__filter">
-      <li
-        v-if="
-          $hasPermission(
-            'application.update',
-            automation,
-            automation.workspace.id
-          )
-        "
-        class="header__filter-item"
-      >
+    <ul
+      class="header__filter"
+      v-if="
+        $hasPermission(
+          'application.update',
+          automation,
+          automation.workspace.id
+        )
+      "
+    >
+      <li class="header__filter-item">
         <a
           data-item-type="settings"
           class="header__filter-link"
           @click="openSettingsModal"
           ><i class="header__filter-icon iconoir-settings"></i>
-          <span class="header__filter-name">{{
-            $t('automationHeader.settingsBtn')
-          }}</span>
+          <span class="header__filter-name"
+            >{{ $t('automationHeader.settingsBtn') }}
+          </span>
         </a>
       </li>
       <li class="header__filter-item">
@@ -62,7 +62,16 @@
       </li>
     </ul>
 
-    <div class="header__right">
+    <div
+      class="header__right"
+      v-if="
+        $hasPermission(
+          'application.update',
+          automation,
+          automation.workspace.id
+        )
+      "
+    >
       <span class="header__switch-container">
         <template v-if="!publishedOn">
           <Badge color="cyan" rounded size="small">{{
diff --git a/web-frontend/modules/automation/components/AutomationWorkflowContent.vue b/web-frontend/modules/automation/components/AutomationWorkflowContent.vue
new file mode 100644
index 0000000000..36e2e944f7
--- /dev/null
+++ b/web-frontend/modules/automation/components/AutomationWorkflowContent.vue
@@ -0,0 +1,210 @@
+<template>
+  <div class="automation-workflow">
+    <AutomationHeader
+      :automation="automation"
+      @debug-toggled="handleDebugToggle"
+    />
+    <div
+      class="layout__col-2-2 automation-workflow__content"
+      :class="{ 'automation-workflow__content--loading': loading }"
+    >
+      <div v-if="loading" />
+      <div
+        v-else
+        class="automation-workflow__editor"
+        data-highlight="automation-editor"
+      >
+        <client-only>
+          <WorkflowEditor
+            v-model="selectedNodeId"
+            :nodes="workflowNodes"
+            :read-only="isReadOnly"
+            :is-adding-node="isAddingNode"
+            @add-node="handleAddNode"
+            @remove-node="handleRemoveNode"
+            @replace-node="handleReplaceNode"
+            @move-node="handleMoveNode"
+            @duplicate-node="handleDuplicateNode"
+          />
+        </client-only>
+      </div>
+      <div v-if="activeSidePanel" class="automation-workflow__side-panel">
+        <EditorSidePanels
+          :active-side-panel="activeSidePanel"
+          :data-highlight="activeSidePanelType?.guidedTourAttr"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, provide } from 'vue'
+
+import AutomationHeader from '@baserow/modules/automation/components/AutomationHeader'
+import WorkflowEditor from '@baserow/modules/automation/components/workflow/WorkflowEditor'
+import EditorSidePanels from '@baserow/modules/automation/components/workflow/EditorSidePanels'
+import { notifyIf } from '@baserow/modules/core/utils/error'
+
+const props = defineProps({
+  workspace: {
+    type: Object,
+    required: true,
+  },
+  automation: {
+    type: Object,
+    required: true,
+  },
+  workflow: {
+    type: Object,
+    required: true,
+  },
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const { $store, $registry, $hasPermission } = useNuxtApp()
+
+// Local state
+const isAddingNode = ref(false)
+const workflowDebug = ref(false)
+
+// Computed properties
+const isDev = computed(() => import.meta.env.MODE === 'development')
+
+const workflowNodes = computed(() => {
+  if (!props.workflow?.nodes) {
+    return []
+  }
+  return $store.getters['automationWorkflowNode/getNodes'](props.workflow)
+})
+
+const activeSidePanel = computed(() => {
+  return $store.getters['automationWorkflow/getActiveSidePanel']
+})
+
+const activeSidePanelType = computed(() => {
+  return activeSidePanel.value
+    ? $registry.get('editorSidePanel', activeSidePanel.value)
+    : null
+})
+
+const selectedNodeId = computed({
+  get() {
+    return props.workflow ? props.workflow.selectedNodeId : null
+  },
+  set(nodeId) {
+    let nodeToSelect = null
+    if (nodeId) {
+      nodeToSelect = $store.getters['automationWorkflowNode/findById'](
+        props.workflow,
+        nodeId
+      )
+    }
+    $store.dispatch('automationWorkflowNode/select', {
+      workflow: props.workflow,
+      node: nodeToSelect,
+    })
+  },
+})
+
+// Provide values for child components
+provide(
+  'workspace',
+  computed(() => props.workspace)
+)
+provide(
+  'automation',
+  computed(() => props.automation)
+)
+provide(
+  'workflow',
+  computed(() => props.workflow)
+)
+
+provide('isDev', isDev)
+provide('workflowDebug', workflowDebug)
+
+const isReadOnly = computed(
+  () =>
+    !$hasPermission('application.update', props.automation, props.workspace.id)
+)
+
+// Methods
+function handleDebugToggle(newDebugState) {
+  workflowDebug.value = newDebugState
+}
+
+async function handleAddNode({ type, referenceNode, position, output }) {
+  try {
+    isAddingNode.value = true
+    await $store.dispatch('automationWorkflowNode/create', {
+      workflow: props.workflow,
+      type,
+      referenceNode,
+      position,
+      output,
+    })
+  } catch (err) {
+    notifyIf(err, 'automation')
+  } finally {
+    isAddingNode.value = false
+  }
+}
+
+async function handleRemoveNode(nodeId) {
+  if (!props.workflow) {
+    return
+  }
+  try {
+    await $store.dispatch('automationWorkflowNode/delete', {
+      workflow: props.workflow,
+      nodeId: parseInt(nodeId),
+    })
+  } catch (err) {
+    notifyIf(err, 'automation')
+  }
+}
+
+async function handleReplaceNode({ node, type }) {
+  try {
+    await $store.dispatch('automationWorkflowNode/replace', {
+      workflow: props.workflow,
+      nodeId: parseInt(node.id),
+      newType: type,
+    })
+  } catch (err) {
+    notifyIf(err, 'automation')
+  }
+}
+
+async function handleMoveNode(moveData) {
+  const movedNodeId = $store.getters['automationWorkflowNode/getDraggingNodeId']
+
+  $store.dispatch('automationWorkflowNode/setDraggingNodeId', null)
+
+  if (!movedNodeId) {
+    return
+  }
+  try {
+    await $store.dispatch('automationWorkflowNode/move', {
+      workflow: props.workflow,
+      moveData: {
+        movedNodeId,
+        ...moveData,
+      },
+    })
+  } catch (err) {
+    notifyIf(err, 'automation')
+  }
+}
+
+async function handleDuplicateNode(nodeId) {
+  await $store.dispatch('automationWorkflowNode/duplicate', {
+    workflow: props.workflow,
+    nodeId,
+  })
+}
+</script>
diff --git a/web-frontend/modules/automation/components/form/SimulateDispatchNodeForm.vue b/web-frontend/modules/automation/components/form/SimulateDispatchNodeForm.vue
index 45520643d6..02165f9deb 100644
--- a/web-frontend/modules/automation/components/form/SimulateDispatchNodeForm.vue
+++ b/web-frontend/modules/automation/components/form/SimulateDispatchNodeForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="simulate-dispatch-node">
+  <div v-if="!isReadOnly" class="simulate-dispatch-node">
     <Button
       :loading="isLoading"
       :disabled="isDisabled"
@@ -82,9 +82,10 @@ import { computed, ref } from 'vue'
 import { notifyIf } from '@baserow/modules/core/utils/error'
 import SampleDataModal from '@baserow/modules/automation/components/sidebar/SampleDataModal'
 
-const app = useNuxtApp()
+const { $i18n, $hasPermission, $registry } = useNuxtApp()
 const store = useStore()
 
+const workspace = inject('workspace')
 const automation = inject('automation')
 const workflow = inject('workflow')
 const sampleDataModalRef = ref(null)
@@ -96,6 +97,11 @@ const props = defineProps({
   },
 })
 
+const isReadOnly = computed(
+  () =>
+    !$hasPermission('automation.node.update', props.node, workspace.value.id)
+)
+
 const isSimulating = computed(() => {
   return Number.isInteger(workflow.value.simulate_until_node_id)
 })
@@ -113,7 +119,7 @@ const isLoading = computed(() => {
   return queryInProgress.value || isSimulatingThisNode.value
 })
 
-const nodeType = computed(() => app.$registry.get('node', props.node.type))
+const nodeType = computed(() => $registry.get('node', props.node.type))
 
 const sampleData = computed(() => {
   const sample = nodeType.value.getSampleData(props.node)
@@ -142,7 +148,7 @@ const isErrorSample = computed(() => {
  */
 const cantBeTestedReason = computed(() => {
   if (nodeType.value.isInError({ service: props.node.service })) {
-    return app.$i18n.t('simulateDispatch.errorNodeNotConfigured')
+    return $i18n.t('simulateDispatch.errorNodeNotConfigured')
   }
 
   const previousNodes = store.getters[
@@ -150,19 +156,19 @@ const cantBeTestedReason = computed(() => {
   ](workflow.value, props.node)
 
   for (const previousNode of previousNodes) {
-    const previousNodeType = app.$registry.get('node', previousNode.type)
+    const previousNodeType = $registry.get('node', previousNode.type)
     const nodeLabel = previousNodeType.getLabel({
       automation: automation.value,
       node: previousNode,
     })
     if (previousNodeType.isInError(previousNode)) {
-      return app.$i18n.t('simulateDispatch.errorPreviousNodeNotConfigured', {
+      return $i18n.t('simulateDispatch.errorPreviousNodeNotConfigured', {
         node: nodeLabel,
       })
     }
 
     if (!previousNodeType.getSampleData(previousNode)?.data) {
-      return app.$i18n.t('simulateDispatch.errorPreviousNodesNotTested', {
+      return $i18n.t('simulateDispatch.errorPreviousNodesNotTested', {
         node: nodeLabel,
       })
     }
@@ -179,8 +185,8 @@ const isDisabled = computed(() => {
 })
 
 const sampleDataModalTitle = computed(() => {
-  const nodeType = app.$registry.get('node', props.node.type)
-  return app.$i18n.t('simulateDispatch.sampleDataModalTitle', {
+  const nodeType = $registry.get('node', props.node.type)
+  return $i18n.t('simulateDispatch.sampleDataModalTitle', {
     nodeLabel: nodeType.getLabel({
       automation: props.automation,
       node: props.node,
@@ -190,8 +196,8 @@ const sampleDataModalTitle = computed(() => {
 
 const buttonLabel = computed(() => {
   return hasSampleData.value
-    ? app.$i18n.t('simulateDispatch.buttonLabelTestAgain')
-    : app.$i18n.t('simulateDispatch.buttonLabelTest')
+    ? $i18n.t('simulateDispatch.buttonLabelTestAgain')
+    : $i18n.t('simulateDispatch.buttonLabelTest')
 })
 
 const simulateDispatchNode = async () => {
diff --git a/web-frontend/modules/automation/components/workflow/WorkflowEditor.vue b/web-frontend/modules/automation/components/workflow/WorkflowEditor.vue
index b7b7030fa9..ac0781c35d 100644
--- a/web-frontend/modules/automation/components/workflow/WorkflowEditor.vue
+++ b/web-frontend/modules/automation/components/workflow/WorkflowEditor.vue
@@ -22,7 +22,7 @@
         :key="updateKey"
         :node="trigger"
         :debug="workflowDebug"
-        :read-only="workflowReadOnly"
+        :read-only="readOnly"
         :selected-node-id="selectedNodeId"
         @add-node="emit('add-node', $event)"
         @remove-node="emit('remove-node', $event)"
@@ -70,6 +70,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  readOnly: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const emit = defineEmits([
@@ -84,7 +88,6 @@ const emit = defineEmits([
 // Injected dependencies
 const workflow = inject('workflow')
 const workflowDebug = inject('workflowDebug')
-const workflowReadOnly = inject('workflowReadOnly')
 
 // Vue Flow setup
 const { onPaneClick } = useVueFlow()
diff --git a/web-frontend/modules/automation/components/workflow/WorkflowNode.vue b/web-frontend/modules/automation/components/workflow/WorkflowNode.vue
index d8787f22ff..54091585f7 100644
--- a/web-frontend/modules/automation/components/workflow/WorkflowNode.vue
+++ b/web-frontend/modules/automation/components/workflow/WorkflowNode.vue
@@ -124,7 +124,6 @@ const app = useNuxtApp()
 
 const workflowNode = ref()
 const children = ref()
-const nodeComponent = ref()
 const childEdge = ref()
 const coordsPerEdge = ref([])
 const edgeRefs = reactive({})
diff --git a/web-frontend/modules/automation/components/workflow/WorkflowNodeContent.vue b/web-frontend/modules/automation/components/workflow/WorkflowNodeContent.vue
index ad90fcb1d6..a27f3567cc 100644
--- a/web-frontend/modules/automation/components/workflow/WorkflowNodeContent.vue
+++ b/web-frontend/modules/automation/components/workflow/WorkflowNodeContent.vue
@@ -205,7 +205,7 @@ const nodeType = computed(() => {
 })
 
 const isDraggable = computed(() => {
-  return !nodeType.value.isFixed
+  return !props.readOnly && !nodeType.value.isFixed
 })
 
 const handleDragStart = (event) => {
diff --git a/web-frontend/modules/automation/components/workflow/WorkflowTemplate.vue b/web-frontend/modules/automation/components/workflow/WorkflowTemplate.vue
new file mode 100644
index 0000000000..8b3b79bcb2
--- /dev/null
+++ b/web-frontend/modules/automation/components/workflow/WorkflowTemplate.vue
@@ -0,0 +1,88 @@
+<template>
+  <AutomationWorkflowContent
+    v-if="!loading && workspace && workflow && automation"
+    :workspace="workspace"
+    :automation="automation"
+    :workflow="workflow"
+    :loading="loading"
+  />
+  <PageSkeleton v-else />
+</template>
+
+<script>
+import { StoreItemLookupError } from '@baserow/modules/core/errors'
+import AutomationWorkflowContent from '@baserow/modules/automation/components/AutomationWorkflowContent'
+import PageSkeleton from '@baserow/modules/core/components/template/PageSkeleton'
+import { AutomationApplicationType } from '@baserow/modules/automation/applicationTypes'
+
+export default {
+  name: 'WorkflowTemplate',
+  components: { AutomationWorkflowContent, PageSkeleton },
+  props: {
+    pageValue: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      workspace: null,
+      automation: null,
+      workflow: null,
+      loading: true,
+    }
+  },
+  watch: {
+    'pageValue.workflow.id': {
+      handler() {
+        this.loadData()
+      },
+      immediate: true,
+    },
+  },
+  unmounted() {
+    // Restore the current application to the selected application if any
+    this.$store.dispatch('userSourceUser/setCurrentApplication', {
+      application: this.$store.getters['application/getSelected'],
+    })
+  },
+  methods: {
+    async loadData() {
+      this.loading = true
+
+      try {
+        const automation = this.pageValue.automation
+        const workflow = await this.$store.dispatch(
+          'automationWorkflow/selectById',
+          {
+            automation,
+            workflowId: this.pageValue.workflow.id,
+          }
+        )
+
+        const automationApplicationType = this.$registry.get(
+          'application',
+          AutomationApplicationType.getType()
+        )
+
+        await automationApplicationType.loadExtraData(automation)
+
+        await this.$store.dispatch('automationWorkflowNode/fetch', {
+          workflow,
+        })
+
+        this.automation = automation
+        this.workflow = workflow
+        this.workspace = automation.workspace
+      } catch (e) {
+        // In case of a network error we want to fail hard.
+        if (e.response === undefined && !(e instanceof StoreItemLookupError)) {
+          throw e
+        }
+      }
+
+      this.loading = false
+    },
+  },
+}
+</script>
diff --git a/web-frontend/modules/automation/components/workflow/WorkflowTemplateSideBar.vue b/web-frontend/modules/automation/components/workflow/WorkflowTemplateSideBar.vue
new file mode 100644
index 0000000000..375e85a62b
--- /dev/null
+++ b/web-frontend/modules/automation/components/workflow/WorkflowTemplateSideBar.vue
@@ -0,0 +1,73 @@
+<template>
+  <li
+    class="tree__item"
+    :class="{
+      'tree__item--loading': application._.loading,
+    }"
+  >
+    <div class="tree__action">
+      <a class="tree__link" @click="$emit('selected', application)">
+        <i class="tree__icon" :class="application._.type.iconClass"></i>
+        <span class="tree__link-text">{{ application.name }}</span>
+      </a>
+    </div>
+    <template v-if="application._.selected">
+      <ul class="tree__subs">
+        <li
+          v-for="workflow in orderedWorkflows"
+          :key="workflow.id"
+          class="tree__sub"
+          :class="{ active: isPageActive(workflow) }"
+        >
+          <a class="tree__sub-link" @click="selectPage(application, workflow)">
+            {{ workflow.name }}
+          </a>
+        </li>
+      </ul>
+    </template>
+  </li>
+</template>
+
+<script>
+import { AutomationApplicationType } from '@baserow/modules/automation/applicationTypes'
+
+export default {
+  name: 'TemplateSidebar',
+  props: {
+    application: {
+      type: Object,
+      required: true,
+    },
+    page: {
+      required: true,
+      validator: (prop) => typeof prop === 'object' || prop === null,
+    },
+  },
+  emits: ['selected', 'selected-page'],
+  computed: {
+    orderedWorkflows() {
+      return this.$store.getters['automationWorkflow/getWorkflows'](
+        this.application
+      )
+    },
+  },
+  methods: {
+    selectPage(application, workflow) {
+      this.$emit('selected-page', {
+        application: AutomationApplicationType.getType(),
+        value: {
+          automation: application,
+          workflow,
+        },
+      })
+    },
+    isPageActive(page) {
+      return (
+        this.page !== null &&
+        this.page.application === AutomationApplicationType.getType() &&
+        this.page.value.workflow.id === page.id
+      )
+    },
+  },
+}
+</script>
diff --git a/web-frontend/modules/automation/components/workflow/sidePanels/NodeSidePanel.vue b/web-frontend/modules/automation/components/workflow/sidePanels/NodeSidePanel.vue
index ef3431b13f..b41d8d805b 100644
--- a/web-frontend/modules/automation/components/workflow/sidePanels/NodeSidePanel.vue
+++ b/web-frontend/modules/automation/components/workflow/sidePanels/NodeSidePanel.vue
@@ -1,10 +1,7 @@
 <template>
   <ReadOnlyForm
     v-if="node"
-    :read-only="
-      workflowReadOnly ||
-      !$hasPermission('automation.node.update', node, workspace.id)
-    "
+    :read-only="!$hasPermission('automation.node.update', node, workspace.id)"
   >
     <FormGroup
       class="margin-bottom-1"
@@ -63,7 +60,6 @@ provide('dataProvidersAllowed', DATA_PROVIDERS_ALLOWED_NODE_ACTIONS)
 const workspace = inject('workspace')
 const automation = inject('automation')
 const workflow = inject('workflow')
-const workflowReadOnly = inject('workflowReadOnly')
 
 const node = computed(() => {
   return store.getters['automationWorkflowNode/getSelected'](workflow.value)
diff --git a/web-frontend/modules/automation/pages/automationWorkflow.vue b/web-frontend/modules/automation/pages/automationWorkflow.vue
index de33ae5a39..9b1e3471b8 100644
--- a/web-frontend/modules/automation/pages/automationWorkflow.vue
+++ b/web-frontend/modules/automation/pages/automationWorkflow.vue
@@ -1,56 +1,20 @@
 <template>
-  <div class="automation-workflow">
-    <AutomationHeader
-      v-if="automation"
-      :automation="automation"
-      @read-only-toggled="handleReadOnlyToggle"
-      @debug-toggled="handleDebugToggle"
-    />
-    <div
-      class="layout__col-2-2 automation-workflow__content"
-      :class="{
-        'automation-workflow__content--loading': workflowLoading,
-      }"
-    >
-      <div v-if="workflowLoading" class="loading"></div>
-      <div
-        v-else
-        class="automation-workflow__editor"
-        data-highlight="automation-editor"
-      >
-        <client-only>
-          <WorkflowEditor
-            v-model="selectedNodeId"
-            :nodes="workflowNodes"
-            :is-adding-node="isAddingNode"
-            @add-node="handleAddNode"
-            @remove-node="handleRemoveNode"
-            @replace-node="handleReplaceNode"
-            @move-node="handleMoveNode"
-            @duplicate-node="handleDuplicateNode"
-          />
-        </client-only>
-      </div>
-      <div v-if="activeSidePanel" class="automation-workflow__side-panel">
-        <EditorSidePanels
-          :active-side-panel="activeSidePanel"
-          :data-highlight="activeSidePanelType?.guidedTourAttr"
-        />
-      </div>
-    </div>
-  </div>
+  <AutomationWorkflowContent
+    v-if="workspace && automation && workflow"
+    :loading="workflowLoading"
+    :workspace="workspace"
+    :automation="automation"
+    :workflow="workflow"
+  />
 </template>
 
 <script setup>
-import { ref, computed, provide } from 'vue'
+import { ref, computed } from 'vue'
 import { useAsyncData } from '#imports'
 import { onBeforeRouteUpdate, onBeforeRouteLeave } from 'vue-router'
 
-import AutomationHeader from '@baserow/modules/automation/components/AutomationHeader'
-import WorkflowEditor from '@baserow/modules/automation/components/workflow/WorkflowEditor'
-import EditorSidePanels from '@baserow/modules/automation/components/workflow/EditorSidePanels'
+import AutomationWorkflowContent from '@baserow/modules/automation/components/AutomationWorkflowContent'
 import { AutomationApplicationType } from '@baserow/modules/automation/applicationTypes'
-import { notifyIf } from '@baserow/modules/core/utils/error'
 import { StoreItemLookupError } from '@baserow/modules/core/errors'
 
 definePageMeta({
@@ -69,6 +33,8 @@ useHead(() => ({
   title: t('automationWorkflow.title'),
 }))
 
+const workflowLoading = ref(false)
+
 const route = useRoute()
 const { $store, $registry } = useNuxtApp()
 
@@ -95,13 +61,6 @@ const workflowId = computed(() => {
   return null
 })
 
-// Local state
-const isAddingNode = ref(false)
-const workflowLoading = ref(false)
-const sidePanelWidth = ref(360)
-const workflowReadOnly = ref(false)
-const workflowDebug = ref(false)
-
 // Load page data
 const automationApplicationType = $registry.get(
   'application',
@@ -137,6 +96,8 @@ const { data: pageData, error } = await useAsyncData(
         workflow,
       })
 
+      workflowLoading.value = false
+
       return {
         automation,
         workspace,
@@ -162,145 +123,13 @@ const workflow = computed(
   () => $store.getters['automationWorkflow/getSelected']
 )
 
-// Computed properties
-const isDev = computed(() => import.meta.env.MODE === 'development')
-
-const workflowNodes = computed(() => {
-  if (!workflow.value?.nodes) {
-    return []
-  }
-  return $store.getters['automationWorkflowNode/getNodes'](workflow.value)
-})
-
-const activeSidePanel = computed(() => {
-  return $store.getters['automationWorkflow/getActiveSidePanel']
-})
-
-const activeSidePanelType = computed(() => {
-  return activeSidePanel.value
-    ? $registry.get('editorSidePanel', activeSidePanel.value)
-    : null
-})
-
-const selectedNodeId = computed({
-  get() {
-    return workflow.value ? workflow.value.selectedNodeId : null
-  },
-  set(nodeId) {
-    if (!workflow.value) {
-      return
-    }
-    let nodeToSelect = null
-    if (nodeId) {
-      nodeToSelect = $store.getters['automationWorkflowNode/findById'](
-        workflow.value,
-        nodeId
-      )
-    }
-    $store.dispatch('automationWorkflowNode/select', {
-      workflow: workflow.value,
-      node: nodeToSelect,
-    })
-  },
-})
-
-// Provide values for child components
-provide('isDev', isDev)
-provide('workspace', workspace)
-provide('automation', automation)
-provide('workflow', workflow)
-provide('workflowReadOnly', workflowReadOnly)
-provide('workflowDebug', workflowDebug)
-
-// Methods
-function handleReadOnlyToggle(newReadOnlyState) {
-  workflowReadOnly.value = newReadOnlyState
-}
-
-function handleDebugToggle(newDebugState) {
-  workflowDebug.value = newDebugState
-}
-
-async function handleAddNode({ type, referenceNode, position, output }) {
-  if (!workflow.value) {
-    return
-  }
-  try {
-    isAddingNode.value = true
-    await $store.dispatch('automationWorkflowNode/create', {
-      workflow: workflow.value,
-      type,
-      referenceNode,
-      position,
-      output,
-    })
-  } catch (err) {
-    notifyIf(err, 'automation')
-  } finally {
-    isAddingNode.value = false
-  }
-}
-
-async function handleRemoveNode(nodeId) {
-  if (!workflow.value) {
-    return
-  }
-  try {
-    await $store.dispatch('automationWorkflowNode/delete', {
-      workflow: workflow.value,
-      nodeId: parseInt(nodeId),
-    })
-  } catch (err) {
-    notifyIf(err, 'automation')
-  }
-}
-
-async function handleReplaceNode({ node, type }) {
-  try {
-    await $store.dispatch('automationWorkflowNode/replace', {
-      workflow: workflow.value,
-      nodeId: parseInt(node.id),
-      newType: type,
-    })
-  } catch (err) {
-    notifyIf(err, 'automation')
-  }
-}
-
-async function handleMoveNode(moveData) {
-  const movedNodeId = $store.getters['automationWorkflowNode/getDraggingNodeId']
-
-  $store.dispatch('automationWorkflowNode/setDraggingNodeId', null)
-
-  if (!movedNodeId) {
-    return
-  }
-  try {
-    await $store.dispatch('automationWorkflowNode/move', {
-      workflow: workflow.value,
-      moveData: {
-        movedNodeId,
-        ...moveData,
-      },
-    })
-  } catch (err) {
-    notifyIf(err, 'automation')
-  }
-}
-
-async function handleDuplicateNode(nodeId) {
-  await $store.dispatch('automationWorkflowNode/duplicate', {
-    workflow: workflow.value,
-    nodeId,
-  })
-}
-
 function onRouteChange(from) {
   const currentAutomation = $store.getters['application/get'](
     parseInt(from.params.automationId)
   )
   if (currentAutomation) {
     try {
+      workflowLoading.value = true
       const currentWorkflow = $store.getters['automationWorkflow/getById'](
         currentAutomation,
         parseInt(from.params.workflowId)
diff --git a/web-frontend/modules/builder/components/page/PageTemplate.vue b/web-frontend/modules/builder/components/page/PageTemplate.vue
index 93d8026122..52a1ad59cd 100644
--- a/web-frontend/modules/builder/components/page/PageTemplate.vue
+++ b/web-frontend/modules/builder/components/page/PageTemplate.vue
@@ -12,7 +12,7 @@
 <script>
 import { StoreItemLookupError } from '@baserow/modules/core/errors'
 import PageTemplateContent from '@baserow/modules/builder/components/page/PageTemplateContent'
-import PageSkeleton from '@baserow/modules/builder/components/page/PageSkeleton'
+import PageSkeleton from '@baserow/modules/core/components/template/PageSkeleton'
 import { DataProviderType } from '@baserow/modules/core/dataProviderTypes'
 import { BuilderApplicationType } from '@baserow/modules/builder/applicationTypes'
 import { clone } from '@baserow/modules/core/utils/object'
diff --git a/web-frontend/modules/core/components/DefaultErrorPage.vue b/web-frontend/modules/core/components/DefaultErrorPage.vue
index 2f2db2f13a..e8384e048e 100644
--- a/web-frontend/modules/core/components/DefaultErrorPage.vue
+++ b/web-frontend/modules/core/components/DefaultErrorPage.vue
@@ -28,8 +28,8 @@
         size="large"
         icon="iconoir-nav-arrow-left"
       >
-        {{ $t('errorLayout.backDashboard') }}</Button
-      >
+        {{ $t('errorLayout.backDashboard') }}
+      </Button>
 
       <Button
         v-else
diff --git a/web-frontend/modules/builder/components/page/PageSkeleton.vue b/web-frontend/modules/core/components/template/PageSkeleton.vue
similarity index 100%
rename from web-frontend/modules/builder/components/page/PageSkeleton.vue
rename to web-frontend/modules/core/components/template/PageSkeleton.vue
diff --git a/web-frontend/modules/core/module.js b/web-frontend/modules/core/module.js
index c3975c1b5e..505280533e 100644
--- a/web-frontend/modules/core/module.js
+++ b/web-frontend/modules/core/module.js
@@ -131,7 +131,6 @@ export default defineNuxtModule({
     addPlugin(resolve('plugins/version.js'))
     addPlugin(resolve('plugins/posthog.js'))
     addPlugin(resolve('plugins/vueDatepicker.js'))
-    //addPlugin(resolve('plugins/router.js'))
     addPlugin(resolve('plugins/routeMounted.js'))
     addPlugin(resolve('plugins/storeRegister.js'))
     addPlugin(resolve('plugins/isWebFrontendHostname.js'))
diff --git a/web-frontend/yarn.lock b/web-frontend/yarn.lock
index da9ddc1ecd..8de654bc49 100644
--- a/web-frontend/yarn.lock
+++ b/web-frontend/yarn.lock
@@ -6984,9 +6984,9 @@ gzip-size@^7.0.0:
     srvx "^0.10.0"
 
 h3@^1.12.0, h3@^1.15.4:
-  version "1.15.5"
-  resolved "https://registry.yarnpkg.com/h3/-/h3-1.15.5.tgz#e2f28d4a66a249973bb050eaddb06b9ab55506f8"
-  integrity sha512-xEyq3rSl+dhGX2Lm0+eFQIAzlDN6Fs0EcC4f7BNUmzaRX/PTzeuM+Tr2lHB8FoXggsQIeXLj8EDVgs5ywxyxmg==
+  version "1.15.8"
+  resolved "https://registry.yarnpkg.com/h3/-/h3-1.15.8.tgz#bf90969bc1141a88be0940b7290f8353456b9f2a"
+  integrity sha512-iOH6Vl8mGd9nNfu9C0IZ+GuOAfJHcyf3VriQxWaSWIB76Fg4BnFuk4cxBxjmQSSxJS664+pgjP6e7VBnUzFfcg==
   dependencies:
     cookie-es "^1.2.2"
     crossws "^0.3.5"