diff --git a/src/lib/ae_stores.ts b/src/lib/ae_stores.ts
index 48360461..e64fc16d 100644
--- a/src/lib/ae_stores.ts
+++ b/src/lib/ae_stores.ts
@@ -47,14 +47,16 @@ export let ae_snip = string_snippets;
 //     };
 
 // Set the version for the app data. Changing this should force a notification and ask the user to clear and reload the page.
-let ver = '2025-04-18_1335'; // KEEP: 2025-04-18_1335
+let ver = '2025-04-29_1545'; // KEEP: 2025-04-18_1335
 let ver_idb = '2025-04-18_1100'; // Not used
 
 // *** BEGIN *** Longer-term app data. This should be stored to local storage.
 const ae_app_local_data_defaults: key_val = {
     last_page_reload: null,
     // last_idb_reload: null,
-    last_cache_refresh: null,
+    // last_cache_refresh: null, // Date.now()
+    last_cache_refresh: Date.now(),
+    cache_expired: false,
     ver: ver, // ver, // '2025-04-18_1100',
     ver_idb: ver_idb, // '2025-04-18_1100',
     name: 'Aether - App Hub (SvelteKit 2.x Svelte 4.x)',
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 06497016..2339fd3f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,84 +1,381 @@
 <script lang="ts">
-    /** @type {import('./$types').LayoutData} */
-    // /** @type {import('./$types').LayoutProps} */
+/** @type {import('./$types').LayoutData} */
+// /** @type {import('./$types').LayoutProps} */
 
-    let log_lvl: number = 0;
+let log_lvl: number = 1;
 
-    // *** Import Svelte specific
-    import { tick } from 'svelte';
-    import { goto } from '$app/navigation';
+// *** Import Svelte specific
+import { tick } from 'svelte';
+import { goto, invalidateAll } from '$app/navigation';
+
+import '../app.postcss';
+
+// *** Import other supporting libraries
+import { AppShell, AppBar, initializeStores } from '@skeletonlabs/skeleton';
+// Initialize the stores for Drawer, Modal, and Toast so they work throughout the app.
+initializeStores();
+// import { Modal } from '@skeletonlabs/skeleton';
+import type {
+    ModalComponent
+    } from '@skeletonlabs/skeleton';
+
+const modalRegistry: Record<string, ModalComponent> = {
+	// Set a unique modal ID, then pass the component reference
+	// modalComponentEditSponsorshipObj: { ref: ModalComponentEditSponsorshipObj },
+	// modalComponentTwo: { ref: ModalComponentTwo },
+	// ...
+};
+import {
+    CircleX,
+    Eye, EyeOff,
+    Key,
+    LogIn, LogOut, LockKeyhole,
+    Mail, MailCheck,
+    Menu,
+    ShieldUser,
+    User, UserCheck
+    } from '@lucide/svelte';
+
+// Highlight JS
+import hljs from 'highlight.js/lib/core';
+import 'highlight.js/styles/github-dark.css';
+
+import { browser } from '$app/environment';
+import { localStorageStore, storeHighlightJs } from '@skeletonlabs/skeleton';
+import xml from 'highlight.js/lib/languages/xml'; // for HTML
+import css from 'highlight.js/lib/languages/css';
+import javascript from 'highlight.js/lib/languages/javascript';
+import typescript from 'highlight.js/lib/languages/typescript';
+
+hljs.registerLanguage('xml', xml); // for HTML
+hljs.registerLanguage('css', css);
+hljs.registerLanguage('javascript', javascript);
+hljs.registerLanguage('typescript', typescript);
+storeHighlightJs.set(hljs);
+
+// *** Import Aether specific variables and functions
+import Analytics from '$lib/analytics.svelte'
+// import { api } from '$lib/api';
+import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
+import { events_loc, events_slct } from '$lib/ae_events_stores';
+// import type { key_val } from '$lib/ae_stores';
+
+import Element_access_type from '$lib/element_access_type.svelte';
+import Element_app_cfg from '$lib/element_app_cfg.svelte';
+import Element_sign_in_out from '$lib/element_sign_in_out.svelte';
+
+// import Element_data_store from '$lib/element_data_store_v2.svelte';
+
+interface Props {
+    data: any;
+    children?: import('svelte').Snippet;
+}
+
+let { data, children }: Props = $props();
+
+if (log_lvl > 1) {
+    console.log(`ae_root +layout.svelte data:`, data);
+}
+
+// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other. This should catch anything that is a child of this layout.svelte file.
+$slct.account_id = data.account_id;
+if (log_lvl) {
+    console.log(`*ae_root +layout.svelte* $slct.account_id = ${$slct.account_id}`);
+}
+let ae_acct = data[$slct.account_id];
+
+$ae_api = {
+    ...$ae_api,
+    ...ae_acct.api,
+}
+if (log_lvl > 1) {
+    console.log(`$ae_api = `, $ae_api);
+}
+
+$ae_loc = {
+    ...$ae_loc,
+    ...ae_acct.loc,
+}
+if (log_lvl > 1) {
+    console.log(`$ae_loc = `, $ae_loc);
+}
+
+$slct = {
+    ...$slct,
+    ...ae_acct.slct,
+}
+if (log_lvl > 1) {
+    console.log(`$slct = `, $slct);
+}
+
+let flag_clear_idb: boolean = $state(false);
+let flag_clear_local: boolean = $state(false);
+let flag_clear_sess: boolean = $state(false);
+let flag_reload: boolean = $state(false); // Reload page required
+
+let flag_new_ver: boolean = $state(false); // New version of the app
+let flag_expired: boolean = $state(false); // Expired Cache
+let flag_denied: boolean = $state(false); // Access Denied
+// let flag_reason: string = $state(''); // Reason: New version, Expired Cache, Access Denied
+
+// BEGIN: Sanity Checks:
+if (!$ae_loc?.app_cfg) {
+    flag_reload = true;
+    flag_expired = true;
+
+    $ae_loc.cache_expired = true;
+
+    // $ae_loc.app_cfg = {};
+    // $ae_loc.app_cfg.show_element__menu_btn = true;
+    // $ae_loc.app_cfg.show_element__menu = false;
+}
+if (!$ae_loc?.ver) {
+    flag_reload = true;
+    flag_expired = true;
+
+    $ae_loc.cache_expired = true;
+
+    // $ae_loc.ver = false;
+}
+if (!$ae_loc?.site_cfg_json) {
+    flag_reload = true;
+    flag_expired = true;
+    $ae_loc.cache_expired = true;
+
+    // $ae_loc.site_cfg_json = {};
+}
+// END: Sanity Checks:
 
 
+// BEGIN: New Version Check:
+if ($ae_loc && $ae_sess && ($ae_loc.ver != $ae_sess.ver)) {
+    console.log('ROOT: New version of the ae_loc (core local storage) available!!!');
+    console.log(`$ae_loc.ver: ${$ae_loc.ver} != $ae_sess.ver: ${$ae_sess.ver}`);
 
-    import '../app.postcss';
+    flag_clear_idb = true;
+    flag_clear_local = true;
+    flag_clear_sess = true;
+    flag_reload = true;
+    flag_new_ver = true;
+    flag_expired = true; // If new version then expire the cache
 
-    // *** Import other supporting libraries
-    import { AppShell, AppBar, initializeStores } from '@skeletonlabs/skeleton';
-    // Initialize the stores for Drawer, Modal, and Toast so they work throughout the app.
-    initializeStores();
-    // import { Modal } from '@skeletonlabs/skeleton';
-    import type {
-        ModalComponent
-        } from '@skeletonlabs/skeleton';
+    $ae_loc.cache_expired = true;
 
-    const modalRegistry: Record<string, ModalComponent> = {
-        // Set a unique modal ID, then pass the component reference
-        // modalComponentEditSponsorshipObj: { ref: ModalComponentEditSponsorshipObj },
-        // modalComponentTwo: { ref: ModalComponentTwo },
-        // ...
-    };
-    import {
-        CircleX,
-        Eye, EyeOff,
-        Key,
-        LogIn, LogOut, LockKeyhole,
-        Mail, MailCheck,
-        Menu,
-        ShieldUser,
-        User, UserCheck
-        } from '@lucide/svelte';
+    // localStorage.clear();
+    // sessionStorage.clear();
 
-    // Highlight JS
-    import hljs from 'highlight.js/lib/core';
-    import 'highlight.js/styles/github-dark.css';
+    $ae_loc.allow_access = false;
+}
 
-    import { browser } from '$app/environment';
-    import { localStorageStore, storeHighlightJs } from '@skeletonlabs/skeleton';
-    import xml from 'highlight.js/lib/languages/xml'; // for HTML
-    import css from 'highlight.js/lib/languages/css';
-    import javascript from 'highlight.js/lib/languages/javascript';
-    import typescript from 'highlight.js/lib/languages/typescript';
+// BEGIN: Expired Cache Check:
+// localStorage caches - Check if the last refresh timestamp for $ae_loc.last_refresh is no more than 48 hours ago.
 
-    hljs.registerLanguage('xml', xml); // for HTML
-    hljs.registerLanguage('css', css);
-    hljs.registerLanguage('javascript', javascript);
-    hljs.registerLanguage('typescript', typescript);
-    storeHighlightJs.set(hljs);
+let default_refresh_minutes: number = 60;
+let trusted_refresh_minutes: number = 120;
+if ($ae_loc?.site_cfg_json?.default_refresh_minutes) {
+    default_refresh_minutes = $ae_loc.site_cfg_json.default_refresh_minutes;
+}
+if ($ae_loc?.site_cfg_json?.trusted_refresh_minutes) {
+    trusted_refresh_minutes = $ae_loc.site_cfg_json.trusted_refresh_minutes;
+}
 
-    // *** Import Aether specific variables and functions
-    import Analytics from '$lib/analytics.svelte'
-    // import { api } from '$lib/api';
-    import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
-    import { events_loc, events_slct } from '$lib/ae_events_stores';
-    // import type { key_val } from '$lib/ae_stores';
+let default_refresh_time = default_refresh_minutes * 60 * 1000; // 48 hours or 2880 minutes? 48 * 60 *
+let trusted_refresh_time = trusted_refresh_minutes * 60 * 1000; // 1 week or 10080 minutes?
 
-    import Element_access_type from '$lib/element_access_type.svelte';
-    import Element_app_cfg from '$lib/element_app_cfg.svelte';
-    import Element_sign_in_out from '$lib/element_sign_in_out.svelte';
-    // import Element_data_store from '$lib/element_data_store_v2.svelte';
+// IDB caches - Check if the last refresh timestamp for $ae_loc.last_cache_refresh is no more than 15 minutes ago.
+let default_idb_refresh_time = 120 * 60 * 60 * 1000; // 15 minutes?
+let trusted_idb_refresh_time = 120 * 60 * 60 * 1000; // 4 hours or 120 minutes?
 
-    interface Props {
-        data: any;
-        children?: import('svelte').Snippet;
+if (!$ae_loc?.last_cache_refresh) { // Default is null, currently...
+    console.log(`ROOT: Last reload not found. Need to set!`);
+    // $ae_loc.last_cache_refresh = Date.now();
+
+    flag_clear_idb = true;
+    flag_clear_local = true;
+    flag_clear_sess = true;
+    flag_reload = true;
+    flag_expired = true;
+
+    $ae_loc.cache_expired = true;
+    $ae_loc.allow_access = false;
+} else {
+    if (log_lvl) {
+        console.log(`Trusted: ${$ae_loc?.trusted_access}`, (Date.now() - $ae_loc?.last_cache_refresh), trusted_refresh_time);
+
+        console.log(`ROOT: Checking expired cache based on last_cache_refresh UNIX timestamp: ${new Date($ae_loc.last_cache_refresh).toISOString()} (${Math.floor((Date.now() - $ae_loc.last_cache_refresh) / 60000)} minutes ago)`);
+
+        console.log(`ROOT: Last diff: ${Date.now() - $ae_loc?.last_cache_refresh}`);
     }
 
-    let { data, children }: Props = $props();
+    if ($ae_loc?.trusted_access && (Date.now() - $ae_loc?.last_cache_refresh) > trusted_refresh_time) {
+        console.log(`ROOT: Last (trusted) local config reload too old for all caches: ${$ae_loc.last_cache_refresh}`);
 
+        flag_clear_idb = true;
+        flag_clear_local = true;
+        flag_clear_sess = true;
+        flag_reload = true;
+        flag_expired = true;
+
+        $ae_loc.cache_expired = true;
+        $ae_loc.allow_access = false;
+    } else if (!$ae_loc?.trusted_access && (Date.now() - $ae_loc?.last_cache_refresh) > default_refresh_time) {
+        console.log(`ROOT: Last (default) local config reload too old for all caches: ${$ae_loc.last_cache_refresh}`);
+
+        flag_clear_idb = true;
+        flag_clear_local = true;
+        flag_clear_sess = true;
+        flag_reload = true;
+        flag_expired = true;
+
+        $ae_loc.cache_expired = true;
+        $ae_loc.allow_access = false;
+    } else {
+        if (log_lvl > 1) {
+            console.log(`ROOT: Last local config reload is recent: ${$ae_loc.last_cache_refresh}`);
+        }
+    }
+
+    if ($ae_loc?.trusted_access && (Date.now() - $ae_loc?.last_cache_refresh) > trusted_idb_refresh_time) {
+        console.log(`ROOT: Last (trusted) IDB reload too old for IDB: ${$ae_loc.last_cache_refresh}`);
+
+        flag_clear_idb = true;
+        // flag_clear_local = false;
+        // flag_clear_sess = false;
+        flag_reload = true;
+        flag_expired = true;
+
+        $ae_loc.cache_expired = true;
+        $ae_loc.allow_access = false;
+    } else if (!$ae_loc?.trusted_access && (Date.now() - $ae_loc.last_cache_refresh) > default_idb_refresh_time) {
+        console.log(`ROOT: Last (default) IDB reload too old for IDB: ${$ae_loc.last_cache_refresh}`);
+
+        flag_clear_idb = true;
+        // flag_clear_local = false;
+        // flag_clear_sess = false;
+        flag_reload = true;
+        flag_expired = true;
+
+        $ae_loc.cache_expired = true;
+        $ae_loc.allow_access = false;
+    } else {
+        if (log_lvl > 1) {
+            console.log(`ROOT: Last IDB reload is recent: ${$ae_loc.last_cache_refresh}`);
+        }
+    }
+}
+// END: Expired Cache Check:
+
+
+// BEGIN: Access Checks:
+// Updated 2024-11-21
+if ($ae_loc.site_access_key || $ae_loc.site_domain_access_key) {
+    // log_lvl = 2;
     if (log_lvl > 1) {
-        console.log(`ae_root +layout.svelte data:`, data);
+        console.log(`We need to do a current check against the allow_access value. site key: ${$ae_loc.site_access_key}, domain key: ${$ae_loc.site_domain_access_key}`);
     }
 
-    // goto('/', {replaceState: true, invalidateAll: true});
+    // $ae_loc.allow_access is set to they key if passed in the URL. It is set to true if they are just "trusted".
+    if ($ae_loc.site_access_key === $ae_loc.allow_access || $ae_loc.site_domain_access_key === $ae_loc.allow_access) {
+        if (log_lvl > 1) {
+            console.log(`PASS: The allow_access was checked earlier and just now checked against the site or domain key.`);
+        }
+    } else {
+        // console.log(`FAIL: The access key was checked earlier, but just now failed. Checking if they are trusted...`);
+        if ($ae_loc.trusted_access) {
+            if (log_lvl > 1) {
+                console.log(`PASS: The access key was checked and failed, but we have trusted access.`);
+            }
+            $ae_loc.allow_access = true;
+        } else {
+            if (log_lvl) {
+                console.log(`FAIL: The site and domain access key was checked and failed, and we do not have trusted access.`);
+            }
+            $ae_loc.allow_access = false;
+            flag_denied = true;
+        }
+    }
+} else {
+    // This means this site and domain do not require an access key.
+    $ae_loc.allow_access = true;
+}
+
+// BEGIN: iframe Check:
+
+// END: iframe Check:
+
+
+// BEGIN: Special Checks for Events, Sponsorships, IDAA, CHOW, etc.:
+// There should almost always be an event_id set.
+if ($ae_loc?.site_cfg_json?.slct__event_id) {
+    $events_slct.event_id = $ae_loc.site_cfg_json.slct__event_id;
+    $events_loc.event_id = $ae_loc.site_cfg_json.slct__event_id;
+} else if ($events_slct?.event_id) {
+    // console.log(`Event ID already set:`, $events_slct.event_id);
+    $events_loc.event_id = $events_slct.event_id;
+} else {
+    if (log_lvl > 1) {
+        console.log(`No Event ID set!`);
+    }
+}
+
+// This is mainly for Precon CHOW
+if ($ae_loc?.site_cfg_json?.slct__sponsorship_cfg_id) {
+    $slct.sponsorship_cfg_id = $ae_loc.site_cfg_json.slct__sponsorship_cfg_id;
+    if ($ae_loc?.mod?.sponsorships) {
+        $ae_loc.mod.sponsorships.cfg_id = $ae_loc.site_cfg_json.slct__sponsorship_cfg_id;
+    } else {
+        $ae_loc.mod = {
+            ...$ae_loc.mod,
+            sponsorships: {
+                cfg_id: $ae_loc.site_cfg_json.slct__sponsorship_cfg_id
+            }
+        };
+    }
+} else if ($ae_loc?.sponsorship_cfg_id) {
+    $slct.sponsorship_cfg_id = $ae_loc.sponsorship_cfg_id;
+    $ae_loc.mod.sponsorships.cfg_id = $ae_loc.sponsorship_cfg_id;
+} else {
+    if (log_lvl > 1) {
+        console.log(`No Sponsorship Config ID set.`);
+    }
+}
+// END: Special Checks
+
+// Root Svelte Layout Specific:
+let trigger_clear_access: null|boolean = $state(null);
+
+// $effect(() => {
+if (browser && flag_reload) {
+    if (log_lvl) {
+        console.log(`ROOT: Reloading page after other flags checked...`);
+    }
+
+    // Clear Indexed DB as well
+    if (flag_clear_idb) {
+        if (log_lvl) {
+            console.log(`ROOT: Clearing IndexedDB databases...`);
+        }
+
+        clear_idb();
+    }
+
+    // Clear localStorage and sessionStorage
+    if (flag_clear_local) {
+        if (log_lvl) {
+            console.log(`ROOT: Clearing localStorage...`);
+        }
+
+        clear_local();
+    }
+    if (flag_clear_sess) {
+        if (log_lvl) {
+            console.log('ROOT: Clearing sessionStorage...');
+        }
+
+        clear_sess();
+    }
+    // tick();
+
     // try {
     //     goto(data.route.id, {replaceState: true, invalidateAll: true});
     // } catch (e) {
@@ -86,1057 +383,773 @@
     //     goto('/', {replaceState: true, invalidateAll: true});
     // }
 
-    if (browser && data.route.id !== '/') {
-        // try {
-        //     goto(data.route.id, {replaceState: true, invalidateAll: true});
-        // } catch (e) {
-        //     console.log('Error going to root page:', e);
-        //     goto('/', {replaceState: true, invalidateAll: true});
-        // }
+    // This does not seem to work fast enough or something?
+    // goto('/', {replaceState: true, invalidateAll: true});
 
-        // goto('/', {replaceState: true, invalidateAll: true});
-        // $ae_loc = {};
-        // $ae_loc.app_cfg = {};
+    // The page does usually seem to reload correctly?
+    // window.location.reload(true); // true only works with Firefox
+    // window.location.reload({forceGet: true});
+
+    // location.reload();
+    // tick();
+
+    invalidateAll();
+
+    // alert('Local and Session Storage cleared and Indexed DBs deleted. You will probably want to refresh the page.');
+}
+
+function clear_idb() {
+    indexedDB.deleteDatabase('ae_archives_db'); // Archives module
+    // indexedDB.deleteDatabase('content'); // Archives module <-- WARNING
+    indexedDB.deleteDatabase('ae_core_db');
+    indexedDB.deleteDatabase('ae_events_db'); // Events module
+    // indexedDB.deleteDatabase('badges'); // Events module <-- WARNING
+    // indexedDB.deleteDatabase('devices'); // Events module <-- WARNING
+    // indexedDB.deleteDatabase('exhibits'); // Events module <-- WARNING
+    // indexedDB.deleteDatabase('exhibit_tracking'); // Events module
+    // indexedDB.deleteDatabase('files'); // Events module <-- WARNING
+    // indexedDB.deleteDatabase('locations'); // Events module <-- WARNING
+    // indexedDB.deleteDatabase('presentations'); // Events module <-- WARNING
+    // indexedDB.deleteDatabase('presenters'); // Events module <-- WARNING
+    // indexedDB.deleteDatabase('sessions'); // Events module <-- WARNING
+    // indexedDB.deleteDatabase('file'); // Core - Hosted Files module
+    indexedDB.deleteDatabase('ae_journals_db');
+    // indexedDB.deleteDatabase('journal_entry');
+    // indexedDB.deleteDatabase('notes');
+    indexedDB.deleteDatabase('ae_posts_db'); // Posts module
+    // indexedDB.deleteDatabase('comment'); // Posts module <-- WARNING
+    indexedDB.deleteDatabase('ae_sponsorships_db'); // Sponsorships module
+    // indexedDB.deleteDatabase('cfg'); // Sponsorships module <-- WARNING
+    // indexedDB.deleteDatabase('person'); // Core - People module
+    // indexedDB.deleteDatabase('user'); // Core - Not currently used
+}
+
+function clear_local() {
+    // localStorage.removeItem('ae_loc');
+    // localStorage.removeItem('ae_idaa_loc');
+    // localStorage.removeItem('ae_journals_loc');
+    // localStorage.removeItem('ae_events_loc');
+    $ae_loc.allow_access = false;
+    $ae_loc.authenticated_access = false;
+    $ae_loc.edit_mode = false;
+
+    localStorage.clear();
+}
+
+function clear_sess() {
+    // sessionStorage.removeItem('ae_sess');
+    // sessionStorage.removeItem('ae_idaa_sess');
+    // sessionStorage.removeItem('ae_journals_sess');
+    // sessionStorage.removeItem('ae_events_sess');
+
+    sessionStorage.clear();
+}
+
+
+if (browser) {
+
+    // save_ds_to_local(ae_acct.ds);
+    let ae_ds = ae_acct.ds;
+    console.log(`ae_ds__ data:`, ae_ds)
+    for (let [key, value] of Object.entries(ae_ds)) {
+        console.log(`ae_ds__ key: ${key}, value:`, value);
+        localStorage.setItem(`ae_ds__${key}`, JSON.stringify(value));
     }
 
 
-
-    let trigger_clear_access: null|boolean = $state(null);
-
-    // let account_id = localStorage.getItem('ae_account_id');
-    // console.log(`account_id = `, account_id);
-
-    // Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other. This should catch anything that is a child of this layout.svelte file.
-    $slct.account_id = data.account_id;
-    if (log_lvl) {
-        console.log(`*ae_root +layout.svelte* $slct.account_id = ${$slct.account_id}`);
-    }
-    let ae_acct = data[$slct.account_id];
-
-    $ae_api = {
-        ...$ae_api,
-        ...ae_acct.api,
-    }
-    if (log_lvl > 1) {
-        console.log(`$ae_api = `, $ae_api);
-    }
-
-    $ae_loc = {
-        ...$ae_loc,
-        ...ae_acct.loc,
-    }
-    if (log_lvl > 1) {
-        console.log(`$ae_loc = `, $ae_loc);
-    }
-
-    $slct = {
-        ...$slct,
-        ...ae_acct.slct,
-    }
-    if (log_lvl > 1) {
-        console.log(`$slct = `, $slct);
-    }
-
-
-    if (!$ae_loc?.app_cfg) {
-        $ae_loc.app_cfg = {};
-        $ae_loc.app_cfg.show_element__menu_btn = true;
-        $ae_loc.app_cfg.show_element__menu = false;
-    }
-
-    // if (!$ae_loc?.ver_testing) {
-    //     console.log(`TEST: AE Stores - ver_testing missing:`, $ae_loc);
-    //     // ae_app_local_data_struct = {
-    //     //     ...$ae_loc,
-    //     //     ...ae_app_local_data_struct,
-    //     //     };
-    //     // $ae_loc.ver_testing = true; // test
-    // } else {
-    //     console.log(`TEST: AE Stores - ver_testing found`);
-    //     // $ae_loc.ver_testing = false; // test 2
-    // }
-
-
-
-
-    // // This should only be temporary.  || !$ae_loc?.person || !$ae_loc?.user
-    // if (!$ae_loc) {
-    //     console.log('No ae_loc. Reloading page...');
-    //     window.location.reload();
-    // } else if ($ae_loc && $ae_sess && ($ae_loc.ver != $ae_sess.ver)) {
-    //     console.log('New version of the ae_loc (core local storage) available!!!');
-    //     console.log(`$ae_loc.ver: ${$ae_loc.ver} != $ae_sess.ver: ${$ae_sess.ver}`);
-
-    //     // alert('New version available!!!');
-
-    //     // $ae_loc.ver = $ae_sess.ver;
-
-    //     // This does not seem to work fast enough or something?
-    //     // goto('/', {replaceState: true, invalidateAll: true});
-
-    //     console.log('Clearing localStorage...');
-    //     // $ae_loc = null;
-    //     // localStorage.removeItem('ae_loc');
-    //     // localStorage.removeItem('ae_idaa_loc');
-    //     // localStorage.removeItem('ae_journals_loc');
-    //     // localStorage.removeItem('ae_events_loc');
-    //     localStorage.clear();
-
-    //     // sessionStorage.removeItem('ae_sess');
-    //     // sessionStorage.removeItem('events_sess');
-    //     // console.log('Clearing sessionStorage...');
-    //     // sessionStorage.clear();
-    //     console.log('Reloading page...');
-    //     location.reload();
-    // } else if (!$ae_loc?.app_cfg) {
-    //     console.log('No ae_loc.app_cfg. Reloading page...?');
-
-    //     // $ae_loc = {};
-    //     // localStorage.removeItem('ae_loc');
-    //     // localStorage.removeItem('ae_idaa_loc');
-    //     // localStorage.removeItem('ae_journals_loc');
-    //     // localStorage.removeItem('ae_events_loc');
-    //     // localStorage.clear();
-
-    //     // sessionStorage.removeItem('ae_sess');
-    //     // sessionStorage.removeItem('events_sess');
-    //     // sessionStorage.clear();
-
-    //     // window.location.reload();
-    //     // location.reload();
-    //     // tick();
-    //     // $ae_loc.app_cfg = {};
-    // } else if ($ae_loc?.app_cfg && !$ae_loc?.app_cfg?.show_element__menu_btn) {
-    //     console.log('No ae_loc.app_cfg.show_element__menu_btn. Forcing show.');
-    //     $ae_loc.app_cfg.show_element__menu_btn = true;
-    //     $ae_loc.app_cfg.show_element__menu = false;
-    // }
-
-    // localStorage caches - Check if the last refresh timestamp for $ae_loc.last_refresh is no more than 48 hours ago.
-    let default_refresh_time = 4 * 60 * 60 * 1000; // 48 hours or 2880 minutes? 48 * 60 *
-    let trusted_refresh_time = 168 * 60 * 60 * 1000; // 1 week or 10080 minutes?
-
-    // IDB caches - Check if the last refresh timestamp for $ae_loc.last_cache_refresh is no more than 15 minutes ago.
-    let default_idb_refresh_time = 2 * 60 * 60 * 1000; // 15 minutes?
-    let trusted_idb_refresh_time = 4 * 60 * 60 * 1000; // 4 hours or 120 minutes?
-
-    // There should almost always be an event_id set.
-    if ($ae_loc?.site_cfg_json?.slct__event_id) {
-        $events_slct.event_id = $ae_loc.site_cfg_json.slct__event_id;
-        $events_loc.event_id = $ae_loc.site_cfg_json.slct__event_id;
-    } else if ($events_slct?.event_id) {
-        // console.log(`Event ID already set:`, $events_slct.event_id);
-        $events_loc.event_id = $events_slct.event_id;
-    } else {
-        if (log_lvl > 1) {
-            console.log(`No Event ID set!`);
-        }
-    }
-
-    // This is mainly for Precon CHOW
-    if ($ae_loc?.site_cfg_json?.slct__sponsorship_cfg_id) {
-        $slct.sponsorship_cfg_id = $ae_loc.site_cfg_json.slct__sponsorship_cfg_id;
-        if ($ae_loc?.mod?.sponsorships) {
-            $ae_loc.mod.sponsorships.cfg_id = $ae_loc.site_cfg_json.slct__sponsorship_cfg_id;
-        } else {
-            $ae_loc.mod = {
-                ...$ae_loc.mod,
-                sponsorships: {
-                    cfg_id: $ae_loc.site_cfg_json.slct__sponsorship_cfg_id
-                }
-            };
-        }
-    } else if ($ae_loc?.sponsorship_cfg_id) {
-        $slct.sponsorship_cfg_id = $ae_loc.sponsorship_cfg_id;
-        $ae_loc.mod.sponsorships.cfg_id = $ae_loc.sponsorship_cfg_id;
-    } else {
-        if (log_lvl > 1) {
-            console.log(`No Sponsorship Config ID set.`);
-        }
-    }
-
-
-    // Updated 2024-11-21
-    if ($ae_loc.site_access_key || $ae_loc.site_domain_access_key) {
-        // log_lvl = 2;
-        if (log_lvl > 1) {
-            console.log(`We need to do a current check against the allow_access value. site key: ${$ae_loc.site_access_key}, domain key: ${$ae_loc.site_domain_access_key}`);
+    // This is how the download and upload progress is tracked.
+    window.addEventListener('message', function(event) {
+        if (log_lvl) {
+            console.log('Message received in root +layout.svelte:', event);
         }
 
-        // $ae_loc.allow_access is set to they key if passed in the URL. It is set to true if they are just "trusted".
-        if ($ae_loc.site_access_key === $ae_loc.allow_access || $ae_loc.site_domain_access_key === $ae_loc.allow_access) {
-            if (log_lvl > 1) {
-                console.log(`PASS: The allow_access was checked earlier and just now checked against the site or domain key.`);
-            }
-        } else {
-            // console.log(`FAIL: The access key was checked earlier, but just now failed. Checking if they are trusted...`);
-            if ($ae_loc.trusted_access) {
-                if (log_lvl > 1) {
-                    console.log(`PASS: The access key was checked and failed, but we have trusted access.`);
-                }
-                $ae_loc.allow_access = true;
-            } else {
-                if (log_lvl) {
-                    console.log(`FAIL: The site and domain access key was checked and failed, and we do not have trusted access.`);
-                }
-                $ae_loc.allow_access = false;
-            }
-        }
-    } else {
-        // This means this site and domain do not require an access key.
-        $ae_loc.allow_access = true;
-    }
-
-
-    if (browser) {
-        if (!$ae_loc) {
-            console.log('No ae_loc. Reloading page...');
-            // window.location.reload();
-        } else if ($ae_loc && $ae_sess && ($ae_loc.ver != $ae_sess.ver)) {
-            console.log('TEST: New version of the ae_loc (core local storage) available!!!');
-            console.log(`$ae_loc.ver: ${$ae_loc.ver} != $ae_sess.ver: ${$ae_sess.ver}`);
-
-            // WARNING: The page should still manually be reloaded.
-
-            // $ae_loc.ver = $ae_sess.ver;
-
-            // console.log('Clearing localStorage...');
-            // localStorage.removeItem('ae_loc');
-            // localStorage.removeItem('ae_idaa_loc');
-            // localStorage.removeItem('ae_journals_loc');
-            // localStorage.removeItem('ae_events_loc');
-            localStorage.clear();
-
-            // WARNING: The page should still manually be reloaded.
-
-            // sessionStorage.removeItem('ae_sess');
-            // sessionStorage.removeItem('events_sess');
-            // console.log('Clearing sessionStorage...');
-            // sessionStorage.clear();
-
-            // try {
-            //     goto(data.route.id, {replaceState: true, invalidateAll: true});
-            // } catch (e) {
-            //     console.log('Error going to root page:', e);
-            //     goto('/', {replaceState: true, invalidateAll: true});
-            // }
-
-            // Go to root if not already there. Do this in case things have significantly changed, including routes. We need them to manually click the Reload and Clear Cache button.
-            // console.log('Going to root page...');
-            // if (data.route.id !== '/') {
-            //     goto('/', {replaceState: true, invalidateAll: true});
-            // }
-
-            // WARNING: The page should still manually be reloaded.
-        } else if (!$ae_loc?.app_cfg) {
-            console.log('No ae_loc.app_cfg. Reloading page...?');
-
-            $ae_loc.app_cfg = {};
-            $ae_loc.app_cfg.show_element__menu_btn = true;
-            $ae_loc.app_cfg.show_element__menu = false;
-
-            // $ae_loc = {};
-            // localStorage.removeItem('ae_loc');
-            // localStorage.removeItem('ae_idaa_loc');
-            // localStorage.removeItem('ae_journals_loc');
-            // localStorage.removeItem('ae_events_loc');
-            // localStorage.clear();
-
-            // sessionStorage.removeItem('ae_sess');
-            // sessionStorage.removeItem('events_sess');
-            // sessionStorage.clear();
-
-            // window.location.reload();
-            // location.reload();
-            // tick();
-            // $ae_loc.app_cfg = {};
-            // goto(data.route.id, {replaceState: true, invalidateAll: true});
-        } else if ($ae_loc?.app_cfg && !$ae_loc?.app_cfg?.show_element__menu_btn) {
-            console.log('No ae_loc.app_cfg.show_element__menu_btn. Forcing show.');
-            $ae_loc.app_cfg.show_element__menu_btn = true;
-            $ae_loc.app_cfg.show_element__menu = false;
-        }
-
-        // if ($ae_loc && $ae_sess && ($ae_loc.ver != $ae_sess.ver)) {
-        //     console.log('New version of the ae_loc (core local storage) available!!!');
-        //     console.log(`$ae_loc.ver: ${$ae_loc.ver} != $ae_sess.ver: ${$ae_sess.ver}`);
-
-        //     // alert('New version available!!!');
-
-        //     $ae_loc.ver = $ae_sess.ver;
-
-        //     // This does not seem to work fast enough or something?
-        //     // goto('/', {replaceState: true, invalidateAll: true});
-
-        //     console.log('Clearing localStorage...');
-        //     $ae_loc = null;
-        //     // localStorage.removeItem('ae_loc');
-        //     // localStorage.removeItem('ae_idaa_loc');
-        //     // localStorage.removeItem('ae_journals_loc');
-        //     // localStorage.removeItem('ae_events_loc');
-        //     // localStorage.clear();
-
-        //     // sessionStorage.removeItem('ae_sess');
-        //     // sessionStorage.removeItem('events_sess');
-        //     // console.log('Clearing sessionStorage...');
-        //     // sessionStorage.clear();
-        //     // tick();
-
-        //     // window.location.reload();
-        //     location.reload();
-        // }
-
-        if (!$ae_loc?.last_cache_refresh) {
-            // if (log_lvl) {
-                console.log(`Last reload not found. Need to set!`);
-            // }
-
-            $ae_loc.last_cache_refresh = Date.now();
-
-            // Clear Indexed DB as well
-            indexedDB.deleteDatabase('ae_archives_db');
-            indexedDB.deleteDatabase('ae_core_db');
-            indexedDB.deleteDatabase('ae_events_db');
-            indexedDB.deleteDatabase('ae_journals_db');
-            indexedDB.deleteDatabase('ae_notes_db');
-            indexedDB.deleteDatabase('ae_posts_db');
-
-            localStorage.clear();
-
-            window.location.reload();
-        } else if ($ae_loc?.last_cache_refresh && $ae_loc?.trusted_access && (Date.now() - $ae_loc?.last_cache_refresh) > trusted_refresh_time) {
+        if (event.data.type == 'api_download_blob') {
             if (log_lvl) {
-                console.log(`Last (trusted) reload too old: ${$ae_loc.last_cache_refresh}`);
+                console.log('Download blob (file) message received:', event.data);
             }
 
-            $ae_loc.last_cache_refresh = Date.now();
+            let task_id = event.data.task_id;
 
-            // Clear Indexed DB as well
-            indexedDB.deleteDatabase('ae_archives_db');
-            indexedDB.deleteDatabase('ae_core_db');
-            indexedDB.deleteDatabase('ae_events_db');
-            indexedDB.deleteDatabase('ae_journals_db');
-            indexedDB.deleteDatabase('ae_notes_db');
-            indexedDB.deleteDatabase('ae_posts_db');
-
-            // localStorage.removeItem('ae_loc');
-            // localStorage.removeItem('events_loc');
-            localStorage.clear();
-
-            window.location.reload();
-        } else if ($ae_loc?.last_cache_refresh && (Date.now() - $ae_loc?.last_cache_refresh) > default_refresh_time) {
-            // if (log_lvl) {
-                console.log(`Last (default) reload too old: ${$ae_loc.last_cache_refresh}`);
-            // }
-
-            $ae_loc.last_cache_refresh = Date.now();
-
-            // Clear Indexed DB as well
-            indexedDB.deleteDatabase('ae_archives_db');
-            indexedDB.deleteDatabase('ae_core_db');
-            indexedDB.deleteDatabase('ae_events_db');
-            indexedDB.deleteDatabase('ae_journals_db');
-            indexedDB.deleteDatabase('ae_notes_db');
-            indexedDB.deleteDatabase('ae_posts_db');
-
-            // localStorage.removeItem('ae_loc');
-            // localStorage.removeItem('events_loc');
-            localStorage.clear();
-
-            window.location.reload();
-        } else if ($ae_loc?.last_cache_refresh && $ae_loc?.trusted_access && (Date.now() - $ae_loc?.last_cache_refresh) > trusted_idb_refresh_time) {
+            $ae_sess.api_download_kv[task_id] =
+                {
+                    'status': event.data.status,
+                    'task_id': task_id,
+                    'endpoint': event.data.endpoint,
+                    'filename': event.data.filename,
+                    'size_total': event.data.size_total,
+                    'size_loaded': event.data.size_loaded,
+                    'percent_completed': event.data.percent_completed,
+                };
+        } else if (event.data.type == 'api_post_json_form') {
             if (log_lvl) {
-                console.log(`Last (trusted) reload too old: ${$ae_loc.last_cache_refresh}`);
+                console.log('Post JSON form message received:', event.data);
             }
 
-            $ae_loc.last_cache_refresh = Date.now();
+            let task_id = event.data.task_id;
 
-            // Clear Indexed DB as well
-            indexedDB.deleteDatabase('ae_archives_db');
-            indexedDB.deleteDatabase('ae_core_db');
-            indexedDB.deleteDatabase('ae_events_db');
-            indexedDB.deleteDatabase('ae_journals_db');
-            indexedDB.deleteDatabase('ae_notes_db');
-            indexedDB.deleteDatabase('ae_posts_db');
-
-            // localStorage.removeItem('ae_loc');
-            // localStorage.removeItem('events_loc');
-
-            window.location.reload();
-        } else if ($ae_loc.last_cache_refresh && (Date.now() - $ae_loc.last_cache_refresh) > default_idb_refresh_time) {
-            if (log_lvl) {
-                console.log(`Last (default) reload too old: ${$ae_loc.last_cache_refresh}`);
-            }
-
-            $ae_loc.last_cache_refresh = Date.now();
-
-            // Clear Indexed DB as well
-            indexedDB.deleteDatabase('ae_archives_db');
-            indexedDB.deleteDatabase('ae_core_db');
-            indexedDB.deleteDatabase('ae_events_db');
-            indexedDB.deleteDatabase('ae_journals_db');
-            indexedDB.deleteDatabase('ae_notes_db');
-            indexedDB.deleteDatabase('ae_posts_db');
-
-            // localStorage.removeItem('ae_loc');
-            // localStorage.removeItem('events_loc');
-
-            window.location.reload();
-        } else {
-            if (log_lvl > 1) {
-                console.log(`Last reload is recent: ${$ae_loc.last_cache_refresh}`);
-            }
-        }
-
-
-        // Waiting until the browser exists.
-        // if ($ae_loc && $ae_sess && $ae_loc.ver_idb != $ae_sess.ver_idb) {
-        //     console.log('New version of the IDB available!!!');
-        //     console.log(`$ae_loc.ver_idb: ${$ae_loc.ver_idb} != $ae_sess.ver_idb: ${$ae_sess.ver_idb}`);
-
-        //     // Clear Indexed DB as well
-        //     indexedDB.deleteDatabase('ae_archives_db');
-        //     indexedDB.deleteDatabase('ae_core_db');
-        //     indexedDB.deleteDatabase('ae_events_db');
-        //     indexedDB.deleteDatabase('ae_notes_db');
-        //     indexedDB.deleteDatabase('ae_posts_db');
-
-        //     $ae_loc.ver_idb = $ae_sess.ver_idb;
-
-        //     window.location.reload();
-        // }
-
-
-        // save_ds_to_local(ae_acct.ds);
-        let ae_ds = ae_acct.ds;
-        console.log(`ae_ds__ data:`, ae_ds)
-        for (let [key, value] of Object.entries(ae_ds)) {
-            console.log(`ae_ds__ key: ${key}, value:`, value);
-            localStorage.setItem(`ae_ds__${key}`, JSON.stringify(value));
-        }
-
-
-        // This is how the download and upload progress is tracked.
-        window.addEventListener('message', function(event) {
-            if (log_lvl) {
-                console.log('Message received in root +layout.svelte:', event);
-            }
-
-            if (event.data.type == 'api_download_blob') {
-                if (log_lvl) {
-                    console.log('Download blob (file) message received:', event.data);
-                }
-
-                let task_id = event.data.task_id;
-
-                $ae_sess.api_download_kv[task_id] =
-                    {
-                        'status': event.data.status,
-                        'task_id': task_id,
-                        'endpoint': event.data.endpoint,
-                        'filename': event.data.filename,
-                        'size_total': event.data.size_total,
-                        'size_loaded': event.data.size_loaded,
-                        'percent_completed': event.data.percent_completed,
-                    };
-            } else if (event.data.type == 'api_post_json_form') {
-                if (log_lvl) {
-                    console.log('Post JSON form message received:', event.data);
-                }
-
-                let task_id = event.data.task_id;
-
-                $ae_sess.api_upload_kv[task_id] =
-                    {
-                        'status': event.data.status,
-                        'task_id': task_id,
-                        'endpoint': event.data.endpoint,
-                        'filename': event.data.filename,
-                        'size_total': event.data.size_total,
-                        'size_loaded': event.data.size_loaded,
-                        'percent_completed': event.data.percent_completed,
-                        'progress': event.data.progress,
-                        'rate': event.data.rate,
-                    };
-            }
-        });
-
-        let iframe = data.url.searchParams.get('iframe');
-        if (iframe == 'true') {
-            console.log('Use iframe layout!');
-            $ae_loc.iframe = true;
-
-            document.getElementsByTagName('html')[0].classList.add('iframe');
-            // document.getElementsByTagName('html')[0].classList.remove('dark');
-            // document.getElementsByTagName('html')[0].classList.remove('light');
-
-            $ae_loc.app_cfg.show_element__access_type = false;
-            $ae_loc.app_cfg.show_element__cfg = false;
-        } else if (iframe == 'false') {
-            $ae_loc.iframe = false;
-
-            document.getElementsByTagName('html')[0].classList.remove('iframe');
-            // document.getElementsByTagName('html')[0].classList.add('dark');
-            // document.getElementsByTagName('html')[0].classList.add('light');
-        }
-
-        if (!$ae_loc.iframe && $ae_loc.trusted_access) {
-            $ae_loc.app_cfg.show_element__access_type = true;
-            $ae_loc.app_cfg.show_element__cfg = true;
-        } else if ($ae_loc.iframe && $ae_loc.manager_access) {
-            $ae_loc.app_cfg.show_element__access_type = true;
-            $ae_loc.app_cfg.show_element__cfg = true;
-        } else {
-            $ae_loc.app_cfg.show_element__access_type = true;
-            $ae_loc.app_cfg.show_element__cfg = false;
-        }
-
-
-        // This is mainly for Precon CHOW
-        if (data.url.searchParams.get('event_id')) {
-            $events_slct.event_id = data.url.searchParams.get('event_id');
-            $events_loc.event_id = data.url.searchParams.get('event_id');
-        }
-
-        if (data.url.searchParams.get('sponsorship_cfg_id')) {
-            $slct.sponsorship_cfg_id = data.url.searchParams.get('sponsorship_cfg_id');
-            $ae_loc.mod.sponsorships.cfg_id = data.url.searchParams.get('sponsorship_cfg_id');
-        }
-
-    }
-
-    // We want to loop through all of the data store (ds) key value pairs and set them to localStorage
-    // $: if (ae_acct.ds) {
-    //     console.log(`ae_ds__ data:`, ae_acct.ds)
-    //     for (let [key, value] of Object.entries(ae_acct.ds)) {
-    //         console.log(`ae_ds__ key: ${key}, value:`, value);
-    //         localStorageStore(`ae_ds__${key}`, value);
-    //     }
-    // }
-
-    // Check if in the array of: super > manager > administrator > trusted > public > authenticated > anonymous
-    const access_type_li = ['super', 'manager', 'administrator', 'trusted', 'public', 'authenticated', 'anonymous'];
-    $effect(() => {
-        if (browser && $ae_loc.access_type && access_type_li.includes($ae_loc.access_type)) {
-            document.getElementsByTagName('html')[0].classList.remove('super_access', 'manager_access', 'administrator_access', 'trusted_access', 'public_access', 'authenticated_access', 'anonymous_access');
-            document.getElementsByTagName('html')[0].classList.add(`${$ae_loc.access_type}_access`);
-        } else if (browser) {
-            document.getElementsByTagName('html')[0].classList.remove('super_access', 'manager_access', 'administrator_access', 'trusted_access', 'public_access', 'authenticated_access', 'anonymous_access');
+            $ae_sess.api_upload_kv[task_id] =
+                {
+                    'status': event.data.status,
+                    'task_id': task_id,
+                    'endpoint': event.data.endpoint,
+                    'filename': event.data.filename,
+                    'size_total': event.data.size_total,
+                    'size_loaded': event.data.size_loaded,
+                    'percent_completed': event.data.percent_completed,
+                    'progress': event.data.progress,
+                    'rate': event.data.rate,
+                };
         }
     });
 
-    </script>
+    let iframe = data.url.searchParams.get('iframe');
+    if (iframe == 'true') {
+        console.log('Use iframe layout!');
+        $ae_loc.iframe = true;
 
-    {#if $ae_loc?.site_google_tracking_id && $ae_loc?.site_google_tracking_id.length > 0}
-        <Analytics bind:site_google_tracking_id={$ae_loc.site_google_tracking_id} />
-    {/if}
+        document.getElementsByTagName('html')[0].classList.add('iframe');
+        // document.getElementsByTagName('html')[0].classList.remove('dark');
+        // document.getElementsByTagName('html')[0].classList.remove('light');
 
-    <svelte:head>
-        <!-- <title>{$ae_loc.title ?? 'Æ loading...'}</title> -->
-        <link rel="stylesheet" href="{ae_acct.loc.site_style_href}">
-        <!-- <link rel="manifest" href="/manifest.json"> -->
-    </svelte:head>
+        $ae_loc.app_cfg.show_element__access_type = false;
+        $ae_loc.app_cfg.show_element__cfg = false;
+    } else if (iframe == 'false') {
+        $ae_loc.iframe = false;
+
+        document.getElementsByTagName('html')[0].classList.remove('iframe');
+        // document.getElementsByTagName('html')[0].classList.add('dark');
+        // document.getElementsByTagName('html')[0].classList.add('light');
+    }
+
+	if (!$ae_loc.iframe && $ae_loc.trusted_access) {
+        $ae_loc.app_cfg.show_element__access_type = true;
+        $ae_loc.app_cfg.show_element__cfg = true;
+    } else if ($ae_loc.iframe && $ae_loc.manager_access) {
+        $ae_loc.app_cfg.show_element__access_type = true;
+        $ae_loc.app_cfg.show_element__cfg = true;
+    } else {
+        $ae_loc.app_cfg.show_element__access_type = true;
+        $ae_loc.app_cfg.show_element__cfg = false;
+    }
 
 
-    <!-- regionFooter="flex justify-end space-x-2" -->
+    // This is mainly for Precon CHOW
+    if (data.url.searchParams.get('event_id')) {
+        $events_slct.event_id = data.url.searchParams.get('event_id');
+        $events_loc.event_id = data.url.searchParams.get('event_id');
+    }
 
-    {#if (browser && $ae_loc && $ae_sess && ($ae_loc.ver != $ae_sess.ver))}
-        <div class="flex flex-col items-center justify-center h-full max-w-lg mx-auto space-y-4">
-            <h1 class="text-4xl font-bold text-red-600 dark:text-red-400">New Version Available</h1>
-            <p class="text-lg text-center text-gray-800 dark:text-gray-200">A new version of the site is available. Please reload the page.</p>
-            <button
-                type="button"
-                onclick={() => {
-                    // Clear the IndexedDB
-                    indexedDB.deleteDatabase('ae_core_db');
-                    indexedDB.deleteDatabase('ae_archives_db');
-                    indexedDB.deleteDatabase('ae_events_db');
-                    indexedDB.deleteDatabase('ae_journals_db');
-                    indexedDB.deleteDatabase('ae_posts_db');
+    if (data.url.searchParams.get('sponsorship_cfg_id')) {
+        $slct.sponsorship_cfg_id = data.url.searchParams.get('sponsorship_cfg_id');
+        $ae_loc.mod.sponsorships.cfg_id = data.url.searchParams.get('sponsorship_cfg_id');
+    }
 
-                    // Clear localStorage and sessionStorage
-                    localStorage.clear();
-                    sessionStorage.clear();
+}
 
-                    confirm('Local and Session Storage cleared. The page should now refresh on its own.');
+// We want to loop through all of the data store (ds) key value pairs and set them to localStorage
+// $: if (ae_acct.ds) {
+//     console.log(`ae_ds__ data:`, ae_acct.ds)
+//     for (let [key, value] of Object.entries(ae_acct.ds)) {
+//         console.log(`ae_ds__ key: ${key}, value:`, value);
+//         localStorageStore(`ae_ds__${key}`, value);
+//     }
+// }
 
-                    window.location.reload();
-                }}
-                ondblclick={() => {
-                    // Double click to clear all databases and reload the page.
-                    indexedDB.deleteDatabase('ae_core_db');
-                    indexedDB.deleteDatabase('ae_archives_db');
-                    indexedDB.deleteDatabase('ae_events_db');
-                    indexedDB.deleteDatabase('ae_journals_db');
-                    indexedDB.deleteDatabase('ae_posts_db');
+// Check if in the array of: super > manager > administrator > trusted > public > authenticated > anonymous
+const access_type_li = ['super', 'manager', 'administrator', 'trusted', 'public', 'authenticated', 'anonymous'];
+$effect(() => {
+    if (browser && $ae_loc.access_type && access_type_li.includes($ae_loc.access_type)) {
+        document.getElementsByTagName('html')[0].classList.remove('super_access', 'manager_access', 'administrator_access', 'trusted_access', 'public_access', 'authenticated_access', 'anonymous_access');
+        document.getElementsByTagName('html')[0].classList.add(`${$ae_loc.access_type}_access`);
+    } else if (browser) {
+        document.getElementsByTagName('html')[0].classList.remove('super_access', 'manager_access', 'administrator_access', 'trusted_access', 'public_access', 'authenticated_access', 'anonymous_access');
+    }
+});
 
-                    // Clear localStorage and sessionStorage
-                    localStorage.clear();
-                    sessionStorage.clear();
+//
+$effect(() => {
+    if (browser) {
+        const interval = setInterval(() => {
+            if (log_lvl) {
+                // Show the UNIX timestamp in current ISO time format
+                console.log(`ROOT LOOP: Checking expired cache based on last_cache_refresh UNIX timestamp: ${new Date($ae_loc.last_cache_refresh).toISOString()} (${Math.floor((Date.now() - $ae_loc.last_cache_refresh) / 60000)} minutes ago)`);
 
-                    confirm('Local and Session Storage cleared. The page should now refresh on its own.');
+                console.log(`ROOT: Last diff: ${Date.now() - $ae_loc?.last_cache_refresh} | trusted: ${$ae_loc?.trusted_access} | trusted_refresh_time: ${trusted_refresh_time} | default_refresh_time: ${default_refresh_time}`);
+            }
 
-                    // window.location.reload({forceGet: true});
-                    // window.location.reload(true);
-                    window.location.reload();
-                }}
-                class="btn btn-lg m-1 variant-filled-warning hover:variant-filled-success text-error-1000 hover:text-error-800 transition-all"
-                title="Reload and clear the page cache"
-                >
-                <span class="fas fa-sync mx-1"></span>
-                Reload and Clear Cache
-            </button>
-        </div>
+            // invalidateAll();
+            if ($ae_loc?.trusted_access && (Date.now() - $ae_loc?.last_cache_refresh) > trusted_refresh_time) {
+                if (log_lvl) {
+                    console.log(`ROOT LOOP: Last (trusted) local config reload too old for all caches: ${$ae_loc.last_cache_refresh}`);
+                }
 
-    {:else if $ae_loc?.allow_access}
-        <!-- Should we check for "browser" here as well? This may hide some status information as a page is loading. -->
+                // flag_clear_idb = true;
+                // flag_clear_local = true;
+                // flag_clear_sess = true;
+                // flag_reload = true;
+                // flag_expired = true;
 
-        <!-- The children will contain top level (directly under body tag) div tag(s) or similar. Modal and AppShell should also be set there. The AppShell gives access to a header, footer, AppBar (usually under header),  -->
-        {@render children?.()}
+                $ae_loc.allow_access = false;
+                $ae_loc.cache_expired = true;
 
-    {:else if browser}
+                // location.reload();
 
-        <div
-            data-sveltekit-preload-data="false"
-            class="flex flex-col items-center justify-center h-full max-w-lg mx-auto space-y-4"
-            >
-            <h1 class="text-4xl font-bold text-red-600 dark:text-red-400">Access Denied</h1>
-            <p class="text-lg text-center text-gray-800 dark:text-gray-200">You do not have access to this site. You may need a <strong>passcode</strong>, <strong>sign in link</strong>, and or <strong>URL site key</strong>.</p>
-            <!-- xx {JSON.stringify(data.route)} xx -->
-            <button
-                type="button"
-                onclick={() => {
-                    console.log('Reloading page...');
-                    // Clear the localStorage and sessionStorage, then reload the page.
-                    // indexedDB.deleteDatabase('ae_core_db');
-                    // indexedDB.deleteDatabase('ae_archives_db');
-                    // indexedDB.deleteDatabase('ae_events_db');
-                    // indexedDB.deleteDatabase('ae_journals_db');
-                    // indexedDB.deleteDatabase('ae_posts_db');
+                clearInterval(interval);
+            } else if (!$ae_loc?.trusted_access && (Date.now() - $ae_loc?.last_cache_refresh) > default_refresh_time) {
+                if (log_lvl) {
+                    console.log(`ROOT LOOP: Last (default) local config reload too old for all caches: ${$ae_loc.last_cache_refresh}`);
+                }
 
-                    // confirm('Local and Session Storage cleared. The page should now refresh on its own.');
+                // clear_idb();
+                // clear_local();
+                // clear_sess();
 
-                    // Clear localStorage and sessionStorage
-                    localStorage.clear();
-                    // sessionStorage.clear();
+                // flag_clear_idb = true;
+                // flag_clear_local = true;
+                // flag_clear_sess = true;
+                // flag_reload = true;
+                // flag_expired = true;
+
+                $ae_loc.allow_access = false;
+                $ae_loc.cache_expired = true;
+
+                // location.reload();
+
+                clearInterval(interval);
+            }
+        }, 7000);
+    }
+});
+
+</script>
+
+{#if $ae_loc?.site_google_tracking_id && $ae_loc?.site_google_tracking_id.length > 0}
+    <Analytics bind:site_google_tracking_id={$ae_loc.site_google_tracking_id} />
+{/if}
+
+<svelte:head>
+	<!-- <title>{$ae_loc.title ?? 'Æ loading...'}</title> -->
+    <link rel="stylesheet" href="{ae_acct.loc.site_style_href}">
+    <!-- <link rel="manifest" href="/manifest.json"> -->
+</svelte:head>
 
 
+<!-- regionFooter="flex justify-end space-x-2" -->
 
-                    window.location.reload();
-                }}
-                ondblclick={() => {
-                    // // Double click to clear all databases and reload the page.
-                    // indexedDB.deleteDatabase('ae_core_db');
-                    // indexedDB.deleteDatabase('ae_archives_db');
-                    // indexedDB.deleteDatabase('ae_events_db');
-                    // indexedDB.deleteDatabase('ae_journals_db');
-                    // indexedDB.deleteDatabase('ae_posts_db');
-
-                    // // Clear localStorage and sessionStorage
-                    // localStorage.clear();
-                    // sessionStorage.clear();
-
-                    // confirm('DOUBLE CLICk: Local and Session Storage cleared. The page should now refresh on its own.');
-
-                    // // window.location.reload({forceGet: true});
-                    // // window.location.reload(true);
-                    // window.location.reload();
-                }}
-                class="btn btn-sm m-1 variant-ghost-surface hover:variant-ghost-warning hover:variant-outline-warning text-error-600 hover:text-error-900 transition-all"
-                title="Reload and clear the page cache"
-                >
-                <span class="fas fa-sync mx-1"></span>
-                Reload and Clear Cache
-            </button>
-
-            <!-- This is mainly for IDAA using iframes in the Novi site. -->
-            <div
-                class="text-center text-sm text-gray-500"
-                class:hidden={!$ae_loc.iframe}
-                >
-                <p>If you have tried the "Reload and Clear Cache" button, you may need to manually reload the page using your browser's reload button or by pressing <kbd>Ctrl</kbd> + <kbd>R</kbd> or <kbd>Cmd</kbd> + <kbd>R</kbd>.</p>
-                <p>This sometimes happens with new versions of the app or when in an iframe.</p>
-            </div>
-        </div>
-
-    {/if}
-
-    <!-- min-h-full
-    max-h-max
-    min-w-full
-    max-w-max -->
-
-    <!-- Toggle the menu -->
-    <section
-        class="
-            ae_app__menu
-            hidden-print
-            flex flex-col
-            items-end justify-center
-            gap-1
-            absolute right-0 bottom-16
-            hover:bottom-6
-            bg-white dark:bg-gray-800
-            border border-transparent
-            hover:border hover:border-gray-200 hover:dark:border-gray-700
-            rounded-lg
-            p-2
-            *:hover:inline
-            opacity-40
-            hover:opacity-100
-            duration-50 delay-1000 hover:delay-100 hover:ease-out
-            transition hover:transition-all
-        "
-        class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn}
-        >
-
-        <span class="hidden"
-            title="
-            Name: {$ae_loc?.person?.full_name ?? '-- not set --'}
-            Username: {$ae_loc?.user?.username ?? '-- not set --'}
-            Email: {$ae_loc?.user?.email ?? '-- not set --'}
-            "
-            >
-            <User class="mx-1 inline-block text-gray-500" />
-            {$ae_loc?.person?.full_name ?? '-- not set --'}<br />
-            <!-- <ShieldUser /> -->
-            <ShieldUser class="mx-1 inline-block text-gray-500" />
-            {$ae_loc?.user?.username ?? '-- not set --'}<br />
-        </span>
-
-        {#if $ae_loc.edit_mode}
-            <button
-                type="button"
-                onclick={() => {
-                    $ae_loc.edit_mode = false;
-                    // dispatch_edit_mode_changed();
-                }}
-                class="btn btn-md px-2 variant-ghost-success hover:variant-filled-success transition-all *:hover:inline-block"
-                title="Edit mode is currently enabled. Click to disable."
-                >
-                <span class="fas fa-toggle-on mx-1"></span>
-                Edit
-                <span class="hidden">
-                    Mode On
-                </span>
-            </button>
-        {:else if $ae_loc.authenticated_access}
-            <button
-                type="button"
-                onclick={() => {
-                    $ae_loc.edit_mode = true;
-                    // dispatch_edit_mode_changed();
-                }}
-                class="btn btn-md px-2 variant-ghost-warning hover:variant-filled-warning transition-all space-x-0 *:hover:inline"
-                title="Edit mode is currently disabled. Click to enable."
-                >
-                <span class="fas fa-toggle-off mx-1"></span>
-                <span class="">Edit</span>
-                <span class="hidden">
-                    Mode?
-                </span>
-            </button>
-        {/if}
-
-        <div class="transition-all *:hover:inline">
-            {#if $ae_loc.access_type && $ae_loc.access_type != 'anonymous'}
-                <span
-                    class="*:hover:inline"
-                    >
-                    <span class="fas fa-unlock mx-1"></span>
-
-
-                    {#if $ae_loc.access_type == 'super'}
-                        <span class="fas fa-hat-wizard m-1"></span>
-                        <span class="hidden">Super</span>
-                    {:else if $ae_loc.access_type == 'manager'}
-                        <span class="fas fa-user-shield m-1"></span>
-                        <span class="hidden">Manager</span>
-                    {:else if $ae_loc.access_type == 'administrator'}
-                        <span class="fas fa-user-ninja m-1"></span>
-                        <span class="hidden">Administrator</span>
-                    {:else if $ae_loc.access_type == 'trusted'}
-                        <span class="fas fa-user-check m-1"></span>
-                        <span class="hidden">Trusted Access</span>
-                    {:else if $ae_loc.access_type == 'public'}
-                        Public
-                        <span class="hidden">Access</span>
-                    {:else if $ae_loc.access_type == 'authenticated'}
-                        Authenticated
-                        <span class="hidden">Access</span>
-                    {:else if $ae_loc.access_type == 'anonymous'}
-                        Anonymous Access
-                    {:else}
-                        Unknown Access
-                    {/if}
-                </span>
-
-                <button
-                    type="button"
-                    onclick={() => {
-                        trigger_clear_access = true;
-
-                        if ($ae_loc?.app_cfg?.show_element__menu_btn) {
-                            $ae_loc.app_cfg.show_element__menu = true;
-                            $ae_loc.app_cfg.show_element__menu_btn = false;
-                            $ae_loc.app_cfg.show_element__access_type = true;
-                        } else {
-                            $ae_loc.app_cfg.show_element__menu = false;
-                            $ae_loc.app_cfg.show_element__menu_btn = true;
-                        }
-                    }}
-                    class="btn btn-sm variant-outline-surface hover:variant-ghost-warning transition-all hidden"
-                    title="Access mode is currently enabled/unlocked. Click to exit and lock."
-                    >
-                    <span class="fas fa-lock mx-1"></span> Lock?
-                </button>
-            {:else}
-                <button
-                        type="button"
-                        onclick={async () => {
-                            if ($ae_loc?.app_cfg?.show_element__menu_btn) {
-                                $ae_loc.app_cfg.show_element__menu = true;
-                                $ae_loc.app_cfg.show_element__menu_btn = false;
-                                $ae_loc.app_cfg.show_element__access_type = true;
-                                $ae_loc.app_cfg.show_element__passcode_input = true;
-                                await tick();
-                                console.log('Layout button click: Focus on passcode input!');
-                                /** @type {HTMLElement | null} */
-                                const to_focus = document.getElementById('access_passcode_input');
-                                to_focus?.focus();
-                            } else {
-                                $ae_loc.app_cfg.show_element__menu = false;
-                                $ae_loc.app_cfg.show_element__menu_btn = true;
-                            }
-                            // $ae_loc.app_cfg.show_element__menu_btn = !$ae_loc?.app_cfg?.show_element__menu_btn;
-                        }}
-                        class="
-                            btn btn-sm variant-outline-surface hover:variant-ghost-success transition-all
-                            *:hover:inline
-                            "
-                        title="Anonymous public access is currently set. Access mode is disabled/locked."
-                        >
-                    <!-- <span class="fas fa-lock mx-1 lock_icon"></span> -->
-                    <!-- <span class="">Unlock?</span> -->
-                    <ShieldUser />
-                    <span class="hidden">Auth?</span>
-                </button>
-            {/if}
-        </div>
-
-
+{#if (browser && flag_new_ver)}
+    <div class="flex flex-col items-center justify-center h-full max-w-lg mx-auto space-y-4">
+        <h1 class="text-4xl font-bold text-red-600 dark:text-red-400">New Version Available</h1>
+        <p class="text-lg text-center text-gray-800 dark:text-gray-200">A new version of the site is available. Please reload the page.</p>
         <button
             type="button"
-            class="btn btn-sm variant-outline-surface hover:variant-ghost-success *:hover:inline-block w-full hidden px-6 py-1"
-            title="Sign In"
-            onclick={async () => {
-                if ($ae_loc?.app_cfg?.show_element__menu_btn) {
-                    $ae_loc.app_cfg.show_element__menu = true;
-                    $ae_loc.app_cfg.show_element__menu_btn = false;
-                    $ae_loc.app_cfg.show_element__access_type = true;
-                    $ae_loc.app_cfg.show_element__passcode_input = true;
-                    await tick();
-                    console.log('Layout button click: Focus on passcode input!');
-                    /** @type {HTMLElement | null} */
-                    const to_focus = document.getElementById('access_passcode_input');
-                    to_focus?.focus();
-                } else {
-                    $ae_loc.app_cfg.show_element__menu = false;
-                    $ae_loc.app_cfg.show_element__menu_btn = true;
-                }
-                // $ae_loc.app_cfg.show_element__menu_btn = !$ae_loc?.app_cfg?.show_element__menu_btn;
+            onclick={() => {
+                // Clear the IndexedDB
+                clear_idb();
+
+                // Clear localStorage and sessionStorage
+                clear_local();
+
+                confirm('IDB, Local, and Session Storage cleared. The page should now refresh on its own.');
+
+                window.location.reload();
             }}
+            class="btn btn-lg m-1 variant-filled-warning hover:variant-filled-success text-error-1000 hover:text-error-800 transition-all"
+            title="Reload and clear the page cache"
             >
-            {#if $ae_loc?.app_cfg?.show_element__menu}
-                <CircleX class="inline-block" />
-                <!-- <span class="hidden"> -->
-                    Hide Menu
-                <!-- </span> -->
-            {:else}
-                <Menu class="inline-block" />
-                <span class="hidden">
-                    Menu
-                </span>
-            {/if}
+            <span class="fas fa-sync mx-1"></span>
+            Reload and Clear Cache
         </button>
 
-
-    </section>
-
-    <!-- Show menu on right side of page -->
-    <section
-        class="
-            ae_app__menu
-            hidden-print
-            flex flex-col
-            items-center
-            justify-end
-            gap-4
-            min-h-96
-            min-w-48
-            absolute right-0 bottom-10
-            bg-white dark:bg-gray-800
-            border border-gray-200 dark:border-gray-700
-            rounded-lg
-            p-2
-            opacity-50
-            hover:opacity-100
-            duration-100 delay-1000 hover:delay-100 hover:ease-out
-            transition hover:transition-all
-        "
-        class:hidden={!$ae_loc?.app_cfg?.show_element__menu}
-        >
-
-        <!-- {#if $ae_loc?.app_cfg?.show_element__cfg} -->
-        <span
-            class:hidden={!$ae_loc?.app_cfg?.show_element__cfg || !$ae_loc.edit_mode}
+        <button
+            type="button"
+            onclick={() => {
+                window.location.reload();
+            }}
             >
-        <Element_app_cfg
-            set_theme_mode={true}
-            set_theme_name={true}
-            />
-        </span>
-        <!-- {/if} -->
+            <span class="fas fa-sync mx-1"></span>
+            Reload Page
+        </button>
+    </div>
+{:else if browser && $ae_loc?.cache_expired}
+    <div class="flex flex-col items-center justify-center h-full max-w-lg mx-auto space-y-4">
+        <h1 class="text-4xl font-bold text-red-600 dark:text-red-400">Expired Cache</h1>
+        <p class="text-lg text-center text-gray-800 dark:text-gray-200">The cache for this site has expired. Please reload the page.</p>
+        <button
+            type="button"
+            onclick={() => {
+                // Clear the IndexedDB
+                clear_idb();
 
-        {#if $ae_loc.app_cfg?.show_element__sign_in_out}
-        <Element_sign_in_out
-            data={data}
-            hidden={$ae_loc.iframe || !$ae_loc.app_cfg?.show_element__sign_in_out}
-            />
-        {/if}
+                // Clear localStorage and sessionStorage
+                clear_local();
 
-        {#if $ae_loc.app_cfg?.show_element__access_type}
-        <Element_access_type
-            show_passcode_input={$ae_loc.app_cfg.show_element__passcode_input}
-            trigger_clear_access={trigger_clear_access}
-            hidden={$ae_loc.iframe && !$ae_loc.trusted_access && !$ae_loc?.app_cfg?.show_element__menu}
-            />
-        {/if}
+                confirm('IDB, Local, and Session Storage cleared. The page should now refresh on its own.');
+
+                window.location.reload();
+            }}
+            class="btn btn-lg m-1 variant-filled-warning hover:variant-filled-success text-error-1000 hover:text-error-800 transition-all"
+            title="Reload and clear the page cache"
+            >
+            <span class="fas fa-sync mx-1"></span>
+            Reload and Clear Cache
+        </button>
 
         <button
             type="button"
-            class="btn btn-sm variant-outline-surface hover:variant-ghost-warning *:hover:inline w-full px-6 py-1"
-            title="Sign In"
             onclick={() => {
-                if ($ae_loc?.app_cfg?.show_element__menu_btn) {
+                window.location.reload();
+            }}
+            >
+            <span class="fas fa-sync mx-1"></span>
+            Reload Page
+        </button>
+    </div>
+
+{:else if browser && !$ae_loc?.allow_access}
+    <!-- flag_denied -->
+    <!-- !$ae_loc?.allow_access -->
+    <div
+        data-sveltekit-preload-data="false"
+        class="flex flex-col items-center justify-center h-full max-w-lg mx-auto space-y-4"
+        >
+        <h1 class="text-4xl font-bold text-red-600 dark:text-red-400">Access Denied</h1>
+        <p class="text-lg text-center text-gray-800 dark:text-gray-200">You do not have access to this site. You may need a <strong>passcode</strong>, <strong>sign in link</strong>, and or <strong>URL site key</strong>.</p>
+        <!-- xx {JSON.stringify(data.route)} xx -->
+        <button
+            type="button"
+            onclick={() => {
+                console.log('Reloading page...');
+                // Clear the IndexedDB
+                clear_idb();
+
+                // Clear localStorage and sessionStorage
+                clear_local();
+                // clear_sess();
+
+                confirm('IDB, Local, and Session Storage cleared. The page should now refresh on its own.');
+
+                window.location.reload();
+            }}
+            class="btn btn-sm m-1 variant-ghost-surface hover:variant-ghost-warning hover:variant-outline-warning text-error-600 hover:text-error-900 transition-all"
+            title="Reload and clear the page cache"
+            >
+            <span class="fas fa-sync mx-1"></span>
+            Reload and Clear Cache
+        </button>
+
+        <button
+            type="button"
+            onclick={() => {
+                window.location.reload();
+            }}
+            >
+            <span class="fas fa-sync mx-1"></span>
+            Reload Page
+        </button>
+
+        <!-- This is mainly for IDAA using iframes in the Novi site. -->
+        <div
+            class="text-center text-sm text-gray-500"
+            class:hidden={!$ae_loc.iframe}
+            >
+            <p>If you have tried the "Reload and Clear Cache" button, you may need to manually reload the page using your browser's reload button or by pressing <kbd>Ctrl</kbd> + <kbd>R</kbd> or <kbd>Cmd</kbd> + <kbd>R</kbd>.</p>
+            <p>This sometimes happens with new versions of the app or when in an iframe.</p>
+        </div>
+    </div>
+
+{:else if (browser && $ae_loc?.allow_access)}
+
+    <!-- Should we check for "browser" here as well? This may hide some status information as a page is loading. -->
+
+    <!-- The children will contain top level (directly under body tag) div tag(s) or similar. Modal and AppShell should also be set there. The AppShell gives access to a header, footer, AppBar (usually under header),  -->
+    {@render children?.()}
+
+{:else if (browser || flag_reload)}
+
+    <span class="fas fa-spinner fa-spin"></span>
+    Loading...
+
+{/if}
+
+<!-- min-h-full
+max-h-max
+min-w-full
+max-w-max -->
+
+{#if (browser) }
+<!-- Toggle the menu -->
+<section
+    class="
+        ae_app__menu
+        hidden-print
+        flex flex-col
+        items-end justify-center
+        gap-1
+        absolute right-0 bottom-16
+        hover:bottom-6
+        bg-white dark:bg-gray-800
+        border border-transparent
+        hover:border hover:border-gray-200 hover:dark:border-gray-700
+        rounded-lg
+        p-2
+        *:hover:inline
+        opacity-40
+        hover:opacity-100
+        duration-50 delay-1000 hover:delay-100 hover:ease-out
+        transition hover:transition-all
+    "
+    class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn}
+    >
+
+    <span class="hidden"
+        title="
+        Name: {$ae_loc?.person?.full_name ?? '-- not set --'}
+        Username: {$ae_loc?.user?.username ?? '-- not set --'}
+        Email: {$ae_loc?.user?.email ?? '-- not set --'}
+        "
+        >
+        <User class="mx-1 inline-block text-gray-500" />
+        {$ae_loc?.person?.full_name ?? '-- not set --'}<br />
+        <!-- <ShieldUser /> -->
+        <ShieldUser class="mx-1 inline-block text-gray-500" />
+        {$ae_loc?.user?.username ?? '-- not set --'}<br />
+    </span>
+
+    {#if $ae_loc.edit_mode}
+        <button
+            type="button"
+            onclick={() => {
+                $ae_loc.edit_mode = false;
+                // dispatch_edit_mode_changed();
+            }}
+            class="btn btn-md px-2 variant-ghost-success hover:variant-filled-success transition-all *:hover:inline-block"
+            title="Edit mode is currently enabled. Click to disable."
+            >
+            <span class="fas fa-toggle-on mx-1"></span>
+            Edit
+            <span class="hidden">
+                Mode On
+            </span>
+        </button>
+    {:else if $ae_loc.authenticated_access}
+        <button
+            type="button"
+            onclick={() => {
+                $ae_loc.edit_mode = true;
+                // dispatch_edit_mode_changed();
+            }}
+            class="btn btn-md px-2 variant-ghost-warning hover:variant-filled-warning transition-all space-x-0 *:hover:inline"
+            title="Edit mode is currently disabled. Click to enable."
+            >
+            <span class="fas fa-toggle-off mx-1"></span>
+            <span class="">Edit</span>
+            <span class="hidden">
+                Mode?
+            </span>
+        </button>
+    {/if}
+
+    <div class="transition-all *:hover:inline">
+        {#if $ae_loc.access_type && $ae_loc.access_type != 'anonymous'}
+            <span
+                class="*:hover:inline"
+                >
+                <span class="fas fa-unlock mx-1"></span>
+
+
+                {#if $ae_loc.access_type == 'super'}
+                    <span class="fas fa-hat-wizard m-1"></span>
+                    <span class="hidden">Super</span>
+                {:else if $ae_loc.access_type == 'manager'}
+                    <span class="fas fa-user-shield m-1"></span>
+                    <span class="hidden">Manager</span>
+                {:else if $ae_loc.access_type == 'administrator'}
+                    <span class="fas fa-user-ninja m-1"></span>
+                    <span class="hidden">Administrator</span>
+                {:else if $ae_loc.access_type == 'trusted'}
+                    <span class="fas fa-user-check m-1"></span>
+                    <span class="hidden">Trusted Access</span>
+                {:else if $ae_loc.access_type == 'public'}
+                    Public
+                    <span class="hidden">Access</span>
+                {:else if $ae_loc.access_type == 'authenticated'}
+                    Authenticated
+                    <span class="hidden">Access</span>
+                {:else if $ae_loc.access_type == 'anonymous'}
+                    Anonymous Access
+                {:else}
+                    Unknown Access
+                {/if}
+            </span>
+
+            <button
+                type="button"
+                onclick={() => {
+                    trigger_clear_access = true;
+
+                    if ($ae_loc?.app_cfg?.show_element__menu_btn) {
                         $ae_loc.app_cfg.show_element__menu = true;
                         $ae_loc.app_cfg.show_element__menu_btn = false;
+                        $ae_loc.app_cfg.show_element__access_type = true;
                     } else {
                         $ae_loc.app_cfg.show_element__menu = false;
                         $ae_loc.app_cfg.show_element__menu_btn = true;
                     }
-                // $ae_loc.app_cfg.show_element__menu_btn = !$ae_loc?.app_cfg?.show_element__menu_btn;
-                // $ae_loc.app_cfg.show_element__menu = !$ae_loc?.app_cfg?.show_element__menu;
-            }}
-            >
-            {#if $ae_loc?.app_cfg?.show_element__menu}
-                <CircleX class="mx-1 inline-block" />
-                <!-- <span class="hidden"> -->
-                    Hide Menu
-                <!-- </span> -->
-            {:else}
-                <Menu class="mx-1 inline-block" />
-                <!-- <span class="hidden"> -->
-                    Menu
-                <!-- </span> -->
-            {/if}
-        </button>
-
-    </section>
-
-    <div
-        class="absolute bottom-0 left-0 flex text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1 w-full outline"
-        class:ae_debug={$ae_loc.debug}
-        >
-        <!-- {#if $ae_loc.app_cfg?.show_element__sign_in_out}
-        <Element_sign_in_out
-            data={data}
-            hidden={$ae_loc.iframe || !$ae_loc.app_cfg?.show_element__sign_in_out}
-            />
-        {/if} -->
-
-        <!-- <button
-            type="button"
-            onclick={() => {
-                console.log('Debug ae_loc:', $ae_loc);
-                $ae_loc.debug = !$ae_loc?.debug;
-            }}
-            id="AE-Quick-Debug"
-            class="ae_quick_debug btn btn-sm variant-glass-surface transition-all"
-            title="Turn debug content and styles off and on"
-            >
-            &pi;
-        </button> -->
-
-        <!-- {#if $ae_loc.app_cfg?.show_element__access_type}
-        <Element_access_type
-            hidden={$ae_loc.iframe && !$ae_loc.trusted_access}
-            />
-        {/if} -->
+                }}
+                class="btn btn-sm variant-outline-surface hover:variant-ghost-warning transition-all hidden"
+                title="Access mode is currently enabled/unlocked. Click to exit and lock."
+                >
+                <span class="fas fa-lock mx-1"></span> Lock?
+            </button>
+        {:else}
+            <button
+                    type="button"
+                    onclick={async () => {
+                        if ($ae_loc?.app_cfg?.show_element__menu_btn) {
+                            $ae_loc.app_cfg.show_element__menu = true;
+                            $ae_loc.app_cfg.show_element__menu_btn = false;
+                            $ae_loc.app_cfg.show_element__access_type = true;
+                            $ae_loc.app_cfg.show_element__passcode_input = true;
+                            await tick();
+                            console.log('Layout button click: Focus on passcode input!');
+                            /** @type {HTMLElement | null} */
+                            const to_focus = document.getElementById('access_passcode_input');
+                            to_focus?.focus();
+                        } else {
+                            $ae_loc.app_cfg.show_element__menu = false;
+                            $ae_loc.app_cfg.show_element__menu_btn = true;
+                        }
+                        // $ae_loc.app_cfg.show_element__menu_btn = !$ae_loc?.app_cfg?.show_element__menu_btn;
+                    }}
+                    class="
+                        btn btn-sm variant-outline-surface hover:variant-ghost-success transition-all
+                        *:hover:inline
+                        "
+                    title="Anonymous public access is currently set. Access mode is disabled/locked."
+                    >
+                <!-- <span class="fas fa-lock mx-1 lock_icon"></span> -->
+                <!-- <span class="">Unlock?</span> -->
+                <ShieldUser />
+                <span class="hidden">Auth?</span>
+            </button>
+        {/if}
     </div>
 
 
-    <style lang="postcss">
-    /* BEGIN: AE's Svelte Quick Debug component  */
-    #AE-Quick-Debug {
-        /* position: absolute; */
-        position: fixed;
-        /* position: relative; */
-        /* position: static; */
-        /* position: sticky; */
-        /* top: 1em; */
-        bottom: 2rem;
-        left: 1rem;
+    <button
+        type="button"
+        class="btn btn-sm variant-outline-surface hover:variant-ghost-success *:hover:inline-block w-full hidden px-6 py-1"
+        title="Sign In"
+        onclick={async () => {
+            if ($ae_loc?.app_cfg?.show_element__menu_btn) {
+                $ae_loc.app_cfg.show_element__menu = true;
+                $ae_loc.app_cfg.show_element__menu_btn = false;
+                $ae_loc.app_cfg.show_element__access_type = true;
+                $ae_loc.app_cfg.show_element__passcode_input = true;
+                await tick();
+                console.log('Layout button click: Focus on passcode input!');
+                /** @type {HTMLElement | null} */
+                const to_focus = document.getElementById('access_passcode_input');
+                to_focus?.focus();
+            } else {
+                $ae_loc.app_cfg.show_element__menu = false;
+                $ae_loc.app_cfg.show_element__menu_btn = true;
+            }
+            // $ae_loc.app_cfg.show_element__menu_btn = !$ae_loc?.app_cfg?.show_element__menu_btn;
+        }}
+        >
+        {#if $ae_loc?.app_cfg?.show_element__menu}
+            <CircleX class="inline-block" />
+            <!-- <span class="hidden"> -->
+                Hide Menu
+            <!-- </span> -->
+        {:else}
+            <Menu class="inline-block" />
+            <span class="hidden">
+                Menu
+            </span>
+        {/if}
+    </button>
 
-        padding: .0rem;
 
-        /* lightyellow */
-        /* background-color: hsla(60,100%,90%,.30);  */
-        /* background-color: rgba(var(--color-surface-500) / .5); */
+</section>
 
-        border: none;
+<!-- Show menu on right side of page -->
+<section
+    class="
+        ae_app__menu
+        hidden-print
+        flex flex-col
+        items-center
+        justify-end
+        gap-4
+        min-h-96
+        min-w-48
+        absolute right-0 bottom-10
+        bg-white dark:bg-gray-800
+        border border-gray-200 dark:border-gray-700
+        rounded-lg
+        p-2
+        opacity-50
+        hover:opacity-100
+        duration-100 delay-1000 hover:delay-100 hover:ease-out
+        transition hover:transition-all
+    "
+    class:hidden={!$ae_loc?.app_cfg?.show_element__menu}
+    >
 
-        border-top: solid thin hsla(0,0%,0%,.25);
-        border-left: solid thin hsla(0,0%,0%,.25);
-        border-bottom: solid thin hsla(0,0%,0%,.25);
-        /* border-top-left-radius: .5em; */
-        /* border-bottom-left-radius: .5em; */
+    <!-- {#if $ae_loc?.app_cfg?.show_element__cfg} -->
+    <span
+        class:hidden={!$ae_loc?.app_cfg?.show_element__cfg || !$ae_loc.edit_mode}
+        >
+    <Element_app_cfg
+        set_theme_mode={true}
+        set_theme_name={true}
+        />
+    </span>
+    <!-- {/if} -->
 
-        opacity: .15;
-        /* opacity: 1; */
+    {#if $ae_loc?.app_cfg?.show_element__sign_in_out}
+    <Element_sign_in_out
+        data={data}
+        hidden={$ae_loc.iframe || !$ae_loc.app_cfg?.show_element__sign_in_out}
+        />
+    {/if}
 
-        font-size: .75rem;
+    {#if $ae_loc?.app_cfg?.show_element__access_type}
+    <Element_access_type
+        show_passcode_input={$ae_loc?.app_cfg?.show_element__passcode_input}
+        trigger_clear_access={trigger_clear_access}
+        hidden={$ae_loc?.iframe && !$ae_loc?.trusted_access && !$ae_loc?.app_cfg?.show_element__menu}
+        />
+    {/if}
 
-        z-index: 15;
+    <button
+        type="button"
+        class="btn btn-sm variant-outline-surface hover:variant-ghost-warning *:hover:inline w-full px-6 py-1"
+        title="Sign In"
+        onclick={() => {
+            if ($ae_loc?.app_cfg?.show_element__menu_btn) {
+                    $ae_loc.app_cfg.show_element__menu = true;
+                    $ae_loc.app_cfg.show_element__menu_btn = false;
+                } else {
+                    $ae_loc.app_cfg.show_element__menu = false;
+                    $ae_loc.app_cfg.show_element__menu_btn = true;
+                }
+            // $ae_loc.app_cfg.show_element__menu_btn = !$ae_loc?.app_cfg?.show_element__menu_btn;
+            // $ae_loc.app_cfg.show_element__menu = !$ae_loc?.app_cfg?.show_element__menu;
+        }}
+        >
+        {#if $ae_loc?.app_cfg?.show_element__menu}
+            <CircleX class="mx-1 inline-block" />
+            <!-- <span class="hidden"> -->
+                Hide Menu
+            <!-- </span> -->
+        {:else}
+            <Menu class="mx-1 inline-block" />
+            <!-- <span class="hidden"> -->
+                Menu
+            <!-- </span> -->
+        {/if}
+    </button>
 
-        /* NOTE: transition when no longer hovering */
-        transition-property: opacity, background-color;
-        transition-delay: 1.25s;
-        transition-duration: .5s;
-        transition-timing-function: ease-out;
-    }
+</section>
 
-    #AE-Quick-Debug:hover {
-        /* lightyellow */
-        /* background-color: hsla(60,100%,90%,.95); */
-        /* background-color: rgba(var(--color-surface-500) / 1); */
+{/if}
 
-        border-top: solid thin hsla(0,0%,0%,.95);
-        border-left: solid thin hsla(0,0%,0%,.95);
-        border-bottom: solid thin hsla(0,0%,0%,.95);
+<div
+    class="absolute bottom-0 left-0 flex text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1 w-full outline"
+    class:ae_debug={$ae_loc?.debug}
+    >
+    <!-- {#if $ae_loc.app_cfg?.show_element__sign_in_out}
+    <Element_sign_in_out
+        data={data}
+        hidden={$ae_loc.iframe || !$ae_loc.app_cfg?.show_element__sign_in_out}
+        />
+    {/if} -->
 
-        opacity: 1;
+    <!-- <button
+        type="button"
+        onclick={() => {
+            console.log('Debug ae_loc:', $ae_loc);
+            $ae_loc.debug = !$ae_loc?.debug;
+        }}
+        id="AE-Quick-Debug"
+        class="ae_quick_debug btn btn-sm variant-glass-surface transition-all"
+        title="Turn debug content and styles off and on"
+        >
+        &pi;
+    </button> -->
 
-        padding: .5rem;
+    <!-- {#if $ae_loc.app_cfg?.show_element__access_type}
+    <Element_access_type
+        hidden={$ae_loc.iframe && !$ae_loc.trusted_access}
+        />
+    {/if} -->
+</div>
 
-        font-size: 1.75rem;
-        /* Need to zoom 3.5 when hovering */
-        /* transform: scale(3.5); */
 
-        /* NOTE: transition when hover starts */
-        transition-property: opacity, background-color;
-        transition-delay: .5s;
-        transition-duration: .10s;
-        transition-timing-function: ease-in;
-    }
-    </style>
+<style lang="postcss">
+/* BEGIN: AE's Svelte Quick Debug component  */
+#AE-Quick-Debug {
+    /* position: absolute; */
+    position: fixed;
+    /* position: relative; */
+    /* position: static; */
+    /* position: sticky; */
+    /* top: 1em; */
+    bottom: 2rem;
+    left: 1rem;
+
+    padding: .0rem;
+
+    /* lightyellow */
+    /* background-color: hsla(60,100%,90%,.30);  */
+    /* background-color: rgba(var(--color-surface-500) / .5); */
+
+    border: none;
+
+    border-top: solid thin hsla(0,0%,0%,.25);
+    border-left: solid thin hsla(0,0%,0%,.25);
+    border-bottom: solid thin hsla(0,0%,0%,.25);
+    /* border-top-left-radius: .5em; */
+    /* border-bottom-left-radius: .5em; */
+
+    opacity: .15;
+    /* opacity: 1; */
+
+    font-size: .75rem;
+
+    z-index: 15;
+
+    /* NOTE: transition when no longer hovering */
+    transition-property: opacity, background-color;
+    transition-delay: 1.25s;
+    transition-duration: .5s;
+    transition-timing-function: ease-out;
+}
+
+#AE-Quick-Debug:hover {
+    /* lightyellow */
+    /* background-color: hsla(60,100%,90%,.95); */
+    /* background-color: rgba(var(--color-surface-500) / 1); */
+
+    border-top: solid thin hsla(0,0%,0%,.95);
+    border-left: solid thin hsla(0,0%,0%,.95);
+    border-bottom: solid thin hsla(0,0%,0%,.95);
+
+    opacity: 1;
+
+    padding: .5rem;
+
+    font-size: 1.75rem;
+    /* Need to zoom 3.5 when hovering */
+    /* transform: scale(3.5); */
+
+    /* NOTE: transition when hover starts */
+    transition-property: opacity, background-color;
+    transition-delay: .5s;
+    transition-duration: .10s;
+    transition-timing-function: ease-in;
+}
+</style>