From 8cccb3c0b69cd4cb4cf8ff522e650ef8cfcfed62 Mon Sep 17 00:00:00 2001
From: G-Fourteen <gfourteen7525@gmail.com>
Date: Thu, 11 Sep 2025 18:35:25 -0600
Subject: [PATCH] Hide idle screensaver gallery

---
 chat-storage.js |  4 ++++
 index.html      | 10 +++++-----
 styles.css      |  2 ++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/chat-storage.js b/chat-storage.js
index 083982a..0f56252 100644
--- a/chat-storage.js
+++ b/chat-storage.js
@@ -10,6 +10,7 @@ document.addEventListener("DOMContentLoaded", () => {
         const gallery = document.getElementById('past-image-gallery');
         if (!gallery) return;
         if ([...gallery.querySelectorAll('img.thumbnail')].some(img => img.src === imageUrl)) return;
+        const wrapper = gallery.parentElement;
         const img = document.createElement('img');
         img.src = imageUrl;
         img.className = 'thumbnail';
@@ -17,6 +18,9 @@ document.addEventListener("DOMContentLoaded", () => {
             openImageModal(imageUrl);
         });
         gallery.appendChild(img);
+        if (wrapper && wrapper.classList.contains('hidden')) {
+            wrapper.classList.remove('hidden');
+        }
         if (window.Memory && typeof window.Memory.saveImage === 'function') {
             window.Memory.saveImage(imageUrl);
         }
diff --git a/index.html b/index.html
index 9adf99c..de1bee1 100644
--- a/index.html
+++ b/index.html
@@ -147,11 +147,11 @@ <h2>Sessions</h2>
               </button>
             </div>
           </div>
-          <div class="gallery-wrapper">
-            <div id="past-image-gallery" class="screensaver-thumbnails">
-              <!-- JS will populate thumbnails here -->
-            </div>
-          </div>
+          <div class="gallery-wrapper hidden">
+            <div id="past-image-gallery" class="screensaver-thumbnails">
+              <!-- JS will populate thumbnails here -->
+            </div>
+          </div>
         </div>
       </div>
     </div>
diff --git a/styles.css b/styles.css
index ea09827..7a3ca2f 100644
--- a/styles.css
+++ b/styles.css
@@ -972,6 +972,7 @@ body {
   padding: 8px;
   border-top: 2px solid #505050;
   z-index: 50;
+  pointer-events: none;
 }
 
 #past-image-gallery {
@@ -980,6 +981,7 @@ body {
   gap: 10px;
   overflow-x: auto;
   scrollbar-width: thin;
+  pointer-events: auto;
 }
 
 #past-image-gallery img.thumbnail {