From bf9d58ab16d03f64622c3e8189ebb88adaeb1c50 Mon Sep 17 00:00:00 2001
From: Dave Brown <dave.brown@drjtechnology.co.uk>
Date: Thu, 29 Aug 2024 09:14:00 +0100
Subject: [PATCH 1/2] Update texts and fix error message in content structure

* Updated delete folder reference link text in `contentStructure.vue` to "Delete folder reference details".
* Updated delete resource reference link text in `contentStructure.vue` to "Delete resource reference details".
* Added `resourceReferenceDisplayVersionId` property to `existing` object in `refreshNodeContents` function in `contentStructureState.ts`.
* Corrected error message in `updateResourceReferenceDisplayVersion` action in `contentStructureState.ts` from "Error creating folder reference." to "Error creating resource reference.".
---
 .../Scripts/vuesrc/content-structure/contentStructure.vue | 8 ++++----
 .../vuesrc/content-structure/contentStructureState.ts     | 3 ++-
 .../vuesrc/content-structure-admin/contentStructure.vue   | 8 ++++----
 .../content-structure-admin/contentStructureState.ts      | 1 +
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructure.vue b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructure.vue
index d9c84355d..a2cfb0110 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructure.vue
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructure.vue
@@ -110,9 +110,9 @@
                     <input type="button" class="btn btn-custom-green mr-3" @click="onSaveFolderReferenceEdit()" v-bind:class="{disabled: !canSaveFolderReferenceEdit}" v-bind:disabled="!canSaveFolderReferenceEdit" value="Save changes" />
                     <input type="button" class="btn btn-admin btn-cancel" @click="onCancelFolderReferenceEdit()" value="Cancel" />
 
-                    <span class="ml-auto mt-3">
+                    <span class="ml-auto mt-3" v-if="editingFolderNodeReference.nodePathDisplayVersionId>0">
                         <a class="delete-folder-link" @click.prevent="onEditFolderReferenceDeleteFolder" href="#">
-                            Delete this folder reference <i class="fa-solid fa-trash-can delete-folder ml-2"></i>
+                            Delete folder reference details<i class="fa-solid fa-trash-can delete-folder ml-2"></i>
                         </a>
                     </span>
                 </div>
@@ -148,9 +148,9 @@
                     <input type="button" class="btn btn-custom-green mr-3" @click="onSaveResourceReferenceEdit()" v-bind:class="{disabled: !canSaveResourceReferenceEdit}" v-bind:disabled="!canSaveResourceReferenceEdit" value="Save changes" />
                     <input type="button" class="btn btn-admin btn-cancel" @click="onCancelResourceReferenceEdit()" value="Cancel" />
 
-                    <span class="ml-auto mt-3">
+                    <span class="ml-auto mt-3" v-if="editingResourceNodeReference.resourceReferenceDisplayVersionId>0">
                         <a class="delete-folder-link" @click.prevent="onEditResourceReferenceDeleteFolder" href="#">
-                            Delete this resource reference <i class="fa-solid fa-trash-can delete-folder ml-2"></i>
+                            Delete resource reference details <i class="fa-solid fa-trash-can delete-folder ml-2"></i>
                         </a>
                     </span>
                 </div>
diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructureState.ts b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructureState.ts
index df00e9665..ec714a34b 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructureState.ts
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructureState.ts
@@ -116,6 +116,7 @@ async function refreshNodeContents(node: NodeContentAdminModel, refreshParentPat
                     existing.displayOrder = child.displayOrder;
                     existing.name = child.name;
                     existing.nodePathDisplayVersionId = child.nodePathDisplayVersionId;
+                    existing.resourceReferenceDisplayVersionId = child.resourceReferenceDisplayVersionId;
                     existing.nodePaths = child.nodePaths;
                     existing.isResource = child.nodeTypeId === NodeType.Resource;
                     if (child.nodePaths) {
@@ -574,7 +575,7 @@ const actions = <ActionTree<State, any>>{
             await refreshNodeContents(state.editingTreeNode.parent, false);
         }).catch(e => {
             state.inError = true;
-            state.lastErrorMessage = "Error creating folder reference.";
+            state.lastErrorMessage = "Error creating resource reference.";
         });
         context.commit("setEditMode", EditModeEnum.Structure);
     },
diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructure.vue b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructure.vue
index 3adea4f3a..f240fb649 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructure.vue
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructure.vue
@@ -117,9 +117,9 @@
                     <input type="button" class="btn btn-custom-green mr-3" @click="onSaveFolderReferenceEdit()" v-bind:class="{disabled: !canSaveFolderReferenceEdit}" v-bind:disabled="!canSaveFolderReferenceEdit" value="Save changes" />
                     <input type="button" class="btn btn-admin btn-cancel" @click="onCancelFolderReferenceEdit()" value="Cancel" />
 
-                    <span class="ml-auto mt-3">
+                    <span class="ml-auto mt-3" v-if="editingFolderNodeReference.nodePathDisplayVersionId>0">
                         <a class="delete-folder-link" @click.prevent="onEditFolderReferenceDeleteFolder" href="#">
-                            Delete this folder reference <i class="fa-solid fa-trash-can delete-folder ml-2"></i>
+                            Delete folder reference details <i class="fa-solid fa-trash-can delete-folder ml-2"></i>
                         </a>
                     </span>
                 </div>
@@ -154,9 +154,9 @@
                     <input type="button" class="btn btn-custom-green mr-3" @click="onSaveResourceReferenceEdit()" v-bind:class="{disabled: !canSaveResourceReferenceEdit}" v-bind:disabled="!canSaveResourceReferenceEdit" value="Save changes" />
                     <input type="button" class="btn btn-admin btn-cancel" @click="onCancelResourceReferenceEdit()" value="Cancel" />
 
-                    <span class="ml-auto mt-3">
+                    <span class="ml-auto mt-3" v-if="editingResourceNodeReference.resourceReferenceDisplayVersionId>0">
                         <a class="delete-folder-link" @click.prevent="onEditResourceReferenceDeleteFolder" href="#">
-                            Delete this resource reference <i class="fa-solid fa-trash-can delete-folder ml-2"></i>
+                            Delete resource reference details <i class="fa-solid fa-trash-can delete-folder ml-2"></i>
                         </a>
                     </span>
                 </div>
diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructureState.ts b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructureState.ts
index 14ee33ef9..ac0ac94b2 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructureState.ts
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructureState.ts
@@ -115,6 +115,7 @@ async function refreshNodeContents(node: NodeContentAdminModel, refreshParentPat
                     existing.displayOrder = child.displayOrder;
                     existing.name = child.name;
                     existing.nodePathDisplayVersionId = child.nodePathDisplayVersionId;
+                    existing.resourceReferenceDisplayVersionId = child.resourceReferenceDisplayVersionId;
                     existing.nodePaths = child.nodePaths;
                     existing.isResource = child.nodeTypeId === NodeType.Resource;
                     if (child.nodePaths) {

From 7296004532ff1877ddc751126e4aaa6c625638a2 Mon Sep 17 00:00:00 2001
From: Dave Brown <dave.brown@drjtechnology.co.uk>
Date: Wed, 4 Sep 2024 16:46:21 +0100
Subject: [PATCH 2/2] TD-4409 Implement editing and deletion of Folder and
 Resource reference details

---
 .../Controllers/api/HierarchyController.cs    |  25 ++-
 .../Interfaces/IHierarchyService.cs           |  14 ++
 .../content-structure/contentStructure.vue    |  45 ++---
 .../contentStructureState.ts                  |  40 +++-
 .../vuesrc/content-structure/treeItem.vue     |   3 +
 .../Scripts/vuesrc/data/contentStructure.ts   |  24 ++-
 .../Services/HierarchyService.cs              |  20 ++
 .../Controllers/Api/HierarchyController.cs    |  48 +++++
 .../Interfaces/IHierarchyService.cs           |  14 ++
 .../contentStructure.vue                      | 120 +++++------
 .../contentStructureState.ts                  | 185 +++++++++--------
 .../content-structure-admin/treeItem.vue      |   3 +
 .../Scripts/vuesrc/data/contentStructure.ts   | 186 ++++++++++--------
 .../Services/HierarchyService.cs              |  20 ++
 .../Controllers/HierarchyController.cs        |  40 ++++
 .../LearningHub.Nhs.Database.sqlproj          |   2 +
 ...ierarchyEditDeleteNodeReferenceDetails.sql |  54 +++++
 ...rchyEditDeleteResourceReferenceDetails.sql |  54 +++++
 ...HierarchyEditGetChildNodePathBreakdown.sql |  30 ++-
 .../Hierarchy/HierarchyEditPublish.sql        |  29 +++
 ...tResourceReferenceDisplayVersionUpdate.sql |   2 +-
 .../Hierarchy/IHierarchyEditRepository.cs     |  16 ++
 .../Hierarchy/HierarchyEditRepository.cs      |  36 ++++
 .../IHierarchyService.cs                      |  16 ++
 .../HierarchyService.cs                       |  26 +++
 25 files changed, 783 insertions(+), 269 deletions(-)
 create mode 100644 WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditDeleteNodeReferenceDetails.sql
 create mode 100644 WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditDeleteResourceReferenceDetails.sql

diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Controllers/api/HierarchyController.cs b/AdminUI/LearningHub.Nhs.AdminUI/Controllers/api/HierarchyController.cs
index ab42dc4df..ca13e6d81 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Controllers/api/HierarchyController.cs
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Controllers/api/HierarchyController.cs
@@ -6,7 +6,6 @@
     using LearningHub.Nhs.AdminUI.Configuration;
     using LearningHub.Nhs.AdminUI.Controllers.Api;
     using LearningHub.Nhs.AdminUI.Interfaces;
-    using LearningHub.Nhs.Models.Common;
     using LearningHub.Nhs.Models.Hierarchy;
     using LearningHub.Nhs.WebUI.Models.Contribute;
     using Microsoft.AspNetCore.Mvc;
@@ -439,5 +438,29 @@ public async Task<IActionResult> RemoveReferenceNode(int hierarchyEditDetailId)
             var apiResponse = await this.hierarchyService.RemoveReferenceNodeAsync(hierarchyEditDetailId);
             return this.Ok(apiResponse.ValidationResult);
         }
+
+        /// <summary>
+        /// The DeleteNodeReferenceDetails.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchyEditDetailId<see cref="hierarchyEditDetailId"/>.</param>
+        /// <returns>IActionResult.</returns>
+        [Route("DeleteNodeReferenceDetails/{hierarchyEditDetailId}")]
+        public async Task<IActionResult> DeleteNodeReferenceDetails(int hierarchyEditDetailId)
+        {
+            var apiResponse = await this.hierarchyService.DeleteNodeReferenceDetailsAsync(hierarchyEditDetailId);
+            return this.Ok(apiResponse.ValidationResult);
+        }
+
+        /// <summary>
+        /// Deletes the resource reference details for a hierarchy edit.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail id.</param>
+        /// <returns>The <see cref="IActionResult"/>.</returns>
+        [Route("DeleteResourceReferenceDetails/{hierarchyEditDetailId}")]
+        public async Task<IActionResult> DeleteResourceReferenceDetails(int hierarchyEditDetailId)
+        {
+            var apiResponse = await this.hierarchyService.DeleteResourceReferenceDetailsAsync(hierarchyEditDetailId);
+            return this.Ok(apiResponse.ValidationResult);
+        }
     }
 }
diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Interfaces/IHierarchyService.cs b/AdminUI/LearningHub.Nhs.AdminUI/Interfaces/IHierarchyService.cs
index d93bb79e4..a744cd81f 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Interfaces/IHierarchyService.cs
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Interfaces/IHierarchyService.cs
@@ -198,5 +198,19 @@ public interface IHierarchyService
         /// <param name="hierarchyEditDetailId">The hierarchy Edit Detail Id.</param>
         /// <returns>The <see cref="Task"/>.</returns>
         Task<ApiResponse> RemoveReferenceNodeAsync(int hierarchyEditDetailId);
+
+        /// <summary>
+        /// Deletes the node reference details.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy Edit Detail Id.</param>
+        /// <returns>The <see cref="Task"/>.</returns>
+        Task<ApiResponse> DeleteNodeReferenceDetailsAsync(int hierarchyEditDetailId);
+
+        /// <summary>
+        /// Deletes the resource reference details.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy Edit Detail Id.</param>
+        /// <returns>The <see cref="Task"/>.</returns>
+        Task<ApiResponse> DeleteResourceReferenceDetailsAsync(int hierarchyEditDetailId);
     }
 }
diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructure.vue b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructure.vue
index a2cfb0110..ad42c042e 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructure.vue
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructure.vue
@@ -111,13 +111,12 @@
                     <input type="button" class="btn btn-admin btn-cancel" @click="onCancelFolderReferenceEdit()" value="Cancel" />
 
                     <span class="ml-auto mt-3" v-if="editingFolderNodeReference.nodePathDisplayVersionId>0">
-                        <a class="delete-folder-link" @click.prevent="onEditFolderReferenceDeleteFolder" href="#">
-                            Delete folder reference details<i class="fa-solid fa-trash-can delete-folder ml-2"></i>
+                        <a class="delete-folder-link" @click.prevent="onEditFolderReferenceDetailsDeleteFolder" href="#">
+                            Delete folder reference details <i class="fa-solid fa-trash-can delete-folder ml-2"></i>
                         </a>
                     </span>
                 </div>
             </div>
-
             <div v-if="editMode === EditModeEnum.ResourceReference" id="editResourceReference">
                 <div class="col-12">
                     <label class="control-label">Resource location</label>
@@ -155,11 +154,9 @@
                     </span>
                 </div>
             </div>
-
             <div v-if="editMode === EditModeEnum.ReferenceExternalContent" id="referenceExternalContentContainer">
                 <content-search :editingCatalogueNodePathId="catalogue.rootNodePathId"></content-search>
             </div>
-
             <div id="deleteFolderModal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboad="false">
                 <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                     <div class="modal-content">
@@ -182,53 +179,50 @@
                     </div>
                 </div>
             </div>
-
-            <div id="deleteFolderReferenceModal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboad="false">
+            <div id="deleteFolderReferenceDetailsModal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboad="false">
                 <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                     <div class="modal-content">
                         <div class="modal-header alert-modal-header text-center">
-                            <h2 class="heading-lg w-100"><i class="delete-folder-warning-triangle fas fa-exclamation-triangle pr-3"></i>Delete folder reference</h2>
+                            <h2 class="heading-lg w-100"><i class="delete-folder-warning-triangle fas fa-exclamation-triangle pr-3"></i>Delete folder reference details</h2>
                         </div>
 
                         <div class="modal-body alert-modal-body">
-                            <div class="mt-3">You have chosen to delete the folder reference <span id="deleteFolderReferenceName">{{ deleteFolderReferenceName}}</span>. The folder will display using the default folder properties.</div>
+                            <div class="mt-3">You have chosen to delete the folder reference details <span id="deleteFolderReferenceName">{{ deleteFolderReferenceName}}</span>. The folder will display using the default folder properties.</div>
                         </div>
 
                         <div class="modal-footer alert-modal-footer">
                             <div class="form-group col-12 p-0 m-0">
                                 <div class="d-flex">
                                     <input type="button" class="btn btn-action-cancel" data-dismiss="modal" value="Cancel" />
-                                    <input type="button" class="btn btn-action-red ml-auto" @click="onDeleteFolderReference()" value="Continue" />
+                                    <input type="button" class="btn btn-action-red ml-auto" @click="onDeleteFolderReferenceDetails()" value="Continue" />
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-
             <div id="deleteResourceReferenceModal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboad="false">
                 <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                     <div class="modal-content">
                         <div class="modal-header alert-modal-header text-center">
-                            <h2 class="heading-lg w-100"><i class="delete-folder-warning-triangle fas fa-exclamation-triangle pr-3"></i>Delete resource reference</h2>
+                            <h2 class="heading-lg w-100"><i class="delete-folder-warning-triangle fas fa-exclamation-triangle pr-3"></i>Delete resource reference details</h2>
                         </div>
 
                         <div class="modal-body alert-modal-body">
-                            <div class="mt-3">You have chosen to delete the resource reference <span id="deleteResourceReferenceName">{{ deleteResourceReferenceName}}</span>. The resource will display using the default resource properties.</div>
+                            <div class="mt-3">You have chosen to delete the resource reference details <span id="deleteResourceReferenceName">{{ deleteResourceReferenceName}}</span>. The resource will display using the default resource properties.</div>
                         </div>
 
                         <div class="modal-footer alert-modal-footer">
                             <div class="form-group col-12 p-0 m-0">
                                 <div class="d-flex">
                                     <input type="button" class="btn btn-action-cancel" data-dismiss="modal" value="Cancel" />
-                                    <input type="button" class="btn btn-action-red ml-auto" @click="onDeleteResourceReference()" value="Continue" />
+                                    <input type="button" class="btn btn-action-red ml-auto" @click="onDeleteResourceReferenceDetails()" value="Continue" />
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-
             <div id="cancelHierarchyEditModal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboad="false">
                 <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                     <div class="modal-content">
@@ -272,7 +266,6 @@ import { ResourceReferenceDisplayVersionModel } from '../models/content-structur
 import { NodeType } from '../constants';
 import CKEditorToolbar from '../models/ckeditorToolbar';
 import ckeditorwithhint from '../ckeditorwithhint.vue';
-
 export default Vue.extend({
     name: 'contentStructure',
     components: {
@@ -418,13 +411,13 @@ export default Vue.extend({
         },
         onEditFolderDeleteFolder() {
             this.deleteFolderName = this.editingFolderNode.name;
-            $('#deleteFolderReferenceModal').modal('show');
+            $('#deleteFolderModal').modal('show');
         },
-        onEditFolderReferenceDeleteFolder() {
+        onEditFolderReferenceDetailsDeleteFolder() {
             this.deleteFolderReferenceName = this.editingFolderNodeReference.name;
-            $('#deleteFolderReferenceModal').modal('show');
+            $('#deleteFolderReferenceDetailsModal').modal('show');
         },
-        onEditResourceReferenceDeleteFolder() {
+         onEditResourceReferenceDeleteFolder() {
             this.deleteResourceReferenceName = this.editingResourceNodeReference.name;
             $('#deleteResourceReferenceModal').modal('show');
         },
@@ -432,14 +425,14 @@ export default Vue.extend({
             this.$store.dispatch('contentStructureState/deleteFolder');
             $('#deleteFolderModal').modal('hide');
         },
-        onDeleteFolderReference() {
-            this.$store.dispatch('contentStructureState/deleteFolderReference');
-            $('#deleteFolderReferenceModal').modal('hide');
+        onDeleteFolderReferenceDetails() {
+            this.$store.dispatch('contentStructureState/deleteFolderReferenceDetails');
+            $('#deleteFolderReferenceDetailsModal').modal('hide');
             this.onCancelFolderEdit()
         },
-        onDeleteResourceReference() {
-            this.$store.dispatch('contentStructureState/deleteResourceReference');
-            $('#deleteFolderModal').modal('hide');
+        onDeleteResourceReferenceDetails() {
+            this.$store.dispatch('contentStructureState/deleteResourceReferenceDetails');
+            $('#deleteResourceReferenceModal').modal('hide');
         },
         onEdit() {
             this.editFolderStructureButtonDisabled = true;
diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructureState.ts b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructureState.ts
index ec714a34b..18a2ab109 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructureState.ts
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/contentStructureState.ts
@@ -165,20 +165,22 @@ async function refreshNodeContents(node: NodeContentAdminModel, refreshParentPat
         state.lastErrorMessage = `Error refreshing Node contents of ${node.name}`;
     });
 }
-
-async function refreshNodeIfMatchingNodeId(node: NodeContentAdminModel, nodeId: number, hierarchyEditDetailId: number) {
+async function refreshNodeIfMatchingNodeId(node: NodeContentAdminModel, nodeId: number, hierarchyEditDetailId: number, removeChildren?: boolean) {
     if (node.nodeId === nodeId && node.hierarchyEditDetailId != hierarchyEditDetailId) {
+        if (removeChildren && node.parent) {
+            node.parent.children = [];
+            node.parent.childrenLoaded = false;
+        }
         await refreshNodeContents(node.parent, false);
     }
     if (node.childrenLoaded) {
         if (node.children.filter(c => c.hierarchyEditDetailId === hierarchyEditDetailId).length == 0) {
             for (const child of node.children) {
-                await refreshNodeIfMatchingNodeId(child, nodeId, hierarchyEditDetailId);
+                await refreshNodeIfMatchingNodeId(child, nodeId, hierarchyEditDetailId, removeChildren);
             }
         }
     }
 }
-
 async function processChildNodeContents(child: NodeContentAdminModel, parent: NodeContentAdminModel) {
     child.parent = parent;
     child.inEdit = child.parent.inEdit;
@@ -414,13 +416,34 @@ const actions = <ActionTree<State, any>>{
             state.lastErrorMessage = "Error deleting folder.";
         });
     },
-    deleteFolderReference(context: ActionContext<State, State>) {
+    deleteFolderReferenceDetails(context: ActionContext<State, State>) {
+        state.inError = false;
+        state.updatedNode = null;
+        contentStructureData.deleteFolderReferenceDetails(state.editingTreeNode.hierarchyEditDetailId).then(async response => {
+            if (response.isValid) {
+                var parent = state.editingTreeNode.parent;
+                await refreshNodeContents(parent, false);
+                await refreshNodeIfMatchingNodeId(state.rootNode, state.editingTreeNode.nodeId, state.editingTreeNode.hierarchyEditDetailId, true);
+                state.updatedNode = parent;
+                context.commit("setEditMode", EditModeEnum.Structure);
+            }
+            else {
+                state.inError = true;
+                state.lastErrorMessage = "Error: " + response.details.join(",");
+            }
+        }).catch(e => {
+            state.inError = true;
+            state.lastErrorMessage = "Error deleting folder reference details.";
+        });
+    },
+    deleteResourceReferenceDetails(context: ActionContext<State, State>) {
         state.inError = false;
         state.updatedNode = null;
-        contentStructureData.deleteFolderReference(state.editingTreeNode.hierarchyEditDetailId).then(async response => {
+        contentStructureData.deleteResourceReferenceDetails(state.editingTreeNode.hierarchyEditDetailId).then(async response => {
             if (response.isValid) {
                 var parent = state.editingTreeNode.parent;
                 await refreshNodeContents(parent, false);
+                await refreshNodeIfMatchingNodeId(state.rootNode, state.editingTreeNode.nodeId, state.editingTreeNode.hierarchyEditDetailId, true);
                 state.updatedNode = parent;
                 context.commit("setEditMode", EditModeEnum.Structure);
             }
@@ -430,7 +453,7 @@ const actions = <ActionTree<State, any>>{
             }
         }).catch(e => {
             state.inError = true;
-            state.lastErrorMessage = "Error deleting folder reference.";
+            state.lastErrorMessage = "Error deleting resource reference details.";
         });
     },
     async moveNodeUp(context: ActionContext<State, State>, payload: { node: NodeContentAdminModel }) {
@@ -515,6 +538,7 @@ const actions = <ActionTree<State, any>>{
         state.inError = false;
         contentStructureData.removeReferenceNode(payload.node.hierarchyEditDetailId).then(async response => {
             await refreshNodeContents(payload.node.parent, false);
+            await refreshNodeIfMatchingNodeId(state.rootNode, payload.node.nodeId, payload.node.hierarchyEditDetailId, true);
             if (payload.node.parent.parent != null) {
                 await refreshNodeContents(payload.node.parent.parent, false);
             }
@@ -563,6 +587,7 @@ const actions = <ActionTree<State, any>>{
         contentStructureData.updateNodePathDisplayVersion(state.editingFolderNodeReference).then(async response => {
             state.editingFolderNodeReference.nodePathDisplayVersionId = response.createdId;
             await refreshNodeContents(state.editingTreeNode.parent, false);
+            await refreshNodeIfMatchingNodeId(state.rootNode, state.editingTreeNode.nodeId, state.editingTreeNode.hierarchyEditDetailId, true);
         }).catch(e => {
             state.inError = true;
             state.lastErrorMessage = "Error creating folder reference.";
@@ -573,6 +598,7 @@ const actions = <ActionTree<State, any>>{
         contentStructureData.updateResourceReferenceDisplayVersion(state.editingResourceNodeReference).then(async response => {
             state.editingResourceNodeReference.resourceReferenceDisplayVersionId = response.createdId;
             await refreshNodeContents(state.editingTreeNode.parent, false);
+            await refreshNodeIfMatchingNodeId(state.rootNode, state.editingTreeNode.nodeId, state.editingTreeNode.hierarchyEditDetailId, true);
         }).catch(e => {
             state.inError = true;
             state.lastErrorMessage = "Error creating resource reference.";
diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/treeItem.vue b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/treeItem.vue
index 79da2d71a..7844cd81d 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/treeItem.vue
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content-structure/treeItem.vue
@@ -220,6 +220,9 @@
                 if (this.item.nodeTypeId === NodeType.Catalogue) {
                     this.isOpen = true;
                     this.$forceUpdate();
+                } else if (!newVal.childrenLoaded && oldVal.childrenLoaded) { // If children are removed then close the node
+                    this.isOpen = false;
+                    this.$forceUpdate();
                 }
             },
             updatedNode: function (newVal, oldVal) {
diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/data/contentStructure.ts b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/data/contentStructure.ts
index f61af6a13..334fc8376 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/data/contentStructure.ts
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/data/contentStructure.ts
@@ -184,16 +184,30 @@ const deleteFolder = async function (hierarchyEditDetailId: number): Promise<Lea
         });
 };
 
-const deleteFolderReference = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+const deleteFolderReferenceDetails = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/RemoveReferenceNode/${hierarchyEditDetailId}`;
+    const url = `/api/hierarchy/DeleteNodeReferenceDetails/${hierarchyEditDetailId}`;
 
     return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('deleteFolderReference:' + e);
+            console.log('deleteFolderReferenceDetails:' + e);
+            throw e;
+        });
+};
+
+const deleteResourceReferenceDetails = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+
+    const url = `/api/hierarchy/DeleteResourceReferenceDetails/${hierarchyEditDetailId}`;
+
+    return await axios.put<LearningHubValidationResultModel>(url)
+        .then(response => {
+            return response.data;
+        })
+        .catch(e => {
+            console.log('deleteResourceReferenceDetails:' + e);
             throw e;
         });
 };
@@ -310,7 +324,6 @@ const hierarchyEditMoveResource = async function (hierarchyEditDetailId: number,
         });
 };
 
-
 const hierarchyEditReferenceResource = async function (hierarchyEditDetailId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
     const url = `/api/hierarchy/HierarchyEditReferenceResource`;
 
@@ -429,7 +442,8 @@ export const contentStructureData = {
     updateNodePathDisplayVersion,
     updateResourceReferenceDisplayVersion,
     deleteFolder,
-    deleteFolderReference,
+    deleteFolderReferenceDetails,
+    deleteResourceReferenceDetails,
     getFolder,
     moveNodeUp,
     moveNodeDown,
diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Services/HierarchyService.cs b/AdminUI/LearningHub.Nhs.AdminUI/Services/HierarchyService.cs
index 76f90568e..10c1ea475 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Services/HierarchyService.cs
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Services/HierarchyService.cs
@@ -295,5 +295,25 @@ public async Task<ApiResponse> RemoveReferenceNodeAsync(int hierarchyEditDetailI
         {
             return await this.facade.PutAsync($"Hierarchy/RemoveReferenceNode/{hierarchyEditDetailId}");
         }
+
+        /// <summary>
+        /// Deletes the node reference details for the specified hierarchy edit detail ID.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail ID.</param>
+        /// <returns>The <see cref="Task"/> representing the asynchronous operation.</returns>
+        public async Task<ApiResponse> DeleteNodeReferenceDetailsAsync(int hierarchyEditDetailId)
+        {
+            return await this.facade.PutAsync($"Hierarchy/DeleteNodeReferenceDetails/{hierarchyEditDetailId}");
+        }
+
+        /// <summary>
+        /// Deletes the resource reference details for the specified hierarchy edit detail ID.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail ID.</param>
+        /// <returns>The <see cref="Task"/> representing the asynchronous operation.</returns>
+        public async Task<ApiResponse> DeleteResourceReferenceDetailsAsync(int hierarchyEditDetailId)
+        {
+            return await this.facade.PutAsync($"Hierarchy/DeleteResourceReferenceDetails/{hierarchyEditDetailId}");
+        }
     }
 }
diff --git a/LearningHub.Nhs.WebUI/Controllers/Api/HierarchyController.cs b/LearningHub.Nhs.WebUI/Controllers/Api/HierarchyController.cs
index 082a75fdc..380997f3d 100644
--- a/LearningHub.Nhs.WebUI/Controllers/Api/HierarchyController.cs
+++ b/LearningHub.Nhs.WebUI/Controllers/Api/HierarchyController.cs
@@ -225,6 +225,30 @@ public async Task<IActionResult> UpdateFolder(FolderEditViewModel folderEditView
             return this.Ok(apiResponse.ValidationResult);
         }
 
+        /// <summary>
+        /// The UpdateNodePathDisplayVersion.
+        /// </summary>
+        /// <param name="nodePathDisplayVersionModel">The folderEditViewModel<see cref="NodePathDisplayVersionModel"/>.</param>
+        /// <returns>IActionResult.</returns>
+        [HttpPost("UpdateNodePathDisplayVersion")]
+        public async Task<IActionResult> UpdateNodePathDisplayVersion(NodePathDisplayVersionModel nodePathDisplayVersionModel)
+        {
+            var apiResponse = await this.hierarchyService.UpdateNodePathDisplayVersionAsync(nodePathDisplayVersionModel);
+            return this.Ok(apiResponse.ValidationResult);
+        }
+
+        /// <summary>
+        /// The UpdateResourceReferenceDisplayVersion.
+        /// </summary>
+        /// <param name="resourceReferenceDisplayVersionModel">The resourceReferenceEditViewModel<see cref="ResourceReferenceDisplayVersionModel"/>.</param>
+        /// <returns>IActionResult.</returns>
+        [HttpPost("UpdateResourceReferenceDisplayVersion")]
+        public async Task<IActionResult> UpdateResourceReferenceDisplayVersion(ResourceReferenceDisplayVersionModel resourceReferenceDisplayVersionModel)
+        {
+            var apiResponse = await this.hierarchyService.UpdateResourceReferenceDisplayVersionAsync(resourceReferenceDisplayVersionModel);
+            return this.Ok(apiResponse.ValidationResult);
+        }
+
         /// <summary>
         /// The MoveNodeUp.
         /// </summary>
@@ -427,5 +451,29 @@ public async Task<IActionResult> HierarchyEditReferenceExternalResource(Referenc
             var apiResponse = await this.hierarchyService.HierarchyEditReferenceExternalResource(referenceExternalResourceViewModel);
             return this.Ok(apiResponse.ValidationResult);
         }
+
+        /// <summary>
+        /// The DeleteNodeReferenceDetails.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchyEditDetailId<see cref="hierarchyEditDetailId"/>.</param>
+        /// <returns>IActionResult.</returns>
+        [Route("DeleteNodeReferenceDetails/{hierarchyEditDetailId}")]
+        public async Task<IActionResult> DeleteNodeReferenceDetails(int hierarchyEditDetailId)
+        {
+            var apiResponse = await this.hierarchyService.DeleteNodeReferenceDetailsAsync(hierarchyEditDetailId);
+            return this.Ok(apiResponse.ValidationResult);
+        }
+
+        /// <summary>
+        /// Deletes the resource reference details for a hierarchy edit.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail id.</param>
+        /// <returns>The <see cref="IActionResult"/>.</returns>
+        [Route("DeleteResourceReferenceDetails/{hierarchyEditDetailId}")]
+        public async Task<IActionResult> DeleteResourceReferenceDetails(int hierarchyEditDetailId)
+        {
+            var apiResponse = await this.hierarchyService.DeleteResourceReferenceDetailsAsync(hierarchyEditDetailId);
+            return this.Ok(apiResponse.ValidationResult);
+        }
     }
 }
diff --git a/LearningHub.Nhs.WebUI/Interfaces/IHierarchyService.cs b/LearningHub.Nhs.WebUI/Interfaces/IHierarchyService.cs
index 80c2703c1..4f4c85b34 100644
--- a/LearningHub.Nhs.WebUI/Interfaces/IHierarchyService.cs
+++ b/LearningHub.Nhs.WebUI/Interfaces/IHierarchyService.cs
@@ -236,5 +236,19 @@ public interface IHierarchyService
         /// <param name="referenceExternalResourceViewModel">The referenceExternalResourceViewModel<see cref="ReferenceExternalResourceViewModel"/>.</param>
         /// <returns>IActionResult.</returns>
         Task<ApiResponse> HierarchyEditReferenceExternalResource(ReferenceExternalResourceViewModel referenceExternalResourceViewModel);
+
+        /// <summary>
+        /// Deletes the details of a node reference in a hierarchy edit.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail id.</param>
+        /// <returns>The <see cref="Task"/>.</returns>
+        Task<ApiResponse> DeleteNodeReferenceDetailsAsync(int hierarchyEditDetailId);
+
+        /// <summary>
+        /// Deletes the resource reference details.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy Edit Detail Id.</param>
+        /// <returns>The <see cref="Task"/>.</returns>
+        Task<ApiResponse> DeleteResourceReferenceDetailsAsync(int hierarchyEditDetailId);
     }
 }
diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructure.vue b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructure.vue
index f240fb649..c90418365 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructure.vue
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructure.vue
@@ -64,7 +64,7 @@
                     <ckeditorwithhint :key="editingFolderNode.nodeId" :initialValue="editingFolderNode.description" :maxLength="1800" @change="changeFolderDescription" />
                 </div>
                 <div class="col-12" style="margin-top: 40px;">
-                    <label class="control-label">Folder location</label><span v-if="editingFolderNode.nodePaths && editingFolderNode.nodePaths.length>1">s</span></label>
+                    <label class="control-label">Folder location<span v-if="editingFolderNode.nodePaths && editingFolderNode.nodePaths.length>1">s</span></label>
                     <div>
                         <ul class="node-path-list">
                             <li class="" v-for="(item, index) in editingFolderNode.nodePaths" :key="index">
@@ -114,11 +114,11 @@
                     </div>
                 </div>
                 <div class="col-12 d-flex" style="margin-top: 40px; margin-bottom: 40px;">
-                    <input type="button" class="btn btn-custom-green mr-3" @click="onSaveFolderReferenceEdit()" v-bind:class="{disabled: !canSaveFolderReferenceEdit}" v-bind:disabled="!canSaveFolderReferenceEdit" value="Save changes" />
-                    <input type="button" class="btn btn-admin btn-cancel" @click="onCancelFolderReferenceEdit()" value="Cancel" />
+                    <input type="button" class="nhsuk-button nhsuk-u-margin-bottom-0 mr-3" @click="onSaveFolderReferenceEdit()" v-bind:class="{disabled: !canSaveFolderReferenceEdit}" v-bind:disabled="!canSaveFolderReferenceEdit" value="Save changes" />
+                    <input type="button" class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-bottom-0" @click="onCancelFolderReferenceEdit()" value="Cancel" />
 
                     <span class="ml-auto mt-3" v-if="editingFolderNodeReference.nodePathDisplayVersionId>0">
-                        <a class="delete-folder-link" @click.prevent="onEditFolderReferenceDeleteFolder" href="#">
+                        <a class="delete-folder-link" @click.prevent="onEditFolderReferenceDetailsDeleteFolder" href="#">
                             Delete folder reference details <i class="fa-solid fa-trash-can delete-folder ml-2"></i>
                         </a>
                     </span>
@@ -151,8 +151,8 @@
                     </div>
                 </div>
                 <div class="col-12 d-flex" style="margin-top: 40px; margin-bottom: 40px;">
-                    <input type="button" class="btn btn-custom-green mr-3" @click="onSaveResourceReferenceEdit()" v-bind:class="{disabled: !canSaveResourceReferenceEdit}" v-bind:disabled="!canSaveResourceReferenceEdit" value="Save changes" />
-                    <input type="button" class="btn btn-admin btn-cancel" @click="onCancelResourceReferenceEdit()" value="Cancel" />
+                    <input type="button" class="nhsuk-button nhsuk-u-margin-bottom-0 mr-3" @click="onSaveResourceReferenceEdit()" v-bind:class="{disabled: !canSaveResourceReferenceEdit}" v-bind:disabled="!canSaveResourceReferenceEdit" value="Save changes" />
+                    <input type="button" class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-bottom-0" @click="onCancelResourceReferenceEdit()" value="Cancel" />
 
                     <span class="ml-auto mt-3" v-if="editingResourceNodeReference.resourceReferenceDisplayVersionId>0">
                         <a class="delete-folder-link" @click.prevent="onEditResourceReferenceDeleteFolder" href="#">
@@ -186,22 +186,22 @@
                     </div>
                 </div>
             </div>
-            <div id="deleteFolderReferenceModal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboad="false">
+            <div id="deleteFolderReferenceDetailsModal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboad="false">
                 <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                     <div class="modal-content">
                         <div class="modal-header alert-modal-header text-center">
-                            <h2 class="heading-lg w-100"><i class="delete-folder-warning-triangle fas fa-exclamation-triangle pr-3"></i>Delete folder reference</h2>
+                            <h2 class="heading-lg w-100"><i class="delete-folder-warning-triangle fas fa-exclamation-triangle pr-3"></i>Delete folder reference details</h2>
                         </div>
 
                         <div class="modal-body alert-modal-body">
-                            <div class="mt-3">You have chosen to delete the folder reference <span id="deleteFolderReferenceName">{{ deleteFolderReferenceName}}</span>. The folder will display using the default folder properties.</div>
+                            <div class="mt-3">You have chosen to delete the folder reference details <span id="deleteFolderReferenceName">{{ deleteFolderReferenceName}}</span>. The folder will display using the default folder properties.</div>
                         </div>
 
                         <div class="modal-footer alert-modal-footer">
                             <div class="form-group col-12 p-0 m-0">
                                 <div class="d-flex">
                                     <input type="button" class="btn btn-action-cancel" data-dismiss="modal" value="Cancel" />
-                                    <input type="button" class="btn btn-action-red ml-auto" @click="onDeleteFolderReference()" value="Continue" />
+                                    <input type="button" class="btn btn-action-red ml-auto" @click="onDeleteFolderReferenceDetails()" value="Continue" />
                                 </div>
                             </div>
                         </div>
@@ -212,18 +212,18 @@
                 <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                     <div class="modal-content">
                         <div class="modal-header alert-modal-header text-center">
-                            <h2 class="heading-lg w-100"><i class="delete-folder-warning-triangle fas fa-exclamation-triangle pr-3"></i>Delete resource reference</h2>
+                            <h2 class="heading-lg w-100"><i class="delete-folder-warning-triangle fas fa-exclamation-triangle pr-3"></i>Delete resource reference details</h2>
                         </div>
 
                         <div class="modal-body alert-modal-body">
-                            <div class="mt-3">You have chosen to delete the resource reference <span id="deleteResourceReferenceName">{{ deleteResourceReferenceName}}</span>. The resource will display using the default resource properties.</div>
+                            <div class="mt-3">You have chosen to delete the resource reference details <span id="deleteResourceReferenceName">{{ deleteResourceReferenceName}}</span>. The resource will display using the default resource properties.</div>
                         </div>
 
                         <div class="modal-footer alert-modal-footer">
                             <div class="form-group col-12 p-0 m-0">
                                 <div class="d-flex">
                                     <input type="button" class="btn btn-action-cancel" data-dismiss="modal" value="Cancel" />
-                                    <input type="button" class="btn btn-action-red ml-auto" @click="onDeleteResourceReference()" value="Continue" />
+                                    <input type="button" class="btn btn-action-red ml-auto" @click="onDeleteResourceReferenceDetails()" value="Continue" />
                                 </div>
                             </div>
                         </div>
@@ -260,6 +260,7 @@
 <script lang="ts">
     import Vue, { PropOptions } from 'vue';
     import treeItem from './treeItem.vue';
+    import contentSearch from './contentSearch.vue';
     import '../filters';
     import { contentStructureData } from '../data/contentStructure';
     import { HierarchyEditModel, HierarchyEditStatusEnum } from '../models/content-structure/hierarchyEditModel';
@@ -267,12 +268,11 @@
     import { EditModeEnum } from '../models/content-structure/editModeEnum';
     import { CatalogueBasicModel } from '../models/content-structure/catalogueModel';
     import { FolderNodeModel } from '../models/content-structure/folderNodeModel';
+    import { NodePathDisplayVersionModel } from '../models/content-structure/nodePathDisplayVersionModel';
+    import { ResourceReferenceDisplayVersionModel } from '../models/content-structure/resourceReferenceDisplayVersionModel';
     import { NodeType } from '../constants';
     import CKEditorToolbar from '../models/ckeditorToolbar';
     import ckeditorwithhint from '../ckeditorwithhint.vue';
-    import contentSearch from './contentSearch.vue';
-    import { NodePathDisplayVersionModel } from '../models/content-structure/nodePathDisplayVersionModel';
-    import { ResourceReferenceDisplayVersionModel } from '../models/content-structure/resourceReferenceDisplayVersionModel';
     export default Vue.extend({
         name: 'contentStructure',
         components: {
@@ -309,13 +309,13 @@
                     versionCheck: false
                 },
                 deleteFolderName: '',
+                deleteFolderReferenceName: '',
+                deleteResourceReferenceName: '',
                 editFolderStructureButtonText: '',
                 editFolderStructureButtonDisabled: true,
                 selectedResourceId: 0,
                 rootKey: 1,
                 folderDescriptionValid: true,
-                deleteFolderReferenceName: '',
-                deleteResourceReferenceName: '',
             }
         },
         computed: {
@@ -352,12 +352,24 @@
             editingFolderNode(): FolderNodeModel {
                 return this.$store.state.contentStructureState.editingFolderNode;
             },
+            editingFolderNodeReference(): NodePathDisplayVersionModel {
+                return this.$store.state.contentStructureState.editingFolderNodeReference;
+            },
+            editingResourceNodeReference(): ResourceReferenceDisplayVersionModel {
+                return this.$store.state.contentStructureState.editingResourceNodeReference;
+            },
             editingFolderCanBeDeleted(): boolean {
                 return !this.$store.state.contentStructureState.editingTreeNode.hasResourcesInBranchInd;
             },
             folderNameCharactersRemaining(): number {
                 return 255 - this.editingFolderNode.name.length;
             },
+            folderReferenceNameCharactersRemaining(): number {
+                return 255 - this.editingFolderNodeReference.name.length;
+            },
+            resourceReferenceNameCharactersRemaining(): number {
+                return 255 - this.editingResourceNodeReference.name.length;
+            },
             canCreateEdit(): boolean {
                 return this.$store.state.contentStructureState.canCreateEdit;
             },
@@ -367,24 +379,12 @@
             canSaveFolderEdit(): boolean {
                 return this.editingFolderNode.name.trim().length > 0 && this.folderDescriptionValid;
             },
-            editingFolderNodeReference(): NodePathDisplayVersionModel {
-                return this.$store.state.contentStructureState.editingFolderNodeReference;
-            },
-            editingResourceNodeReference(): ResourceReferenceDisplayVersionModel {
-                return this.$store.state.contentStructureState.editingResourceNodeReference;
-            },
             canSaveFolderReferenceEdit(): boolean {
                 return this.editingFolderNodeReference.name.trim().length > 0;
             },
             canSaveResourceReferenceEdit(): boolean {
                 return this.editingResourceNodeReference.name.trim().length > 0;
             },
-            folderReferenceNameCharactersRemaining(): number {
-                return 255 - this.editingFolderNodeReference.name.length;
-            },
-            resourceReferenceNameCharactersRemaining(): number {
-                return 255 - this.editingResourceNodeReference.name.length;
-            },
         },
         created() {
             this.$store.commit('contentStructureState/initialise', { readOnly: this.readOnly });
@@ -396,9 +396,21 @@
             onCancelFolderEdit() {
                 this.$store.commit('contentStructureState/cancelEdit');
             },
+            onCancelFolderReferenceEdit() {
+                this.$store.commit('contentStructureState/cancelEdit');
+            },
+            onCancelResourceReferenceEdit() {
+                this.$store.commit('contentStructureState/cancelEdit');
+            },
             onSaveFolderEdit() {
                 this.$store.dispatch('contentStructureState/saveFolder');
             },
+            onSaveFolderReferenceEdit() {
+                this.$store.dispatch('contentStructureState/saveNodePathDisplayVersion');
+            },
+            onSaveResourceReferenceEdit() {
+                this.$store.dispatch('contentStructureState/saveResourceReferenceDisplayVersion');
+            },
             onTreeItemDeleteFolder: function (item: NodeContentAdminModel) {
                 this.$store.commit('contentStructureState/setDeletingFolder', { folderNode: item });
                 this.deleteFolderName = item.name;
@@ -406,12 +418,29 @@
             },
             onEditFolderDeleteFolder() {
                 this.deleteFolderName = this.editingFolderNode.name;
-                $('#deleteFolderReferenceModal').modal('show');
+                $('#deleteFolderModal').modal('show');
+            },
+            onEditFolderReferenceDetailsDeleteFolder() {
+                this.deleteFolderReferenceName = this.editingFolderNodeReference.name;
+                $('#deleteFolderReferenceDetailsModal').modal('show');
+            },
+            onEditResourceReferenceDeleteFolder() {
+                this.deleteResourceReferenceName = this.editingResourceNodeReference.name;
+                $('#deleteResourceReferenceModal').modal('show');
             },
             onDeleteFolder() {
                 this.$store.dispatch('contentStructureState/deleteFolder');
                 $('#deleteFolderModal').modal('hide');
             },
+            onDeleteFolderReferenceDetails() {
+                this.$store.dispatch('contentStructureState/deleteFolderReferenceDetails');
+                $('#deleteFolderReferenceDetailsModal').modal('hide');
+                this.onCancelFolderEdit()
+            },
+            onDeleteResourceReferenceDetails() {
+                this.$store.dispatch('contentStructureState/deleteResourceReferenceDetails');
+                $('#deleteResourceReferenceModal').modal('hide');
+            },
             onEdit() {
                 this.editFolderStructureButtonDisabled = true;
                 this.$store.dispatch('contentStructureState/createHierarchyEdit', this.catalogue.rootNodePathId);
@@ -432,35 +461,6 @@
             },
             removeError() {
                 this.$store.commit('contentStructureState/removeError');
-            },
-            onCancelFolderReferenceEdit() {
-                this.$store.commit('contentStructureState/cancelEdit');
-            },
-            onCancelResourceReferenceEdit() {
-                this.$store.commit('contentStructureState/cancelEdit');
-            },
-            onSaveFolderReferenceEdit() {
-                this.$store.dispatch('contentStructureState/saveNodePathDisplayVersion');
-            },
-            onSaveResourceReferenceEdit() {
-                this.$store.dispatch('contentStructureState/saveResourceReferenceDisplayVersion');
-            },
-            onEditFolderReferenceDeleteFolder() {
-                this.deleteFolderReferenceName = this.editingFolderNodeReference.name;
-                $('#deleteFolderReferenceModal').modal('show');
-            },
-            onEditResourceReferenceDeleteFolder() {
-                this.deleteResourceReferenceName = this.editingResourceNodeReference.name;
-                $('#deleteResourceReferenceModal').modal('show');
-            },
-            onDeleteFolderReference() {
-                this.$store.dispatch('contentStructureState/deleteFolderReference');
-                $('#deleteFolderReferenceModal').modal('hide');
-                this.onCancelFolderEdit()
-            },
-            onDeleteResourceReference() {
-                this.$store.dispatch('contentStructureState/deleteResourceReference');
-                $('#deleteFolderModal').modal('hide');
             }
         },
     });
diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructureState.ts b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructureState.ts
index ac0ac94b2..533c14ca9 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructureState.ts
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/contentStructureState.ts
@@ -26,15 +26,15 @@ export class State {
     moveToRootNode: NodeContentAdminModel = new NodeContentAdminModel();
     editMode: EditModeEnum = EditModeEnum.None;
     editingFolderNode: FolderNodeModel = null;
+    editingFolderNodeReference: NodePathDisplayVersionModel = null;
+    editingResourceNodeReference: ResourceReferenceDisplayVersionModel = null;
     editingTreeNode: NodeContentAdminModel = null;
     movingResource: NodeContentAdminModel = null;
+    referencingResource: NodeContentAdminModel = null;
     updatedNode: NodeContentAdminModel = null;
     inError: boolean = false;
     lastErrorMessage: string = "";
     readOnly = true;
-    referencingResource: NodeContentAdminModel = null;
-    editingFolderNodeReference: NodePathDisplayVersionModel = null;
-    editingResourceNodeReference: ResourceReferenceDisplayVersionModel = null;
     availableReferenceCatalogues: CatalogueBasicModel[] = null;
     rootExtReferencedNode: NodeContentAdminModel = new NodeContentAdminModel();
 }
@@ -104,7 +104,7 @@ async function refreshNodeContents(node: NodeContentAdminModel, refreshParentPat
         }
         else {
             // If node content item is not in the existing collection then add it.
-            // Ensure display order, name, node path display version id and node paths  are up to date (IT1)
+            // Ensure display order, name, node path display version id and node paths are up to date (IT1)
             response.forEach((child) => {
                 var existing = node.children.filter(r => (r.nodeId != null && r.nodeId == child.nodeId) || (r.resourceId != null && r.resourceId == child.resourceId))[0];
                 if (existing === undefined) {
@@ -164,14 +164,18 @@ async function refreshNodeContents(node: NodeContentAdminModel, refreshParentPat
         state.lastErrorMessage = `Error refreshing Node contents of ${node.name}`;
     });
 }
-async function refreshNodeIfMatchingNodeId(node: NodeContentAdminModel, nodeId: number, hierarchyEditDetailId: number) {
+async function refreshNodeIfMatchingNodeId(node: NodeContentAdminModel, nodeId: number, hierarchyEditDetailId: number, removeChildren?: boolean) {
     if (node.nodeId === nodeId && node.hierarchyEditDetailId != hierarchyEditDetailId) {
+        if (removeChildren && node.parent) {
+            node.parent.children = [];
+            node.parent.childrenLoaded = false;
+        }
         await refreshNodeContents(node.parent, false);
     }
     if (node.childrenLoaded) {
         if (node.children.filter(c => c.hierarchyEditDetailId === hierarchyEditDetailId).length == 0) {
             for (const child of node.children) {
-                await refreshNodeIfMatchingNodeId(child, nodeId, hierarchyEditDetailId);
+                await refreshNodeIfMatchingNodeId(child, nodeId, hierarchyEditDetailId, removeChildren);
             }
         }
     }
@@ -233,36 +237,6 @@ const mutations = {
             state.editMode = EditModeEnum.Folder;
         });
     },
-    setDeletingFolder(state: State, payload: { folderNode: NodeContentAdminModel }) {
-        state.editingTreeNode = payload.folderNode;
-    },
-    setMovingNode(state: State, payload: { node: NodeContentAdminModel }) {
-        state.editingTreeNode = payload.node;
-        state.editMode = EditModeEnum.MoveNode;
-    },
-    cancelMoveNode(state: State, payload: { node: NodeContentAdminModel }) {
-        state.editMode = EditModeEnum.Structure;
-    },
-    cancelEdit(state: State) {
-        state.editMode = EditModeEnum.Structure;
-    },
-    setMovingResource(state: State, payload: { node: NodeContentAdminModel }) {
-        state.editingTreeNode = payload.node.parent;
-        state.movingResource = payload.node;
-        state.editMode = EditModeEnum.MoveResource;
-    },
-    cancelMoveResource(state: State, payload: { node: NodeContentAdminModel }) {
-        state.editMode = EditModeEnum.Structure;
-        state.movingResource = null;
-    },
-    setError(state: State, payload: { errorMessage: string }) {
-        state.inError = true;
-        state.lastErrorMessage = payload.errorMessage;
-    },
-    removeError(state: State) {
-        state.inError = false;
-        state.lastErrorMessage = null;
-    },
     setEditingNodePathDisplayVersion(state: State, payload: { folderNode: NodeContentAdminModel }) {
         state.inError = false;
 
@@ -295,6 +269,16 @@ const mutations = {
         state.editingTreeNode = payload.resourceNode; // Is this needed?
         state.editMode = EditModeEnum.ResourceReference;
     },
+    setDeletingFolder(state: State, payload: { folderNode: NodeContentAdminModel }) {
+        state.editingTreeNode = payload.folderNode;
+    },
+    setMovingNode(state: State, payload: { node: NodeContentAdminModel }) {
+        state.editingTreeNode = payload.node;
+        state.editMode = EditModeEnum.MoveNode;
+    },
+    cancelMoveNode(state: State, payload: { node: NodeContentAdminModel }) {
+        state.editMode = EditModeEnum.Structure;
+    },
     setReferencingNode(state: State, payload: { node: NodeContentAdminModel }) {
         state.editingTreeNode = payload.node;
         state.editMode = EditModeEnum.ReferenceNode;
@@ -302,11 +286,6 @@ const mutations = {
     cancelReferenceNode(state: State, payload: { node: NodeContentAdminModel }) {
         state.editMode = EditModeEnum.Structure;
     },
-    setReferencingResource(state: State, payload: { node: NodeContentAdminModel }) {
-        state.editingTreeNode = payload.node.parent;
-        state.referencingResource = payload.node;
-        state.editMode = EditModeEnum.ReferenceResource;
-    },
     setReferencingExternalContent(state: State, payload: { parentNode: NodeContentAdminModel }) {
         state.editingTreeNode = payload.parentNode;
         state.editMode = EditModeEnum.ReferenceExternalContent;
@@ -314,10 +293,35 @@ const mutations = {
     canceReferencingExternalContent(state: State, payload: { node: NodeContentAdminModel }) {
         state.editMode = EditModeEnum.Structure;
     },
+    cancelEdit(state: State) {
+        state.editMode = EditModeEnum.Structure;
+    },
+    setMovingResource(state: State, payload: { node: NodeContentAdminModel }) {
+        state.editingTreeNode = payload.node.parent;
+        state.movingResource = payload.node;
+        state.editMode = EditModeEnum.MoveResource;
+    },
+    cancelMoveResource(state: State, payload: { node: NodeContentAdminModel }) {
+        state.editMode = EditModeEnum.Structure;
+        state.movingResource = null;
+    },
+    setReferencingResource(state: State, payload: { node: NodeContentAdminModel }) {
+        state.editingTreeNode = payload.node.parent;
+        state.referencingResource = payload.node;
+        state.editMode = EditModeEnum.ReferenceResource;
+    },
     cancelReferenceResource(state: State, payload: { node: NodeContentAdminModel }) {
         state.editMode = EditModeEnum.Structure;
         state.referencingResource = null;
     },
+    setError(state: State, payload: { errorMessage: string }) {
+        state.inError = true;
+        state.lastErrorMessage = payload.errorMessage;
+    },
+    removeError(state: State) {
+        state.inError = false;
+        state.lastErrorMessage = null;
+    },
     selectReferencableCatalogue(state: State, payload: { catalogueNodePathId: number }) {
         var selectedCatalogue = state.availableReferenceCatalogues.find(c => c.rootNodePathId === payload.catalogueNodePathId);
         state.rootExtReferencedNode = new NodeContentAdminModel();
@@ -411,13 +415,14 @@ const actions = <ActionTree<State, any>>{
             state.lastErrorMessage = "Error deleting folder.";
         });
     },
-    deleteFolderReference(context: ActionContext<State, State>) {
+    deleteFolderReferenceDetails(context: ActionContext<State, State>) {
         state.inError = false;
         state.updatedNode = null;
-        contentStructureData.deleteFolderReference(state.editingTreeNode.hierarchyEditDetailId).then(async response => {
+        contentStructureData.deleteFolderReferenceDetails(state.editingTreeNode.hierarchyEditDetailId).then(async response => {
             if (response.isValid) {
                 var parent = state.editingTreeNode.parent;
                 await refreshNodeContents(parent, false);
+                await refreshNodeIfMatchingNodeId(state.rootNode, state.editingTreeNode.nodeId, state.editingTreeNode.hierarchyEditDetailId, true);
                 state.updatedNode = parent;
                 context.commit("setEditMode", EditModeEnum.Structure);
             }
@@ -427,7 +432,27 @@ const actions = <ActionTree<State, any>>{
             }
         }).catch(e => {
             state.inError = true;
-            state.lastErrorMessage = "Error deleting folder reference.";
+            state.lastErrorMessage = "Error deleting folder reference details.";
+        });
+    },
+    deleteResourceReferenceDetails(context: ActionContext<State, State>) {
+        state.inError = false;
+        state.updatedNode = null;
+        contentStructureData.deleteResourceReferenceDetails(state.editingTreeNode.hierarchyEditDetailId).then(async response => {
+            if (response.isValid) {
+                var parent = state.editingTreeNode.parent;
+                await refreshNodeContents(parent, false);
+                await refreshNodeIfMatchingNodeId(state.rootNode, state.editingTreeNode.nodeId, state.editingTreeNode.hierarchyEditDetailId, true);
+                state.updatedNode = parent;
+                context.commit("setEditMode", EditModeEnum.Structure);
+            }
+            else {
+                state.inError = true;
+                state.lastErrorMessage = "Error: " + response.details.join(",");
+            }
+        }).catch(e => {
+            state.inError = true;
+            state.lastErrorMessage = "Error deleting resource reference details.";
         });
     },
     async moveNodeUp(context: ActionContext<State, State>, payload: { node: NodeContentAdminModel }) {
@@ -455,12 +480,31 @@ const actions = <ActionTree<State, any>>{
             await refreshNodeContents(payload.destinationNode, true).then(async x => {
                 await refreshNodeContents(state.editingTreeNode.parent, true).then(y => {
                 });
+                state.rootNode.children.forEach(async (child) => {
+                    if (child.nodeId != null) {
+                        await refreshNodeContents(child, false);
+                    }
+                });
             });
         }).catch(e => {
             state.inError = true;
             state.lastErrorMessage = `Error moving Node ${state.editingTreeNode.name}`;
         });
     },
+    async referenceNode(context: ActionContext<State, State>, payload: { destinationNode: NodeContentAdminModel }) {
+        state.inError = false;
+        contentStructureData.referenceNode(state.editingTreeNode.hierarchyEditDetailId, payload.destinationNode.hierarchyEditDetailId).then(async response => {
+            context.commit("setEditMode", EditModeEnum.Structure);
+            await refreshNodeContents(payload.destinationNode, true).then(async x => {
+                state.editingTreeNode.parent.childrenLoaded = false; // force reload of current now to show references
+                await refreshNodeContents(state.editingTreeNode.parent, true).then(y => {
+                });
+            });
+        }).catch(e => {
+            state.inError = true;
+            state.lastErrorMessage = `Error referencing Node ${state.editingTreeNode.name}`;
+        });
+    },
     async moveResourceUp(context: ActionContext<State, State>, payload: { node: NodeContentAdminModel }) {
         contentStructureData.hierarchyEditMoveResourceUp(payload.node.hierarchyEditDetailId).then(async response => {
             await refreshNodeContents(payload.node.parent, false);
@@ -493,13 +537,27 @@ const actions = <ActionTree<State, any>>{
         state.inError = false;
         contentStructureData.removeReferenceNode(payload.node.hierarchyEditDetailId).then(async response => {
             await refreshNodeContents(payload.node.parent, false);
-            await refreshNodeContents(payload.node.parent.parent, false);
-            await refreshNodeIfMatchingNodeId(payload.node.parent, state.editingTreeNode.nodeId, state.editingTreeNode.hierarchyEditDetailId);
+            await refreshNodeIfMatchingNodeId(state.rootNode, payload.node.nodeId, payload.node.hierarchyEditDetailId, true);
+            if (payload.node.parent.parent != null) {
+                await refreshNodeContents(payload.node.parent.parent, false);
+            }
         }).catch(e => {
             state.inError = true;
             state.lastErrorMessage = "Error removing resource refrence.";
         });
     },
+    async referenceResource(context: ActionContext<State, State>, payload: { destinationNode: NodeContentAdminModel }) {
+        contentStructureData.hierarchyEditReferenceResource(state.referencingResource.hierarchyEditDetailId, payload.destinationNode.hierarchyEditDetailId).then(async response => {
+            await refreshNodeContents(state.referencingResource.parent, true).then(async x => {
+                await refreshNodeContents(payload.destinationNode, true);
+            });
+
+            context.commit("setEditMode", EditModeEnum.Structure);
+        }).catch(e => {
+            state.inError = true;
+            state.lastErrorMessage = "Error referencing resource.";
+        });
+    },
     async saveFolder(context: ActionContext<State, State>) {
         if (state.editingFolderNode.nodeVersionId == 0) {
             contentStructureData.createFolder(state.editingFolderNode).then(async response => {
@@ -524,36 +582,11 @@ const actions = <ActionTree<State, any>>{
             });
         }
     },
-    async referenceNode(context: ActionContext<State, State>, payload: { destinationNode: NodeContentAdminModel }) {
-        state.inError = false;
-        contentStructureData.referenceNode(state.editingTreeNode.hierarchyEditDetailId, payload.destinationNode.hierarchyEditDetailId).then(async response => {
-            context.commit("setEditMode", EditModeEnum.Structure);
-            await refreshNodeContents(payload.destinationNode, true).then(async x => {
-                state.editingTreeNode.parent.childrenLoaded = false; // force reload of current now to show references
-                await refreshNodeContents(state.editingTreeNode.parent, true).then(y => {
-                });
-            });
-        }).catch(e => {
-            state.inError = true;
-            state.lastErrorMessage = `Error referencing Node ${state.editingTreeNode.name}`;
-        });
-    },
-    async referenceResource(context: ActionContext<State, State>, payload: { destinationNode: NodeContentAdminModel }) {
-        contentStructureData.hierarchyEditReferenceResource(state.referencingResource.hierarchyEditDetailId, payload.destinationNode.hierarchyEditDetailId).then(async response => {
-            await refreshNodeContents(state.referencingResource.parent, true).then(async x => {
-                await refreshNodeContents(payload.destinationNode, true);
-            });
-
-            context.commit("setEditMode", EditModeEnum.Structure);
-        }).catch(e => {
-            state.inError = true;
-            state.lastErrorMessage = "Error referencing resource.";
-        });
-    },
     async saveNodePathDisplayVersion(context: ActionContext<State, State>) {
         contentStructureData.updateNodePathDisplayVersion(state.editingFolderNodeReference).then(async response => {
             state.editingFolderNodeReference.nodePathDisplayVersionId = response.createdId;
             await refreshNodeContents(state.editingTreeNode.parent, false);
+            await refreshNodeIfMatchingNodeId(state.rootNode, state.editingTreeNode.nodeId, state.editingTreeNode.hierarchyEditDetailId, true);
         }).catch(e => {
             state.inError = true;
             state.lastErrorMessage = "Error creating folder reference.";
@@ -564,9 +597,10 @@ const actions = <ActionTree<State, any>>{
         contentStructureData.updateResourceReferenceDisplayVersion(state.editingResourceNodeReference).then(async response => {
             state.editingResourceNodeReference.resourceReferenceDisplayVersionId = response.createdId;
             await refreshNodeContents(state.editingTreeNode.parent, false);
+            await refreshNodeIfMatchingNodeId(state.rootNode, state.editingTreeNode.nodeId, state.editingTreeNode.hierarchyEditDetailId, true);
         }).catch(e => {
             state.inError = true;
-            state.lastErrorMessage = "Error creating folder reference.";
+            state.lastErrorMessage = "Error creating resource reference.";
         });
         context.commit("setEditMode", EditModeEnum.Structure);
     },
@@ -592,20 +626,15 @@ const actions = <ActionTree<State, any>>{
         });
     },
     async referenceExternalItem(context: ActionContext<State, State>, payload: { selectedItem: NodeContentAdminModel }) {
-
         if (state.rootExtReferencedNode.nodePathId === state.rootNode.nodePathId) { // same as editing catalogue
             if (payload.selectedItem.nodeTypeId === NodeType.Folder) {
                 // folder
-
-
                 state.inError = false;
                 contentStructureData.referenceNode(payload.selectedItem.hierarchyEditDetailId, state.editingTreeNode.hierarchyEditDetailId).then(async response => {
                     context.commit("setEditMode", EditModeEnum.Structure);
-
                     state.editingTreeNode.childrenLoaded = false; // force reload of current now to show references
                     await refreshNodeContents(state.editingTreeNode, true).then(y => {
                     });
-
                 }).catch(e => {
                     state.inError = true;
                     state.lastErrorMessage = `Error referencing Node ${state.editingTreeNode.name}`;
diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/treeItem.vue b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/treeItem.vue
index 857fdc1d4..fa8627433 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/treeItem.vue
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/content-structure-admin/treeItem.vue
@@ -220,6 +220,9 @@
                 if (this.item.nodeTypeId === NodeType.Catalogue) {
                     this.isOpen = true;
                     this.$forceUpdate();
+                } else if (!newVal.childrenLoaded && oldVal.childrenLoaded) { // If children are removed then close the node
+                    this.isOpen = false;
+                    this.$forceUpdate();
                 }
             },
             updatedNode: function (newVal, oldVal) {
diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/data/contentStructure.ts b/LearningHub.Nhs.WebUI/Scripts/vuesrc/data/contentStructure.ts
index f751df246..d292f19ff 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/data/contentStructure.ts
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/data/contentStructure.ts
@@ -166,269 +166,288 @@ const updateFolder = async function (requestModel: FolderNodeModel): Promise<Lea
         });
 };
 
-const deleteFolder = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+const updateNodePathDisplayVersion = async function (requestModel: NodePathDisplayVersionModel): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/DeleteFolder/${hierarchyEditDetailId}`;
+    const url = `/api/hierarchy/UpdateNodePathDisplayVersion`;
 
-    return await axios.put<LearningHubValidationResultModel>(url)
+    return await axios.post<LearningHubValidationResultModel>(url, requestModel)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('deleteFolder:' + e);
+            console.log('updateNodePathDisplayVersion:' + e);
             throw e;
         });
 };
 
-const moveNodeUp = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+const updateResourceReferenceDisplayVersion = async function (requestModel: ResourceReferenceDisplayVersionModel): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/MoveNodeUp/${hierarchyEditDetailId}`;
+    const url = `/api/hierarchy/UpdateResourceReferenceDisplayVersion`;
 
-    return await axios.put<LearningHubValidationResultModel>(url)
+    return await axios.post<LearningHubValidationResultModel>(url, requestModel)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('moveNodeUp:' + e);
+            console.log('UpdateResourceReferenceDisplayVersion:' + e);
             throw e;
         });
 };
 
-const moveNodeDown = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+const deleteFolder = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/MoveNodeDown/${hierarchyEditDetailId}`;
+    const url = `/api/hierarchy/DeleteFolder/${hierarchyEditDetailId}`;
 
     return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('moveNodeDown:' + e);
+            console.log('deleteFolder:' + e);
             throw e;
         });
 };
+const deleteFolderReferenceDetails = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-const moveNode = async function (hierarchyEditDetailId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+    const url = `/api/hierarchy/DeleteNodeReferenceDetails/${hierarchyEditDetailId}`;
 
-    const url = `/api/hierarchy/MoveNode`;
+    return await axios.put<LearningHubValidationResultModel>(url)
+        .then(response => {
+            return response.data;
+        })
+        .catch(e => {
+            console.log('deleteFolderReferenceDetails:' + e);
+            throw e;
+        });
+};
 
-    return await axios.post<LearningHubValidationResultModel>(url, { hierarchyEditDetailId: hierarchyEditDetailId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
+const deleteResourceReferenceDetails = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+
+    const url = `/api/hierarchy/DeleteResourceReferenceDetails/${hierarchyEditDetailId}`;
+
+    return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('moveNode:' + e);
+            console.log('deleteResourceReferenceDetails:' + e);
             throw e;
         });
 };
 
-const hierarchyEditMoveResourceUp = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+const moveNodeUp = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/HierarchyEditMoveResourceUp/${hierarchyEditDetailId}`;
+    const url = `/api/hierarchy/MoveNodeUp/${hierarchyEditDetailId}`;
 
     return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('hierarchyEditMoveResourceUp:' + e);
+            console.log('moveNodeUp:' + e);
             throw e;
         });
 };
 
-const hierarchyEditMoveResourceDown = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+const moveNodeDown = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/HierarchyEditMoveResourceDown/${hierarchyEditDetailId}`;
+    const url = `/api/hierarchy/MoveNodeDown/${hierarchyEditDetailId}`;
 
     return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('hierarchyEditMoveResourceDown:' + e);
+            console.log('moveNodeDown:' + e);
             throw e;
         });
 };
 
-const hierarchyEditMoveResource = async function (hierarchyEditDetailId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+const moveNode = async function (hierarchyEditDetailId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/HierarchyEditMoveResource`;
+    const url = `/api/hierarchy/MoveNode`;
 
     return await axios.post<LearningHubValidationResultModel>(url, { hierarchyEditDetailId: hierarchyEditDetailId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('hierarchyEditMoveResource:' + e);
+            console.log('moveNode:' + e);
             throw e;
         });
 };
 
-const removeReferenceNode = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
-    const url = `/api/hierarchy/RemoveReferenceNode/${hierarchyEditDetailId}`;
+const referenceNode = async function (hierarchyEditDetailId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    return await axios.put<LearningHubValidationResultModel>(url)
+    const url = `/api/hierarchy/ReferenceNode`;
+
+    return await axios.post<LearningHubValidationResultModel>(url, { hierarchyEditDetailId: hierarchyEditDetailId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('removeReferenceNode:' + e);
+            console.log('referenceNode:' + e);
             throw e;
         });
 };
 
-const moveResourceUp = async function (nodeId: number, resourceId: number): Promise<LearningHubValidationResultModel> {
+const referenceExternalNode = async function (nodePathId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/MoveResourceUp/${nodeId}/${resourceId}`;
+    const url = `/api/hierarchy/referenceExternalNode`;
 
-    return await axios.put<LearningHubValidationResultModel>(url)
+    return await axios.post<LearningHubValidationResultModel>(url, { nodePathId: nodePathId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('moveResourceUp:' + e);
+            console.log('referenceExternalNode:' + e);
             throw e;
         });
 };
 
-const moveResourceDown = async function (nodeId: number, resourceId: number): Promise<LearningHubValidationResultModel> {
+const hierarchyEditMoveResourceUp = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/MoveResourceDown/${nodeId}/${resourceId}`;
+    const url = `/api/hierarchy/HierarchyEditMoveResourceUp/${hierarchyEditDetailId}`;
 
     return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('moveResourceDown:' + e);
+            console.log('hierarchyEditMoveResourceUp:' + e);
             throw e;
         });
 };
 
-const moveResource = async function (sourceNodeId: number, destinationNodeId: number, resourceId: number): Promise<LearningHubValidationResultModel> {
+const hierarchyEditMoveResourceDown = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/MoveResource/${sourceNodeId}/${destinationNodeId}/${resourceId}`;
+    const url = `/api/hierarchy/HierarchyEditMoveResourceDown/${hierarchyEditDetailId}`;
 
     return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('moveResource:' + e);
+            console.log('hierarchyEditMoveResourceDown:' + e);
             throw e;
         });
 };
 
+const hierarchyEditMoveResource = async function (hierarchyEditDetailId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-const getCurrentUserId = async function (): Promise<number> {
-
-    const url = `/api/hierarchy/GetCurrentUserId`;
+    const url = `/api/hierarchy/HierarchyEditMoveResource`;
 
-    return await axios.get<number>(url)
+    return await axios.post<LearningHubValidationResultModel>(url, { hierarchyEditDetailId: hierarchyEditDetailId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('getCurrentUserId:' + e);
+            console.log('hierarchyEditMoveResource:' + e);
             throw e;
         });
 };
-const updateNodePathDisplayVersion = async function (requestModel: NodePathDisplayVersionModel): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/UpdateNodePathDisplayVersion`;
+const hierarchyEditReferenceResource = async function (hierarchyEditDetailId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+    const url = `/api/hierarchy/HierarchyEditReferenceResource`;
 
-    return await axios.post<LearningHubValidationResultModel>(url, requestModel)
+    return await axios.post<LearningHubValidationResultModel>(url, { hierarchyEditDetailId: hierarchyEditDetailId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('updateNodePathDisplayVersion:' + e);
+            console.log('hierarchyEditReferenceResource:' + e);
             throw e;
         });
 };
-const updateResourceReferenceDisplayVersion = async function (requestModel: ResourceReferenceDisplayVersionModel): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/UpdateResourceReferenceDisplayVersion`;
+const hierarchyEditReferenceExternalResource = async function (resourceId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+    const url = `/api/hierarchy/HierarchyEditReferenceExternalResource`;
 
-    return await axios.post<LearningHubValidationResultModel>(url, requestModel)
+    return await axios.post<LearningHubValidationResultModel>(url, { resourceId: resourceId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('UpdateResourceReferenceDisplayVersion:' + e);
+            console.log('HierarchyEditReferenceExternalResource:' + e);
             throw e;
         });
 };
-const getReferencableCatalogues = async function (nodePathId: number): Promise<CatalogueBasicModel[]> {
-    return await axios.get<CatalogueBasicModel[]>('/api/hierarchy/GetReferencableCatalogues/' + nodePathId + `?timestamp=${new Date().getTime()}`)
+
+const moveResourceUp = async function (nodeId: number, resourceId: number): Promise<LearningHubValidationResultModel> {
+
+    const url = `/api/hierarchy/MoveResourceUp/${nodeId}/${resourceId}`;
+
+    return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('GetReferencableCatalogues:' + e);
+            console.log('moveResourceUp:' + e);
             throw e;
         });
 };
-const deleteFolderReference = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/RemoveReferenceNode/${hierarchyEditDetailId}`;
+const moveResourceDown = async function (nodeId: number, resourceId: number): Promise<LearningHubValidationResultModel> {
+
+    const url = `/api/hierarchy/MoveResourceDown/${nodeId}/${resourceId}`;
 
     return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('deleteFolderReference:' + e);
+            console.log('moveResourceDown:' + e);
             throw e;
         });
 };
-const referenceNode = async function (hierarchyEditDetailId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
 
-    const url = `/api/hierarchy/ReferenceNode`;
+const moveResource = async function (sourceNodeId: number, destinationNodeId: number, resourceId: number): Promise<LearningHubValidationResultModel> {
 
-    return await axios.post<LearningHubValidationResultModel>(url, { hierarchyEditDetailId: hierarchyEditDetailId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
+    const url = `/api/hierarchy/MoveResource/${sourceNodeId}/${destinationNodeId}/${resourceId}`;
+
+    return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('referenceNode:' + e);
+            console.log('moveResource:' + e);
             throw e;
         });
 };
-const hierarchyEditReferenceResource = async function (hierarchyEditDetailId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
-    const url = `/api/hierarchy/HierarchyEditReferenceResource`;
 
-    return await axios.post<LearningHubValidationResultModel>(url, { hierarchyEditDetailId: hierarchyEditDetailId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
+const removeReferenceNode = async function (hierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
+    const url = `/api/hierarchy/RemoveReferenceNode/${hierarchyEditDetailId}`;
+
+    return await axios.put<LearningHubValidationResultModel>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('hierarchyEditReferenceResource:' + e);
+            console.log('removeReferenceNode:' + e);
             throw e;
         });
 };
-const referenceExternalNode = async function (nodePathId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
-
-    const url = `/api/hierarchy/referenceExternalNode`;
-
-    return await axios.post<LearningHubValidationResultModel>(url, { nodePathId: nodePathId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
+const getReferencableCatalogues = async function (nodePathId: number): Promise<CatalogueBasicModel[]> {
+    return await axios.get<CatalogueBasicModel[]>('/api/hierarchy/GetReferencableCatalogues/' + nodePathId + `?timestamp=${new Date().getTime()}`)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('referenceExternalNode:' + e);
+            console.log('GetReferencableCatalogues:' + e);
             throw e;
         });
 };
-const hierarchyEditReferenceExternalResource = async function (resourceId: number, moveToHierarchyEditDetailId: number): Promise<LearningHubValidationResultModel> {
-    const url = `/api/hierarchy/HierarchyEditReferenceExternalResource`;
 
-    return await axios.post<LearningHubValidationResultModel>(url, { resourceId: resourceId, moveToHierarchyEditDetailId: moveToHierarchyEditDetailId })
+const getCurrentUserId = async function (): Promise<number> {
+
+    const url = `/api/hierarchy/GetCurrentUserId`;
+
+    return await axios.get<number>(url)
         .then(response => {
             return response.data;
         })
         .catch(e => {
-            console.log('HierarchyEditReferenceExternalResource:' + e);
+            console.log('getCurrentUserId:' + e);
             throw e;
         });
 };
@@ -444,25 +463,26 @@ export const contentStructureData = {
     submitHierarchyEditForPublish,
     createFolder,
     updateFolder,
+    updateNodePathDisplayVersion,
+    updateResourceReferenceDisplayVersion,
     deleteFolder,
+    deleteFolderReferenceDetails,
+    deleteResourceReferenceDetails,
     getFolder,
     moveNodeUp,
     moveNodeDown,
     moveNode,
+    referenceNode,
+    referenceExternalNode,
     hierarchyEditMoveResourceUp,
     hierarchyEditMoveResourceDown,
     hierarchyEditMoveResource,
+    hierarchyEditReferenceResource,
+    hierarchyEditReferenceExternalResource,
     moveResourceUp,
     moveResourceDown,
     moveResource,
-    getCurrentUserId,
-    referenceNode,
-    hierarchyEditReferenceResource,
-    deleteFolderReference,
-    updateNodePathDisplayVersion,
-    updateResourceReferenceDisplayVersion,
     getReferencableCatalogues,
-    hierarchyEditReferenceExternalResource,
-    referenceExternalNode,
+    getCurrentUserId,
     removeReferenceNode
 }
diff --git a/LearningHub.Nhs.WebUI/Services/HierarchyService.cs b/LearningHub.Nhs.WebUI/Services/HierarchyService.cs
index fb8c241b4..aa1268414 100644
--- a/LearningHub.Nhs.WebUI/Services/HierarchyService.cs
+++ b/LearningHub.Nhs.WebUI/Services/HierarchyService.cs
@@ -337,5 +337,25 @@ public async Task<ApiResponse> HierarchyEditReferenceExternalResource(ReferenceE
         {
             return await this.facade.PostAsync<ApiResponse, ReferenceExternalResourceViewModel>("Hierarchy/HierarchyEditReferenceExternalResource", referenceExternalResourceViewModel);
         }
+
+        /// <summary>
+        /// Deletes the node reference details asynchronously.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail id.</param>
+        /// <returns>The <see cref="Task"/> representing the asynchronous operation.</returns>
+        public async Task<ApiResponse> DeleteNodeReferenceDetailsAsync(int hierarchyEditDetailId)
+        {
+            return await this.facade.PutAsync($"Hierarchy/DeleteNodeReferenceDetails/{hierarchyEditDetailId}");
+        }
+
+        /// <summary>
+        /// Deletes the resource reference details for the specified hierarchy edit detail ID.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail ID.</param>
+        /// <returns>The <see cref="Task"/> representing the asynchronous operation.</returns>
+        public async Task<ApiResponse> DeleteResourceReferenceDetailsAsync(int hierarchyEditDetailId)
+        {
+            return await this.facade.PutAsync($"Hierarchy/DeleteResourceReferenceDetails/{hierarchyEditDetailId}");
+        }
     }
 }
diff --git a/WebAPI/LearningHub.Nhs.API/Controllers/HierarchyController.cs b/WebAPI/LearningHub.Nhs.API/Controllers/HierarchyController.cs
index 10f377e71..3190623cf 100644
--- a/WebAPI/LearningHub.Nhs.API/Controllers/HierarchyController.cs
+++ b/WebAPI/LearningHub.Nhs.API/Controllers/HierarchyController.cs
@@ -675,5 +675,45 @@ public async Task<IActionResult> RemoveReferenceNode(int hierarchyEditDetailId)
                 return this.Ok(new ApiResponse(false, new LearningHubValidationResult(false, ex.Message)));
             }
         }
+
+        /// <summary>
+        /// Deletes the node reference details.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail identifier.</param>
+        /// <returns>The action result.</returns>
+        [HttpPut]
+        [Route("DeleteNodeReferenceDetails/{hierarchyEditDetailId}")]
+        public async Task<IActionResult> DeleteNodeReferenceDetails(int hierarchyEditDetailId)
+        {
+            try
+            {
+                var retVal = await this.hierarchyService.DeleteNodeReferenceDetails(hierarchyEditDetailId, this.CurrentUserId);
+                return this.Ok(new ApiResponse(true, retVal));
+            }
+            catch (Exception ex)
+            {
+                return this.Ok(new ApiResponse(false, new LearningHubValidationResult(false, ex.Message)));
+            }
+        }
+
+        /// <summary>
+        /// Deletes the resource reference details for a hierarchy edit.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The ID of the hierarchy edit detail.</param>
+        /// <returns>An asynchronous task that represents the operation.</returns>
+        [HttpPut]
+        [Route("DeleteResourceReferenceDetails/{hierarchyEditDetailId}")]
+        public async Task<IActionResult> DeleteResourceReferenceDetails(int hierarchyEditDetailId)
+        {
+            try
+            {
+                var retVal = await this.hierarchyService.DeleteResourceReferenceDetails(hierarchyEditDetailId, this.CurrentUserId);
+                return this.Ok(new ApiResponse(true, retVal));
+            }
+            catch (Exception ex)
+            {
+                return this.Ok(new ApiResponse(false, new LearningHubValidationResult(false, ex.Message)));
+            }
+        }
     }
 }
diff --git a/WebAPI/LearningHub.Nhs.Database/LearningHub.Nhs.Database.sqlproj b/WebAPI/LearningHub.Nhs.Database/LearningHub.Nhs.Database.sqlproj
index 2884fa678..7a9dce8c0 100644
--- a/WebAPI/LearningHub.Nhs.Database/LearningHub.Nhs.Database.sqlproj
+++ b/WebAPI/LearningHub.Nhs.Database/LearningHub.Nhs.Database.sqlproj
@@ -543,6 +543,8 @@
     <Build Include="Stored Procedures\Resources\GetScormContentServerDetailsForLHExternalReference.sql" />
     <None Include="Scripts\Post-Deploy\Scripts\Content_Referencing_DataSetup.sql" />
     <None Include="Scripts\Pre-Deploy\Scripts\Content Referencing Initialise.sql" />
+    <Build Include="Stored Procedures\Hierarchy\HierarchyEditDeleteNodeReferenceDetails.sql" />
+    <Build Include="Stored Procedures\Hierarchy\HierarchyEditDeleteResourceReferenceDetails.sql" />
   </ItemGroup>
   <ItemGroup>
     <None Include="Scripts\Pre-Deploy\Scripts\Card5766_AuthorTableChanges.PreDeployment.sql" />
diff --git a/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditDeleteNodeReferenceDetails.sql b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditDeleteNodeReferenceDetails.sql
new file mode 100644
index 000000000..4df67a265
--- /dev/null
+++ b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditDeleteNodeReferenceDetails.sql	
@@ -0,0 +1,54 @@
+-------------------------------------------------------------------------------
+-- Author       Dave Brown
+-- Created      01-09-2024
+-- Purpose      Remove node reference details within a Hierarchy Edit.
+--
+-- Modification History
+--
+-- 01-09-2024  DB	Initial Version.
+-------------------------------------------------------------------------------
+CREATE PROCEDURE [hierarchy].[HierarchyEditDeleteNodeReferenceDetails] 
+(
+	@HierarchyEditDetailId int,
+	@UserId int,
+	@UserTimezoneOffset int = NULL
+)
+
+AS
+
+BEGIN
+
+	BEGIN TRY
+
+		BEGIN TRAN	
+
+		DECLARE @AmendDate datetimeoffset(7) = ISNULL(TODATETIMEOFFSET(DATEADD(mi, @UserTimezoneOffset, GETUTCDATE()), @UserTimezoneOffset), SYSDATETIMEOFFSET())
+
+		UPDATE	hierarchy.HierarchyEditDetail
+		SET		NodePathDisplayVersionId = NULL,
+				HierarchyEditDetailOperationId = CASE WHEN HierarchyEditDetailOperationId = 1 THEN HierarchyEditDetailOperationId ELSE 2 END, -- Set to Edit if existing Node
+				AmendUserId = @UserId,
+				AmendDate = @AmendDate
+		WHERE	Id = @HierarchyEditDetailId
+
+		COMMIT
+
+	END TRY
+	BEGIN CATCH
+	    DECLARE @ErrorMessage NVARCHAR(4000);  
+		DECLARE @ErrorSeverity INT;  
+		DECLARE @ErrorState INT;  
+  
+		SELECT   
+			@ErrorMessage = ERROR_MESSAGE(),  
+			@ErrorSeverity = ERROR_SEVERITY(),  
+			@ErrorState = ERROR_STATE();  
+  
+		IF @@TRANCOUNT > 0  
+			ROLLBACK TRAN;  
+
+		RAISERROR (@ErrorMessage, @ErrorSeverity, @ErrorState);  
+
+	END CATCH
+END
+Go
\ No newline at end of file
diff --git a/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditDeleteResourceReferenceDetails.sql b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditDeleteResourceReferenceDetails.sql
new file mode 100644
index 000000000..22e21e89c
--- /dev/null
+++ b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditDeleteResourceReferenceDetails.sql	
@@ -0,0 +1,54 @@
+-------------------------------------------------------------------------------
+-- Author       Dave Brown
+-- Created      01-09-2024
+-- Purpose      Remove resource reference details within a Hierarchy Edit.
+--
+-- Modification History
+--
+-- 01-09-2024  DB	Initial Version.
+-------------------------------------------------------------------------------
+CREATE PROCEDURE [hierarchy].[HierarchyEditDeleteResourceReferenceDetails] 
+(
+	@HierarchyEditDetailId int,
+	@UserId int,
+	@UserTimezoneOffset int = NULL
+)
+
+AS
+
+BEGIN
+
+	BEGIN TRY
+
+		BEGIN TRAN	
+
+		DECLARE @AmendDate datetimeoffset(7) = ISNULL(TODATETIMEOFFSET(DATEADD(mi, @UserTimezoneOffset, GETUTCDATE()), @UserTimezoneOffset), SYSDATETIMEOFFSET())
+
+		UPDATE	hierarchy.HierarchyEditDetail
+		SET		ResourceReferenceDisplayVersionId = NULL,
+				HierarchyEditDetailOperationId = CASE WHEN HierarchyEditDetailOperationId = 1 THEN HierarchyEditDetailOperationId ELSE 2 END, -- Set to Edit if existing Node
+				AmendUserId = @UserId,
+				AmendDate = @AmendDate
+		WHERE	Id = @HierarchyEditDetailId
+
+		COMMIT
+
+	END TRY
+	BEGIN CATCH
+	    DECLARE @ErrorMessage NVARCHAR(4000);  
+		DECLARE @ErrorSeverity INT;  
+		DECLARE @ErrorState INT;  
+  
+		SELECT   
+			@ErrorMessage = ERROR_MESSAGE(),  
+			@ErrorSeverity = ERROR_SEVERITY(),  
+			@ErrorState = ERROR_STATE();  
+  
+		IF @@TRANCOUNT > 0  
+			ROLLBACK TRAN;  
+
+		RAISERROR (@ErrorMessage, @ErrorSeverity, @ErrorState);  
+
+	END CATCH
+END
+Go
\ No newline at end of file
diff --git a/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditGetChildNodePathBreakdown.sql b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditGetChildNodePathBreakdown.sql
index 609452a68..18425f237 100644
--- a/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditGetChildNodePathBreakdown.sql	
+++ b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditGetChildNodePathBreakdown.sql	
@@ -11,6 +11,7 @@
 -- 28-05-2024  DB	Initial Revision.
 -- 12-06-2024  DB	Updated to include Node Resources.
 -- 08-07-2024  DB	Updated to include external catalogues.
+-- 02-09-2024  DB	Fix for inclusion of NodePathDisplayVersionId.
 -------------------------------------------------------------------------------
 CREATE PROCEDURE [hierarchy].[HierarchyEditGetChildNodePathBreakdown]
 (
@@ -37,7 +38,7 @@ BEGIN
 		AND he.Deleted = 0
 	ORDER BY he.Id DESC
 
-    ; WITH cteNodepathDetails (NodeId, NodePathId, ComponentNodePathId, ResourceId, ResourceVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd)
+    ; WITH cteNodepathDetails (NodeId, NodePathId, ComponentNodePathId, NodePathDisplayVersionId, ResourceId, ResourceVersionId, ResourceReferenceDisplayVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd)
     AS
     (
 
@@ -45,8 +46,10 @@ BEGIN
             hed.NodeId,
     		ISNULL(hed.NodePathId, hed.ParentNodePathId) AS NodePathId,
             CASE WHEN hed.ResourceId IS NULL THEN hed.NodePathId ELSE hed.ParentNodePathId END AS ComponentNodePathId,
+            hed.NodePathDisplayVersionId,
             hed.ResourceId AS ResourceId,
             hed.ResourceVersionId,
+            hed.ResourceReferenceDisplayVersionId,
     		NodePathIdPath = CAST(ISNULL(hed.NodePathId, hed.ParentNodePathId) AS nvarchar(256)),
             NodeVersionIdPath = CAST(ISNULL(hed.NodeVersionId, hed_ResParent.NodeVersionId) AS nvarchar(256)),
     		CompletePathInd = CASE WHEN hed.NodePathID = @RootNodePathId THEN 1 ELSE 0 END
@@ -74,8 +77,10 @@ BEGIN
             cte.NodeId,
     		hed.ParentNodePathId AS NodePathId,
             cte.ComponentNodePathId,
+            cte.NodePathDisplayVersionId,
             cte.ResourceId,
             cte.ResourceVersionId,
+            cte.ResourceReferenceDisplayVersionId,
     		CAST(CAST(hed.ParentNodePathID AS nvarchar(10)) + '\' + cte.NodePathIdPath AS nvarchar(256)) AS NodePathIdPath,
             CAST(CAST(p_hed.NodeVersionId AS nvarchar(10)) + '\' + cte.NodeVersionIdPath AS nvarchar(256)) AS NodeVersionIdPath,
     		CompletePathInd = CASE WHEN hed.ParentNodePathID = @RootNodePathId THEN 1 ELSE 0 END
@@ -96,22 +101,24 @@ BEGIN
             AND p_hed.Deleted = 0
     )
 
-    SELECT  NodeId, NodePathId, ComponentNodePathId, ResourceId, ResourceVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd
+    SELECT  NodeId, NodePathId, ComponentNodePathId, NodePathDisplayVersionId, ResourceId, ResourceVersionId, ResourceReferenceDisplayVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd
     INTO    #NodePathDetails
     FROM    cteNodepathDetails
     WHERE   CompletePathInd = 1;
 
 
     -- Add paths from external catalogues
-    ; WITH cteExtNodepathDetails (NodeId, NodePathId, ComponentNodePathId, ResourceId, ResourceVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd,ParentNodePath)
+    ; WITH cteExtNodepathDetails (NodeId, NodePathId, ComponentNodePathId, NodePathDisplayVersionId, ResourceId, ResourceVersionId, ResourceReferenceDisplayVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd,ParentNodePath)
     AS
     (
         SELECT 
             n_np.NodeId AS NodeId,
     		ISNULL(n_np.Id, r_np.Id) AS NodePathId,
             ISNULL(n_np.Id, r_np.Id) AS ComponentNodePathId,
+            hed.NodePathDisplayVersionId,
             hed.ResourceId AS ResourceId,
             hed.ResourceVersionId,
+            hed.ResourceReferenceDisplayVersionId,
     		NodePathIdPath = CAST(ISNULL(n_np.Id, r_np.Id) AS nvarchar(256)),
             NodeVersionIdPath = CAST(ISNULL(hed.NodeVersionId, nv.Id) AS nvarchar(256)),
                 CASE WHEN CHARINDEX('\', ISNULL(n_np.NodePath, r_np.NodePath)) = 0 THEN 1 ELSE 0 END AS CompletePathInd,
@@ -154,8 +161,10 @@ BEGIN
                 cte.NodeId,
                 np.Id AS NodePathId,
                 cte.ComponentNodePathId,
+                NULL AS NodePathDisplayVersionId,
                 cte.ResourceId,
                 cte.ResourceVersionId,
+                cte.ResourceReferenceDisplayVersionId,
                 CAST(CAST(np.Id AS nvarchar(10)) + '\' + cte.NodePathIdPath AS nvarchar(256)) AS NodePathIdPath,
                 CAST(CAST(nv.Id AS nvarchar(10)) + '\' + cte.NodeVersionIdPath AS nvarchar(256)) AS NodeVersionIdPath,
                 CASE WHEN CHARINDEX('\', np.NodePath) = 0 THEN 1 ELSE 0 END AS CompletePathInd,
@@ -171,8 +180,8 @@ BEGIN
             AND nv.Deleted = 0
     )
 
-    INSERT INTO #NodePathDetails (NodeId, NodePathId, ComponentNodePathId, ResourceId, ResourceVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd)
-    SELECT  NodeId, NodePathId, ComponentNodePathId, ResourceId, ResourceVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd
+    INSERT INTO #NodePathDetails (NodeId, NodePathId, ComponentNodePathId, NodePathDisplayVersionId, ResourceId, ResourceVersionId, ResourceReferenceDisplayVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd)
+    SELECT  NodeId, NodePathId, ComponentNodePathId, NodePathDisplayVersionId, ResourceId, ResourceVersionId, ResourceReferenceDisplayVersionId, NodePathIdPath, NodeVersionIdPath, CompletePathInd
     FROM    cteExtNodepathDetails
     WHERE   CompletePathInd = 1;
 
@@ -182,7 +191,8 @@ BEGIN
             ISNULL(cte.ResourceId, 0) AS ResourceId,
             ComponentNodePathId AS NodePathId,
             sp1.idx AS Depth,
-            COALESCE(d_npdv.DisplayName, p_npdv.DisplayName, cnv.Name, fnv.Name, rv.Title) AS NodeName
+            COALESCE(npdv.DisplayName, rrdv.DisplayName, cnv.Name, fnv.Name, rv.Title) AS NodeName
+            --COALESCE(d_npdv.DisplayName, p_npdv.DisplayName, cnv.Name, fnv.Name, rv.Title) AS NodeName
     FROM    #NodePathDetails cte
     CROSS APPLY hub.fn_Split(CASE WHEN cte.ResourceId IS NULL THEN NodeVersionIdPath ELSE NodeVersionIdPath + '\' + CAST(ResourceVersionId AS nvarchar(10)) END, '\') as sp1
     CROSS APPLY hub.fn_Split(CASE WHEN cte.ResourceId IS NULL THEN NodePathIdPath ELSE NodePathIdPath + '\0' END, '\') as sp2
@@ -191,9 +201,13 @@ BEGIN
     LEFT JOIN
             hierarchy.CatalogueNodeVersion cnv ON cnv.NodeVersionId = sp1.[value]
     LEFT JOIN
-            hierarchy.NodePathDisplayVersion d_npdv ON sp2.[value] = d_npdv.NodePathId AND d_npdv.VersionStatusId = 1 /* Draft */ AND d_npdv.Deleted = 0 AND cte.ResourceId IS NULL
+            hierarchy.NodePathDisplayVersion npdv ON sp2.[value] = npdv.NodePathId AND cte.NodePathDisplayVersionId = npdv.Id AND npdv.Deleted = 0 AND cte.ResourceId IS NULL
     LEFT JOIN
-            hierarchy.NodePathDisplayVersion p_npdv ON sp2.[value] = p_npdv.NodePathId AND p_npdv.VersionStatusId = 2 /* Published */ AND p_npdv.Deleted = 0 AND cte.ResourceId IS NULL
+            resources.ResourceReferenceDisplayVersion rrdv ON sp2.[value] = 0 AND cte.ResourceReferenceDisplayVersionID = rrdv.Id AND rrdv.Deleted = 0 AND cte.ResourceId IS NOT NULL
+    --LEFT JOIN
+    --        hierarchy.NodePathDisplayVersion d_npdv ON sp2.[value] = d_npdv.NodePathId AND d_npdv.VersionStatusId = 1 /* Draft */ AND d_npdv.Deleted = 0 AND cte.ResourceId IS NULL
+    --LEFT JOIN
+    --        hierarchy.NodePathDisplayVersion p_npdv ON sp2.[value] = p_npdv.NodePathId AND p_npdv.VersionStatusId = 2 /* Published */ AND p_npdv.Deleted = 0 AND cte.ResourceId IS NULL
     LEFT JOIN
             resources.ResourceVersion rv ON rv.Id = sp1.[value] AND cte.ResourceId IS NOT NULL
     WHERE   sp1.idx = sp2.idx
diff --git a/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditPublish.sql b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditPublish.sql
index a30906480..63f86e4fa 100644
--- a/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditPublish.sql	
+++ b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditPublish.sql	
@@ -18,6 +18,7 @@
 -- 03-06-2024  DB	Publish NodePathDisplayVersion records.
 -- 13-06-2024  DB	Publish ResourceReferenceDisplayVersion records.
 -- 26-07-2024  SA   Remove references to be implemented
+-- 02-09-2024  DB	Remove any deleted NodePathDisplayVersion anf ResourceReferenceDisplayVersion records.
 -------------------------------------------------------------------------------
 CREATE PROCEDURE [hierarchy].[HierarchyEditPublish] 
 (
@@ -858,6 +859,34 @@ BEGIN
 		LEFT JOIN #cteNodeResource cte2 ON cte2.NodeId = nrl.NodeId AND cte2.ResourceId = nrl.ResourceId
 		WHERE cte2.NodeId IS NULL AND nrl.Deleted = 0
 
+		-------------------------------------------------------------
+		-- Mark any removed NodePathDisplayVersion records as deleted
+		-------------------------------------------------------------
+		UPDATE  npdv
+		SET     Deleted = 1,
+				AmendUserId = @AmendUserId,
+				AmendDate = @AmendDate        
+		FROM    hierarchy.HierarchyEditDetail hed
+		INNER JOIN hierarchy.NodePathDisplayVersion npdv ON hed.NodePathId = npdv.NodePathId
+		WHERE   HierarchyEditId = @HierarchyEditId
+			AND hed.NodePathDisplayVersionId IS NULL
+			AND hed.Deleted = 0
+			AND npdv.Deleted = 0
+
+		-------------------------------------------------------------
+		-- Mark any removed ResourceReferenceDisplayVersion records as deleted
+		-------------------------------------------------------------
+		UPDATE  rrdv
+		SET     Deleted = 1,
+				AmendUserId = @AmendUserId,
+				AmendDate = @AmendDate        
+		FROM    hierarchy.HierarchyEditDetail hed
+		INNER JOIN resources.ResourceReferenceDisplayVersion rrdv ON hed.ResourceReferenceId = rrdv.ResourceReferenceId
+		WHERE   HierarchyEditId = @HierarchyEditId
+			AND hed.ResourceReferenceDisplayVersionId IS NULL
+			AND hed.Deleted = 0
+			AND rrdv.Deleted = 0
+
 		----------------------------------------------------------
 		-- Mark the HierarchyEdit as 'Published'
 		----------------------------------------------------------
diff --git a/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditResourceReferenceDisplayVersionUpdate.sql b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditResourceReferenceDisplayVersionUpdate.sql
index 95774fe0e..d0dd9f982 100644
--- a/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditResourceReferenceDisplayVersionUpdate.sql	
+++ b/WebAPI/LearningHub.Nhs.Database/Stored Procedures/Hierarchy/HierarchyEditResourceReferenceDisplayVersionUpdate.sql	
@@ -30,7 +30,7 @@ BEGIN
 
 		IF EXISTS (SELECT 1 FROM resources.ResourceReferenceDisplayVersion WHERE Id = @ResourceReferenceDisplayVersionId AND VersionStatusId = 1) -- Does a draft version already exist
 		BEGIN
-			UPDATE	hierarchy.ResourceReferenceDisplayVersion
+			UPDATE	resources.ResourceReferenceDisplayVersion
 			SET		DisplayName = @Name,
 					AmendUserId = @UserId,
 					AmendDate = @AmendDate
diff --git a/WebAPI/LearningHub.Nhs.Repository.Interface/Hierarchy/IHierarchyEditRepository.cs b/WebAPI/LearningHub.Nhs.Repository.Interface/Hierarchy/IHierarchyEditRepository.cs
index 6f5f68106..e84254609 100644
--- a/WebAPI/LearningHub.Nhs.Repository.Interface/Hierarchy/IHierarchyEditRepository.cs
+++ b/WebAPI/LearningHub.Nhs.Repository.Interface/Hierarchy/IHierarchyEditRepository.cs
@@ -229,5 +229,21 @@ public interface IHierarchyEditRepository : IGenericRepository<HierarchyEdit>
         /// <param name="hierarchyEditId">The hierarchy edit id.</param>
         /// <param name="userId">The user id.</param>
         void FailedToPublish(int hierarchyEditId, int userId);
+
+        /// <summary>
+        /// Deletes the node reference details.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail id.</param>
+        /// <param name="userId">The user id.</param>
+        /// <returns>The <see cref="Task"/>.</returns>
+        Task DeleteNodeReferenceDetails(int hierarchyEditDetailId, int userId);
+
+        /// <summary>
+        /// Deletes the resource reference details.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail id.</param>
+        /// <param name="userId">The user id.</param>
+        /// <returns>The <see cref="Task"/>.</returns>
+        Task DeleteResourceReferenceDetails(int hierarchyEditDetailId, int userId);
     }
 }
diff --git a/WebAPI/LearningHub.Nhs.Repository/Hierarchy/HierarchyEditRepository.cs b/WebAPI/LearningHub.Nhs.Repository/Hierarchy/HierarchyEditRepository.cs
index 837c04555..be0fc8455 100644
--- a/WebAPI/LearningHub.Nhs.Repository/Hierarchy/HierarchyEditRepository.cs
+++ b/WebAPI/LearningHub.Nhs.Repository/Hierarchy/HierarchyEditRepository.cs
@@ -500,5 +500,41 @@ public void FailedToPublish(int hierarchyEditId, int userId)
 
             this.DbContext.Database.ExecuteSqlRaw("hierarchy.HierarchyEditFailedToPublish @p0, @p1", param0, param1);
         }
+
+        /// <summary>
+        /// Deletes the node reference details for a hierarchy edit.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The ID of the hierarchy edit detail.</param>
+        /// <param name="userId">The ID of the user performing the operation.</param>
+        /// <returns>The <see cref="Task"/>.</returns>
+        public async Task DeleteNodeReferenceDetails(int hierarchyEditDetailId, int userId)
+        {
+            var param0 = new SqlParameter("@p0", SqlDbType.Int) { Value = hierarchyEditDetailId };
+            var param1 = new SqlParameter("@p1", SqlDbType.Int) { Value = userId };
+            var param2 = new SqlParameter("@p2", SqlDbType.Int) { Value = this.TimezoneOffsetManager.UserTimezoneOffset ?? (object)DBNull.Value };
+
+            string sql = "hierarchy.HierarchyEditDeleteNodeReferenceDetails @p0, @p1, @p2";
+            var sqlParams = new List<SqlParameter>() { param0, param1, param2 };
+
+            await this.DbContext.Database.ExecuteSqlRawAsync(sql, sqlParams);
+        }
+
+        /// <summary>
+        /// Deletes the resource reference details for a hierarchy edit detail.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The ID of the hierarchy edit detail.</param>
+        /// <param name="userId">The ID of the user performing the operation.</param>
+        /// <returns>The <see cref="Task"/>.</returns>
+        public async Task DeleteResourceReferenceDetails(int hierarchyEditDetailId, int userId)
+        {
+            var param0 = new SqlParameter("@p0", SqlDbType.Int) { Value = hierarchyEditDetailId };
+            var param1 = new SqlParameter("@p1", SqlDbType.Int) { Value = userId };
+            var param2 = new SqlParameter("@p2", SqlDbType.Int) { Value = this.TimezoneOffsetManager.UserTimezoneOffset ?? (object)DBNull.Value };
+
+            string sql = "hierarchy.HierarchyEditDeleteResourceReferenceDetails @p0, @p1, @p2";
+            var sqlParams = new List<SqlParameter>() { param0, param1, param2 };
+
+            await this.DbContext.Database.ExecuteSqlRawAsync(sql, sqlParams);
+        }
     }
 }
diff --git a/WebAPI/LearningHub.Nhs.Services.Interface/IHierarchyService.cs b/WebAPI/LearningHub.Nhs.Services.Interface/IHierarchyService.cs
index 93d6595c0..e1aff634c 100644
--- a/WebAPI/LearningHub.Nhs.Services.Interface/IHierarchyService.cs
+++ b/WebAPI/LearningHub.Nhs.Services.Interface/IHierarchyService.cs
@@ -293,5 +293,21 @@ public interface IHierarchyService
         /// <param name="nodeId">The nodeId<see cref="int"/>.</param>
         /// <returns>The <see cref="List{NodePathViewModel}"/>.</returns>
         Task<List<NodePathViewModel>> GetNodePathsForNodeAsync(int nodeId);
+
+        /// <summary>
+        /// Deletes the node reference details.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail id.</param>
+        /// <param name="currentUserId">The current user id.</param>
+        /// <returns>The <see cref="Task{LearningHubValidationResult}"/>.</returns>
+        Task<LearningHubValidationResult> DeleteNodeReferenceDetails(int hierarchyEditDetailId, int currentUserId);
+
+        /// <summary>
+        /// Deletes the resource reference details.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The hierarchy edit detail id.</param>
+        /// <param name="currentUserId">The current user id.</param>
+        /// <returns>The <see cref="Task{LearningHubValidationResult}"/>.</returns>
+        Task<LearningHubValidationResult> DeleteResourceReferenceDetails(int hierarchyEditDetailId, int currentUserId);
     }
 }
diff --git a/WebAPI/LearningHub.Nhs.Services/HierarchyService.cs b/WebAPI/LearningHub.Nhs.Services/HierarchyService.cs
index 80f5085f8..771141646 100644
--- a/WebAPI/LearningHub.Nhs.Services/HierarchyService.cs
+++ b/WebAPI/LearningHub.Nhs.Services/HierarchyService.cs
@@ -855,6 +855,32 @@ public async Task<List<NodePathViewModel>> GetNodePathsForNodeAsync(int nodeId)
             return this.mapper.Map<List<NodePathViewModel>>(nodePathList);
         }
 
+        /// <summary>
+        /// Deletes the node reference details for a hierarchy edit.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The ID of the hierarchy edit detail.</param>
+        /// <param name="currentUserId">The ID of the current user.</param>
+        /// <returns>A <see cref="Task{LearningHubValidationResult}"/> representing the asynchronous operation.</returns>
+        public async Task<LearningHubValidationResult> DeleteNodeReferenceDetails(int hierarchyEditDetailId, int currentUserId)
+        {
+            await this.hierarchyEditRepository.DeleteNodeReferenceDetails(hierarchyEditDetailId, currentUserId);
+            var retVal = new LearningHubValidationResult(true);
+            return retVal;
+        }
+
+        /// <summary>
+        /// Deletes the resource reference details for a hierarchy edit detail.
+        /// </summary>
+        /// <param name="hierarchyEditDetailId">The ID of the hierarchy edit detail.</param>
+        /// <param name="currentUserId">The ID of the current user.</param>
+        /// <returns>A <see cref="Task"/> representing the asynchronous operation.</returns>
+        public async Task<LearningHubValidationResult> DeleteResourceReferenceDetails(int hierarchyEditDetailId, int currentUserId)
+        {
+            await this.hierarchyEditRepository.DeleteResourceReferenceDetails(hierarchyEditDetailId, currentUserId);
+            var retVal = new LearningHubValidationResult(true);
+            return retVal;
+        }
+
         private async Task RefreshCacheForNodeContents(int nodeId)
         {
             string cacheKey = $"{CacheKeys.PublishedNodeContents}:{nodeId}";