Work on general style clean up. So much to do...

src/routes/idaa/+layout.svelte

@@ -1,18 +1,25 @@
 <script lang="ts">
 /** @type {import('./$types').LayoutData} */
-
 let log_lvl: number = 1;
 
-// Imports
 // *** Import Svelte specific
 import { browser } from '$app/environment';
+
 // *** Import other supporting libraries
+// import * as icons from '@lucide/svelte';
+import {
+        Brain,
+        House, Library,
+        RefreshCw,
+        Satellite
+    } from '@lucide/svelte';
 import { AppBar } from '@skeletonlabs/skeleton-svelte';
 import type {
     ModalComponent
     } from '@skeletonlabs/skeleton-svelte';
 
 
+// *** Import Aether specific variables and functions
 import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
 import { core_func } from '$lib/ae_core/ae_core_functions';
 import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
@@ -97,57 +104,85 @@ function add_activity_log(
 	<title>IDAA - {$idaa_loc?.title ?? 'Æ loading...'}</title>
 </svelte:head>
 
-<Modal components={modalRegistry}
+<!-- <Modal components={modalRegistry}
     regionBackdrop=''
     regionBody=''
     regionHeader='modal-header card-header text-2xl font-bold'
     regionFooter='modal-footer flex justify-between space-x-2'
-    />
+    /> -->
 
+<div
+    class:iframe={$ae_loc?.iframe}
+    class="ae_idaa h-full max-h-full max-w-6xl overflow-auto flex flex-col gap-1 m-auto"
+    >
+
+<nav
+    class="
+        submenu
+        flex flex-row flex-wrap
+        items-center justify-between
+        gap-1
+        border-b-2
+        p-1
+        px-2
+        pb-2
+        "
+    >
+    <span class="justify-self-start">
+
+        <!-- Be sure to explain what &AElig; (Aether) means in the title text or similar! -->
+        <Satellite
+            size="1.5em"
+            class="mx-1 inline-block text-gray-500"
+            />
+        <abbr title="Aether - IDAA Module">
+            Æ
+            IDAA
+        </abbr>
+    </span>
+    <a
+        href="/"
+        class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-success-500"
+        >
+        <House />
+        <span class="hidden md:inline">
+            Home
+        </span>
+    </a>
+</nav>
 <!-- App Shell -->
-<AppShell
+<!-- <AppShell
     regionPage={($ae_loc?.iframe ? 'iframe' : '')}
     slotHeader={($ae_loc?.iframe ? 'iframe' : '')}
     slotFooter={($ae_loc?.iframe ? 'iframe' : '')}
+    > -->
+<section
+    class:iframe={$ae_loc?.iframe}
+    class="main_content grow px-1 md:px-2 pb-28"
     >
 
-    {#snippet header()}
-
-            <!-- App Bar -->
-            <AppBar
-                gridColumns="grid-cols-3"
-                slotDefault="place-self-center"
-                slotTrail="place-content-end"
-                padding="px-4"
-                >
-                {#snippet lead()}
-
-                        <Element_data_store
-                            ds_code="hub__page__appshell_header_lead"
-                            ds_type="html"
-                            />
+    <!-- OLD: App Bar -->
+    <!-- <AppBar
+        gridColumns="grid-cols-3"
+        slotDefault="place-self-center"
+        slotTrail="place-content-end"
+        padding="px-4"
+        >
+        <Element_data_store
+            ds_code="hub__page__appshell_header_lead"
+            ds_type="html"
+            />
+        <Element_data_store
+            ds_code="hub__site__appshell_header"
+            ds_type="html"
+            />
+        <Element_data_store
+            ds_code="hub__page__appshell_header_trail"
+            ds_type="html"
+            />
+    </AppBar> -->
 
 
-                            {/snippet}
-                <!-- OSIT's Aether App -->
-                <!-- {@html (browser ? JSON.parse(localStorage.getItem('ae_ds__hub__site__appshell_header')).html : '-- not found --')} -->
-                <!-- {@html $ae_sess.site_appshell_header} -->
-                <Element_data_store
-                    ds_code="hub__site__appshell_header"
-                    ds_type="html"
-                    />
-                {#snippet trail()}
-
-                        <Element_data_store
-                            ds_code="hub__page__appshell_header_trail"
-                            ds_type="html"
-                            />
-
-                            {/snippet}
-            </AppBar>
-
-
-            {/snippet}
 
 
     <!-- !($ae_loc.site_access_key && $ae_loc.site_domain_access_key)
@@ -161,24 +196,22 @@ function add_activity_log(
         <!-- Page Route Content -->
         {@render children?.()}
 
+</section>
 
 
-    {#snippet footer()}
+<section
+    class="footer_content flex text-sm sm:text-sm lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1 py-0.5 min-h-7"
+    class:ae_debug={$ae_loc?.debug}
+    >
 
-        <div
-            class="flex text-sm sm:text-sm lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1"
-            class:ae_debug={$ae_loc?.debug}
-            >
+    <Element_data_store
+        ds_code="hub__site__appshell_footer"
+        ds_type="html"
+        class_li="grow flex flex-row justify-between"
+        />
 
-            <Element_data_store
-                ds_code="hub__site__appshell_footer"
-                ds_type="html"
-                class_li="grow flex flex-row justify-between"
-                />
-
-        </div>
-
-    {/snippet}
+</section>
 
 
-</AppShell>
+</div>
+<!-- </AppShell> -->