From 8d20d509374564d7436635ba555d55c8b41f74bc Mon Sep 17 00:00:00 2001
From: Kyle Essenmacher <kessenmacher7832@gmail.com>
Date: Sun, 14 Dec 2025 14:07:29 -0500
Subject: [PATCH] feat: add Escape key support to exit fullscreen logs view

---
 .../project/shared/get-logs.blade.php         | 44 +++++++++++--------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/resources/views/livewire/project/shared/get-logs.blade.php b/resources/views/livewire/project/shared/get-logs.blade.php
index 8504a160f..ae0896d7a 100644
--- a/resources/views/livewire/project/shared/get-logs.blade.php
+++ b/resources/views/livewire/project/shared/get-logs.blade.php
@@ -1,22 +1,28 @@
 <div class="{{ $collapsible ? 'my-4 border dark:border-coolgray-200 border-neutral-200' : '' }}">
-    <div id="screen" x-data="{
-        collapsible: {{ $collapsible ? 'true' : 'false' }},
-        expanded: {{ ($expandByDefault || !$collapsible) ? 'true' : 'false' }},
-        logsLoaded: false,
-        fullscreen: false,
-        alwaysScroll: false,
-        intervalId: null,
-        scrollDebounce: null,
-        colorLogs: localStorage.getItem('coolify-color-logs') === 'true',
-        searchQuery: '',
-        containerName: '{{ $container ?? "logs" }}',
-        makeFullscreen() {
-            this.fullscreen = !this.fullscreen;
-            if (this.fullscreen === false) {
-                this.alwaysScroll = false;
-                clearInterval(this.intervalId);
-            }
-        },
+<div id="screen" x-data="{
+    collapsible: {{ $collapsible ? 'true' : 'false' }},
+    expanded: {{ ($expandByDefault || !$collapsible) ? 'true' : 'false' }},
+    logsLoaded: false,
+    fullscreen: false,
+    alwaysScroll: false,
+    intervalId: null,
+    scrollDebounce: null,
+    colorLogs: localStorage.getItem('coolify-color-logs') === 'true',
+    searchQuery: '',
+    containerName: '{{ $container ?? "logs" }}',
+    makeFullscreen() {
+        this.fullscreen = !this.fullscreen;
+        if (this.fullscreen === false) {
+            this.alwaysScroll = false;
+            clearInterval(this.intervalId);
+        }
+    },
+    handleKeyDown(event) {
+        if (event.key === 'Escape' && this.fullscreen) {
+            this.makeFullscreen();
+        }
+    },
+} @keydown.window="handleKeyDown($event)">
         isScrolling: false,
         toggleScroll() {
             this.alwaysScroll = !this.alwaysScroll;
@@ -375,4 +381,4 @@ class="font-mono whitespace-pre-wrap break-all max-w-full text-neutral-400">No l
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>