Add AE_Firefly_BGH theme; align typography tokens for Axonius/BGH; register themes in UI

src/lib/app_components/e_app_sys_bar.svelte

@@ -16,6 +16,8 @@ import {
     Bug,
     CircleX,
     Eraser,
+    Lock,
+    // LockKeyhole,
     LogOut,
     Maximize2,
     Menu,
@@ -31,11 +33,12 @@ import {
     ToggleRight,
     User
 } from '@lucide/svelte';
-import { ae_loc, ae_sess, ae_api } from '$lib/stores/ae_stores';
+import { ae_loc, ae_sess } from '$lib/stores/ae_stores';
 
 import Element_access_type from '$lib/app_components/e_app_access_type.svelte';
 import Element_sign_in_out from '$lib/app_components/e_app_sign_in_out.svelte';
 import E_app_url_builder from '$lib/app_components/e_app_url_builder.svelte';
+// import { default_authenticated_can_edit } from '$lib/stores/ae_events_stores__badges_defaults';
 
 interface Props {
     log_lvl?: number;
@@ -221,6 +224,7 @@ const theme_options = [
     { value: 'AE_Firefly_Indigo', label: 'Firefly Indigo ✦' },
     { value: 'AE_Firefly_Rainbow', label: 'Firefly Rainbow ✨' },
     { value: 'AE_Firefly_Axonius', label: 'Firefly Axonius ✦' },
+    { value: 'AE_Firefly_BGH', label: 'Firefly BGH ✦' },
     { value: 'AE_c_IDAA_light', label: 'IDAA – light' },
     { value: 'AE_c_LCI', label: 'LCI' }
 ];
@@ -600,6 +604,7 @@ const theme_options = [
             class:border-primary-400={expand}>
             <!-- AUTH STATUS SHIELD — hidden in iframe; host page manages auth context -->
             {#if !$ae_loc?.iframe}
+                {#if $ae_loc?.access_type && $ae_loc?.access_type !== 'anonymous' && expand}
                 <button
                     type="button"
                     class="
@@ -620,20 +625,24 @@ const theme_options = [
                             ? `Access: ${$ae_loc?.access_type}. Click to use a passcode.`
                             : `Elevated access: ${$ae_loc?.access_type}. Click to clear.`
                         : 'Anonymous. Click to sign in or enter a passcode.'}>
-                    {#if $ae_loc?.access_type && $ae_loc?.access_type !== 'anonymous'}
+                    <!-- {#if $ae_loc?.access_type && $ae_loc?.access_type !== 'anonymous'} -->
                         {#if $ae_loc?.user_access_type && $ae_loc?.access_type === $ae_loc?.user_access_type}
                             <ShieldEllipsis size="1.1em" class="shrink-0" />
                         {:else}
                             <ShieldMinus size="1.1em" class="shrink-0" />
                         {/if}
-                    {:else}
+                        <span
+                            class="btn-label max-w-0 overflow-hidden text-xs opacity-0 transition-all duration-300 ease-in-out group-hover/shield:max-w-20 group-hover/shield:opacity-100">
+                            {access_label ?? 'Auth?'}
+                        </span>
+                    <!-- {:else}
                         <ShieldUser size="1.1em" class="shrink-0" />
-                    {/if}
-                    <span
-                        class="btn-label max-w-0 overflow-hidden text-xs opacity-0 transition-all duration-300 ease-in-out group-hover/shield:max-w-20 group-hover/shield:opacity-100">
-                        {access_label ?? 'Auth?'}
-                    </span>
+                    {/if} -->
+
                 </button>
+                 {:else}
+                    <!-- <ShieldUser size="1.1em" class="shrink-0" /> -->
+                {/if}
             {/if}
 
             <!-- FONT SIZE CYCLER — hidden in iframe; font choice belongs to the host page -->
@@ -717,7 +726,12 @@ const theme_options = [
                         class="btn-label max-w-0 overflow-hidden text-xs opacity-0 transition-all duration-300 ease-in-out group-hover/menu:max-w-20 group-hover/menu:opacity-100"
                         >Close</span>
                 {:else}
-                    <Menu size="1.1em" class="shrink-0" />
+                    {#if !$ae_loc.public_access}
+                        <Lock size="1.1em" class="shrink-0 opacity-60" />
+                    {:else}
+                        <Menu size="1.1em" class="shrink-0" />
+                    {/if}
+
                     <span
                         class="btn-label max-w-0 overflow-hidden text-xs opacity-0 transition-all duration-300 ease-in-out group-hover/menu:max-w-20 group-hover/menu:opacity-100"
                         >Menu</span>

src/lib/app_components/e_app_theme.svelte

@@ -112,6 +112,7 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
             <option value="AE_Firefly_Indigo">Firefly Indigo ✦</option>
             <option value="AE_Firefly_Rainbow">Firefly Rainbow ✨</option>
             <option value="AE_Firefly_Axonius">Firefly Axonius ✦</option>
+            <option value="AE_Firefly_BGH">Firefly BGH ✦</option>
             <!-- <option value="AE_Firefly_new-name">Firefly new-name ✦</option> -->
             <option value="AE_c_IDAA_light">IDAA - light</option>
             <option value="AE_c_LCI">LCI</option>

src/lib/app_components/e_app_url_builder.svelte

@@ -99,6 +99,7 @@ const theme_options = [
     { value: 'AE_Firefly_Indigo', label: 'Firefly Indigo ✦' },
     { value: 'AE_Firefly_Rainbow', label: 'Firefly Rainbow ✨' },
     { value: 'AE_Firefly_Axonius', label: 'Firefly Axonius ✦' },
+    { value: 'AE_Firefly_BGH', label: 'Firefly BGH ✦' },
     { value: 'AE_c_IDAA_light', label: 'IDAA – light' },
     { value: 'AE_c_LCI', label: 'LCI' }
 ];