From 1282d8ab65d778dbdc3418e172a89f7a20923a8b Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 6 Feb 2026 00:29:37 +0000
Subject: [PATCH 1/4] Initial plan


From c9f22b4e72296c3705f4eb498585250635a201a1 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 6 Feb 2026 00:57:52 +0000
Subject: [PATCH 2/4] Add settings panel, panic button, PWA support, and
 combined notifications

Co-authored-by: sriail <225764385+sriail@users.noreply.github.com>
---
 worker.js | 416 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 403 insertions(+), 13 deletions(-)

diff --git a/worker.js b/worker.js
index 3957167..2402b01 100644
--- a/worker.js
+++ b/worker.js
@@ -6,6 +6,13 @@ addEventListener('fetch', event => {
 async function handleRequest(request) {
   const url = new URL(request.url);
   
+  // Serve PWA manifest
+  if (url.pathname === '/manifest.json') {
+    return new Response(getPWAManifest(), {
+      headers: { 'Content-Type': 'application/json' }
+    });
+  }
+  
   // Serve the main HTML page
   if (url.pathname === '/' || url.pathname === '') {
     return new Response(getMainHTML(), {
@@ -178,6 +185,11 @@ function getMainHTML() {
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CloudMoon InPlay</title>
     <link rel="icon" id="favicon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>☁️</text></svg>">
+    <link rel="manifest" href="/manifest.json">
+    <meta name="theme-color" content="#2d2d2d">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-title" content="CloudMoon">
     <style>
         * {
             margin: 0;
@@ -305,6 +317,180 @@ function getMainHTML() {
                 opacity: 1;
             }
         }
+        
+        .navAutoHide #header {
+            transform: translateY(-100%);
+            transition: transform 0.25s ease;
+        }
+        
+        .navAutoHide #header:hover,
+        .navAutoHide #header.pinned {
+            transform: translateY(0);
+        }
+        
+        .navAutoHide #frame-container {
+            height: 100vh;
+        }
+        
+        #settingsOverlay {
+            position: fixed;
+            inset: 0;
+            background: rgba(0,0,0,0.6);
+            display: none;
+            justify-content: center;
+            align-items: center;
+            z-index: 1500;
+        }
+        
+        #settingsOverlay.visible {
+            display: flex;
+        }
+        
+        #settingsPanel {
+            background: #1e1e1e;
+            border-radius: 12px;
+            padding: 24px;
+            width: 380px;
+            max-height: 85vh;
+            overflow-y: auto;
+            box-shadow: 0 8px 32px rgba(0,0,0,0.5);
+            border: 1px solid #3a3a3a;
+        }
+        
+        .settingsHeader {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+            padding-bottom: 12px;
+            border-bottom: 1px solid #3a3a3a;
+        }
+        
+        .settingsHeader h2 {
+            margin: 0;
+            font-size: 18px;
+            color: #f0f0f0;
+        }
+        
+        .closeSettingsBtn {
+            background: transparent;
+            border: none;
+            cursor: pointer;
+            padding: 4px;
+            color: #888;
+        }
+        
+        .closeSettingsBtn:hover {
+            color: #fff;
+        }
+        
+        .settingGroup {
+            margin-bottom: 18px;
+        }
+        
+        .settingGroup label {
+            display: block;
+            font-size: 13px;
+            color: #b0b0b0;
+            margin-bottom: 6px;
+        }
+        
+        .settingRow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 10px 0;
+            border-bottom: 1px solid #2a2a2a;
+        }
+        
+        .settingRow:last-child {
+            border-bottom: none;
+        }
+        
+        .settingLabel {
+            font-size: 14px;
+            color: #d0d0d0;
+        }
+        
+        .toggleSwitch {
+            position: relative;
+            width: 44px;
+            height: 24px;
+        }
+        
+        .toggleSwitch input {
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+        
+        .toggleSlider {
+            position: absolute;
+            inset: 0;
+            background: #444;
+            border-radius: 24px;
+            cursor: pointer;
+            transition: background 0.2s;
+        }
+        
+        .toggleSlider::before {
+            content: '';
+            position: absolute;
+            width: 18px;
+            height: 18px;
+            left: 3px;
+            top: 3px;
+            background: #fff;
+            border-radius: 50%;
+            transition: transform 0.2s;
+        }
+        
+        .toggleSwitch input:checked + .toggleSlider {
+            background: #238636;
+        }
+        
+        .toggleSwitch input:checked + .toggleSlider::before {
+            transform: translateX(20px);
+        }
+        
+        .settingInput {
+            width: 100%;
+            padding: 10px 12px;
+            background: #2a2a2a;
+            border: 1px solid #404040;
+            border-radius: 6px;
+            color: #e0e0e0;
+            font-size: 13px;
+        }
+        
+        .settingInput:focus {
+            outline: none;
+            border-color: #667eea;
+        }
+        
+        .settingSelect {
+            width: 100%;
+            padding: 10px 12px;
+            background: #2a2a2a;
+            border: 1px solid #404040;
+            border-radius: 6px;
+            color: #e0e0e0;
+            font-size: 13px;
+            cursor: pointer;
+        }
+        
+        .panicBtn {
+            background: #dc3545 !important;
+            color: white !important;
+        }
+        
+        .panicBtn:hover {
+            background: #c82333 !important;
+        }
+        
+        .statusHidden #status {
+            display: none;
+        }
     </style>
 </head>
 <body>
@@ -348,6 +534,14 @@ function getMainHTML() {
                 </svg>
                 Reload
             </button>
+            <button id="panicTrigger" class="panicBtn" onclick="triggerPanicMode()">
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11"/></svg>
+                Panic
+            </button>
+            <button id="configTrigger" onclick="showConfigPanel()">
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"/><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0"/></svg>
+                Settings
+            </button>
         </div>
         <div id="frame-container"></div>
     </div>
@@ -355,6 +549,73 @@ function getMainHTML() {
     <div id="toast">
         Loading your Game / App...
     </div>
+    
+    <div id="settingsOverlay">
+        <div id="settingsPanel">
+            <div class="settingsHeader">
+                <h2>Settings</h2>
+                <button class="closeSettingsBtn" onclick="hideConfigPanel()">
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6l-12 12"/><path d="M6 6l12 12"/></svg>
+                </button>
+            </div>
+            
+            <div class="settingRow">
+                <span class="settingLabel">Mute Notifications</span>
+                <label class="toggleSwitch">
+                    <input type="checkbox" id="cfgMuteNotifs" onchange="persistConfig()">
+                    <span class="toggleSlider"></span>
+                </label>
+            </div>
+            
+            <div class="settingRow">
+                <span class="settingLabel">Auto-hide Navigation</span>
+                <label class="toggleSwitch">
+                    <input type="checkbox" id="cfgAutoHideNav" onchange="persistConfig()">
+                    <span class="toggleSlider"></span>
+                </label>
+            </div>
+            
+            <div class="settingRow">
+                <span class="settingLabel">Hide Status Text</span>
+                <label class="toggleSwitch">
+                    <input type="checkbox" id="cfgHideStatus" onchange="persistConfig()">
+                    <span class="toggleSlider"></span>
+                </label>
+            </div>
+            
+            <div class="settingRow">
+                <span class="settingLabel">Use Blob Loading</span>
+                <label class="toggleSwitch">
+                    <input type="checkbox" id="cfgBlobMode" onchange="persistConfig()">
+                    <span class="toggleSlider"></span>
+                </label>
+            </div>
+            
+            <div class="settingGroup">
+                <label>Tab Disguise Mode</label>
+                <select class="settingSelect" id="cfgDisguiseMode" onchange="persistConfig()">
+                    <option value="classroom">Google Classroom</option>
+                    <option value="drive">Google Drive</option>
+                    <option value="docs">Google Docs</option>
+                    <option value="none">None (Original)</option>
+                </select>
+            </div>
+            
+            <div class="settingGroup">
+                <label>Panic Redirect URL</label>
+                <input type="text" class="settingInput" id="cfgPanicUrl" placeholder="https://classroom.google.com" onchange="persistConfig()">
+            </div>
+            
+            <div class="settingGroup">
+                <label>Panic Keyboard Shortcut</label>
+                <select class="settingSelect" id="cfgPanicKey" onchange="persistConfig()">
+                    <option value="Escape">Escape Key</option>
+                    <option value="Backquote">Backtick (~)</option>
+                    <option value="F1">F1 Key</option>
+                </select>
+            </div>
+        </div>
+    </div>
 
     <script>
         const frameContainer = document.getElementById('frame-container');
@@ -369,6 +630,98 @@ function getMainHTML() {
         let currentIframe = null;
         let isCloaked = false;
         
+        const appConfig = {
+            muteNotifs: false,
+            autoHideNav: false,
+            hideStatus: false,
+            blobMode: false,
+            disguiseMode: 'classroom',
+            panicUrl: 'https://classroom.google.com',
+            panicKey: 'Escape'
+        };
+        
+        const disguisePresets = {
+            classroom: { title: 'Classes', icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADW0lEQVRYhb2XT0hUURTGf+fNm+bVNP4ZxRhKAxeVBLYoaBOEEkTQpk0EbVpEELRo1aKgRYQtItrUKqJ/i6BVRBCUQYsWYf9QMwoz0cxCZ3TmzX1vbgtnHI3RmXl64MPLvY9zv3vOueee71F+RMvuQ/d2CIwClh48WN/98U0+TwVA6e17dwM3gb1Axt8FjgEnwnqmNo9n/xdA6Z1HTUAncAzY5gMAnAL6gMOSqRsA7PkuTu+9d3eBl8BeYOs6q54CuoCj3hON5yXbsI6HL4BbwGHW//gAXcBR741G5QdwyJDyYpAgmNz0VztTqD87Zt7+vBiMbKC0vPZc4XmJf8d0z0pP/tPYr4s3PgwvADcAbxOxXoCqc9c3FZ9dHAcmCtWuO97w8q3+H6N/D3WlXqSmawl6OoFzQAl/SVXHh9oj/UOnL4HSpF6JPBGAW8Bp4B5wsEi+sxnoTRpgKzBayHj92r0twFRBv+cBFHi4kZPtCthRACtJAQSwOQGAwvV8IMkABjBlLQFYOgmAEdsaQBpbBEsCUDlgpwFMJ+RYAL6XAnCiWMFCfhqoAFbfibDzAIMvB4ZfFwigb8EGLnjPNw54zzU2A0PeC00HclXCRd+QUur3Pdu/tqkXwLNc7TQ1bU8AXT//qbDgfk9K5fKqp+E7sL+qqvofVYAL7nWnMTqC68D9X1Wkp+EHcGD1fSXi+/U0HAQe+SXIC59cZAA+/noBYlTPtdYnADDvvdCcD4C+S/feAH1/2P8ZePSrHf4OQHe+AJxwO9sTcFt+L5ALINfXuqTUMeBbvu6bC2AOOJHv8/vWE61jgj0J/AWvJz4Am8D5YgAorxjXfkD6/2M6rwnvhaZ2XdmGd+4HgZ68pJ/sePluEBjxnm9auw82HUCpu/eUUk/x++K/dsSGx/3fDrjgTM8SrWZA+f05rydaFwAclVx9T96K6PW0PZBE9fy67uN8vhHlx5t8Zyh83vwL5V+RTBF9wWy4AAC+t1rPAyfxu9S/WgC4o5R6opXeBNz0u9l15Xvjhc/yBYgAAMGU7/dRG1Dpr/8B+BLoO9yzYzp4f7MnXxPOC0Cp1s5ub5bQHlyAemCHP14KfAD6J/SJ5uDtpc+FeP8E0sLYXdZbKF8AAAAASUVORK5CYII=' },
+            drive: { title: 'My Drive - Google Drive', icon: 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.3 78"><path fill="%230066DA" d="M6.6 66.85l3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3L27.5 52.55H0c0 1.55.4 3.1 1.2 4.5l5.4 9.8z"/><path fill="%0000F" d="M43.65 25.55L29.9 0c-1.35.8-2.5 1.9-3.3 3.3L1.2 47.35c-.8 1.4-1.2 2.95-1.2 4.5h27.5l16.15-26.3z"/><path fill="%0000F" d="M73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5H59.85L73.55 76.8z"/><path fill="%0000F" d="M43.65 25.55L57.4 0c-1.35-.8-2.9-1.2-4.5-1.2H34.4c-1.6 0-3.15.45-4.5 1.2l13.75 25.55z"/><path fill="%000F" d="M59.8 52.55H27.5L13.75 76.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2L59.8 52.55z"/><path fill="%0000F" d="M73.4 26.5L57.4 0c-.8 1.4-1.95 2.5-3.3 3.3l-26.4 45.9 16.15 26.35h27.5c0-1.55-.4-3.1-1.2-4.5L55.5 52.55l17.9-26.05z"/></svg>' },
+            docs: { title: 'Untitled document - Google Docs', icon: 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%234285F4" d="M29 4H12c-2.2 0-4 1.8-4 4v32c0 2.2 1.8 4 4 4h24c2.2 0 4-1.8 4-4V15L29 4z"/><path fill="%23A1C2FA" d="M29 4v11h11z"/><path fill="%23fff" d="M14 18h20v2H14zm0 4h20v2H14zm0 4h20v2H14zm0 4h14v2H14z"/></svg>' },
+            none: { title: originalTitle, icon: originalFavicon }
+        };
+        
+        function initConfig() {
+            const savedCfg = localStorage.getItem('cmProxyConfig');
+            if (savedCfg) {
+                try {
+                    Object.assign(appConfig, JSON.parse(savedCfg));
+                } catch(e) { console.warn('Config parse error'); }
+            }
+            applyConfigToUI();
+            applyConfigEffects();
+        }
+        
+        function applyConfigToUI() {
+            document.getElementById('cfgMuteNotifs').checked = appConfig.muteNotifs;
+            document.getElementById('cfgAutoHideNav').checked = appConfig.autoHideNav;
+            document.getElementById('cfgHideStatus').checked = appConfig.hideStatus;
+            document.getElementById('cfgBlobMode').checked = appConfig.blobMode;
+            document.getElementById('cfgDisguiseMode').value = appConfig.disguiseMode;
+            document.getElementById('cfgPanicUrl').value = appConfig.panicUrl;
+            document.getElementById('cfgPanicKey').value = appConfig.panicKey;
+        }
+        
+        function persistConfig() {
+            appConfig.muteNotifs = document.getElementById('cfgMuteNotifs').checked;
+            appConfig.autoHideNav = document.getElementById('cfgAutoHideNav').checked;
+            appConfig.hideStatus = document.getElementById('cfgHideStatus').checked;
+            appConfig.blobMode = document.getElementById('cfgBlobMode').checked;
+            appConfig.disguiseMode = document.getElementById('cfgDisguiseMode').value;
+            appConfig.panicUrl = document.getElementById('cfgPanicUrl').value || 'https://classroom.google.com';
+            appConfig.panicKey = document.getElementById('cfgPanicKey').value;
+            localStorage.setItem('cmProxyConfig', JSON.stringify(appConfig));
+            applyConfigEffects();
+        }
+        
+        function applyConfigEffects() {
+            const containerEl = document.getElementById('container');
+            containerEl.classList.toggle('navAutoHide', appConfig.autoHideNav);
+            containerEl.classList.toggle('statusHidden', appConfig.hideStatus);
+            
+            if (appConfig.disguiseMode !== 'none') {
+                const preset = disguisePresets[appConfig.disguiseMode];
+                document.title = preset.title;
+                document.getElementById('favicon').href = preset.icon;
+                isCloaked = true;
+                tabCloakBtn.classList.add('active');
+            }
+        }
+        
+        function showConfigPanel() {
+            document.getElementById('settingsOverlay').classList.add('visible');
+        }
+        
+        function hideConfigPanel() {
+            document.getElementById('settingsOverlay').classList.remove('visible');
+        }
+        
+        function triggerPanicMode() {
+            window.location.replace(appConfig.panicUrl);
+        }
+        
+        document.addEventListener('keydown', function(evt) {
+            if (evt.code === appConfig.panicKey) {
+                triggerPanicMode();
+            }
+        });
+        
+        document.getElementById('settingsOverlay').addEventListener('click', function(evt) {
+            if (evt.target === this) hideConfigPanel();
+        });
+        
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('/sw.js').catch(function() {});
+        }
+        
+        initConfig();
+        
         // Original title and favicon
         const originalTitle = 'CloudMoon InPlay';
         const originalFavicon = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>☁️</text></svg>";
@@ -385,21 +738,22 @@ function getMainHTML() {
             isCloaked = !isCloaked;
             
             if (isCloaked) {
-                // Enable cloak - Google Classroom
-                document.title = cloakedTitle;
-                document.getElementById('favicon').href = cloakedFavicon;
+                const selectedMode = appConfig.disguiseMode;
+                const preset = disguisePresets[selectedMode] || disguisePresets.classroom;
+                document.title = preset.title;
+                document.getElementById('favicon').href = preset.icon;
                 tabCloakBtn.classList.add('active');
-                showToast('Tab cloaked as Google Classroom');
+                showToast('Tab disguised');
             } else {
-                // Disable cloak - restore original
                 document.title = originalTitle;
                 document.getElementById('favicon').href = originalFavicon;
                 tabCloakBtn.classList.remove('active');
-                showToast('Tab cloak disabled');
+                showToast('Disguise removed');
             }
         }
         
         function showToast(message) {
+            if (appConfig.muteNotifs) return;
             toast.textContent = message;
             toast.style.display = 'block';
             setTimeout(() => {
@@ -407,6 +761,14 @@ function getMainHTML() {
             }, 2000);
         }
         
+        function updateCombinedStatus(mainText, detailText) {
+            if (detailText) {
+                status.textContent = mainText + ' • ' + detailText;
+            } else {
+                status.textContent = mainText;
+            }
+        }
+        
         function createShadowFrame(url, isGame = false) {
             frameContainer.innerHTML = '';
             
@@ -438,10 +800,10 @@ function getMainHTML() {
             
             iframe.addEventListener('load', () => {
                 if (isGame) {
-                    status.textContent = 'Game / App running';
+                    updateCombinedStatus('CloudMoon', 'Game/App Active');
                     console.log('%c Game loaded with full permissions', 'color: #10b981; font-weight: bold;');
                 } else {
-                    status.textContent = 'CloudMoon loaded';
+                    updateCombinedStatus('CloudMoon', 'Ready');
                 }
                 focusIframe();
             });
@@ -486,9 +848,9 @@ function getMainHTML() {
         });
         
         function loadGame(url) {
-            showToast('Loading your Game / App...');
+            showToast('Loading Game...');
             
-            status.textContent = 'Loading your Game / App...';
+            updateCombinedStatus('CloudMoon', 'Loading Game...');
             console.log('Original URL:', url);
             
             let fixedURL = url;
@@ -498,11 +860,18 @@ function getMainHTML() {
                 fixedURL = url.replace(workerDomain, 'https://web.cloudmoonapp.com');
             }
             
+            if (appConfig.blobMode) {
+                fetch(fixedURL).then(r => r.blob()).then(blob => {
+                    const blobUrl = URL.createObjectURL(blob);
+                    createShadowFrame(blobUrl, true);
+                }).catch(() => createShadowFrame(fixedURL, true));
+            } else {
+                createShadowFrame(fixedURL, true);
+            }
+            
             console.log('%c Loading game with FULL sandbox permissions', 'color: #667eea; font-weight: bold;');
             console.log('Game URL:', fixedURL);
             
-            createShadowFrame(fixedURL, true);
-            
             isShowingGame = true;
             backBtn.style.display = 'flex';
         }
@@ -511,7 +880,7 @@ function getMainHTML() {
             createShadowFrame(mainURL, false);
             isShowingGame = false;
             backBtn.style.display = 'none';
-            status.textContent = 'Loading CloudMoon...';
+            updateCombinedStatus('CloudMoon', 'Loading...');
         }
         
         function reloadFrame() {
@@ -579,3 +948,24 @@ function getMainHTML() {
 </body>
 </html>`;
 }
+
+function getPWAManifest() {
+  const manifestData = {
+    name: 'CloudMoon InPlay',
+    short_name: 'CloudMoon',
+    description: 'Play games in browser with CloudMoon',
+    start_url: '/',
+    display: 'standalone',
+    background_color: '#0d1117',
+    theme_color: '#2d2d2d',
+    icons: [
+      {
+        src: 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">☁️</text></svg>',
+        sizes: '512x512',
+        type: 'image/svg+xml',
+        purpose: 'any maskable'
+      }
+    ]
+  };
+  return JSON.stringify(manifestData, null, 2);
+}

From 73cb0ce77621bc2e97a2b64b59eb5d9c11d8c022 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 6 Feb 2026 03:22:48 +0000
Subject: [PATCH 3/4] Fix originalTitle reference error, fullscreen exit, and
 rounded settings panel

Co-authored-by: sriail <225764385+sriail@users.noreply.github.com>
---
 worker.js | 49 +++++++++++++++++++++++--------------------------
 1 file changed, 23 insertions(+), 26 deletions(-)

diff --git a/worker.js b/worker.js
index 2402b01..5e3f3df 100644
--- a/worker.js
+++ b/worker.js
@@ -348,13 +348,13 @@ function getMainHTML() {
         
         #settingsPanel {
             background: #1e1e1e;
-            border-radius: 12px;
-            padding: 24px;
-            width: 380px;
+            border-radius: 24px;
+            padding: 28px;
+            width: 400px;
             max-height: 85vh;
             overflow-y: auto;
-            box-shadow: 0 8px 32px rgba(0,0,0,0.5);
-            border: 1px solid #3a3a3a;
+            box-shadow: 0 12px 48px rgba(0,0,0,0.6);
+            border: 1px solid #444;
         }
         
         .settingsHeader {
@@ -455,10 +455,10 @@ function getMainHTML() {
         
         .settingInput {
             width: 100%;
-            padding: 10px 12px;
+            padding: 12px 16px;
             background: #2a2a2a;
             border: 1px solid #404040;
-            border-radius: 6px;
+            border-radius: 12px;
             color: #e0e0e0;
             font-size: 13px;
         }
@@ -470,10 +470,10 @@ function getMainHTML() {
         
         .settingSelect {
             width: 100%;
-            padding: 10px 12px;
+            padding: 12px 16px;
             background: #2a2a2a;
             border: 1px solid #404040;
-            border-radius: 6px;
+            border-radius: 12px;
             color: #e0e0e0;
             font-size: 13px;
             cursor: pointer;
@@ -482,6 +482,7 @@ function getMainHTML() {
         .panicBtn {
             background: #dc3545 !important;
             color: white !important;
+            border-radius: 8px !important;
         }
         
         .panicBtn:hover {
@@ -630,6 +631,9 @@ function getMainHTML() {
         let currentIframe = null;
         let isCloaked = false;
         
+        const cmDefaultTitle = 'CloudMoon InPlay';
+        const cmDefaultIcon = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>☁️</text></svg>";
+        
         const appConfig = {
             muteNotifs: false,
             autoHideNav: false,
@@ -644,7 +648,7 @@ function getMainHTML() {
             classroom: { title: 'Classes', icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADW0lEQVRYhb2XT0hUURTGf+fNm+bVNP4ZxRhKAxeVBLYoaBOEEkTQpk0EbVpEELRo1aKgRYQtItrUKqJ/i6BVRBCUQYsWYf9QMwoz0cxCZ3TmzX1vbgtnHI3RmXl64MPLvY9zv3vOueee71F+RMvuQ/d2CIwClh48WN/98U0+TwVA6e17dwM3gb1Axt8FjgEnwnqmNo9n/xdA6Z1HTUAncAzY5gMAnAL6gMOSqRsA7PkuTu+9d3eBl8BeYOs6q54CuoCj3hON5yXbsI6HL4BbwGHW//gAXcBR741G5QdwyJDyYpAgmNz0VztTqD87Zt7+vBiMbKC0vPZc4XmJf8d0z0pP/tPYr4s3PgwvADcAbxOxXoCqc9c3FZ9dHAcmCtWuO97w8q3+H6N/D3WlXqSmawl6OoFzQAl/SVXHh9oj/UOnL4HSpF6JPBGAW8Bp4B5wsEi+sxnoTRpgKzBayHj92r0twFRBv+cBFHi4kZPtCthRACtJAQSwOQGAwvV8IMkABjBlLQFYOgmAEdsaQBpbBEsCUDlgpwFMJ+RYAL6XAnCiWMFCfhqoAFbfibDzAIMvB4ZfFwigb8EGLnjPNw54zzU2A0PeC00HclXCRd+QUur3Pdu/tqkXwLNc7TQ1bU8AXT//qbDgfk9K5fKqp+E7sL+qqvofVYAL7nWnMTqC68D9X1Wkp+EHcGD1fSXi+/U0HAQe+SXIC59cZAA+/noBYlTPtdYnADDvvdCcD4C+S/feAH1/2P8ZePSrHf4OQHe+AJxwO9sTcFt+L5ALINfXuqTUMeBbvu6bC2AOOJHv8/vWE61jgj0J/AWvJz4Am8D5YgAorxjXfkD6/2M6rwnvhaZ2XdmGd+4HgZ68pJ/sePluEBjxnm9auw82HUCpu/eUUk/x++K/dsSGx/3fDrjgTM8SrWZA+f05rydaFwAclVx9T96K6PW0PZBE9fy67uN8vhHlx5t8Zyh83vwL5V+RTBF9wWy4AAC+t1rPAyfxu9S/WgC4o5R6opXeBNz0u9l15Xvjhc/yBYgAAMGU7/dRG1Dpr/8B+BLoO9yzYzp4f7MnXxPOC0Cp1s5ub5bQHlyAemCHP14KfAD6J/SJ5uDtpc+FeP8E0sLYXdZbKF8AAAAASUVORK5CYII=' },
             drive: { title: 'My Drive - Google Drive', icon: 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.3 78"><path fill="%230066DA" d="M6.6 66.85l3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3L27.5 52.55H0c0 1.55.4 3.1 1.2 4.5l5.4 9.8z"/><path fill="%0000F" d="M43.65 25.55L29.9 0c-1.35.8-2.5 1.9-3.3 3.3L1.2 47.35c-.8 1.4-1.2 2.95-1.2 4.5h27.5l16.15-26.3z"/><path fill="%0000F" d="M73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5H59.85L73.55 76.8z"/><path fill="%0000F" d="M43.65 25.55L57.4 0c-1.35-.8-2.9-1.2-4.5-1.2H34.4c-1.6 0-3.15.45-4.5 1.2l13.75 25.55z"/><path fill="%000F" d="M59.8 52.55H27.5L13.75 76.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2L59.8 52.55z"/><path fill="%0000F" d="M73.4 26.5L57.4 0c-.8 1.4-1.95 2.5-3.3 3.3l-26.4 45.9 16.15 26.35h27.5c0-1.55-.4-3.1-1.2-4.5L55.5 52.55l17.9-26.05z"/></svg>' },
             docs: { title: 'Untitled document - Google Docs', icon: 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%234285F4" d="M29 4H12c-2.2 0-4 1.8-4 4v32c0 2.2 1.8 4 4 4h24c2.2 0 4-1.8 4-4V15L29 4z"/><path fill="%23A1C2FA" d="M29 4v11h11z"/><path fill="%23fff" d="M14 18h20v2H14zm0 4h20v2H14zm0 4h20v2H14zm0 4h14v2H14z"/></svg>' },
-            none: { title: originalTitle, icon: originalFavicon }
+            none: { title: cmDefaultTitle, icon: cmDefaultIcon }
         };
         
         function initConfig() {
@@ -722,14 +726,6 @@ function getMainHTML() {
         
         initConfig();
         
-        // Original title and favicon
-        const originalTitle = 'CloudMoon InPlay';
-        const originalFavicon = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>☁️</text></svg>";
-        
-        // Google Classroom cloak
-        const cloakedTitle = 'Classes';
-        const cloakedFavicon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADW0lEQVRYhb2XT0hUURTGf+fNm+bVNP4ZxRhKAxeVBLYoaBOEEkTQpk0EbVpEELRo1aKgRYQtItrUKqJ/i6BVRBCUQYsWYf9QMwoz0cxCZ3TmzX1vbgtnHI3RmXl64MPLvY9zv3vOueee71F+RMvuQ/d2CIwClh48WN/98U0+TwVA6e17dwM3gb1Axt8FjgEnwnqmNo9n/xdA6Z1HTUAncAzY5gMAnAL6gMOSqRsA7PkuTu+9d3eBl8BeYOs6q54CuoCj3hON5yXbsI6HL4BbwGHW//gAXcBR741G5QdwyJDyYpAgmNz0VztTqD87Zt7+vBiMbKC0vPZc4XmJf8d0z0pP/tPYr4s3PgwvADcAbxOxXoCqc9c3FZ9dHAcmCtWuO97w8q3+H6N/D3WlXqSmawl6OoFzQAl/SVXHh9oj/UOnL4HSpF6JPBGAW8Bp4B5wsEi+sxnoTRpgKzBayHj92r0twFRBv+cBFHi4kZPtCthRACtJAQSwOQGAwvV8IMkABjBlLQFYOgmAEdsaQBpbBEsCUDlgpwFMJ+RYAL6XAnCiWMFCfhqoAFbfibDzAIMvB4ZfFwigb8EGLnjPNw54zzU2A0PeC00HclXCRd+QUur3Pdu/tqkXwLNc7TQ1bU8AXT//qbDgfk9K5fKqp+E7sL+qqvofVYAL7nWnMTqC68D9X1Wkp+EHcGD1fSXi+/U0HAQe+SXIC59cZAA+/noBYlTPtdYnADDvvdCcD4C+S/feAH1/2P8ZePSrHf4OQHe+AJxwO9sTcFt+L5ALINfXuqTUMeBbvu6bC2AOOJHv8/vWE61jgj0J/AWvJz4Am8D5YgAorxjXfkD6/2M6rwnvhaZ2XdmGd+4HgZ68pJ/sePluEBjxnm9auw82HUCpu/eUUk/x++K/dsSGx/3fDrjgTM8SrWZA+f05rydaFwAclVx9T96K6PW0PZBE9fy67uN8vhHlx5t8Zyh83vwL5V+RTBF9wWy4AAC+t1rPAyfxu9S/WgC4o5R6opXeBNz0u9l15Xvjhc/yBYgAAMGU7/dRG1Dpr/8B+BLoO9yzYzp4f7MnXxPOC0Cp1s5ub5bQHlyAemCHP14KfAD6J/SJ5uDtpc+FeP8E0sLYXdZbKF8AAAAASUVORK5CYII=';
-        
         const SANDBOX_HOME = 'allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-downloads allow-pointer-lock allow-top-navigation-by-user-activation';
         const SANDBOX_GAME = 'allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-downloads allow-pointer-lock allow-top-navigation-by-user-activation';
         const ALLOW_PERMISSIONS = 'accelerometer; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; clipboard-read; clipboard-write; xr-spatial-tracking; gamepad';
@@ -745,8 +741,8 @@ function getMainHTML() {
                 tabCloakBtn.classList.add('active');
                 showToast('Tab disguised');
             } else {
-                document.title = originalTitle;
-                document.getElementById('favicon').href = originalFavicon;
+                document.title = cmDefaultTitle;
+                document.getElementById('favicon').href = cmDefaultIcon;
                 tabCloakBtn.classList.remove('active');
                 showToast('Disguise removed');
             }
@@ -895,21 +891,22 @@ function getMainHTML() {
         }
         
         function toggleFullscreen() {
-            const header = document.getElementById('header');
+            const navBar = document.getElementById('header');
             
             if (!document.fullscreenElement) {
                 document.documentElement.requestFullscreen();
-                header.style.display = 'none';
+                navBar.style.setProperty('display', 'none', 'important');
             } else {
                 document.exitFullscreen();
-                header.style.display = 'flex';
+                navBar.style.setProperty('display', 'flex', 'important');
             }
         }
         
-        document.addEventListener('fullscreenchange', () => {
-            const header = document.getElementById('header');
+        document.addEventListener('fullscreenchange', function() {
+            const navBar = document.getElementById('header');
             if (!document.fullscreenElement) {
-                header.style.display = 'flex';
+                navBar.style.removeProperty('display');
+                navBar.style.display = 'flex';
             }
         });
         

From 1db973251983cd409ab835edd5f5afc5ea3c9ac6 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 6 Feb 2026 03:24:08 +0000
Subject: [PATCH 4/4] Remove redundant removeProperty call in fullscreen
 handler

Co-authored-by: sriail <225764385+sriail@users.noreply.github.com>
---
 worker.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/worker.js b/worker.js
index 5e3f3df..9f7b46f 100644
--- a/worker.js
+++ b/worker.js
@@ -905,7 +905,6 @@ function getMainHTML() {
         document.addEventListener('fullscreenchange', function() {
             const navBar = document.getElementById('header');
             if (!document.fullscreenElement) {
-                navBar.style.removeProperty('display');
                 navBar.style.display = 'flex';
             }
         });