Working on new Aether App Menu.

src/routes/+layout.svelte

@@ -444,6 +444,38 @@ $effect(() => {
 
 {/if}
 
+<!-- min-h-full
+max-h-max
+min-w-full
+max-w-max -->
+<!-- Show menu on right side of page -->
+<section
+    class="
+        ae_app__menu
+        hidden-print
+        flex flex-col
+        items-end justify-center
+        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-4
+    "
+    >
+
+<!-- {#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} -->
 
 {#if $ae_loc.app_cfg?.show_element__sign_in_out}
 <Element_sign_in_out
@@ -460,23 +492,20 @@ $effect(() => {
 {/if}
 
 
-<!-- {#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} -->
-
+</section>
 
 <div
-    class="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 hidden"
+    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}
     >
-    <button
+    <!-- {#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);
@@ -487,7 +516,13 @@ $effect(() => {
         title="Turn debug content and styles off and on"
         >
         &pi;
-    </button>
+    </button> -->
+
+    <!-- {#if $ae_loc.app_cfg?.show_element__access_type}
+    <Element_access_type
+        hidden={$ae_loc.iframe && !$ae_loc.trusted_access}
+        />
+    {/if} -->
 </div>