From 060540ae808cfbbf33cbc0df6262188977b64dba Mon Sep 17 00:00:00 2001
From: filtered <176114999+webfiltered@users.noreply.github.com>
Date: Thu, 22 May 2025 13:54:28 -0700
Subject: [PATCH] Reimpl. escape key handling in frontend

---
 src/components/breadcrumb/SubgraphBreadcrumb.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/breadcrumb/SubgraphBreadcrumb.vue b/src/components/breadcrumb/SubgraphBreadcrumb.vue
index 9d1df9030..a6fb8a07e 100644
--- a/src/components/breadcrumb/SubgraphBreadcrumb.vue
+++ b/src/components/breadcrumb/SubgraphBreadcrumb.vue
@@ -11,6 +11,7 @@
 </template>
 
 <script setup lang="ts">
+import { useEventListener } from '@vueuse/core'
 import Breadcrumb from 'primevue/breadcrumb'
 import type { MenuItem, MenuItemCommandEvent } from 'primevue/menuitem'
 import { computed } from 'vue'
@@ -52,6 +53,18 @@ const home = computed(() => ({
 const handleItemClick = (event: MenuItemCommandEvent) => {
   event.item.command?.(event)
 }
+
+// Escape exits from the current subgraph.
+useEventListener(document, 'keydown', (event) => {
+  if (event.key === 'Escape') {
+    const canvas = useCanvasStore().getCanvas()
+    if (!canvas.graph) throw new TypeError('Canvas has no graph')
+
+    canvas.setGraph(
+      navigationStore.navigationStack.at(-2) ?? canvas.graph.rootGraph
+    )
+  }
+})
 </script>
 
 <style>