diff --git a/frappe/public/js/frappe/recorder/RecorderRoot.vue b/frappe/public/js/frappe/recorder/RecorderRoot.vue
index 40f4376593..8dcca3082c 100644
--- a/frappe/public/js/frappe/recorder/RecorderRoot.vue
+++ b/frappe/public/js/frappe/recorder/RecorderRoot.vue
@@ -8,6 +8,7 @@
 
 import RecorderDetail from "./RecorderDetail.vue"
 import PathDetail from "./PathDetail.vue"
+import RequestDetail from "./RequestDetail.vue"
 
 export default {
 	name: "RecorderRoot",
@@ -25,6 +26,7 @@ export default {
 			var routes = {
 				"#": RecorderDetail,
 				"#Path": PathDetail,
+				"#Request": RequestDetail,
 			}
 			var route = this.get_route()
 			this.current_component = routes[route.route]
diff --git a/frappe/public/js/frappe/recorder/RequestDetail.vue b/frappe/public/js/frappe/recorder/RequestDetail.vue
new file mode 100644
index 0000000000..22180f41af
--- /dev/null
+++ b/frappe/public/js/frappe/recorder/RequestDetail.vue
@@ -0,0 +1,11 @@
+<template>
+	<div>
+		Just rendering a request
+	</div>
+</template>
+
+<script>
+export default {
+	name: "RequestDetail",
+};
+</script>
diff --git a/frappe/public/js/frappe/recorder/RequestListItem.vue b/frappe/public/js/frappe/recorder/RequestListItem.vue
index afa453cee1..8bf9ffb991 100644
--- a/frappe/public/js/frappe/recorder/RequestListItem.vue
+++ b/frappe/public/js/frappe/recorder/RequestListItem.vue
@@ -1,7 +1,9 @@
 <template>
-	<div>
-		{{ uuid }}
-	</div>
+	<a :href="'#Request/' + uuid ">
+		<div>
+			{{ uuid }}
+		</div>
+	</a>
 </template>
 
 <script>