diff --git a/src/lib/ae_stores.ts b/src/lib/ae_stores.ts
index 206ee62a..976a683a 100644
--- a/src/lib/ae_stores.ts
+++ b/src/lib/ae_stores.ts
@@ -189,6 +189,9 @@ ae_api_data_struct['headers'] = ae_api_headers;
 console.log(`AE Stores - API Data:`, ae_api_data_struct);
 export let ae_api = writable(ae_api_data_struct);
 
+// *** BEGIN *** Trigger to update the slct variables and other things.
+let ae_trig_template: key_val = {};
+export let ae_trig = writable(ae_trig_template);
 
 /* *** BEGIN *** Initialize slct_trigger and slct variables. The slct variable can be stored with local storage. */
 // Updated 2024-02-27
diff --git a/src/lib/ae_utils.ts b/src/lib/ae_utils.ts
index d6726b76..8057dc3f 100644
--- a/src/lib/ae_utils.ts
+++ b/src/lib/ae_utils.ts
@@ -405,10 +405,39 @@ export let process_permission_checks = function process_permission_checks(access
 }
 
 
+// This function will update the URL and send a message to the parent window (iframe).
+// The name should be something like "example_id".
+// Svelte specific:
+// WARNING: Avoid using `history.pushState(...)` and `history.replaceState(...)` as these will conflict with SvelteKit's router. Use the `pushState` and `replaceState` imports from `$app/navigation` instead.
+// Updated 2024-03-02
+function handle_url_and_message(name: string, value: null|string) {
+    console.log(`*** handle_url_and_message() *** name=${name} value=${value}`);
+
+    if (value) {
+        let location = window.location.href;
+        const url = new URL(location);
+        url.searchParams.set(name, value);
+        history.pushState({}, '', url);
+
+        let message = {name: value};
+        window.parent.postMessage(message, "*");
+    } else {
+        let location = window.location.href;
+        const url = new URL(location);
+        url.searchParams.delete(name);
+        history.pushState({}, '', url);
+
+        let message = {name: null};
+        window.parent.postMessage(message, "*");
+    }
+    // console.log('Message sent to parent (iframe):', message);
+}
+
 
 export let ae_util = {
     iso_datetime_formatter: iso_datetime_formatter,
     extract_prefixed_form_data: extract_prefixed_form_data,
     process_permission_checks: process_permission_checks,
+    handle_url_and_message: handle_url_and_message,
 };
 // export default ae_util;
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8c4d9adc..fba46b41 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,4 +1,8 @@
 <script lang="ts">
+/** @type {import('./$types').LayoutData} */
+export let data;
+// console.log(`ae_ Svelte root +layout data:`, data);
+
 import { onMount } from 'svelte';
 import '../app.postcss';
 
@@ -49,14 +53,13 @@ storePopup.set({ computePosition, autoUpdate, flip, shift, offset, arrow });
 import { api } from '$lib/api';
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
 import type { key_val } from '$lib/ae_stores';
-console.log($ae_loc, $ae_sess, $ae_api);
+// console.log($ae_loc, $ae_sess, $ae_api);
 
 
 import Element_access_type from '$lib/element_access_type.svelte';
 import Element_app_cfg from '$lib/element_app_cfg.svelte';
 
-export let data;
-console.log(`ae_ Svelte +Layout page data:`, data);
+
 
 
 onMount(() => {
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index 80a91447..b0444c53 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,14 +1,15 @@
 /** @type {import('./$types').LayoutLoad} */
 
+import { get } from 'svelte/store';
+
 import { api } from '$lib/api';
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
 import type { key_val } from '$lib/ae_stores';
-import { get } from 'svelte/store';
 
 
-
-
-export async function load({ params, url }) { // route
+// properties: params, route, url
+// functions: fetch, setHeaders, parent, depends, untrack
+export async function load({ params, url }) { // params, route, url
     // console.log(`Svelte root layout.ts data = params:`, params);
     // console.log(`Svelte root layout.ts data = route:`, route);
     // console.log(`Svelte root layout.ts data = url:`, url);
@@ -22,14 +23,26 @@ export async function load({ params, url }) { // route
 
 
     let data_struct = {
-        ae_init: ae_loc_tmp,
-        // ae_core: ae_core,
-        params: params,
+        ae_loc: get(ae_loc),
+        ae_api: get(ae_api),
+        ae_ds: {},
+        ae_hub: {}, // was ae_core
+        ae_m_sponsorships: {},
+        ae_m_events: {},
+        ae_m_events_speakers: {},
+
+        iframe: false,
+
+        ae_root_layout_ts: true,
+
         sections: [
 			{ slug: 'new', title: 'New Test' },
 			{ slug: 'manage', title: 'Manage Test' },
             { slug: 'test', title: 'Test Test' },
 		],
+
+        params: params,
+
         url: url,
 
     };
@@ -59,7 +72,7 @@ export async function load({ params, url }) { // route
                 ae_api_tmp['headers']['x-no-account-id'] = null;
 
                 ae_api.set(ae_api_tmp);
-                console.log(`ae_api = `, get(ae_api));
+                // console.log(`ae_api = `, get(ae_api));
 
                 ae_loc_tmp['account_id'] = site_domain_results.account_id_random;
                 ae_loc_tmp['site_id'] = site_domain_results.site_id_random;
@@ -215,18 +228,20 @@ export async function load({ params, url }) { // route
                 ae_loc_tmp.iframe = false;
             }
 
-            console.log(`ae_ ds_code_li = `, ds_code_li);
+            // console.log(`ae_ ds_code_li = `, ds_code_li);
             ae_loc_tmp = {
                 ...ae_loc_tmp,
                 'ds': ds_code_li,
             }
 
 
-            console.log(`ae_loc_tmp = `, ae_loc_tmp);
-            data_struct['ae_init'] = ae_loc_tmp;
+            // console.log(`ae_loc_tmp = `, ae_loc_tmp);
+            data_struct['ae_loc'] = ae_loc_tmp;
 
             ae_loc.set(ae_loc_tmp);
-            console.log(`ae_loc = `, get(ae_loc));
+            // console.log(`ae_loc = `, get(ae_loc));
+
+            data_struct['ae_ds'] = ds_code_li;
 
             console.log(`root layout.ts finally load...`);
 
@@ -277,7 +292,7 @@ export async function load({ params, url }) { // route
         //     }
         // }
 
-        // data_struct['ae_init'] = loading_results;
+        // data_struct['ae_loc'] = loading_results;
         return data_struct;
     }
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e8d2f65f..dbfb055b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,4 +1,8 @@
 <script lang="ts">
+/** @type {import('./$types').PageData} */
+export let data;
+console.log(`ae_ Svelte root +page data:`, data);
+
 import { onMount } from 'svelte';
 
 import { PUBLIC_TESTING } from '$env/static/public';
diff --git a/src/routes/+page.ts b/src/routes/+page.ts
index 9a79b6e4..8986bfae 100644
--- a/src/routes/+page.ts
+++ b/src/routes/+page.ts
@@ -1,3 +1,10 @@
+/** @type {import('./$types').PageLoad} */
+export function load() {
+    return {
+        ae_root_page_ts: true,
+    };
+}
+
 // export const prerender = true
 // export const prerender = false;
 // export const trailingSlash = 'always'; // 'never' | 'always' | 'ignore'
\ No newline at end of file
diff --git a/src/routes/sponsorships/+layout.ts b/src/routes/sponsorships/+layout.ts
index 503adc24..380a1ca9 100644
--- a/src/routes/sponsorships/+layout.ts
+++ b/src/routes/sponsorships/+layout.ts
@@ -7,69 +7,144 @@ import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
 import type { key_val } from '$lib/ae_stores';
 
 
-export function load({ params, url }) { // route
+export async function load({ params, parent, url }) { // route
     // console.log(`Svelte Sponsorships layout.ts data = params:`, params);
     // console.log(`Svelte Sponsorships layout.ts data = route:`, route);
     // console.log(`Svelte Sponsorships layout.ts data = url:`, url);
 
-    let ae_loc_tmp = get(ae_loc);
-    console.log(`ae_loc = `, ae_loc_tmp);
+    // const { ae_init, root_layout_ts } = await parent();
+    let data = await parent();
+    console.log(`Svelte Sponsorships layout.ts data = data:`, data);
 
-    let ds_code_li: null|key_val = ae_loc_tmp.ds;
-    console.log(`ae_ ds_code_li = `, ds_code_li);
-    let ds_code: null|string = null;
+    data.ae_sponsorships_layout_ts = true;
+
+
+
+    let ds_code_li = {}; //: key_val; // = ae_loc_tmp.ds;
+    // console.log(`ae_ ds_code_li = `, ds_code_li);
+    let ds_code: string = '';
     let ds_type: null|string = null;
 
-    let data_struct = {
-        params: params,
-        sections: [
-			{ slug: 'new', title: 'New Sponsorship' },
-			{ slug: 'manage', title: 'Manage' },
-            { slug: 'test', title: 'Test' },
-		],
-        url: url,
+    // let data_struct = {
+    //     params: params,
+    //     sections: [
+	// 		{ slug: 'new', title: 'New Sponsorship' },
+	// 		{ slug: 'manage', title: 'Manage' },
+    //         { slug: 'test', title: 'Test' },
+	// 	],
+    //     url: url,
 
-    };
+    // };
 
     let loading_results = null;
 
-    ds_code = 'sponsorships__agree_li';
-    ds_type = 'json';
+    // ds_code = 'sponsorships__agree_li';
+    // ds_type = 'json';
 
-    // loading_results = api.get_data_store_obj_w_code({
-    //     api_cfg: get(ae_api),
-    //     data_store_code: ds_code,
-    //     data_type: ds_type,
-    //     log_lvl: 2
-    //     })
-    // .then( function (ds_results) {
-    //     console.log(`ae_ Data Store ${ds_code} = `, ds_results);
-    //     if (ds_results) {
-    //         console.log(`ae_ Data Store ${ds_code} = `, ds_results);
-    //         // let ae_loc_tmp = get(ae_loc);
-    //         if (ds_type == 'json') {
-    //             ds_code_li[ds_code] = ds_results.json;
-    //         } else {
-    //             ds_code_li[ds_code] = ds_results.text;
-    //         }
+    ds_code = 'hub__page__sponsorships__create_info_header';
+    ds_type = 'text';
 
-    //         // ae_loc.set(ae_loc_tmp);
-    //         // console.log(`ae_loc = `, get(ae_loc));
-    //     }
-    // })
-    // .finally(function () {
-    //     console.log(`ae_ ds_code_li = `, ds_code_li);
-    //     ae_loc_tmp = {
-    //         ...ae_loc_tmp,
-    //         'ds': ds_code_li,
-    //     }
-    //     console.log(`ae_loc_tmp = `, ae_loc_tmp);
+    ds_code_li[ds_code] = await api.get_data_store_obj_w_code({
+        api_cfg: get(ae_api),
+        data_store_code: ds_code,
+        data_type: ds_type,
+        log_lvl: 2
+        })
+    .then( function (ds_results) {
+        console.log(`ae_ Data Store ${ds_code} = `, ds_results);
+        if (ds_results) {
+            console.log(`ae_ Data Store ${ds_code} = `, ds_results);
+            // let ae_loc_tmp = get(ae_loc);
+            if (ds_type == 'json') {
+                // ds_code_li[ds_code] = ds_results.json;
+                // data.ae_ds[ds_code] = ds_results.json;
+                return ds_results.json;
+            } else {
+                // ds_code_li[ds_code] = ds_results.text;
+                // data.ae_ds[ds_code] = ds_results.text;
+                return ds_results.text;
+            }
 
-    //     ae_loc.set(ae_loc_tmp);
-    //     console.log(`ae_loc = `, get(ae_loc));
+            // ae_loc.set(ae_loc_tmp);
+            // console.log(`ae_loc = `, get(ae_loc));
+        }
+    })
+    .finally(function (ds_code_val) {
+        console.log(`ae_ ds_code_val = `, ds_code_val);
+        // ae_loc_tmp = {
+        //     ...ae_loc_tmp,
+        //     'ds': ds_code_li,
+        // }
+        // console.log(`ae_loc_tmp = `, ae_loc_tmp);
 
-    //     return true;
-    // });
+        // ae_loc.set(ae_loc_tmp);
+        // console.log(`ae_loc = `, get(ae_loc));
 
-    return data_struct;
+        // return true;
+        return ds_code_val;
+    });
+
+    ds_code = 'hub__page__sponsorships__create_info';
+    ds_type = 'text';
+
+    ds_code_li[ds_code] = await api.get_data_store_obj_w_code({
+        api_cfg: get(ae_api),
+        data_store_code: ds_code,
+        data_type: ds_type,
+        log_lvl: 2
+        })
+    .then( function (ds_results) {
+        console.log(`ae_ Data Store ${ds_code} = `, ds_results);
+        if (ds_results) {
+            console.log(`ae_ Data Store ${ds_code} = `, ds_results);
+            // let ae_loc_tmp = get(ae_loc);
+            if (ds_type == 'json') {
+                // ds_code_li[ds_code] = ds_results.json;
+                // data.ae_ds[ds_code] = ds_results.json;
+                return ds_results.json;
+            } else {
+                // ds_code_li[ds_code] = ds_results.text;
+                // data.ae_ds[ds_code] = ds_results.text;
+                return ds_results.text;
+            }
+
+            // ae_loc.set(ae_loc_tmp);
+            // console.log(`ae_loc = `, get(ae_loc));
+        }
+    })
+    .finally(function (ds_code_val) {
+        console.log(`ae_ ds_code_val = `, ds_code_val);
+        // ae_loc_tmp = {
+        //     ...ae_loc_tmp,
+        //     'ds': ds_code_li,
+        // }
+        // console.log(`ae_loc_tmp = `, ae_loc_tmp);
+
+        // ae_loc.set(ae_loc_tmp);
+        // console.log(`ae_loc = `, get(ae_loc));
+
+        // return true;
+        return ds_code_val;
+    });
+    console.log(`ae_ ds_code_li = `, ds_code_li);
+
+    let ae_loc_tmp = get(ae_loc);
+    console.log(`ae_loc = `, ae_loc_tmp);
+
+    let ae_ds_tmp = ae_loc_tmp.ds;
+    // Merge the new data into the existing data
+    ae_ds_tmp = {
+        ...ae_ds_tmp,
+        ...ds_code_li,
+    }
+
+    ae_loc_tmp = {
+        ...ae_loc_tmp,
+        'ds': ae_ds_tmp,
+    }
+    console.log(`ae_loc = `, ae_loc_tmp);
+    ae_loc.set(ae_loc_tmp);
+
+    // return data_struct;
+    return data;
 }
diff --git a/src/routes/sponsorships/+page.svelte b/src/routes/sponsorships/+page.svelte
index 6828fd3e..723785a9 100644
--- a/src/routes/sponsorships/+page.svelte
+++ b/src/routes/sponsorships/+page.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
-import { onMount } from 'svelte';
 export let data;
-console.log(`Svelte Sponsorships page data:`, data);
+console.log(`ae_ Svelte Sponsorships +page data:`, data);
+
+import { onMount } from 'svelte';
 
-// import { localStorageStore } from '@skeletonlabs/skeleton';
-// import type { Writable } from 'svelte/store';
-// const store_current_page: Writable<string> = localStorageStore('store_current_page', 'start');
 
 // https://github.com/skeletonlabs/skeleton/blob/master/packages/skeleton/src/lib/utilities/Modal/types.ts
 // To retrieve the store, getModalStore must be invoked at the top level of your component!
@@ -20,6 +18,7 @@ const modalStore = getModalStore();
 
 import { api } from '$lib/api';
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils';
 import type { key_val } from '$lib/ae_stores';
 
 import Edit_modal_sponsorship_obj from './10_edit_modal__sponsorship_obj.svelte';
@@ -58,6 +57,8 @@ const modal_view__sponsorship_obj: ModalSettings = {
     response: (r: boolean | undefined) => handle_modal_close(r)
 };
 
+
+// This should be merged with the ae_util.handle_url_and_message() function.
 function handle_modal_close(response: boolean | undefined) {
     console.log('Modal closed. Response:', response);
 
@@ -71,22 +72,46 @@ function handle_modal_close(response: boolean | undefined) {
     // console.log('Message sent to parent (iframe):', message);
 }
 
-if ($slct_trigger == 'msg_parent' && $slct.sponsorship_cfg_id) {
-    console.log(`Message parent with sponsorship_cfg_id ${$slct.sponsorship_cfg_id}`);
-    $slct_trigger = null
+// // This should be moved under onMount(). Window may not exist yet.
+// if ($slct_trigger == 'msg_parent' && $slct.sponsorship_cfg_id) {
+//     console.log(`Message parent with sponsorship_cfg_id ${$slct.sponsorship_cfg_id}`);
+//     $slct_trigger = null
 
-    let message = {'sponsorship_cfg_id': $slct.sponsorship_cfg_id};
-    window.parent.postMessage(message, "*");
-    // console.log('Message sent to parent (iframe):', message);
-}
+//     let message = {'sponsorship_cfg_id': $slct.sponsorship_cfg_id};
+//     window.parent.postMessage(message, "*");
+//     // console.log('Message sent to parent (iframe):', message);
+// }
 
-// We don't want the edit or view to show up by default. Maybe if we see an object ID param in the URL, we can show the view modal.
-$ae_loc.mod.sponsorships.show_edit__sponsorship_obj = false;
-$ae_loc.mod.sponsorships.show_view__sponsorship_obj = false;
 
 $ae_loc.hostname = data.url.hostname;
 $ae_loc.site_domain = data.url.origin;
 
+// We don't want the edit or view to show up by default. Maybe if we see an object ID param in the URL, we can show a modal.
+$ae_loc.mod.sponsorships.show_edit__sponsorship_obj = false;
+$ae_loc.mod.sponsorships.show_view__sponsorship_obj = false;
+
+
+onMount(() => {
+    console.log('Sponsorships: +page.svelte');
+
+    // console.log(`$ae_loc = `, $ae_loc);
+
+	let href_url = window.location.href;
+	// console.log(href_url);
+
+    $ae_loc.href_url = href_url;
+    // console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
+
+    // $slct_trigger = 'msg_parent';
+    ae_util.handle_url_and_message('sponsorship_cfg_id', $slct.sponsorship_cfg_id);
+    ae_util.handle_url_and_message('sponsorship_id', $slct.sponsorship_id);
+    if ($slct.sponsorship_id) {
+        console.log(`Got an ID. Let's show the modal!`);
+        modalStore.trigger(modal_edit__sponsorship_obj);
+    }
+});
+
+
 $: if ($slct_trigger == 'show_edit__sponsorship_obj' && $ae_loc.mod.sponsorships.show_edit__sponsorship_obj) {
     console.log('Show Modal Edit');
     $slct_trigger = null;
@@ -125,19 +150,6 @@ $: if ($slct_trigger == 'show_view__sponsorship_obj' && $ae_loc.mod.sponsorships
 
 let ae_sponsorship_obj_li_get_promise;
 
-onMount(() => {
-    console.log('Sponsorships: +page.svelte');
-
-    // console.log(`$ae_loc = `, $ae_loc);
-
-	let href_url = window.location.href;
-	// console.log(href_url);
-
-    $ae_loc.href_url = href_url;
-    // console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
-
-    $slct_trigger = 'msg_parent';
-});
 
 
 if ($ae_loc.account_id) {
diff --git a/src/routes/sponsorships/+page.ts b/src/routes/sponsorships/+page.ts
new file mode 100644
index 00000000..86d95ffb
--- /dev/null
+++ b/src/routes/sponsorships/+page.ts
@@ -0,0 +1,10 @@
+/** @type {import('./$types').PageLoad} */
+export function load() {
+    return {
+        ae_sponsorships_page_ts: true,
+    };
+}
+
+// export const prerender = true
+// export const prerender = false;
+// export const trailingSlash = 'always'; // 'never' | 'always' | 'ignore'
diff --git a/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte b/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
index de78b229..81f98807 100644
--- a/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
+++ b/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
@@ -55,7 +55,7 @@ onMount(() => {
         api_cfg: $ae_api,
         data_store_code: ds_code,
         data_type: ds_type,
-        log_lvl: 2
+        log_lvl: 1
         })
     .then( function (ds_results) {
         console.log(`ae_ Data Store ${ds_code} = `, ds_results);
diff --git a/src/routes/sponsorships/[slug]/+layout.ts b/src/routes/sponsorships/[slug]/+layout.ts
index 367c0e07..17751e58 100644
--- a/src/routes/sponsorships/[slug]/+layout.ts
+++ b/src/routes/sponsorships/[slug]/+layout.ts
@@ -7,46 +7,6 @@ import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
 import type { key_val } from '$lib/ae_stores';
 
 
-async function handle_get_data_store_obj_w_code({ code=null, data_type='text' }) {
-    console.log(`*** handle_get_data_store_obj_w_code() *** code=${code}`);
-
-    if (!code) {
-        console.log('No code provided.');
-        return;
-    }
-
-    let data_store_obj_get_promise = api.get_data_store_obj_w_code({
-        api_cfg: get(ae_api),
-        data_store_code: code,
-        data_type: data_type,
-        log_lvl: 0
-        })
-    .then(function (get_data_store_result) {
-        let return_this = null;
-        if (get_data_store_result) {
-
-            if (data_type == 'text') {
-                // console.log(get_data_store_result.text);
-                return_this = get_data_store_result.text;
-            } else if (data_type == 'json') {
-                // console.log(get_data_store_result.json);
-                return_this = get_data_store_result.json;
-            }
-
-        } else {
-            console.log('No results returned.');
-            return_this = null;
-        }
-        return return_this;
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-
-    return data_store_obj_get_promise;
-}
-
-
 export async function load({ params, url }) { // route
     // console.log(`Svelte Sponsorships layout.ts data = params:`, params);
     // console.log(`Svelte Sponsorships layout.ts data = route:`, route);
@@ -132,3 +92,46 @@ export async function load({ params, url }) { // route
 
     return data_struct;
 }
+
+
+
+
+
+// async function handle_get_data_store_obj_w_code({ code=null, data_type='text' }) {
+//     console.log(`*** handle_get_data_store_obj_w_code() *** code=${code}`);
+
+//     if (!code) {
+//         console.log('No code provided.');
+//         return;
+//     }
+
+//     let data_store_obj_get_promise = api.get_data_store_obj_w_code({
+//         api_cfg: get(ae_api),
+//         data_store_code: code,
+//         data_type: data_type,
+//         log_lvl: 0
+//         })
+//     .then(function (get_data_store_result) {
+//         let return_this = null;
+//         if (get_data_store_result) {
+
+//             if (data_type == 'text') {
+//                 // console.log(get_data_store_result.text);
+//                 return_this = get_data_store_result.text;
+//             } else if (data_type == 'json') {
+//                 // console.log(get_data_store_result.json);
+//                 return_this = get_data_store_result.json;
+//             }
+
+//         } else {
+//             console.log('No results returned.');
+//             return_this = null;
+//         }
+//         return return_this;
+//     })
+//     .catch(function (error) {
+//         console.log('No results returned or failed.', error);
+//     });
+
+//     return data_store_obj_get_promise;
+// }
diff --git a/src/routes/sponsorships/[slug]/+page.svelte b/src/routes/sponsorships/[slug]/+page.svelte
index 373f6685..95dab283 100644
--- a/src/routes/sponsorships/[slug]/+page.svelte
+++ b/src/routes/sponsorships/[slug]/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-import { onMount } from 'svelte';
 export let data;
-console.log(`Svelte Sponsorships [slug] page data:`, data);
-
-
+console.log(`ae_ Svelte Sponsorships [slug] +page data:`, data);
+
+import { onMount } from 'svelte';
 
 
+// https://github.com/skeletonlabs/skeleton/blob/master/packages/skeleton/src/lib/utilities/Modal/types.ts
 // To retrieve the store, getModalStore must be invoked at the top level of your component!
 import { getDrawerStore, getModalStore } from '@skeletonlabs/skeleton';
 import type {
@@ -17,13 +17,12 @@ import type {
 const modalStore = getModalStore();
 
 import { api } from '$lib/api';
-import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
+import { ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils';
+import type { key_val } from '$lib/ae_stores';
 
 import Edit_modal_sponsorship_obj from '../10_edit_modal__sponsorship_obj.svelte';
 
-type key_val = {
-    [key: string]: any;
-};
 
 // Editing
 const modalComponentEditSponsorshipObj: ModalComponent = { ref: Edit_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} };
@@ -37,6 +36,8 @@ const modal_edit__sponsorship_obj: ModalSettings = {
     response: (r: boolean | undefined) => handle_modal_close(r)
 };
 
+
+// This should be merged with the ae_util.handle_url_and_message() function.
 function handle_modal_close(response: boolean | undefined) {
     console.log('Modal closed. Response:', response);
 
@@ -59,9 +60,14 @@ if ($slct_trigger == 'msg_parent' && $slct.sponsorship_cfg_id) {
     // console.log('Message sent to parent (iframe):', message);
 }
 
+
 $ae_loc.hostname = data.url.hostname;
 $ae_loc.site_domain = data.url.origin;
 
+// We don't want the edit or view to show up by default. Maybe if we see an object ID param in the URL, we can show a modal.
+$ae_loc.mod.sponsorships.show_edit__sponsorship_obj = false;
+$ae_loc.mod.sponsorships.show_view__sponsorship_obj = false;
+
 
 onMount(() => {
     console.log('Sponsorships [New/Edit]: +page.svelte');
@@ -69,10 +75,22 @@ onMount(() => {
     // console.log(`$ae_loc = `, $ae_loc);
 
 	let url = window.location.href;
-	console.log(url);
+	// console.log(url);
 
     $ae_loc.href_url = url;
-    console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
+    // console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
+
+    $slct_trigger = null;
+
+    ae_util.handle_url_and_message('sponsorship_id', $slct.sponsorship_id);
+    if ($slct.sponsorship_id) {
+        console.log(`Got an ID. Let's show the modal!`);
+
+        // handle_url_and_message('sponsorship_id', $slct.sponsorship_id);
+        modalStore.trigger(modal_edit__sponsorship_obj);
+    } else {
+        // handle_url_and_message('sponsorship_id', null);
+    }
 });
 // console.log(`$ae_loc = `, $ae_loc);
 // $ae_loc.href_url = url;
@@ -83,6 +101,7 @@ onMount(() => {
 $slct.sponsorship_cfg_id = data.url.searchParams.get('sponsorship_cfg_id');
 $slct_trigger = 'load__sponsorship_cfg_obj';
 
+
 $: if ($slct_trigger == 'load__sponsorship_cfg_obj' && $slct.sponsorship_cfg_id) {
     console.log('Selected Sponsorship Cfg ID:', $slct.sponsorship_cfg_id);
 
@@ -138,7 +157,13 @@ async function handle_load_ae_obj_id__sponsorship_cfg({sponsorship_cfg_id, try_c
 // Load the Sponsorship Obj with ID based on the URL param.
 // $slct.sponsorship_id = data.url.searchParams.get('ae_id');
 $slct.sponsorship_id = data.url.searchParams.get('sponsorship_id');
-$slct_trigger = 'load__sponsorship_obj';
+if ($slct.sponsorship_id) {
+    console.log('Selected Sponsorship ID:', $slct.sponsorship_id);
+    $slct_trigger = 'load__sponsorship_obj';
+
+    // $ae_loc.mod.sponsorships.show_edit__sponsorship_obj = true;
+    // $slct_trigger = 'show_edit__sponsorship_obj';
+}
 
 
 $: if ($slct_trigger == 'load__sponsorship_obj' && $slct.sponsorship_id) {
@@ -148,7 +173,8 @@ $: if ($slct_trigger == 'load__sponsorship_obj' && $slct.sponsorship_id) {
 
     handle_load_ae_obj_id__sponsorship({sponsorship_id: $slct.sponsorship_id, try_cache: false});
 
-    modalStore.trigger(modal_edit__sponsorship_obj);
+    // modalStore.trigger(modal_edit__sponsorship_obj);
+    // $slct_trigger = 'show_edit__sponsorship_obj';
 }
 
 let ae_sponsorship_obj_get_promise;
@@ -192,42 +218,123 @@ async function handle_load_ae_obj_id__sponsorship({sponsorship_id, try_cache=fal
     return ae_sponsorship_obj_get_promise;
 }
 
+let testing = false;
 
+// $: if ($slct_trigger == 'show_edit__sponsorship_obj' && $ae_loc.mod.sponsorships.show_edit__sponsorship_obj) {
+$: if (testing) {
+//  && $ae_loc.mod.sponsorships.show_edit__sponsorship_obj
+// $: if ($slct_trigger == 'show_edit__sponsorship_obj') {
+    console.log('Show Modal Edit');
+    $slct_trigger = null;
+    testing = false;
+    // $ae_trig.m_sponsorships__show_modal_edit = false;
+
+    // if ($slct.sponsorship_id) {
+    //     let location = window.location.href;
+    //     const url = new URL(location);
+    //     url.searchParams.set('sponsorship_id', $slct.sponsorship_id);
+    //     history.pushState({}, '', url);
+
+    //     let message = {'sponsorship_id': $slct.sponsorship_id};
+    //     window.parent.postMessage(message, "*");
+    //     // console.log('Message sent to parent (iframe):', message);
+    // }
+
+    // modalStore.clear();
+    modalStore.trigger(modal_edit__sponsorship_obj);
+}
+
+
+// KEEP and MOVE: This is the original function.
+// The name should be something like "example_id".
+function handle_url_and_message(name: string, value: null|string) {
+    console.log(`*** handle_url_and_message() *** name=${name} value=${value}`);
+
+    if (value) {
+        let location = window.location.href;
+        const url = new URL(location);
+        url.searchParams.set(name, value);
+        history.pushState({}, '', url);
+
+        let message = {name: value};
+        window.parent.postMessage(message, "*");
+    } else {
+        let location = window.location.href;
+        const url = new URL(location);
+        url.searchParams.delete(name);
+        history.pushState({}, '', url);
+
+        let message = {name: null};
+        window.parent.postMessage(message, "*");
+    }
+    // console.log('Message sent to parent (iframe):', message);
+}
 </script>
 
 
 <section
-    class="container h-full mx-auto"
+    class="container h-full mx-auto flex flex-col items-center space-y-4"
     >
 
+{#if $ae_loc.ds.hub__page__sponsorships__create_info_header}
+{@html $ae_loc.ds.hub__page__sponsorships__create_info_header}
+{:else}
+<header>
+    <h1 class="h1">Information Goes Here</h1>
+</header>
+{/if}
+
+<!-- <section class="btn btn-group"> -->
+
+
+{#if $slct.sponsorship_id}
+<button
+    class="btn variant-ghost-primary w-96"
+    on:click={() => {
+        ae_util.handle_url_and_message('sponsorship_id', $slct.sponsorship_id);
+        modalStore.trigger(modal_edit__sponsorship_obj);
+
+
+        // $ae_loc.mod.sponsorships.show_edit__sponsorship_obj = true;
+        // $slct_trigger = 'load__sponsorship_obj';
+        // $slct_trigger = 'show_edit__sponsorship_obj';
+        // modalStore.trigger(modal_edit__sponsorship_obj);
+        // $ae_trig.m_sponsorships__show_modal_edit = true;
+    }}
+    >
+    <span class="fas fa-edit mx-1"></span>
+    Edit Sponsorship {$slct.sponsorship_id}
+</button>
+{:else}
+<button
+    class="btn variant-ghost-primary w-96"
+    on:click={() => {
+        ae_util.handle_url_and_message('sponsorship_id', null);
+        modalStore.trigger(modal_edit__sponsorship_obj);
+
+        // $slct_trigger = 'load__sponsorship_obj';
+
+        $slct_trigger = 'show_edit__sponsorship_obj';
+        $ae_loc.mod.sponsorships.show_edit__sponsorship_obj = true;
+
+        // modalStore.trigger(modal_edit__sponsorship_obj);
+    }}
+    >
+    <span class="fas fa-edit mx-1"></span>
+    Start Sponsor Submission Form
+</button>
+{/if}
+<!-- </section> -->
+
 {#if $ae_loc.ds.hub__page__sponsorships__create_info}
 {@html $ae_loc.ds.hub__page__sponsorships__create_info}
 {:else}
-
-<header>
-    <h1 class="h1">Information Goes Here</h1>
-</header>
-
 <section>
         <div class="alert alert-info">
             More information goes here.
         </div>
 </section>
-
 {/if}
 
-<!-- <section class="btn btn-group"> -->
-    <button
-        class="btn variant-ghost-primary"
-        on:click={() => {
-            // $ae_loc.mod.sponsorships.show_edit__sponsorship_obj = true;
-
-            modalStore.trigger(modal_edit__sponsorship_obj);
-        }}
-        >
-        <span class="fas fa-edit mx-1"></span>
-        Start Sponsor Submission Form
-    </button>
-<!-- </section> -->
 
 </section>