From 4649754873e3deaf4d4e9216eda0bce38d622ffd Mon Sep 17 00:00:00 2001
From: Manuel Trezza <5673677+mtrezza@users.noreply.github.com>
Date: Mon, 4 Aug 2025 20:56:55 +0200
Subject: [PATCH 1/7] script uuid

---
 .../Data/Playground/Playground.react.js       | 40 ++++++++-----------
 src/lib/ScriptManager.js                      | 26 ++++++------
 2 files changed, 29 insertions(+), 37 deletions(-)

diff --git a/src/dashboard/Data/Playground/Playground.react.js b/src/dashboard/Data/Playground/Playground.react.js
index 8ba356101..69bbc54b3 100644
--- a/src/dashboard/Data/Playground/Playground.react.js
+++ b/src/dashboard/Data/Playground/Playground.react.js
@@ -176,11 +176,11 @@ export default function Playground() {
   const containerRef = useRef(null);
 
   // Tab management state
+  const initialTabId = useMemo(() => crypto.randomUUID(), []);
   const [tabs, setTabs] = useState([
-    { id: 1, name: 'Tab 1', code: DEFAULT_CODE_EDITOR_VALUE }
+    { id: initialTabId, name: 'Tab 1', code: DEFAULT_CODE_EDITOR_VALUE }
   ]);
-  const [activeTabId, setActiveTabId] = useState(1);
-  const [nextTabId, setNextTabId] = useState(2);
+  const [activeTabId, setActiveTabId] = useState(initialTabId);
   const [renamingTabId, setRenamingTabId] = useState(null);
   const [renamingValue, setRenamingValue] = useState('');
   const [savedTabs, setSavedTabs] = useState([]); // All saved tabs including closed ones
@@ -235,8 +235,6 @@ export default function Playground() {
 
         if (tabsToOpen.length > 0) {
           setTabs(tabsToOpen);
-          const maxId = Math.max(...allScripts.map(tab => tab.id));
-          setNextTabId(maxId + 1);
 
           // Set active tab to the first one
           setActiveTabId(tabsToOpen[0].id);
@@ -249,8 +247,6 @@ export default function Playground() {
             const firstScript = { ...allScripts[0], order: 0 };
             setTabs([firstScript]);
             setActiveTabId(firstScript.id);
-            const maxId = Math.max(...allScripts.map(tab => tab.id));
-            setNextTabId(maxId + 1);
 
             // Save it as open
             await scriptManagerRef.current.openScript(context.applicationId, firstScript.id, 0);
@@ -258,17 +254,17 @@ export default function Playground() {
             setSavedTabs(allScripts.filter(script => script.saved !== false));
           } else {
             // Fallback to default tab if no scripts exist
-            setTabs([{ id: 1, name: 'Tab 1', code: DEFAULT_CODE_EDITOR_VALUE, order: 0 }]);
-            setActiveTabId(1);
-            setNextTabId(2);
+            const defaultTabId = crypto.randomUUID();
+            setTabs([{ id: defaultTabId, name: 'Tab 1', code: DEFAULT_CODE_EDITOR_VALUE, order: 0 }]);
+            setActiveTabId(defaultTabId);
           }
         }
       } catch (error) {
         console.warn('Failed to load scripts via ScriptManager:', error);
         // Fallback to default tab if loading fails
-        setTabs([{ id: 1, name: 'Tab 1', code: DEFAULT_CODE_EDITOR_VALUE, order: 0 }]);
-        setActiveTabId(1);
-        setNextTabId(2);
+        const defaultTabId = crypto.randomUUID();
+        setTabs([{ id: defaultTabId, name: 'Tab 1', code: DEFAULT_CODE_EDITOR_VALUE, order: 0 }]);
+        setActiveTabId(defaultTabId);
       }
 
       // Load other data from localStorage
@@ -317,18 +313,19 @@ export default function Playground() {
 
   // Tab management functions
   const createNewTab = useCallback(() => {
+    const newTabId = crypto.randomUUID();
+    const tabCount = tabs.length + 1;
     const newTab = {
-      id: nextTabId,
-      name: `Tab ${nextTabId}`,
+      id: newTabId,
+      name: `Tab ${tabCount}`,
       code: '', // Start with empty code instead of default value
       saved: false, // Mark as unsaved initially
       order: tabs.length // Assign order as the last position
     };
     const updatedTabs = [...tabs, newTab];
     setTabs(updatedTabs);
-    setActiveTabId(nextTabId);
-    setNextTabId(nextTabId + 1);
-  }, [tabs, nextTabId]);
+    setActiveTabId(newTabId);
+  }, [tabs]);
 
   const closeTab = useCallback(async (tabId) => {
     if (tabs.length <= 1) {
@@ -591,11 +588,6 @@ export default function Playground() {
     setTabs(updatedTabs);
     setActiveTabId(savedTab.id);
 
-    // Update nextTabId if necessary
-    if (savedTab.id >= nextTabId) {
-      setNextTabId(savedTab.id + 1);
-    }
-
     // Save the open state through ScriptManager
     if (scriptManagerRef.current && context?.applicationId) {
       try {
@@ -604,7 +596,7 @@ export default function Playground() {
         console.error('Failed to open script:', error);
       }
     }
-  }, [tabs, nextTabId, switchTab, context?.applicationId]);
+  }, [tabs, switchTab, context?.applicationId]);
 
   // Focus input when starting to rename
   useEffect(() => {
diff --git a/src/lib/ScriptManager.js b/src/lib/ScriptManager.js
index 4bbb4bcb6..0e7872f60 100644
--- a/src/lib/ScriptManager.js
+++ b/src/lib/ScriptManager.js
@@ -233,6 +233,14 @@ export default class ScriptManager {
     return this.serverStorage.isServerConfigEnabled();
   }
 
+  /**
+   * Generates a unique ID for a new script/tab
+   * @returns {string} A UUID string
+   */
+  generateScriptId() {
+    return this._generateScriptId();
+  }
+
   /**
    * Gets scripts from server storage
    * @private
@@ -248,7 +256,7 @@ export default class ScriptManager {
           const scriptId = key.replace('console.js.script.', '');
 
           scripts.push({
-            id: parseInt(scriptId, 10),
+            id: scriptId, // Keep as string (UUID) instead of parsing as integer
             ...config
           });
         }
@@ -338,7 +346,7 @@ export default class ScriptManager {
       if (legacyCode && legacyCode.trim()) {
         // Create a script with the legacy code, marked as unsaved
         const script = {
-          id: this._generateScriptId({ name: 'Legacy Script', code: legacyCode }),
+          id: this._generateScriptId(),
           name: 'Legacy Script',
           code: legacyCode,
           saved: false, // Mark as unsaved so user can choose to save it
@@ -377,19 +385,11 @@ export default class ScriptManager {
   }
 
   /**
-   * Generates a unique ID for a script
+   * Generates a unique ID for a script using UUID
    * @private
    */
-  _generateScriptId(script) {
-    // Use a hash of the script name and code as a fallback ID
-    const str = `${script.name || 'script'}-${script.code || ''}`;
-    let hash = 0;
-    for (let i = 0; i < str.length; i++) {
-      const char = str.charCodeAt(i);
-      hash = ((hash << 5) - hash) + char;
-      hash = hash & hash; // Convert to 32bit integer
-    }
-    return Math.abs(hash);
+  _generateScriptId() {
+    return crypto.randomUUID();
   }
 }
 

From c2643d3b2d880ce4ad7d3c2d1c12fe55d98b4318 Mon Sep 17 00:00:00 2001
From: Manuel Trezza <5673677+mtrezza@users.noreply.github.com>
Date: Mon, 4 Aug 2025 21:29:47 +0200
Subject: [PATCH 2/7] delete local js scripts

---
 .../DashboardSettings.react.js                | 33 +++++++++++++------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/dashboard/Settings/DashboardSettings/DashboardSettings.react.js b/src/dashboard/Settings/DashboardSettings/DashboardSettings.react.js
index 4e2cd7b0f..c7d8f11aa 100644
--- a/src/dashboard/Settings/DashboardSettings/DashboardSettings.react.js
+++ b/src/dashboard/Settings/DashboardSettings/DashboardSettings.react.js
@@ -18,6 +18,7 @@ import Notification from 'dashboard/Data/Browser/Notification.react';
 import * as ColumnPreferences from 'lib/ColumnPreferences';
 import * as ClassPreferences from 'lib/ClassPreferences';
 import ViewPreferencesManager from 'lib/ViewPreferencesManager';
+import ScriptManager from 'lib/ScriptManager';
 import bcrypt from 'bcryptjs';
 import * as OTPAuth from 'otpauth';
 import QRCode from 'qrcode';
@@ -28,6 +29,7 @@ export default class DashboardSettings extends DashboardView {
     this.section = 'App Settings';
     this.subsection = 'Dashboard Configuration';
     this.viewPreferencesManager = null;
+    this.scriptManager = null;
 
     this.state = {
       createUserInput: false,
@@ -57,12 +59,13 @@ export default class DashboardSettings extends DashboardView {
   }
 
   componentDidMount() {
-    this.initializeViewPreferencesManager();
+    this.initializeManagers();
   }
 
-  initializeViewPreferencesManager() {
+  initializeManagers() {
     if (this.context) {
       this.viewPreferencesManager = new ViewPreferencesManager(this.context);
+      this.scriptManager = new ScriptManager(this.context);
       this.loadStoragePreference();
     }
   }
@@ -123,11 +126,18 @@ export default class DashboardSettings extends DashboardView {
       return;
     }
 
-    const success = this.viewPreferencesManager.deleteFromBrowser(this.context.applicationId);
-    if (success) {
-      this.showNote('Successfully deleted views from browser storage.');
+    if (!this.scriptManager) {
+      this.showNote('ScriptManager not initialized');
+      return;
+    }
+
+    const viewsSuccess = this.viewPreferencesManager.deleteFromBrowser(this.context.applicationId);
+    const scriptsSuccess = this.scriptManager.deleteFromBrowser(this.context.applicationId);
+
+    if (viewsSuccess && scriptsSuccess) {
+      this.showNote('Successfully deleted dashboard settings from browser storage.');
     } else {
-      this.showNote('Failed to delete views from browser storage.');
+      this.showNote('Failed to delete all dashboard settings from browser storage.');
     }
   }
 
@@ -461,13 +471,16 @@ export default class DashboardSettings extends DashboardView {
             }
           />
         </Fieldset>
-        {this.viewPreferencesManager && this.viewPreferencesManager.isServerConfigEnabled() && (
+        {this.viewPreferencesManager && this.scriptManager && this.viewPreferencesManager.isServerConfigEnabled() && (
           <Fieldset legend="Settings Storage">
+            <div style={{ marginBottom: '20px', color: '#666', fontSize: '14px', textAlign: 'center' }}>
+              Storing dashboard settings on the server rather than locally in the browser storage makes the settings available across devices and browsers. It also prevents them from getting lost when resetting the browser website data. Settings that can be stored on the server are currently Views and JS Console scripts.
+            </div>
             <Field
               label={
                 <Label
                   text="Storage Location"
-                  description="Choose where your dashboard settings are stored and loaded from. Server storage allows sharing settings across devices and users, while Browser storage is local to this device."
+                  description="Choose where your dashboard settings are stored and loaded from."
                 />
               }
               input={
@@ -487,7 +500,7 @@ export default class DashboardSettings extends DashboardView {
               label={
                 <Label
                   text="Migrate Settings to Server"
-                  description="Migrates your current browser-stored dashboard settings to the server. This does not change your storage preference - use the switch above to select the server as storage location after migration. ⚠️ This overwrites existing server settings."
+                  description="Migrates browser-stored settings to the server. ⚠️ This overwrites existing dashboard settings on the server."
                 />
               }
               input={
@@ -503,7 +516,7 @@ export default class DashboardSettings extends DashboardView {
               label={
                 <Label
                   text="Delete Settings from Browser"
-                  description="Removes your dashboard settings from the browser's local storage. This action is irreversible. Make sure to migrate your settings to server and test them first."
+                  description="Removes settings from browser storage. ⚠️ Migrate your settings to the server and test them first."
                 />
               }
               input={

From 8a62c2bda0df85ac0ca0a4bd9e35da54bb7d2262 Mon Sep 17 00:00:00 2001
From: Manuel Trezza <5673677+mtrezza@users.noreply.github.com>
Date: Mon, 4 Aug 2025 21:30:05 +0200
Subject: [PATCH 3/7] fix multiple legacy tabs

---
 src/lib/ScriptManager.js | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/lib/ScriptManager.js b/src/lib/ScriptManager.js
index 0e7872f60..cdcc5f7a1 100644
--- a/src/lib/ScriptManager.js
+++ b/src/lib/ScriptManager.js
@@ -45,12 +45,20 @@ export default class ScriptManager {
     // Always check for legacy single-script format and add it as a new unsaved tab
     const legacyScript = this._getScriptFromLegacySingleFormat();
     if (legacyScript && legacyScript.length > 0) {
-      // If we have existing scripts, add the legacy script to them
-      if (localScripts && localScripts.length > 0) {
-        localScripts = [...localScripts, ...legacyScript];
-      } else {
-        // If no existing scripts, use the legacy script
-        localScripts = legacyScript;
+      // Check if a script with the same code already exists to prevent duplicates
+      const legacyScriptData = legacyScript[0];
+      const existingScript = (localScripts || []).find(script =>
+        script.code === legacyScriptData.code && script.name === 'Legacy Script'
+      );
+      
+      if (!existingScript) {
+        // If we have existing scripts, add the legacy script to them
+        if (localScripts && localScripts.length > 0) {
+          localScripts = [...localScripts, ...legacyScript];
+        } else {
+          // If no existing scripts, use the legacy script
+          localScripts = legacyScript;
+        }
       }
     }
 

From 25a3c1c5f033c1959f2ca5f67dd109a934369843 Mon Sep 17 00:00:00 2001
From: Manuel Trezza <5673677+mtrezza@users.noreply.github.com>
Date: Mon, 4 Aug 2025 21:41:54 +0200
Subject: [PATCH 4/7] fix legacy script migration

---
 src/lib/ScriptManager.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/lib/ScriptManager.js b/src/lib/ScriptManager.js
index cdcc5f7a1..93ef371fe 100644
--- a/src/lib/ScriptManager.js
+++ b/src/lib/ScriptManager.js
@@ -52,8 +52,18 @@ export default class ScriptManager {
       );
       
       if (!existingScript) {
+        // Assign order property to automatically open the legacy script as a tab
+        // Use order 0 to make it the first tab
+        legacyScriptData.order = 0;
+        
         // If we have existing scripts, add the legacy script to them
         if (localScripts && localScripts.length > 0) {
+          // Increment order of existing scripts to make room for legacy script at position 0
+          localScripts.forEach(script => {
+            if (script.order !== undefined && script.order !== null) {
+              script.order += 1;
+            }
+          });
           localScripts = [...localScripts, ...legacyScript];
         } else {
           // If no existing scripts, use the legacy script
@@ -72,9 +82,10 @@ export default class ScriptManager {
    */
   async getOpenScripts(appId) {
     const allScripts = await this.getScripts(appId);
-    return allScripts
+    const openScripts = allScripts
       .filter(script => script.order !== undefined && script.order !== null)
       .sort((a, b) => a.order - b.order);
+    return openScripts;
   }
 
   /**

From 00384bb1673a5b17c01e5a401020e6f23f7f93cc Mon Sep 17 00:00:00 2001
From: Manuel Trezza <5673677+mtrezza@users.noreply.github.com>
Date: Mon, 4 Aug 2025 21:48:47 +0200
Subject: [PATCH 5/7] fix

---
 .../Data/Playground/Playground.react.js       | 145 ++++++++++++++++++
 src/lib/ScriptManager.js                      |   3 +-
 2 files changed, 146 insertions(+), 2 deletions(-)

diff --git a/src/dashboard/Data/Playground/Playground.react.js b/src/dashboard/Data/Playground/Playground.react.js
index 69bbc54b3..a585d725b 100644
--- a/src/dashboard/Data/Playground/Playground.react.js
+++ b/src/dashboard/Data/Playground/Playground.react.js
@@ -1,6 +1,7 @@
 import React, { useState, useRef, useEffect, useContext, useCallback, useMemo } from 'react';
 import ReactJson from 'react-json-view';
 import Parse from 'parse';
+import { useBeforeUnload } from 'react-router-dom';
 
 import CodeEditor from 'components/CodeEditor/CodeEditor.react';
 import Toolbar from 'components/Toolbar/Toolbar.react';
@@ -598,6 +599,150 @@ export default function Playground() {
     }
   }, [tabs, switchTab, context?.applicationId]);
 
+  // Navigation confirmation for unsaved changes
+  useBeforeUnload(
+    useCallback(
+      (event) => {
+        // Check for unsaved changes across all tabs
+        let hasChanges = false;
+        
+        for (const tab of tabs) {
+          // Check if tab is marked as unsaved (like legacy scripts)
+          if (tab.saved === false) {
+            hasChanges = true;
+            break;
+          }
+
+          // Get current content for the tab
+          let currentContent = '';
+          if (tab.id === activeTabId && editorRef.current) {
+            // For active tab, get content from editor
+            currentContent = editorRef.current.value;
+          } else {
+            // For inactive tabs, use stored code
+            currentContent = tab.code;
+          }
+
+          // Find the saved version of this tab
+          const savedTab = savedTabs.find(saved => saved.id === tab.id);
+
+          if (!savedTab) {
+            // If tab was never saved, it has unsaved changes if it has any content
+            if (currentContent.trim() !== '') {
+              hasChanges = true;
+              break;
+            }
+          } else {
+            // Compare current content with saved content
+            if (currentContent !== savedTab.code) {
+              hasChanges = true;
+              break;
+            }
+          }
+        }
+
+        if (hasChanges) {
+          const message = 'You have unsaved changes in your playground tabs. Are you sure you want to leave?';
+          event.preventDefault();
+          event.returnValue = message;
+          return message;
+        }
+      },
+      [tabs, activeTabId, savedTabs]
+    )
+  );
+
+  // Handle navigation confirmation for internal route changes
+  useEffect(() => {
+    const checkForUnsavedChanges = () => {
+      // Check for unsaved changes across all tabs
+      for (const tab of tabs) {
+        // Check if tab is marked as unsaved (like legacy scripts)
+        if (tab.saved === false) {
+          return true;
+        }
+
+        // Get current content for the tab
+        let currentContent = '';
+        if (tab.id === activeTabId && editorRef.current) {
+          // For active tab, get content from editor
+          currentContent = editorRef.current.value;
+        } else {
+          // For inactive tabs, use stored code
+          currentContent = tab.code;
+        }
+
+        // Find the saved version of this tab
+        const savedTab = savedTabs.find(saved => saved.id === tab.id);
+
+        if (!savedTab) {
+          // If tab was never saved, it has unsaved changes if it has any content
+          if (currentContent.trim() !== '') {
+            return true;
+          }
+        } else {
+          // Compare current content with saved content
+          if (currentContent !== savedTab.code) {
+            return true;
+          }
+        }
+      }
+      return false;
+    };
+
+    const handleLinkClick = (event) => {
+      if (event.defaultPrevented) {
+        return;
+      }
+      if (event.button !== 0) {
+        return;
+      }
+      if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) {
+        return;
+      }
+      
+      const anchor = event.target.closest('a[href]');
+      if (!anchor || anchor.target === '_blank') {
+        return;
+      }
+      
+      const href = anchor.getAttribute('href');
+      if (!href || href === '#') {
+        return;
+      }
+      
+      // Check if it's an internal navigation (starts with / or #)
+      if (href.startsWith('/') || href.startsWith('#')) {
+        if (checkForUnsavedChanges()) {
+          const message = 'You have unsaved changes in your playground tabs. Are you sure you want to leave?';
+          if (!window.confirm(message)) {
+            event.preventDefault();
+            event.stopPropagation();
+          }
+        }
+      }
+    };
+
+    const handlePopState = () => {
+      if (checkForUnsavedChanges()) {
+        const message = 'You have unsaved changes in your playground tabs. Are you sure you want to leave?';
+        if (!window.confirm(message)) {
+          window.history.go(1);
+        }
+      }
+    };
+
+    // Add event listeners
+    document.addEventListener('click', handleLinkClick, true);
+    window.addEventListener('popstate', handlePopState);
+
+    // Cleanup event listeners
+    return () => {
+      document.removeEventListener('click', handleLinkClick, true);
+      window.removeEventListener('popstate', handlePopState);
+    };
+  }, [tabs, activeTabId, savedTabs]);
+
   // Focus input when starting to rename
   useEffect(() => {
     if (renamingTabId && renamingInputRef.current) {
diff --git a/src/lib/ScriptManager.js b/src/lib/ScriptManager.js
index 93ef371fe..f3e3352ca 100644
--- a/src/lib/ScriptManager.js
+++ b/src/lib/ScriptManager.js
@@ -82,10 +82,9 @@ export default class ScriptManager {
    */
   async getOpenScripts(appId) {
     const allScripts = await this.getScripts(appId);
-    const openScripts = allScripts
+    return allScripts
       .filter(script => script.order !== undefined && script.order !== null)
       .sort((a, b) => a.order - b.order);
-    return openScripts;
   }
 
   /**

From 9597d22d39021d1ef49a09b7e67f9842db8e7672 Mon Sep 17 00:00:00 2001
From: Manuel Trezza <5673677+mtrezza@users.noreply.github.com>
Date: Mon, 4 Aug 2025 21:50:39 +0200
Subject: [PATCH 6/7] auto save legacy

---
 src/lib/ScriptManager.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/ScriptManager.js b/src/lib/ScriptManager.js
index f3e3352ca..0e463902f 100644
--- a/src/lib/ScriptManager.js
+++ b/src/lib/ScriptManager.js
@@ -56,6 +56,9 @@ export default class ScriptManager {
         // Use order 0 to make it the first tab
         legacyScriptData.order = 0;
         
+        // Mark as saved to prevent unnecessary unsaved change warnings
+        legacyScriptData.saved = true;
+        
         // If we have existing scripts, add the legacy script to them
         if (localScripts && localScripts.length > 0) {
           // Increment order of existing scripts to make room for legacy script at position 0
@@ -69,6 +72,9 @@ export default class ScriptManager {
           // If no existing scripts, use the legacy script
           localScripts = legacyScript;
         }
+        
+        // Auto-save the legacy script to storage
+        this._saveScriptsToLocal(appId, localScripts);
       }
     }
 
@@ -362,12 +368,12 @@ export default class ScriptManager {
       const legacyCode = localStorage.getItem('parse-dashboard-playground-code');
 
       if (legacyCode && legacyCode.trim()) {
-        // Create a script with the legacy code, marked as unsaved
+        // Create a script with the legacy code, marked as saved since we're auto-importing it
         const script = {
           id: this._generateScriptId(),
           name: 'Legacy Script',
           code: legacyCode,
-          saved: false, // Mark as unsaved so user can choose to save it
+          saved: true, // Mark as saved since this is a one-time migration
           lastModified: Date.now()
         };
 

From 0355f0e88118de0c1ade37c126c2d9cd761cb4d3 Mon Sep 17 00:00:00 2001
From: Manuel Trezza <5673677+mtrezza@users.noreply.github.com>
Date: Mon, 4 Aug 2025 21:50:56 +0200
Subject: [PATCH 7/7] lint

---
 src/dashboard/Data/Playground/Playground.react.js | 8 ++++----
 src/lib/ScriptManager.js                          | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/dashboard/Data/Playground/Playground.react.js b/src/dashboard/Data/Playground/Playground.react.js
index a585d725b..459cc684f 100644
--- a/src/dashboard/Data/Playground/Playground.react.js
+++ b/src/dashboard/Data/Playground/Playground.react.js
@@ -605,7 +605,7 @@ export default function Playground() {
       (event) => {
         // Check for unsaved changes across all tabs
         let hasChanges = false;
-        
+
         for (const tab of tabs) {
           // Check if tab is marked as unsaved (like legacy scripts)
           if (tab.saved === false) {
@@ -700,17 +700,17 @@ export default function Playground() {
       if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) {
         return;
       }
-      
+
       const anchor = event.target.closest('a[href]');
       if (!anchor || anchor.target === '_blank') {
         return;
       }
-      
+
       const href = anchor.getAttribute('href');
       if (!href || href === '#') {
         return;
       }
-      
+
       // Check if it's an internal navigation (starts with / or #)
       if (href.startsWith('/') || href.startsWith('#')) {
         if (checkForUnsavedChanges()) {
diff --git a/src/lib/ScriptManager.js b/src/lib/ScriptManager.js
index 0e463902f..3c9649e7d 100644
--- a/src/lib/ScriptManager.js
+++ b/src/lib/ScriptManager.js
@@ -50,15 +50,15 @@ export default class ScriptManager {
       const existingScript = (localScripts || []).find(script =>
         script.code === legacyScriptData.code && script.name === 'Legacy Script'
       );
-      
+
       if (!existingScript) {
         // Assign order property to automatically open the legacy script as a tab
         // Use order 0 to make it the first tab
         legacyScriptData.order = 0;
-        
+
         // Mark as saved to prevent unnecessary unsaved change warnings
         legacyScriptData.saved = true;
-        
+
         // If we have existing scripts, add the legacy script to them
         if (localScripts && localScripts.length > 0) {
           // Increment order of existing scripts to make room for legacy script at position 0
@@ -72,7 +72,7 @@ export default class ScriptManager {
           // If no existing scripts, use the legacy script
           localScripts = legacyScript;
         }
-        
+
         // Auto-save the legacy script to storage
         this._saveScriptsToLocal(appId, localScripts);
       }