diff --git a/src/routes/idaa/(idaa)/+layout.svelte b/src/routes/idaa/(idaa)/+layout.svelte
index f3123092..6021624d 100644
--- a/src/routes/idaa/(idaa)/+layout.svelte
+++ b/src/routes/idaa/(idaa)/+layout.svelte
@@ -1,199 +1,211 @@
 <script lang="ts">
-    import { untrack } from 'svelte';
-    let log_lvl: number = 0;
+import { untrack } from 'svelte';
+let log_lvl: number = 0;
 
-    // *** Import Svelte specific
-    import { browser } from '$app/environment';
+// *** Import Svelte specific
+import { browser } from '$app/environment';
 
-    // *** Import Aether specific variables and functions
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+// *** Import Aether specific variables and functions
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
 
-    interface Props {
-        /** @type {import('./$types').LayoutData} */
-        data: any;
-        children?: import('svelte').Snippet;
+interface Props {
+    /** @type {import('./$types').LayoutData} */
+    data: any;
+    children?: import('svelte').Snippet;
+}
+
+let { data, children }: Props = $props();
+
+// True while the async Novi API verification call is in flight.
+// Prevents the access gate from flashing "Access Denied" during the network round-trip.
+let novi_verifying: boolean = $state(false);
+
+// Effect 1: Set URL origin and params (unchanged from original)
+$effect(() => {
+    untrack(() => {
+        $ae_loc.url_origin = data.url.origin;
+        $ae_loc.params = data.params;
+    });
+
+    if (log_lvl > 1) {
+        console.log(`+layout.svelte data:`, data);
     }
+});
 
-    let { data, children }: Props = $props();
+// Effect 2: Novi UUID verification
+// Only fires when a uuid is present in the URL (i.e. the Novi iframe path).
+// Non-Novi sign-in paths (User/Pass, shared passcode) will never have a uuid param,
+// so this block won't run for them — their permissions are unaffected.
+$effect(() => {
+    if (!browser) return;
 
-    // True while the async Novi API verification call is in flight.
-    // Prevents the access gate from flashing "Access Denied" during the network round-trip.
-    let novi_verifying: boolean = $state(false);
+    const uuid = data.url.searchParams.get('uuid'); // tracked — re-runs if URL changes
 
-    // Effect 1: Set URL origin and params (unchanged from original)
-    $effect(() => {
-        untrack(() => {
-            $ae_loc.url_origin = data.url.origin;
-            $ae_loc.params = data.params;
-        });
-
-        if (log_lvl > 1) {
-            console.log(`+layout.svelte data:`, data);
-        }
-    });
-
-    // Effect 2: Novi UUID verification
-    // Only fires when a uuid is present in the URL (i.e. the Novi iframe path).
-    // Non-Novi sign-in paths (User/Pass, shared passcode) will never have a uuid param,
-    // so this block won't run for them — their permissions are unaffected.
-    $effect(() => {
-        if (!browser) return;
-
-        const uuid = data.url.searchParams.get('uuid'); // tracked — re-runs if URL changes
-
-        untrack(() => {
-            if (!uuid) {
-                // No UUID in URL — non-Novi path, nothing to do here.
-                $idaa_loc.novi_verified = false;
-                return;
-            }
-
-            // Load admin/trusted lists from site config first — needed by verify function.
-            // Only override if site_cfg_json actually provides them; falling back to [] would
-            // silently overwrite the hardcoded defaults in ae_idaa_stores.ts.
-            if ($ae_loc.site_cfg_json?.novi_admin_li?.length) {
-                $idaa_loc.novi_admin_li = $ae_loc.site_cfg_json.novi_admin_li;
-            }
-            if ($ae_loc.site_cfg_json?.novi_trusted_li?.length) {
-                $idaa_loc.novi_trusted_li = $ae_loc.site_cfg_json.novi_trusted_li;
-            }
-
-            const novi_api_key = $ae_loc.site_cfg_json?.novi_idaa_api_key ?? null;
-            const novi_api_root_url =
-                $ae_loc.site_cfg_json?.novi_api_root_url ?? 'https://www.idaa.org/api';
-
-            // Fire-and-forget the async verification. After the first await, Svelte's
-            // reactive tracking no longer applies, so writes to stores are safe.
-            novi_verifying = true;
-            verify_novi_uuid(uuid, novi_api_key, novi_api_root_url);
-        });
-    });
-
-    /**
-     * Verifies a Novi UUID against the Novi API and sets permissions accordingly.
-     * "All or nothing" — if no API key is configured or the call fails, access is denied.
-     * Called from within untrack(), so store writes here will not trigger reactive loops.
-     */
-    async function verify_novi_uuid(
-        uuid: string,
-        api_key: string | null,
-        api_root_url: string
-    ) {
-        if (!api_key) {
-            // No Novi API key in site config. All-or-nothing means no UUID-based access.
-            console.warn('IDAA Layout: Novi API key not configured. UUID-based access denied.');
-            $idaa_loc.novi_uuid = null;
-            $idaa_loc.novi_email = null;
-            $idaa_loc.novi_full_name = null;
+    untrack(() => {
+        if (!uuid) {
+            // No UUID in URL — non-Novi path, nothing to do here.
             $idaa_loc.novi_verified = false;
-            novi_verifying = false;
             return;
         }
 
-        try {
-            if (log_lvl > 1) {
-                console.log(`IDAA Layout: Verifying Novi UUID ${uuid} via API...`);
-            }
-
-            const headers = new Headers();
-            headers.append('Authorization', `Basic ${api_key}`);
-            const response = await fetch(`${api_root_url}/customers/${uuid}`, {
-                method: 'GET',
-                headers
-            });
-
-            if (!response.ok) {
-                throw new Error(`Novi API returned ${response.status} for UUID ${uuid}`);
-            }
-
-            const result = await response.json();
-
-            // Build display name: prefer "First L." format, fall back to full Name field.
-            const first_name = result?.FirstName ?? null;
-            const last_initial = result?.LastName
-                ? `${result.LastName.charAt(0).toUpperCase()}.`
-                : '';
-            const verified_name =
-                first_name && last_initial
-                    ? `${first_name} ${last_initial}`
-                    : (result?.Name ?? null);
-
-            // Normalize email — Novi occasionally includes spaces where + should be.
-            const verified_email = result?.Email
-                ? result.Email.replace(/\s+/g, '+')
-                : null;
-
-            $idaa_loc.novi_uuid = uuid;
-            $idaa_loc.novi_email = verified_email;
-            $idaa_loc.novi_full_name = verified_name;
-            $idaa_loc.novi_verified = true;
-
-            console.log(
-                `IDAA Layout: Novi UUID verified. Name: ${verified_name}, Email: ${verified_email}`
-            );
-
-            // Determine permission level based on verified UUID.
-            // UUID confirmed real → at minimum authenticated. Check lists for higher levels.
-            let target_novi_level = 'authenticated';
-            if ($idaa_loc.novi_admin_li?.includes(uuid)) {
-                target_novi_level = 'administrator';
-            } else if ($idaa_loc.novi_trusted_li?.includes(uuid)) {
-                target_novi_level = 'trusted';
-            }
-
-            // PERMISSION UPGRADE STRATEGY: only apply if higher than current level.
-            // This prevents a global 'manager' from being downgraded by the IDAA layout.
-            const current_level = $ae_loc.access_type || 'anonymous';
-            if (ae_util.compare_access_levels(target_novi_level, current_level) === 1) {
-                console.log(
-                    `IDAA Layout: Upgrading access from ${current_level} to ${target_novi_level} (Novi verified)`
-                );
-                const perms = ae_util.process_permission_checks(target_novi_level);
-                $ae_loc = { ...$ae_loc, ...perms };
-            } else {
-                if (log_lvl > 1) {
-                    console.log(
-                        `IDAA Layout: Keeping current access ${current_level} (Novi level ${target_novi_level} is not an upgrade)`
-                    );
-                }
-            }
-
-            // Reset BB query filters to safe defaults in case they were left in a non-default state.
-            $idaa_loc.bb.qry__hidden = 'not_hidden';
-            $idaa_loc.bb.qry__enabled = 'enabled';
-        } catch (error) {
-            // Verification failed — all-or-nothing means deny access.
-            console.error(`IDAA Layout: Novi UUID verification failed for ${uuid}:`, error);
-            $idaa_loc.novi_uuid = null;
-            $idaa_loc.novi_email = null;
-            $idaa_loc.novi_full_name = null;
-            $idaa_loc.novi_verified = false;
-        } finally {
-            novi_verifying = false;
+        // Load admin/trusted lists from site config first — needed by verify function.
+        // Only override if site_cfg_json actually provides them; falling back to [] would
+        // silently overwrite the hardcoded defaults in ae_idaa_stores.ts.
+        if ($ae_loc.site_cfg_json?.novi_admin_li?.length) {
+            $idaa_loc.novi_admin_li = $ae_loc.site_cfg_json.novi_admin_li;
         }
+        if ($ae_loc.site_cfg_json?.novi_trusted_li?.length) {
+            $idaa_loc.novi_trusted_li = $ae_loc.site_cfg_json.novi_trusted_li;
+        }
+
+        const novi_api_key = $ae_loc.site_cfg_json?.novi_idaa_api_key ?? null;
+        const novi_api_root_url =
+            $ae_loc.site_cfg_json?.novi_api_root_url ??
+            'https://www.idaa.org/api';
+
+        // Fire-and-forget the async verification. After the first await, Svelte's
+        // reactive tracking no longer applies, so writes to stores are safe.
+        novi_verifying = true;
+        verify_novi_uuid(uuid, novi_api_key, novi_api_root_url);
+    });
+});
+
+/**
+ * Verifies a Novi UUID against the Novi API and sets permissions accordingly.
+ * "All or nothing" — if no API key is configured or the call fails, access is denied.
+ * Called from within untrack(), so store writes here will not trigger reactive loops.
+ */
+async function verify_novi_uuid(
+    uuid: string,
+    api_key: string | null,
+    api_root_url: string
+) {
+    if (!api_key) {
+        // No Novi API key in site config. All-or-nothing means no UUID-based access.
+        console.warn(
+            'IDAA Layout: Novi API key not configured. UUID-based access denied.'
+        );
+        $idaa_loc.novi_uuid = null;
+        $idaa_loc.novi_email = null;
+        $idaa_loc.novi_full_name = null;
+        $idaa_loc.novi_verified = false;
+        novi_verifying = false;
+        return;
     }
+
+    try {
+        if (log_lvl > 1) {
+            console.log(`IDAA Layout: Verifying Novi UUID ${uuid} via API...`);
+        }
+
+        const headers = new Headers();
+        headers.append('Authorization', `Basic ${api_key}`);
+        const response = await fetch(`${api_root_url}/customers/${uuid}`, {
+            method: 'GET',
+            headers
+        });
+
+        if (!response.ok) {
+            throw new Error(
+                `Novi API returned ${response.status} for UUID ${uuid}`
+            );
+        }
+
+        const result = await response.json();
+
+        // Build display name: prefer "First L." format, fall back to full Name field.
+        const first_name = result?.FirstName ?? null;
+        const last_initial = result?.LastName
+            ? `${result.LastName.charAt(0).toUpperCase()}.`
+            : '';
+        const verified_name =
+            first_name && last_initial
+                ? `${first_name} ${last_initial}`
+                : (result?.Name ?? null);
+
+        // Normalize email — Novi occasionally includes spaces where + should be.
+        const verified_email = result?.Email
+            ? result.Email.replace(/\s+/g, '+')
+            : null;
+
+        $idaa_loc.novi_uuid = uuid;
+        $idaa_loc.novi_email = verified_email;
+        $idaa_loc.novi_full_name = verified_name;
+        $idaa_loc.novi_verified = true;
+
+        console.log(
+            `IDAA Layout: Novi UUID verified. Name: ${verified_name}, Email: ${verified_email}`
+        );
+
+        // Determine permission level based on verified UUID.
+        // UUID confirmed real → at minimum authenticated. Check lists for higher levels.
+        let target_novi_level = 'authenticated';
+        if ($idaa_loc.novi_admin_li?.includes(uuid)) {
+            target_novi_level = 'administrator';
+        } else if ($idaa_loc.novi_trusted_li?.includes(uuid)) {
+            target_novi_level = 'trusted';
+        }
+
+        // PERMISSION UPGRADE STRATEGY: only apply if higher than current level.
+        // This prevents a global 'manager' from being downgraded by the IDAA layout.
+        const current_level = $ae_loc.access_type || 'anonymous';
+        if (
+            ae_util.compare_access_levels(target_novi_level, current_level) ===
+            1
+        ) {
+            console.log(
+                `IDAA Layout: Upgrading access from ${current_level} to ${target_novi_level} (Novi verified)`
+            );
+            const perms = ae_util.process_permission_checks(target_novi_level);
+            $ae_loc = { ...$ae_loc, ...perms };
+        } else {
+            if (log_lvl > 1) {
+                console.log(
+                    `IDAA Layout: Keeping current access ${current_level} (Novi level ${target_novi_level} is not an upgrade)`
+                );
+            }
+        }
+
+        // Reset BB query filters to safe defaults in case they were left in a non-default state.
+        $idaa_loc.bb.qry__hidden = 'not_hidden';
+        $idaa_loc.bb.qry__enabled = 'enabled';
+    } catch (error) {
+        // Verification failed — all-or-nothing means deny access.
+        console.error(
+            `IDAA Layout: Novi UUID verification failed for ${uuid}:`,
+            error
+        );
+        $idaa_loc.novi_uuid = null;
+        $idaa_loc.novi_email = null;
+        $idaa_loc.novi_full_name = null;
+        $idaa_loc.novi_verified = false;
+    } finally {
+        novi_verifying = false;
+    }
+}
 </script>
 
 {#if !browser}
     <!-- SSR / pre-hydration placeholder -->
-    <p class="text-sm text-gray-500 text-center">
+    <p class="text-center text-sm text-gray-500">
         <span class="fas fa-spinner fa-spin"></span>
         Loading...
     </p>
 {:else if novi_verifying}
     <!-- Async Novi API call is in flight — show spinner to prevent Access Denied flash -->
-    <div class="container flex flex-col gap-2 w-full items-center justify-center p-8 m-8">
-        <p class="text-sm text-gray-500 text-center">
+    <div
+        class="container m-8 flex w-full flex-col items-center justify-center gap-2 p-8">
+        <p class="text-center text-sm text-gray-500">
             <span class="fas fa-spinner fa-spin"></span>
             Verifying identity...
         </p>
@@ -208,10 +220,13 @@
             {$idaa_loc.novi_email ?? 'email not set'}
         </span>
     {:else}
-        <p class="text-sm text-gray-500 text-center">IDAA Novi UUID not found!</p>
+        <p class="text-center text-sm text-gray-500">
+            IDAA Novi UUID not found!
+        </p>
     {/if}
 {:else}
-    <div class="container flex flex-col gap-1 w-full items-center justify-center font-bold p-8 m-8">
+    <div
+        class="container m-8 flex w-full flex-col items-center justify-center gap-1 p-8 font-bold">
         <h1>
             <span class="text-red-500">
                 <span class="fas fa-exclamation-triangle"></span>
diff --git a/src/routes/idaa/(idaa)/+page.svelte b/src/routes/idaa/(idaa)/+page.svelte
index 9dd26cf6..d2425380 100644
--- a/src/routes/idaa/(idaa)/+page.svelte
+++ b/src/routes/idaa/(idaa)/+page.svelte
@@ -1,65 +1,76 @@
 <script lang="ts">
-	// *** Import Svelte specific
-	import { ae_loc } from '$lib/stores/ae_stores';
+// *** Import Svelte specific
+import { ae_loc } from '$lib/stores/ae_stores';
 
-	// *** Import icons
-	import { Archive, CalendarCheck, CalendarClock, MessageSquare, ShieldAlert, Users } from '@lucide/svelte';
+// *** Import icons
+import {
+    Archive,
+    CalendarCheck,
+    CalendarClock,
+    MessageSquare,
+    ShieldAlert,
+    Users
+} from '@lucide/svelte';
 </script>
 
 <div class="flex w-full flex-col items-center justify-center gap-8 py-12">
-	<header class="text-center">
-		<h1 class="h1">IDAA Module Dashboard</h1>
-		<p class="text-lg opacity-60">Select a customized module to continue</p>
-	</header>
+    <header class="text-center">
+        <h1 class="h1">IDAA Module Dashboard</h1>
+        <p class="text-lg opacity-60">Select a customized module to continue</p>
+    </header>
 
-	{#if $ae_loc.trusted_access}
-		<div class="grid w-full max-w-5xl grid-cols-1 gap-8 px-4 md:grid-cols-3 text-center">
-			<a
-				href="/idaa/archives"
-				class="card card-hover preset-tonal-secondary flex flex-col items-center gap-6 border border-secondary-500/30 p-12 transition-all hover:border-secondary-500"
-			>
-				<Archive size={64} class="text-secondary-500" />
-				<span class="text-2xl font-bold">Archives</span>
-				<p class="text-sm opacity-70">Browse historical documents and records</p>
-			</a>
+    {#if $ae_loc.trusted_access}
+        <div
+            class="grid w-full max-w-5xl grid-cols-1 gap-8 px-4 text-center md:grid-cols-3">
+            <a
+                href="/idaa/archives"
+                class="card card-hover preset-tonal-secondary border-secondary-500/30 hover:border-secondary-500 flex flex-col items-center gap-6 border p-12 transition-all">
+                <Archive size={64} class="text-secondary-500" />
+                <span class="text-2xl font-bold">Archives</span>
+                <p class="text-sm opacity-70">
+                    Browse historical documents and records
+                </p>
+            </a>
 
-			<a
-				href="/idaa/bb"
-				class="card card-hover preset-tonal-primary flex flex-col items-center gap-6 border border-primary-500/30 p-12 transition-all hover:border-primary-500"
-			>
-				<MessageSquare size={64} class="text-primary-500" />
-				<span class="text-2xl font-bold">Bulletin Board</span>
-				<p class="text-sm opacity-70">Post and view community messages</p>
-			</a>
+            <a
+                href="/idaa/bb"
+                class="card card-hover preset-tonal-primary border-primary-500/30 hover:border-primary-500 flex flex-col items-center gap-6 border p-12 transition-all">
+                <MessageSquare size={64} class="text-primary-500" />
+                <span class="text-2xl font-bold">Bulletin Board</span>
+                <p class="text-sm opacity-70">
+                    Post and view community messages
+                </p>
+            </a>
 
-			<a
-				href="/idaa/recovery_meetings"
-				class="card card-hover preset-tonal-tertiary flex flex-col items-center gap-6 border border-tertiary-500/30 p-12 transition-all hover:border-tertiary-500"
-			>
-				<CalendarClock size={64} class="text-tertiary-500" />
-				<span class="text-2xl font-bold">Recovery Meetings</span>
-				<p class="text-sm opacity-70">Join and manage ongoing recovery sessions</p>
-			</a>
-		</div>
-	{:else}
-		<div
-			class="card preset-tonal-error flex max-w-lg flex-col items-center gap-6 border border-error-500 p-12 text-center"
-		>
-			<ShieldAlert size={80} class="text-error-500" />
-			<h2 class="h2 text-error-500">Access Restricted</h2>
-			<p class="text-lg">
-				You must be signed in with <strong>Trusted Access</strong> or higher to view these modules.
-			</p>
-			<div class="mt-6 flex gap-4">
-				<a href="/" class="btn preset-filled-surface"> Return Home </a>
-				<button
-					type="button"
-					class="btn preset-filled-primary"
-					onclick={() => ($ae_loc.sys_menu.expand_access_type = true)}
-				>
-					Request Higher Access
-				</button>
-			</div>
-		</div>
-	{/if}
+            <a
+                href="/idaa/recovery_meetings"
+                class="card card-hover preset-tonal-tertiary border-tertiary-500/30 hover:border-tertiary-500 flex flex-col items-center gap-6 border p-12 transition-all">
+                <CalendarClock size={64} class="text-tertiary-500" />
+                <span class="text-2xl font-bold">Recovery Meetings</span>
+                <p class="text-sm opacity-70">
+                    Join and manage ongoing recovery sessions
+                </p>
+            </a>
+        </div>
+    {:else}
+        <div
+            class="card preset-tonal-error border-error-500 flex max-w-lg flex-col items-center gap-6 border p-12 text-center">
+            <ShieldAlert size={80} class="text-error-500" />
+            <h2 class="h2 text-error-500">Access Restricted</h2>
+            <p class="text-lg">
+                You must be signed in with <strong>Trusted Access</strong> or higher
+                to view these modules.
+            </p>
+            <div class="mt-6 flex gap-4">
+                <a href="/" class="btn preset-filled-surface"> Return Home </a>
+                <button
+                    type="button"
+                    class="btn preset-filled-primary"
+                    onclick={() =>
+                        ($ae_loc.sys_menu.expand_access_type = true)}>
+                    Request Higher Access
+                </button>
+            </div>
+        </div>
+    {/if}
 </div>
diff --git a/src/routes/idaa/(idaa)/archives/+layout.svelte b/src/routes/idaa/(idaa)/archives/+layout.svelte
index e981d7fb..82b75bff 100644
--- a/src/routes/idaa/(idaa)/archives/+layout.svelte
+++ b/src/routes/idaa/(idaa)/archives/+layout.svelte
@@ -1,53 +1,53 @@
 <script lang="ts">
-    import { untrack } from 'svelte';
-    let log_lvl: number = 0;
+import { untrack } from 'svelte';
+let log_lvl: number = 0;
 
-    // *** Import Svelte specific
+// *** Import Svelte specific
 
-    // *** Import Aether specific variables and functions
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+// *** Import Aether specific variables and functions
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
 
-    interface Props {
-        /** @type {import('./$types').LayoutData} */
-        data: any;
-        children?: import('svelte').Snippet;
+interface Props {
+    /** @type {import('./$types').LayoutData} */
+    data: any;
+    children?: import('svelte').Snippet;
+}
+
+let { data, children }: Props = $props();
+
+// NOTE: Derived from data.account_id (prop) instead of $slct.account_id (store)
+// to prevent circular dependency loops during hydration.
+let ae_acct = $derived(data[data.account_id]);
+
+$effect(() => {
+    if (log_lvl > 1) {
+        console.log(`ae_idaa_archives +layout.svelte`, data);
     }
 
-    let { data, children }: Props = $props();
+    // *** Quickly pull out data from parent(s)
+    $slct.account_id = data.account_id;
+});
 
-    // NOTE: Derived from data.account_id (prop) instead of $slct.account_id (store)
-    // to prevent circular dependency loops during hydration.
-    let ae_acct = $derived(data[data.account_id]);
+$effect(() => {
+    if (log_lvl) {
+        console.log(`ae_acct = `, ae_acct);
+    }
 
-    $effect(() => {
-        if (log_lvl > 1) {
-            console.log(`ae_idaa_archives +layout.svelte`, data);
-        }
-
-        // *** Quickly pull out data from parent(s)
-        $slct.account_id = data.account_id;
-    });
-
-    $effect(() => {
-        if (log_lvl) {
-            console.log(`ae_acct = `, ae_acct);
-        }
-
-        if (ae_acct) {
-            untrack(() => {
-                $idaa_slct.archive_obj_li = ae_acct.slct.archive_obj_li;
-            });
-        }
-    });
+    if (ae_acct) {
+        untrack(() => {
+            $idaa_slct.archive_obj_li = ae_acct.slct.archive_obj_li;
+        });
+    }
+});
 </script>
 
 {@render children?.()}
diff --git a/src/routes/idaa/(idaa)/archives/+page.svelte b/src/routes/idaa/(idaa)/archives/+page.svelte
index 3dcd0bd3..992cad1e 100644
--- a/src/routes/idaa/(idaa)/archives/+page.svelte
+++ b/src/routes/idaa/(idaa)/archives/+page.svelte
@@ -1,146 +1,146 @@
 <script lang="ts">
-    interface Props {
-        /** @type {import('./$types').PageData} */
-        data: any;
-    }
-    let { data }: Props = $props();
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+}
+let { data }: Props = $props();
 
-    let log_lvl: number = $state(0);
+let log_lvl: number = $state(0);
 
-    // *** Import Svelte specific
-    // import { page } from '$app/state';
-    import { browser } from '$app/environment';
-    // import { goto, invalidate, pushState, replaceState } from '$app/navigation';
+// *** Import Svelte specific
+// import { page } from '$app/state';
+import { browser } from '$app/environment';
+// import { goto, invalidate, pushState, replaceState } from '$app/navigation';
 
-    // *** Import other supporting libraries
-    import { liveQuery } from 'dexie';
+// *** Import other supporting libraries
+import { liveQuery } from 'dexie';
 
-    // *** Import Aether specific variables and functions
-    // import type { key_val } from '$lib/ae_stores';
-    // import { ae_util } from '$lib/ae_utils/ae_utils';
-    // import { core_func } from '$lib/ae_core/ae_core_functions';
-    import { db_archives } from '$lib/ae_archives/db_archives';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { core_func } from '$lib/ae_core/ae_core_functions';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig
-    } from '$lib/stores/ae_idaa_stores';
-    // import { archives_func } from '$lib/ae_archives/ae_archives_functions';
+// *** Import Aether specific variables and functions
+// import type { key_val } from '$lib/ae_stores';
+// import { ae_util } from '$lib/ae_utils/ae_utils';
+// import { core_func } from '$lib/ae_core/ae_core_functions';
+import { db_archives } from '$lib/ae_archives/db_archives';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { core_func } from '$lib/ae_core/ae_core_functions';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig
+} from '$lib/stores/ae_idaa_stores';
+// import { archives_func } from '$lib/ae_archives/ae_archives_functions';
 
-    import Comp__archive_obj_li from './ae_idaa_comp__archive_obj_li.svelte';
-    import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
+import Comp__archive_obj_li from './ae_idaa_comp__archive_obj_li.svelte';
+import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
 
-    let lq__archive_obj_li = $derived(
-        liveQuery(async () => {
-            const results = await db_archives.archive
-                .where('account_id')
-                .equals($slct.account_id)
-                .toArray();
+let lq__archive_obj_li = $derived(
+    liveQuery(async () => {
+        const results = await db_archives.archive
+            .where('account_id')
+            .equals($slct.account_id)
+            .toArray();
 
-            // In-memory sort: Priority (desc) then Sort (desc)
-            results.sort((a, b) => {
-                // Priority: True (1) before False (0)
-                const prioA = a.priority ? 1 : 0;
-                const prioB = b.priority ? 1 : 0;
-                if (prioA !== prioB) return prioB - prioA;
+        // In-memory sort: Priority (desc) then Sort (desc)
+        results.sort((a, b) => {
+            // Priority: True (1) before False (0)
+            const prioA = a.priority ? 1 : 0;
+            const prioB = b.priority ? 1 : 0;
+            if (prioA !== prioB) return prioB - prioA;
 
-                // Sort: 9, 8, 7...
-                const sortA = a.sort ?? 0;
-                const sortB = b.sort ?? 0;
-                if (sortA !== sortB) return sortB - sortA;
+            // Sort: 9, 8, 7...
+            const sortA = a.sort ?? 0;
+            const sortB = b.sort ?? 0;
+            if (sortA !== sortB) return sortB - sortA;
 
-                // Fallback: Name
-                return (a.name ?? '').localeCompare(b.name ?? '');
-            });
+            // Fallback: Name
+            return (a.name ?? '').localeCompare(b.name ?? '');
+        });
 
-            return results;
-        })
-    );
+        return results;
+    })
+);
 
-    if (browser) {
-        console.log('Browser environment detected.');
+if (browser) {
+    console.log('Browser environment detected.');
 
-        // The archive_id should not already be set while the page is loading if we are looking at this page?
-        // let message = {'archive_id': $idaa_slct?.archive_id ?? null};
-        $idaa_slct.archive_id = null;
-        $idaa_slct.archive_content_id = null;
-        let message = {
-            archive_id: $idaa_slct.archive_id,
-            archive_content_id: $idaa_slct.archive_content_id
-        };
-        window.parent.postMessage(message, '*');
+    // The archive_id should not already be set while the page is loading if we are looking at this page?
+    // let message = {'archive_id': $idaa_slct?.archive_id ?? null};
+    $idaa_slct.archive_id = null;
+    $idaa_slct.archive_content_id = null;
+    let message = {
+        archive_id: $idaa_slct.archive_id,
+        archive_content_id: $idaa_slct.archive_content_id
+    };
+    window.parent.postMessage(message, '*');
 
-        // add_activity_log(
-        //     {
-        //         action: 'idaa_archives_page',
-        //         action_with: 'browser',
-        //     }
-        // );
-    }
+    // add_activity_log(
+    //     {
+    //         action: 'idaa_archives_page',
+    //         action_with: 'browser',
+    //     }
+    // );
+}
 
-    // function add_activity_log({
-    //     action = 'idaa_archives_page',
-    //     action_with = 'none'
-    // }: {
-    //     action?: string;
-    //     action_with?: string;
-    // }) {
-    //     let last_cache_refresh_iso = new Date($ae_loc?.last_cache_refresh);
+// function add_activity_log({
+//     action = 'idaa_archives_page',
+//     action_with = 'none'
+// }: {
+//     action?: string;
+//     action_with?: string;
+// }) {
+//     let last_cache_refresh_iso = new Date($ae_loc?.last_cache_refresh);
 
-    //     let activity_description = `
-    //     ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? 'no-email'}
-    //     allow=${$ae_loc?.allow_access}
-    //     last_cache_refresh=${last_cache_refresh_iso.toLocaleString()}
-    //     data_route=${data?.route.toString() ?? 'unknown'}
-    // `;
+//     let activity_description = `
+//     ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? 'no-email'}
+//     allow=${$ae_loc?.allow_access}
+//     last_cache_refresh=${last_cache_refresh_iso.toLocaleString()}
+//     data_route=${data?.route.toString() ?? 'unknown'}
+// `;
 
-    //     let data_kv = {
-    //         external_client_id: data?.route.id,
-    //         name: `IDAA: ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? ''}`,
-    //         description: activity_description ?? null,
-    //         object_type: 'archive', // archive, post, event
-    //         // object_id: data?.params?.archive_id ?? null,
-    //         // object_id: ae_acct.slct.archive_id, // data?.params?.archive_id ?? null,
-    //         url_root: data?.url.origin,
-    //         // url_full_path: data?.url.href,
-    //         url_full_path: data?.url.pathname,
-    //         url_params: data?.url.searchParams.toString(),
-    //         action: action,
-    //         action_with: action_with ?? 'none',
-    //         meta_json: {
-    //             allow_access: $ae_loc?.allow_access,
-    //             last_cache_refresh: $ae_loc?.last_cache_refresh,
-    //             last_cache_refresh_iso: last_cache_refresh_iso.toISOString(),
-    //             last_cache_refresh_locale:
-    //                 last_cache_refresh_iso.toLocaleString(),
-    //             access_level: $ae_loc?.access_level,
-    //             iframe: $ae_loc?.iframe
-    //             // site_access_key: $ae_loc?.site_access_key,
-    //             // site_domain_access_key: $ae_loc?.site_domain_access_key,
-    //             // site_domain: $ae_loc?.site_domain,
-    //             // extra_data: extra_data ?? '',
-    //             // log_lvl: log_lvl,
-    //         }
-    //     };
+//     let data_kv = {
+//         external_client_id: data?.route.id,
+//         name: `IDAA: ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? ''}`,
+//         description: activity_description ?? null,
+//         object_type: 'archive', // archive, post, event
+//         // object_id: data?.params?.archive_id ?? null,
+//         // object_id: ae_acct.slct.archive_id, // data?.params?.archive_id ?? null,
+//         url_root: data?.url.origin,
+//         // url_full_path: data?.url.href,
+//         url_full_path: data?.url.pathname,
+//         url_params: data?.url.searchParams.toString(),
+//         action: action,
+//         action_with: action_with ?? 'none',
+//         meta_json: {
+//             allow_access: $ae_loc?.allow_access,
+//             last_cache_refresh: $ae_loc?.last_cache_refresh,
+//             last_cache_refresh_iso: last_cache_refresh_iso.toISOString(),
+//             last_cache_refresh_locale:
+//                 last_cache_refresh_iso.toLocaleString(),
+//             access_level: $ae_loc?.access_level,
+//             iframe: $ae_loc?.iframe
+//             // site_access_key: $ae_loc?.site_access_key,
+//             // site_domain_access_key: $ae_loc?.site_domain_access_key,
+//             // site_domain: $ae_loc?.site_domain,
+//             // extra_data: extra_data ?? '',
+//             // log_lvl: log_lvl,
+//         }
+//     };
 
-    //     core_func.create_ae_obj__activity_log({
-    //         api_cfg: $ae_api,
-    //         account_id: $ae_loc.account_id,
-    //         data_kv: data_kv,
-    //         log_lvl: log_lvl
-    //     });
-    // }
+//     core_func.create_ae_obj__activity_log({
+//         api_cfg: $ae_api,
+//         account_id: $ae_loc.account_id,
+//         data_kv: data_kv,
+//         log_lvl: log_lvl
+//     });
+// }
 </script>
 
 <svelte:head>
@@ -161,23 +161,21 @@
         novi_uuid: $idaa_loc.novi_uuid,
         novi_email: $idaa_loc.novi_email,
         novi_full_name: $idaa_loc.novi_full_name
-    }}
-></Help_tech>
+    }}></Help_tech>
 
 {#await lq__archive_obj_li}
-    <div class="flex flex-col items-top justify-center p-8">
-        <span class="fas fa-spinner fa-spin text-4xl text-primary-500 mb-4"
+    <div class="items-top flex flex-col justify-center p-8">
+        <span class="fas fa-spinner fa-spin text-primary-500 mb-4 text-4xl"
         ></span>
         <span class="text-lg text-gray-600 dark:text-gray-400"
-            >Loading archives...</span
-        >
+            >Loading archives...</span>
     </div>
 {:then}
     {#if $lq__archive_obj_li && $lq__archive_obj_li?.length}
         <Comp__archive_obj_li {lq__archive_obj_li} />
     {:else}
-        <div class="flex flex-col items-top justify-center p-4 text-center">
-            <p class="text-lg text-gray-600 dark:text-gray-400 mb-4">
+        <div class="items-top flex flex-col justify-center p-4 text-center">
+            <p class="mb-4 text-lg text-gray-600 dark:text-gray-400">
                 No archives found.
             </p>
             <p class="text-md text-gray-500 dark:text-gray-300">
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte b/src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte
index 5a2f1895..9e2357b6 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte
@@ -1,317 +1,315 @@
 <script lang="ts">
-    interface Props {
-        /** @type {import('./$types').PageData} */
-        data: any;
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+}
+
+let { data }: Props = $props();
+
+let log_lvl: number = 0;
+
+// *** Import Svelte specific
+import { onMount, onDestroy } from 'svelte';
+
+// *** Import other supporting libraries
+import { Modal } from 'flowbite-svelte';
+import { liveQuery } from 'dexie';
+
+// *** Import Aether specific variables and functions
+// import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+// import { core_func } from '$lib/ae_core/ae_core_functions';
+import { db_archives, type Archive } from '$lib/ae_archives/db_archives';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig,
+    idaa_prom
+} from '$lib/stores/ae_idaa_stores';
+import { archives_func } from '$lib/ae_archives/ae_archives_functions';
+
+import Archive_obj_id_edit from './ae_idaa_comp__archive_obj_id_edit.svelte';
+import Archive_view from './ae_idaa_comp__archive_obj_id_view.svelte';
+
+import Archive_content_obj_li from './ae_idaa_comp__archive_content_obj_li.svelte';
+import Archive_content_obj_id_edit from './ae_idaa_comp__archive_content_obj_id_edit.svelte';
+import Modal_media_player from './ae_idaa_comp__modal_media_player.svelte';
+import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
+import { page } from '$app/state';
+
+// let ae_promises: key_val = {};
+// let ae_tmp: key_val = {};
+// let ae_triggers: key_val = {};
+
+// *** Quickly pull out data from parent(s)
+let ae_acct = $derived(data[data.account_id]);
+$effect(() => {
+    if (log_lvl) {
+        console.log(`ae_acct = `, ae_acct);
     }
+});
 
-    let { data }: Props = $props();
+// For some reason data.params.archive_id (or whatever param) is not being passed to this page when loaded by a link from another page. This seems to be a bug with Svelte or SvelteKit. Hopefully fixed in a future version 5? 2024-11-06
+// SVELTE 5 FIX: Use page.params directly for robust reactivity
+$idaa_slct.archive_id = page.params.archive_id;
+// $idaa_slct.archive_obj = ae_acct.slct.archive_obj;
 
-    let log_lvl: number = 0;
-
-    // *** Import Svelte specific
-    import { onMount, onDestroy } from 'svelte';
-
-    // *** Import other supporting libraries
-    import { Modal } from 'flowbite-svelte';
-    import { liveQuery } from 'dexie';
-
-    // *** Import Aether specific variables and functions
-    // import type { key_val } from '$lib/ae_stores';
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    // import { core_func } from '$lib/ae_core/ae_core_functions';
-    import { db_archives, type Archive } from '$lib/ae_archives/db_archives';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig,
-        idaa_prom
-    } from '$lib/stores/ae_idaa_stores';
-    import { archives_func } from '$lib/ae_archives/ae_archives_functions';
-
-    import Archive_obj_id_edit from './ae_idaa_comp__archive_obj_id_edit.svelte';
-    import Archive_view from './ae_idaa_comp__archive_obj_id_view.svelte';
-
-    import Archive_content_obj_li from './ae_idaa_comp__archive_content_obj_li.svelte';
-    import Archive_content_obj_id_edit from './ae_idaa_comp__archive_content_obj_id_edit.svelte';
-    import Modal_media_player from './ae_idaa_comp__modal_media_player.svelte';
-    import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
-    import { page } from '$app/state';
-
-    // let ae_promises: key_val = {};
-    // let ae_tmp: key_val = {};
-    // let ae_triggers: key_val = {};
-
-    // *** Quickly pull out data from parent(s)
-    let ae_acct = $derived(data[data.account_id]);
-    $effect(() => {
+// *** Functions and Logic
+let lq__archive_obj = $derived(
+    liveQuery(async () => {
         if (log_lvl) {
-            console.log(`ae_acct = `, ae_acct);
+            console.log(
+                `lq__archive_obj: archive_id = ${$idaa_slct?.archive_id}`
+            );
         }
-    });
-
-    // For some reason data.params.archive_id (or whatever param) is not being passed to this page when loaded by a link from another page. This seems to be a bug with Svelte or SvelteKit. Hopefully fixed in a future version 5? 2024-11-06
-    // SVELTE 5 FIX: Use page.params directly for robust reactivity
-    $idaa_slct.archive_id = page.params.archive_id;
-    // $idaa_slct.archive_obj = ae_acct.slct.archive_obj;
-
-    // *** Functions and Logic
-    let lq__archive_obj = $derived(
-        liveQuery(async () => {
-            if (log_lvl) {
-                console.log(
-                    `lq__archive_obj: archive_id = ${$idaa_slct?.archive_id}`
-                );
-            }
-            let results = await db_archives.archive.get(
-                $idaa_slct?.archive_id ?? ''
-            ); // null or undefined does not reset things like '' does
-
-            // Check if results are different than the current $idaa_slct.archive_obj
-            if ($idaa_slct.archive_obj && results) {
-                if (
-                    JSON.stringify($idaa_slct.archive_obj) !==
-                    JSON.stringify(results)
-                ) {
-                    $idaa_slct.archive_obj = { ...results };
-                    if (log_lvl) {
-                        console.log(
-                            `$idaa_slct.archive_obj = `,
-                            $idaa_slct.archive_obj
-                        );
-                    }
-                } else {
-                    if (log_lvl) {
-                        console.log(
-                            `Archive object has not changed for archive_id: ${$idaa_slct.archive_id}`
-                        );
-                    }
-                }
-            }
-
-            return results as Archive;
-        })
-    );
-
-    // Reactive Archive Content list using Dexie LiveQuery
-    let lq__archive_content_obj_li = $derived.by(() => {
-        // SVELTE 5 REACTIVITY: Track the archive_id store synchronously
-        const archive_id = $idaa_slct.archive_id;
-
-        return liveQuery(async () => {
-            if (!archive_id) return [];
-
-            // Fetch the parent archive and its contents in parallel
-            // Dexie will automatically track these table accesses and re-run this query if they change.
-            const [parent_archive, results] = await Promise.all([
-                db_archives.archive.get(archive_id),
-                db_archives.content
-                    .where('archive_id')
-                    .equals(archive_id)
-                    .toArray()
-            ]);
-
-            if (!results || results.length === 0) {
-                if (log_lvl)
-                    console.log(
-                        'lq__archive_content_obj_li: No content records found in cache.'
-                    );
-                return [];
-            }
-
-            // Determine sort mode from the parent archive configuration
-            const sort_mode =
-                parent_archive?.cfg_json?.content_group_sort ?? 'ASC';
-            const is_desc = sort_mode === 'DESC';
-
-            if (log_lvl) {
-                console.log(
-                    `lq__archive_content_obj_li: Sorting ${results.length} items using ${sort_mode} mode.`
-                );
-            }
-
-            // Apply multi-step in-memory sort to handle mixed directions (e.g. Group DESC + Sort ASC)
-            results.sort((a, b) => {
-                const groupA = a.group ?? '';
-                const groupB = b.group ?? '';
-
-                if (is_desc) {
-                    // MODE: Newest First (DESC) - Typically used for years or chronological groupings
-
-                    // 1. Group (DESC) - e.g. Year "2024" should appear before "2023"
-                    if (groupA !== groupB) return groupB.localeCompare(groupA);
-
-                    // 2. Original Datetime (DESC) - Newer items within the same group first
-                    const dateA = a.original_datetime
-                        ? new Date(a.original_datetime).getTime()
-                        : 0;
-                    const dateB = b.original_datetime
-                        ? new Date(b.original_datetime).getTime()
-                        : 0;
-                    if (dateA !== dateB) return dateB - dateA;
-                } else {
-                    // MODE: Standard (ASC) - Typically used for Parts, Chapters, or alphabetical groupings
-
-                    // 1. Group (ASC) - e.g. "Part 1" before "Part 2"
-                    if (groupA !== groupB) return groupA.localeCompare(groupB);
-                }
-
-                // 3. Priority (DESC) - Starred items always at the top of their subgroup
-                const prioA = a.priority ? 1 : 0;
-                const prioB = b.priority ? 1 : 0;
-                if (prioA !== prioB) return prioB - prioA;
-
-                // 4. Sort (ASC) - Manual Sort order "1" should remain above "2" even in DESC mode
-                const sortA = a.sort ?? 0;
-                const sortB = b.sort ?? 0;
-                if (sortA !== sortB) return sortA - sortB;
-
-                // 5. Fallback: Original Datetime ASC (if in Standard mode and manual sorts are equal)
-                if (!is_desc) {
-                    const dateA = a.original_datetime
-                        ? new Date(a.original_datetime).getTime()
-                        : 0;
-                    const dateB = b.original_datetime
-                        ? new Date(b.original_datetime).getTime()
-                        : 0;
-                    if (dateA !== dateB) return dateA - dateB;
-                }
-
-                // 6. Final fallback: Name ASC
-                return (a.name ?? '').localeCompare(b.name ?? '');
-            });
-
-            return results;
-        });
-    });
-
-    let lq__archive_content_obj = $derived(
-        liveQuery(async () => {
-            if (log_lvl) {
-                console.log(
-                    `lq__archive_content_obj: archive_content_id = ${$idaa_slct?.archive_content_id}`
-                );
-            }
-            // if ($idaa_slct.archive_content_id) {
-            let results = await db_archives.content.get(
-                $idaa_slct.archive_content_id ?? ''
-            ); // null or undefined does not reset things like '' does
-
-            // Check if results are different than the current $idaa_slct.archive_content_obj
-            if ($idaa_slct.archive_content_obj && results) {
-                if (
-                    JSON.stringify($idaa_slct.archive_content_obj) !==
-                    JSON.stringify(results)
-                ) {
-                    $idaa_slct.archive_content_obj = { ...results };
-                    if (log_lvl) {
-                        console.log(
-                            `$idaa_slct.archive_content_obj = `,
-                            $idaa_slct.archive_content_obj
-                        );
-                    }
-                } else {
-                    if (log_lvl) {
-                        console.log(
-                            `Archive content object has not changed for archive_content_id: ${$idaa_slct.archive_content_id}`
-                        );
-                    }
-                }
-            }
-
-            return results;
-            // }
-        })
-    );
-
-    $effect(() => {
-        if ($idaa_trig.archive_content_li) {
-            $idaa_trig.archive_content_li = false;
-
-            if (log_lvl) {
-                console.log(`Triggered: $idaa_trig.archive_content_li`);
-            }
+        let results = await db_archives.archive.get(
+            $idaa_slct?.archive_id ?? ''
+        ); // null or undefined does not reset things like '' does
 
+        // Check if results are different than the current $idaa_slct.archive_obj
+        if ($idaa_slct.archive_obj && results) {
             if (
-                $idaa_loc.archives.qry__enabled !== 'all' ||
-                $idaa_loc.archives.qry__hidden !== 'all'
+                JSON.stringify($idaa_slct.archive_obj) !==
+                JSON.stringify(results)
             ) {
-                console.log(`Deleting disabled or hidden archive content.`);
-                // let results = db_archives.content
-                //     .where('enable')
-                //     .notEqual(true)
-                //     .delete();
-                let results = db_archives.content.clear();
-                console.log(`Deleted ${results} disabled archive content.`);
+                $idaa_slct.archive_obj = { ...results };
+                if (log_lvl) {
+                    console.log(
+                        `$idaa_slct.archive_obj = `,
+                        $idaa_slct.archive_obj
+                    );
+                }
+            } else {
+                if (log_lvl) {
+                    console.log(
+                        `Archive object has not changed for archive_id: ${$idaa_slct.archive_id}`
+                    );
+                }
             }
-            // if ($idaa_loc.archives.qry__hidden !== 'all') {
-            //     console.log(`Deleting hidden archive content.`);
-            //     let results = db_archives.content
-            //         .clear();
-            //     console.log(`Deleted ${results} hidden archive content.`);
+        }
 
-            // }
+        return results as Archive;
+    })
+);
+
+// Reactive Archive Content list using Dexie LiveQuery
+let lq__archive_content_obj_li = $derived.by(() => {
+    // SVELTE 5 REACTIVITY: Track the archive_id store synchronously
+    const archive_id = $idaa_slct.archive_id;
+
+    return liveQuery(async () => {
+        if (!archive_id) return [];
+
+        // Fetch the parent archive and its contents in parallel
+        // Dexie will automatically track these table accesses and re-run this query if they change.
+        const [parent_archive, results] = await Promise.all([
+            db_archives.archive.get(archive_id),
+            db_archives.content.where('archive_id').equals(archive_id).toArray()
+        ]);
+
+        if (!results || results.length === 0) {
+            if (log_lvl)
+                console.log(
+                    'lq__archive_content_obj_li: No content records found in cache.'
+                );
+            return [];
+        }
+
+        // Determine sort mode from the parent archive configuration
+        const sort_mode = parent_archive?.cfg_json?.content_group_sort ?? 'ASC';
+        const is_desc = sort_mode === 'DESC';
+
+        if (log_lvl) {
+            console.log(
+                `lq__archive_content_obj_li: Sorting ${results.length} items using ${sort_mode} mode.`
+            );
+        }
+
+        // Apply multi-step in-memory sort to handle mixed directions (e.g. Group DESC + Sort ASC)
+        results.sort((a, b) => {
+            const groupA = a.group ?? '';
+            const groupB = b.group ?? '';
+
+            if (is_desc) {
+                // MODE: Newest First (DESC) - Typically used for years or chronological groupings
+
+                // 1. Group (DESC) - e.g. Year "2024" should appear before "2023"
+                if (groupA !== groupB) return groupB.localeCompare(groupA);
+
+                // 2. Original Datetime (DESC) - Newer items within the same group first
+                const dateA = a.original_datetime
+                    ? new Date(a.original_datetime).getTime()
+                    : 0;
+                const dateB = b.original_datetime
+                    ? new Date(b.original_datetime).getTime()
+                    : 0;
+                if (dateA !== dateB) return dateB - dateA;
+            } else {
+                // MODE: Standard (ASC) - Typically used for Parts, Chapters, or alphabetical groupings
+
+                // 1. Group (ASC) - e.g. "Part 1" before "Part 2"
+                if (groupA !== groupB) return groupA.localeCompare(groupB);
+            }
+
+            // 3. Priority (DESC) - Starred items always at the top of their subgroup
+            const prioA = a.priority ? 1 : 0;
+            const prioB = b.priority ? 1 : 0;
+            if (prioA !== prioB) return prioB - prioA;
+
+            // 4. Sort (ASC) - Manual Sort order "1" should remain above "2" even in DESC mode
+            const sortA = a.sort ?? 0;
+            const sortB = b.sort ?? 0;
+            if (sortA !== sortB) return sortA - sortB;
+
+            // 5. Fallback: Original Datetime ASC (if in Standard mode and manual sorts are equal)
+            if (!is_desc) {
+                const dateA = a.original_datetime
+                    ? new Date(a.original_datetime).getTime()
+                    : 0;
+                const dateB = b.original_datetime
+                    ? new Date(b.original_datetime).getTime()
+                    : 0;
+                if (dateA !== dateB) return dateA - dateB;
+            }
+
+            // 6. Final fallback: Name ASC
+            return (a.name ?? '').localeCompare(b.name ?? '');
+        });
+
+        return results;
+    });
+});
+
+let lq__archive_content_obj = $derived(
+    liveQuery(async () => {
+        if (log_lvl) {
+            console.log(
+                `lq__archive_content_obj: archive_content_id = ${$idaa_slct?.archive_content_id}`
+            );
+        }
+        // if ($idaa_slct.archive_content_id) {
+        let results = await db_archives.content.get(
+            $idaa_slct.archive_content_id ?? ''
+        ); // null or undefined does not reset things like '' does
+
+        // Check if results are different than the current $idaa_slct.archive_content_obj
+        if ($idaa_slct.archive_content_obj && results) {
+            if (
+                JSON.stringify($idaa_slct.archive_content_obj) !==
+                JSON.stringify(results)
+            ) {
+                $idaa_slct.archive_content_obj = { ...results };
+                if (log_lvl) {
+                    console.log(
+                        `$idaa_slct.archive_content_obj = `,
+                        $idaa_slct.archive_content_obj
+                    );
+                }
+            } else {
+                if (log_lvl) {
+                    console.log(
+                        `Archive content object has not changed for archive_content_id: ${$idaa_slct.archive_content_id}`
+                    );
+                }
+            }
+        }
+
+        return results;
+        // }
+    })
+);
+
+$effect(() => {
+    if ($idaa_trig.archive_content_li) {
+        $idaa_trig.archive_content_li = false;
+
+        if (log_lvl) {
+            console.log(`Triggered: $idaa_trig.archive_content_li`);
+        }
+
+        if (
+            $idaa_loc.archives.qry__enabled !== 'all' ||
+            $idaa_loc.archives.qry__hidden !== 'all'
+        ) {
+            console.log(`Deleting disabled or hidden archive content.`);
             // let results = db_archives.content
             //     .where('enable')
-            //     .equals('false')
+            //     .notEqual(true)
             //     .delete();
-            // console.log(`Deleted ${results} disabled archive content.`);
-
-            $idaa_prom.load__archive_content_obj_li =
-                archives_func.load_ae_obj_li__archive_content({
-                    api_cfg: $ae_api,
-                    for_obj_type: 'archive',
-                    for_obj_id: $idaa_slct.archive_id,
-                    enabled: $idaa_loc.archives.qry__enabled,
-                    hidden: $idaa_loc.archives.qry__hidden,
-                    limit: $idaa_loc.archives.qry__limit,
-                    order_by_li: $idaa_loc.archives.qry__order_by_li,
-                    try_cache: true,
-                    log_lvl: log_lvl
-                });
+            let results = db_archives.content.clear();
+            console.log(`Deleted ${results} disabled archive content.`);
         }
-    });
+        // if ($idaa_loc.archives.qry__hidden !== 'all') {
+        //     console.log(`Deleting hidden archive content.`);
+        //     let results = db_archives.content
+        //         .clear();
+        //     console.log(`Deleted ${results} hidden archive content.`);
 
-    onMount(() => {
-        console.log('Browser environment detected.');
+        // }
+        // let results = db_archives.content
+        //     .where('enable')
+        //     .equals('false')
+        //     .delete();
+        // console.log(`Deleted ${results} disabled archive content.`);
 
-        // NOTE: Use data[data.account_id].slct.archive_id (from load / URL params),
-        // NOT $idaa_slct.archive_id (the store). The store is updated by a $effect that runs
-        // after this synchronous block — reading it here sends the old/null value.
-        let message = { archive_id: data[data.account_id]?.slct?.archive_id ?? null };
-        window.parent.postMessage(message, '*');
+        $idaa_prom.load__archive_content_obj_li =
+            archives_func.load_ae_obj_li__archive_content({
+                api_cfg: $ae_api,
+                for_obj_type: 'archive',
+                for_obj_id: $idaa_slct.archive_id,
+                enabled: $idaa_loc.archives.qry__enabled,
+                hidden: $idaa_loc.archives.qry__hidden,
+                limit: $idaa_loc.archives.qry__limit,
+                order_by_li: $idaa_loc.archives.qry__order_by_li,
+                try_cache: true,
+                log_lvl: log_lvl
+            });
+    }
+});
 
-        if ($ae_loc?.iframe) {
-            console.log(
-                'In iframe, sending message to parent window to scroll to top as well'
-            );
-            window.parent.postMessage({ scroll_to: 0 }, '*'); // This should be in pixels
-        }
-    });
+onMount(() => {
+    console.log('Browser environment detected.');
 
-    onDestroy(() => {
-        log_lvl = 1;
-        if (log_lvl) {
-            console.log(
-                `Destroying archives page for archive_id: ${$idaa_slct?.archive_id}`
-            );
-        }
+    // NOTE: Use data[data.account_id].slct.archive_id (from load / URL params),
+    // NOT $idaa_slct.archive_id (the store). The store is updated by a $effect that runs
+    // after this synchronous block — reading it here sends the old/null value.
+    let message = {
+        archive_id: data[data.account_id]?.slct?.archive_id ?? null
+    };
+    window.parent.postMessage(message, '*');
 
-        let message = { archive_id: null };
-        window.parent.postMessage(message, '*');
+    if ($ae_loc?.iframe) {
+        console.log(
+            'In iframe, sending message to parent window to scroll to top as well'
+        );
+        window.parent.postMessage({ scroll_to: 0 }, '*'); // This should be in pixels
+    }
+});
 
-        // $idaa_slct.archive_id = null;
-        // $idaa_slct.archive_obj = null;
-    });
+onDestroy(() => {
+    log_lvl = 1;
+    if (log_lvl) {
+        console.log(
+            `Destroying archives page for archive_id: ${$idaa_slct?.archive_id}`
+        );
+    }
+
+    let message = { archive_id: null };
+    window.parent.postMessage(message, '*');
+
+    // $idaa_slct.archive_id = null;
+    // $idaa_slct.archive_obj = null;
+});
 </script>
 
 <svelte:head>
@@ -329,22 +327,19 @@
     </title>
 </svelte:head>
 
-
 <!-- <h1>Archives {$lq__archive_obj?.name} - {$lq__archive_content_obj_li?.length}</h1> -->
 
 <div
-    class="ae_header archive__header flex flex-row flex-wrap gap-2 items-center justify-evenly w-full"
->
+    class="ae_header archive__header flex w-full flex-row flex-wrap items-center justify-evenly gap-2">
     <h2
         class="
             archive__name
             h3
-            text-2xl font-bold
-            flex flex-row gap-2 items-center justify-center
-            min-w-1/2
-            max-w-full
-            "
-    >
+            flex max-w-full
+            min-w-1/2 flex-row items-center justify-center gap-2
+            text-2xl
+            font-bold
+            ">
         <span class="ae_icon fas fa-archive text-neutral-800/80"></span>
         <!-- <span class="ae_icon fas fa-file-archive"></span> -->
         {$lq__archive_obj?.name ?? 'Archive'}
@@ -360,29 +355,24 @@
 
     <div
         class="
-            flex flex-row gap-2 items-center justify-evenly
-            min-w-1/4
-            max-w-full
-        "
-    >
+            flex max-w-full min-w-1/4 flex-row items-center
+            justify-evenly
+            gap-2
+        ">
         <span
-            class="float-right flex flex-row flex-wrap gap-1 items-center justify-end"
-        >
+            class="float-right flex flex-row flex-wrap items-center justify-end gap-1">
             {#if $lq__archive_obj?.topic_name}
                 <span class="badge badge-info preset-tonal-tertiary"
                     ><span class="fas fa-user-md m-1"></span>
-                    {$lq__archive_obj?.topic_name}</span
-                >
+                    {$lq__archive_obj?.topic_name}</span>
             {/if}
             {#if $ae_loc.trusted_access && $lq__archive_obj?.hide}
                 <span class="badge badge-warning"
-                    ><span class="fas fa-exclamation-triangle m-1"></span> Hidden</span
-                >
+                    ><span class="fas fa-exclamation-triangle m-1"></span> Hidden</span>
             {/if}
             {#if $ae_loc.administrator_access && !$lq__archive_obj?.enable}
                 <span class="badge badge-warning preset-tonal-warning"
-                    ><span class="fas fa-exclamation-triangle m-1"></span> Not enabled</span
-                >
+                    ><span class="fas fa-exclamation-triangle m-1"></span> Not enabled</span>
             {/if}
         </span>
     </div>
@@ -397,26 +387,23 @@
             novi_uuid: $idaa_loc.novi_uuid,
             novi_email: $idaa_loc.novi_email,
             novi_full_name: $idaa_loc.novi_full_name
-        }}
-    ></Help_tech>
+        }}></Help_tech>
 </div>
 
 <div
     class="
-        flex flex-row gap-2 items-center justify-center
-        w-full
-        p-1 pb-2 mb-2
-        border-b border-b-surface-300-700
-        "
->
+        border-b-surface-300-700 mb-2 flex w-full flex-row
+        items-center
+        justify-center gap-2 border-b
+        p-1 pb-2
+        ">
     <a
         href="/idaa/archives"
         class="novi_btn btn btn-secondary btn-sm
-        preset-tonal-tertiary border border-tertiary-500
-        hover:preset-filled-tertiary-500
+        preset-tonal-tertiary border-tertiary-500 hover:preset-filled-tertiary-500
+        border
         transition
-        "
-    >
+        ">
         <!-- <span class="fas fa-arrow-left m-1"></span> Back to Archives -->
         <span class="fas fa-times m-1"></span> View Other Archives
     </a>
@@ -426,7 +413,6 @@
 
 <Archive_content_obj_li {lq__archive_content_obj_li} />
 
-
 <!-- Modal: Archive edit ID -->
 <Modal
     title="{$lq__archive_obj?.name} - {$lq__archive_obj?.id}"
@@ -434,10 +420,9 @@
     autoclose={false}
     placement="top-center"
     size="xl"
-    class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
->
+    class="top-center relative mx-auto flex w-full flex-col divide-y divide-gray-200 rounded-lg border-gray-200 bg-white text-gray-800 shadow-md dark:divide-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200">
     {#snippet header()}
-        <div class="flex flex-row items-center justify-between w-full">
+        <div class="flex w-full flex-row items-center justify-between">
             <h3 class="text-lg font-semibold">
                 {#if $ae_loc.trusted_access}
                     <!-- <div class="ae_options"> -->
@@ -452,9 +437,8 @@
                                 $idaa_slct.archive_id;
                             $idaa_sess.archives.show__modal_edit__archive_id = false;
                         }}
-                        class="novi_btn btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition"
-                        title={`View meeting: ${$lq__archive_obj?.name}`}
-                    >
+                        class="novi_btn btn btn-sm preset-tonal-warning border-warning-500 hover:preset-filled-warning-500 border transition"
+                        title={`View meeting: ${$lq__archive_obj?.name}`}>
                         <span class="fas fa-eye m-1"></span> View
                     </button>
                     <!-- </div> -->
@@ -475,24 +459,21 @@
             onclick={() => {
                 $idaa_sess.archives.show__modal_view__archive_id = false;
                 $idaa_sess.archives.show__modal_edit__archive_id = false;
-            }}
-        >
+            }}>
             <span class="fas fa-times"></span>
             Close
         </button>
     {/snippet}
 </Modal>
 
-
 <Modal
     bind:open={$idaa_sess.archives.show__modal_edit__archive_content_id}
     autoclose={false}
     placement="top-center"
     size="xl"
-    class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
->
+    class="top-center relative mx-auto flex w-full flex-col divide-y divide-gray-200 rounded-lg border-gray-200 bg-white text-gray-800 shadow-md dark:divide-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200">
     {#snippet header()}
-        <div class="flex flex-row items-center justify-between w-full">
+        <div class="flex w-full flex-row items-center justify-between">
             <h3 class="text-lg font-semibold">
                 {#if $ae_loc.trusted_access}
                     <!-- <div class="ae_options"> -->
@@ -505,9 +486,8 @@
 
                             $idaa_sess.archives.show__modal_edit__archive_content_id = false;
                         }}
-                        class="novi_btn btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition"
-                        title={`View meeting: ${$lq__archive_content_obj?.name}`}
-                    >
+                        class="novi_btn btn btn-sm preset-tonal-warning border-warning-500 hover:preset-filled-warning-500 border transition"
+                        title={`View meeting: ${$lq__archive_content_obj?.name}`}>
                         <span class="fas fa-eye m-1"></span> Cancel
                     </button>
                     <!-- </div> -->
@@ -528,14 +508,12 @@
             onclick={() => {
                 $idaa_sess.archives.show__modal_view__archive_content_id = false;
                 $idaa_sess.archives.show__modal_edit__archive_content_id = false;
-            }}
-        >
+            }}>
             <span class="fas fa-times"></span>
             Close
         </button>
     {/snippet}
 </Modal>
 
-
 <!-- Showing and hiding a modal like this seems to cause an issue with where it is rendered on the page. The <Modal> should be moved back here and the actual "player" left mostly separate. 2025-07-10 -->
 <Modal_media_player {lq__archive_content_obj} />
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/+page.ts b/src/routes/idaa/(idaa)/archives/[archive_id]/+page.ts
index 43c8a910..2f432cd7 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/+page.ts
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/+page.ts
@@ -42,7 +42,9 @@ export const load = (async ({ params, parent }) => {
             })
             .then((results) => {
                 if (!results) {
-                    console.warn(`ae IDAA Archives [archive_id] +page.ts: Archive ${archive_id} not found via API or Cache.`);
+                    console.warn(
+                        `ae IDAA Archives [archive_id] +page.ts: Archive ${archive_id} not found via API or Cache.`
+                    );
                 }
             });
     }
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_id_edit.svelte b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_id_edit.svelte
index 23ac177e..a0fca178 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_id_edit.svelte
@@ -1,331 +1,387 @@
 <script lang="ts">
-    // *** Import Svelte core
-    import { onMount } from 'svelte';
-    import { fade } from 'svelte/transition';
+// *** Import Svelte core
+import { onMount } from 'svelte';
+import { fade } from 'svelte/transition';
 
-    // *** Import Aether core variables and functions
-    import type { key_val } from '$lib/stores/ae_stores';
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import { core_func } from '$lib/ae_core/ae_core_functions';
-    import { liveQuery } from 'dexie';
-    import { db_lookups } from '$lib/ae_core/db_lookups';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
-    import { archives_func } from '$lib/ae_archives/ae_archives_functions';
+// *** Import Aether core variables and functions
+import type { key_val } from '$lib/stores/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { core_func } from '$lib/ae_core/ae_core_functions';
+import { liveQuery } from 'dexie';
+import { db_lookups } from '$lib/ae_core/db_lookups';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+import { archives_func } from '$lib/ae_archives/ae_archives_functions';
 
-    import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
-    import Comp_hosted_files_upload from '$lib/ae_core/ae_comp__hosted_files_upload.svelte';
-    import Element_manage_hosted_file_li_wrap from '$lib/elements/element_manage_hosted_file_li_all.svelte';
+import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
+import Comp_hosted_files_upload from '$lib/ae_core/ae_comp__hosted_files_upload.svelte';
+import Element_manage_hosted_file_li_wrap from '$lib/elements/element_manage_hosted_file_li_all.svelte';
 
-    interface Props {
-        log_lvl?: number;
-        lq__archive_content_obj: any;
-    }
+interface Props {
+    log_lvl?: number;
+    lq__archive_content_obj: any;
+}
 
-    let { log_lvl = 0, lq__archive_content_obj }: Props = $props();
+let { log_lvl = 0, lq__archive_content_obj }: Props = $props();
 
-    let create_archive_content_obj_promise: any;
-    let delete_archive_content_obj_promise: any;
-    let update_archive_content_obj_promise: any;
-    let upload__hosted_file_obj_promise: any;
-    let prom_api__archive_content_obj: any = $state();
-    let prom_api__archive_content_obj__hosted_file: any = $state();
+let create_archive_content_obj_promise: any;
+let delete_archive_content_obj_promise: any;
+let update_archive_content_obj_promise: any;
+let upload__hosted_file_obj_promise: any;
+let prom_api__archive_content_obj: any = $state();
+let prom_api__archive_content_obj__hosted_file: any = $state();
 
-    let description_new_html = $state(
-        $idaa_slct.archive_content_obj?.description ?? ''
+let description_new_html = $state(
+    $idaa_slct.archive_content_obj?.description ?? ''
+);
+let description_changed = $state(false);
+let notes_new_html = $state($idaa_slct.archive_content_obj?.notes ?? '');
+let notes_changed = $state(false);
+let disable_submit_btn = $state(false);
+
+let slct_hosted_file_kv: key_val = $state({});
+
+if ($idaa_slct.archive_content_id) {
+    console.log(
+        `Archive Content ID selected: ${$idaa_slct.archive_content_id}`
     );
-    let description_changed = $state(false);
-    let notes_new_html = $state($idaa_slct.archive_content_obj?.notes ?? '');
-    let notes_changed = $state(false);
-    let disable_submit_btn = $state(false);
-
-    let slct_hosted_file_kv: key_val = $state({});
-
-    if ($idaa_slct.archive_content_id) {
-        console.log(
-            `Archive Content ID selected: ${$idaa_slct.archive_content_id}`
-        );
-        console.log(
-            `Archive Content Object selected: ${$idaa_slct.archive_content_obj}`
-        );
-        if (
-            $idaa_slct.archive_content_obj &&
-            $idaa_slct.archive_content_obj.upload_complete === undefined
-        ) {
-            $idaa_slct.archive_content_obj.upload_complete = false;
-        }
-        if (
-            $idaa_slct.archive_content_obj &&
-            !Array.isArray($idaa_slct.archive_content_obj.hosted_file_id_li)
-        ) {
-            $idaa_slct.archive_content_obj.hosted_file_id_li = [];
-        }
-        if (
-            $idaa_slct.archive_content_obj &&
-            !Array.isArray($idaa_slct.archive_content_obj.hosted_file_obj_li)
-        ) {
-            $idaa_slct.archive_content_obj.hosted_file_obj_li = [];
-        }
-    } else {
-        $idaa_slct.archive_content_id = null;
-        $idaa_slct.archive_content_obj = {
-            archive_id_random: null,
-            // archive_content_id_random: null,
-            archive_content_type: 'hosted_file',
-            name: null,
-            description: null,
-            content_html: null,
-            // hosted_file_id_random: null,
-            // file_path: null, // file_path is no longer used, but need to be aware of it.
-            filename: null,
-            file_extension: null,
-            original_datetime: null,
-            original_timezone: null,
-            original_location: null,
-            // original_url: null,
-            // original_url_text: null,
-            // access_key: null, // or passcode?
-
-            enable: true,
-            hide: false,
-            priority: null,
-            sort: null,
-            notes: null,
-            upload_complete: false,
-            hosted_file_id_li: [],
-            hosted_file_obj_li: []
-        };
-        console.log(
-            `Archive Content Object started: ${$idaa_slct.archive_content_obj}`
-        );
-    }
-
-    // Timezone lookup — reactive IDB query; background refresh handled by liveQuery + TTL
-    // Sort: sort DESC (higher = first, NULL=0 last), then name ASC — matches Aether backend convention.
-    const lq__lu_time_zone = liveQuery(() =>
-        db_lookups.lu_time_zone.toArray().then(arr =>
-            arr.sort((a, b) => {
-                const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
-                if (s_diff !== 0) return s_diff;
-                return (a.name ?? '').localeCompare(b.name ?? '');
-            })
-        )
+    console.log(
+        `Archive Content Object selected: ${$idaa_slct.archive_content_obj}`
     );
-
-    onMount(() => {
-        // Trigger background IDB refresh if stale/empty; liveQuery reacts automatically
-        core_func.load_ae_obj_li__time_zone({ api_cfg: $ae_api, log_lvl });
-    });
-
-    function prevent_default<T extends Event>(fn: (event: T) => void) {
-        return function (event: T) {
-            event.preventDefault();
-            fn(event);
-        };
-    }
-
-    async function handle_submit_form(event: SubmitEvent) {
-        if (log_lvl > 1) {
-            console.log('*** handle_submit_form() ***');
-            console.log(event.currentTarget);
-        }
-
-        disable_submit_btn = true;
-
-        let form_data = new FormData(event.currentTarget as HTMLFormElement);
-        if (log_lvl) {
-            console.log(form_data);
-        }
-
-        let archive_content_di = ae_util.extract_prefixed_form_data({
-            prefix: null,
-            form_data: form_data,
-            trim_values: true,
-            bool_tf_str: true,
-            log_lvl: 0
-        });
-        console.log(archive_content_di);
-
-        let archive_content_do: key_val = {};
-
-        if (!$idaa_slct.archive_content_id) {
-            archive_content_do['archive_id_random'] = $idaa_slct.archive_id;
-        }
-
-        archive_content_do['name'] = archive_content_di.name;
-
-        // Check if the description_new_html exists and is a string
-        if (typeof description_new_html === 'string') {
-            console.log('New description is a string');
-            archive_content_do['description'] = description_new_html;
-        } else {
-            console.log('New description is not a string. Do nothing.');
-            // archive_content_do['description'] = event_meeting_fd.description;
-        }
-
-        if (archive_content_di.archive_content_type) {
-            archive_content_do['archive_content_type'] =
-                archive_content_di.archive_content_type;
-        } else {
-            archive_content_do['archive_content_type'] = null;
-        }
-
-        // archive_content_do['enable_for_public'] = !!!archive_content_di.enable_for_public;
-
-        // archive_content_do['file_path'] = archive_content_di.file_path;
-        archive_content_do['filename'] =
-            archive_content_di?.filename?.trim() ?? null;
-        archive_content_do['file_extension'] =
-            archive_content_di?.file_extension?.trim() ?? null;
-
-        let date_time_str = null;
-        let date_part = archive_content_di.original_datetime_date.trim();
-        let time_part = archive_content_di.original_datetime_time.trim();
-        if (date_part && time_part) {
-            date_time_str = `${date_part} ${time_part}`;
-        } else if (date_part) {
-            date_time_str = `${date_part}T00:00:00`;
-        } else if (time_part) {
-            // date_time_str = `${time_part}`;
-            date_time_str = false;
-        }
-        archive_content_do['original_datetime'] = date_time_str;
-
-        archive_content_do['original_timezone'] =
-            archive_content_di.original_timezone;
-
-        archive_content_do['original_location'] =
-            archive_content_di.original_location;
-
-        archive_content_do['hide'] = archive_content_di.hide;
-        archive_content_do['priority'] = archive_content_di.priority;
-        if (archive_content_di.sort) {
-            archive_content_do['sort'] = Number(archive_content_di.sort);
-        } else {
-            archive_content_do['sort'] = null;
-        }
-        if (archive_content_di.group) {
-            archive_content_do['group'] = archive_content_di.group;
-        } else {
-            archive_content_do['group'] = null;
-        }
-
-        // console.log(`archive_content_di.enable = ${archive_content_di.enable}`);
-        archive_content_do['enable'] = !!archive_content_di.enable;
-
-        // Check if the notes_new_html exists and is a string
-        if (typeof notes_new_html === 'string') {
-            console.log('New notes is a string');
-            archive_content_do['notes'] = notes_new_html;
-        } else {
-            console.log('New notes is not a string. Do nothing.');
-            // archive_content_do['notes'] = event_meeting_fd.notes;
-        }
-
-        console.log(archive_content_do);
-
-        if (!$idaa_slct.archive_content_id) {
-            prom_api__archive_content_obj = archives_func
-                .create_ae_obj__archive_content({
-                    api_cfg: $ae_api,
-                    archive_id: $idaa_slct.archive_id,
-                    data_kv: archive_content_do,
-                    log_lvl: log_lvl
-                })
-                .then(async function (archive_content_obj_create_result) {
-                    if (!archive_content_obj_create_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    }
-
-                    $idaa_slct.archive_content_id =
-                        archive_content_obj_create_result.archive_content_id_random;
-                    // $idaa_slct.archive_content_obj = await $lq__archive_content_obj;
-                    // $idaa_slct.archive_content_obj.hosted_file_id_li = [];
-                    // $idaa_slct.archive_content_obj.hosted_file_obj_li = [];
-                    // $idaa_slct.archive_content_obj.upload_complete = false;
-                    // $idaa_slct.archive_content_obj.description_new_html = '';
-
-                    $idaa_slct.archive_content_obj =
-                        archive_content_obj_create_result;
-                    $idaa_slct.archive_content_obj.archive_content_id =
-                        archive_content_obj_create_result.archive_content_id_random; // This is because we need use the string ID, not int ID.
-                    $idaa_slct.archive_content_obj.upload_complete = false;
-                    $idaa_slct.archive_content_obj.hosted_file_id_li = [];
-                    $idaa_slct.archive_content_obj.hosted_file_obj_li = [];
-
-                    return archive_content_obj_create_result;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
-                    return false;
-                })
-                .finally(() => {
-                    disable_submit_btn = false;
-                });
-
-            return create_archive_content_obj_promise;
-        } else {
-            prom_api__archive_content_obj = archives_func
-                .update_ae_obj__archive_content({
-                    api_cfg: $ae_api,
-                    archive_content_id: $idaa_slct.archive_content_id,
-                    data_kv: archive_content_do,
-                    log_lvl: log_lvl
-                })
-                .then(function (archive_content_obj_update_result) {
-                    if (!archive_content_obj_update_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    }
-
-                    return archive_content_obj_update_result;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
-                    return false;
-                })
-                .finally(() => {
-                    // We need to do all of this since the DB object has changed and the SLCT object does automatically update (yet...??? Svelte 5?).
-                    // $idaa_slct.archive_content_obj = await $lq__archive_content_obj;
-
-                    $idaa_slct.archive_content_id = null;
-                    $idaa_slct.archive_content_obj = {};
-                    $idaa_sess.archives.show__modal_edit__archive_content_id = false;
-                });
-
-            return prom_api__archive_content_obj;
-        }
-    }
-
-    async function handle_hosted_files_uploaded(
-        hosted_file_id_li: string[],
-        hosted_file_obj_li: any[]
+    if (
+        $idaa_slct.archive_content_obj &&
+        $idaa_slct.archive_content_obj.upload_complete === undefined
     ) {
-        console.log(
-            `*** handle_hosted_files_uploaded() *** ${hosted_file_id_li}`
-        );
+        $idaa_slct.archive_content_obj.upload_complete = false;
+    }
+    if (
+        $idaa_slct.archive_content_obj &&
+        !Array.isArray($idaa_slct.archive_content_obj.hosted_file_id_li)
+    ) {
+        $idaa_slct.archive_content_obj.hosted_file_id_li = [];
+    }
+    if (
+        $idaa_slct.archive_content_obj &&
+        !Array.isArray($idaa_slct.archive_content_obj.hosted_file_obj_li)
+    ) {
+        $idaa_slct.archive_content_obj.hosted_file_obj_li = [];
+    }
+} else {
+    $idaa_slct.archive_content_id = null;
+    $idaa_slct.archive_content_obj = {
+        archive_id_random: null,
+        // archive_content_id_random: null,
+        archive_content_type: 'hosted_file',
+        name: null,
+        description: null,
+        content_html: null,
+        // hosted_file_id_random: null,
+        // file_path: null, // file_path is no longer used, but need to be aware of it.
+        filename: null,
+        file_extension: null,
+        original_datetime: null,
+        original_timezone: null,
+        original_location: null,
+        // original_url: null,
+        // original_url_text: null,
+        // access_key: null, // or passcode?
 
+        enable: true,
+        hide: false,
+        priority: null,
+        sort: null,
+        notes: null,
+        upload_complete: false,
+        hosted_file_id_li: [],
+        hosted_file_obj_li: []
+    };
+    console.log(
+        `Archive Content Object started: ${$idaa_slct.archive_content_obj}`
+    );
+}
+
+// Timezone lookup — reactive IDB query; background refresh handled by liveQuery + TTL
+// Sort: sort DESC (higher = first, NULL=0 last), then name ASC — matches Aether backend convention.
+const lq__lu_time_zone = liveQuery(() =>
+    db_lookups.lu_time_zone.toArray().then((arr) =>
+        arr.sort((a, b) => {
+            const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
+            if (s_diff !== 0) return s_diff;
+            return (a.name ?? '').localeCompare(b.name ?? '');
+        })
+    )
+);
+
+onMount(() => {
+    // Trigger background IDB refresh if stale/empty; liveQuery reacts automatically
+    core_func.load_ae_obj_li__time_zone({ api_cfg: $ae_api, log_lvl });
+});
+
+function prevent_default<T extends Event>(fn: (event: T) => void) {
+    return function (event: T) {
+        event.preventDefault();
+        fn(event);
+    };
+}
+
+async function handle_submit_form(event: SubmitEvent) {
+    if (log_lvl > 1) {
+        console.log('*** handle_submit_form() ***');
+        console.log(event.currentTarget);
+    }
+
+    disable_submit_btn = true;
+
+    let form_data = new FormData(event.currentTarget as HTMLFormElement);
+    if (log_lvl) {
+        console.log(form_data);
+    }
+
+    let archive_content_di = ae_util.extract_prefixed_form_data({
+        prefix: null,
+        form_data: form_data,
+        trim_values: true,
+        bool_tf_str: true,
+        log_lvl: 0
+    });
+    console.log(archive_content_di);
+
+    let archive_content_do: key_val = {};
+
+    if (!$idaa_slct.archive_content_id) {
+        archive_content_do['archive_id_random'] = $idaa_slct.archive_id;
+    }
+
+    archive_content_do['name'] = archive_content_di.name;
+
+    // Check if the description_new_html exists and is a string
+    if (typeof description_new_html === 'string') {
+        console.log('New description is a string');
+        archive_content_do['description'] = description_new_html;
+    } else {
+        console.log('New description is not a string. Do nothing.');
+        // archive_content_do['description'] = event_meeting_fd.description;
+    }
+
+    if (archive_content_di.archive_content_type) {
+        archive_content_do['archive_content_type'] =
+            archive_content_di.archive_content_type;
+    } else {
+        archive_content_do['archive_content_type'] = null;
+    }
+
+    // archive_content_do['enable_for_public'] = !!!archive_content_di.enable_for_public;
+
+    // archive_content_do['file_path'] = archive_content_di.file_path;
+    archive_content_do['filename'] =
+        archive_content_di?.filename?.trim() ?? null;
+    archive_content_do['file_extension'] =
+        archive_content_di?.file_extension?.trim() ?? null;
+
+    let date_time_str = null;
+    let date_part = archive_content_di.original_datetime_date.trim();
+    let time_part = archive_content_di.original_datetime_time.trim();
+    if (date_part && time_part) {
+        date_time_str = `${date_part} ${time_part}`;
+    } else if (date_part) {
+        date_time_str = `${date_part}T00:00:00`;
+    } else if (time_part) {
+        // date_time_str = `${time_part}`;
+        date_time_str = false;
+    }
+    archive_content_do['original_datetime'] = date_time_str;
+
+    archive_content_do['original_timezone'] =
+        archive_content_di.original_timezone;
+
+    archive_content_do['original_location'] =
+        archive_content_di.original_location;
+
+    archive_content_do['hide'] = archive_content_di.hide;
+    archive_content_do['priority'] = archive_content_di.priority;
+    if (archive_content_di.sort) {
+        archive_content_do['sort'] = Number(archive_content_di.sort);
+    } else {
+        archive_content_do['sort'] = null;
+    }
+    if (archive_content_di.group) {
+        archive_content_do['group'] = archive_content_di.group;
+    } else {
+        archive_content_do['group'] = null;
+    }
+
+    // console.log(`archive_content_di.enable = ${archive_content_di.enable}`);
+    archive_content_do['enable'] = !!archive_content_di.enable;
+
+    // Check if the notes_new_html exists and is a string
+    if (typeof notes_new_html === 'string') {
+        console.log('New notes is a string');
+        archive_content_do['notes'] = notes_new_html;
+    } else {
+        console.log('New notes is not a string. Do nothing.');
+        // archive_content_do['notes'] = event_meeting_fd.notes;
+    }
+
+    console.log(archive_content_do);
+
+    if (!$idaa_slct.archive_content_id) {
+        prom_api__archive_content_obj = archives_func
+            .create_ae_obj__archive_content({
+                api_cfg: $ae_api,
+                archive_id: $idaa_slct.archive_id,
+                data_kv: archive_content_do,
+                log_lvl: log_lvl
+            })
+            .then(async function (archive_content_obj_create_result) {
+                if (!archive_content_obj_create_result) {
+                    console.log('The result was null or false.');
+                    return false;
+                }
+
+                $idaa_slct.archive_content_id =
+                    archive_content_obj_create_result.archive_content_id_random;
+                // $idaa_slct.archive_content_obj = await $lq__archive_content_obj;
+                // $idaa_slct.archive_content_obj.hosted_file_id_li = [];
+                // $idaa_slct.archive_content_obj.hosted_file_obj_li = [];
+                // $idaa_slct.archive_content_obj.upload_complete = false;
+                // $idaa_slct.archive_content_obj.description_new_html = '';
+
+                $idaa_slct.archive_content_obj =
+                    archive_content_obj_create_result;
+                $idaa_slct.archive_content_obj.archive_content_id =
+                    archive_content_obj_create_result.archive_content_id_random; // This is because we need use the string ID, not int ID.
+                $idaa_slct.archive_content_obj.upload_complete = false;
+                $idaa_slct.archive_content_obj.hosted_file_id_li = [];
+                $idaa_slct.archive_content_obj.hosted_file_obj_li = [];
+
+                return archive_content_obj_create_result;
+            })
+            .catch(function (error: any) {
+                console.log('Something went wrong.');
+                console.log(error);
+                return false;
+            })
+            .finally(() => {
+                disable_submit_btn = false;
+            });
+
+        return create_archive_content_obj_promise;
+    } else {
+        prom_api__archive_content_obj = archives_func
+            .update_ae_obj__archive_content({
+                api_cfg: $ae_api,
+                archive_content_id: $idaa_slct.archive_content_id,
+                data_kv: archive_content_do,
+                log_lvl: log_lvl
+            })
+            .then(function (archive_content_obj_update_result) {
+                if (!archive_content_obj_update_result) {
+                    console.log('The result was null or false.');
+                    return false;
+                }
+
+                return archive_content_obj_update_result;
+            })
+            .catch(function (error: any) {
+                console.log('Something went wrong.');
+                console.log(error);
+                return false;
+            })
+            .finally(() => {
+                // We need to do all of this since the DB object has changed and the SLCT object does automatically update (yet...??? Svelte 5?).
+                // $idaa_slct.archive_content_obj = await $lq__archive_content_obj;
+
+                $idaa_slct.archive_content_id = null;
+                $idaa_slct.archive_content_obj = {};
+                $idaa_sess.archives.show__modal_edit__archive_content_id = false;
+            });
+
+        return prom_api__archive_content_obj;
+    }
+}
+
+async function handle_hosted_files_uploaded(
+    hosted_file_id_li: string[],
+    hosted_file_obj_li: any[]
+) {
+    console.log(`*** handle_hosted_files_uploaded() *** ${hosted_file_id_li}`);
+
+    // We need to update the archive_content_obj with the new file (for now just the first one).
+    prom_api__archive_content_obj = archives_func
+        .update_ae_obj__archive_content({
+            api_cfg: $ae_api,
+            archive_content_id: $idaa_slct.archive_content_id,
+            data_kv: {
+                hosted_file_id: hosted_file_obj_li[0].hosted_file_id,
+                // file_path: hosted_file_obj_li[0].file_path,
+                filename: hosted_file_obj_li[0].filename,
+                file_extension: hosted_file_obj_li[0].extension,
+                archive_content_type: 'hosted_file'
+            },
+            log_lvl: log_lvl
+        })
+        .then(function (archive_content_obj_update_result) {
+            // $idaa_slct.archive_content_obj = $lq__archive_content_obj;
+            $idaa_slct.archive_content_obj = archive_content_obj_update_result;
+            $idaa_slct.archive_content_obj.upload_complete = true;
+            if (
+                !Array.isArray($idaa_slct.archive_content_obj.hosted_file_id_li)
+            ) {
+                $idaa_slct.archive_content_obj.hosted_file_id_li = [];
+            }
+            if (
+                !Array.isArray(
+                    $idaa_slct.archive_content_obj.hosted_file_obj_li
+                )
+            ) {
+                $idaa_slct.archive_content_obj.hosted_file_obj_li = [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('Something went wrong.');
+            console.log(error);
+            return false;
+        });
+}
+
+$effect(() => {
+    if (
+        $idaa_slct.archive_content_obj?.upload_complete &&
+        $idaa_slct.archive_content_obj?.hosted_file_id_li?.length &&
+        $idaa_slct.archive_content_obj.hosted_file_obj_li?.length
+    ) {
+        handle_hosted_files_uploaded(
+            $idaa_slct.archive_content_obj.hosted_file_id_li,
+            $idaa_slct.archive_content_obj.hosted_file_obj_li
+        );
+    }
+});
+
+let slct_hosted_file_id: any = $state(null);
+let slct_hosted_file_obj: any = $state(null);
+$effect(() => {
+    if (slct_hosted_file_id && slct_hosted_file_obj) {
+        console.log(
+            `*** handle_hosted_file_selected() *** ${slct_hosted_file_id}`
+        );
         // We need to update the archive_content_obj with the new file (for now just the first one).
         prom_api__archive_content_obj = archives_func
             .update_ae_obj__archive_content({
                 api_cfg: $ae_api,
                 archive_content_id: $idaa_slct.archive_content_id,
                 data_kv: {
-                    hosted_file_id: hosted_file_obj_li[0].hosted_file_id,
+                    hosted_file_id: slct_hosted_file_id,
                     // file_path: hosted_file_obj_li[0].file_path,
-                    filename: hosted_file_obj_li[0].filename,
-                    file_extension: hosted_file_obj_li[0].extension,
+                    filename: slct_hosted_file_obj.filename,
+                    file_extension: slct_hosted_file_obj.extension,
                     archive_content_type: 'hosted_file'
                 },
                 log_lvl: log_lvl
@@ -334,7 +390,7 @@
                 // $idaa_slct.archive_content_obj = $lq__archive_content_obj;
                 $idaa_slct.archive_content_obj =
                     archive_content_obj_update_result;
-                $idaa_slct.archive_content_obj.upload_complete = true;
+                $idaa_slct.archive_content_obj.upload_complete = false;
                 if (
                     !Array.isArray(
                         $idaa_slct.archive_content_obj.hosted_file_id_li
@@ -355,83 +411,21 @@
                 console.log(error);
                 return false;
             });
+
+        slct_hosted_file_id = null;
+        slct_hosted_file_obj = null;
     }
-
-    $effect(() => {
-        if (
-            $idaa_slct.archive_content_obj?.upload_complete &&
-            $idaa_slct.archive_content_obj?.hosted_file_id_li?.length &&
-            $idaa_slct.archive_content_obj.hosted_file_obj_li?.length
-        ) {
-            handle_hosted_files_uploaded(
-                $idaa_slct.archive_content_obj.hosted_file_id_li,
-                $idaa_slct.archive_content_obj.hosted_file_obj_li
-            );
-        }
-    });
-
-    let slct_hosted_file_id: any = $state(null);
-    let slct_hosted_file_obj: any = $state(null);
-    $effect(() => {
-        if (slct_hosted_file_id && slct_hosted_file_obj) {
-            console.log(
-                `*** handle_hosted_file_selected() *** ${slct_hosted_file_id}`
-            );
-            // We need to update the archive_content_obj with the new file (for now just the first one).
-            prom_api__archive_content_obj = archives_func
-                .update_ae_obj__archive_content({
-                    api_cfg: $ae_api,
-                    archive_content_id: $idaa_slct.archive_content_id,
-                    data_kv: {
-                        hosted_file_id: slct_hosted_file_id,
-                        // file_path: hosted_file_obj_li[0].file_path,
-                        filename: slct_hosted_file_obj.filename,
-                        file_extension: slct_hosted_file_obj.extension,
-                        archive_content_type: 'hosted_file'
-                    },
-                    log_lvl: log_lvl
-                })
-                .then(function (archive_content_obj_update_result) {
-                    // $idaa_slct.archive_content_obj = $lq__archive_content_obj;
-                    $idaa_slct.archive_content_obj =
-                        archive_content_obj_update_result;
-                    $idaa_slct.archive_content_obj.upload_complete = false;
-                    if (
-                        !Array.isArray(
-                            $idaa_slct.archive_content_obj.hosted_file_id_li
-                        )
-                    ) {
-                        $idaa_slct.archive_content_obj.hosted_file_id_li = [];
-                    }
-                    if (
-                        !Array.isArray(
-                            $idaa_slct.archive_content_obj.hosted_file_obj_li
-                        )
-                    ) {
-                        $idaa_slct.archive_content_obj.hosted_file_obj_li = [];
-                    }
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
-                    return false;
-                });
-
-            slct_hosted_file_id = null;
-            slct_hosted_file_obj = null;
-        }
-    });
+});
 </script>
 
 <section
     class="
         svelte_component ae_section ae_edit archive_content_obj edit__archive_content_obj
-        space-y-2 p-2
-        rounded-md
         preset-filled-surface-50-950 preset-outlined-warning-400-600
+        space-y-2
+        rounded-md p-2
         "
-    class:ae_create={!$idaa_slct.archive_content_id}
->
+    class:ae_create={!$idaa_slct.archive_content_id}>
     <!-- bind:clientHeight={ae_iframe_height} -->
 
     <form onsubmit={prevent_default(handle_submit_form)} class="space-y-1">
@@ -452,8 +446,7 @@
         <!-- <h3>Archive Content</h3> -->
 
         <div
-            class="ae_section archive_content__general border border-gray-200 rounded p-2 space-y-2"
-        >
+            class="ae_section archive_content__general space-y-2 rounded border border-gray-200 p-2">
             <div>
                 <label for="name" class="w-full">
                     <span class="text-sm font-semibold"> Name of Content </span>
@@ -468,12 +461,11 @@
                             : ''}
                         autocomplete="off"
                         class="
-                    input w-full
-                    preset-tonal-surface hover:preset-filled-surface-100-900
-                    form-control
+                    input preset-tonal-surface
+                    hover:preset-filled-surface-100-900 form-control
+                    w-full
                     "
-                        placeholder="Content name"
-                    />
+                        placeholder="Content name" />
                 </label>
 
                 <label for="description" class="ae_label w-full">
@@ -483,8 +475,7 @@
                     <AE_Comp_Editor_TipTap
                         bind:content={description_new_html}
                         class_li="preset-tonal-surface hover:preset-filled-surface-100-900"
-                        placeholder="Your content description here..."
-                    />
+                        placeholder="Your content description here..." />
                 </label>
             </div>
 
@@ -496,12 +487,10 @@
                     bind:value={
                         $idaa_slct.archive_content_obj.archive_content_type
                     }
-                    class="select w-52"
-                >
+                    class="select w-52">
                     <option value="">-- None --</option>
                     <option value="hosted_file" selected
-                        >Hosted File in Æ</option
-                    >
+                        >Hosted File in Æ</option>
                     <option value="html">Hosted HTML in Æ</option>
                     <option value="json">Hosted JSON in Æ</option>
                     <option value="url">External URL</option>
@@ -536,11 +525,10 @@
 
         {#if $idaa_slct.archive_content_id}
             <div
-                class="ae_section archive_content__hosted_file border border-gray-200 rounded p-2 space-y-2"
+                class="ae_section archive_content__hosted_file space-y-2 rounded border border-gray-200 p-2"
                 class:hidden={$idaa_slct.archive_content_obj
                     .archive_content_type !== 'hosted_file' &&
-                    !$idaa_slct.archive_content_id}
-            >
+                    !$idaa_slct.archive_content_id}>
                 <h3 class="h3">Upload/Manage Hosted File</h3>
 
                 {#if !$idaa_slct.archive_content_obj?.hosted_file_id}
@@ -549,7 +537,7 @@
                     {#if $ae_loc.trusted_access}
                         <button
                             type="button"
-                            class="btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 float-right"
+                            class="btn btn-sm preset-tonal-warning border-warning-500 hover:preset-filled-warning-500 float-right border"
                             title="Toggle between Upload and Select from Hosted Files"
                             onclick={() => {
                                 if (
@@ -562,8 +550,7 @@
                                     $ae_sess.files.add_to_use_files_method =
                                         'upload';
                                 }
-                            }}
-                        >
+                            }}>
                             <span class="fas fa-exchange-alt m-1"></span>
                             Upload/Select
                         </button>
@@ -571,8 +558,7 @@
                         <div
                             class:hidden={$ae_sess.files
                                 .add_to_use_files_method != 'upload'}
-                            class="upload"
-                        >
+                            class="upload">
                             <Comp_hosted_files_upload
                                 class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
                                 link_to_type="archive_content"
@@ -590,22 +576,18 @@
                                     $idaa_slct.archive_content_obj
                                         .upload_complete
                                 }
-                                log_lvl={1}
-                            >
+                                log_lvl={1}>
                                 {#snippet label()}
                                     <div
-                                        class="flex flex-col items-center gap-2 py-2"
-                                    >
+                                        class="flex flex-col items-center gap-2 py-2">
                                         <div
-                                            class="p-3 rounded-full bg-primary-500/10 text-primary-500"
-                                        >
+                                            class="bg-primary-500/10 text-primary-500 rounded-full p-3">
                                             <span class="fas fa-upload fa-lg"
                                             ></span>
                                         </div>
                                         <div class="text-center">
                                             <p
-                                                class="font-bold text-primary-500"
-                                            >
+                                                class="text-primary-500 font-bold">
                                                 Upload archive files
                                             </p>
                                             <p class="text-xs opacity-60">
@@ -621,8 +603,7 @@
                         <div
                             class:hidden={$ae_sess.files
                                 .add_to_use_files_method != 'select'}
-                            class=""
-                        >
+                            class="">
                             <Element_manage_hosted_file_li_wrap
                                 link_to_type={'account'}
                                 link_to_id={$ae_loc?.account_id}
@@ -631,8 +612,7 @@
                                 class_li={''}
                                 bind:slct_hosted_file_kv
                                 bind:slct_hosted_file_id
-                                bind:slct_hosted_file_obj
-                            />
+                                bind:slct_hosted_file_obj />
                         </div>
                     {/if}
                 {:else}
@@ -728,8 +708,7 @@
                                         });
                             }
                         }}
-                        class="novi_btn btn btn-sm preset-tonal-error float-right"
-                    >
+                        class="novi_btn btn btn-sm preset-tonal-error float-right">
                         {#await prom_api__archive_content_obj__hosted_file}
                             <span class="fas fa-spinner fa-spin m-1"></span>
                         {:then}
@@ -765,8 +744,7 @@
                             value={$idaa_slct.archive_content_obj.filename
                                 ? $idaa_slct.archive_content_obj.filename
                                 : 'unknown'}
-                            class="input w-full"
-                        />
+                            class="input w-full" />
                     </label>
 
                     <label for="file_extension"
@@ -777,8 +755,7 @@
                         {:else}
                             <span
                                 class="fas fa-unlock"
-                                title="Field is unlocked"
-                            ></span>
+                                title="Field is unlocked"></span>
                         {/if}
                         <input
                             type="text"
@@ -788,23 +765,20 @@
                                 ? $idaa_slct.archive_content_obj.file_extension
                                 : 'ext'}
                             readonly={!$ae_loc.administrator_access}
-                            class="input w-24"
-                        />
+                            class="input w-24" />
                     </label>
                 {/if}
             </div>
         {:else}
             <div
-                class="ae_section archive_content__hosted_file border border-gray-200 rounded p-2 space-y-2"
-            >
+                class="ae_section archive_content__hosted_file space-y-2 rounded border border-gray-200 p-2">
                 <span class="fas fa-exclamation-triangle text-red-500"></span>
                 Save the form first before uploading a file.
             </div>
         {/if}
 
         <div
-            class="ae_section archive_content__original border border-gray-200 rounded p-2 space-y-2"
-        >
+            class="ae_section archive_content__original space-y-2 rounded border border-gray-200 p-2">
             <h3 class="h3">Original</h3>
 
             <label for="original_datetime"
@@ -820,8 +794,7 @@
                           )
                         : ''}
                     placeholder="YYYY-MM-DD"
-                    class="input w-48"
-                />
+                    class="input w-48" />
                 <input
                     type="time"
                     id="original_datetime_time"
@@ -833,8 +806,7 @@
                           )
                         : ''}
                     placeholder="HH:MM AM/PM"
-                    class="input w-48"
-                />
+                    class="input w-48" />
             </label>
 
             <fieldset class="flex_row flex_gap_md flex_justify_around">
@@ -850,10 +822,9 @@
                                       .original_timezone
                                 : $ae_loc.current_timezone}
                             class="select w-56"
-                            title="Select the original timezone"
-                        >
+                            title="Select the original timezone">
                             <option value="">-- None --</option>
-                            {#each ($lq__lu_time_zone ?? []) as lu_timezone (lu_timezone.name)}
+                            {#each $lq__lu_time_zone ?? [] as lu_timezone (lu_timezone.name)}
                                 <option value={lu_timezone.name}>
                                     {lu_timezone.name}
                                 </option>
@@ -868,8 +839,7 @@
                                 ? $idaa_slct.archive_content_obj
                                       .original_timezone
                                 : $ae_loc.current_timezone}
-                            class="input w-56"
-                        />
+                            class="input w-56" />
                     {/if}
                 </label>
             </fieldset>
@@ -881,204 +851,193 @@
                     id="original_location"
                     name="original_location"
                     value={$idaa_slct.archive_content_obj.original_location}
-                    class="input w-96"
-                />
+                    class="input w-96" />
             </label>
         </div>
 
         {#if $ae_loc.trusted_access}
             <!-- BEGIN: section archive_content__admin_options -->
-            <div class="p-3 space-y-3 rounded-md bg-surface-100-900 border border-error-400">
+            <div
+                class="bg-surface-100-900 border-error-400 space-y-3 rounded-md border p-3">
                 <button
                     type="button"
-                    class="flex flex-row items-center gap-2 text-left w-full"
-                    onclick={() => { $idaa_loc.archives.show__admin_options = !$idaa_loc.archives.show__admin_options; }}
-                >
-                    <span class="fas fa-{$idaa_loc.archives.show__admin_options ? 'caret-down' : 'caret-right'} text-xs opacity-60"></span>
-                    <h3 class="text-lg font-semibold text-surface-600-400 flex items-center gap-2 w-full">
+                    class="flex w-full flex-row items-center gap-2 text-left"
+                    onclick={() => {
+                        $idaa_loc.archives.show__admin_options =
+                            !$idaa_loc.archives.show__admin_options;
+                    }}>
+                    <span
+                        class="fas fa-{$idaa_loc.archives.show__admin_options
+                            ? 'caret-down'
+                            : 'caret-right'} text-xs opacity-60"></span>
+                    <h3
+                        class="text-surface-600-400 flex w-full items-center gap-2 text-lg font-semibold">
                         <span class="fas fa-cogs"></span>
                         Admin Options
                     </h3>
                 </button>
 
-                <div class="space-y-3" class:hidden={!$idaa_loc.archives.show__admin_options}>
-                <span
-                    class="flex flex-col md:flex-row flex-wrap gap-2 items-center justify-center md:justify-stretch w-full"
-                >
+                <div
+                    class="space-y-3"
+                    class:hidden={!$idaa_loc.archives.show__admin_options}>
                     <span
-                        class="flex flex-row flex-wrap gap-1 items-center justify-evenly grow"
-                    >
-                        <fieldset
-                            class="flex flex-row gap-1 items-center justify-center form-check"
-                        >
-                            <legend
-                                class="legend text-sm font-semibold form-check-label"
-                                >Hide</legend
-                            >
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="hide_yes"
-                                    name="hide"
-                                    value={true}
-                                    bind:group={
-                                        $idaa_slct.archive_content_obj.hide
-                                    }
-                                    class="radio form-check-input"
-                                />
-                                <label for="hide_yes">Yes</label>
-                            </div>
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="hide_no"
-                                    name="hide"
-                                    value={false}
-                                    bind:group={
-                                        $idaa_slct.archive_content_obj.hide
-                                    }
-                                    class="radio form-check-input"
-                                />
-                                <label for="hide_no">No</label>
-                            </div>
-                        </fieldset>
-
-                        <fieldset
-                            class="flex flex-row gap-1 items-center justify-center form-check"
-                        >
-                            <legend
-                                class="legend text-sm font-semibold form-check-label"
-                                >Priority</legend
-                            >
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="priority_yes"
-                                    name="priority"
-                                    value={true}
-                                    bind:group={
-                                        $idaa_slct.archive_content_obj.priority
-                                    }
-                                    class="radio form-check-input"
-                                />
-                                <label for="priority_yes">Yes</label>
-                            </div>
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="priority_no"
-                                    name="priority"
-                                    value={false}
-                                    bind:group={
-                                        $idaa_slct.archive_content_obj.priority
-                                    }
-                                    class="radio form-check-input"
-                                />
-                                <label for="priority_no">No</label>
-                            </div>
-                        </fieldset>
-                    </span>
-
-                    <span
-                        class="
-                    grow
-                    flex flex-row flex-wrap gap-1 items-center justify-evenly
-                    col-sm-1
-                    "
-                    >
-                        <label class="legend text-sm font-semibold input-group"
-                            >Sort <input
-                                type="number"
-                                name="sort"
-                                value={$idaa_slct.archive_content_obj.sort}
-                                class="input w-24 preset-tonal-surface form-control"
-                            /></label
-                        >
-
-                        <label class="legend text-sm font-semibold input-group"
-                            >Group <input
-                                type="text"
-                                name="group"
-                                value={$idaa_slct.archive_content_obj.group ??
-                                    ''}
-                                max="100"
-                                class="input w-40 preset-tonal-surface form-control"
-                            /></label
-                        >
-                    </span>
-
-                    {#if $ae_loc.administrator_access}
+                        class="flex w-full flex-col flex-wrap items-center justify-center gap-2 md:flex-row md:justify-stretch">
                         <span
-                            class="flex flex-row flex-wrap gap-1 items-center justify-evenly grow"
-                        >
+                            class="flex grow flex-row flex-wrap items-center justify-evenly gap-1">
                             <fieldset
-                                class="flex flex-row gap-1 items-center align-center form-check"
-                            >
+                                class="form-check flex flex-row items-center justify-center gap-1">
                                 <legend
-                                    class="legend text-sm font-semibold form-check-label"
-                                    >Enable</legend
-                                >
+                                    class="legend form-check-label text-sm font-semibold"
+                                    >Hide</legend>
                                 <div>
                                     <input
                                         type="radio"
-                                        id="enable_yes"
-                                        name="enable"
+                                        id="hide_yes"
+                                        name="hide"
+                                        value={true}
+                                        bind:group={
+                                            $idaa_slct.archive_content_obj.hide
+                                        }
+                                        class="radio form-check-input" />
+                                    <label for="hide_yes">Yes</label>
+                                </div>
+                                <div>
+                                    <input
+                                        type="radio"
+                                        id="hide_no"
+                                        name="hide"
+                                        value={false}
+                                        bind:group={
+                                            $idaa_slct.archive_content_obj.hide
+                                        }
+                                        class="radio form-check-input" />
+                                    <label for="hide_no">No</label>
+                                </div>
+                            </fieldset>
+
+                            <fieldset
+                                class="form-check flex flex-row items-center justify-center gap-1">
+                                <legend
+                                    class="legend form-check-label text-sm font-semibold"
+                                    >Priority</legend>
+                                <div>
+                                    <input
+                                        type="radio"
+                                        id="priority_yes"
+                                        name="priority"
                                         value={true}
                                         bind:group={
                                             $idaa_slct.archive_content_obj
-                                                .enable
+                                                .priority
                                         }
-                                        class="radio form-check-input"
-                                    />
-                                    <label for="enable_yes">Yes</label>
+                                        class="radio form-check-input" />
+                                    <label for="priority_yes">Yes</label>
                                 </div>
                                 <div>
                                     <input
                                         type="radio"
-                                        id="enable_no"
-                                        name="enable"
+                                        id="priority_no"
+                                        name="priority"
                                         value={false}
                                         bind:group={
                                             $idaa_slct.archive_content_obj
-                                                .enable
+                                                .priority
                                         }
-                                        class="radio form-check-input"
-                                    />
-                                    <label for="enable_no">No</label>
+                                        class="radio form-check-input" />
+                                    <label for="priority_no">No</label>
                                 </div>
                             </fieldset>
                         </span>
-                    {:else}
-                        <input
-                            type="hidden"
-                            name="enable"
-                            value={$idaa_slct.archive_content_obj.enable}
-                        />
-                    {/if}
-                </span>
 
-                {#if $ae_loc.trusted_access}
-                    <label for="notes" class="w-full">
                         <span
-                            class="legend text-sm font-semibold text-surface-600-400"
-                            >Internal Staff Notes</span
-                        >
-                        <AE_Comp_Editor_TipTap
-                            bind:content={notes_new_html}
-                            class_li="preset-tonal-surface preset-filled-surface-100-900"
-                            placeholder="Internal notes for staff only. Not shown to the public."
-                        />
-                    </label>
-                {/if}
+                            class="
+                    col-sm-1
+                    flex grow flex-row flex-wrap items-center justify-evenly
+                    gap-1
+                    ">
+                            <label
+                                class="legend input-group text-sm font-semibold"
+                                >Sort <input
+                                    type="number"
+                                    name="sort"
+                                    value={$idaa_slct.archive_content_obj.sort}
+                                    class="input preset-tonal-surface form-control w-24" /></label>
 
-                <div class="text-sm text-gray-600 dark:text-gray-400">
-                    {$lq__archive_content_obj?.updated_on
-                        ? `DB Updated on: ${$lq__archive_content_obj?.updated_on}`
-                        : ''}
-                    {$idaa_slct.archive_content_obj?.updated_on
-                        ? `SLCT Updated on: ${$idaa_slct.archive_content_obj?.updated_on}`
-                        : ''}
-                </div>
+                            <label
+                                class="legend input-group text-sm font-semibold"
+                                >Group <input
+                                    type="text"
+                                    name="group"
+                                    value={$idaa_slct.archive_content_obj
+                                        .group ?? ''}
+                                    max="100"
+                                    class="input preset-tonal-surface form-control w-40" /></label>
+                        </span>
+
+                        {#if $ae_loc.administrator_access}
+                            <span
+                                class="flex grow flex-row flex-wrap items-center justify-evenly gap-1">
+                                <fieldset
+                                    class="align-center form-check flex flex-row items-center gap-1">
+                                    <legend
+                                        class="legend form-check-label text-sm font-semibold"
+                                        >Enable</legend>
+                                    <div>
+                                        <input
+                                            type="radio"
+                                            id="enable_yes"
+                                            name="enable"
+                                            value={true}
+                                            bind:group={
+                                                $idaa_slct.archive_content_obj
+                                                    .enable
+                                            }
+                                            class="radio form-check-input" />
+                                        <label for="enable_yes">Yes</label>
+                                    </div>
+                                    <div>
+                                        <input
+                                            type="radio"
+                                            id="enable_no"
+                                            name="enable"
+                                            value={false}
+                                            bind:group={
+                                                $idaa_slct.archive_content_obj
+                                                    .enable
+                                            }
+                                            class="radio form-check-input" />
+                                        <label for="enable_no">No</label>
+                                    </div>
+                                </fieldset>
+                            </span>
+                        {:else}
+                            <input
+                                type="hidden"
+                                name="enable"
+                                value={$idaa_slct.archive_content_obj.enable} />
+                        {/if}
+                    </span>
+
+                    {#if $ae_loc.trusted_access}
+                        <label for="notes" class="w-full">
+                            <span
+                                class="legend text-surface-600-400 text-sm font-semibold"
+                                >Internal Staff Notes</span>
+                            <AE_Comp_Editor_TipTap
+                                bind:content={notes_new_html}
+                                class_li="preset-tonal-surface preset-filled-surface-100-900"
+                                placeholder="Internal notes for staff only. Not shown to the public." />
+                        </label>
+                    {/if}
+
+                    <div class="text-sm text-gray-600 dark:text-gray-400">
+                        {$lq__archive_content_obj?.updated_on
+                            ? `DB Updated on: ${$lq__archive_content_obj?.updated_on}`
+                            : ''}
+                        {$idaa_slct.archive_content_obj?.updated_on
+                            ? `SLCT Updated on: ${$idaa_slct.archive_content_obj?.updated_on}`
+                            : ''}
+                    </div>
                 </div>
             </div>
             <!-- END: section archive_content__admin_options -->
@@ -1087,10 +1046,9 @@
         <div
             class="
             ae_section ae_options ae_row ae_actions post__options post__actions
-            flex flex-row gap-1 items-center justify-between w-full
-            d-flex align-items-center justify-content-between
-        "
-        >
+            d-flex align-items-center justify-content-between flex w-full flex-row
+            items-center justify-between gap-1
+        ">
             <button
                 type="submit"
                 disabled={disable_submit_btn}
@@ -1098,8 +1056,7 @@
                 novi_btn
                 btn btn-md preset-tonal-primary preset-outlined-primary-800-200 hover:preset-filled-primary-200-800
                 transition
-                "
-            >
+                ">
                 {#await prom_api__archive_content_obj}
                     <span class="fas fa-spinner fa-spin m-1"></span> Saving
                 {:then}
@@ -1143,8 +1100,7 @@
                     preset-filled-warning-200-800 hover:preset-filled-error-200-800
                     transition
                     "
-                    title="Disable this archive content"
-                >
+                    title="Disable this archive content">
                     <span class="fas fa-minus m-1"></span>
                     Remove
                     {#if $ae_loc.administrator_access}
@@ -1188,8 +1144,7 @@
                     preset-filled-warning-200-800 hover:preset-filled-error-200-800
                     transition
                     "
-                        title="Delete this archive content"
-                    >
+                        title="Delete this archive content">
                         <span class="fas fa-minus m-1"></span>
                         Delete
                     </button>
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_li.svelte b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_li.svelte
index 3242a821..a8e9e0b8 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_li.svelte
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_li.svelte
@@ -1,74 +1,75 @@
 <script lang="ts">
-    interface Props {
-        lq__archive_content_obj_li: any;
-    }
+interface Props {
+    lq__archive_content_obj_li: any;
+}
 
-    let { lq__archive_content_obj_li }: Props = $props();
+let { lq__archive_content_obj_li }: Props = $props();
 
-    // *** Import Svelte specific
-    import { goto, invalidate, pushState, replaceState } from '$app/navigation';
+// *** Import Svelte specific
+import { goto, invalidate, pushState, replaceState } from '$app/navigation';
 
-    // *** Import Aether specific variables and functions
-    import type { key_val } from '$lib/stores/ae_stores';
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import { api } from '$lib/api/api';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
-    import { archives_func } from '$lib/ae_archives/ae_archives_functions';
+// *** Import Aether specific variables and functions
+import type { key_val } from '$lib/stores/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { api } from '$lib/api/api';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+import { archives_func } from '$lib/ae_archives/ae_archives_functions';
 
-    import AE_Comp_Hosted_Files_Download_Button from '$lib/ae_core/ae_comp__hosted_files_download_button.svelte';
+import AE_Comp_Hosted_Files_Download_Button from '$lib/ae_core/ae_comp__hosted_files_download_button.svelte';
 
-    let creating = $state(false); // true while create API call is in-flight
+let creating = $state(false); // true while create API call is in-flight
 
-    let ae_promises: key_val = $state({});
-    // let ae_tmp: key_val = {};
-    // let ae_triggers: key_val = {};
+let ae_promises: key_val = $state({});
+// let ae_tmp: key_val = {};
+// let ae_triggers: key_val = {};
 
-    // This should be moved to a better location. Turn into a function?
-    let file_icons: any = $state({});
-    file_icons['ac3'] = 'file-audio';
-    file_icons['aac'] = 'file-audio';
-    file_icons['csv'] = 'file-csv';
-    file_icons['doc'] = 'file-word';
-    file_icons['docx'] = 'file-word';
-    file_icons['gif'] = 'file-image';
-    file_icons['htm'] = 'file-code';
-    file_icons['html'] = 'file-code';
-    file_icons['jpeg'] = 'file-image';
-    file_icons['jpg'] = 'file-image';
-    file_icons['key'] = 'file-powerpoint';
-    file_icons['m4a'] = 'file-audio';
-    file_icons['mkv'] = 'file-video';
-    file_icons['mov'] = 'file-video';
-    file_icons['mp3'] = 'file-audio';
-    file_icons['mp4'] = 'file-video';
-    file_icons['mp4'] = 'file-video';
-    file_icons['pdf'] = 'file-pdf';
-    file_icons['png'] = 'file-image';
-    file_icons['ppt'] = 'file-powerpoint';
-    file_icons['pptx'] = 'file-powerpoint';
-    file_icons['txt'] = 'file-alt';
-    file_icons['wav'] = 'file-audio';
-    file_icons['webp'] = 'file-image';
-    file_icons['xls'] = 'file-excel';
-    file_icons['xlsx'] = 'file-excel';
-    file_icons['zip'] = 'file-archive';
+// This should be moved to a better location. Turn into a function?
+let file_icons: any = $state({});
+file_icons['ac3'] = 'file-audio';
+file_icons['aac'] = 'file-audio';
+file_icons['csv'] = 'file-csv';
+file_icons['doc'] = 'file-word';
+file_icons['docx'] = 'file-word';
+file_icons['gif'] = 'file-image';
+file_icons['htm'] = 'file-code';
+file_icons['html'] = 'file-code';
+file_icons['jpeg'] = 'file-image';
+file_icons['jpg'] = 'file-image';
+file_icons['key'] = 'file-powerpoint';
+file_icons['m4a'] = 'file-audio';
+file_icons['mkv'] = 'file-video';
+file_icons['mov'] = 'file-video';
+file_icons['mp3'] = 'file-audio';
+file_icons['mp4'] = 'file-video';
+file_icons['mp4'] = 'file-video';
+file_icons['pdf'] = 'file-pdf';
+file_icons['png'] = 'file-image';
+file_icons['ppt'] = 'file-powerpoint';
+file_icons['pptx'] = 'file-powerpoint';
+file_icons['txt'] = 'file-alt';
+file_icons['wav'] = 'file-audio';
+file_icons['webp'] = 'file-image';
+file_icons['xls'] = 'file-excel';
+file_icons['xlsx'] = 'file-excel';
+file_icons['zip'] = 'file-archive';
 </script>
 
 <section
-    class="archive_list flex flex-col gap-2 items-center justify-center w-full"
->
+    class="archive_list flex w-full flex-col items-center justify-center gap-2">
     {#if $ae_loc.trusted_access && $ae_loc.edit_mode}
-        <div class="w-full max-w-(--breakpoint-lg) flex flex-row items-center justify-start px-2 mb-2">
-            <button type="button"
+        <div
+            class="mb-2 flex w-full max-w-(--breakpoint-lg) flex-row items-center justify-start px-2">
+            <button
+                type="button"
                 disabled={creating}
                 onclick={() => {
                     creating = true;
@@ -82,23 +83,31 @@
                                 enable: true,
                                 // NOTE: Pre-populate timezone from the parent archive so staff
                                 // don't have to re-select it for every piece of content.
-                                original_timezone: $idaa_slct.archive_obj?.original_timezone ?? null
+                                original_timezone:
+                                    $idaa_slct.archive_obj?.original_timezone ??
+                                    null
                             }
                         })
                         .then((result) => {
-                            const archive_content_id = result?.id || result?.archive_content_id;
+                            const archive_content_id =
+                                result?.id || result?.archive_content_id;
                             if (archive_content_id) {
-                                $idaa_slct.archive_content_id = archive_content_id;
+                                $idaa_slct.archive_content_id =
+                                    archive_content_id;
                                 $idaa_slct.archive_content_obj = result;
                                 $idaa_sess.archives.show__modal_view__archive_content_id = false;
-                                $idaa_sess.archives.show__modal_edit__archive_content_id = archive_content_id;
+                                $idaa_sess.archives.show__modal_edit__archive_content_id =
+                                    archive_content_id;
                             } else {
                                 creating = false;
                                 alert('Failed to create archive content.');
                             }
                         })
                         .catch((err) => {
-                            console.error('Error creating archive content:', err);
+                            console.error(
+                                'Error creating archive content:',
+                                err
+                            );
                             creating = false;
                             alert('Failed to create archive content.');
                         })
@@ -112,8 +121,7 @@
                     preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
                     transition
                 "
-                title="Create new archive content item"
-            >
+                title="Create new archive content item">
                 {#if creating}
                     <span class="fas fa-spinner fa-spin m-1"></span> Creating...
                 {:else}
@@ -135,13 +143,12 @@
                     class="
             ae_row archive_content__group
             m-auto
-            flex flex-row items-center justify-center bg-white rounded-lg p-2
-            w-full max-w-(--breakpoint-lg)
-            "
-                >
+            flex w-full max-w-(--breakpoint-lg) flex-row items-center justify-center rounded-lg
+            bg-white p-2
+            ">
                     <button
                         type="button"
-                        class="novi_btn novi_margin_sm btn btn-md btn-info preset-tonal-secondary hover:preset-filled-secondary-500 transition w-96"
+                        class="novi_btn novi_margin_sm btn btn-md btn-info preset-tonal-secondary hover:preset-filled-secondary-500 w-96 transition"
                         onclick={() => {
                             if (
                                 $idaa_sess.archives
@@ -154,8 +161,7 @@
                                 $idaa_sess.archives.show_list__archive_content_li_group =
                                     idaa_archive_content_obj.group;
                             }
-                        }}
-                    >
+                        }}>
                         {#if $idaa_sess.archives.show_list__archive_content_li_group == idaa_archive_content_obj.group}
                             <span class="fas fa-caret-down"></span>
                             <!-- <span class="fas fa-minus"></span> -->
@@ -168,28 +174,25 @@
                         <!-- <span class="fas fa-caret-down"></span> -->
                         <!-- <span class="ae_label">Show:</span> -->
                         <span class="ae_value text-lg font-bold"
-                            >{idaa_archive_content_obj.group}</span
-                        >
+                            >{idaa_archive_content_obj.group}</span>
                     </button>
                 </div>
             {/if}
 
             {#if $idaa_sess.archives.show_list__archive_content_li_group == idaa_archive_content_obj.group}
                 <div
-                    class="container archive archive_content_obj border p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-white rounded-lg"
+                    class="archive archive_content_obj container mb-2 flex w-full max-w-(--breakpoint-lg) flex-col items-center justify-center space-y-2 rounded-lg border bg-white p-2"
                     class:hidden={(idaa_archive_content_obj.hide ||
                         !idaa_archive_content_obj?.enable) &&
                         !$ae_loc.edit_mode}
                     class:dim={idaa_archive_content_obj.hide &&
                         $ae_loc.edit_mode}
                     class:dim_warning={!idaa_archive_content_obj?.enable &&
-                        $ae_loc.edit_mode}
-                >
-                    <header class="ae_header flex flex-row gap-2 items-center">
+                        $ae_loc.edit_mode}>
+                    <header class="ae_header flex flex-row items-center gap-2">
                         <h3 class="archive__name h4">
                             <span class="archive__name"
-                                >{@html idaa_archive_content_obj.name}</span
-                            >
+                                >{@html idaa_archive_content_obj.name}</span>
                         </h3>
 
                         {#if idaa_archive_content_obj.original_location}
@@ -197,18 +200,16 @@
                             <h4 class="h5">
                                 <!-- <span class="ae_label">Location:</span> -->
                                 <span class="ae_value"
-                                    >{idaa_archive_content_obj.original_location}</span
-                                >
+                                    >{idaa_archive_content_obj.original_location}</span>
                             </h4>
                         {/if}
                     </header>
 
                     {#if idaa_archive_content_obj.description}<pre
-                            class="archive__description p-2 bg-white shadow-md rounded-lg text-wrap text-sm font-normal whitespace-pre-wrap">{@html idaa_archive_content_obj.description}</pre>{/if}
+                            class="archive__description rounded-lg bg-white p-2 text-sm font-normal text-wrap whitespace-pre-wrap shadow-md">{@html idaa_archive_content_obj.description}</pre>{/if}
 
                     <div
-                        class="ae_options flex flex-row flex-wrap gap-2 items-center justify-center"
-                    >
+                        class="ae_options flex flex-row flex-wrap items-center justify-center gap-2">
                         {#if idaa_archive_content_obj?.hosted_file_id}
                             <button
                                 type="button"
@@ -246,9 +247,8 @@
                                         $idaa_slct.archive_content_id;
                                     $idaa_sess.archives.show__modal_edit__archive_content_id = false;
                                 }}
-                                class="novi_btn btn btn-md btn-secondary preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 transition"
-                                title={`Play/View: ${idaa_archive_content_obj?.name}`}
-                            >
+                                class="novi_btn btn btn-md btn-secondary preset-tonal-primary border-primary-500 hover:preset-filled-primary-500 border transition"
+                                title={`Play/View: ${idaa_archive_content_obj?.name}`}>
                                 <span
                                     class="fas fa-play m-1 text-neutral-800/80"
                                 ></span>
@@ -260,8 +260,7 @@
                                 <span
                                     class="fas fa-{ae_util.file_extension_icon(
                                         idaa_archive_content_obj?.file_extension
-                                    )}"
-                                ></span>
+                                    )}"></span>
                             </button>
 
                             {#if $ae_loc.trusted_access && idaa_archive_content_obj?.hosted_file_id}
@@ -271,14 +270,12 @@
                                     max_filename={30}
                                     classes="novi_btn btn btn-sm lg:btn-md preset-tonal-primary hover:preset-filled-primary-500 min-w-72 lg:min-w-96"
                                     linked_to_type="archive_content"
-                                    linked_to_id={idaa_archive_content_obj.archive_content_id}
-                                />
+                                    linked_to_id={idaa_archive_content_obj.archive_content_id} />
                             {/if}
                         {:else}
                             <span
                                 class="text-sm text-gray-500 italic"
-                                title="No file linked."
-                            >
+                                title="No file linked.">
                                 <span
                                     class="fas fa-exclamation-triangle text-warning"
                                 ></span>
@@ -304,8 +301,7 @@
                                         $idaa_slct.archive_content_id;
                                 }}
                                 class="novi_btn btn btn-sm preset-tonal-warning hover:preset-filled-warning-500 transition"
-                                title={`Edit archive content: ${idaa_archive_content_obj?.name}`}
-                            >
+                                title={`Edit archive content: ${idaa_archive_content_obj?.name}`}>
                                 <span class="fas fa-edit m-1"></span> Edit Content
                             </button>
                         {/if}
@@ -314,16 +310,13 @@
                     <section class="ae_section archive_content__content">
                         {#if idaa_archive_content_obj?.description}
                             <div
-                                class="archive_content__description ae_description"
-                            >
+                                class="archive_content__description ae_description">
                                 <div
-                                    class="ae_label archive_content__description text-sm"
-                                >
+                                    class="ae_label archive_content__description text-sm">
                                     Description:
                                 </div>
                                 <div
-                                    class="ae_value archive_content__description"
-                                >
+                                    class="ae_value archive_content__description">
                                     {@html idaa_archive_content_obj?.description}
                                 </div>
                             </div>
@@ -331,16 +324,13 @@
 
                         {#if idaa_archive_content_obj?.content_html}
                             <div
-                                class="archive_content__content_html ae_content_html"
-                            >
+                                class="archive_content__content_html ae_content_html">
                                 <div
-                                    class="ae_label archive_content__content_html text-sm"
-                                >
+                                    class="ae_label archive_content__content_html text-sm">
                                     Content:
                                 </div>
                                 <div
-                                    class="ae_value archive_content__content_html"
-                                >
+                                    class="ae_value archive_content__content_html">
                                     {@html idaa_archive_content_obj?.content_html}
                                 </div>
                             </div>
@@ -349,37 +339,31 @@
                         <div
                             class="ae_group"
                             class:hidden={!idaa_archive_content_obj?.original_datetime &&
-                                !idaa_archive_content_obj?.original_timezone}
-                        >
+                                !idaa_archive_content_obj?.original_timezone}>
                             <span class="ae_label text-sm"
-                                >Original date/time:</span
-                            >
+                                >Original date/time:</span>
                             {#if idaa_archive_content_obj.original_datetime}
                                 <span
                                     class="ae_value ae_prop prop_original_datetime font-semibold"
                                     >{ae_util.iso_datetime_formatter(
                                         idaa_archive_content_obj.original_datetime,
                                         'datetime_12_long'
-                                    )}</span
-                                >
+                                    )}</span>
                             {/if}
                             {#if idaa_archive_content_obj.original_timezone}
                                 <span class="ae_label text-sm">Timezone:</span>
                                 <span class="ae_value font-semibold"
-                                    >{idaa_archive_content_obj.original_timezone}</span
-                                >
+                                    >{idaa_archive_content_obj.original_timezone}</span>
                             {/if}
                         </div>
                     </section>
 
                     <section
-                        class="ae_meta mt-2 flex flex-col sm:flex-row gap-1 items-center justify-center text-sm text-gray-500"
-                        class:hidden={!$ae_loc.administrator_access}
-                    >
+                        class="ae_meta mt-2 flex flex-col items-center justify-center gap-1 text-sm text-gray-500 sm:flex-row"
+                        class:hidden={!$ae_loc.administrator_access}>
                         <span
                             class="archive_content__archive_content_type"
-                            class:hidden={!idaa_archive_content_obj.archive_content_type}
-                        >
+                            class:hidden={!idaa_archive_content_obj.archive_content_type}>
                             Type: {idaa_archive_content_obj.archive_content_type}
                         </span>
                         <span class="ae_group">
@@ -391,8 +375,7 @@
                             </span>
                             <span
                                 class="archive_content__updated_on"
-                                class:hidden={!idaa_archive_content_obj.updated_on}
-                            >
+                                class:hidden={!idaa_archive_content_obj.updated_on}>
                                 Updated on: {ae_util.iso_datetime_formatter(
                                     idaa_archive_content_obj.updated_on,
                                     'datetime_12_long'
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_edit.svelte b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_edit.svelte
index 3744dfaa..34f1226f 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_edit.svelte
@@ -1,287 +1,284 @@
 <script lang="ts">
-    // *** Import Svelte core
-    import { onMount } from 'svelte';
+// *** Import Svelte core
+import { onMount } from 'svelte';
 
-    import { fade } from 'svelte/transition';
+import { fade } from 'svelte/transition';
 
-    // *** Import Aether core variables and functions
-    import type { key_val } from '$lib/stores/ae_stores';
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import { core_func } from '$lib/ae_core/ae_core_functions';
-    import { liveQuery } from 'dexie';
-    import { db_lookups } from '$lib/ae_core/db_lookups';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
-    import { archives_func } from '$lib/ae_archives/ae_archives_functions';
+// *** Import Aether core variables and functions
+import type { key_val } from '$lib/stores/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { core_func } from '$lib/ae_core/ae_core_functions';
+import { liveQuery } from 'dexie';
+import { db_lookups } from '$lib/ae_core/db_lookups';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+import { archives_func } from '$lib/ae_archives/ae_archives_functions';
 
-    import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
+import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
 
-    interface Props {
-        log_lvl?: number;
-        lq__archive_obj: any;
+interface Props {
+    log_lvl?: number;
+    lq__archive_obj: any;
+}
+
+let { log_lvl = 0, lq__archive_obj }: Props = $props();
+
+let create_archive_obj_promise: any;
+let delete_archive_obj_promise: any;
+let update_archive_obj_promise: any;
+let upload__hosted_file_obj_promise: any;
+let prom_api__archive_obj: any;
+let prom_api__archive_obj__hosted_file: any;
+
+let description_new_html = $state($idaa_slct.archive_obj?.description ?? '');
+let description_changed = $state(false);
+let notes_new_html = $state($idaa_slct.archive_obj?.notes ?? '');
+let notes_changed = $state(false);
+let disable_submit_btn = true;
+
+// Timezone lookup — reactive IDB query; background refresh handled by liveQuery + TTL
+// Sort: sort DESC (higher = first, NULL=0 last), then name ASC — matches Aether backend convention.
+const lq__lu_time_zone = liveQuery(() =>
+    db_lookups.lu_time_zone.toArray().then((arr) =>
+        arr.sort((a, b) => {
+            const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
+            if (s_diff !== 0) return s_diff;
+            return (a.name ?? '').localeCompare(b.name ?? '');
+        })
+    )
+);
+
+onMount(() => {
+    // Trigger background IDB refresh if stale/empty; liveQuery reacts automatically
+    core_func.load_ae_obj_li__time_zone({ api_cfg: $ae_api, log_lvl });
+});
+
+function prevent_default<T extends Event>(fn: (event: T) => void) {
+    return function (event: T) {
+        event.preventDefault();
+        fn(event);
+    };
+}
+
+async function handle_submit_form(event: any) {
+    if (log_lvl) {
+        console.log('*** handle_submit_form() ***');
+        console.log(event.currentTarget);
     }
 
-    let { log_lvl = 0, lq__archive_obj }: Props = $props();
+    disable_submit_btn = true;
 
-    let create_archive_obj_promise: any;
-    let delete_archive_obj_promise: any;
-    let update_archive_obj_promise: any;
-    let upload__hosted_file_obj_promise: any;
-    let prom_api__archive_obj: any;
-    let prom_api__archive_obj__hosted_file: any;
+    let form_data = new FormData(event.currentTarget);
+    console.log(form_data);
 
-    let description_new_html = $state(
-        $idaa_slct.archive_obj?.description ?? ''
-    );
-    let description_changed = $state(false);
-    let notes_new_html = $state($idaa_slct.archive_obj?.notes ?? '');
-    let notes_changed = $state(false);
-    let disable_submit_btn = true;
-
-    // Timezone lookup — reactive IDB query; background refresh handled by liveQuery + TTL
-    // Sort: sort DESC (higher = first, NULL=0 last), then name ASC — matches Aether backend convention.
-    const lq__lu_time_zone = liveQuery(() =>
-        db_lookups.lu_time_zone.toArray().then(arr =>
-            arr.sort((a, b) => {
-                const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
-                if (s_diff !== 0) return s_diff;
-                return (a.name ?? '').localeCompare(b.name ?? '');
-            })
-        )
-    );
-
-    onMount(() => {
-        // Trigger background IDB refresh if stale/empty; liveQuery reacts automatically
-        core_func.load_ae_obj_li__time_zone({ api_cfg: $ae_api, log_lvl });
+    let archive_di = ae_util.extract_prefixed_form_data({
+        prefix: null,
+        form_data: form_data,
+        trim_values: true,
+        bool_tf_str: true,
+        log_lvl: 0
     });
+    console.log(archive_di);
 
-    function prevent_default<T extends Event>(fn: (event: T) => void) {
-        return function (event: T) {
-            event.preventDefault();
-            fn(event);
-        };
+    let archive_do: key_val = {};
+
+    if (!$idaa_slct.archive_id) {
+        archive_do['account_id_random'] = $ae_loc.account_id;
+        // archive_do['enable'] = true;
     }
 
-    async function handle_submit_form(event: any) {
-        if (log_lvl) {
-            console.log('*** handle_submit_form() ***');
-            console.log(event.currentTarget);
-        }
+    archive_do['name'] = archive_di.name;
 
-        disable_submit_btn = true;
-
-        let form_data = new FormData(event.currentTarget);
-        console.log(form_data);
-
-        let archive_di = ae_util.extract_prefixed_form_data({
-            prefix: null,
-            form_data: form_data,
-            trim_values: true,
-            bool_tf_str: true,
-            log_lvl: 0
-        });
-        console.log(archive_di);
-
-        let archive_do: key_val = {};
-
-        if (!$idaa_slct.archive_id) {
-            archive_do['account_id_random'] = $ae_loc.account_id;
-            // archive_do['enable'] = true;
-        }
-
-        archive_do['name'] = archive_di.name;
-
-        // Check if the description_new_html exists and is a string
-        if (typeof description_new_html === 'string') {
-            console.log('New description is a string');
-            archive_do['description'] = description_new_html;
-        } else {
-            console.log('New description is not a string. Do nothing.');
-            // archive_do['description'] = event_meeting_fd.description;
-        }
-
-        let date_time_str = null;
-        let date_part = archive_di.original_datetime_date.trim();
-        let time_part = archive_di.original_datetime_time.trim();
-        if (date_part && time_part) {
-            date_time_str = `${date_part} ${time_part}`;
-        } else if (date_part) {
-            date_time_str = `${date_part}T00:00:00`;
-        } else if (time_part) {
-            // date_time_str = `${time_part}`;
-            date_time_str = false;
-        }
-        archive_do['original_datetime'] = date_time_str;
-
-        archive_do['original_timezone'] = archive_di.original_timezone;
-
-        archive_do['original_location'] = archive_di.original_location;
-
-        archive_do['original_url'] = archive_di.original_url;
-        archive_do['original_url_text'] = archive_di.original_url_text;
-
-        if (archive_di.cfg_json) {
-            try {
-                archive_do['cfg_json'] = JSON.parse(archive_di.cfg_json);
-            } catch (error) {
-                console.log('Error parsing JSON:', error);
-            }
-        } else {
-            // archive_do['cfg_json'] = {};
-        }
-
-        archive_do['hide'] = archive_di.hide;
-        archive_do['priority'] = archive_di.priority;
-        if (archive_di.sort) {
-            archive_do['sort'] = Number(archive_di.sort);
-        } else {
-            archive_do['sort'] = null;
-        }
-        if (archive_di.group) {
-            archive_do['group'] = archive_di.group;
-        } else {
-            archive_do['group'] = null;
-        }
-
-        // console.log(`archive_di.enable = ${archive_di.enable}`);
-        archive_do['enable'] = !!archive_di.enable;
-
-        // Check if the notes_new_html exists and is a string
-        if (typeof notes_new_html === 'string') {
-            console.log('New notes is a string');
-            archive_do['notes'] = notes_new_html;
-        } else {
-            console.log('New notes is not a string. Do nothing.');
-            // archive_do['notes'] = event_meeting_fd.notes;
-        }
-
-        console.log(archive_do);
-
-        if (!$idaa_slct.archive_id) {
-            prom_api__archive_obj = archives_func
-                .create_ae_obj__archive({
-                    api_cfg: $ae_api,
-                    account_id: $ae_loc.account_id,
-                    data_kv: archive_do,
-                    log_lvl: log_lvl
-                })
-                .then(async function (archive_obj_create_result) {
-                    if (!archive_obj_create_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    }
-
-                    $idaa_slct.archive_id =
-                        archive_obj_create_result.archive_id_random;
-                    $idaa_slct.archive_obj = archive_obj_create_result;
-
-                    return update_archive_obj_promise;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
-                    return false;
-                })
-                .finally(() => {
-                    disable_submit_btn = false;
-                });
-
-            return create_archive_obj_promise;
-        } else {
-            prom_api__archive_obj = archives_func
-                .update_ae_obj__archive({
-                    api_cfg: $ae_api,
-                    archive_id: $idaa_slct.archive_id,
-                    data_kv: archive_do,
-                    log_lvl: log_lvl
-                })
-                .then(function (archive_obj_update_result) {
-                    if (!archive_obj_update_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    }
-
-                    return archive_obj_update_result;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
-                    return false;
-                })
-                .finally(() => {
-                    // We need to do all of this since the DB object has changed and the SLCT object does automatically update (yet...??? Svelte 5?).
-                    // $idaa_slct.archive_obj = await $lq__archive_obj;
-
-                    // $idaa_slct.archive_id = null;
-                    // $idaa_slct.archive_obj = {};
-                    $idaa_sess.archives.show__modal_edit__archive_id = false;
-                });
-
-            return prom_api__archive_obj;
-        }
+    // Check if the description_new_html exists and is a string
+    if (typeof description_new_html === 'string') {
+        console.log('New description is a string');
+        archive_do['description'] = description_new_html;
+    } else {
+        console.log('New description is not a string. Do nothing.');
+        // archive_do['description'] = event_meeting_fd.description;
     }
 
-    // Updated 2024-11-15
-    async function handle_delete_archive_obj({
-        archive_id,
-        method = 'disable'
-    }: {
-        archive_id: string;
-        method?: 'delete' | 'soft_delete' | 'disable' | 'hide';
-    }) {
-        if (log_lvl) {
-            console.log('*** handle_delete_archive_obj() ***');
-        }
+    let date_time_str = null;
+    let date_part = archive_di.original_datetime_date.trim();
+    let time_part = archive_di.original_datetime_time.trim();
+    if (date_part && time_part) {
+        date_time_str = `${date_part} ${time_part}`;
+    } else if (date_part) {
+        date_time_str = `${date_part}T00:00:00`;
+    } else if (time_part) {
+        // date_time_str = `${time_part}`;
+        date_time_str = false;
+    }
+    archive_do['original_datetime'] = date_time_str;
 
+    archive_do['original_timezone'] = archive_di.original_timezone;
+
+    archive_do['original_location'] = archive_di.original_location;
+
+    archive_do['original_url'] = archive_di.original_url;
+    archive_do['original_url_text'] = archive_di.original_url_text;
+
+    if (archive_di.cfg_json) {
+        try {
+            archive_do['cfg_json'] = JSON.parse(archive_di.cfg_json);
+        } catch (error) {
+            console.log('Error parsing JSON:', error);
+        }
+    } else {
+        // archive_do['cfg_json'] = {};
+    }
+
+    archive_do['hide'] = archive_di.hide;
+    archive_do['priority'] = archive_di.priority;
+    if (archive_di.sort) {
+        archive_do['sort'] = Number(archive_di.sort);
+    } else {
+        archive_do['sort'] = null;
+    }
+    if (archive_di.group) {
+        archive_do['group'] = archive_di.group;
+    } else {
+        archive_do['group'] = null;
+    }
+
+    // console.log(`archive_di.enable = ${archive_di.enable}`);
+    archive_do['enable'] = !!archive_di.enable;
+
+    // Check if the notes_new_html exists and is a string
+    if (typeof notes_new_html === 'string') {
+        console.log('New notes is a string');
+        archive_do['notes'] = notes_new_html;
+    } else {
+        console.log('New notes is not a string. Do nothing.');
+        // archive_do['notes'] = event_meeting_fd.notes;
+    }
+
+    console.log(archive_do);
+
+    if (!$idaa_slct.archive_id) {
         prom_api__archive_obj = archives_func
-            .delete_ae_obj_id__archive({
+            .create_ae_obj__archive({
                 api_cfg: $ae_api,
-                archive_id: archive_id,
-                method: method,
+                account_id: $ae_loc.account_id,
+                data_kv: archive_do,
                 log_lvl: log_lvl
             })
-            .then(function (archive_obj_delete_result) {
-                $idaa_sess.archives.show__modal_edit__archive_id = false;
-                $idaa_sess.archives.show__modal_view__archive_id = false;
-                $idaa_sess.archives.show__modal_edit__archive_content_id = false;
-                $idaa_sess.archives.show__modal_view__archive_content_id = false;
+            .then(async function (archive_obj_create_result) {
+                if (!archive_obj_create_result) {
+                    console.log('The result was null or false.');
+                    return false;
+                }
+
+                $idaa_slct.archive_id =
+                    archive_obj_create_result.archive_id_random;
+                $idaa_slct.archive_obj = archive_obj_create_result;
+
+                return update_archive_obj_promise;
             })
             .catch(function (error: any) {
-                console.log(
-                    'The result was null or false when trying to delete.',
-                    error
-                );
+                console.log('Something went wrong.');
+                console.log(error);
+                return false;
             })
             .finally(() => {
-                // $idaa_sess.recovery_meetings.show__modal_edit = false;
-                $idaa_slct.archive_id = null;
-                $idaa_slct.archive_obj = null;
-                $idaa_slct.archive_content_id = null;
-                $idaa_slct.archive_content_obj = null;
+                disable_submit_btn = false;
+            });
+
+        return create_archive_obj_promise;
+    } else {
+        prom_api__archive_obj = archives_func
+            .update_ae_obj__archive({
+                api_cfg: $ae_api,
+                archive_id: $idaa_slct.archive_id,
+                data_kv: archive_do,
+                log_lvl: log_lvl
+            })
+            .then(function (archive_obj_update_result) {
+                if (!archive_obj_update_result) {
+                    console.log('The result was null or false.');
+                    return false;
+                }
+
+                return archive_obj_update_result;
+            })
+            .catch(function (error: any) {
+                console.log('Something went wrong.');
+                console.log(error);
+                return false;
+            })
+            .finally(() => {
+                // We need to do all of this since the DB object has changed and the SLCT object does automatically update (yet...??? Svelte 5?).
+                // $idaa_slct.archive_obj = await $lq__archive_obj;
+
+                // $idaa_slct.archive_id = null;
+                // $idaa_slct.archive_obj = {};
+                $idaa_sess.archives.show__modal_edit__archive_id = false;
             });
 
         return prom_api__archive_obj;
     }
+}
+
+// Updated 2024-11-15
+async function handle_delete_archive_obj({
+    archive_id,
+    method = 'disable'
+}: {
+    archive_id: string;
+    method?: 'delete' | 'soft_delete' | 'disable' | 'hide';
+}) {
+    if (log_lvl) {
+        console.log('*** handle_delete_archive_obj() ***');
+    }
+
+    prom_api__archive_obj = archives_func
+        .delete_ae_obj_id__archive({
+            api_cfg: $ae_api,
+            archive_id: archive_id,
+            method: method,
+            log_lvl: log_lvl
+        })
+        .then(function (archive_obj_delete_result) {
+            $idaa_sess.archives.show__modal_edit__archive_id = false;
+            $idaa_sess.archives.show__modal_view__archive_id = false;
+            $idaa_sess.archives.show__modal_edit__archive_content_id = false;
+            $idaa_sess.archives.show__modal_view__archive_content_id = false;
+        })
+        .catch(function (error: any) {
+            console.log(
+                'The result was null or false when trying to delete.',
+                error
+            );
+        })
+        .finally(() => {
+            // $idaa_sess.recovery_meetings.show__modal_edit = false;
+            $idaa_slct.archive_id = null;
+            $idaa_slct.archive_obj = null;
+            $idaa_slct.archive_content_id = null;
+            $idaa_slct.archive_content_obj = null;
+        });
+
+    return prom_api__archive_obj;
+}
 </script>
 
 <section
     class="
         svelte_component ae_section ae_edit archive_obj edit__archive_obj
-        space-y-2 p-2
-        rounded-md
         preset-filled-surface-50-950 preset-outlined-warning-400-600
+        space-y-2
+        rounded-md p-2
         "
     class:ae_create={!$idaa_slct.archive_id}
-    bind:clientHeight={$ae_loc.iframe_height_modal_body}
->
+    bind:clientHeight={$ae_loc.iframe_height_modal_body}>
     <form onsubmit={prevent_default(handle_submit_form)} class="space-y-1">
         {#await update_archive_obj_promise}
             <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>
@@ -300,8 +297,7 @@
         <!-- <h2 class="h2">Archive</h2> -->
 
         <div
-            class="ae_section archive__general border border-gray-200 rounded p-2 space-y-2"
-        >
+            class="ae_section archive__general space-y-2 rounded border border-gray-200 p-2">
             <div>
                 <label for="name" class="w-full">
                     <span class="text-sm font-semibold"> Name of Archive </span>
@@ -316,12 +312,11 @@
                             : 'Testing!'}
                         autocomplete="off"
                         class="
-                    input w-full
-                    preset-tonal-surface hover:preset-filled-surface-100-900
-                    form-control
+                    input preset-tonal-surface
+                    hover:preset-filled-surface-100-900 form-control
+                    w-full
                     "
-                        placeholder="Name of Archive"
-                    />
+                        placeholder="Name of Archive" />
                 </label>
             </div>
 
@@ -330,14 +325,12 @@
                 <AE_Comp_Editor_TipTap
                     bind:content={description_new_html}
                     class_li="preset-tonal-surface hover:preset-filled-surface-100-900"
-                    placeholder="Your archive description here..."
-                />
+                    placeholder="Your archive description here..." />
             </label>
         </div>
 
         <div
-            class="ae_section archive__original border border-gray-200 rounded p-2 space-y-2"
-        >
+            class="ae_section archive__original space-y-2 rounded border border-gray-200 p-2">
             <h3 class="h3">Original</h3>
 
             <label for="original_datetime"
@@ -353,8 +346,7 @@
                           )
                         : ''}
                     placeholder="YYYY-MM-DD"
-                    class="input w-48"
-                />
+                    class="input w-48" />
                 <input
                     type="time"
                     id="original_datetime_time"
@@ -366,8 +358,7 @@
                           )
                         : ''}
                     placeholder="HH:MM AM/PM"
-                    class="input w-48"
-                />
+                    class="input w-48" />
             </label>
 
             <fieldset class="flex_row flex_gap_md flex_justify_around">
@@ -382,10 +373,9 @@
                                 ? $idaa_slct.archive_obj.original_timezone
                                 : $ae_loc.current_timezone}
                             class="select w-56"
-                            title="Select the original timezone"
-                        >
+                            title="Select the original timezone">
                             <option value="">-- None --</option>
-                            {#each ($lq__lu_time_zone ?? []) as lu_timezone (lu_timezone.name)}
+                            {#each $lq__lu_time_zone ?? [] as lu_timezone (lu_timezone.name)}
                                 <option value={lu_timezone.name}>
                                     {lu_timezone.name}
                                 </option>
@@ -398,8 +388,7 @@
                             value={$idaa_slct.archive_obj.original_timezone
                                 ? $idaa_slct.archive_obj.original_timezone
                                 : $ae_loc.current_timezone}
-                            class="input w-56"
-                        />
+                            class="input w-56" />
                     {/if}
                 </label>
             </fieldset>
@@ -440,8 +429,7 @@
                         ? $idaa_slct.archive_obj.original_location
                         : ''}
                     placeholder="Location"
-                    class="input w-full"
-                />
+                    class="input w-full" />
             </label>
 
             <label for="original_url"
@@ -455,8 +443,7 @@
                         ? $idaa_slct.archive_obj.original_url
                         : ''}
                     placeholder="URL"
-                    class="input w-full"
-                />
+                    class="input w-full" />
             </label>
 
             <label for="original_url_text"
@@ -470,8 +457,7 @@
                         ? $idaa_slct.archive_obj.original_url_text
                         : ''}
                     placeholder="URL text or title"
-                    class="input w-full"
-                />
+                    class="input w-full" />
             </label>
         </div>
 
@@ -511,208 +497,197 @@
                     $idaa_slct.archive_obj.cfg_json,
                     null,
                     2
-                )}</textarea
-            >
+                )}</textarea>
         {/if}
 
         {#if $ae_loc.trusted_access}
             <!-- BEGIN: section archive__admin_options -->
-            <div class="p-3 space-y-3 rounded-md bg-surface-100-900 border border-error-400">
+            <div
+                class="bg-surface-100-900 border-error-400 space-y-3 rounded-md border p-3">
                 <button
                     type="button"
-                    class="flex flex-row items-center gap-2 text-left w-full"
-                    onclick={() => { $idaa_loc.archives.show__admin_options = !$idaa_loc.archives.show__admin_options; }}
-                >
-                    <span class="fas fa-{$idaa_loc.archives.show__admin_options ? 'caret-down' : 'caret-right'} text-xs opacity-60"></span>
-                    <h3 class="text-lg font-semibold text-surface-600-400 flex items-center gap-2 w-full">
+                    class="flex w-full flex-row items-center gap-2 text-left"
+                    onclick={() => {
+                        $idaa_loc.archives.show__admin_options =
+                            !$idaa_loc.archives.show__admin_options;
+                    }}>
+                    <span
+                        class="fas fa-{$idaa_loc.archives.show__admin_options
+                            ? 'caret-down'
+                            : 'caret-right'} text-xs opacity-60"></span>
+                    <h3
+                        class="text-surface-600-400 flex w-full items-center gap-2 text-lg font-semibold">
                         <span class="fas fa-cogs"></span>
                         Admin Options
                     </h3>
                 </button>
 
-                <div class="space-y-3" class:hidden={!$idaa_loc.archives.show__admin_options}>
-                <span
-                    class="flex flex-col md:flex-row flex-wrap gap-2 items-center justify-center md:justify-stretch w-full"
-                >
+                <div
+                    class="space-y-3"
+                    class:hidden={!$idaa_loc.archives.show__admin_options}>
                     <span
-                        class="flex flex-row flex-wrap gap-1 items-center justify-evenly grow"
-                    >
-                        <fieldset
-                            class="flex flex-row gap-1 items-center justify-center form-check"
-                        >
-                            <legend
-                                class="legend text-sm font-semibold form-check-label"
-                                >Hide</legend
-                            >
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="hide_yes"
-                                    name="hide"
-                                    value={true}
-                                    bind:group={$idaa_slct.archive_obj.hide}
-                                    class="radio form-check-input"
-                                />
-                                <label for="hide_yes">Yes</label>
-                            </div>
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="hide_no"
-                                    name="hide"
-                                    value={false}
-                                    bind:group={$idaa_slct.archive_obj.hide}
-                                    class="radio form-check-input"
-                                />
-                                <label for="hide_no">No</label>
-                            </div>
-                        </fieldset>
-
-                        <fieldset
-                            class="flex flex-row gap-1 items-center justify-center form-check"
-                        >
-                            <legend
-                                class="legend text-sm font-semibold form-check-label"
-                                >Priority</legend
-                            >
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="priority_yes"
-                                    name="priority"
-                                    value={true}
-                                    bind:group={$idaa_slct.archive_obj.priority}
-                                    class="radio form-check-input"
-                                />
-                                <label for="priority_yes">Yes</label>
-                            </div>
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="priority_no"
-                                    name="priority"
-                                    value={false}
-                                    bind:group={$idaa_slct.archive_obj.priority}
-                                    class="radio form-check-input"
-                                />
-                                <label for="priority_no">No</label>
-                            </div>
-                        </fieldset>
-                    </span>
-
-                    <span
-                        class="
-                    grow
-                    flex flex-row flex-wrap gap-1 items-center justify-evenly
-                    col-sm-1
-                    "
-                    >
-                        <label class="legend text-sm font-semibold input-group"
-                            >Sort <input
-                                type="number"
-                                name="sort"
-                                value={$idaa_slct.archive_obj.sort}
-                                class="input w-24 preset-tonal-surface form-control"
-                            /></label
-                        >
-
-                        <label class="legend text-sm font-semibold input-group"
-                            >Group <input
-                                type="text"
-                                name="group"
-                                value={$idaa_slct.archive_obj.group ?? ''}
-                                max="100"
-                                class="input w-40 preset-tonal-surface form-control"
-                            /></label
-                        >
-                    </span>
-
-                    {#if $ae_loc.administrator_access}
+                        class="flex w-full flex-col flex-wrap items-center justify-center gap-2 md:flex-row md:justify-stretch">
                         <span
-                            class="flex flex-row flex-wrap gap-1 items-center justify-evenly grow"
-                        >
+                            class="flex grow flex-row flex-wrap items-center justify-evenly gap-1">
                             <fieldset
-                                class="flex flex-row gap-1 items-center align-center form-check"
-                            >
+                                class="form-check flex flex-row items-center justify-center gap-1">
                                 <legend
-                                    class="legend text-sm font-semibold form-check-label"
-                                    >Enable</legend
-                                >
+                                    class="legend form-check-label text-sm font-semibold"
+                                    >Hide</legend>
                                 <div>
                                     <input
                                         type="radio"
-                                        id="enable_yes"
-                                        name="enable"
+                                        id="hide_yes"
+                                        name="hide"
                                         value={true}
-                                        bind:group={
-                                            $idaa_slct.archive_obj.enable
-                                        }
-                                        class="radio form-check-input"
-                                    />
-                                    <label for="enable_yes">Yes</label>
+                                        bind:group={$idaa_slct.archive_obj.hide}
+                                        class="radio form-check-input" />
+                                    <label for="hide_yes">Yes</label>
                                 </div>
                                 <div>
                                     <input
                                         type="radio"
-                                        id="enable_no"
-                                        name="enable"
+                                        id="hide_no"
+                                        name="hide"
+                                        value={false}
+                                        bind:group={$idaa_slct.archive_obj.hide}
+                                        class="radio form-check-input" />
+                                    <label for="hide_no">No</label>
+                                </div>
+                            </fieldset>
+
+                            <fieldset
+                                class="form-check flex flex-row items-center justify-center gap-1">
+                                <legend
+                                    class="legend form-check-label text-sm font-semibold"
+                                    >Priority</legend>
+                                <div>
+                                    <input
+                                        type="radio"
+                                        id="priority_yes"
+                                        name="priority"
+                                        value={true}
+                                        bind:group={
+                                            $idaa_slct.archive_obj.priority
+                                        }
+                                        class="radio form-check-input" />
+                                    <label for="priority_yes">Yes</label>
+                                </div>
+                                <div>
+                                    <input
+                                        type="radio"
+                                        id="priority_no"
+                                        name="priority"
                                         value={false}
                                         bind:group={
-                                            $idaa_slct.archive_obj.enable
+                                            $idaa_slct.archive_obj.priority
                                         }
-                                        class="radio form-check-input"
-                                    />
-                                    <label for="enable_no">No</label>
+                                        class="radio form-check-input" />
+                                    <label for="priority_no">No</label>
                                 </div>
                             </fieldset>
                         </span>
-                    {:else}
-                        <input
-                            type="hidden"
-                            name="enable"
-                            value={$idaa_slct.archive_obj.enable}
-                        />
-                    {/if}
-                </span>
 
-                {#if $ae_loc.trusted_access}
-                    <label for="notes" class="w-full">
                         <span
-                            class="legend text-sm font-semibold text-surface-600-400"
-                            >Internal Staff Notes</span
-                        >
-                        <AE_Comp_Editor_TipTap
-                            bind:content={notes_new_html}
-                            class_li="preset-tonal-surface preset-filled-surface-100-900"
-                            placeholder="Internal notes for staff only. Not shown to the public."
-                        />
-                    </label>
-                {/if}
+                            class="
+                    col-sm-1
+                    flex grow flex-row flex-wrap items-center justify-evenly
+                    gap-1
+                    ">
+                            <label
+                                class="legend input-group text-sm font-semibold"
+                                >Sort <input
+                                    type="number"
+                                    name="sort"
+                                    value={$idaa_slct.archive_obj.sort}
+                                    class="input preset-tonal-surface form-control w-24" /></label>
 
-                <div class="text-sm text-gray-600 dark:text-gray-400">
-                    {$lq__archive_obj?.updated_on
-                        ? `DB Updated on: ${$lq__archive_obj?.updated_on}`
-                        : ''}
-                    {$idaa_slct.archive_obj?.updated_on
-                        ? `SLCT Updated on: ${$idaa_slct.archive_obj?.updated_on}`
-                        : ''}
-                </div>
+                            <label
+                                class="legend input-group text-sm font-semibold"
+                                >Group <input
+                                    type="text"
+                                    name="group"
+                                    value={$idaa_slct.archive_obj.group ?? ''}
+                                    max="100"
+                                    class="input preset-tonal-surface form-control w-40" /></label>
+                        </span>
+
+                        {#if $ae_loc.administrator_access}
+                            <span
+                                class="flex grow flex-row flex-wrap items-center justify-evenly gap-1">
+                                <fieldset
+                                    class="align-center form-check flex flex-row items-center gap-1">
+                                    <legend
+                                        class="legend form-check-label text-sm font-semibold"
+                                        >Enable</legend>
+                                    <div>
+                                        <input
+                                            type="radio"
+                                            id="enable_yes"
+                                            name="enable"
+                                            value={true}
+                                            bind:group={
+                                                $idaa_slct.archive_obj.enable
+                                            }
+                                            class="radio form-check-input" />
+                                        <label for="enable_yes">Yes</label>
+                                    </div>
+                                    <div>
+                                        <input
+                                            type="radio"
+                                            id="enable_no"
+                                            name="enable"
+                                            value={false}
+                                            bind:group={
+                                                $idaa_slct.archive_obj.enable
+                                            }
+                                            class="radio form-check-input" />
+                                        <label for="enable_no">No</label>
+                                    </div>
+                                </fieldset>
+                            </span>
+                        {:else}
+                            <input
+                                type="hidden"
+                                name="enable"
+                                value={$idaa_slct.archive_obj.enable} />
+                        {/if}
+                    </span>
+
+                    {#if $ae_loc.trusted_access}
+                        <label for="notes" class="w-full">
+                            <span
+                                class="legend text-surface-600-400 text-sm font-semibold"
+                                >Internal Staff Notes</span>
+                            <AE_Comp_Editor_TipTap
+                                bind:content={notes_new_html}
+                                class_li="preset-tonal-surface preset-filled-surface-100-900"
+                                placeholder="Internal notes for staff only. Not shown to the public." />
+                        </label>
+                    {/if}
+
+                    <div class="text-sm text-gray-600 dark:text-gray-400">
+                        {$lq__archive_obj?.updated_on
+                            ? `DB Updated on: ${$lq__archive_obj?.updated_on}`
+                            : ''}
+                        {$idaa_slct.archive_obj?.updated_on
+                            ? `SLCT Updated on: ${$idaa_slct.archive_obj?.updated_on}`
+                            : ''}
+                    </div>
                 </div>
             </div>
             <!-- END: section archive__admin_options -->
         {/if}
 
         <div
-            class="ae_section ae_options flex flex-row gap-1 items-center justify-center"
-        >
+            class="ae_section ae_options flex flex-row items-center justify-center gap-1">
             <button
                 type="submit"
                 class="
                 novi_btn
                 btn btn-md preset-tonal-primary preset-outlined-primary-800-200 hover:preset-filled-primary-200-800
                 transition
-                "
-            >
+                ">
                 <span class="fas fa-check m-1"></span>
                 Save Archive
             </button>
@@ -738,8 +713,7 @@
                 preset-filled-warning-200-800 hover:preset-filled-error-200-800
                 transition
                 "
-                    title="Disable this archive content"
-                >
+                    title="Disable this archive content">
                     <span class="fas fa-minus m-1"></span>
                     Delete
                 </button>
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_view.svelte b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_view.svelte
index e97570cf..1e0285a4 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_view.svelte
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_view.svelte
@@ -1,50 +1,49 @@
 <script lang="ts">
-    // *** Import Svelte specific
+// *** Import Svelte specific
 
-    // *** Import Aether specific variables and functions
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig,
-        idaa_prom
-    } from '$lib/stores/ae_idaa_stores';
-    // import { archives_func } from '$lib/ae_archives/ae_archives_functions';
+// *** Import Aether specific variables and functions
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig,
+    idaa_prom
+} from '$lib/stores/ae_idaa_stores';
+// import { archives_func } from '$lib/ae_archives/ae_archives_functions';
 
-    interface Props {
-        log_lvl?: number;
-        lq__archive_obj: any;
-        lq__archive_content_obj_li: any;
-    }
+interface Props {
+    log_lvl?: number;
+    lq__archive_obj: any;
+    lq__archive_content_obj_li: any;
+}
 
-    let {
-        log_lvl = 0,
-        lq__archive_obj,
-        lq__archive_content_obj_li
-    }: Props = $props();
+let {
+    log_lvl = 0,
+    lq__archive_obj,
+    lq__archive_content_obj_li
+}: Props = $props();
 
-    // let ae_promises: key_val = {};
-    // let ae_tmp: key_val = {};
-    // let ae_trigger: any = null;
-    // let ae_triggers: key_val = {};
+// let ae_promises: key_val = {};
+// let ae_tmp: key_val = {};
+// let ae_trigger: any = null;
+// let ae_triggers: key_val = {};
 
-    // Reminder: Styling is being done with Tailwind CSS, not Bootstrap.
+// Reminder: Styling is being done with Tailwind CSS, not Bootstrap.
 </script>
 
 <div
-    class="svelte_component ae_section ae_view archive_obj view__archive_obj flex flex-col flex-wrap gap-2 items-center justify-center bg-white rounded-lg m-2"
-    bind:clientHeight={$ae_loc.iframe_height_modal_body}
->
+    class="svelte_component ae_section ae_view archive_obj view__archive_obj m-2 flex flex-col flex-wrap items-center justify-center gap-2 rounded-lg bg-white"
+    bind:clientHeight={$ae_loc.iframe_height_modal_body}>
     <!-- <header class="ae_header archive__header">
     <h2 class="archive__name h3">
         {@html $lq__archive_obj?.name ?? 'Loading...'}
@@ -61,8 +60,7 @@
 
     <div class="archive__content w-2xl">
         {#if $lq__archive_obj?.description}<div
-                class="ae_value archive__description"
-            >
+                class="ae_value archive__description">
                 {@html $lq__archive_obj?.description}
             </div>{/if}
         {#if $lq__archive_obj?.content_html}<div class="ae_value">
@@ -72,8 +70,7 @@
             <div>
                 <span class="ae_label text-sm">URL:</span>
                 <span class="ae_value font-semibold"
-                    >{$lq__archive_obj?.original_url}</span
-                >
+                    >{$lq__archive_obj?.original_url}</span>
             </div>
         {/if}
         {#if $lq__archive_obj?.original_datetime}
@@ -83,41 +80,35 @@
                     >{ae_util.iso_datetime_formatter(
                         $lq__archive_obj?.original_datetime,
                         'date_long'
-                    )}</span
-                >
+                    )}</span>
             </div>
         {/if}
         {#if $lq__archive_obj?.original_timezone}
             <span class="ae_label text-sm">Timezone:</span>
             <span class="ae_value font-semibold"
-                >{$lq__archive_obj?.original_timezone}</span
-            >
+                >{$lq__archive_obj?.original_timezone}</span>
         {/if}
         {#if $lq__archive_obj?.original_location}
             <div>
                 <span class="ae_label text-sm">Location:</span>
                 <span class="ae_value font-semibold"
-                    >{$lq__archive_obj?.original_location}</span
-                >
+                    >{$lq__archive_obj?.original_location}</span>
             </div>
         {/if}
     </div>
 
     <div
-        class="ae_meta archive__meta mt-2 flex flex-col gap-2 items-center justify-center"
-        class:hidden={!$ae_loc.trusted_access}
-    >
+        class="ae_meta archive__meta mt-2 flex flex-col items-center justify-center gap-2"
+        class:hidden={!$ae_loc.trusted_access}>
         <div
-            class="ae_group flex flex-col sm:flex-row gap-1 items-center justify-center text-sm text-gray-500"
-        >
+            class="ae_group flex flex-col items-center justify-center gap-1 text-sm text-gray-500 sm:flex-row">
             <span class:hidden={!$ae_loc.administrator_access}>
                 <span class="ae_label">Created on:</span>
                 <span class="ae_value archive__created_on"
                     >{ae_util.iso_datetime_formatter(
                         $lq__archive_obj?.created_on,
                         'datetime_iso_12_no_seconds'
-                    )}</span
-                >
+                    )}</span>
             </span>
             {#if $lq__archive_obj?.updated_on}
                 <span>
@@ -126,17 +117,15 @@
                         >{ae_util.iso_datetime_formatter(
                             $lq__archive_obj?.updated_on,
                             'datetime_iso_12_no_seconds'
-                        )}</span
-                    >
+                        )}</span>
                 </span>
             {/if}
         </div>
 
         {#if $ae_loc.trusted_access && $ae_loc.edit_mode}
             <div
-                class="ae_section ae_options filters_and_search flex flex-col gap-1 my-2 p-2 border rounded-md items-center justify-center bg-gray-200 border-gray-300 dark:bg-gray-800 dark:border-gray-700"
-            >
-                <span class="flex flex-row gap-1 items-center justify-around">
+                class="ae_section ae_options filters_and_search my-2 flex flex-col items-center justify-center gap-1 rounded-md border border-gray-300 bg-gray-200 p-2 dark:border-gray-700 dark:bg-gray-800">
+                <span class="flex flex-row items-center justify-around gap-1">
                     {#if $ae_loc.edit_mode && $ae_loc.trusted_access && (!$idaa_loc.archives.qry__hidden || $idaa_loc.archives.qry__hidden == 'not_hidden')}
                         <button
                             type="button"
@@ -147,8 +136,7 @@
                                 // ae_trigger = 'load__event_obj_li';
                                 $idaa_trig.archive_content_li = true;
                             }}
-                            class="novi_btn btn_show_archives_archive_content ae_btn btn btn-info btn-sm preset-tonal-secondary border border-secondary-500"
-                        >
+                            class="novi_btn btn_show_archives_archive_content ae_btn btn btn-info btn-sm preset-tonal-secondary border-secondary-500 border">
                             <span class="fas fa-eye m-1"></span> Show Hidden Content
                         </button>
                     {:else if $ae_loc.trusted_access && $idaa_loc.archives.qry__hidden != 'not_hidden'}
@@ -161,8 +149,7 @@
                                 // ae_trigger = 'load__event_obj_li';
                                 $idaa_trig.archive_content_li = true;
                             }}
-                            class="novi_btn btn_hide_archives_archive_content ae_btn btn btn-info btn-sm preset-tonal-secondary border border-secondary-500"
-                        >
+                            class="novi_btn btn_hide_archives_archive_content ae_btn btn btn-info btn-sm preset-tonal-secondary border-secondary-500 border">
                             <span class="fas fa-eye-slash m-1"></span> Hide Hidden
                             Content
                         </button>
@@ -178,8 +165,7 @@
                                 // ae_trigger = 'load__event_obj_li';
                                 $idaa_trig.archive_content_li = true;
                             }}
-                            class="novi_btn btn_show_archive_content ae_btn btn btn-warning btn-sm preset-tonal-secondary border border-secondary-500"
-                        >
+                            class="novi_btn btn_show_archive_content ae_btn btn btn-warning btn-sm preset-tonal-secondary border-secondary-500 border">
                             <span class="fas fa-eye m-1"></span> Show Disabled Events
                         </button>
                     {:else if $ae_loc.edit_mode && $ae_loc.manager_access && $idaa_loc.archives.qry__enabled != 'enabled'}
@@ -192,8 +178,7 @@
                                 $idaa_trig.archive_content_li = true;
                                 // ae_trigger = 'load__event_obj_li';
                             }}
-                            class="novi_btn btn_hide_bb_post ae_btn btn btn-warning btn-sm preset-tonal-secondary border border-secondary-500"
-                        >
+                            class="novi_btn btn_hide_bb_post ae_btn btn btn-warning btn-sm preset-tonal-secondary border-secondary-500 border">
                             <span class="fas fa-eye-slash m-1"></span> Hide Disabled
                             Events
                         </button>
@@ -216,8 +201,7 @@
                             $idaa_sess.archives.show__modal_edit__archive_content_id = true;
                         }}
                         class="novi_btn btn btn-sm preset-tonal-warning"
-                        title={`Add content for: ${$lq__archive_obj?.name}`}
-                    >
+                        title={`Add content for: ${$lq__archive_obj?.name}`}>
                         <span class="fas fa-plus m-1"></span> Add Content
                     </button>
 
@@ -241,8 +225,7 @@
                                 $idaa_slct.archive_id;
                         }}
                         class="novi_btn btn btn-sm preset-tonal-warning"
-                        title={`Edit archive: ${$lq__archive_obj?.name}`}
-                    >
+                        title={`Edit archive: ${$lq__archive_obj?.name}`}>
                         <span class="fas fa-edit m-1"></span> Edit Archive
                     </button>
                     <!-- {/if} -->
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__modal_media_player.svelte b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__modal_media_player.svelte
index 6917410e..2d86bc29 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__modal_media_player.svelte
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__modal_media_player.svelte
@@ -1,38 +1,38 @@
 <script lang="ts">
-    /** @type {import('./$types').PageData} */
+/** @type {import('./$types').PageData} */
 
-    // *** Import Svelte specific
-    import { onDestroy, onMount } from 'svelte';
-    // import { browser } from '$app/environment';
+// *** Import Svelte specific
+import { onDestroy, onMount } from 'svelte';
+// import { browser } from '$app/environment';
 
-    // *** Import other supporting libraries
-    import { Modal } from 'flowbite-svelte';
+// *** Import other supporting libraries
+import { Modal } from 'flowbite-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 { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+// *** 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 { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
 
-    import Media_player from './../ae_idaa_comp__media_player.svelte';
+import Media_player from './../ae_idaa_comp__media_player.svelte';
 
-    interface Props {
-        log_lvl?: number;
-        lq__archive_content_obj: any;
+interface Props {
+    log_lvl?: number;
+    lq__archive_content_obj: any;
+}
+
+let { log_lvl, lq__archive_content_obj }: Props = $props();
+
+$effect(() => {
+    if (log_lvl) {
+        console.log(`lq__archive_content_obj:`, lq__archive_content_obj);
     }
+});
 
-    let { log_lvl, lq__archive_content_obj }: Props = $props();
-
-    $effect(() => {
-        if (log_lvl) {
-            console.log(`lq__archive_content_obj:`, lq__archive_content_obj);
-        }
-    });
-
-    onDestroy(() => {
-        // This does not always seem to be triggered???
-        $idaa_slct.archive_content_id = null;
-        let message = { archive_content_id: null };
-        window.parent.postMessage(message, '*');
-    });
+onDestroy(() => {
+    // This does not always seem to be triggered???
+    $idaa_slct.archive_content_id = null;
+    let message = { archive_content_id: null };
+    window.parent.postMessage(message, '*');
+});
 </script>
 
 <!-- title="{$lq__archive_content_obj?.name} - {$lq__archive_content_obj?.archive_content_id}" -->
@@ -46,10 +46,9 @@
     outsideclose={true}
     placement="top-center"
     size="xl"
-    class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
->
+    class="top-center relative mx-auto flex w-full flex-col divide-y divide-gray-200 rounded-lg border-gray-200 bg-white text-gray-800 shadow-md dark:divide-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200">
     {#snippet header()}
-        <div class="flex flex-row items-center justify-between w-full">
+        <div class="flex w-full flex-row items-center justify-between">
             <h3 class="text-base font-semibold">
                 <!-- <span class="text-sm text-gray-500">
                 Viewing:
@@ -67,8 +66,7 @@
                 $idaa_slct.archive_content_id = null;
                 let message = { archive_content_id: null };
                 window.parent.postMessage(message, '*');
-            }}
-        >
+            }}>
             <span class="fas fa-times"></span>
             Close
         </button>
@@ -86,8 +84,7 @@
                 $idaa_slct.archive_content_id = null;
                 let message = { archive_content_id: null };
                 window.parent.postMessage(message, '*');
-            }}
-        >
+            }}>
             <span class="fas fa-times"></span>
             Close
         </button>
diff --git a/src/routes/idaa/(idaa)/archives/ae_idaa_comp__archive_obj_li.svelte b/src/routes/idaa/(idaa)/archives/ae_idaa_comp__archive_obj_li.svelte
index 936e9656..546359bd 100644
--- a/src/routes/idaa/(idaa)/archives/ae_idaa_comp__archive_obj_li.svelte
+++ b/src/routes/idaa/(idaa)/archives/ae_idaa_comp__archive_obj_li.svelte
@@ -1,74 +1,77 @@
 <script lang="ts">
-    // let log_lvl: number = 0;
+// let log_lvl: number = 0;
 
-    // *** Import Svelte specific
-    import { goto } from '$app/navigation';
+// *** Import Svelte specific
+import { goto } from '$app/navigation';
 
-    // *** Import other supporting libraries
+// *** Import other supporting libraries
 
-    // *** Import Aether specific variables and functions
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
-    import { archives_func } from '$lib/ae_archives/ae_archives_functions';
+// *** Import Aether specific variables and functions
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+import { archives_func } from '$lib/ae_archives/ae_archives_functions';
 
-    interface Props {
-        lq__archive_obj_li: any;
-    }
+interface Props {
+    lq__archive_obj_li: any;
+}
 
-    let { lq__archive_obj_li }: Props = $props();
+let { lq__archive_obj_li }: Props = $props();
 
-    let creating = $state(false); // true while create API call is in-flight
+let creating = $state(false); // true while create API call is in-flight
 
-    // Local Sort State
-    let qry_sort_mode = $state('priority_sort'); // 'priority_sort', 'updated_desc', 'name_asc'
+// Local Sort State
+let qry_sort_mode = $state('priority_sort'); // 'priority_sort', 'updated_desc', 'name_asc'
 
-    let sorted_archive_obj_li = $derived.by(() => {
-        const list = [...($lq__archive_obj_li ?? [])];
-        if (!list.length) return [];
+let sorted_archive_obj_li = $derived.by(() => {
+    const list = [...($lq__archive_obj_li ?? [])];
+    if (!list.length) return [];
 
-        list.sort((a, b) => {
-            if (qry_sort_mode === 'priority_sort') {
-                const prioA = a.priority ? 1 : 0;
-                const prioB = b.priority ? 1 : 0;
-                if (prioA !== prioB) return prioB - prioA;
+    list.sort((a, b) => {
+        if (qry_sort_mode === 'priority_sort') {
+            const prioA = a.priority ? 1 : 0;
+            const prioB = b.priority ? 1 : 0;
+            if (prioA !== prioB) return prioB - prioA;
 
-                const sortA = a.sort ?? 0;
-                const sortB = b.sort ?? 0;
-                if (sortA !== sortB) return sortB - sortA;
-            } else if (qry_sort_mode === 'updated_desc') {
-                // SORT: Most recently updated or created at the top (Refactored 2026-02-16)
-                // ROBUSTNESS: Ensure fallback to created_on then to 0 to prevent NaN comparison issues
-                const date_a = new Date(a.updated_on ?? a.created_on ?? 0).getTime() || 0;
-                const date_b = new Date(b.updated_on ?? b.created_on ?? 0).getTime() || 0;
-                return date_b - date_a;
-            }
+            const sortA = a.sort ?? 0;
+            const sortB = b.sort ?? 0;
+            if (sortA !== sortB) return sortB - sortA;
+        } else if (qry_sort_mode === 'updated_desc') {
+            // SORT: Most recently updated or created at the top (Refactored 2026-02-16)
+            // ROBUSTNESS: Ensure fallback to created_on then to 0 to prevent NaN comparison issues
+            const date_a =
+                new Date(a.updated_on ?? a.created_on ?? 0).getTime() || 0;
+            const date_b =
+                new Date(b.updated_on ?? b.created_on ?? 0).getTime() || 0;
+            return date_b - date_a;
+        }
 
-            // Default fallback: Name
-            return (a.name ?? '').localeCompare(b.name ?? '');
-        });
-
-        return list;
+        // Default fallback: Name
+        return (a.name ?? '').localeCompare(b.name ?? '');
     });
+
+    return list;
+});
 </script>
 
 <section
     class="
         archive_list
-        flex flex-col gap-2 items-center justify-center w-full
-        "
->
-    <div class="w-full max-w-(--breakpoint-lg) flex flex-row items-center justify-between px-2 mb-2 gap-2">
+        flex w-full flex-col items-center justify-center gap-2
+        ">
+    <div
+        class="mb-2 flex w-full max-w-(--breakpoint-lg) flex-row items-center justify-between gap-2 px-2">
         {#if $ae_loc.trusted_access && $ae_loc.edit_mode}
-            <button type="button"
+            <button
+                type="button"
                 disabled={creating}
                 onclick={() => {
                     creating = true;
@@ -104,8 +107,7 @@
                     preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
                     transition
                 "
-                title="Create new archive"
-            >
+                title="Create new archive">
                 {#if creating}
                     <span class="fas fa-spinner fa-spin m-1"></span> Creating...
                 {:else}
@@ -117,8 +119,11 @@
         {/if}
 
         <div class="flex flex-row items-center gap-2">
-            <span class="text-xs font-bold opacity-50 uppercase tracking-widest">Sort By:</span>
-            <select bind:value={qry_sort_mode} class="select variant-filled-surface rounded-lg text-sm border border-surface-500/20 p-1 w-fit">
+            <span class="text-xs font-bold tracking-widest uppercase opacity-50"
+                >Sort By:</span>
+            <select
+                bind:value={qry_sort_mode}
+                class="select variant-filled-surface border-surface-500/20 w-fit rounded-lg border p-1 text-sm">
                 <option value="priority_sort">Priority & Order</option>
                 <option value="name_asc">Name (A-Z)</option>
                 <option value="updated_desc">Recently Updated</option>
@@ -129,23 +134,20 @@
     {#if sorted_archive_obj_li && sorted_archive_obj_li.length}
         {#each sorted_archive_obj_li as idaa_archive_obj, index (idaa_archive_obj.archive_id)}
             <div
-                class="container archive archive_obj border rounded p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center"
+                class="archive archive_obj container mb-2 flex w-full max-w-(--breakpoint-lg) flex-col items-center justify-center space-y-2 rounded border p-2"
                 class:hidden={(idaa_archive_obj?.hide ||
                     !idaa_archive_obj?.enable) &&
                     !$ae_loc.trusted_access}
                 class:dim={idaa_archive_obj.hide}
                 class:bg-warning-100={!idaa_archive_obj?.enable}
-                class:text-warning-900={!idaa_archive_obj?.enable}
-            >
+                class:text-warning-900={!idaa_archive_obj?.enable}>
                 <header
-                    class="ae_header flex flex-row gap-2 items-center justify-between w-full"
-                >
+                    class="ae_header flex w-full flex-row items-center justify-between gap-2">
                     <h3 class="archive__name h3">
                         <span class="fas fa-archive m-1 text-neutral-800/80"
                         ></span>
                         <span class="archive__name"
-                            >{@html idaa_archive_obj.name}</span
-                        >
+                            >{@html idaa_archive_obj.name}</span>
                     </h3>
 
                     {#if idaa_archive_obj.original_location}
@@ -153,18 +155,16 @@
                         <h4 class="h4">
                             <!-- <span class="ae_label">Location:</span> -->
                             <span class="ae_value"
-                                >{idaa_archive_obj.original_location}</span
-                            >
+                                >{idaa_archive_obj.original_location}</span>
                         </h4>
                     {/if}
                 </header>
 
                 {#if idaa_archive_obj.description}<pre
-                        class="archive__description p-2 bg-white shadow-md rounded-lg text-sm font-normal text-wrap whitespace-pre-wrap word-break max-w-(--breakpoint-md) novi_text_wrap">{@html idaa_archive_obj.description}</pre>{/if}
+                        class="archive__description word-break novi_text_wrap max-w-(--breakpoint-md) rounded-lg bg-white p-2 text-sm font-normal text-wrap whitespace-pre-wrap shadow-md">{@html idaa_archive_obj.description}</pre>{/if}
 
                 <div
-                    class="ae_options flex flex-row gap-2 items-center justify-center"
-                >
+                    class="ae_options flex flex-row items-center justify-center gap-2">
                     <a
                         href="/idaa/archives/{idaa_archive_obj?.archive_id}"
                         class="
@@ -172,8 +172,7 @@
                     btn btn-md preset-filled-primary-200-800
                     transition
                     "
-                        title={`View: ${idaa_archive_obj?.name}`}
-                    >
+                        title={`View: ${idaa_archive_obj?.name}`}>
                         <!-- <span class="fas fa-envelope-open m-1"></span> -->
                         <span class="fas fa-box-open m-1 text-neutral-800/80"
                         ></span>
@@ -181,8 +180,7 @@
 
                         {#if idaa_archive_obj?.archive_content_count}
                             <span
-                                class="ae_badge ae_info archive__archive_content_count"
-                            >
+                                class="ae_badge ae_info archive__archive_content_count">
                                 <span class="fas fa-content"></span>
                                 {idaa_archive_obj?.archive_content_count == 1
                                     ? `${idaa_archive_obj?.archive_content_count} content`
@@ -193,10 +191,9 @@
                 </div>
 
                 <section
-                    class="ae_section ae_footer ae_meta archive__meta mt-2 flex flex-col sm:flex-row gap-1 items-center justify-center text-sm text-gray-500"
+                    class="ae_section ae_footer ae_meta archive__meta mt-2 flex flex-col items-center justify-center gap-1 text-sm text-gray-500 sm:flex-row"
                     class:hidden={!$ae_loc.administrator_access &&
-                        !$ae_loc.edit_mode}
-                >
+                        !$ae_loc.edit_mode}>
                     <div class="ae_group">
                         {#if !idaa_archive_obj.updated_on}
                             <span class="archive__created_on">
@@ -205,8 +202,7 @@
                                     >{ae_util.iso_datetime_formatter(
                                         idaa_archive_obj.created_on,
                                         'datetime_12_long'
-                                    )}</span
-                                >
+                                    )}</span>
                             </span>
                         {:else}
                             <span class="archive__updated_on">
@@ -215,8 +211,7 @@
                                     >{ae_util.iso_datetime_formatter(
                                         idaa_archive_obj.updated_on,
                                         'datetime_12_long'
-                                    )}</span
-                                >
+                                    )}</span>
                             </span>
                         {/if}
                     </div>
diff --git a/src/routes/idaa/(idaa)/archives/ae_idaa_comp__media_player.svelte b/src/routes/idaa/(idaa)/archives/ae_idaa_comp__media_player.svelte
index 15b7cb9b..664c3629 100644
--- a/src/routes/idaa/(idaa)/archives/ae_idaa_comp__media_player.svelte
+++ b/src/routes/idaa/(idaa)/archives/ae_idaa_comp__media_player.svelte
@@ -1,91 +1,90 @@
 <script lang="ts">
-    // *** Import Svelte specific
-    import { onDestroy } from 'svelte';
-    import { browser } from '$app/environment';
+// *** Import Svelte specific
+import { onDestroy } from 'svelte';
+import { browser } from '$app/environment';
 
-    // *** Import Aether specific variables and functions
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+// *** Import Aether specific variables and functions
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
 
-    interface Props {
-        // export let archive_content_id = null;
-        lq__archive_content_obj: any;
-    }
+interface Props {
+    // export let archive_content_id = null;
+    lq__archive_content_obj: any;
+}
 
-    let { lq__archive_content_obj }: Props = $props();
+let { lq__archive_content_obj }: Props = $props();
 
-    // This should be moved to a better location. Turn into a function?
-    let file_icons: any = $state({});
-    file_icons['ac3'] = 'file-audio';
-    file_icons['aac'] = 'file-audio';
-    file_icons['csv'] = 'file-csv';
-    file_icons['doc'] = 'file-word';
-    file_icons['docx'] = 'file-word';
-    file_icons['gif'] = 'file-image';
-    file_icons['htm'] = 'file-code';
-    file_icons['html'] = 'file-code';
-    file_icons['jpeg'] = 'file-image';
-    file_icons['jpg'] = 'file-image';
-    file_icons['key'] = 'file-powerpoint';
-    file_icons['m4a'] = 'file-audio';
-    file_icons['mkv'] = 'file-video';
-    file_icons['mov'] = 'file-video';
-    file_icons['mp3'] = 'file-audio';
-    file_icons['mp4'] = 'file-video';
-    file_icons['pdf'] = 'file-pdf';
-    file_icons['png'] = 'file-image';
-    file_icons['ppt'] = 'file-powerpoint';
-    file_icons['pptx'] = 'file-powerpoint';
-    file_icons['txt'] = 'file-alt';
-    file_icons['wav'] = 'file-audio';
-    file_icons['webp'] = 'file-image';
-    file_icons['xls'] = 'file-excel';
-    file_icons['xlsx'] = 'file-excel';
-    file_icons['zip'] = 'file-archive';
+// This should be moved to a better location. Turn into a function?
+let file_icons: any = $state({});
+file_icons['ac3'] = 'file-audio';
+file_icons['aac'] = 'file-audio';
+file_icons['csv'] = 'file-csv';
+file_icons['doc'] = 'file-word';
+file_icons['docx'] = 'file-word';
+file_icons['gif'] = 'file-image';
+file_icons['htm'] = 'file-code';
+file_icons['html'] = 'file-code';
+file_icons['jpeg'] = 'file-image';
+file_icons['jpg'] = 'file-image';
+file_icons['key'] = 'file-powerpoint';
+file_icons['m4a'] = 'file-audio';
+file_icons['mkv'] = 'file-video';
+file_icons['mov'] = 'file-video';
+file_icons['mp3'] = 'file-audio';
+file_icons['mp4'] = 'file-video';
+file_icons['pdf'] = 'file-pdf';
+file_icons['png'] = 'file-image';
+file_icons['ppt'] = 'file-powerpoint';
+file_icons['pptx'] = 'file-powerpoint';
+file_icons['txt'] = 'file-alt';
+file_icons['wav'] = 'file-audio';
+file_icons['webp'] = 'file-image';
+file_icons['xls'] = 'file-excel';
+file_icons['xlsx'] = 'file-excel';
+file_icons['zip'] = 'file-archive';
 
-    $effect(() => {
-        if (browser && $lq__archive_content_obj?.archive_content_id) {
-            console.log(
-                '** Component Mounted: ** Media Player - Archive Content Obj'
-            );
+$effect(() => {
+    if (browser && $lq__archive_content_obj?.archive_content_id) {
+        console.log(
+            '** Component Mounted: ** Media Player - Archive Content Obj'
+        );
 
-            document.body.scrollIntoView();
-
-            const url = new URL(location.href);
-            url.searchParams.set(
-                'archive_content_id',
-                $lq__archive_content_obj?.archive_content_id
-            );
-            // url.searchParams.set('archive_content_id', $idaa_slct?.archive_content_id);
-            history.pushState({}, '', url);
-        }
-    });
-
-    onDestroy(() => {
-        console.log('** Component Destroyed: ** View - Archive Content Obj');
+        document.body.scrollIntoView();
 
         const url = new URL(location.href);
-        url.searchParams.delete('archive_content_id');
+        url.searchParams.set(
+            'archive_content_id',
+            $lq__archive_content_obj?.archive_content_id
+        );
+        // url.searchParams.set('archive_content_id', $idaa_slct?.archive_content_id);
         history.pushState({}, '', url);
-    });
+    }
+});
 
-    // Reminder: Styling is being done with Tailwind CSS, not Bootstrap.
+onDestroy(() => {
+    console.log('** Component Destroyed: ** View - Archive Content Obj');
+
+    const url = new URL(location.href);
+    url.searchParams.delete('archive_content_id');
+    history.pushState({}, '', url);
+});
+
+// Reminder: Styling is being done with Tailwind CSS, not Bootstrap.
 </script>
 
-
-<div class="ae_content flex flex-col gap-2 items-center justify-center d-flex justify-content-center align-items-center">
+<div
+    class="ae_content d-flex justify-content-center align-items-center flex flex-col items-center justify-center gap-2">
     {#if !$idaa_slct.archive_content_obj.hosted_file_id}
         <span
-            class="text-center text-lg text-gray-500 bg-yellow-100 p-2 rounded-lg"
-        >
+            class="rounded-lg bg-yellow-100 p-2 text-center text-lg text-gray-500">
             <span class="fas fa-exclamation-triangle text-warning"></span>
             No Hosted File Linked
             <span class="fas fa-exclamation-triangle text-warning"></span>
@@ -95,28 +94,25 @@
             autoplay
             controls
             style="max-width: 100%; max-height: 65vh;"
-            class="w-96 h-auto"
-        >
+            class="h-auto w-96">
             <source
                 id="view_archive_content_audio_source"
                 src="{$ae_api.base_url}/v3/action/hosted_file/{$idaa_slct
                     .archive_content_obj
                     ?.hosted_file_id}/download?key={$ae_api.account_id}"
-                type="audio/mpeg"
-            />
+                type="audio/mpeg" />
             <!--<source src="audio.ogg" type="audio/ogg">-->
             Your browser does not support the audio tag.
         </audio>
     {:else if file_icons[$idaa_slct.archive_content_obj.file_extension] == 'file-video'}
         <!-- ID: {$idaa_slct.archive_content_obj?.hosted_file_id} -->
         <!-- style="max-width: 100%; max-height: 65vh;" -->
-        <video autoplay controls class="w-full h-auto">
+        <video autoplay controls class="h-auto w-full">
             <source
                 src="{$ae_api.base_url}/v3/action/hosted_file/{$idaa_slct
                     .archive_content_obj
                     ?.hosted_file_id}/download?key={$ae_api.account_id}"
-                type="video/mp4"
-            />
+                type="video/mp4" />
             <!--<source src="video.ogg" type="video/ogg">-->
             <track kind="captions" src="" srclang="en" label="English" />
             Your browser does not support the video tag.
@@ -127,8 +123,7 @@
                 .archive_content_obj
                 ?.hosted_file_id}/download?key={$ae_api.account_id}"
             alt={$idaa_slct.archive_content_obj.name}
-            style="max-width: 100%; max-height: 65vh;"
-        />
+            style="max-width: 100%; max-height: 65vh;" />
     {:else}
         <a
             href="{$ae_api.base_url}/v3/action/hosted_file/{$idaa_slct
@@ -139,13 +134,12 @@
                 novi_btn
                 btn btn-md btn-secondary
                 preset-tonal-primary
-                border border-primary-500
-                hover:preset-filled-primary-500
+                border-primary-500 hover:preset-filled-primary-500
+                border
                 transition
                 "
             title="Download: {$idaa_slct.archive_content_obj.filename}"
-            download={$idaa_slct.archive_content_obj.filename}
-        >
+            download={$idaa_slct.archive_content_obj.filename}>
             <span class="fas fa-download m-1"></span>
             Download:
             {$idaa_slct.archive_content_obj.filename}
@@ -163,4 +157,4 @@
             {@html $idaa_slct.archive_content_obj.content_html}
         </div>
     {/if}
-    </div>
+</div>
diff --git a/src/routes/idaa/(idaa)/bb/+layout.svelte b/src/routes/idaa/(idaa)/bb/+layout.svelte
index 34163d99..35c190bb 100644
--- a/src/routes/idaa/(idaa)/bb/+layout.svelte
+++ b/src/routes/idaa/(idaa)/bb/+layout.svelte
@@ -1,114 +1,114 @@
 <script lang="ts">
-    import { untrack } from 'svelte';
-    let log_lvl: number = $state(0);
+import { untrack } from 'svelte';
+let log_lvl: number = $state(0);
 
-    // *** Import Svelte specific
-    import { page } from '$app/state';
+// *** Import Svelte specific
+import { page } from '$app/state';
 
-    // *** Import Aether specific variables and functions
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig,
-        idaa_prom
-    } from '$lib/stores/ae_idaa_stores';
-    import { posts_func } from '$lib/ae_posts/ae_posts_functions';
+// *** Import Aether specific variables and functions
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig,
+    idaa_prom
+} from '$lib/stores/ae_idaa_stores';
+import { posts_func } from '$lib/ae_posts/ae_posts_functions';
 
-    interface Props {
-        /** @type {import('./$types').LayoutData} */
-        data: any;
-        children?: import('svelte').Snippet;
+interface Props {
+    /** @type {import('./$types').LayoutData} */
+    data: any;
+    children?: import('svelte').Snippet;
+}
+
+let { data, children }: Props = $props();
+
+// NOTE: Derived from data.account_id (prop) instead of $slct.account_id (store)
+// to prevent circular dependency loops during hydration.
+let ae_acct = $derived(data[data.account_id]);
+
+$effect(() => {
+    if (log_lvl > 1) {
+        console.log(`ae_idaa_bulletin_board +layout.svelte`, data);
     }
 
-    let { data, children }: Props = $props();
+    // *** Quickly pull out data from parent(s)
+    $slct.account_id = data.account_id;
+});
 
-    // NOTE: Derived from data.account_id (prop) instead of $slct.account_id (store)
-    // to prevent circular dependency loops during hydration.
-    let ae_acct = $derived(data[data.account_id]);
+$effect(() => {
+    if (log_lvl) {
+        console.log(`ae_acct = `, ae_acct);
+    }
 
-    $effect(() => {
-        if (log_lvl > 1) {
-            console.log(`ae_idaa_bulletin_board +layout.svelte`, data);
-        }
+    if (ae_acct) {
+        untrack(() => {
+            $idaa_slct.post_obj_li = ae_acct.slct.post_obj_li;
+        });
+    }
+});
+// $idaa_slct.post_id = ae_acct.slct.post_id; // Not set here yet.
 
-        // *** Quickly pull out data from parent(s)
-        $slct.account_id = data.account_id;
-    });
+// *** Set initial variables
+
+$effect(() => {
+    if ($idaa_trig.post_id) {
+        // log_lvl = 1;
+        $idaa_trig.post_id = false;
 
-    $effect(() => {
         if (log_lvl) {
-            console.log(`ae_acct = `, ae_acct);
+            console.log(`Triggered: $idaa_trig.post_id`);
         }
 
-        if (ae_acct) {
-            untrack(() => {
-                $idaa_slct.post_obj_li = ae_acct.slct.post_obj_li;
+        $idaa_prom.load__post_obj = posts_func
+            .load_ae_obj_id__post({
+                api_cfg: $ae_api,
+                post_id: $idaa_slct.post_id,
+                enabled: $idaa_loc.bb.qry__enabled,
+                hidden: $idaa_loc.bb.qry__hidden,
+                limit: $idaa_loc.bb.qry__limit,
+                inc_comment_li: true,
+                // try_cache: true,
+                log_lvl: log_lvl
+            })
+            .then((post_obj) => {
+                if (log_lvl) {
+                    console.log(`Post object loaded: `, post_obj);
+                }
+
+                $idaa_slct.post_obj = post_obj;
+                $idaa_slct.post_comment_id = null;
+                $idaa_slct.post_comment_obj = null;
+
+                // $idaa_sess.bb.show__modal_view__post_id = $idaa_slct.post_id;
+                // $idaa_sess.bb.show__modal_edit__post_id = false;
             });
+
+        // $idaa_slct.post_obj = $idaa_prom.load__post_obj;
+
+        if (!page.url.searchParams.get('post_id')) {
+            const url = new URL(location.href);
+            // url.searchParams.set('post_id', $idaa_slct.post_id);
+            url.searchParams.delete('post_id');
+            history.pushState({}, '', url);
+
+            let message = { post_id: $idaa_slct.post_id };
+            window.parent.postMessage(message, '*');
         }
-    });
-    // $idaa_slct.post_id = ae_acct.slct.post_id; // Not set here yet.
 
-    // *** Set initial variables
-
-    $effect(() => {
-        if ($idaa_trig.post_id) {
-            // log_lvl = 1;
-            $idaa_trig.post_id = false;
-
-            if (log_lvl) {
-                console.log(`Triggered: $idaa_trig.post_id`);
-            }
-
-            $idaa_prom.load__post_obj = posts_func
-                .load_ae_obj_id__post({
-                    api_cfg: $ae_api,
-                    post_id: $idaa_slct.post_id,
-                    enabled: $idaa_loc.bb.qry__enabled,
-                    hidden: $idaa_loc.bb.qry__hidden,
-                    limit: $idaa_loc.bb.qry__limit,
-                    inc_comment_li: true,
-                    // try_cache: true,
-                    log_lvl: log_lvl
-                })
-                .then((post_obj) => {
-                    if (log_lvl) {
-                        console.log(`Post object loaded: `, post_obj);
-                    }
-
-                    $idaa_slct.post_obj = post_obj;
-                    $idaa_slct.post_comment_id = null;
-                    $idaa_slct.post_comment_obj = null;
-
-                    // $idaa_sess.bb.show__modal_view__post_id = $idaa_slct.post_id;
-                    // $idaa_sess.bb.show__modal_edit__post_id = false;
-                });
-
-            // $idaa_slct.post_obj = $idaa_prom.load__post_obj;
-
-            if (!page.url.searchParams.get('post_id')) {
-                const url = new URL(location.href);
-                // url.searchParams.set('post_id', $idaa_slct.post_id);
-                url.searchParams.delete('post_id');
-                history.pushState({}, '', url);
-
-                let message = { post_id: $idaa_slct.post_id };
-                window.parent.postMessage(message, '*');
-            }
-
-            // $idaa_sess.bb.show__modal_view__post_id = $idaa_slct.post_id;
-            // $idaa_sess.bb.show__modal_edit__post_id = false;
-        }
-    });
+        // $idaa_sess.bb.show__modal_view__post_id = $idaa_slct.post_id;
+        // $idaa_sess.bb.show__modal_edit__post_id = false;
+    }
+});
 </script>
 
 {@render children?.()}
diff --git a/src/routes/idaa/(idaa)/bb/+page.svelte b/src/routes/idaa/(idaa)/bb/+page.svelte
index f1bef1f1..004065b4 100644
--- a/src/routes/idaa/(idaa)/bb/+page.svelte
+++ b/src/routes/idaa/(idaa)/bb/+page.svelte
@@ -1,241 +1,247 @@
 <script lang="ts">
-    interface Props {
-        /** @type {import('./$types').PageData} */
-        data: any;
-    }
-    let { data }: Props = $props();
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+}
+let { data }: Props = $props();
 
-    let log_lvl: number = $state(0);
+let log_lvl: number = $state(0);
 
-    // *** Import Svelte specific
-    import { page } from '$app/state';
-    import { browser } from '$app/environment';
-    // import { untrack } from 'svelte';
-    // import { goto, invalidate, pushState, replaceState } from '$app/navigation';
+// *** Import Svelte specific
+import { page } from '$app/state';
+import { browser } from '$app/environment';
+// import { untrack } from 'svelte';
+// import { goto, invalidate, pushState, replaceState } from '$app/navigation';
 
-    // *** Import other supporting libraries
-    import { liveQuery } from 'dexie';
+// *** Import other supporting libraries
+import { liveQuery } from 'dexie';
 
-    // *** Import Aether specific variables and functions
-    // import type { key_val } from '$lib/ae_stores';
+// *** Import Aether specific variables and functions
+// import type { key_val } from '$lib/ae_stores';
 
-    import { db_posts } from '$lib/ae_posts/db_posts';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig,
-        idaa_prom
-    } from '$lib/stores/ae_idaa_stores';
-    import { posts_func } from '$lib/ae_posts/ae_posts_functions';
+import { db_posts } from '$lib/ae_posts/db_posts';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig,
+    idaa_prom
+} from '$lib/stores/ae_idaa_stores';
+import { posts_func } from '$lib/ae_posts/ae_posts_functions';
 
-    import Comp__post_obj_li from './ae_idaa_comp__post_obj_li.svelte';
-    // import Comp__post_obj_id_view from './ae_idaa_comp__post_obj_id_view.svelte';
-    import Comp__post_options from './ae_idaa_comp__post_options.svelte';
+import Comp__post_obj_li from './ae_idaa_comp__post_obj_li.svelte';
+// import Comp__post_obj_id_view from './ae_idaa_comp__post_obj_id_view.svelte';
+import Comp__post_options from './ae_idaa_comp__post_options.svelte';
 
-    let post_id = page.url.searchParams.get('post_id') ?? null;
-    if (!post_id) {
-        $idaa_slct.post_id = null;
-    } else {
-        console.log(`ae Posts - [post_id] +page.ts: post_id = `, post_id);
-        $idaa_slct.post_id = post_id;
-        $idaa_trig.post_id = post_id;
-    }
+let post_id = page.url.searchParams.get('post_id') ?? null;
+if (!post_id) {
+    $idaa_slct.post_id = null;
+} else {
+    console.log(`ae Posts - [post_id] +page.ts: post_id = `, post_id);
+    $idaa_slct.post_id = post_id;
+    $idaa_trig.post_id = post_id;
+}
 
-    // *** Functions and Logic
-    // Stable LiveQuery Pattern (Aether UI V3)
-    let lq__post_obj_li = $derived.by(() => {
-        // SVELTE 5 REACTIVITY: Track account selection synchronously
-        const account_id = $slct.account_id ?? '';
+// *** Functions and Logic
+// Stable LiveQuery Pattern (Aether UI V3)
+let lq__post_obj_li = $derived.by(() => {
+    // SVELTE 5 REACTIVITY: Track account selection synchronously
+    const account_id = $slct.account_id ?? '';
 
-        return liveQuery(async () => {
-            const now = new Date();
-            const results = await db_posts.post
-                .where('account_id').equals(account_id)
-                .filter((x) => {
-                    if (!x.archive_on) return true;
-                    const archiveDate = x.archive_on instanceof Date ? x.archive_on : new Date(x.archive_on);
-                    return archiveDate > now;
-                })
-                .toArray();
+    return liveQuery(async () => {
+        const now = new Date();
+        const results = await db_posts.post
+            .where('account_id')
+            .equals(account_id)
+            .filter((x) => {
+                if (!x.archive_on) return true;
+                const archiveDate =
+                    x.archive_on instanceof Date
+                        ? x.archive_on
+                        : new Date(x.archive_on);
+                return archiveDate > now;
+            })
+            .toArray();
 
-            // SORT: Most recently updated or created at the top (Refactored 2026-02-05)
-            // ROBUSTNESS: Ensure fallback to 0 to prevent NaN comparison issues
-            results.sort((a, b) => {
-                const date_a = new Date(a.updated_on ?? a.created_on ?? 0).getTime() || 0;
-                const date_b = new Date(b.updated_on ?? b.created_on ?? 0).getTime() || 0;
-                return date_b - date_a;
-            });
-
-            return results;
+        // SORT: Most recently updated or created at the top (Refactored 2026-02-05)
+        // ROBUSTNESS: Ensure fallback to 0 to prevent NaN comparison issues
+        results.sort((a, b) => {
+            const date_a =
+                new Date(a.updated_on ?? a.created_on ?? 0).getTime() || 0;
+            const date_b =
+                new Date(b.updated_on ?? b.created_on ?? 0).getTime() || 0;
+            return date_b - date_a;
         });
+
+        return results;
     });
+});
 
-    // let lq__post_obj = $derived.by(() => {
-    //     const post_id = $idaa_slct.post_id ?? '';
-    //     return liveQuery(async () => {
-    //         if (!post_id) return null;
-    //         return await db_posts.post.get(post_id);
-    //     });
-    // });
+// let lq__post_obj = $derived.by(() => {
+//     const post_id = $idaa_slct.post_id ?? '';
+//     return liveQuery(async () => {
+//         if (!post_id) return null;
+//         return await db_posts.post.get(post_id);
+//     });
+// });
 
-    // let lq__post_comment_obj_li = $derived.by(() => {
-    //     const post_id = $idaa_slct.post_id ?? '';
-    //     return liveQuery(async () => {
-    //         if (!post_id) return [];
-    //         return await db_posts.comment
-    //             .where('post_id')
-    //             .equals(post_id)
-    //             .reverse()
-    //             .sortBy('updated_on');
-    //     });
-    // });
+// let lq__post_comment_obj_li = $derived.by(() => {
+//     const post_id = $idaa_slct.post_id ?? '';
+//     return liveQuery(async () => {
+//         if (!post_id) return [];
+//         return await db_posts.comment
+//             .where('post_id')
+//             .equals(post_id)
+//             .reverse()
+//             .sortBy('updated_on');
+//     });
+// });
 
-    // let lq__post_comment_obj = $derived.by(() => {
-    //     const comment_id = $idaa_slct.post_comment_id ?? '';
-    //     return liveQuery(async () => {
-    //         if (!comment_id) return null;
-    //         return await db_posts.comment.get(comment_id);
-    //     });
-    // });
+// let lq__post_comment_obj = $derived.by(() => {
+//     const comment_id = $idaa_slct.post_comment_id ?? '';
+//     return liveQuery(async () => {
+//         if (!comment_id) return null;
+//         return await db_posts.comment.get(comment_id);
+//     });
+// });
 
-    // Handle Single Post Load Trigger
-    $effect(() => {
-        if ($idaa_trig.post_id) {
-            const post_id = $idaa_trig.post_id;
-            $idaa_trig.post_id = null;
+// Handle Single Post Load Trigger
+$effect(() => {
+    if ($idaa_trig.post_id) {
+        const post_id = $idaa_trig.post_id;
+        $idaa_trig.post_id = null;
 
-            if (log_lvl) console.log(`Triggered: load post_id=${post_id}`);
+        if (log_lvl) console.log(`Triggered: load post_id=${post_id}`);
 
-            // Non-blocking background refresh
-            posts_func.load_ae_obj_id__post({
-                api_cfg: $ae_api,
-                post_id: post_id,
-                inc_comment_li: true,
-                try_cache: true,
-                log_lvl
-            });
+        // Non-blocking background refresh
+        posts_func.load_ae_obj_id__post({
+            api_cfg: $ae_api,
+            post_id: post_id,
+            inc_comment_li: true,
+            try_cache: true,
+            log_lvl
+        });
+    }
+});
+
+$effect(() => {
+    if ($idaa_trig.post_li) {
+        $idaa_trig.post_li = false;
+        log_lvl = 1;
+
+        if (log_lvl) {
+            console.log(`Triggered: $idaa_trig.post_li`);
         }
-    });
 
-    $effect(() => {
-        if ($idaa_trig.post_li) {
-            $idaa_trig.post_li = false;
-            log_lvl = 1;
+        // Wrap the data fetching logic in an async function to await clearing
+        const refresh_posts = async () => {
+            // This may need to be rethought... For now things are cleared  if query is anything but 'all' for enabled and hidden.
+            if (
+                $idaa_loc.bb.qry__enabled !== 'all' ||
+                $idaa_loc.bb.qry__hidden !== 'all' ||
+                $idaa_loc.bb.qry__limit < 50
+            ) {
+                console.log(`Deleting disabled or hidden post.`);
+                await db_posts.post.clear();
+                console.log(`Deleted disabled post.`);
 
-            if (log_lvl) {
-                console.log(`Triggered: $idaa_trig.post_li`);
+                console.log(`Deleting disabled or hidden post comments.`);
+                await db_posts.comment.clear();
+                console.log(`Deleted disabled post comments.`);
             }
 
-            // Wrap the data fetching logic in an async function to await clearing
-            const refresh_posts = async () => {
-                // This may need to be rethought... For now things are cleared  if query is anything but 'all' for enabled and hidden.
-                if (
-                    $idaa_loc.bb.qry__enabled !== 'all' ||
-                    $idaa_loc.bb.qry__hidden !== 'all' ||
-                    $idaa_loc.bb.qry__limit < 50
-                ) {
-                    console.log(`Deleting disabled or hidden post.`);
-                    await db_posts.post.clear();
-                    console.log(`Deleted disabled post.`);
+            $idaa_prom.load__post_obj_li = posts_func.qry__post({
+                api_cfg: $ae_api,
+                account_id: $slct.account_id,
+                qry_archive_on: '2024-01-01', // (new Date()).toISOString(),
+                inc_comment_li: false,
+                enabled: $idaa_loc.bb.qry__enabled,
+                hidden: $idaa_loc.bb.qry__hidden,
+                limit: $idaa_loc.bb.qry__limit,
+                order_by_li: $idaa_loc.bb.qry__order_by_li,
+                // try_cache: true,
+                log_lvl: log_lvl
+            });
+        };
 
-                    console.log(`Deleting disabled or hidden post comments.`);
-                    await db_posts.comment.clear();
-                    console.log(`Deleted disabled post comments.`);
-                }
-
-                $idaa_prom.load__post_obj_li = posts_func.qry__post({
-                    api_cfg: $ae_api,
-                    account_id: $slct.account_id,
-                    qry_archive_on: '2024-01-01', // (new Date()).toISOString(),
-                    inc_comment_li: false,
-                    enabled: $idaa_loc.bb.qry__enabled,
-                    hidden: $idaa_loc.bb.qry__hidden,
-                    limit: $idaa_loc.bb.qry__limit,
-                    order_by_li: $idaa_loc.bb.qry__order_by_li,
-                    // try_cache: true,
-                    log_lvl: log_lvl
-                });
-            };
-
-            refresh_posts();
-        }
-    });
-
-    if (browser) {
-        console.log('Browser environment detected.');
-
-        let message = { post_id: $idaa_slct?.post_id ?? null };
-        window.parent.postMessage(message, '*');
-
-        // add_activity_log(
-        //     {
-        //         action: 'idaa_bb_page',
-        //         action_with: 'browser',
-        //     }
-        // );
+        refresh_posts();
     }
+});
 
-    // function add_activity_log({
-    //     action = 'idaa_bb_page',
-    //     action_with = 'none'
-    // }: {
-    //     action?: string;
-    //     action_with?: string;
-    // }) {
-    //     let last_cache_refresh_iso = new Date($ae_loc?.last_cache_refresh);
+if (browser) {
+    console.log('Browser environment detected.');
 
-    //     let activity_description = `
-    //     ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? 'no-email'}
-    //     allow=${$ae_loc?.allow_access}
-    //     last_cache_refresh=${last_cache_refresh_iso.toLocaleString()}
-    //     data_route=${data?.route.toString() ?? 'unknown'}
-    // `;
+    let message = { post_id: $idaa_slct?.post_id ?? null };
+    window.parent.postMessage(message, '*');
 
-    //     let data_kv = {
-    //         external_client_id: data?.route.id,
-    //         name: `IDAA: ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? ''}`,
-    //         description: activity_description ?? null,
-    //         object_type: 'post', // archive, post, event
-    //         // object_id: data?.params?.event_id ?? null,
-    //         // object_id: ae_acct.slct.archive_id, // data?.params?.archive_id ?? null,
-    //         url_root: data?.url.origin,
-    //         // url_full_path: data?.url.href,
-    //         url_full_path: data?.url.pathname,
-    //         url_params: data?.url.searchParams.toString(),
-    //         action: action,
-    //         action_with: action_with ?? 'none',
-    //         meta_json: {
-    //             allow_access: $ae_loc?.allow_access,
-    //             last_cache_refresh: $ae_loc?.last_cache_refresh,
-    //             last_cache_refresh_iso: last_cache_refresh_iso.toISOString(),
-    //             last_cache_refresh_locale: last_cache_refresh_iso.toLocaleString(),
-    //             access_level: $ae_loc?.access_level,
-    //             iframe: $ae_loc?.iframe
-    //             // site_access_key: $ae_loc?.site_access_key,
-    //             // site_domain_access_key: $ae_loc?.site_domain_access_key,
-    //             // site_domain: $ae_loc?.site_domain,
-    //             // extra_data: extra_data ?? '',
-    //             // log_lvl: log_lvl,
-    //         }
-    //     };
+    // add_activity_log(
+    //     {
+    //         action: 'idaa_bb_page',
+    //         action_with: 'browser',
+    //     }
+    // );
+}
 
-    //     core_func.create_ae_obj__activity_log({
-    //         api_cfg: $ae_api,
-    //         account_id: $ae_loc.account_id,
-    //         data_kv: data_kv,
-    //         log_lvl: log_lvl
-    //     });
-    // }
+// function add_activity_log({
+//     action = 'idaa_bb_page',
+//     action_with = 'none'
+// }: {
+//     action?: string;
+//     action_with?: string;
+// }) {
+//     let last_cache_refresh_iso = new Date($ae_loc?.last_cache_refresh);
+
+//     let activity_description = `
+//     ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? 'no-email'}
+//     allow=${$ae_loc?.allow_access}
+//     last_cache_refresh=${last_cache_refresh_iso.toLocaleString()}
+//     data_route=${data?.route.toString() ?? 'unknown'}
+// `;
+
+//     let data_kv = {
+//         external_client_id: data?.route.id,
+//         name: `IDAA: ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? ''}`,
+//         description: activity_description ?? null,
+//         object_type: 'post', // archive, post, event
+//         // object_id: data?.params?.event_id ?? null,
+//         // object_id: ae_acct.slct.archive_id, // data?.params?.archive_id ?? null,
+//         url_root: data?.url.origin,
+//         // url_full_path: data?.url.href,
+//         url_full_path: data?.url.pathname,
+//         url_params: data?.url.searchParams.toString(),
+//         action: action,
+//         action_with: action_with ?? 'none',
+//         meta_json: {
+//             allow_access: $ae_loc?.allow_access,
+//             last_cache_refresh: $ae_loc?.last_cache_refresh,
+//             last_cache_refresh_iso: last_cache_refresh_iso.toISOString(),
+//             last_cache_refresh_locale: last_cache_refresh_iso.toLocaleString(),
+//             access_level: $ae_loc?.access_level,
+//             iframe: $ae_loc?.iframe
+//             // site_access_key: $ae_loc?.site_access_key,
+//             // site_domain_access_key: $ae_loc?.site_domain_access_key,
+//             // site_domain: $ae_loc?.site_domain,
+//             // extra_data: extra_data ?? '',
+//             // log_lvl: log_lvl,
+//         }
+//     };
+
+//     core_func.create_ae_obj__activity_log({
+//         api_cfg: $ae_api,
+//         account_id: $ae_loc.account_id,
+//         data_kv: data_kv,
+//         log_lvl: log_lvl
+//     });
+// }
 </script>
 
 <svelte:head>
diff --git a/src/routes/idaa/(idaa)/bb/+page.ts b/src/routes/idaa/(idaa)/bb/+page.ts
index 8b038b52..9649efda 100644
--- a/src/routes/idaa/(idaa)/bb/+page.ts
+++ b/src/routes/idaa/(idaa)/bb/+page.ts
@@ -17,7 +17,9 @@ export const load = (async ({ params, parent }) => {
     let ae_acct = data[account_id];
 
     if (!ae_acct) {
-        console.warn(`ae IDAA Bulletin Board +page.ts: Account ${account_id} not found in parent data. Initializing ghost acct.`);
+        console.warn(
+            `ae IDAA Bulletin Board +page.ts: Account ${account_id} not found in parent data. Initializing ghost acct.`
+        );
         ae_acct = {
             api: data.ae_api || {},
             slct: {
@@ -27,24 +29,28 @@ export const load = (async ({ params, parent }) => {
     }
 
     if (browser) {
-        const load_post_obj_li = posts_func.load_ae_obj_li__post({
-            api_cfg: ae_acct.api,
-            for_obj_type: 'account',
-            for_obj_id: account_id,
-            inc_comment_li: false,
-            enabled: 'enabled',
-            hidden: 'not_hidden',
-            limit: 19,
-            order_by_li: { updated_on: 'DESC', created_on: 'DESC' },
-            try_cache: true,
-            log_lvl: log_lvl
-        }).then(posts => {
-            // REVIEW AGAIN: The backend now supports filtering out archived posts based on the 'archive_on' field.
-            // Workaround: V3 Search does not permit 'archive_on' field yet.
-            // Filter locally for posts that are not archived yet.
-            const now = new Date();
-            return (posts || []).filter((p: any) => !p.archive_on || new Date(p.archive_on) > now);
-        });
+        const load_post_obj_li = posts_func
+            .load_ae_obj_li__post({
+                api_cfg: ae_acct.api,
+                for_obj_type: 'account',
+                for_obj_id: account_id,
+                inc_comment_li: false,
+                enabled: 'enabled',
+                hidden: 'not_hidden',
+                limit: 19,
+                order_by_li: { updated_on: 'DESC', created_on: 'DESC' },
+                try_cache: true,
+                log_lvl: log_lvl
+            })
+            .then((posts) => {
+                // REVIEW AGAIN: The backend now supports filtering out archived posts based on the 'archive_on' field.
+                // Workaround: V3 Search does not permit 'archive_on' field yet.
+                // Filter locally for posts that are not archived yet.
+                const now = new Date();
+                return (posts || []).filter(
+                    (p: any) => !p.archive_on || new Date(p.archive_on) > now
+                );
+            });
         if (log_lvl) {
             console.log(`load_post_obj_li = `, load_post_obj_li);
         }
diff --git a/src/routes/idaa/(idaa)/bb/[post_id]/+page.svelte b/src/routes/idaa/(idaa)/bb/[post_id]/+page.svelte
index f0c4a4bf..f185064d 100644
--- a/src/routes/idaa/(idaa)/bb/[post_id]/+page.svelte
+++ b/src/routes/idaa/(idaa)/bb/[post_id]/+page.svelte
@@ -1,122 +1,124 @@
 <script lang="ts">
-    interface Props {
-        /** @type {import('./$types').PageData} */
-        data: any;
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+}
+
+let { data }: Props = $props();
+
+let log_lvl: number = 0;
+
+// *** Import Svelte specific
+import { onMount, onDestroy, untrack } from 'svelte';
+
+// *** Import other supporting libraries
+import { liveQuery } from 'dexie';
+
+// *** Import Aether specific variables and functions
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { db_posts } from '$lib/ae_posts/db_posts';
+// import { posts_func } from '$lib/ae_posts/ae_posts_functions';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig,
+    idaa_prom
+} from '$lib/stores/ae_idaa_stores';
+
+import Comp__post_obj_id_edit from '.././ae_idaa_comp__post_obj_id_edit.svelte';
+import Comp__post_obj_id_view from '.././ae_idaa_comp__post_obj_id_view.svelte';
+
+// *** Quickly pull out data from parent(s)
+let ae_acct = $derived(data[data.account_id]);
+
+$idaa_sess.bb.edit__post_obj = null;
+$effect(() => {
+    if (!ae_acct) return;
+    if (log_lvl) console.log(`ae_acct = `, ae_acct);
+    untrack(() => {
+        $idaa_slct.post_id = ae_acct.slct.post_id;
+        $idaa_trig.post_id = ae_acct.slct.post_id;
+        // $idaa_slct.post_obj = ae_acct.slct.post_obj;
+    });
+});
+
+// *** Functions and Logic
+let lq__post_obj = $derived.by(() => {
+    // SVELTE 5 REACTIVITY: Track IDs synchronously
+    const post_id = $idaa_slct.post_id ?? '';
+
+    return liveQuery(async () => {
+        if (log_lvl) console.log(`lq__post_obj: post_id = ${post_id}`);
+        if (!post_id) return null;
+
+        return await db_posts.post.get(post_id);
+    });
+});
+
+let lq__post_comment_obj_li = $derived.by(() => {
+    const post_id = $idaa_slct.post_id ?? '';
+    const limit = $idaa_loc.bb.qry__limit;
+
+    return liveQuery(async () => {
+        if (!post_id) return [];
+
+        return await db_posts.comment
+            .where('post_id')
+            .equals(post_id)
+            .reverse()
+            .limit(limit)
+            .sortBy('tmp_sort_1');
+    });
+});
+
+let lq__post_comment_obj = $derived.by(() => {
+    const comment_id = $idaa_slct.post_comment_id ?? '';
+
+    return liveQuery(async () => {
+        if (!comment_id) return null;
+        return await db_posts.comment.get(comment_id);
+    });
+});
+
+onMount(() => {
+    console.log('Browser environment detected.');
+
+    // NOTE: Use data[data.account_id].slct.post_id (from load / URL params),
+    // NOT $idaa_slct.post_id (the store). The store is updated by a $effect that runs
+    // after this synchronous block — reading it here sends the old/null value.
+    let message = { post_id: data[data.account_id]?.slct?.post_id ?? null };
+    window.parent.postMessage(message, '*');
+
+    if ($ae_loc?.iframe) {
+        console.log(
+            'In iframe, sending message to parent window to scroll to top as well'
+        );
+        window.parent.postMessage({ scroll_to: 0 }, '*'); // This should be in pixels
+    }
+});
+
+onDestroy(() => {
+    log_lvl = 1;
+    if (log_lvl) {
+        console.log(`Destroying bb page for post_id: ${$idaa_slct?.post_id}`);
     }
 
-    let { data }: Props = $props();
+    let message = { post_id: null };
+    window.parent.postMessage(message, '*');
 
-    let log_lvl: number = 0;
-
-    // *** Import Svelte specific
-    import { onMount, onDestroy, untrack } from 'svelte';
-
-    // *** Import other supporting libraries
-    import { liveQuery } from 'dexie';
-
-    // *** Import Aether specific variables and functions
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { db_posts } from '$lib/ae_posts/db_posts';
-    // import { posts_func } from '$lib/ae_posts/ae_posts_functions';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig,
-        idaa_prom
-    } from '$lib/stores/ae_idaa_stores';
-
-    import Comp__post_obj_id_edit from '.././ae_idaa_comp__post_obj_id_edit.svelte';
-    import Comp__post_obj_id_view from '.././ae_idaa_comp__post_obj_id_view.svelte';
-
-    // *** Quickly pull out data from parent(s)
-    let ae_acct = $derived(data[data.account_id]);
-
-    $idaa_sess.bb.edit__post_obj = null;
-    $effect(() => {
-        if (!ae_acct) return;
-        if (log_lvl) console.log(`ae_acct = `, ae_acct);
-        untrack(() => {
-            $idaa_slct.post_id = ae_acct.slct.post_id;
-            $idaa_trig.post_id = ae_acct.slct.post_id;
-            // $idaa_slct.post_obj = ae_acct.slct.post_obj;
-        });
-    });
-
-    // *** Functions and Logic
-    let lq__post_obj = $derived.by(() => {
-        // SVELTE 5 REACTIVITY: Track IDs synchronously
-        const post_id = $idaa_slct.post_id ?? '';
-
-        return liveQuery(async () => {
-            if (log_lvl) console.log(`lq__post_obj: post_id = ${post_id}`);
-            if (!post_id) return null;
-
-            return await db_posts.post.get(post_id);
-        });
-    });
-
-    let lq__post_comment_obj_li = $derived.by(() => {
-        const post_id = $idaa_slct.post_id ?? '';
-        const limit = $idaa_loc.bb.qry__limit;
-
-        return liveQuery(async () => {
-            if (!post_id) return [];
-
-            return await db_posts.comment
-                .where('post_id')
-                .equals(post_id)
-                .reverse()
-                .limit(limit)
-                .sortBy('tmp_sort_1');
-        });
-    });
-
-    let lq__post_comment_obj = $derived.by(() => {
-        const comment_id = $idaa_slct.post_comment_id ?? '';
-
-        return liveQuery(async () => {
-            if (!comment_id) return null;
-            return await db_posts.comment.get(comment_id);
-        });
-    });
-
-    onMount(() => {
-        console.log('Browser environment detected.');
-
-        // NOTE: Use data[data.account_id].slct.post_id (from load / URL params),
-        // NOT $idaa_slct.post_id (the store). The store is updated by a $effect that runs
-        // after this synchronous block — reading it here sends the old/null value.
-        let message = { post_id: data[data.account_id]?.slct?.post_id ?? null };
-        window.parent.postMessage(message, '*');
-
-        if ($ae_loc?.iframe) {
-            console.log('In iframe, sending message to parent window to scroll to top as well');
-            window.parent.postMessage({ scroll_to: 0 }, '*'); // This should be in pixels
-        }
-    });
-
-    onDestroy(() => {
-        log_lvl = 1;
-        if (log_lvl) {
-            console.log(`Destroying bb page for post_id: ${$idaa_slct?.post_id}`);
-        }
-
-        let message = { post_id: null };
-        window.parent.postMessage(message, '*');
-
-        // $idaa_slct.post_id = null;
-        // $idaa_slct.post_obj = null;
-    });
+    // $idaa_slct.post_id = null;
+    // $idaa_slct.post_obj = null;
+});
 </script>
 
 <svelte:head>
@@ -134,17 +136,17 @@
     </title>
 </svelte:head>
 
-<header class="ae_header flex flex-row flex-wrap gap-2 items-center justify-evenly w-full">
+<header
+    class="ae_header flex w-full flex-row flex-wrap items-center justify-evenly gap-2">
     <h2
         class="
             ae_name post__name
             h3
-            text-2xl font-bold
-            flex flex-row gap-2 items-center justify-center
-            min-w-1/2
-            max-w-full
-            "
-    >
+            flex max-w-full
+            min-w-1/2 flex-row items-center justify-center gap-2
+            text-2xl
+            font-bold
+            ">
         <!-- <span class="ae_icon fas fa-calendar-alt"></span> -->
         <span class="ae_icon fas fa-calendar-day text-neutral-800/80"></span>
         {$lq__post_obj?.name ? $lq__post_obj?.name : 'BB Post'}
@@ -152,28 +154,26 @@
 
     <div
         class="
-            flex flex-row gap-2 items-center justify-evenly
-            min-w-1/4
-            max-w-full
-        "
-    >
+            flex max-w-full min-w-1/4 flex-row items-center
+            justify-evenly
+            gap-2
+        ">
         <!-- {#if $lq__post_obj?.topic_id}<span class="badge badge-info preset-tonal-secondary"><span class="fas fa-user-md m-1"></span> {$lq__post_obj?.topic_name}</span>{/if} -->
 
-        <span class="float-right flex flex-row flex-wrap gap-1 items-center justify-end">
+        <span
+            class="float-right flex flex-row flex-wrap items-center justify-end gap-1">
             {#if $lq__post_obj?.topic_name}
                 <span class="badge badge-info preset-tonal-secondary"
-                    ><span class="fas fa-tag"></span> {$lq__post_obj?.topic_name}</span
-                >
+                    ><span class="fas fa-tag"></span>
+                    {$lq__post_obj?.topic_name}</span>
             {/if}
             {#if $ae_loc.trusted_access && $lq__post_obj?.hide}
                 <span class="badge badge-warning"
-                    ><span class="fas fa-exclamation-triangle m-1"></span> Hidden</span
-                >
+                    ><span class="fas fa-exclamation-triangle m-1"></span> Hidden</span>
             {/if}
             {#if $ae_loc.administrator_access && !$lq__post_obj?.enable}
                 <span class="badge badge-warning preset-tonal-warning"
-                    ><span class="fas fa-exclamation-triangle m-1"></span> Not enabled</span
-                >
+                    ><span class="fas fa-exclamation-triangle m-1"></span> Not enabled</span>
             {/if}
         </span>
     </div>
@@ -181,28 +181,28 @@
 
 <div
     class="
-        flex flex-row gap-2 items-center justify-evenly
-        w-full
-        p-1 pb-2 mb-2
-        border-b border-b-surface-300-700
-        "
->
+        border-b-surface-300-700 mb-2 flex w-full flex-row
+        items-center
+        justify-evenly gap-2 border-b
+        p-1 pb-2
+        ">
     <a
         href="/idaa/bb"
         class="
             novi_btn btn btn-secondary btn-sm
-            preset-tonal-tertiary border border-tertiary-500
-            hover:preset-filled-tertiary-500
+            preset-tonal-tertiary border-tertiary-500 hover:preset-filled-tertiary-500
+            border
             transition
-            "
-    >
-        <span class="fas fa-arrow-left m-1 text-neutral-800/80"></span> Back to Posts List
+            ">
+        <span class="fas fa-arrow-left m-1 text-neutral-800/80"></span> Back to
+        Posts List
         <!-- <span class="fas fa-times m-1"></span> View Other Meetings -->
     </a>
 
     <!-- View (default)/Edit post_id toggle -->
     {#if $idaa_sess.bb.edit__post_obj}
-        <button type="button"
+        <button
+            type="button"
             class="
                 novi_btn
                 btn btn-sm
@@ -211,7 +211,11 @@
                 "
             onclick={() => {
                 if ($idaa_sess.bb.obj_changed) {
-                    if (confirm('You have unsaved changes. Are you sure you want to cancel?')) {
+                    if (
+                        confirm(
+                            'You have unsaved changes. Are you sure you want to cancel?'
+                        )
+                    ) {
                         $idaa_sess.bb.edit__post_obj = false;
                     }
                 } else {
@@ -221,8 +225,7 @@
                 //     console.log(`Toggle edit__post_obj: ${$idaa_sess.bb.edit__post_obj}`);
                 // }
             }}
-            title="View this BB Post"
-        >
+            title="View this BB Post">
             <!-- <span class="far fa-window-close m-1"></span> -->
             <span class="fas fa-times m-1 text-neutral-800/80"></span>
             Cancel Edit
@@ -230,7 +233,8 @@
     {:else}
         <!-- This checks if the currently logged in Novi user has a matching UUID or email address. -->
         {#if ($ae_loc.trusted_access && $ae_loc.edit_mode) || $lq__post_obj?.external_person_id === $idaa_loc.novi_uuid || $lq__post_obj?.email === $idaa_loc.novi_email}
-            <button type="button"
+            <button
+                type="button"
                 class="
                     novi_btn
                     btn btn-sm preset-tonal-warning
@@ -245,8 +249,7 @@
                     //     console.log(`Toggle edit__post_obj: ${$idaa_sess.bb.edit__post_obj}`);
                     // }
                 }}
-                title="Edit this BB Post"
-            >
+                title="Edit this BB Post">
                 <span class="fas fa-edit m-1"></span>
                 Edit Post
             </button>
@@ -257,7 +260,12 @@
 {#if $idaa_sess.bb.edit__post_obj || $idaa_loc.bb.edit__post_obj}
     <!-- lq__post_comment_obj_li={lq__post_comment_obj_li} -->
     <!-- lq__post_comment_obj={lq__post_comment_obj} -->
-    <Comp__post_obj_id_edit {lq__post_obj} bind:obj_changed={$idaa_sess.bb.obj_changed} />
+    <Comp__post_obj_id_edit
+        {lq__post_obj}
+        bind:obj_changed={$idaa_sess.bb.obj_changed} />
 {:else}
-    <Comp__post_obj_id_view {lq__post_obj} {lq__post_comment_obj_li} {lq__post_comment_obj} />
+    <Comp__post_obj_id_view
+        {lq__post_obj}
+        {lq__post_comment_obj_li}
+        {lq__post_comment_obj} />
 {/if}
diff --git a/src/routes/idaa/(idaa)/bb/[post_id]/+page.ts b/src/routes/idaa/(idaa)/bb/[post_id]/+page.ts
index ae388c5b..5c061d45 100644
--- a/src/routes/idaa/(idaa)/bb/[post_id]/+page.ts
+++ b/src/routes/idaa/(idaa)/bb/[post_id]/+page.ts
@@ -21,7 +21,10 @@ export const load = (async ({ params, parent }) => {
 
     if (browser) {
         if (log_lvl) {
-            console.log(`ae_idaa_posts posts [post_id] +page.ts: post_id = `, post_id);
+            console.log(
+                `ae_idaa_posts posts [post_id] +page.ts: post_id = `,
+                post_id
+            );
         }
         // NOTE: Fire in background — do NOT await. Newly created posts are already in Dexie
         // (saved by create_ae_obj__post), so the liveQuery renders immediately. For direct
@@ -36,7 +39,9 @@ export const load = (async ({ params, parent }) => {
             })
             .then((results) => {
                 if (!results) {
-                    console.warn(`ae IDAA BB [post_id] +page.ts: Post ${post_id} not found via API or Cache.`);
+                    console.warn(
+                        `ae IDAA BB [post_id] +page.ts: Post ${post_id} not found via API or Cache.`
+                    );
                 }
             });
     }
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_comment_obj_id_edit.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_comment_obj_id_edit.svelte
index c739017a..9f7abd04 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_comment_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_comment_obj_id_edit.svelte
@@ -1,315 +1,342 @@
 <script lang="ts">
-    interface Props {
-        log_lvl?: number;
-        lq__post_obj: any;
-        // lq__post_comment_obj: any;
-        // lq__post_comment_obj_li?: any;
+interface Props {
+    log_lvl?: number;
+    lq__post_obj: any;
+    // lq__post_comment_obj: any;
+    // lq__post_comment_obj_li?: any;
+}
+
+let {
+    log_lvl = $bindable(1),
+    lq__post_obj
+    // lq__post_comment_obj,
+    // lq__post_comment_obj_li
+}: Props = $props();
+
+// *** Import Svelte specific
+import { fade } from 'svelte/transition';
+
+// *** Import other supporting libraries
+
+// *** Import Aether specific variables and functions
+import type { key_val } from '$lib/stores/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+// import { core_func } from '$lib/ae_core/ae_core_functions';
+import { api } from '$lib/api/api';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+import { posts_func } from '$lib/ae_posts/ae_posts_functions';
+import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
+
+let prom_api__post_comment_obj: any = $state();
+
+// SVELTE 5 STABILITY: Use local state for form bindings to prevent
+// crashes when the global store object is briefly null.
+let post_comment_form = $state({
+    content: $idaa_slct.post_comment_obj?.content ?? '',
+    anonymous: $idaa_slct.post_comment_obj?.anonymous ?? false,
+    external_person_id: $idaa_slct.post_comment_obj?.external_person_id ?? '',
+    full_name: $idaa_slct.post_comment_obj?.full_name ?? '',
+    email: $idaa_slct.post_comment_obj?.email ?? '',
+    enable: $idaa_slct.post_comment_obj?.enable ?? true,
+    hide: $idaa_slct.post_comment_obj?.hide ?? false,
+    priority: $idaa_slct.post_comment_obj?.priority ?? false,
+    sort: $idaa_slct.post_comment_obj?.sort ?? 0,
+    group: $idaa_slct.post_comment_obj?.group ?? ''
+});
+
+let content_new_html = $state(post_comment_form.content);
+let content_changed = $state(false);
+// let notes_new_html = $state('');
+// let notes_changed = $state(false);
+let disable_submit_btn = $state(false);
+
+function prevent_default<T extends Event>(fn: (event: T) => void) {
+    return function (event: T) {
+        event.preventDefault();
+        fn(event);
+    };
+}
+
+async function handle_submit_form(event: any) {
+    if (log_lvl > 1) {
+        console.log('*** handle_submit_form() ***', event.target);
     }
 
-    let {
-        log_lvl = $bindable(1),
-        lq__post_obj
-        // lq__post_comment_obj,
-        // lq__post_comment_obj_li
-    }: Props = $props();
+    disable_submit_btn = true;
 
-    // *** Import Svelte specific
-    import { fade } from 'svelte/transition';
+    let form_data = new FormData(event.target);
+    if (log_lvl > 1) {
+        console.log(form_data);
+    }
 
-    // *** Import other supporting libraries
-
-    // *** Import Aether specific variables and functions
-    import type { key_val } from '$lib/stores/ae_stores';
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    // import { core_func } from '$lib/ae_core/ae_core_functions';
-    import { api } from '$lib/api/api';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
-    import { posts_func } from '$lib/ae_posts/ae_posts_functions';
-    import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
-
-    let prom_api__post_comment_obj: any = $state();
-
-    // SVELTE 5 STABILITY: Use local state for form bindings to prevent
-    // crashes when the global store object is briefly null.
-    let post_comment_form = $state({
-        content: $idaa_slct.post_comment_obj?.content ?? '',
-        anonymous: $idaa_slct.post_comment_obj?.anonymous ?? false,
-        external_person_id: $idaa_slct.post_comment_obj?.external_person_id ?? '',
-        full_name: $idaa_slct.post_comment_obj?.full_name ?? '',
-        email: $idaa_slct.post_comment_obj?.email ?? '',
-        enable: $idaa_slct.post_comment_obj?.enable ?? true,
-        hide: $idaa_slct.post_comment_obj?.hide ?? false,
-        priority: $idaa_slct.post_comment_obj?.priority ?? false,
-        sort: $idaa_slct.post_comment_obj?.sort ?? 0,
-        group: $idaa_slct.post_comment_obj?.group ?? ''
+    // Form Post object data incoming
+    let post_comment_di = ae_util.extract_prefixed_form_data({
+        prefix: null,
+        form_data: form_data,
+        trim_values: true,
+        bool_tf_str: true,
+        log_lvl: log_lvl
     });
+    // console.log(post_comment_di);
 
-    let content_new_html = $state(post_comment_form.content);
-    let content_changed = $state(false);
-    // let notes_new_html = $state('');
-    // let notes_changed = $state(false);
-    let disable_submit_btn = $state(false);
+    // Form Post object data outgoing
+    let post_comment_do: key_val = {};
 
-    function prevent_default<T extends Event>(fn: (event: T) => void) {
-        return function (event: T) {
-            event.preventDefault();
-            fn(event);
-        };
+    // SVELTE 5: Map values from local form state to payload
+    post_comment_do['content'] = content_new_html;
+    post_comment_do['anonymous'] = post_comment_form.anonymous;
+    post_comment_do['external_person_id'] =
+        post_comment_form.external_person_id;
+    post_comment_do['full_name'] = post_comment_form.full_name;
+    post_comment_do['email'] = post_comment_form.email;
+    post_comment_do['notify'] = post_comment_di.notify ?? true; // Default to true if not found
+
+    post_comment_do['hide'] = post_comment_form.hide;
+    post_comment_do['priority'] = post_comment_form.priority;
+    post_comment_do['sort'] = post_comment_form.sort
+        ? Number(post_comment_form.sort)
+        : null;
+    post_comment_do['group'] = post_comment_form.group ?? null;
+    post_comment_do['enable'] = post_comment_form.enable ?? true;
+
+    log_lvl = 1;
+    if (log_lvl) {
+        console.log('Final Payload (post_comment_do):', post_comment_do);
     }
 
-    async function handle_submit_form(event: any) {
-        if (log_lvl > 1) {
-            console.log('*** handle_submit_form() ***', event.target);
-        }
+    if (!$idaa_slct.post_comment_id) {
+        // NEW COMMENT: Ensure post_id is included
+        // SVELTE 5 V3 Pattern: Some child objects require the random ID suffix for parent mapping
+        post_comment_do['post_id'] = $idaa_slct.post_id;
 
-        disable_submit_btn = true;
-
-        let form_data = new FormData(event.target);
-        if (log_lvl > 1) {
-            console.log(form_data);
-        }
-
-        // Form Post object data incoming
-        let post_comment_di = ae_util.extract_prefixed_form_data({
-            prefix: null,
-            form_data: form_data,
-            trim_values: true,
-            bool_tf_str: true,
-            log_lvl: log_lvl
-        });
-        // console.log(post_comment_di);
-
-        // Form Post object data outgoing
-        let post_comment_do: key_val = {};
-
-        // SVELTE 5: Map values from local form state to payload
-        post_comment_do['content'] = content_new_html;
-        post_comment_do['anonymous'] = post_comment_form.anonymous;
-        post_comment_do['external_person_id'] = post_comment_form.external_person_id;
-        post_comment_do['full_name'] = post_comment_form.full_name;
-        post_comment_do['email'] = post_comment_form.email;
-        post_comment_do['notify'] = post_comment_di.notify ?? true; // Default to true if not found
-
-        post_comment_do['hide'] = post_comment_form.hide;
-        post_comment_do['priority'] = post_comment_form.priority;
-        post_comment_do['sort'] = post_comment_form.sort ? Number(post_comment_form.sort) : null;
-        post_comment_do['group'] = post_comment_form.group ?? null;
-        post_comment_do['enable'] = post_comment_form.enable ?? true;
-
-        log_lvl = 1;
         if (log_lvl) {
-            console.log('Final Payload (post_comment_do):', post_comment_do);
+            console.log(
+                `Current Post Comment Object List Length: ${$idaa_slct.post_comment_obj_li.length}`,
+                $idaa_slct.post_comment_obj_li
+            );
         }
 
-        if (!$idaa_slct.post_comment_id) {
-            // NEW COMMENT: Ensure post_id is included
-            // SVELTE 5 V3 Pattern: Some child objects require the random ID suffix for parent mapping
-            post_comment_do['post_id'] = $idaa_slct.post_id;
-
-            if (log_lvl) {
-                console.log(
-                    `Current Post Comment Object List Length: ${$idaa_slct.post_comment_obj_li.length}`,
-                    $idaa_slct.post_comment_obj_li
-                );
-            }
-
-            prom_api__post_comment_obj = await posts_func
-                .create_ae_obj__post_comment({
-                    api_cfg: $ae_api,
-                    account_id: $ae_api.account_id,
-                    post_id: $idaa_slct.post_id,
-                    data_kv: post_comment_do,
-                    log_lvl: log_lvl
-                })
-                .then(function (post_comment_obj_create_result) {
-                    if (!post_comment_obj_create_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    } else {
-                        if (log_lvl) {
-                            console.log('post_comment_obj_create_result:', post_comment_obj_create_result);
-                        }
-
-                        $idaa_slct.post_comment_id = post_comment_obj_create_result.post_comment_id;
-                        $idaa_slct.post_comment_obj = post_comment_obj_create_result;
-
-                        if ($ae_loc.site_cfg_json?.bb_send_staff_new_email) {
-                            send_staff_notification_email(post_comment_obj_create_result);
-                        }
+        prom_api__post_comment_obj = await posts_func
+            .create_ae_obj__post_comment({
+                api_cfg: $ae_api,
+                account_id: $ae_api.account_id,
+                post_id: $idaa_slct.post_id,
+                data_kv: post_comment_do,
+                log_lvl: log_lvl
+            })
+            .then(function (post_comment_obj_create_result) {
+                if (!post_comment_obj_create_result) {
+                    console.log('The result was null or false.');
+                    return false;
+                } else {
+                    if (log_lvl) {
+                        console.log(
+                            'post_comment_obj_create_result:',
+                            post_comment_obj_create_result
+                        );
                     }
 
-                    return post_comment_obj_create_result;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
+                    $idaa_slct.post_comment_id =
+                        post_comment_obj_create_result.post_comment_id;
+                    $idaa_slct.post_comment_obj =
+                        post_comment_obj_create_result;
+
+                    if ($ae_loc.site_cfg_json?.bb_send_staff_new_email) {
+                        send_staff_notification_email(
+                            post_comment_obj_create_result
+                        );
+                    }
+                }
+
+                return post_comment_obj_create_result;
+            })
+            .catch(function (error: any) {
+                console.log('Something went wrong.');
+                console.log(error);
+                return false;
+            })
+            .finally(() => {
+                disable_submit_btn = false;
+                $idaa_sess.bb.show__inline_edit__post_comment_id = false;
+            });
+
+        if (prom_api__post_comment_obj) {
+            // $idaa_slct.post_comment_id = prom_api__post_comment_obj.post_comment_id;
+            // $idaa_slct.post_comment_obj = prom_api__post_comment_obj;
+
+            // disable_submit_btn = false;
+            // $idaa_sess.bb.show__inline_edit__post_comment_id = false;
+
+            // Send notification to staff
+            // if ($ae_loc.site_cfg_json?.bb_send_staff_new_email) {
+            //     send_staff_notification_email();
+            // }
+
+            // Send notification to the original poster
+            if (
+                !$ae_loc.administrator_access &&
+                $ae_loc.site_cfg_json?.bb_send_poster_email &&
+                $idaa_slct.post_obj.notify
+            ) {
+                send_poster_notification_email();
+            }
+
+            // Send a notification to any other post commenters
+            if (
+                !$ae_loc.administrator_access &&
+                $ae_loc.site_cfg_json?.bb_send_commenter_email
+            ) {
+                if (
+                    $idaa_slct.post_comment_obj_li &&
+                    $idaa_slct.post_comment_obj_li.length > 0
+                ) {
+                    for (const post_comment of $idaa_slct.post_comment_obj_li) {
+                        if (
+                            post_comment?.email &&
+                            post_comment.post_comment_id !==
+                                $idaa_slct.post_comment_id &&
+                            post_comment?.email !==
+                                $idaa_slct.post_comment_obj?.email
+                        ) {
+                            send_poster_commenters_notification_email({
+                                post_comment_obj: post_comment
+                            });
+                        }
+                    }
+                }
+            }
+        } else {
+            disable_submit_btn = false;
+        }
+
+        return prom_api__post_comment_obj;
+    } else {
+        prom_api__post_comment_obj = posts_func
+            .update_ae_obj__post_comment({
+                api_cfg: $ae_api,
+                post_comment_id: $idaa_slct.post_comment_id,
+                data_kv: post_comment_do,
+                log_lvl: log_lvl
+            })
+            .then(function (post_comment_obj_update_result) {
+                if (!post_comment_obj_update_result) {
+                    console.log('The result was null or false.');
                     return false;
-                })
-                .finally(() => {
-                    disable_submit_btn = false;
-                    $idaa_sess.bb.show__inline_edit__post_comment_id = false;
-                });
+                } else {
+                    if (log_lvl) {
+                        console.log(
+                            'post_comment_obj_update_result:',
+                            post_comment_obj_update_result
+                        );
+                    }
 
+                    $idaa_slct.post_comment_obj =
+                        post_comment_obj_update_result;
 
-            if (prom_api__post_comment_obj) {
-                // $idaa_slct.post_comment_id = prom_api__post_comment_obj.post_comment_id;
-                // $idaa_slct.post_comment_obj = prom_api__post_comment_obj;
+                    if ($ae_loc.site_cfg_json?.bb_send_staff_update_email) {
+                        send_staff_notification_email(
+                            post_comment_obj_update_result
+                        );
+                    }
+                }
 
-                // disable_submit_btn = false;
-                // $idaa_sess.bb.show__inline_edit__post_comment_id = false;
+                return post_comment_obj_update_result;
+            })
+            .catch(function (error: any) {
+                console.log('Something went wrong.');
+                console.log(error);
+                return false;
+            })
+            .finally(() => {
+                // We need to do this since the comment has changed and the idaa_slct object does automatically update (yet...???).
+                // $idaa_slct.post_comment_obj = $lq__post_comment_obj;
+                disable_submit_btn = false;
+                $idaa_sess.bb.show__inline_edit__post_comment_id = false;
 
-                // Send notification to staff
-                // if ($ae_loc.site_cfg_json?.bb_send_staff_new_email) {
+                // if (!$ae_loc.administrator_access && $ae_loc.site_cfg_json?.bb_send_staff_update_email) {
+                // if ($ae_loc.site_cfg_json?.bb_send_staff_update_email) {
                 //     send_staff_notification_email();
                 // }
 
-                // Send notification to the original poster
-                if (
-                    !$ae_loc.administrator_access &&
-                    $ae_loc.site_cfg_json?.bb_send_poster_email &&
-                    $idaa_slct.post_obj.notify
-                ) {
-                    send_poster_notification_email();
-                }
-
-                // Send a notification to any other post commenters
-                if (!$ae_loc.administrator_access && $ae_loc.site_cfg_json?.bb_send_commenter_email) {
-                    if ($idaa_slct.post_comment_obj_li && $idaa_slct.post_comment_obj_li.length > 0) {
-                        for (const post_comment of $idaa_slct.post_comment_obj_li) {
-                            if (
-                                post_comment?.email &&
-                                post_comment.post_comment_id !== $idaa_slct.post_comment_id &&
-                                post_comment?.email !== $idaa_slct.post_comment_obj?.email
-                            ) {
-                                send_poster_commenters_notification_email({
-                                    post_comment_obj: post_comment
-                                });
-                            }
-                        }
-                    }
-                }
-            } else {
-                disable_submit_btn = false;
-            }
-
-            return prom_api__post_comment_obj;
-        } else {
-            prom_api__post_comment_obj = posts_func
-                .update_ae_obj__post_comment({
-                    api_cfg: $ae_api,
-                    post_comment_id: $idaa_slct.post_comment_id,
-                    data_kv: post_comment_do,
-                    log_lvl: log_lvl
-                })
-                .then(function (post_comment_obj_update_result) {
-                    if (!post_comment_obj_update_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    } else {
-                        if (log_lvl) {
-                            console.log('post_comment_obj_update_result:', post_comment_obj_update_result);
-                        }
-
-                        $idaa_slct.post_comment_obj = post_comment_obj_update_result;
-
-                        if ($ae_loc.site_cfg_json?.bb_send_staff_update_email) {
-                            send_staff_notification_email(post_comment_obj_update_result);
-                        }
-                    }
-
-                    return post_comment_obj_update_result;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
-                    return false;
-                })
-                .finally(() => {
-                    // We need to do this since the comment has changed and the idaa_slct object does automatically update (yet...???).
-                    // $idaa_slct.post_comment_obj = $lq__post_comment_obj;
-                    disable_submit_btn = false;
-                    $idaa_sess.bb.show__inline_edit__post_comment_id = false;
-
-                    // if (!$ae_loc.administrator_access && $ae_loc.site_cfg_json?.bb_send_staff_update_email) {
-                    // if ($ae_loc.site_cfg_json?.bb_send_staff_update_email) {
-                    //     send_staff_notification_email();
-                    // }
-
-                    // For now we are not going to send a notification to the poster when a post comment has been updated.
-                    // if (!$ae_loc.administrator_access && $ae_loc.site_cfg_json?.bb_send_poster_email && $idaa_slct.post_obj.notify) {
-                    //     send_poster_notification_email();
-                    // }
-                });
-
-            return prom_api__post_comment_obj;
-        }
-    }
-
-    // Updated 2024-11-15
-    async function handle_delete_post_comment_obj({
-        post_comment_id,
-        method = 'disable'
-    }: {
-        post_comment_id: string;
-        method?: string;
-    }) {
-        if (log_lvl) {
-            console.log('*** handle_delete_post_comment_obj() ***');
-        }
-
-        prom_api__post_comment_obj = posts_func
-            .delete_ae_obj_id__post_comment({
-                api_cfg: $ae_api,
-                post_comment_id: post_comment_id,
-                method: method as any,
-                log_lvl: log_lvl
-            })
-            .then(function (post_comment_obj_delete_result) {
-                $idaa_sess.bb.show__inline_edit__post_comment_id = false;
-            })
-            .catch(function (error: any) {
-                console.log('The result was null or false when trying to delete.', error);
-            })
-            .finally(() => {
-                // $idaa_sess.recovery_meetings.show__modal_edit = false;
-                $idaa_slct.post_comment_id = null;
-                $idaa_slct.post_comment_obj = null;
+                // For now we are not going to send a notification to the poster when a post comment has been updated.
+                // if (!$ae_loc.administrator_access && $ae_loc.site_cfg_json?.bb_send_poster_email && $idaa_slct.post_obj.notify) {
+                //     send_poster_notification_email();
+                // }
             });
 
         return prom_api__post_comment_obj;
     }
+}
 
-    function send_staff_notification_email(post_comment_do: key_val) {
-        log_lvl = 1;
-        if (log_lvl) {
+// Updated 2024-11-15
+async function handle_delete_post_comment_obj({
+    post_comment_id,
+    method = 'disable'
+}: {
+    post_comment_id: string;
+    method?: string;
+}) {
+    if (log_lvl) {
+        console.log('*** handle_delete_post_comment_obj() ***');
+    }
+
+    prom_api__post_comment_obj = posts_func
+        .delete_ae_obj_id__post_comment({
+            api_cfg: $ae_api,
+            post_comment_id: post_comment_id,
+            method: method as any,
+            log_lvl: log_lvl
+        })
+        .then(function (post_comment_obj_delete_result) {
+            $idaa_sess.bb.show__inline_edit__post_comment_id = false;
+        })
+        .catch(function (error: any) {
             console.log(
-                `*** send_staff_notification_email() *** Post ID: ${$idaa_slct.post_id} Post Title: ${$idaa_slct?.post_obj?.title}`
+                'The result was null or false when trying to delete.',
+                error
             );
-        }
-        if (log_lvl > 1) {
-            console.log(`Selected Post Object:`, $idaa_slct.post_obj);
-            console.log(`Selected Post Comment Object:`, post_comment_do);
+        })
+        .finally(() => {
+            // $idaa_sess.recovery_meetings.show__modal_edit = false;
+            $idaa_slct.post_comment_id = null;
+            $idaa_slct.post_comment_obj = null;
+        });
 
-            // console.log($lq__post_obj);
-            // console.log($lq__post_obj?.title);
-            // console.log($lq__post_obj?.content);
-        }
+    return prom_api__post_comment_obj;
+}
 
-        let link_base_url =
-            $ae_loc.site_cfg_json.novi_bb_base_url ?? `${$ae_loc.url_origin}/idaa/bb`;
+function send_staff_notification_email(post_comment_do: key_val) {
+    log_lvl = 1;
+    if (log_lvl) {
+        console.log(
+            `*** send_staff_notification_email() *** Post ID: ${$idaa_slct.post_id} Post Title: ${$idaa_slct?.post_obj?.title}`
+        );
+    }
+    if (log_lvl > 1) {
+        console.log(`Selected Post Object:`, $idaa_slct.post_obj);
+        console.log(`Selected Post Comment Object:`, post_comment_do);
 
-        let subject = `IDAA BB Post Comment on: ${$idaa_slct.post_obj.title ?? '-- not set --'} (ID: ${$idaa_slct.post_id})`;
+        // console.log($lq__post_obj);
+        // console.log($lq__post_obj?.title);
+        // console.log($lq__post_obj?.content);
+    }
 
-        let body_html = `
+    let link_base_url =
+        $ae_loc.site_cfg_json.novi_bb_base_url ??
+        `${$ae_loc.url_origin}/idaa/bb`;
+
+    let subject = `IDAA BB Post Comment on: ${$idaa_slct.post_obj.title ?? '-- not set --'} (ID: ${$idaa_slct.post_id})`;
+
+    let body_html = `
 <div>${$idaa_slct.post_obj.full_name},
 <p>A BB post comment has been created or updated on the post named "${$idaa_slct.post_obj.title ?? '-- not set --'}".</p>
 </div>
@@ -334,30 +361,37 @@ IDAA BB Post ID: ${$idaa_slct.post_id}<br>
 Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${link_base_url}?post_id=${$idaa_slct.post_id}</a></p>
 </div>`;
 
-        api.send_email({
-            api_cfg: $ae_api,
-            from_email: $ae_loc.site_cfg_json?.noreply_email ?? 'noreply+idaabb@oneskyit.com',
-            from_name: $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA BB NoReply',
-            to_email: $ae_loc.site_cfg_json?.admin_email ?? 'admin+bbcomment@oneskyit.com', // 'scott+idaabb@oneskyit.com', // post_comment_do.email,
-            // to_email: 'scott+idaabbstaff@oneskyit.com',
-            to_name: $ae_loc.site_cfg_json?.admin_name ?? 'IDAA BB Admin',
-            subject: subject,
-            body_html: body_html
-        });
+    api.send_email({
+        api_cfg: $ae_api,
+        from_email:
+            $ae_loc.site_cfg_json?.noreply_email ??
+            'noreply+idaabb@oneskyit.com',
+        from_name: $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA BB NoReply',
+        to_email:
+            $ae_loc.site_cfg_json?.admin_email ??
+            'admin+bbcomment@oneskyit.com', // 'scott+idaabb@oneskyit.com', // post_comment_do.email,
+        // to_email: 'scott+idaabbstaff@oneskyit.com',
+        to_name: $ae_loc.site_cfg_json?.admin_name ?? 'IDAA BB Admin',
+        subject: subject,
+        body_html: body_html
+    });
+}
+
+function send_poster_notification_email() {
+    log_lvl = 1;
+    if (log_lvl) {
+        console.log(
+            `*** send_poster_notification_email() *** Post ID: ${$idaa_slct.post_id}`
+        );
     }
 
-    function send_poster_notification_email() {
-        log_lvl = 1;
-        if (log_lvl) {
-            console.log(`*** send_poster_notification_email() *** Post ID: ${$idaa_slct.post_id}`);
-        }
+    let link_base_url =
+        $ae_loc.site_cfg_json.novi_bb_base_url ??
+        `${$ae_loc.url_origin}/idaa/bb`;
 
-        let link_base_url =
-            $ae_loc.site_cfg_json.novi_bb_base_url ?? `${$ae_loc.url_origin}/idaa/bb`;
+    let subject = `IDAA BB Post Comment on: ${$idaa_slct.post_obj.title ?? '-- not set --'} (ID: ${$idaa_slct.post_id})`;
 
-        let subject = `IDAA BB Post Comment on: ${$idaa_slct.post_obj.title ?? '-- not set --'} (ID: ${$idaa_slct.post_id})`;
-
-        let body_html = `
+    let body_html = `
 <div>${$idaa_slct.post_obj.full_name ?? '-- not set --'},
 <p>Your BB post named "${$idaa_slct.post_obj.title ?? '-- not set --'}" has been commented on.</p>
 </div>
@@ -370,37 +404,40 @@ IDAA BB Post ID: ${$idaa_slct.post_id}<br>
 Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${link_base_url}?post_id=${$idaa_slct.post_id}</a></p>
 </div>`;
 
-        api.send_email({
-            api_cfg: $ae_api,
-            from_email: $ae_loc.site_cfg_json?.noreply_email ?? 'noreply+idaabb@oneskyit.com',
-            from_name: $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA BB NoReply',
-            // to_email: $ae_loc.site_cfg_json?.admin_email ?? 'admin+bbpost@oneskyit.com', // 'scott+idaabb@oneskyit.com',
-            to_email: $idaa_slct.post_obj.email,
-            // to_email: 'scott+idaabb@oneskyit.com',
-            to_name: $idaa_slct.post_obj.full_name ?? 'IDAA BB Poster',
-            subject: subject,
-            body_html: body_html
-        });
+    api.send_email({
+        api_cfg: $ae_api,
+        from_email:
+            $ae_loc.site_cfg_json?.noreply_email ??
+            'noreply+idaabb@oneskyit.com',
+        from_name: $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA BB NoReply',
+        // to_email: $ae_loc.site_cfg_json?.admin_email ?? 'admin+bbpost@oneskyit.com', // 'scott+idaabb@oneskyit.com',
+        to_email: $idaa_slct.post_obj.email,
+        // to_email: 'scott+idaabb@oneskyit.com',
+        to_name: $idaa_slct.post_obj.full_name ?? 'IDAA BB Poster',
+        subject: subject,
+        body_html: body_html
+    });
+}
+
+function send_poster_commenters_notification_email({
+    post_comment_obj = $idaa_slct.post_comment_obj
+}: {
+    post_comment_obj?: any;
+} = {}) {
+    log_lvl = 1;
+    if (log_lvl) {
+        console.log(
+            `*** send_poster_commenters_notification_email() *** Post ID: ${$idaa_slct.post_id}`
+        );
     }
 
-    function send_poster_commenters_notification_email({
-        post_comment_obj = $idaa_slct.post_comment_obj
-    }: {
-        post_comment_obj?: any;
-    } = {}) {
-        log_lvl = 1;
-        if (log_lvl) {
-            console.log(
-                `*** send_poster_commenters_notification_email() *** Post ID: ${$idaa_slct.post_id}`
-            );
-        }
+    let link_base_url =
+        $ae_loc.site_cfg_json.novi_bb_base_url ??
+        `${$ae_loc.url_origin}/idaa/bb`;
 
-        let link_base_url =
-            $ae_loc.site_cfg_json.novi_bb_base_url ?? `${$ae_loc.url_origin}/idaa/bb`;
+    let subject = `IDAA BB Post Comment on: ${$idaa_slct.post_obj.title ?? '-- not set --'} (ID: ${$idaa_slct.post_id})`;
 
-        let subject = `IDAA BB Post Comment on: ${$idaa_slct.post_obj.title ?? '-- not set --'} (ID: ${$idaa_slct.post_id})`;
-
-        let body_html = `
+    let body_html = `
 <div>${post_comment_obj.full_name ?? '-- not set --'},
 <p>The BB post named "${$idaa_slct.post_obj.title ?? '-- not set --'}" has been commented on.</p>
 </div>
@@ -413,33 +450,36 @@ IDAA BB Post ID: ${$idaa_slct.post_id}<br>
 Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${link_base_url}?post_id=${$idaa_slct.post_id}</a></p>
 </div>`;
 
-        api.send_email({
-            api_cfg: $ae_api,
-            from_email: $ae_loc.site_cfg_json?.noreply_email ?? 'noreply+idaabb@oneskyit.com',
-            from_name: $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA BB NoReply',
-            // to_email: $ae_loc.site_cfg_json?.admin_email ?? 'admin+bbpost@oneskyit.com', // 'scott+idaabb@oneskyit.com',
-            to_email: $idaa_slct.post_obj.email,
-            // to_email: 'scott+idaabb@oneskyit.com',
-            to_name: $idaa_slct.post_obj.full_name ?? 'IDAA BB Post Commenter',
-            subject: subject,
-            body_html: body_html
-        });
-    }
+    api.send_email({
+        api_cfg: $ae_api,
+        from_email:
+            $ae_loc.site_cfg_json?.noreply_email ??
+            'noreply+idaabb@oneskyit.com',
+        from_name: $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA BB NoReply',
+        // to_email: $ae_loc.site_cfg_json?.admin_email ?? 'admin+bbpost@oneskyit.com', // 'scott+idaabb@oneskyit.com',
+        to_email: $idaa_slct.post_obj.email,
+        // to_email: 'scott+idaabb@oneskyit.com',
+        to_name: $idaa_slct.post_obj.full_name ?? 'IDAA BB Post Commenter',
+        subject: subject,
+        body_html: body_html
+    });
+}
 </script>
 
 <section
     class="
         svelte_component ae_section ae_edit post_comment_obj edit__post_comment_obj
-        space-y-2 p-2
-        rounded-md
         preset-filled-surface-100-900 preset-outlined-warning-400-600
+        space-y-2
+        rounded-md p-2
         "
     class:ae_create={!$idaa_slct.post_id}
-    bind:clientHeight={$ae_loc.iframe_height_modal_body}
->
+    bind:clientHeight={$ae_loc.iframe_height_modal_body}>
     <form onsubmit={prevent_default(handle_submit_form)} class="space-y-1">
         {#await prom_api__post_comment_obj}
-            <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>Saving...</div>
+            <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>
+                Saving...
+            </div>
         {:then}
             {#if prom_api__post_comment_obj}
                 <!-- <div class="awaiting" out:fade={{ duration: 2000 }}>Finished saving</div> -->
@@ -450,7 +490,8 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
 
         <section class="text-center">
             <!-- BEGIN: section post__options -->
-                <button type="button"
+            <button
+                type="button"
                 onclick={() => {
                     $idaa_sess.bb.show__inline_edit__post_comment_id = false;
                 }}
@@ -460,9 +501,9 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                 preset-filled-warning-200-800 hover:preset-filled-success-200-800
                 transition
                 "
-                title="Cancel editing of post comment for {$idaa_slct.post_comment_obj
-                    ?.full_name} (ID: {$idaa_slct.post_comment_obj?.post_comment_id})"
-            >
+                title="Cancel editing of post comment for {$idaa_slct
+                    .post_comment_obj?.full_name} (ID: {$idaa_slct
+                    .post_comment_obj?.post_comment_id})">
                 <span class="fas fa-times m-1"></span>
                 Cancel Edit
             </button>
@@ -474,27 +515,25 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
         <input type="hidden" value={$idaa_slct.post_comment_id} />
 
         <div
-            class="ae_section post_comment__general_information border border-gray-200 rounded p-1 space-y-1"
-        >
+            class="ae_section post_comment__general_information space-y-1 rounded border border-gray-200 p-1">
             <!-- BEGIN: section post_comment__general_information -->
 
             <label for="content" class="ae_label post__content w-full">
-                <span class="legend text-sm font-semibold text-gray-600 dark:text-gray-400">
+                <span
+                    class="legend text-sm font-semibold text-gray-600 dark:text-gray-400">
                     Content (comment body):
                 </span>
 
                 <AE_Comp_Editor_TipTap
                     bind:content={content_new_html}
                     class_li="bg-gray-100 dark:bg-gray-800"
-                    placeholder="Your post content here..."
-                />
+                    placeholder="Your post content here..." />
             </label>
 
             <h3 class="h3">Commenter's Information</h3>
             <fieldset class="form-group">
                 <legend class="text-sm text-gray-600 dark:text-gray-400"
-                    >Comment as Anonymous</legend
-                >
+                    >Comment as Anonymous</legend>
                 <div class="flex flex-row gap-2">
                     <input
                         type="radio"
@@ -502,11 +541,9 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                         name="anonymous"
                         value={false}
                         bind:group={post_comment_form.anonymous}
-                        class="radio"
-                    />
+                        class="radio" />
                     <label for="anonymous_no"
-                        ><strong>No</strong>, include my name and email address</label
-                    >
+                        ><strong>No</strong>, include my name and email address</label>
                 </div>
                 <div class="flex flex-row gap-2">
                     <input
@@ -515,21 +552,23 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                         name="anonymous"
                         value={true}
                         bind:group={post_comment_form.anonymous}
-                        class="radio"
-                    />
+                        class="radio" />
                     <label for="anonymous_yes"
-                        ><strong>Yes</strong>, the post will be listed as Anonymous</label
-                    >
+                        ><strong>Yes</strong>, the post will be listed as
+                        Anonymous</label>
                 </div>
             </fieldset>
 
             <div>
-                <label for="external_person_id" class="block form-group d-block w-100">
+                <label
+                    for="external_person_id"
+                    class="form-group d-block block w-100">
                     <span class="text-sm text-gray-600 dark:text-gray-400">
                         <span class="fas fa-link"></span> Linked with Novi ID
                     </span>
                     {#if !$ae_loc.trusted_access}
-                        <span class="fas fa-lock" title="Field is locked"></span>
+                        <span class="fas fa-lock" title="Field is locked"
+                        ></span>
                         <input
                             type="text"
                             id="external_person_id"
@@ -538,15 +577,16 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                                 ? post_comment_form.external_person_id
                                 : $idaa_loc.novi_uuid}
                             readonly={true}
-                            class="input w-96 form-control"
-                        />
+                            class="input form-control w-96" />
                     {:else}
-                        <div class="ae_highlight text-sm bg-yellow-100 p-2">
-                            Primary link using the Novi API UUID. This must be empty, a staff
-                            person, or an active member of IDAA and should be the primary contact
-                            for this meeting.
+                        <div class="ae_highlight bg-yellow-100 p-2 text-sm">
+                            Primary link using the Novi API UUID. This must be
+                            empty, a staff person, or an active member of IDAA
+                            and should be the primary contact for this meeting.
                         </div>
-                        <span class="fas fa-unlock m-1" title="Field is unlocked"></span>
+                        <span
+                            class="fas fa-unlock m-1"
+                            title="Field is unlocked"></span>
                         <input
                             type="text"
                             id="external_person_id"
@@ -555,20 +595,23 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                                 ? post_comment_form.external_person_id
                                 : ''}
                             readonly={false}
-                            class="input w-96 form-control"
-                        />
+                            class="input form-control w-96" />
                     {/if}
                 </label>
             </div>
 
             <div>
-                <label for="full_name" class="block form-group d-block w-75">
+                <label for="full_name" class="form-group d-block block w-75">
                     <span class="text-sm text-gray-600 dark:text-gray-400">
                         Name
                         {#if !$ae_loc.trusted_access}
-                            <span class="fas fa-lock m-1" title="Field is locked"></span>
+                            <span
+                                class="fas fa-lock m-1"
+                                title="Field is locked"></span>
                         {:else}
-                            <span class="fas fa-unlock m-1" title="Field is unlocked"></span>
+                            <span
+                                class="fas fa-unlock m-1"
+                                title="Field is unlocked"></span>
                         {/if}
                     </span>
                     <input
@@ -579,19 +622,24 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                             ? post_comment_form.full_name
                             : $idaa_loc.novi_full_name}
                         readonly={!$ae_loc.trusted_access}
-                        class="input w-96 form-control"
-                    />
+                        class="input form-control w-96" />
                 </label>
             </div>
 
             {#if $ae_loc.trusted_access}
                 <div>
-                    <label for="email" class="block form-group d-block w-75">
-                        <span class="text-sm text-gray-600 dark:text-gray-400"> Email </span>
+                    <label for="email" class="form-group d-block block w-75">
+                        <span class="text-sm text-gray-600 dark:text-gray-400">
+                            Email
+                        </span>
                         {#if !$ae_loc.trusted_access}
-                            <span class="fas fa-lock m-1" title="Field is locked"></span>
+                            <span
+                                class="fas fa-lock m-1"
+                                title="Field is locked"></span>
                         {:else}
-                            <span class="fas fa-unlock m-1" title="Field is unlocked"></span>
+                            <span
+                                class="fas fa-unlock m-1"
+                                title="Field is unlocked"></span>
                         {/if}
                         <input
                             type="text"
@@ -600,9 +648,9 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                                 ? post_comment_form.email
                                 : $idaa_loc.novi_email}
                             readonly={!$ae_loc.trusted_access}
-                            class="input w-96 form-control"
-                        />
-                        <span class="text-xs text-gray-600 dark:text-gray-400 italic">
+                            class="input form-control w-96" />
+                        <span
+                            class="text-xs text-gray-600 italic dark:text-gray-400">
                             Secondary link using the Novi email address
                         </span>
                     </label>
@@ -613,154 +661,155 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                     name="email"
                     value={post_comment_form.email
                         ? post_comment_form.email
-                        : $idaa_loc.novi_email}
-                />
+                        : $idaa_loc.novi_email} />
             {/if}
         </div>
         <!-- END: section post__general_information -->
 
         {#if $ae_loc.trusted_access}
             <!-- BEGIN: section post_comment__admin_options -->
-            <div class="p-3 space-y-3 rounded-md bg-surface-100-900 border border-error-400">
+            <div
+                class="bg-surface-100-900 border-error-400 space-y-3 rounded-md border p-3">
                 <button
                     type="button"
-                    class="flex flex-row items-center gap-2 text-left w-full"
-                    onclick={() => { $idaa_loc.bb.show__admin_options = !$idaa_loc.bb.show__admin_options; }}
-                >
-                    <span class="fas fa-{$idaa_loc.bb.show__admin_options ? 'caret-down' : 'caret-right'} text-xs opacity-60"></span>
-                    <h3 class="text-lg font-semibold text-surface-600-400 flex items-center gap-2 w-full">
+                    class="flex w-full flex-row items-center gap-2 text-left"
+                    onclick={() => {
+                        $idaa_loc.bb.show__admin_options =
+                            !$idaa_loc.bb.show__admin_options;
+                    }}>
+                    <span
+                        class="fas fa-{$idaa_loc.bb.show__admin_options
+                            ? 'caret-down'
+                            : 'caret-right'} text-xs opacity-60"></span>
+                    <h3
+                        class="text-surface-600-400 flex w-full items-center gap-2 text-lg font-semibold">
                         <span class="fas fa-cogs"></span>
                         Admin Options
                     </h3>
                 </button>
 
-                <div class="space-y-3" class:hidden={!$idaa_loc.bb.show__admin_options}>
-                <span
-                    class="flex flex-col md:flex-row flex-wrap gap-2 items-center justify-center md:justify-stretch w-full"
-                >
+                <div
+                    class="space-y-3"
+                    class:hidden={!$idaa_loc.bb.show__admin_options}>
                     <span
-                        class="flex flex-row flex-wrap gap-2 items-center justify-evenly grow form-check"
-                    >
-                        <fieldset class="flex flex-row gap-1 items-center justify-center">
-                            <legend class="legend text-sm font-semibold form-check-label"
-                                >Hide</legend
-                            >
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="hide_yes"
-                                    name="hide"
-                                    value={true}
-                                    bind:group={post_comment_form.hide}
-                                    class="radio form-check-input"
-                                />
-                                <label for="hide_yes">Yes</label>
-                            </div>
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="hide_no"
-                                    name="hide"
-                                    value={false}
-                                    bind:group={post_comment_form.hide}
-                                    class="radio form-check-input"
-                                />
-                                <label for="hide_no">No</label>
-                            </div>
-                        </fieldset>
-
-                        <fieldset
-                            class="flex flex-row gap-2 items-center justify-center form-check"
-                        >
-                            <legend class="legend text-sm font-semibold form-check-label"
-                                >Priority</legend
-                            >
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="priority_yes"
-                                    name="priority"
-                                    value={true}
-                                    bind:group={post_comment_form.priority}
-                                    class="radio form-check-input"
-                                />
-                                <label for="priority_yes">Yes</label>
-                            </div>
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="priority_no"
-                                    name="priority"
-                                    value={false}
-                                    bind:group={post_comment_form.priority}
-                                    class="radio form-check-input"
-                                />
-                                <label for="priority_no">No</label>
-                            </div>
-                        </fieldset>
-                    </span>
-
-                    <span
-                        class="
-                    grow
-                    flex flex-row flex-wrap gap-1 items-center justify-evenly
-                    col-sm-1
-                "
-                    >
-                        <label class="legend text-sm font-semibold input-group"
-                            >Sort <input
-                                type="number"
-                                name="sort"
-                                value={post_comment_form.sort}
-                                class="input w-24"
-                            /></label
-                        >
-
-                        <label class="legend text-sm font-semibold input-group"
-                            >Group <input
-                                type="text"
-                                name="group"
-                                value={post_comment_form.group}
-                                max="100"
-                                class="input w-40"
-                            /></label
-                        >
-                    </span>
-
-                    {#if $ae_loc.administrator_access}
+                        class="flex w-full flex-col flex-wrap items-center justify-center gap-2 md:flex-row md:justify-stretch">
                         <span
-                            class="flex flex-row flex-wrap gap-1 items-center justify-evenly grow"
-                        >
-                            <fieldset class="flex flex-row gap-2 form-check">
-                                <legend class="legend text-sm font-semibold form-check-label"
-                                    >Enable</legend
-                                >
+                            class="form-check flex grow flex-row flex-wrap items-center justify-evenly gap-2">
+                            <fieldset
+                                class="flex flex-row items-center justify-center gap-1">
+                                <legend
+                                    class="legend form-check-label text-sm font-semibold"
+                                    >Hide</legend>
                                 <div>
                                     <input
                                         type="radio"
-                                        id="enable_yes"
-                                        name="enable"
+                                        id="hide_yes"
+                                        name="hide"
                                         value={true}
-                                        bind:group={post_comment_form.enable}
-                                        class="radio form-check-input"
-                                    />
-                                    <label for="enable_yes">Yes</label>
+                                        bind:group={post_comment_form.hide}
+                                        class="radio form-check-input" />
+                                    <label for="hide_yes">Yes</label>
                                 </div>
                                 <div>
                                     <input
                                         type="radio"
-                                        id="enable_no"
-                                        name="enable"
+                                        id="hide_no"
+                                        name="hide"
                                         value={false}
-                                        bind:group={post_comment_form.enable}
-                                        class="radio form-check-input"
-                                    />
-                                    <label for="enable_no">No</label>
+                                        bind:group={post_comment_form.hide}
+                                        class="radio form-check-input" />
+                                    <label for="hide_no">No</label>
+                                </div>
+                            </fieldset>
+
+                            <fieldset
+                                class="form-check flex flex-row items-center justify-center gap-2">
+                                <legend
+                                    class="legend form-check-label text-sm font-semibold"
+                                    >Priority</legend>
+                                <div>
+                                    <input
+                                        type="radio"
+                                        id="priority_yes"
+                                        name="priority"
+                                        value={true}
+                                        bind:group={post_comment_form.priority}
+                                        class="radio form-check-input" />
+                                    <label for="priority_yes">Yes</label>
+                                </div>
+                                <div>
+                                    <input
+                                        type="radio"
+                                        id="priority_no"
+                                        name="priority"
+                                        value={false}
+                                        bind:group={post_comment_form.priority}
+                                        class="radio form-check-input" />
+                                    <label for="priority_no">No</label>
                                 </div>
                             </fieldset>
                         </span>
-                    {/if}
-                </span>
+
+                        <span
+                            class="
+                    col-sm-1
+                    flex grow flex-row flex-wrap items-center justify-evenly
+                    gap-1
+                ">
+                            <label
+                                class="legend input-group text-sm font-semibold"
+                                >Sort <input
+                                    type="number"
+                                    name="sort"
+                                    value={post_comment_form.sort}
+                                    class="input w-24" /></label>
+
+                            <label
+                                class="legend input-group text-sm font-semibold"
+                                >Group <input
+                                    type="text"
+                                    name="group"
+                                    value={post_comment_form.group}
+                                    max="100"
+                                    class="input w-40" /></label>
+                        </span>
+
+                        {#if $ae_loc.administrator_access}
+                            <span
+                                class="flex grow flex-row flex-wrap items-center justify-evenly gap-1">
+                                <fieldset
+                                    class="form-check flex flex-row gap-2">
+                                    <legend
+                                        class="legend form-check-label text-sm font-semibold"
+                                        >Enable</legend>
+                                    <div>
+                                        <input
+                                            type="radio"
+                                            id="enable_yes"
+                                            name="enable"
+                                            value={true}
+                                            bind:group={
+                                                post_comment_form.enable
+                                            }
+                                            class="radio form-check-input" />
+                                        <label for="enable_yes">Yes</label>
+                                    </div>
+                                    <div>
+                                        <input
+                                            type="radio"
+                                            id="enable_no"
+                                            name="enable"
+                                            value={false}
+                                            bind:group={
+                                                post_comment_form.enable
+                                            }
+                                            class="radio form-check-input" />
+                                        <label for="enable_no">No</label>
+                                    </div>
+                                </fieldset>
+                            </span>
+                        {/if}
+                    </span>
                 </div>
             </div>
             <!-- END: section post_comment__admin_options -->
@@ -769,10 +818,9 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
         <div
             class="
             ae_section ae_options ae_row ae_actions post_comment__options post_comment__actions
-            flex flex-row gap-1 items-center justify-between w-full
-            d-flex align-items-center justify-content-between
-        "
-        >
+            d-flex align-items-center justify-content-between flex w-full flex-row
+            items-center justify-between gap-1
+        ">
             <div>
                 <!-- BEGIN: section post_comment__options -->
                 {#if $idaa_slct.post_comment_id}
@@ -783,8 +831,7 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                     novi_btn
                     btn btn-md preset-tonal-primary preset-outlined-primary-800-200 hover:preset-filled-primary-200-800
                     transition
-                "
-                    >
+                ">
                         {#await prom_api__post_comment_obj}
                             <span class="fas fa-spinner fa-spin m-1"></span> Saving
                         {:then}
@@ -796,7 +843,11 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                         type="submit"
                         disabled={disable_submit_btn}
                         onclick={() => {
-                            if (!confirm('Are you sure you want to add this comment?')) {
+                            if (
+                                !confirm(
+                                    'Are you sure you want to add this comment?'
+                                )
+                            ) {
                                 return false;
                             }
                             // handle_save_post_comment_obj({post_id: $idaa_slct.post_id, method: 'create'});
@@ -805,8 +856,7 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                     novi_btn
                     btn btn-md preset-tonal-warning preset-outlined-warning-800-200 hover:preset-filled-warning-200-800
                     transition
-                "
-                    >
+                ">
                         {#await prom_api__post_comment_obj}
                             <span class="fas fa-spinner fa-spin m-1"></span> Saving
                         {:then}
@@ -817,10 +867,13 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
 
                 {#if $idaa_slct.post_comment_id}
                     {#if $ae_loc.administrator_access}
-                        <button type="button"
+                        <button
+                            type="button"
                             onclick={() => {
                                 if (
-                                    !confirm('Are you sure you want to delete this post comment?')
+                                    !confirm(
+                                        'Are you sure you want to delete this post comment?'
+                                    )
                                 ) {
                                     return false;
                                 }
@@ -834,15 +887,17 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                 btn btn-sm
                 preset-filled-warning-400-600 hover:preset-filled-error-200-800
                 "
-                            title="Delete record permanently"
-                        >
+                            title="Delete record permanently">
                             <span class="fas fa-minus m-1"></span> Delete
                         </button>
                     {:else if $ae_loc.trusted_access}
-                        <button type="button"
+                        <button
+                            type="button"
                             onclick={() => {
                                 if (
-                                    !confirm('Are you sure you want to disable this post comment?')
+                                    !confirm(
+                                        'Are you sure you want to disable this post comment?'
+                                    )
                                 ) {
                                     return false;
                                 }
@@ -857,14 +912,18 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                 preset-filled-warning-200-800 hover:preset-filled-error-200-800
                 transition
                 "
-                            title="Disable record to delete"
-                        >
+                            title="Disable record to delete">
                             <span class="fas fa-minus m-1"></span> Delete
                         </button>
                     {:else}
-                        <button type="button"
+                        <button
+                            type="button"
                             onclick={() => {
-                                if (!confirm('Are you sure you want to hide this post comment?')) {
+                                if (
+                                    !confirm(
+                                        'Are you sure you want to hide this post comment?'
+                                    )
+                                ) {
                                     return false;
                                 }
                                 handle_delete_post_comment_obj({
@@ -878,8 +937,7 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                 preset-filled-warning-200-800 hover:preset-filled-error-200-800
                 transition
                 "
-                            title="Hide record to delete"
-                        >
+                            title="Hide record to delete">
                             <span class="fas fa-comment-slash m-1"></span> Delete
                         </button>
                     {/if}
@@ -887,7 +945,8 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
             </div>
 
             <div>
-                <button type="button"
+                <button
+                    type="button"
                     onclick={() => {
                         $idaa_sess.bb.show__inline_edit__post_comment_id = false;
                     }}
@@ -897,9 +956,9 @@ Copy and paste link: <a href="${link_base_url}?post_id=${$idaa_slct.post_id}">${
                 preset-filled-warning-200-800 hover:preset-filled-success-200-800
                 transition
                 "
-                    title="Cancel editing of post for {$idaa_slct.post_comment_obj
-                        ?.full_name} (ID: {$idaa_slct.post_comment_obj?.post_comment_id})"
-                >
+                    title="Cancel editing of post for {$idaa_slct
+                        .post_comment_obj?.full_name} (ID: {$idaa_slct
+                        .post_comment_obj?.post_comment_id})">
                     <span class="fas fa-times m-1"></span>
                     Cancel Edit
                 </button>
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
index 5747cacf..323f528b 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
@@ -1,344 +1,360 @@
 <script lang="ts">
-    interface Props {
-        log_lvl?: number;
-        lq__post_obj: any;
-        obj_changed: boolean;
+interface Props {
+    log_lvl?: number;
+    lq__post_obj: any;
+    obj_changed: boolean;
+}
+
+let {
+    log_lvl = $bindable(1),
+    lq__post_obj,
+    obj_changed = $bindable(false)
+}: Props = $props();
+
+// *** Import Svelte specific
+// import { onDestroy, onMount } from 'svelte';
+import { fade } from 'svelte/transition';
+import { browser } from '$app/environment';
+import { goto } from '$app/navigation';
+
+// *** Import other supporting libraries
+
+// *** Import Aether specific variables and functions
+import type { key_val } from '$lib/stores/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { core_func } from '$lib/ae_core/ae_core_functions';
+import { api } from '$lib/api/api';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+import { posts_func } from '$lib/ae_posts/ae_posts_functions';
+import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
+import Comp_hosted_files_upload from '$lib/ae_core/ae_comp__hosted_files_upload.svelte';
+import AE_Comp_Hosted_Files_Download_Button from '$lib/ae_core/ae_comp__hosted_files_download_button.svelte';
+
+// let obj_changed = $state(false);
+// let orig_post_obj: any = $state(null);
+// let orig_post_obj: any = $state({ ...$idaa_slct.post_obj }); // Create a copy of the post object
+if (!$idaa_slct.post_obj) {
+    $idaa_slct.post_obj = {};
+}
+// Create a copy of the post object
+let orig_post_obj: any = { ...$idaa_slct.post_obj };
+if (browser) {
+    // console.log(`$lq__post_obj = `, $lq__post_obj);
+    console.log(`$idaa_slct.post_obj = `, $idaa_slct.post_obj);
+    // orig_post_obj = { ...$idaa_slct.post_obj }; // Create a copy of the post object
+    console.log(`orig_post_obj = `, orig_post_obj);
+
+    // JSON.stringify($idaa_slct.post_obj) !== JSON.stringify(orig_post_obj)
+}
+
+if ($idaa_loc.bb.edit__post_obj) {
+    obj_changed = true; // This is an odd workaround to make new posts saveable.
+    $idaa_sess.bb.edit__post_obj = $idaa_loc.bb.edit__post_obj;
+    $idaa_loc.bb.edit__post_obj = false;
+}
+
+let ae_promises: key_val = $state({});
+let prom_api__post_obj: any = $state();
+// let prom_api__post_obj__hosted_file: any;
+
+let content_new_html = $state($idaa_slct.post_obj?.content ?? '');
+let notes_new_html = $state($idaa_slct.post_obj?.notes ?? '');
+let hosted_file_id_li = $state<string[]>([]); // Array of hosted file IDs
+let hosted_file_obj_li = $state<any[]>([]); // Array of hosted file objects
+let upload_complete = $state(false);
+let disable_submit_btn = $state(false);
+
+function prevent_default<T extends Event>(fn: (event: T) => void) {
+    return function (event: T) {
+        event.preventDefault();
+        fn(event);
+    };
+}
+
+async function handle_submit_form(event: any) {
+    if (log_lvl > 1) {
+        console.log('*** handle_submit_form() ***', event.target);
     }
 
-    let { log_lvl = $bindable(1), lq__post_obj, obj_changed = $bindable(false) }: Props = $props();
+    disable_submit_btn = true;
 
-    // *** Import Svelte specific
-    // import { onDestroy, onMount } from 'svelte';
-    import { fade } from 'svelte/transition';
-    import { browser } from '$app/environment';
-    import { goto } from '$app/navigation';
-
-    // *** Import other supporting libraries
-
-    // *** Import Aether specific variables and functions
-    import type { key_val } from '$lib/stores/ae_stores';
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import { core_func } from '$lib/ae_core/ae_core_functions';
-    import { api } from '$lib/api/api';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
-    import { posts_func } from '$lib/ae_posts/ae_posts_functions';
-    import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
-    import Comp_hosted_files_upload from '$lib/ae_core/ae_comp__hosted_files_upload.svelte';
-    import AE_Comp_Hosted_Files_Download_Button from '$lib/ae_core/ae_comp__hosted_files_download_button.svelte';
-
-    // let obj_changed = $state(false);
-    // let orig_post_obj: any = $state(null);
-    // let orig_post_obj: any = $state({ ...$idaa_slct.post_obj }); // Create a copy of the post object
-    if (!$idaa_slct.post_obj) {
-        $idaa_slct.post_obj = {};
-    }
-    // Create a copy of the post object
-    let orig_post_obj: any = { ...$idaa_slct.post_obj };
-    if (browser) {
-        // console.log(`$lq__post_obj = `, $lq__post_obj);
-        console.log(`$idaa_slct.post_obj = `, $idaa_slct.post_obj);
-        // orig_post_obj = { ...$idaa_slct.post_obj }; // Create a copy of the post object
-        console.log(`orig_post_obj = `, orig_post_obj);
-
-        // JSON.stringify($idaa_slct.post_obj) !== JSON.stringify(orig_post_obj)
+    let form_data = new FormData(event.target);
+    if (log_lvl) {
+        console.log(form_data);
     }
 
-    if ($idaa_loc.bb.edit__post_obj) {
-        obj_changed = true; // This is an odd workaround to make new posts saveable.
-        $idaa_sess.bb.edit__post_obj = $idaa_loc.bb.edit__post_obj;
-        $idaa_loc.bb.edit__post_obj = false;
+    // Form Post object data incoming
+    let post_di = ae_util.extract_prefixed_form_data({
+        prefix: null,
+        form_data: form_data,
+        trim_values: true,
+        bool_tf_str: true,
+        log_lvl: log_lvl
+    });
+    // console.log(post_di);
+
+    // Form Post object data outgoing
+    let post_do: key_val = {};
+
+    if (!$idaa_slct.post_id) {
+        // V3 Standard: Use clean ID field name for isolation
+        post_do['account_id'] = $ae_loc.account_id;
+        post_do['enable'] = true;
     }
 
-    let ae_promises: key_val = $state({});
-    let prom_api__post_obj: any = $state();
-    // let prom_api__post_obj__hosted_file: any;
+    post_do['title'] = post_di.title;
 
-    let content_new_html = $state($idaa_slct.post_obj?.content ?? '');
-    let notes_new_html = $state($idaa_slct.post_obj?.notes ?? '');
-    let hosted_file_id_li = $state<string[]>([]); // Array of hosted file IDs
-    let hosted_file_obj_li = $state<any[]>([]); // Array of hosted file objects
-    let upload_complete = $state(false);
-    let disable_submit_btn = $state(false);
-
-    function prevent_default<T extends Event>(fn: (event: T) => void) {
-        return function (event: T) {
-            event.preventDefault();
-            fn(event);
-        };
+    // Check if the content_new_html exists and is a string
+    if (typeof content_new_html === 'string') {
+        console.log('New content is a string');
+        post_do['content'] = content_new_html;
+    } else {
+        console.log('New content is not a string. Do nothing.');
+        // post_do['content'] = event_meeting_fd.content;
     }
 
-    async function handle_submit_form(event: any) {
-        if (log_lvl > 1) {
-            console.log('*** handle_submit_form() ***', event.target);
-        }
-
-        disable_submit_btn = true;
-
-        let form_data = new FormData(event.target);
-        if (log_lvl) {
-            console.log(form_data);
-        }
-
-        // Form Post object data incoming
-        let post_di = ae_util.extract_prefixed_form_data({
-            prefix: null,
-            form_data: form_data,
-            trim_values: true,
-            bool_tf_str: true,
-            log_lvl: log_lvl
-        });
-        // console.log(post_di);
-
-        // Form Post object data outgoing
-        let post_do: key_val = {};
-
-        if (!$idaa_slct.post_id) {
-            // V3 Standard: Use clean ID field name for isolation
-            post_do['account_id'] = $ae_loc.account_id;
-            post_do['enable'] = true;
-        }
-
-        post_do['title'] = post_di.title;
-
-        // Check if the content_new_html exists and is a string
-        if (typeof content_new_html === 'string') {
-            console.log('New content is a string');
-            post_do['content'] = content_new_html;
-        } else {
-            console.log('New content is not a string. Do nothing.');
-            // post_do['content'] = event_meeting_fd.content;
-        }
-
-        // Change this to a string later? Or use the group field instead?
-        if (post_di.topic_id) {
-            post_do['topic_id'] = Number(post_di.topic_id);
-        } else {
-            post_do['topic_id'] = null;
-        }
-
-        post_do['anonymous'] = post_di.anonymous;
-
-        post_do['external_person_id'] = post_di.external_person_id;
-        post_do['full_name'] = post_di.full_name;
-        post_do['email'] = post_di.email;
-        post_do['notify'] = post_di.notify;
-
-        post_do['hide'] = post_di.hide;
-        post_do['priority'] = post_di.priority;
-        if (post_di.sort) {
-            post_do['sort'] = Number(post_di.sort);
-        } else {
-            post_do['sort'] = null;
-        }
-        if (post_di.group) {
-            post_do['group'] = post_di.group;
-        } else {
-            post_do['group'] = null;
-        }
-
-        // NOTE: We only want to set enable value if the input is defined.
-        if (typeof post_di.enable !== 'undefined') {
-            post_do.enable = post_di.enable;
-        }
-        // NOTE: We want to always default to false if the input is not defined.
-        // post_do['enable'] = !!post_di.enable;
-        console.log(`post_di.enable = ${post_di.enable}`);
-        console.log(`post_do.enable = ${post_do.enable}`);
-
-        // Check if the notes_new_html exists and is a string
-        if (typeof notes_new_html === 'string') {
-            console.log('New notes is a string');
-            post_do['notes'] = notes_new_html;
-        } else {
-            console.log('New notes is not a string. Do nothing.');
-            // post_do['notes'] = event_meeting_fd.notes;
-        }
-
-        if (log_lvl) {
-            console.log(post_do);
-        }
-
-        if (!$idaa_slct.post_id) {
-            prom_api__post_obj = posts_func
-                .create_ae_obj__post({
-                    api_cfg: $ae_api,
-                    account_id: $ae_loc.account_id,
-                    data_kv: post_do,
-                    log_lvl: log_lvl
-                })
-                .then(function (post_obj_create_result) {
-                    if (!post_obj_create_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    } else {
-                        if (log_lvl) {
-                            console.log('post_obj_create_result:', post_obj_create_result);
-                        }
-
-                        $idaa_slct.post_id = post_obj_create_result.post_id;
-                        $idaa_slct.post_obj = post_obj_create_result;
-
-                        if ($ae_loc.site_cfg_json?.bb_send_staff_new_email) {
-                            send_staff_notification_email(prom_api__post_obj);
-                        }
-                    }
-
-                    return post_obj_create_result;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
-                    return false;
-                })
-                .finally(() => {
-                    disable_submit_btn = false;
-                    $idaa_sess.bb.edit__post_obj = false;
-                });
-
-            return prom_api__post_obj;
-        } else {
-            prom_api__post_obj = posts_func
-                .update_ae_obj__post({
-                    api_cfg: $ae_api,
-                    post_id: $idaa_slct.post_id,
-                    data_kv: post_do,
-                    log_lvl: log_lvl
-                })
-                .then(function (post_obj_update_result) {
-                    if (!post_obj_update_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    } else {
-                        if (log_lvl) {
-                            console.log('post_obj_update_result:', post_obj_update_result);
-                        }
-
-                        $idaa_slct.post_obj = post_obj_update_result;
-
-                        if ($ae_loc.site_cfg_json?.bb_send_staff_update_email) {
-                            send_staff_notification_email(post_obj_update_result);
-                        }
-                    }
-
-                    return post_obj_update_result;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
-                    return false;
-                })
-                .finally(() => {
-                    disable_submit_btn = false;
-                    $idaa_sess.bb.edit__post_obj = false;
-                });
-            console.log(`prom_api__post_obj = `, prom_api__post_obj);
-
-            return prom_api__post_obj;
-        }
+    // Change this to a string later? Or use the group field instead?
+    if (post_di.topic_id) {
+        post_do['topic_id'] = Number(post_di.topic_id);
+    } else {
+        post_do['topic_id'] = null;
     }
 
-    // Updated 2024-11-15
-    async function handle_delete_post_obj({
-        post_id,
-        method = 'disable'
-    }: {
-        post_id: string;
-        method?: string;
-    }) {
-        if (log_lvl) {
-            console.log('*** handle_delete_post_obj() ***');
-        }
+    post_do['anonymous'] = post_di.anonymous;
 
+    post_do['external_person_id'] = post_di.external_person_id;
+    post_do['full_name'] = post_di.full_name;
+    post_do['email'] = post_di.email;
+    post_do['notify'] = post_di.notify;
+
+    post_do['hide'] = post_di.hide;
+    post_do['priority'] = post_di.priority;
+    if (post_di.sort) {
+        post_do['sort'] = Number(post_di.sort);
+    } else {
+        post_do['sort'] = null;
+    }
+    if (post_di.group) {
+        post_do['group'] = post_di.group;
+    } else {
+        post_do['group'] = null;
+    }
+
+    // NOTE: We only want to set enable value if the input is defined.
+    if (typeof post_di.enable !== 'undefined') {
+        post_do.enable = post_di.enable;
+    }
+    // NOTE: We want to always default to false if the input is not defined.
+    // post_do['enable'] = !!post_di.enable;
+    console.log(`post_di.enable = ${post_di.enable}`);
+    console.log(`post_do.enable = ${post_do.enable}`);
+
+    // Check if the notes_new_html exists and is a string
+    if (typeof notes_new_html === 'string') {
+        console.log('New notes is a string');
+        post_do['notes'] = notes_new_html;
+    } else {
+        console.log('New notes is not a string. Do nothing.');
+        // post_do['notes'] = event_meeting_fd.notes;
+    }
+
+    if (log_lvl) {
+        console.log(post_do);
+    }
+
+    if (!$idaa_slct.post_id) {
         prom_api__post_obj = posts_func
-            .delete_ae_obj_id__post({
+            .create_ae_obj__post({
                 api_cfg: $ae_api,
-                post_id: post_id,
-                method: method as any,
+                account_id: $ae_loc.account_id,
+                data_kv: post_do,
                 log_lvl: log_lvl
             })
-            .then(function (post_obj_delete_result) {
-                // $idaa_sess.bb.show__modal_view__post_id = false;
-                $idaa_sess.bb.edit__post_obj = false;
-                // $idaa_sess.bb.show__inline_edit__post_comment_id = false;
-            })
-            .catch(function (error: any) {
-                console.log('The result was null or false when trying to delete.', error);
-            })
-            .finally(() => {
-                // $idaa_sess.recovery_meetings.show__modal_edit = false;
-                $idaa_slct.post_id = null;
-                $idaa_slct.post_obj = null;
-                $idaa_slct.post_comment_id = null;
-                $idaa_slct.post_comment_obj = null;
-                goto('/idaa/bb'); // Redirect to the BB page
-            });
+            .then(function (post_obj_create_result) {
+                if (!post_obj_create_result) {
+                    console.log('The result was null or false.');
+                    return false;
+                } else {
+                    if (log_lvl) {
+                        console.log(
+                            'post_obj_create_result:',
+                            post_obj_create_result
+                        );
+                    }
 
-        return prom_api__post_obj;
-    }
+                    $idaa_slct.post_id = post_obj_create_result.post_id;
+                    $idaa_slct.post_obj = post_obj_create_result;
 
-    async function handle_hosted_files_uploaded(
-        hosted_file_id_li: string[],
-        hosted_file_obj_li: any[]
-    ) {
-        console.log(`*** handle_hosted_files_uploaded() *** ${hosted_file_id_li}`);
+                    if ($ae_loc.site_cfg_json?.bb_send_staff_new_email) {
+                        send_staff_notification_email(prom_api__post_obj);
+                    }
+                }
 
-        // NOTE: No longer directly updating the $idaa_slct.post_obj.hosted_file_obj_li. This will be updated when the PATCH API for Post update finishes.
-        // We need to add the record to the $idaa_slct.post_obj.hosted_file_obj_li and then update the post_obj.linked_li_json with the new value.
-        // let new_linked_li_json = [...$idaa_slct.post_obj.linked_li_json ?? {}]; // Initialize with existing linked_li_json or an empty array
-        let new_linked_li_json = $idaa_slct.post_obj.linked_li_json ?? []; // Initialize with existing linked_li_json or an empty array
-        if (!$idaa_slct.post_obj.linked_li_json) {
-            // $idaa_slct.post_obj.linked_li_json = hosted_file_obj_li;
-            new_linked_li_json = hosted_file_obj_li;
-        } else {
-            $idaa_slct.post_obj.linked_li_json.push(...hosted_file_obj_li);
-            new_linked_li_json = [...new_linked_li_json];
-            // new_linked_li_json.push(...hosted_file_obj_li);
-            // new_linked_li_json = [...new_linked_li_json];
-        }
-
-        prom_api__post_obj = posts_func
-            .update_ae_obj__post({
-                api_cfg: $ae_api,
-                post_id: $idaa_slct.post_id,
-                data_kv: {
-                    // linked_li_json: JSON.stringify($idaa_slct.post_obj.linked_li_json),
-                    linked_li_json: JSON.stringify(new_linked_li_json)
-                },
-                log_lvl: log_lvl
-            })
-            .then(function (post_obj_update_result) {
-                // $idaa_slct.post_obj = $lq__post_obj;
-                $idaa_slct.post_obj.linked_li_json = new_linked_li_json;
+                return post_obj_create_result;
             })
             .catch(function (error: any) {
                 console.log('Something went wrong.');
                 console.log(error);
                 return false;
+            })
+            .finally(() => {
+                disable_submit_btn = false;
+                $idaa_sess.bb.edit__post_obj = false;
             });
+
+        return prom_api__post_obj;
+    } else {
+        prom_api__post_obj = posts_func
+            .update_ae_obj__post({
+                api_cfg: $ae_api,
+                post_id: $idaa_slct.post_id,
+                data_kv: post_do,
+                log_lvl: log_lvl
+            })
+            .then(function (post_obj_update_result) {
+                if (!post_obj_update_result) {
+                    console.log('The result was null or false.');
+                    return false;
+                } else {
+                    if (log_lvl) {
+                        console.log(
+                            'post_obj_update_result:',
+                            post_obj_update_result
+                        );
+                    }
+
+                    $idaa_slct.post_obj = post_obj_update_result;
+
+                    if ($ae_loc.site_cfg_json?.bb_send_staff_update_email) {
+                        send_staff_notification_email(post_obj_update_result);
+                    }
+                }
+
+                return post_obj_update_result;
+            })
+            .catch(function (error: any) {
+                console.log('Something went wrong.');
+                console.log(error);
+                return false;
+            })
+            .finally(() => {
+                disable_submit_btn = false;
+                $idaa_sess.bb.edit__post_obj = false;
+            });
+        console.log(`prom_api__post_obj = `, prom_api__post_obj);
+
+        return prom_api__post_obj;
+    }
+}
+
+// Updated 2024-11-15
+async function handle_delete_post_obj({
+    post_id,
+    method = 'disable'
+}: {
+    post_id: string;
+    method?: string;
+}) {
+    if (log_lvl) {
+        console.log('*** handle_delete_post_obj() ***');
     }
 
-    // Updated 2026-02-16
-    // The post_do (Post Data Out) should be the new form data
-    function send_staff_notification_email(post_do: key_val) {
-        if (log_lvl) {
-            console.log(`*** send_staff_notification_email() *** Post ID: ${post_do.post_id}`);
-        }
+    prom_api__post_obj = posts_func
+        .delete_ae_obj_id__post({
+            api_cfg: $ae_api,
+            post_id: post_id,
+            method: method as any,
+            log_lvl: log_lvl
+        })
+        .then(function (post_obj_delete_result) {
+            // $idaa_sess.bb.show__modal_view__post_id = false;
+            $idaa_sess.bb.edit__post_obj = false;
+            // $idaa_sess.bb.show__inline_edit__post_comment_id = false;
+        })
+        .catch(function (error: any) {
+            console.log(
+                'The result was null or false when trying to delete.',
+                error
+            );
+        })
+        .finally(() => {
+            // $idaa_sess.recovery_meetings.show__modal_edit = false;
+            $idaa_slct.post_id = null;
+            $idaa_slct.post_obj = null;
+            $idaa_slct.post_comment_id = null;
+            $idaa_slct.post_comment_obj = null;
+            goto('/idaa/bb'); // Redirect to the BB page
+        });
 
-        let link_base_url =
-            $ae_loc.site_cfg_json.novi_bb_base_url ?? `${$ae_loc.url_origin}/idaa/bb`;
+    return prom_api__post_obj;
+}
 
-        let subject = `IDAA BB Post: ${post_do.title} (ID: ${post_do.post_id})`;
+async function handle_hosted_files_uploaded(
+    hosted_file_id_li: string[],
+    hosted_file_obj_li: any[]
+) {
+    console.log(`*** handle_hosted_files_uploaded() *** ${hosted_file_id_li}`);
 
-        let body_html = `
+    // NOTE: No longer directly updating the $idaa_slct.post_obj.hosted_file_obj_li. This will be updated when the PATCH API for Post update finishes.
+    // We need to add the record to the $idaa_slct.post_obj.hosted_file_obj_li and then update the post_obj.linked_li_json with the new value.
+    // let new_linked_li_json = [...$idaa_slct.post_obj.linked_li_json ?? {}]; // Initialize with existing linked_li_json or an empty array
+    let new_linked_li_json = $idaa_slct.post_obj.linked_li_json ?? []; // Initialize with existing linked_li_json or an empty array
+    if (!$idaa_slct.post_obj.linked_li_json) {
+        // $idaa_slct.post_obj.linked_li_json = hosted_file_obj_li;
+        new_linked_li_json = hosted_file_obj_li;
+    } else {
+        $idaa_slct.post_obj.linked_li_json.push(...hosted_file_obj_li);
+        new_linked_li_json = [...new_linked_li_json];
+        // new_linked_li_json.push(...hosted_file_obj_li);
+        // new_linked_li_json = [...new_linked_li_json];
+    }
+
+    prom_api__post_obj = posts_func
+        .update_ae_obj__post({
+            api_cfg: $ae_api,
+            post_id: $idaa_slct.post_id,
+            data_kv: {
+                // linked_li_json: JSON.stringify($idaa_slct.post_obj.linked_li_json),
+                linked_li_json: JSON.stringify(new_linked_li_json)
+            },
+            log_lvl: log_lvl
+        })
+        .then(function (post_obj_update_result) {
+            // $idaa_slct.post_obj = $lq__post_obj;
+            $idaa_slct.post_obj.linked_li_json = new_linked_li_json;
+        })
+        .catch(function (error: any) {
+            console.log('Something went wrong.');
+            console.log(error);
+            return false;
+        });
+}
+
+// Updated 2026-02-16
+// The post_do (Post Data Out) should be the new form data
+function send_staff_notification_email(post_do: key_val) {
+    if (log_lvl) {
+        console.log(
+            `*** send_staff_notification_email() *** Post ID: ${post_do.post_id}`
+        );
+    }
+
+    let link_base_url =
+        $ae_loc.site_cfg_json.novi_bb_base_url ??
+        `${$ae_loc.url_origin}/idaa/bb`;
+
+    let subject = `IDAA BB Post: ${post_do.title} (ID: ${post_do.post_id})`;
+
+    let body_html = `
 <div>${post_do.full_name ?? '-- not set --'},
 <p>A BB post has been created or updated named "${post_do.title}".</p>
 </div>
@@ -357,76 +373,88 @@ IDAA BB Post ID: ${post_do.post_id}<br>
 Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${link_base_url}?post_id=${post_do.post_id}</a></p>
 </div>`;
 
-        api.send_email({
-            api_cfg: $ae_api,
-            from_email: $ae_loc.site_cfg_json?.noreply_email ?? 'noreply+idaabb@oneskyit.com',
-            // from_email: 'noreply+idaabb@oneskyit.com',
-            from_name: $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA BB NoReply',
-            to_email: $ae_loc.site_cfg_json?.admin_email ?? 'admin+bbpost@oneskyit.com',
-            // to_email: 'test+idaabb@oneskyit.com', // 'scott+idaabb@oneskyit.com'
-            to_name: $ae_loc.site_cfg_json?.admin_name ?? 'IDAA BB Admin',
-            subject: subject,
-            body_html: body_html
-        });
+    api.send_email({
+        api_cfg: $ae_api,
+        from_email:
+            $ae_loc.site_cfg_json?.noreply_email ??
+            'noreply+idaabb@oneskyit.com',
+        // from_email: 'noreply+idaabb@oneskyit.com',
+        from_name: $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA BB NoReply',
+        to_email:
+            $ae_loc.site_cfg_json?.admin_email ?? 'admin+bbpost@oneskyit.com',
+        // to_email: 'test+idaabb@oneskyit.com', // 'scott+idaabb@oneskyit.com'
+        to_name: $ae_loc.site_cfg_json?.admin_name ?? 'IDAA BB Admin',
+        subject: subject,
+        body_html: body_html
+    });
+}
+
+$effect(() => {
+    // Initialization Layer
+    if (!orig_post_obj?.id && $idaa_slct.post_obj?.id) {
+        orig_post_obj = { ...$idaa_slct.post_obj };
     }
 
-    $effect(() => {
-        // Initialization Layer
-        if (!orig_post_obj?.id && $idaa_slct.post_obj?.id) {
-            orig_post_obj = { ...$idaa_slct.post_obj };
+    if (
+        orig_post_obj === null ||
+        orig_post_obj === undefined ||
+        orig_post_obj === 'undefined'
+    ) {
+        obj_changed = false;
+    } else if (
+        !obj_changed &&
+        orig_post_obj?.id &&
+        (JSON.stringify($idaa_slct.post_obj) !==
+            JSON.stringify(orig_post_obj) ||
+            content_new_html !== (orig_post_obj.content ?? '') ||
+            notes_new_html !== (orig_post_obj.notes ?? ''))
+    ) {
+        // console.log('Post object has changed from original.', $inspect(orig_post_obj));
+        if (log_lvl) {
+            console.log(
+                'Post object has changed from original.',
+                orig_post_obj
+            );
+            console.log('Post object has changed.', $idaa_slct.post_obj);
         }
+        obj_changed = true;
+    } else if (
+        obj_changed &&
+        orig_post_obj?.id &&
+        JSON.stringify($idaa_slct.post_obj) === JSON.stringify(orig_post_obj) &&
+        content_new_html === (orig_post_obj.content ?? '') &&
+        notes_new_html === (orig_post_obj.notes ?? '')
+    ) {
+        obj_changed = false;
+    }
+});
 
-        if (
-            orig_post_obj === null ||
-            orig_post_obj === undefined ||
-            orig_post_obj === 'undefined'
-        ) {
-            obj_changed = false;
-        } else if (
-            !obj_changed &&
-            orig_post_obj?.id &&
-            (JSON.stringify($idaa_slct.post_obj) !== JSON.stringify(orig_post_obj) ||
-                content_new_html !== (orig_post_obj.content ?? '') ||
-                notes_new_html !== (orig_post_obj.notes ?? ''))
-        ) {
-            // console.log('Post object has changed from original.', $inspect(orig_post_obj));
-            if (log_lvl) {
-                console.log('Post object has changed from original.', orig_post_obj);
-                console.log('Post object has changed.', $idaa_slct.post_obj);
-            }
-            obj_changed = true;
-        } else if (
-            obj_changed &&
-            orig_post_obj?.id &&
-            JSON.stringify($idaa_slct.post_obj) === JSON.stringify(orig_post_obj) &&
-            content_new_html === (orig_post_obj.content ?? '') &&
-            notes_new_html === (orig_post_obj.notes ?? '')
-        ) {
-            obj_changed = false;
-        }
-    });
-
-    $effect(() => {
-        if (upload_complete && hosted_file_id_li?.length && hosted_file_obj_li?.length) {
-            handle_hosted_files_uploaded(hosted_file_id_li, hosted_file_obj_li);
-            upload_complete = false; // Reset the upload complete flag
-        }
-    });
+$effect(() => {
+    if (
+        upload_complete &&
+        hosted_file_id_li?.length &&
+        hosted_file_obj_li?.length
+    ) {
+        handle_hosted_files_uploaded(hosted_file_id_li, hosted_file_obj_li);
+        upload_complete = false; // Reset the upload complete flag
+    }
+});
 </script>
 
 <section
     class="
         svelte_component ae_section ae_edit post_obj edit__post_obj
-        space-y-2 p-2
-        rounded-md
         preset-filled-surface-50-950 preset-outlined-warning-400-600
+        space-y-2
+        rounded-md p-2
         "
     class:ae_create={!$idaa_slct.post_id}
-    bind:clientHeight={$ae_loc.iframe_height_modal_body}
->
+    bind:clientHeight={$ae_loc.iframe_height_modal_body}>
     <form onsubmit={prevent_default(handle_submit_form)} class="space-y-1">
         {#await prom_api__post_obj}
-            <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>Saving...</div>
+            <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>
+                Saving...
+            </div>
         {:then}
             {#if prom_api__post_obj}
                 <!-- <div class="awaiting" out:fade={{ duration: 2000 }}>Finished saving</div> -->
@@ -437,10 +465,15 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
 
         <div class="text-center">
             <!-- BEGIN: section post__options -->
-            <button type="button"
+            <button
+                type="button"
                 onclick={() => {
                     if (obj_changed) {
-                        if (confirm('You have unsaved changes. Are you sure you want to cancel?')) {
+                        if (
+                            confirm(
+                                'You have unsaved changes. Are you sure you want to cancel?'
+                            )
+                        ) {
                             $idaa_sess.bb.edit__post_obj = false;
                         }
                     } else {
@@ -453,9 +486,8 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                 preset-filled-warning-200-800 hover:preset-filled-success-200-800
                 transition
                 "
-                title="Cancel editing of post for {$idaa_slct.post_obj.full_name} (ID: {$idaa_slct
-                    .post_obj.post_id}"
-            >
+                title="Cancel editing of post for {$idaa_slct.post_obj
+                    .full_name} (ID: {$idaa_slct.post_obj.post_id}">
                 <span class="fas fa-times m-1"></span>
                 Cancel Edit
             </button>
@@ -467,13 +499,12 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
         <input type="hidden" value={$idaa_slct.post_id} />
 
         <div
-            class="ae_section post__general_information border border-gray-200 rounded p-2 space-y-2"
-        >
+            class="ae_section post__general_information space-y-2 rounded border border-gray-200 p-2">
             <!-- BEGIN: section post__general_information -->
 
             <div>
                 <label for="title" class="w-full">
-                    <span class="text-sm font-semibold text-surface-600-400">
+                    <span class="text-surface-600-400 text-sm font-semibold">
                         Title of BB post:
                     </span>
                     <!-- svelte-ignore a11y_autofocus -->
@@ -487,17 +518,16 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                         bind:value={$idaa_slct.post_obj.title}
                         autocomplete="off"
                         class="
-                    input w-full
-                    preset-tonal-surface hover:preset-filled-surface-100-900
-                    form-control
+                    input preset-tonal-surface
+                    hover:preset-filled-surface-100-900 form-control
+                    w-full
                     "
-                        placeholder="Title of Post"
-                    />
+                        placeholder="Title of Post" />
                 </label>
             </div>
 
             <label for="content" class="ae_label post__content w-full">
-                <span class="legend text-sm font-semibold text-surface-600-400">
+                <span class="legend text-surface-600-400 text-sm font-semibold">
                     Content (post body):
                 </span>
                 <!-- <textarea name="content" id="content" class="ae_value post__content tinymce_editor editor_basic textarea" rows="5" cols="70" bind:value={$idaa_slct.post_obj.content} ></textarea> -->
@@ -505,12 +535,12 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                 <AE_Comp_Editor_TipTap
                     bind:content={content_new_html}
                     class_li="preset-tonal-surface hover:preset-filled-surface-100-900"
-                    placeholder="Your post content here..."
-                />
+                    placeholder="Your post content here..." />
             </label>
 
-            <div class="flex flex-col gap-1 items-center justify-center">
-                <button type="button"
+            <div class="flex flex-col items-center justify-center gap-1">
+                <button
+                    type="button"
                     class="
                     novi_btn
                     btn btn-sm
@@ -522,17 +552,21 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                     onclick={() => {
                         $idaa_sess.bb.show__inline_edit__file_upload =
                             !$idaa_sess.bb.show__inline_edit__file_upload;
-                    }}
-                >
+                    }}>
                     <span class="fas fa-upload m-1"></span>
-                    {$idaa_sess.bb.show__inline_edit__file_upload ? 'Hide' : 'Show'} File Upload
+                    {$idaa_sess.bb.show__inline_edit__file_upload
+                        ? 'Hide'
+                        : 'Show'} File Upload
                 </button>
 
-                <div class:hidden={!$idaa_sess.bb.show__inline_edit__file_upload}>
-                    <div class="text-sm bg-warning-400 p-2 rounded">
+                <div
+                    class:hidden={!$idaa_sess.bb
+                        .show__inline_edit__file_upload}>
+                    <div class="bg-warning-400 rounded p-2 text-sm">
                         <!-- This feature is currently only available to staff. -->
-                        NOTE - This is intended for attaching something like a PDF or image to a specific
-                        post. Images will be displayed in line. PDFs will be shown with a download button.
+                        NOTE - This is intended for attaching something like a PDF
+                        or image to a specific post. Images will be displayed in line.
+                        PDFs will be shown with a download button.
                     </div>
                     {#if $ae_loc.authenticated_access}
                         <Comp_hosted_files_upload
@@ -543,17 +577,19 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                             bind:hosted_file_id_li
                             bind:hosted_file_obj_li
                             bind:upload_complete
-                            {log_lvl}
-                        >
+                            {log_lvl}>
                             {#snippet label()}
                                 <span>
                                     <div>
                                         <span class="fas fa-upload"></span>
-                                        <strong class="bg-green-100 p-1">Upload post files</strong>
+                                        <strong class="bg-green-100 p-1"
+                                            >Upload post files</strong>
                                     </div>
-                                    <span class="text-sm text-surface-600-400 italic">
+                                    <span
+                                        class="text-surface-600-400 text-sm italic">
                                         <!-- <strong>Aether hosted files only</strong><br> -->
-                                        Recommended: documents (PDF) and images (png, webp, jpg)
+                                        Recommended: documents (PDF) and images (png,
+                                        webp, jpg)
                                         <!-- , audio (mp3, m4a), and video (mp4, mkv) -->
                                         <!-- <br> -->
                                     </span>
@@ -565,11 +601,14 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
             </div>
 
             {#if $idaa_slct.post_obj?.linked_li_json && $idaa_slct.post_obj.linked_li_json.length}
-                <div class="ae_section flex flex-row flex-wrap gap-1 items-center justify-center">
+                <div
+                    class="ae_section flex flex-row flex-wrap items-center justify-center gap-1">
                     <span class="fas fa-paperclip"></span>
-                    <span class="text-sm text-surface-600-400 italic">Linked files:</span>
+                    <span class="text-surface-600-400 text-sm italic"
+                        >Linked files:</span>
                     {#each $idaa_slct.post_obj.linked_li_json as linked_obj, index (linked_obj.hosted_file_id ?? index)}
-                        <span class="flex flex-col items-center gap-1 p-1 border rounded-lg bg-white/50">
+                        <span
+                            class="flex flex-col items-center gap-1 rounded-lg border bg-white/50 p-1">
                             <!-- <a
                             href={linked_obj.url}
                             target="_blank"
@@ -581,30 +620,40 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                         </a> -->
 
                             {#if $ae_loc.authenticated_access}
-                                {@const file_id = linked_obj?.hosted_file_id || linked_obj?.id || linked_obj?.hosted_file_id}
+                                {@const file_id =
+                                    linked_obj?.hosted_file_id ||
+                                    linked_obj?.id ||
+                                    linked_obj?.hosted_file_id}
                                 {#if file_id}
-                                    {@const ext = (linked_obj.extension || linked_obj.file_extension || ae_util.guess_file_extension(linked_obj.filename) || '').toLowerCase()}
+                                    {@const ext = (
+                                        linked_obj.extension ||
+                                        linked_obj.file_extension ||
+                                        ae_util.guess_file_extension(
+                                            linked_obj.filename
+                                        ) ||
+                                        ''
+                                    ).toLowerCase()}
                                     {#if ['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg'].includes(ext)}
                                         <div class="mb-1">
                                             <img
                                                 src="{$ae_api.base_url}/v3/action/hosted_file/{file_id}/download?key={$ae_api.account_id}"
                                                 alt={linked_obj.filename}
-                                                class="max-w-32 h-auto object-cover rounded shadow-sm border border-surface-500/20"
-                                            />
+                                                class="border-surface-500/20 h-auto max-w-32 rounded border object-cover shadow-sm" />
                                         </div>
                                     {/if}
 
-                                    <div class="flex flex-row items-center gap-1">
+                                    <div
+                                        class="flex flex-row items-center gap-1">
                                         <AE_Comp_Hosted_Files_Download_Button
                                             hosted_file_id={file_id}
                                             hosted_file_obj={linked_obj}
                                             color="tertiary"
                                             variant="tonal"
                                             classes="novi_btn btn-sm lg:btn-md min-w-48"
-                                            max_filename={30}
-                                        />
+                                            max_filename={30} />
 
-                                        <button type="button"
+                                        <button
+                                            type="button"
                                             disabled={!$ae_loc.trusted_access}
                                             onclick={async () => {
                                                 if (
@@ -618,69 +667,111 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                                                 // ae_promises[linked_obj.event_file_id] = handle_delete__event_file({event_file_id: linked_obj.event_file_id});
 
                                                 // First - Attempt to delete the hosted file
-                                                ae_promises.delete__linked_obj = await core_func
-                                                    .delete_ae_obj_id__hosted_file({
-                                                        api_cfg: $ae_api,
-                                                        hosted_file_id: file_id,
-                                                        link_to_type: 'post',
-                                                        link_to_id: $idaa_slct.post_id,
-                                                        rm_orphan: true,
-                                                        fake_delete: false,
-                                                        log_lvl: log_lvl
-                                                    })
-                                                    .then(function (delete_result) {
-                                                        // Second - If deleted, then update the post_obj
-                                                        console.log(
-                                                            `File removed. Now update the post_obj`
-                                                        );
-
-                                                        // We need to remove the record from the $idaa_slct.post_obj.hosted_file_obj_li and then update the post_obj.linked_li_json with the new value.
-                                                        let delete_result_li =
-                                                            $idaa_slct.post_obj.linked_li_json.filter(
-                                                                function (hosted_file_obj: any) {
-                                                                    const current_id = hosted_file_obj?.hosted_file_id || hosted_file_obj?.id || hosted_file_obj?.hosted_file_id;
-                                                                    console.log(
-                                                                        `Comparing: ${current_id} vs ${file_id}`
-                                                                    );
-                                                                    return (
-                                                                        current_id !==
-                                                                        file_id
-                                                                    );
-                                                                }
-                                                            );
-
-                                                        $idaa_slct.post_obj.hosted_file_obj_li =
-                                                            delete_result_li;
-                                                        $idaa_slct.post_obj.linked_li_json =
-                                                            delete_result_li;
-
-                                                        prom_api__post_obj = posts_func
-                                                            .update_ae_obj__post({
-                                                                api_cfg: $ae_api,
-                                                                post_id: $idaa_slct.post_id,
-                                                                data_kv: {
-                                                                    linked_li_json: JSON.stringify(
-                                                                        $idaa_slct.post_obj.linked_li_json
-                                                                    )
-                                                                },
+                                                ae_promises.delete__linked_obj =
+                                                    await core_func
+                                                        .delete_ae_obj_id__hosted_file(
+                                                            {
+                                                                api_cfg:
+                                                                    $ae_api,
+                                                                hosted_file_id:
+                                                                    file_id,
+                                                                link_to_type:
+                                                                    'post',
+                                                                link_to_id:
+                                                                    $idaa_slct.post_id,
+                                                                rm_orphan: true,
+                                                                fake_delete: false,
                                                                 log_lvl: log_lvl
-                                                            })
-                                                            .then(function (post_obj_update_result) {
-                                                                // We need to do all of this since the DB object has changed and the SLCT object does automatically update (yet...??? Svelte 5?).
-                                                                // $idaa_slct.post_obj = $lq__post_obj;
-                                                            })
-                                                            .catch(function (error: any) {
-                                                                console.log('Something went wrong.');
-                                                                console.log(error);
-                                                                return false;
-                                                            });
-                                                    })
-                                                    .catch(function (error: any) {
-                                                        console.log('Something went wrong.');
-                                                        console.log(error);
-                                                        return false;
-                                                    })
-                                                    .finally(() => {});
+                                                            }
+                                                        )
+                                                        .then(
+                                                            function (
+                                                                delete_result
+                                                            ) {
+                                                                // Second - If deleted, then update the post_obj
+                                                                console.log(
+                                                                    `File removed. Now update the post_obj`
+                                                                );
+
+                                                                // We need to remove the record from the $idaa_slct.post_obj.hosted_file_obj_li and then update the post_obj.linked_li_json with the new value.
+                                                                let delete_result_li =
+                                                                    $idaa_slct.post_obj.linked_li_json.filter(
+                                                                        function (
+                                                                            hosted_file_obj: any
+                                                                        ) {
+                                                                            const current_id =
+                                                                                hosted_file_obj?.hosted_file_id ||
+                                                                                hosted_file_obj?.id ||
+                                                                                hosted_file_obj?.hosted_file_id;
+                                                                            console.log(
+                                                                                `Comparing: ${current_id} vs ${file_id}`
+                                                                            );
+                                                                            return (
+                                                                                current_id !==
+                                                                                file_id
+                                                                            );
+                                                                        }
+                                                                    );
+
+                                                                $idaa_slct.post_obj.hosted_file_obj_li =
+                                                                    delete_result_li;
+                                                                $idaa_slct.post_obj.linked_li_json =
+                                                                    delete_result_li;
+
+                                                                prom_api__post_obj =
+                                                                    posts_func
+                                                                        .update_ae_obj__post(
+                                                                            {
+                                                                                api_cfg:
+                                                                                    $ae_api,
+                                                                                post_id:
+                                                                                    $idaa_slct.post_id,
+                                                                                data_kv:
+                                                                                    {
+                                                                                        linked_li_json:
+                                                                                            JSON.stringify(
+                                                                                                $idaa_slct
+                                                                                                    .post_obj
+                                                                                                    .linked_li_json
+                                                                                            )
+                                                                                    },
+                                                                                log_lvl:
+                                                                                    log_lvl
+                                                                            }
+                                                                        )
+                                                                        .then(
+                                                                            function (
+                                                                                post_obj_update_result
+                                                                            ) {
+                                                                                // We need to do all of this since the DB object has changed and the SLCT object does automatically update (yet...??? Svelte 5?).
+                                                                                // $idaa_slct.post_obj = $lq__post_obj;
+                                                                            }
+                                                                        )
+                                                                        .catch(
+                                                                            function (
+                                                                                error: any
+                                                                            ) {
+                                                                                console.log(
+                                                                                    'Something went wrong.'
+                                                                                );
+                                                                                console.log(
+                                                                                    error
+                                                                                );
+                                                                                return false;
+                                                                            }
+                                                                        );
+                                                            }
+                                                        )
+                                                        .catch(function (
+                                                            error: any
+                                                        ) {
+                                                            console.log(
+                                                                'Something went wrong.'
+                                                            );
+                                                            console.log(error);
+                                                            return false;
+                                                        })
+                                                        .finally(() => {});
                                             }}
                                             class="
                                         novi_btn
@@ -688,9 +779,9 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                                         preset-tonal-warning preset-outlined-warning-100-900 hover:preset-filled-warning-400-600
                                         transition
                                         "
-                                            title="Delete this file"
-                                        >
-                                            <span class="fas fa-trash-alt mx-1"></span>
+                                            title="Delete this file">
+                                            <span class="fas fa-trash-alt mx-1"
+                                            ></span>
                                             <!-- <span class="fas fa-minus mx-1"></span> -->
                                             Delete
                                         </button>
@@ -704,20 +795,23 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
 
             <div>
                 <label class="form-group w-100">
-                    <span class="text-sm font-semibold text-surface-600-400"> BB post topic: </span>
+                    <span class="text-surface-600-400 text-sm font-semibold">
+                        BB post topic:
+                    </span>
                     <select
                         name="topic_id"
                         class="
-                        select w-96 px-1
-                        preset-tonal-surface hover:preset-filled-surface-100-900
+                        select preset-tonal-surface hover:preset-filled-surface-100-900
                         form-control col-sm-12
+                        w-96 px-1
                         "
-                        bind:value={$idaa_slct.post_obj.topic_id}
-                    >
+                        bind:value={$idaa_slct.post_obj.topic_id}>
                         <option value="">-- None --</option>
-                        <option value={16}>Licensing/ monitoring/ credentialing issues</option>
+                        <option value={16}
+                            >Licensing/ monitoring/ credentialing issues</option>
                         <option value={17}>Return to practice</option>
-                        <option value={18}>Contacts/ sponsorship in my area</option>
+                        <option value={18}
+                            >Contacts/ sponsorship in my area</option>
                         <option value={19}>Professional positions</option>
                         <option value={25}>Speaker Bureau</option>
                         <option value={21} disabled={!$ae_loc.trusted_access}>
@@ -727,51 +821,50 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                 </label>
             </div>
 
-            <h3 class="h3 text-base font-bold text-surface-800-200">Poster's Information</h3>
+            <h3 class="h3 text-surface-800-200 text-base font-bold">
+                Poster's Information
+            </h3>
             <fieldset class="form-group">
-                <legend class="legend text-sm font-semibold text-surface-600-400"
-                    >Post as "Anonymous"?</legend
-                >
+                <legend
+                    class="legend text-surface-600-400 text-sm font-semibold"
+                    >Post as "Anonymous"?</legend>
                 <div
-                    class="flex flex-row gap-2 preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
+                    class="preset-tonal-surface hover:preset-filled-surface-100-900 flex flex-row gap-2">
                     <input
                         type="radio"
                         id="anonymous_no"
                         name="anonymous"
                         value={false}
                         bind:group={$idaa_slct.post_obj.anonymous}
-                        class="radio form-check-input"
-                    />
+                        class="radio form-check-input" />
                     <label for="anonymous_no" class="form-check-label"
-                        ><strong>No</strong>, include my name and email address</label
-                    >
+                        ><strong>No</strong>, include my name and email address</label>
                 </div>
                 <div
-                    class="flex flex-row gap-2 preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
+                    class="preset-tonal-surface hover:preset-filled-surface-100-900 flex flex-row gap-2">
                     <input
                         type="radio"
                         id="anonymous_yes"
                         name="anonymous"
                         value={true}
                         bind:group={$idaa_slct.post_obj.anonymous}
-                        class="radio form-check-input"
-                    />
+                        class="radio form-check-input" />
                     <label for="anonymous_yes" class="form-check-label"
                         ><strong>Yes</strong>, the post will be listed as
-                        <strong>"Anonymous"</strong></label
-                    >
+                        <strong>"Anonymous"</strong></label>
                 </div>
             </fieldset>
 
             <div>
-                <label for="external_person_id" class="block form-group d-block w-100">
-                    <span class="text-sm font-semibold text-surface-600-400">
+                <label
+                    for="external_person_id"
+                    class="form-group d-block block w-100">
+                    <span class="text-surface-600-400 text-sm font-semibold">
                         <span class="fas fa-link"></span> Linked with Novi ID
                     </span>
                     {#if !$ae_loc.trusted_access}
-                        <span class="fas fa-lock m-1" title="Field is locked"></span>
+                        <span class="fas fa-lock m-1" title="Field is locked"
+                        ></span>
                         <input
                             type="text"
                             id="external_person_id"
@@ -781,16 +874,17 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                                 : $idaa_loc.novi_uuid}
                             readonly={true}
                             class="
-                        input w-96 preset-tonal-surface hover:preset-filled-surface-100-900 form-control
-                        "
-                        />
+                        input preset-tonal-surface hover:preset-filled-surface-100-900 form-control w-96
+                        " />
                     {:else}
-                        <div class="ae_highlight text-sm bg-yellow-100 p-2">
-                            Primary link using the Novi API UUID. This must be empty, a staff
-                            person, or an active member of IDAA and should be the primary contact
-                            for this meeting.
+                        <div class="ae_highlight bg-yellow-100 p-2 text-sm">
+                            Primary link using the Novi API UUID. This must be
+                            empty, a staff person, or an active member of IDAA
+                            and should be the primary contact for this meeting.
                         </div>
-                        <span class="fas fa-unlock m-1" title="Field is unlocked"></span>
+                        <span
+                            class="fas fa-unlock m-1"
+                            title="Field is unlocked"></span>
                         <input
                             type="text"
                             id="external_person_id"
@@ -799,20 +893,23 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                                 ? $idaa_slct.post_obj?.external_person_id
                                 : ''}
                             readonly={!$ae_loc.administrator_access}
-                            class="input w-96 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                        />
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 form-control w-96" />
                     {/if}
                 </label>
             </div>
 
             <div>
-                <label for="full_name" class="block form-group d-block w-75">
-                    <span class="text-sm font-semibold text-surface-600-400">
+                <label for="full_name" class="form-group d-block block w-75">
+                    <span class="text-surface-600-400 text-sm font-semibold">
                         Name
                         {#if !$ae_loc.trusted_access}
-                            <span class="fas fa-lock m-1" title="Field is locked"></span>
+                            <span
+                                class="fas fa-lock m-1"
+                                title="Field is locked"></span>
                         {:else}
-                            <span class="fas fa-unlock m-1" title="Field is unlocked"></span>
+                            <span
+                                class="fas fa-unlock m-1"
+                                title="Field is unlocked"></span>
                         {/if}
                     </span>
                     <input
@@ -823,19 +920,25 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                             ? $idaa_slct?.post_obj.full_name
                             : $idaa_loc.novi_full_name}
                         readonly={!$ae_loc.trusted_access}
-                        class="input w-96 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                    />
+                        class="input preset-tonal-surface hover:preset-filled-surface-100-900 form-control w-96" />
                 </label>
             </div>
 
             {#if $ae_loc.trusted_access}
                 <div>
-                    <label for="email" class="block form-group d-block w-75">
-                        <span class="text-sm font-semibold text-surface-600-400"> Email </span>
+                    <label for="email" class="form-group d-block block w-75">
+                        <span
+                            class="text-surface-600-400 text-sm font-semibold">
+                            Email
+                        </span>
                         {#if !$ae_loc.trusted_access}
-                            <span class="fas fa-lock m-1" title="Field is locked"></span>
+                            <span
+                                class="fas fa-lock m-1"
+                                title="Field is locked"></span>
                         {:else}
-                            <span class="fas fa-unlock m-1" title="Field is unlocked"></span>
+                            <span
+                                class="fas fa-unlock m-1"
+                                title="Field is unlocked"></span>
                         {/if}
                         <input
                             type="email"
@@ -844,9 +947,8 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                                 ? $idaa_slct.post_obj?.email
                                 : ($idaa_loc.novi_email ?? '')}
                             readonly={!$ae_loc.trusted_access}
-                            class="input w-96 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                        />
-                        <span class="text-xs text-surface-600-400 italic">
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 form-control w-96" />
+                        <span class="text-surface-600-400 text-xs italic">
                             Secondary link using the Novi email address
                         </span>
                     </label>
@@ -857,40 +959,38 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                     name="email"
                     value={$idaa_slct.post_obj?.email
                         ? $idaa_slct.post_obj?.email
-                        : ($idaa_loc.novi_email ?? '')}
-                />
+                        : ($idaa_loc.novi_email ?? '')} />
             {/if}
 
             <!-- A yes/no radio button group to determine if they want to be notified of comments on this post. -->
             <fieldset class="form-group">
-                <legend class="legend text-sm font-semibold text-surface-600-400">
+                <legend
+                    class="legend text-surface-600-400 text-sm font-semibold">
                     Notify me of comments?
                 </legend>
                 <div
-                    class="flex flex-row gap-2 preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
+                    class="preset-tonal-surface hover:preset-filled-surface-100-900 flex flex-row gap-2">
                     <input
                         type="radio"
                         id="notify_no"
                         name="notify"
                         value={false}
                         bind:group={$idaa_slct.post_obj.notify}
-                        class="radio form-check-input"
-                    />
-                    <label for="notify_no"><strong>No</strong>, do not notify me of comments</label>
+                        class="radio form-check-input" />
+                    <label for="notify_no"
+                        ><strong>No</strong>, do not notify me of comments</label>
                 </div>
                 <div
-                    class="flex flex-row gap-2 preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
+                    class="preset-tonal-surface hover:preset-filled-surface-100-900 flex flex-row gap-2">
                     <input
                         type="radio"
                         id="notify_yes"
                         name="notify"
                         value={true}
                         bind:group={$idaa_slct.post_obj.notify}
-                        class="radio form-check-input"
-                    />
-                    <label for="notify_yes"><strong>Yes</strong>, notify me of comments</label>
+                        class="radio form-check-input" />
+                    <label for="notify_yes"
+                        ><strong>Yes</strong>, notify me of comments</label>
                 </div>
             </fieldset>
         </div>
@@ -898,161 +998,166 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
 
         {#if $ae_loc.trusted_access}
             <!-- BEGIN: section post__admin_options -->
-            <div class="p-3 space-y-3 rounded-md bg-surface-100-900 border border-error-400">
+            <div
+                class="bg-surface-100-900 border-error-400 space-y-3 rounded-md border p-3">
                 <button
                     type="button"
-                    class="flex flex-row items-center gap-2 text-left w-full"
-                    onclick={() => { $idaa_loc.bb.show__admin_options = !$idaa_loc.bb.show__admin_options; }}
-                >
-                    <span class="fas fa-{$idaa_loc.bb.show__admin_options ? 'caret-down' : 'caret-right'} text-xs opacity-60"></span>
-                    <h3 class="text-lg font-semibold text-surface-600-400 flex items-center gap-2 w-full">
+                    class="flex w-full flex-row items-center gap-2 text-left"
+                    onclick={() => {
+                        $idaa_loc.bb.show__admin_options =
+                            !$idaa_loc.bb.show__admin_options;
+                    }}>
+                    <span
+                        class="fas fa-{$idaa_loc.bb.show__admin_options
+                            ? 'caret-down'
+                            : 'caret-right'} text-xs opacity-60"></span>
+                    <h3
+                        class="text-surface-600-400 flex w-full items-center gap-2 text-lg font-semibold">
                         <span class="fas fa-cogs"></span>
                         Admin Options
                     </h3>
                 </button>
 
-                <div class="space-y-3" class:hidden={!$idaa_loc.bb.show__admin_options}>
-                <span
-                    class="flex flex-col md:flex-row flex-wrap gap-2 items-center justify-center md:justify-stretch w-full"
-                >
-                    <span class="flex flex-row flex-wrap gap-2 items-center justify-evenly grow">
-                        <fieldset
-                            class="flex flex-row gap-1 items-center justify-center form-check"
-                        >
-                            <legend class="legend text-sm font-semibold form-check-label"
-                                >Hide</legend
-                            >
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="hide_yes"
-                                    name="hide"
-                                    value={true}
-                                    bind:group={$idaa_slct.post_obj.hide}
-                                    class="radio form-check-input"
-                                />
-                                <label for="hide_yes">Yes</label>
-                            </div>
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="hide_no"
-                                    name="hide"
-                                    value={false}
-                                    bind:group={$idaa_slct.post_obj.hide}
-                                    class="radio form-check-input"
-                                />
-                                <label for="hide_no">No</label>
-                            </div>
-                        </fieldset>
-
-                        <fieldset
-                            class="flex flex-row gap-1 items-center justify-center form-check"
-                        >
-                            <legend class="legend text-sm font-semibold form-check-label"
-                                >Priority</legend
-                            >
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="priority_yes"
-                                    name="priority"
-                                    value={true}
-                                    bind:group={$idaa_slct.post_obj.priority}
-                                    class="radio form-check-input"
-                                />
-                                <label for="priority_yes">Yes</label>
-                            </div>
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="priority_no"
-                                    name="priority"
-                                    value={false}
-                                    bind:group={$idaa_slct.post_obj.priority}
-                                    class="radio form-check-input"
-                                />
-                                <label for="priority_no">No</label>
-                            </div>
-                        </fieldset>
-                    </span>
-
+                <div
+                    class="space-y-3"
+                    class:hidden={!$idaa_loc.bb.show__admin_options}>
                     <span
-                        class="
-                    grow
-                    flex flex-row flex-wrap gap-1 items-center justify-evenly
-                    col-sm-1
-                    "
-                    >
-                        <label class="legend text-sm font-semibold input-group"
-                            >Sort <input
-                                type="number"
-                                name="sort"
-                                bind:value={$idaa_slct.post_obj.sort}
-                                class="input w-24 preset-tonal-surface form-control"
-                            /></label
-                        >
-
-                        <label class="legend text-sm font-semibold input-group"
-                            >Group <input
-                                type="text"
-                                name="group"
-                                bind:value={$idaa_slct.post_obj.group}
-                                max="100"
-                                class="input w-40 preset-tonal-surface form-control"
-                            /></label
-                        >
-                    </span>
-
-                    {#if $ae_loc.administrator_access}
+                        class="flex w-full flex-col flex-wrap items-center justify-center gap-2 md:flex-row md:justify-stretch">
                         <span
-                            class="flex flex-row flex-wrap gap-1 items-center justify-evenly grow"
-                        >
-                            <fieldset class="flex flex-row gap-2 form-check">
-                                <legend class="legend text-sm font-semibold form-check-label"
-                                    >Enable</legend
-                                >
+                            class="flex grow flex-row flex-wrap items-center justify-evenly gap-2">
+                            <fieldset
+                                class="form-check flex flex-row items-center justify-center gap-1">
+                                <legend
+                                    class="legend form-check-label text-sm font-semibold"
+                                    >Hide</legend>
                                 <div>
                                     <input
                                         type="radio"
-                                        id="enable_yes"
-                                        name="enable"
+                                        id="hide_yes"
+                                        name="hide"
                                         value={true}
-                                        bind:group={$idaa_slct.post_obj.enable}
-                                        class="radio form-check-input"
-                                    />
-                                    <label for="enable_yes">Yes</label>
+                                        bind:group={$idaa_slct.post_obj.hide}
+                                        class="radio form-check-input" />
+                                    <label for="hide_yes">Yes</label>
                                 </div>
                                 <div>
                                     <input
                                         type="radio"
-                                        id="enable_no"
-                                        name="enable"
+                                        id="hide_no"
+                                        name="hide"
                                         value={false}
-                                        bind:group={$idaa_slct.post_obj.enable}
-                                        class="radio form-check-input"
-                                    />
-                                    <label for="enable_no">No</label>
+                                        bind:group={$idaa_slct.post_obj.hide}
+                                        class="radio form-check-input" />
+                                    <label for="hide_no">No</label>
+                                </div>
+                            </fieldset>
+
+                            <fieldset
+                                class="form-check flex flex-row items-center justify-center gap-1">
+                                <legend
+                                    class="legend form-check-label text-sm font-semibold"
+                                    >Priority</legend>
+                                <div>
+                                    <input
+                                        type="radio"
+                                        id="priority_yes"
+                                        name="priority"
+                                        value={true}
+                                        bind:group={
+                                            $idaa_slct.post_obj.priority
+                                        }
+                                        class="radio form-check-input" />
+                                    <label for="priority_yes">Yes</label>
+                                </div>
+                                <div>
+                                    <input
+                                        type="radio"
+                                        id="priority_no"
+                                        name="priority"
+                                        value={false}
+                                        bind:group={
+                                            $idaa_slct.post_obj.priority
+                                        }
+                                        class="radio form-check-input" />
+                                    <label for="priority_no">No</label>
                                 </div>
                             </fieldset>
                         </span>
-                    {:else}
-                        <!-- <input type="hidden" name="enable" value={$idaa_slct.post_obj.enable ?? false} /> -->
-                    {/if}
-                </span>
 
-                {#if $ae_loc.trusted_access}
-                    <label for="notes" class="ae_label post__notes w-full">
-                        <span class="legend text-sm font-semibold text-surface-600-400"
-                            >Internal Staff Notes</span
-                        >
-                        <AE_Comp_Editor_TipTap
-                            bind:content={notes_new_html}
-                            class_li="preset-tonal-surface hover:preset-filled-surface-100-900"
-                            placeholder="Internal notes for staff only. Not shown to the public."
-                        />
-                    </label>
-                {/if}
+                        <span
+                            class="
+                    col-sm-1
+                    flex grow flex-row flex-wrap items-center justify-evenly
+                    gap-1
+                    ">
+                            <label
+                                class="legend input-group text-sm font-semibold"
+                                >Sort <input
+                                    type="number"
+                                    name="sort"
+                                    bind:value={$idaa_slct.post_obj.sort}
+                                    class="input preset-tonal-surface form-control w-24" /></label>
+
+                            <label
+                                class="legend input-group text-sm font-semibold"
+                                >Group <input
+                                    type="text"
+                                    name="group"
+                                    bind:value={$idaa_slct.post_obj.group}
+                                    max="100"
+                                    class="input preset-tonal-surface form-control w-40" /></label>
+                        </span>
+
+                        {#if $ae_loc.administrator_access}
+                            <span
+                                class="flex grow flex-row flex-wrap items-center justify-evenly gap-1">
+                                <fieldset
+                                    class="form-check flex flex-row gap-2">
+                                    <legend
+                                        class="legend form-check-label text-sm font-semibold"
+                                        >Enable</legend>
+                                    <div>
+                                        <input
+                                            type="radio"
+                                            id="enable_yes"
+                                            name="enable"
+                                            value={true}
+                                            bind:group={
+                                                $idaa_slct.post_obj.enable
+                                            }
+                                            class="radio form-check-input" />
+                                        <label for="enable_yes">Yes</label>
+                                    </div>
+                                    <div>
+                                        <input
+                                            type="radio"
+                                            id="enable_no"
+                                            name="enable"
+                                            value={false}
+                                            bind:group={
+                                                $idaa_slct.post_obj.enable
+                                            }
+                                            class="radio form-check-input" />
+                                        <label for="enable_no">No</label>
+                                    </div>
+                                </fieldset>
+                            </span>
+                        {:else}
+                            <!-- <input type="hidden" name="enable" value={$idaa_slct.post_obj.enable ?? false} /> -->
+                        {/if}
+                    </span>
+
+                    {#if $ae_loc.trusted_access}
+                        <label for="notes" class="ae_label post__notes w-full">
+                            <span
+                                class="legend text-surface-600-400 text-sm font-semibold"
+                                >Internal Staff Notes</span>
+                            <AE_Comp_Editor_TipTap
+                                bind:content={notes_new_html}
+                                class_li="preset-tonal-surface hover:preset-filled-surface-100-900"
+                                placeholder="Internal notes for staff only. Not shown to the public." />
+                        </label>
+                    {/if}
                 </div>
             </div>
             <!-- END: section post__admin_options -->
@@ -1061,10 +1166,9 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
         <div
             class="
             ae_section ae_options ae_row ae_actions post__options post__actions
-            flex flex-row gap-1 items-center justify-between w-full
-            d-flex align-items-center justify-content-between
-        "
-        >
+            d-flex align-items-center justify-content-between flex w-full flex-row
+            items-center justify-between gap-1
+        ">
             <div>
                 <!-- BEGIN: section post__options -->
                 {#if $idaa_slct.post_id}
@@ -1075,8 +1179,7 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                     novi_btn
                     btn btn-md preset-tonal-primary preset-outlined-primary-800-200 hover:preset-filled-primary-200-800
                     transition
-                    "
-                    >
+                    ">
                         {#await prom_api__post_obj}
                             <span class="fas fa-spinner fa-spin m-1"></span> Saving
                         {:then}
@@ -1088,7 +1191,11 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                         type="submit"
                         disabled={disable_submit_btn}
                         onclick={() => {
-                            if (!confirm('Are you sure you want to create this post?')) {
+                            if (
+                                !confirm(
+                                    'Are you sure you want to create this post?'
+                                )
+                            ) {
                                 return false;
                             }
                             // handle_save_post_obj({post_id: $idaa_slct.post_id, method: 'create'});
@@ -1098,8 +1205,7 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                     btn
                     preset-tonal-warning hover:preset-filled-warning-200-800
                     transition
-                    "
-                    >
+                    ">
                         {#await prom_api__post_obj}
                             <span class="fas fa-spinner fa-spin m-1"></span> Saving
                         {:then}
@@ -1110,9 +1216,14 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
 
                 {#if $idaa_slct.post_id}
                     {#if $ae_loc.administrator_access}
-                        <button type="button"
+                        <button
+                            type="button"
                             onclick={() => {
-                                if (!confirm('Are you sure you want to delete this post?')) {
+                                if (
+                                    !confirm(
+                                        'Are you sure you want to delete this post?'
+                                    )
+                                ) {
                                     return false;
                                 }
                                 handle_delete_post_obj({
@@ -1125,14 +1236,18 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                 btn btn-sm
                 preset-filled-warning-400-600 hover:preset-filled-error-200-800
                 "
-                            title="Delete record permanently"
-                        >
+                            title="Delete record permanently">
                             <span class="fas fa-minus m-1"></span> Delete
                         </button>
                     {:else if $ae_loc.trusted_access}
-                        <button type="button"
+                        <button
+                            type="button"
                             onclick={() => {
-                                if (!confirm('Are you sure you want to disable this post?')) {
+                                if (
+                                    !confirm(
+                                        'Are you sure you want to disable this post?'
+                                    )
+                                ) {
                                     return false;
                                 }
                                 handle_delete_post_obj({
@@ -1146,14 +1261,18 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                 preset-filled-warning-200-800 hover:preset-filled-error-200-800
                 transition
                 "
-                            title="Disable record to delete"
-                        >
+                            title="Disable record to delete">
                             <span class="fas fa-minus m-1"></span> Delete
                         </button>
                     {:else}
-                        <button type="button"
+                        <button
+                            type="button"
                             onclick={() => {
-                                if (!confirm('Are you sure you want to hide this post?')) {
+                                if (
+                                    !confirm(
+                                        'Are you sure you want to hide this post?'
+                                    )
+                                ) {
                                     return false;
                                 }
                                 handle_delete_post_obj({
@@ -1167,8 +1286,7 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                 preset-filled-warning-200-800 hover:preset-filled-error-200-800
                 transition
                 "
-                            title="Hide record to delete"
-                        >
+                            title="Hide record to delete">
                             <span class="fas fa-comment-slash m-1"></span> Delete
                         </button>
                     {/if}
@@ -1176,7 +1294,8 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
             </div>
 
             <div>
-                <button type="button"
+                <button
+                    type="button"
                     onclick={() => {
                         if (obj_changed) {
                             if (
@@ -1198,8 +1317,7 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                 transition
                 "
                     title="Cancel editing of post for {$idaa_slct.post_obj
-                        .full_name} (ID: {$idaa_slct.post_obj.post_id}"
-                >
+                        .full_name} (ID: {$idaa_slct.post_obj.post_id}">
                     <span class="fas fa-times m-1"></span>
                     Cancel Edit
                 </button>
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_view.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_view.svelte
index f23c7c36..7ffed665 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_view.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_view.svelte
@@ -1,49 +1,56 @@
 <script lang="ts">
-    interface Props {
-        lq__post_obj: any;
-        lq__post_comment_obj_li: any;
-        lq__post_comment_obj: any;
-        log_lvl?: number;
+interface Props {
+    lq__post_obj: any;
+    lq__post_comment_obj_li: any;
+    lq__post_comment_obj: any;
+    log_lvl?: number;
+}
+
+let {
+    lq__post_obj,
+    lq__post_comment_obj_li,
+    lq__post_comment_obj,
+    log_lvl = 0
+}: Props = $props();
+
+// *** Import Svelte specific
+import { browser } from '$app/environment';
+// import { untrack } from 'svelte';
+
+// *** Import Aether core variables and functions
+// import type { key_val } from '$lib/stores/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+// import { api } from '$lib/api/api';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig
+} from '$lib/stores/ae_idaa_stores';
+
+// import Comp__post_obj_id_edit from './ae_idaa_comp__post_obj_id_edit.svelte';
+import Comp__post_comment_obj_id_edit from './ae_idaa_comp__post_comment_obj_id_edit.svelte';
+import AE_Comp_Hosted_Files_Download_Button from '$lib/ae_core/ae_comp__hosted_files_download_button.svelte';
+
+$effect(() => {
+    if (browser && $lq__post_obj?.post_id) {
+        document.body.scrollIntoView();
     }
-
-    let { lq__post_obj, lq__post_comment_obj_li, lq__post_comment_obj, log_lvl = 0 }: Props = $props();
-
-    // *** Import Svelte specific
-    import { browser } from '$app/environment';
-    // import { untrack } from 'svelte';
-
-    // *** Import Aether core variables and functions
-    // import type { key_val } from '$lib/stores/ae_stores';
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    // import { api } from '$lib/api/api';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct, idaa_trig } from '$lib/stores/ae_idaa_stores';
-
-    // import Comp__post_obj_id_edit from './ae_idaa_comp__post_obj_id_edit.svelte';
-    import Comp__post_comment_obj_id_edit from './ae_idaa_comp__post_comment_obj_id_edit.svelte';
-    import AE_Comp_Hosted_Files_Download_Button from '$lib/ae_core/ae_comp__hosted_files_download_button.svelte';
-
-    $effect(() => {
-        if (browser && $lq__post_obj?.post_id) {
-            document.body.scrollIntoView();
-        }
-    });
+});
 </script>
 
 <section
     bind:clientHeight={$ae_loc.iframe_height_modal_body}
-    class="svelte_component ae_section ae_view post_obj view__post_obj space-y-2"
->
-
-
+    class="svelte_component ae_section ae_view post_obj view__post_obj space-y-2">
     <!-- <div class="post__header">
     <h2 class="post__title flex flex-row gap-2 items-center h3">
         <span class="">
@@ -58,28 +65,35 @@
         <!-- <pre class="post__content p-2 bg-white shadow-md rounded-lg text-wrap text-sm font-normal whitespace-pre-wrap">{@html $lq__post_obj?.content}</pre> -->
 
         <div
-            class="post__content p-2 bg-white shadow-md rounded-lg text-wrap text-sm font-normal reset_css"
-        >
+            class="post__content reset_css rounded-lg bg-white p-2 text-sm font-normal text-wrap shadow-md">
             {@html $lq__post_obj?.content}
         </div>
 
         {#if $lq__post_obj?.linked_li_json && $lq__post_obj?.linked_li_json.length}
-            <div class="ae_section flex flex-row flex-wrap gap-1 items-center justify-center">
+            <div
+                class="ae_section flex flex-row flex-wrap items-center justify-center gap-1">
                 <span class="fas fa-paperclip"></span>
-                <span class="text-sm text-gray-600 dark:text-gray-400 italic">Linked files:</span>
+                <span class="text-sm text-gray-600 italic dark:text-gray-400"
+                    >Linked files:</span>
                 {#each $lq__post_obj.linked_li_json as linked_obj, index (linked_obj.hosted_file_id ?? index)}
-
                     {#if $ae_loc.authenticated_access}
-                        {@const file_id = linked_obj?.hosted_file_id || linked_obj?.id}
+                        {@const file_id =
+                            linked_obj?.hosted_file_id || linked_obj?.id}
                         {#if file_id}
-                            {@const ext = (linked_obj.extension || linked_obj.file_extension || ae_util.guess_file_extension(linked_obj.filename) || '').toLowerCase()}
+                            {@const ext = (
+                                linked_obj.extension ||
+                                linked_obj.file_extension ||
+                                ae_util.guess_file_extension(
+                                    linked_obj.filename
+                                ) ||
+                                ''
+                            ).toLowerCase()}
                             {#if ['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg'].includes(ext)}
                                 <div>
                                     <img
                                         src="{$ae_api.base_url}/v3/action/hosted_file/{file_id}/download?key={$ae_api.account_id}"
                                         alt={linked_obj.filename}
-                                        class="w-fit min-w-96 h-fit object-cover rounded-lg shadow-md"
-                                    />
+                                        class="h-fit w-fit min-w-96 rounded-lg object-cover shadow-md" />
                                 </div>
                             {:else}
                                 <AE_Comp_Hosted_Files_Download_Button
@@ -88,8 +102,7 @@
                                     color="tertiary"
                                     variant="tonal"
                                     classes="border border-tertiary-500 hover:preset-filled-tertiary-500 min-w-48"
-                                    max_filename={30}
-                                />
+                                    max_filename={30} />
                             {/if}
                         {/if}
                     {/if}
@@ -99,8 +112,7 @@
     </div>
 
     <section
-        class="ae_section ae_meta post__meta text-xs text-gray-500 mt-4 flex flex-row gap-2 items-center justify-between"
-    >
+        class="ae_section ae_meta post__meta mt-4 flex flex-row items-center justify-between gap-2 text-xs text-gray-500">
         <div class="ae_group flex flex-col gap-1">
             {#if $lq__post_obj?.anonymous}
                 <div class="post__posted_by">
@@ -110,11 +122,12 @@
             {:else if $lq__post_obj?.full_name}
                 <div class="post__posted_by">
                     Posted by: <span class="fas fa-user"></span>
-                    <span class="post__full_name">{$lq__post_obj?.full_name}</span>
+                    <span class="post__full_name"
+                        >{$lq__post_obj?.full_name}</span>
                     {#if $ae_loc.trusted_access && $lq__post_obj?.email}
-                        <a href="mailto:{$lq__post_obj?.email}?subject=IDAA BB Post"
-                            >{$lq__post_obj?.email}</a
-                        >
+                        <a
+                            href="mailto:{$lq__post_obj?.email}?subject=IDAA BB Post"
+                            >{$lq__post_obj?.email}</a>
                     {/if}
                 </div>
             {/if}
@@ -126,30 +139,29 @@
                         >{ae_util.iso_datetime_formatter(
                             $lq__post_obj?.created_on,
                             'datetime_12_short'
-                        )}</span
-                    >
+                        )}</span>
                 {:else}
                     <span class="ae_label">Updated on:</span>
                     <span class="ae_value post__updated_on">
                         {ae_util.iso_datetime_formatter(
                             $lq__post_obj?.updated_on,
                             'datetime_12_short'
-                        )}</span
-                    >
+                        )}</span>
                 {/if}
-                <span class="post__archive_on" class:hidden={!$ae_loc.administrator_access}>
+                <span
+                    class="post__archive_on"
+                    class:hidden={!$ae_loc.administrator_access}>
                     <span class="ae_label">Archive on:</span>
                     <span class="ae_value"
                         >{ae_util.iso_datetime_formatter(
                             $lq__post_obj?.archive_on,
                             'datetime_12_short'
-                        )}</span
-                    >
+                        )}</span>
                 </span>
             </div>
         </div>
 
-        <div class="ae_options flex flex-row gap-1 items-center">
+        <div class="ae_options flex flex-row items-center gap-1">
             {#if $lq__post_obj?.post_comment_count}
                 <span class="ae_badge ae_info post__post_comment_count">
                     <span class="fas fa-comment"></span>
@@ -159,7 +171,8 @@
                 </span>
             {/if}
             {#if ($ae_loc.trusted_access && $ae_loc.edit_mode) || $idaa_loc.novi_uuid}
-                <button type="button"
+                <button
+                    type="button"
                     onclick={() => {
                         $idaa_slct.post_comment_id = null;
                         $idaa_slct.post_comment_obj = {};
@@ -168,16 +181,16 @@
                     class="
                 novi_btn btn-primary
                 btn btn-md preset-tonal-secondary
-                border border-secondary-500 hover:preset-filled-secondary-500
+                border-secondary-500 hover:preset-filled-secondary-500 border
                 transition-all"
-                    title={`New comment on: ${$lq__post_obj?.title}`}
-                >
+                    title={`New comment on: ${$lq__post_obj?.title}`}>
                     <span class="fas fa-plus m-1"></span> New Comment
                 </button>
             {/if}
 
             {#if ($ae_loc.trusted_access && $ae_loc.edit_mode) || $lq__post_obj?.external_person_id === $idaa_loc.novi_uuid}
-                <button type="button"
+                <button
+                    type="button"
                     onclick={() => {
                         // $idaa_slct.post_id = $idaa_slct.post_obj.post_id;
                         $idaa_slct.post_obj = $lq__post_obj; // In case things changed
@@ -197,8 +210,7 @@
                 btn btn-sm preset-tonal-warning
                 hover:preset-filled-warning-500 transition
                 "
-                    title="Edit post for {$lq__post_obj?.full_name} (ID: {$lq__post_obj?.post_id}"
-                >
+                    title="Edit post for {$lq__post_obj?.full_name} (ID: {$lq__post_obj?.post_id}">
                     <span class="fas fa-edit m-1"></span> Edit Post
                 </button>
             {/if}
@@ -207,76 +219,77 @@
     <!-- {/if} -->
 
     {#if $idaa_sess.bb.show__inline_edit__post_comment_id === true}
-        <Comp__post_comment_obj_id_edit
-            {lq__post_obj}
-        />
+        <Comp__post_comment_obj_id_edit {lq__post_obj} />
     {/if}
 
     {#if $lq__post_comment_obj_li?.length}
-        <section class="post_comment_obj_li space-y-2 border p-0 border-y-0">
+        <section class="post_comment_obj_li space-y-2 border border-y-0 p-0">
             {#each $lq__post_comment_obj_li as post_comment_obj, index (post_comment_obj.post_comment_id)}
                 <div
-                    class="p-4 space-y-1 border-b-2"
+                    class="space-y-1 border-b-2 p-4"
                     class:dim={post_comment_obj?.hide}
-                    class:bg-warning-100={!post_comment_obj?.enable}
-                >
+                    class:bg-warning-100={!post_comment_obj?.enable}>
                     {#if $idaa_sess.bb.show__inline_edit__post_comment_id == post_comment_obj.post_comment_id}
                         {$lq__post_comment_obj_li.length ?? 'unknown???'}
-                        <Comp__post_comment_obj_id_edit
-                            {lq__post_obj}
-                        />
+                        <Comp__post_comment_obj_id_edit {lq__post_obj} />
                     {:else}
                         <div class="post_comment__content">
                             <pre
-                                class="post_comment__content p-2 bg-white shadow-md rounded-lg text-wrap text-sm font-normal whitespace-pre-wrap">{@html post_comment_obj.content}</pre>
+                                class="post_comment__content rounded-lg bg-white p-2 text-sm font-normal text-wrap whitespace-pre-wrap shadow-md">{@html post_comment_obj.content}</pre>
                         </div>
 
                         <section
-                            class="ae_section ae_meta post_comment__meta text-xs text-gray-500 mt-4 flex flex-row gap-2 items-center justify-between"
-                        >
+                            class="ae_section ae_meta post_comment__meta mt-4 flex flex-row items-center justify-between gap-2 text-xs text-gray-500">
                             <div class="flex flex-col gap-1">
-                                <span class="post_comment__posted_by `comment_by_container">
-                                    <span class="comment_by_lable">Comment by:</span>
+                                <span
+                                    class="post_comment__posted_by `comment_by_container">
+                                    <span class="comment_by_lable"
+                                        >Comment by:</span>
                                     {#if post_comment_obj.anonymous}
                                         <span class="fas fa-user-secret"></span>
-                                        <span class="comment_by_full_name anonymous">Anonymous</span
-                                        >
+                                        <span
+                                            class="comment_by_full_name anonymous"
+                                            >Anonymous</span>
                                     {:else}
                                         <span class="fas fa-user"></span>
                                         <span class="comment_by_full_name"
-                                            >{post_comment_obj.full_name}</span
-                                        >
+                                            >{post_comment_obj.full_name}</span>
                                     {/if}
                                 </span>
-                                <span class="post_comment__created_on_updated_on">
+                                <span
+                                    class="post_comment__created_on_updated_on">
                                     {#if !post_comment_obj.updated_on || $ae_loc.edit_mode}
-                                        <span class="ae_label">Created on:</span>
-                                        <span class="ae_value post_comment__created_on"
+                                        <span class="ae_label"
+                                            >Created on:</span>
+                                        <span
+                                            class="ae_value post_comment__created_on"
                                             >{ae_util.iso_datetime_formatter(
                                                 post_comment_obj.created_on,
                                                 'datetime_12_short'
-                                            )}</span
-                                        >
+                                            )}</span>
                                     {/if}
                                     {#if post_comment_obj.updated_on}
-                                        <span class="ae_label">Updated on:</span>
-                                        <span class="ae_value post_comment__updated_on"
+                                        <span class="ae_label"
+                                            >Updated on:</span>
+                                        <span
+                                            class="ae_value post_comment__updated_on"
                                             >{ae_util.iso_datetime_formatter(
                                                 post_comment_obj.updated_on,
                                                 'datetime_12_short'
-                                            )}</span
-                                        >
+                                            )}</span>
                                     {/if}
                                 </span>
                             </div>
 
                             {#if ($ae_loc.trusted_access && $ae_loc.edit_mode) || post_comment_obj.external_person_id === $idaa_loc.novi_uuid}
                                 <div class="ae_options">
-                                    <button type="button"
+                                    <button
+                                        type="button"
                                         onclick={() => {
                                             $idaa_slct.post_comment_id =
                                                 post_comment_obj.post_comment_id;
-                                            $idaa_slct.post_comment_obj = post_comment_obj;
+                                            $idaa_slct.post_comment_obj =
+                                                post_comment_obj;
 
                                             $idaa_sess.bb.show__inline_edit__post_comment_id =
                                                 post_comment_obj.post_comment_id;
@@ -285,8 +298,7 @@
                     novi_btn
                     btn btn-sm preset-tonal-warning
                     hover:preset-filled-warning-500 transition"
-                                        title="Edit comment by {post_comment_obj?.full_name} (for post ID {$lq__post_obj?.id})"
-                                    >
+                                        title="Edit comment by {post_comment_obj?.full_name} (for post ID {$lq__post_obj?.id})">
                                         <span class="fas fa-edit m-1"></span>
                                         Edit Comment
                                     </button>
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
index 4b516cd3..981b26cd 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
@@ -1,90 +1,97 @@
 <script lang="ts">
-    let log_lvl: number = 0;
+let log_lvl: number = 0;
 
-    // *** Import Svelte core
-    import { onMount } from 'svelte';
+// *** Import Svelte core
+import { onMount } from 'svelte';
 
-    // *** Import Aether core variables and functions
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+// *** Import Aether core variables and functions
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
 
-    interface Props {
-        /** @type {import('./$types').PageData} */
-        data: any;
-        lq__post_obj_li: any;
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+    lq__post_obj_li: any;
+}
+
+let { data, lq__post_obj_li }: Props = $props();
+
+// Derived list of visible items (Refactored 2026-02-05)
+let visible_post_obj_li = $derived.by(() => {
+    const list = $lq__post_obj_li;
+    if (!list || !Array.isArray(list)) return [];
+
+    const filtered = list.filter((post: any) => {
+        if (!post) return false;
+
+        /**
+         * DUAL-LAYER VISIBILITY LOGIC
+         * 1. Public Logic: If an item is enabled and NOT hidden, everyone sees it.
+         * 2. Trusted Logic: If an item is disabled OR hidden, ONLY trusted users see it.
+         *
+         * NOTE: We also respect the active query filters for hidden/enabled.
+         */
+        const is_hidden = post.hide == true;
+        const is_disabled = post.enable == false;
+
+        // Strict Filter Mapping (from UI dropdowns)
+        if ($idaa_loc.bb.qry__hidden === 'hidden' && !is_hidden) return false;
+        if ($idaa_loc.bb.qry__hidden === 'not_hidden' && is_hidden)
+            return false;
+        if ($idaa_loc.bb.qry__enabled === 'enabled' && is_disabled)
+            return false;
+        if ($idaa_loc.bb.qry__enabled === 'not_enabled' && !is_disabled)
+            return false;
+
+        if (!is_hidden && !is_disabled) return true;
+
+        return $ae_loc.trusted_access === true;
+    });
+
+    if (log_lvl)
+        console.log(
+            `visible_post_obj_li: Input=${list.length}, Output=${filtered.length} (trusted=${$ae_loc.trusted_access})`
+        );
+
+    return filtered;
+});
+
+onMount(() => {
+    if (log_lvl) {
+        console.log(
+            '** Component Mounted: ** List - Bulletin Board (Post) Obj',
+            data?.route.toString() ?? 'unknown'
+        );
     }
-
-    let { data, lq__post_obj_li }: Props = $props();
-
-    // Derived list of visible items (Refactored 2026-02-05)
-    let visible_post_obj_li = $derived.by(() => {
-        const list = $lq__post_obj_li;
-        if (!list || !Array.isArray(list)) return [];
-
-        const filtered = list.filter((post: any) => {
-            if (!post) return false;
-
-            /**
-             * DUAL-LAYER VISIBILITY LOGIC
-             * 1. Public Logic: If an item is enabled and NOT hidden, everyone sees it.
-             * 2. Trusted Logic: If an item is disabled OR hidden, ONLY trusted users see it.
-             *
-             * NOTE: We also respect the active query filters for hidden/enabled.
-             */
-            const is_hidden = post.hide == true;
-            const is_disabled = post.enable == false;
-
-            // Strict Filter Mapping (from UI dropdowns)
-            if ($idaa_loc.bb.qry__hidden === 'hidden' && !is_hidden) return false;
-            if ($idaa_loc.bb.qry__hidden === 'not_hidden' && is_hidden) return false;
-            if ($idaa_loc.bb.qry__enabled === 'enabled' && is_disabled) return false;
-            if ($idaa_loc.bb.qry__enabled === 'not_enabled' && !is_disabled) return false;
-
-            if (!is_hidden && !is_disabled) return true;
-
-            return ($ae_loc.trusted_access === true);
-        });
-
-        if (log_lvl) console.log(`visible_post_obj_li: Input=${list.length}, Output=${filtered.length} (trusted=${$ae_loc.trusted_access})`);
-
-        return filtered;
-    });
-
-    onMount(() => {
-        if (log_lvl) {
-            console.log(
-                '** Component Mounted: ** List - Bulletin Board (Post) Obj',
-                data?.route.toString() ?? 'unknown'
-            );
-        }
-    });
+});
 </script>
 
-<section class="bb_post_list flex flex-col gap-2 items-center justify-center w-full">
+<section
+    class="bb_post_list flex w-full flex-col items-center justify-center gap-2">
     {#if visible_post_obj_li && visible_post_obj_li.length}
         {#each visible_post_obj_li as idaa_post_obj, index (idaa_post_obj.post_id)}
             {#if idaa_post_obj}
                 <!-- This check for the idaa_post_obj is here in case the IDB entry is deleted. -->
                 <div
-                    class="container bb_post post_obj border p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-white rounded-lg"
+                    class="bb_post post_obj container mb-2 flex w-full max-w-(--breakpoint-lg) flex-col items-center justify-center space-y-2 rounded-lg border bg-white p-2"
                     class:dim={idaa_post_obj?.hide}
-                    class:bg-warning-100={!idaa_post_obj?.enable}
-                >
+                    class:bg-warning-100={!idaa_post_obj?.enable}>
                     <header class="ae_header">
                         <h3
-                            class="post__name flex flex-row gap-2 items-center h3 border-b border-gray-200 w-full"
-                        >
+                            class="post__name h3 flex w-full flex-row items-center gap-2 border-b border-gray-200">
                             <span class="post__name">
-                                <span class="fas fa-comment-alt m-1 text-neutral-800/80"></span>
+                                <span
+                                    class="fas fa-comment-alt m-1 text-neutral-800/80"
+                                ></span>
                                 {@html idaa_post_obj.title}
                             </span>
                             {#if idaa_post_obj.topic_name}<span
@@ -99,17 +106,17 @@
                     <!-- style="background: linear-gradient(to top, rgba(128, 128, 128, 0.5) 0, transparent 4em);" -->
                     {#if idaa_post_obj.content}
                         <div
-                            class="post__content w-full p-2 pb-8 bg-gray shadow-md rounded text-wrap text-sm font-normal reset_css overflow-hidden max-h-96 relative"
-                        >
+                            class="post__content bg-gray reset_css relative max-h-96 w-full overflow-hidden rounded p-2 pb-8 text-sm font-normal text-wrap shadow-md">
                             {@html idaa_post_obj.content}
                             <!-- Add an overlay to fade the content out when close to max height -->
                             <div
-                                class="post__content__fade w-full h-16 absolute bottom-0 left-0 bg-linear-to-t from-surface-50 to-transparent"
-                            ></div>
+                                class="post__content__fade from-surface-50 absolute bottom-0 left-0 h-16 w-full bg-linear-to-t to-transparent">
+                            </div>
                         </div>
                     {/if}
 
-                    <div class="ae_options flex flex-row gap-2 items-center justify-center">
+                    <div
+                        class="ae_options flex flex-row items-center justify-center gap-2">
                         <a
                             href="/idaa/bb/{idaa_post_obj?.post_id}"
                             class="
@@ -117,15 +124,19 @@
                     btn btn-md preset-filled-primary-200-800
                     transition
                     "
-                            title={`View: ${idaa_post_obj?.name}`}
-                        >
-                            <span class="fas fa-envelope-open m-1 text-neutral-800/80"></span>
+                            title={`View: ${idaa_post_obj?.name}`}>
+                            <span
+                                class="fas fa-envelope-open m-1 text-neutral-800/80"
+                            ></span>
                             <!-- <span class="fas fa-info-circle"></span> -->
                             View Post
 
                             {#if idaa_post_obj?.post_comment_count}
-                                <span class="ae_badge ae_info post__post_comment_count">
-                                    <span class="fas fa-comments text-neutral-800/80"></span>
+                                <span
+                                    class="ae_badge ae_info post__post_comment_count">
+                                    <span
+                                        class="fas fa-comments text-neutral-800/80"
+                                    ></span>
                                     {idaa_post_obj?.post_comment_count == 1
                                         ? `${idaa_post_obj?.post_comment_count} comment`
                                         : `${idaa_post_obj?.post_comment_count} comments`}
@@ -133,8 +144,11 @@
                             {/if}
 
                             {#if idaa_post_obj?.linked_li_json?.length}
-                                <span class="ae_badge ae_info post__linked_li_count">
-                                    <span class="fas fa-link text-neutral-800/80"></span>
+                                <span
+                                    class="ae_badge ae_info post__linked_li_count">
+                                    <span
+                                        class="fas fa-link text-neutral-800/80"
+                                    ></span>
                                     {idaa_post_obj?.linked_li_json?.length}
                                     {idaa_post_obj?.linked_li_json?.length == 1
                                         ? ' file'
@@ -145,8 +159,7 @@
                     </div>
 
                     <div
-                        class="ae_footer ae_meta post__meta text-sm text-gray-500/80 m-1 flex flex-row gap-2 items-center justify-center"
-                    >
+                        class="ae_footer ae_meta post__meta m-1 flex flex-row items-center justify-center gap-2 text-sm text-gray-500/80">
                         {#if idaa_post_obj.anonymous}
                             <div class="post__posted_by">
                                 <span class="text-xs">Posted by:</span>
@@ -160,7 +173,8 @@
                                 <span class="post__full_name"
                                     >{idaa_post_obj.full_name}
                                     {#if $ae_loc.trusted_access && idaa_post_obj.email}
-                                        (<a href="mailto:{idaa_post_obj.email}?subject=IDAA BB Post"
+                                        (<a
+                                            href="mailto:{idaa_post_obj.email}?subject=IDAA BB Post"
                                             >{idaa_post_obj.email}</a
                                         >)
                                     {/if}
@@ -172,34 +186,34 @@
                             <div class="post__created_on_updated_on">
                                 {#if !idaa_post_obj.updated_on}
                                     <span class="post__created_on">
-                                        <span class="ae_label text-xs">Created on:</span>
+                                        <span class="ae_label text-xs"
+                                            >Created on:</span>
                                         <span class="ae_value"
                                             >{ae_util.iso_datetime_formatter(
                                                 idaa_post_obj.created_on,
                                                 'datetime_12_short'
-                                            )}</span
-                                        >
+                                            )}</span>
                                     </span>
                                 {:else}
                                     <span class="post__updated_on">
-                                        <span class="ae_label text-xs">Updated on:</span>
+                                        <span class="ae_label text-xs"
+                                            >Updated on:</span>
                                         <span class="ae_value"
                                             >{ae_util.iso_datetime_formatter(
                                                 idaa_post_obj.updated_on,
                                                 'datetime_12_short'
-                                            )}</span
-                                        >
+                                            )}</span>
                                     </span>
                                 {/if}
                                 {#if idaa_post_obj.archive_on}
                                     <span class="post__archive_on">
-                                        <span class="ae_label text-xs">Archive on:</span>
+                                        <span class="ae_label text-xs"
+                                            >Archive on:</span>
                                         <span class="ae_value"
                                             >{ae_util.iso_datetime_formatter(
                                                 idaa_post_obj.archive_on,
                                                 'datetime_12_short'
-                                            )}</span
-                                        >
+                                            )}</span>
                                     </span>
                                 {/if}
                             </div>
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_options.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_options.svelte
index dd9a2292..8f06dd8b 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_options.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_options.svelte
@@ -1,46 +1,46 @@
 <script lang="ts">
-    interface Props {
-        log_lvl?: number;
-    }
+interface Props {
+    log_lvl?: number;
+}
 
-    let { log_lvl = 0 }: Props = $props();
+let { log_lvl = 0 }: Props = $props();
 
-    // *** Import Svelte specific
-    import { goto } from '$app/navigation';
+// *** Import Svelte specific
+import { goto } from '$app/navigation';
 
-    // *** Import other supporting libraries
+// *** Import other supporting libraries
 
-    // *** Import Aether specific variables and functions
-    // import type { key_val } from '$lib/ae_stores';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig,
-        idaa_prom
-    } from '$lib/stores/ae_idaa_stores';
-    import { posts_func } from '$lib/ae_posts/ae_posts_functions';
-    import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
+// *** Import Aether specific variables and functions
+// import type { key_val } from '$lib/ae_stores';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig,
+    idaa_prom
+} from '$lib/stores/ae_idaa_stores';
+import { posts_func } from '$lib/ae_posts/ae_posts_functions';
+import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
 
-    let creating = $state(false); // true while create API call is in-flight
+let creating = $state(false); // true while create API call is in-flight
 
-    // let ae_promises: key_val = {};
-    // let ae_tmp: key_val = {};
-    // let ae_trigger: any = null;
-    // let ae_triggers: key_val = {};
+// let ae_promises: key_val = {};
+// let ae_tmp: key_val = {};
+// let ae_trigger: any = null;
+// let ae_triggers: key_val = {};
 
-    // let search_submit_results: any = null;
+// let search_submit_results: any = null;
 
-    // if (log_lvl) console.log('** Component Loaded: ** Post Options');
+// if (log_lvl) console.log('** Component Loaded: ** Post Options');
 </script>
 
 <!-- preset-filled-surface-500 -->
@@ -49,32 +49,29 @@
     class="
         ae_section ae_options filters_and_search
         novi_bg_light
-        flex flex-row flex-wrap gap-1
-        items-center justify-center
-        my-2 p-2 border rounded-md
-
-        preset-outlined-surface-800-200
-
+        preset-outlined-surface-800-200 m-auto my-2 flex
         w-full max-w-4xl
-        m-auto
-        "
->
+        flex-row flex-wrap items-center justify-center
+
+        gap-1
+
+        rounded-md border
+        p-2
+        ">
     <div
         class="
             ae_group ae_row
-            flex flex-row flex-wrap gap-1
-            w-full max-w-2xl items-center justify-center
-            "
-    >
+            flex w-full max-w-2xl flex-row
+            flex-wrap items-center justify-center gap-1
+            ">
         <!-- Max posts select options -->
-        <span class="flex flex-row gap-1 items-center justify-around">
+        <span class="flex flex-row items-center justify-around gap-1">
             <label
                 class="
                     novi_label
-                    text-sm text-gray-700 dark:text-gray-300 w-32 md:w-42 form-group
+                    form-group w-32 text-sm text-gray-700 md:w-42 dark:text-gray-300
                     "
-                for="qry_limit__posts"
-            >
+                for="qry_limit__posts">
                 Max posts:
 
                 <select
@@ -84,27 +81,32 @@
                         $idaa_trig.post_li = true;
                     }}
                     class="
-                    select w-20 text-sm inline-block
-                    px-1
-                    preset-tonal-tertiary
-                    preset-outline-tertiary-200-800
-                    form-control col-sm-12
-                "
-                >
+                    select preset-tonal-tertiary preset-outline-tertiary-200-800 form-control
+                    col-sm-12
+                    inline-block
+                    w-20
+                    px-1 text-sm
+                ">
                     <option value={10}>10</option>
                     <option value={25}>25</option>
                     <option value={50}>50</option>
-                    <option value={75} class:hidden={!$ae_loc.trusted_access}>75</option>
-                    <option value={100} class:hidden={!$ae_loc.trusted_access}>100</option>
-                    <option value={150} class:hidden={!$ae_loc.trusted_access}>150</option>
-                    <option value={200} class:hidden={!$ae_loc.trusted_access}>200</option>
-                    <option value={500} class:hidden={!$ae_loc.trusted_access}>500</option>
+                    <option value={75} class:hidden={!$ae_loc.trusted_access}
+                        >75</option>
+                    <option value={100} class:hidden={!$ae_loc.trusted_access}
+                        >100</option>
+                    <option value={150} class:hidden={!$ae_loc.trusted_access}
+                        >150</option>
+                    <option value={200} class:hidden={!$ae_loc.trusted_access}
+                        >200</option>
+                    <option value={500} class:hidden={!$ae_loc.trusted_access}
+                        >500</option>
                 </select>
             </label>
         </span>
 
         {#if $ae_loc.trusted_access && (!$idaa_loc.bb.qry__hidden || $idaa_loc.bb.qry__hidden == 'not_hidden')}
-            <button type="button"
+            <button
+                type="button"
                 onclick={() => {
                     $idaa_loc.bb.qry__hidden = 'all';
                     $idaa_loc.bb.qry__limit = 100;
@@ -115,12 +117,12 @@
                     btn btn-sm
                     preset-tonal-secondary preset-outlined-secondary-200-800 hover:preset-filled-secondary-200-800
                     transition
-                "
-            >
+                ">
                 <span class="fas fa-eye m-1"></span> Show Hidden Posts
             </button>
         {:else if $ae_loc.trusted_access && $idaa_loc.bb.qry__hidden != 'not_hidden'}
-            <button type="button"
+            <button
+                type="button"
                 onclick={() => {
                     $idaa_loc.bb.qry__hidden = 'not_hidden';
                     $idaa_trig.post_li = true;
@@ -130,14 +132,14 @@
                     btn btn-sm
                     preset-tonal-secondary preset-outlined-secondary-200-800 hover:preset-filled-secondary-200-800
                     transition
-                "
-            >
+                ">
                 <span class="fas fa-eye-slash m-1"></span> Hide Hidden Posts
             </button>
         {/if}
 
         {#if $ae_loc.edit_mode && $ae_loc.manager_access && (!$idaa_loc.bb.qry__enabled || $idaa_loc.bb.qry__enabled == 'enabled')}
-            <button type="button"
+            <button
+                type="button"
                 onclick={() => {
                     $idaa_loc.bb.qry__enabled = 'all';
                     $idaa_loc.bb.qry__hidden = 'all';
@@ -149,12 +151,12 @@
                     btn btn-sm
                     preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
                     transition
-                "
-            >
+                ">
                 <span class="fas fa-eye m-1"></span> Show Disabled Posts
             </button>
         {:else if $ae_loc.edit_mode && $ae_loc.manager_access && $idaa_loc.bb.qry__enabled != 'enabled'}
-            <button type="button"
+            <button
+                type="button"
                 onclick={() => {
                     $idaa_loc.bb.qry__enabled = 'enabled';
                     $idaa_trig.post_li = true;
@@ -164,14 +166,14 @@
                     btn btn-sm
                     preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
                     transition
-                    "
-            >
+                    ">
                 <span class="fas fa-eye-slash m-1"></span> Hide Disabled Posts
             </button>
         {/if}
 
         {#if ($ae_loc.trusted_access && $ae_loc.edit_mode) || $idaa_loc.novi_uuid}
-            <button type="button"
+            <button
+                type="button"
                 disabled={creating || !$ae_loc.authenticated_access}
                 onclick={() => {
                     if (!confirm('Create new post?')) {
@@ -204,7 +206,8 @@
                                 console.log('New post created:', results);
                             }
                             // V3 Standard: Use clean ID field names
-                            const clean_post_id = results?.id || results?.post_id;
+                            const clean_post_id =
+                                results?.id || results?.post_id;
                             $idaa_slct.post_id = clean_post_id;
                             $idaa_slct.post_obj = {
                                 ...results
@@ -220,7 +223,10 @@
                         .finally(() => {
                             const final_id = $idaa_slct.post_id;
                             if (final_id) {
-                                if (log_lvl) console.log(`Redirecting to new post: ${final_id}`);
+                                if (log_lvl)
+                                    console.log(
+                                        `Redirecting to new post: ${final_id}`
+                                    );
                                 goto(`/idaa/bb/${final_id}`);
                             } else {
                                 creating = false;
@@ -230,13 +236,12 @@
                 }}
                 class="
                 novi_btn novi_white btn-tertiary
-                text-xs
-                btn btn-sm
-                preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                btn
+                btn-sm preset-tonal-warning
+                preset-outlined-warning-200-800 hover:preset-filled-warning-200-800 text-xs
                 transition
                 "
-                title="Create new post"
-            >
+                title="Create new post">
                 {#if creating}
                     <span class="fas fa-spinner fa-spin m-1"></span> Creating...
                 {:else}
@@ -258,7 +263,6 @@
             novi_uuid: $idaa_loc.novi_uuid,
             novi_email: $idaa_loc.novi_email,
             novi_full_name: $idaa_loc.novi_full_name
-        }}
-    ></Help_tech>
+        }}></Help_tech>
 </div>
 <!-- END: div filters_and_search -->
diff --git a/src/routes/idaa/(idaa)/jitsi_reports/+page.svelte b/src/routes/idaa/(idaa)/jitsi_reports/+page.svelte
index 172d9321..a2ad0408 100644
--- a/src/routes/idaa/(idaa)/jitsi_reports/+page.svelte
+++ b/src/routes/idaa/(idaa)/jitsi_reports/+page.svelte
@@ -1,460 +1,571 @@
 <script lang="ts">
-	import { ae_util } from '$lib/ae_utils/ae_utils';
-	import { ae_loc } from '$lib/stores/ae_stores';
-	import JitsiUrlBuilder from './ae_idaa_comp__jitsi_url_builder.svelte';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { ae_loc } from '$lib/stores/ae_stores';
+import JitsiUrlBuilder from './ae_idaa_comp__jitsi_url_builder.svelte';
 
-	interface MeetingEvent {
-		timestamp: string;
-		action: string;
-		details: { full_name?: string };
-	}
+interface MeetingEvent {
+    timestamp: string;
+    action: string;
+    details: { full_name?: string };
+}
 
-	interface MeetingParticipant {
-		displayName: string;
-		role: string;
-	}
+interface MeetingParticipant {
+    displayName: string;
+    role: string;
+}
 
-	interface MeetingReport {
-		meeting_id: string;
-		room_name: string;
-		start_time: string;
-		final_duration: string;
-		final_participant_count: number;
-		final_participants: MeetingParticipant[];
-		events: MeetingEvent[];
-	}
+interface MeetingReport {
+    meeting_id: string;
+    room_name: string;
+    start_time: string;
+    final_duration: string;
+    final_participant_count: number;
+    final_participants: MeetingParticipant[];
+    events: MeetingEvent[];
+}
 
-	interface Props {
-		data: { streamed: { meetings: Promise<MeetingReport[]> } };
-	}
-	let { data }: Props = $props();
+interface Props {
+    data: { streamed: { meetings: Promise<MeetingReport[]> } };
+}
+let { data }: Props = $props();
 
-	// --- Data state ---
-	// Resolve the streamed promise into reactive state so we can filter and export it.
-	let meetings_all = $state<MeetingReport[]>([]);
-	let meetings_loading = $state(true);
-	let meetings_error = $state<string | null>(null);
+// --- Data state ---
+// Resolve the streamed promise into reactive state so we can filter and export it.
+let meetings_all = $state<MeetingReport[]>([]);
+let meetings_loading = $state(true);
+let meetings_error = $state<string | null>(null);
 
-	$effect(() => {
-		meetings_loading = true;
-		meetings_error = null;
-		data.streamed.meetings
-			.then((m: MeetingReport[]) => {
-				meetings_all = m ?? [];
-				meetings_loading = false;
-			})
-			.catch((err: Error) => {
-				meetings_error = err.message;
-				meetings_loading = false;
-			});
-	});
+$effect(() => {
+    meetings_loading = true;
+    meetings_error = null;
+    data.streamed.meetings
+        .then((m: MeetingReport[]) => {
+            meetings_all = m ?? [];
+            meetings_loading = false;
+        })
+        .catch((err: Error) => {
+            meetings_error = err.message;
+            meetings_loading = false;
+        });
+});
 
-	// --- Filter state ---
-	// Default 0 so historical logs (which lack an init record and have count=0) are visible.
-	// Once logging is fully established, this can be raised to 1 to hide empty/test meetings.
-	let filter_min_participants = $state(0);
-	let filter_room_name = $state('');
-	let filter_date_from = $state('');
-	let filter_date_to = $state('');
+// --- Filter state ---
+// Default 0 so historical logs (which lack an init record and have count=0) are visible.
+// Once logging is fully established, this can be raised to 1 to hide empty/test meetings.
+let filter_min_participants = $state(0);
+let filter_room_name = $state('');
+let filter_date_from = $state('');
+let filter_date_to = $state('');
 
-	let filters_are_modified = $derived(
-		filter_min_participants !== 0 ||
-		filter_room_name !== '' ||
-		filter_date_from !== '' ||
-		filter_date_to !== ''
-	);
+let filters_are_modified = $derived(
+    filter_min_participants !== 0 ||
+        filter_room_name !== '' ||
+        filter_date_from !== '' ||
+        filter_date_to !== ''
+);
 
-	function reset_filters() {
-		filter_min_participants = 0;
-		filter_room_name = '';
-		filter_date_from = '';
-		filter_date_to = '';
-	}
+function reset_filters() {
+    filter_min_participants = 0;
+    filter_room_name = '';
+    filter_date_from = '';
+    filter_date_to = '';
+}
 
-	// --- Derived: filtered meetings ---
-	let meetings_filtered = $derived.by(() => {
-		return meetings_all.filter((m) => {
-			if ((m.final_participant_count ?? 0) < filter_min_participants) return false;
-			if (filter_room_name && !m.room_name?.toLowerCase().includes(filter_room_name.toLowerCase())) return false;
-			if (filter_date_from) {
-				if (Date.parse(m.start_time) < Date.parse(filter_date_from)) return false;
-			}
-			if (filter_date_to) {
-				// Include full end-of-day by appending T23:59:59 to the date string
-				if (Date.parse(m.start_time) > Date.parse(filter_date_to + 'T23:59:59.999')) return false;
-			}
-			return true;
-		});
-	});
+// --- Derived: filtered meetings ---
+let meetings_filtered = $derived.by(() => {
+    return meetings_all.filter((m) => {
+        if ((m.final_participant_count ?? 0) < filter_min_participants)
+            return false;
+        if (
+            filter_room_name &&
+            !m.room_name?.toLowerCase().includes(filter_room_name.toLowerCase())
+        )
+            return false;
+        if (filter_date_from) {
+            if (Date.parse(m.start_time) < Date.parse(filter_date_from))
+                return false;
+        }
+        if (filter_date_to) {
+            // Include full end-of-day by appending T23:59:59 to the date string
+            if (
+                Date.parse(m.start_time) >
+                Date.parse(filter_date_to + 'T23:59:59.999')
+            )
+                return false;
+        }
+        return true;
+    });
+});
 
-	// --- Summary stats ---
-	function parse_duration_seconds(d: string): number {
-		if (!d) return 0;
-		const parts = d.split(':').map(Number);
-		return (parts[0] ?? 0) * 3600 + (parts[1] ?? 0) * 60 + (parts[2] ?? 0);
-	}
+// --- Summary stats ---
+function parse_duration_seconds(d: string): number {
+    if (!d) return 0;
+    const parts = d.split(':').map(Number);
+    return (parts[0] ?? 0) * 3600 + (parts[1] ?? 0) * 60 + (parts[2] ?? 0);
+}
 
-	function format_seconds(total: number): string {
-		const h = Math.floor(total / 3600).toString().padStart(2, '0');
-		const m = Math.floor((total % 3600) / 60).toString().padStart(2, '0');
-		const s = Math.floor(total % 60).toString().padStart(2, '0');
-		return `${h}:${m}:${s}`;
-	}
+function format_seconds(total: number): string {
+    const h = Math.floor(total / 3600)
+        .toString()
+        .padStart(2, '0');
+    const m = Math.floor((total % 3600) / 60)
+        .toString()
+        .padStart(2, '0');
+    const s = Math.floor(total % 60)
+        .toString()
+        .padStart(2, '0');
+    return `${h}:${m}:${s}`;
+}
 
-	let summary = $derived.by(() => {
-		const count = meetings_filtered.length;
-		const total_participants = meetings_filtered.reduce((sum, m) => sum + (m.final_participant_count ?? 0), 0);
-		const total_secs = meetings_filtered.reduce((sum, m) => sum + parse_duration_seconds(m.final_duration), 0);
-		const avg_secs = count > 0 ? Math.round(total_secs / count) : 0;
-		return {
-			count,
-			total_participants,
-			avg_duration: format_seconds(avg_secs),
-			total_duration: format_seconds(total_secs)
-		};
-	});
+let summary = $derived.by(() => {
+    const count = meetings_filtered.length;
+    const total_participants = meetings_filtered.reduce(
+        (sum, m) => sum + (m.final_participant_count ?? 0),
+        0
+    );
+    const total_secs = meetings_filtered.reduce(
+        (sum, m) => sum + parse_duration_seconds(m.final_duration),
+        0
+    );
+    const avg_secs = count > 0 ? Math.round(total_secs / count) : 0;
+    return {
+        count,
+        total_participants,
+        avg_duration: format_seconds(avg_secs),
+        total_duration: format_seconds(total_secs)
+    };
+});
 
-	// --- Accordion state ---
-	let open_accordions = $state<{ [key: string]: boolean }>({});
-	let show_url_builder = $state(false);
+// --- Accordion state ---
+let open_accordions = $state<{ [key: string]: boolean }>({});
+let show_url_builder = $state(false);
 
-	function toggle_accordion(meeting_id: string) {
-		open_accordions[meeting_id] = !open_accordions[meeting_id];
-	}
+function toggle_accordion(meeting_id: string) {
+    open_accordions[meeting_id] = !open_accordions[meeting_id];
+}
 
-	// --- Export ---
-	function download_file(content: string, filename: string, mime: string) {
-		const blob = new Blob([content], { type: mime });
-		const url = URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = filename;
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-		URL.revokeObjectURL(url);
-	}
+// --- Export ---
+function download_file(content: string, filename: string, mime: string) {
+    const blob = new Blob([content], { type: mime });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+}
 
-	function export_csv() {
-		const rows: string[][] = [
-			['Meeting ID', 'Room Name', 'Start Time', 'Duration', 'Participant Count']
-		];
-		for (const m of meetings_filtered) {
-			rows.push([
-				m.meeting_id ?? '',
-				m.room_name ?? '',
-				m.start_time ? new Date(m.start_time).toISOString() : '',
-				m.final_duration ?? '',
-				String(m.final_participant_count ?? 0)
-			]);
-		}
-		const csv = rows
-			.map((r) => r.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(','))
-			.join('\n');
-		download_file(csv, 'jitsi_meeting_report.csv', 'text/csv;charset=utf-8;');
-	}
+function export_csv() {
+    const rows: string[][] = [
+        [
+            'Meeting ID',
+            'Room Name',
+            'Start Time',
+            'Duration',
+            'Participant Count'
+        ]
+    ];
+    for (const m of meetings_filtered) {
+        rows.push([
+            m.meeting_id ?? '',
+            m.room_name ?? '',
+            m.start_time ? new Date(m.start_time).toISOString() : '',
+            m.final_duration ?? '',
+            String(m.final_participant_count ?? 0)
+        ]);
+    }
+    const csv = rows
+        .map((r) =>
+            r.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(',')
+        )
+        .join('\n');
+    download_file(csv, 'jitsi_meeting_report.csv', 'text/csv;charset=utf-8;');
+}
 
-	function export_json() {
-		download_file(
-			JSON.stringify(meetings_filtered, null, 2),
-			'jitsi_meeting_report.json',
-			'application/json'
-		);
-	}
+function export_json() {
+    download_file(
+        JSON.stringify(meetings_filtered, null, 2),
+        'jitsi_meeting_report.json',
+        'application/json'
+    );
+}
 </script>
 
 <svelte:head>
-	<title>&AElig;: Jitsi Meeting Reports</title>
+    <title>&AElig;: Jitsi Meeting Reports</title>
 </svelte:head>
 
-<div class="p-4 space-y-4 w-full max-w-5xl">
+<div class="w-full max-w-5xl space-y-4 p-4">
+    <!-- Page header + export buttons -->
+    <div class="flex flex-row flex-wrap items-center justify-between gap-2">
+        <h1 class="text-xl font-bold">Jitsi Meeting Reports</h1>
+        <div class="flex gap-2">
+            <button
+                type="button"
+                onclick={export_csv}
+                disabled={meetings_filtered.length === 0}
+                title="Export filtered meetings as CSV"
+                class="btn btn-sm preset-tonal-primary disabled:opacity-40">
+                <span class="fas fa-file-csv" aria-hidden="true"></span>
+                Export CSV
+            </button>
+            <button
+                type="button"
+                onclick={export_json}
+                disabled={meetings_filtered.length === 0}
+                title="Export filtered meetings as JSON"
+                class="btn btn-sm preset-tonal-surface border-surface-200-800 border disabled:opacity-40">
+                <span class="fas fa-file-code" aria-hidden="true"></span>
+                Export JSON
+            </button>
+        </div>
+    </div>
 
-	<!-- Page header + export buttons -->
-	<div class="flex flex-row flex-wrap items-center justify-between gap-2">
-		<h1 class="text-xl font-bold">Jitsi Meeting Reports</h1>
-		<div class="flex gap-2">
-			<button
-				type="button"
-				onclick={export_csv}
-				disabled={meetings_filtered.length === 0}
-				title="Export filtered meetings as CSV"
-				class="btn btn-sm preset-tonal-primary disabled:opacity-40"
-			>
-				<span class="fas fa-file-csv" aria-hidden="true"></span>
-				Export CSV
-			</button>
-			<button
-				type="button"
-				onclick={export_json}
-				disabled={meetings_filtered.length === 0}
-				title="Export filtered meetings as JSON"
-				class="btn btn-sm preset-tonal-surface border border-surface-200-800 disabled:opacity-40"
-			>
-				<span class="fas fa-file-code" aria-hidden="true"></span>
-				Export JSON
-			</button>
-		</div>
-	</div>
+    <!-- Jitsi URL Builder — trusted_access only -->
+    {#if $ae_loc.trusted_access}
+        <div
+            class="bg-surface-100-900 border-surface-200-800 overflow-hidden rounded-xl border">
+            <button
+                type="button"
+                onclick={() => (show_url_builder = !show_url_builder)}
+                class="hover:bg-surface-200-800 flex w-full items-center justify-between gap-2 p-3 text-left transition-colors duration-200">
+                <span class="flex items-center gap-2 text-sm font-semibold">
+                    <span class="fas fa-tools" aria-hidden="true"></span>
+                    Jitsi URL Builder
+                </span>
+                <span
+                    class="fas text-xs opacity-60"
+                    class:fa-chevron-down={!show_url_builder}
+                    class:fa-chevron-up={show_url_builder}
+                    aria-hidden="true"></span>
+            </button>
+            {#if show_url_builder}
+                <div class="border-surface-200-800 border-t p-4">
+                    <JitsiUrlBuilder />
+                </div>
+            {/if}
+        </div>
+    {/if}
 
-	<!-- Jitsi URL Builder — trusted_access only -->
-	{#if $ae_loc.trusted_access}
-		<div class="bg-surface-100-900 border border-surface-200-800 rounded-xl overflow-hidden">
-			<button
-				type="button"
-				onclick={() => (show_url_builder = !show_url_builder)}
-				class="w-full flex items-center justify-between gap-2 p-3 hover:bg-surface-200-800 transition-colors duration-200 text-left"
-			>
-				<span class="flex items-center gap-2 font-semibold text-sm">
-					<span class="fas fa-tools" aria-hidden="true"></span>
-					Jitsi URL Builder
-				</span>
-				<span
-					class="fas text-xs opacity-60"
-					class:fa-chevron-down={!show_url_builder}
-					class:fa-chevron-up={show_url_builder}
-					aria-hidden="true"
-				></span>
-			</button>
-			{#if show_url_builder}
-				<div class="border-t border-surface-200-800 p-4">
-					<JitsiUrlBuilder />
-				</div>
-			{/if}
-		</div>
-	{/if}
+    <!-- Filter bar -->
+    <div
+        class="bg-surface-100-900 border-surface-200-800 flex flex-row flex-wrap items-end gap-3 rounded-xl border p-3">
+        <div>
+            <label
+                for="filter_min_p"
+                class="mb-1 block text-xs tracking-wide uppercase opacity-40">
+                Min. Participants
+            </label>
+            <input
+                type="number"
+                id="filter_min_p"
+                min="0"
+                bind:value={filter_min_participants}
+                class="border-surface-200-800 bg-surface-50-950 w-20 rounded border px-2 py-1" />
+        </div>
+        <div>
+            <label
+                for="filter_room"
+                class="mb-1 block text-xs tracking-wide uppercase opacity-40">
+                Room Name
+            </label>
+            <input
+                type="text"
+                id="filter_room"
+                placeholder="Search rooms..."
+                bind:value={filter_room_name}
+                class="border-surface-200-800 bg-surface-50-950 rounded border px-2 py-1" />
+        </div>
+        <div>
+            <label
+                for="filter_date_from"
+                class="mb-1 block text-xs tracking-wide uppercase opacity-40">
+                From
+            </label>
+            <input
+                type="date"
+                id="filter_date_from"
+                bind:value={filter_date_from}
+                class="border-surface-200-800 bg-surface-50-950 rounded border px-2 py-1" />
+        </div>
+        <div>
+            <label
+                for="filter_date_to"
+                class="mb-1 block text-xs tracking-wide uppercase opacity-40">
+                To
+            </label>
+            <input
+                type="date"
+                id="filter_date_to"
+                bind:value={filter_date_to}
+                class="border-surface-200-800 bg-surface-50-950 rounded border px-2 py-1" />
+        </div>
+        {#if filters_are_modified}
+            <button
+                type="button"
+                onclick={reset_filters}
+                class="btn btn-sm preset-tonal-surface border-surface-200-800 self-end border"
+                title="Reset all filters to defaults">
+                <span class="fas fa-times" aria-hidden="true"></span>
+                Reset
+            </button>
+        {/if}
+    </div>
 
-	<!-- Filter bar -->
-	<div class="bg-surface-100-900 border border-surface-200-800 rounded-xl p-3 flex flex-row flex-wrap gap-3 items-end">
-		<div>
-			<label for="filter_min_p" class="block text-xs uppercase tracking-wide opacity-40 mb-1">
-				Min. Participants
-			</label>
-			<input
-				type="number"
-				id="filter_min_p"
-				min="0"
-				bind:value={filter_min_participants}
-				class="border border-surface-200-800 rounded px-2 py-1 w-20 bg-surface-50-950"
-			/>
-		</div>
-		<div>
-			<label for="filter_room" class="block text-xs uppercase tracking-wide opacity-40 mb-1">
-				Room Name
-			</label>
-			<input
-				type="text"
-				id="filter_room"
-				placeholder="Search rooms..."
-				bind:value={filter_room_name}
-				class="border border-surface-200-800 rounded px-2 py-1 bg-surface-50-950"
-			/>
-		</div>
-		<div>
-			<label for="filter_date_from" class="block text-xs uppercase tracking-wide opacity-40 mb-1">
-				From
-			</label>
-			<input
-				type="date"
-				id="filter_date_from"
-				bind:value={filter_date_from}
-				class="border border-surface-200-800 rounded px-2 py-1 bg-surface-50-950"
-			/>
-		</div>
-		<div>
-			<label for="filter_date_to" class="block text-xs uppercase tracking-wide opacity-40 mb-1">
-				To
-			</label>
-			<input
-				type="date"
-				id="filter_date_to"
-				bind:value={filter_date_to}
-				class="border border-surface-200-800 rounded px-2 py-1 bg-surface-50-950"
-			/>
-		</div>
-		{#if filters_are_modified}
-			<button
-				type="button"
-				onclick={reset_filters}
-				class="btn btn-sm preset-tonal-surface border border-surface-200-800 self-end"
-				title="Reset all filters to defaults"
-			>
-				<span class="fas fa-times" aria-hidden="true"></span>
-				Reset
-			</button>
-		{/if}
-	</div>
+    {#if meetings_loading}
+        <!-- Loading skeleton -->
+        <div
+            class="animate-pulse space-y-2"
+            role="status"
+            aria-live="polite"
+            aria-label="Loading meeting reports">
+            {#each [1, 2, 3, 4] as _, i (i)}
+                <div class="bg-surface-200-800 h-14 w-full rounded-xl"></div>
+            {/each}
+        </div>
+    {:else if meetings_error}
+        <!-- Error state -->
+        <div class="bg-error-100 border-error-300 rounded-xl border p-4">
+            <div class="font-bold">Error Loading Reports</div>
+            <p class="mt-1">
+                An error occurred while fetching the meeting reports:
+            </p>
+            <pre
+                class="mt-2 overflow-auto text-xs whitespace-pre-wrap">{meetings_error}</pre>
+        </div>
+    {:else}
+        <!-- Summary stats -->
+        {#if meetings_all.length > 0}
+            <div class="grid grid-cols-2 gap-2 sm:grid-cols-4">
+                <div
+                    class="bg-surface-100-900 border-surface-200-800 rounded-xl border p-3 text-center">
+                    <div class="text-2xl font-bold">{summary.count}</div>
+                    <div class="text-xs tracking-wide uppercase opacity-40">
+                        Meetings Shown
+                    </div>
+                </div>
+                <div
+                    class="bg-surface-100-900 border-surface-200-800 rounded-xl border p-3 text-center">
+                    <div class="text-2xl font-bold">
+                        {summary.total_participants}
+                    </div>
+                    <div class="text-xs tracking-wide uppercase opacity-40">
+                        Total Participants
+                    </div>
+                </div>
+                <div
+                    class="bg-surface-100-900 border-surface-200-800 rounded-xl border p-3 text-center">
+                    <div class="font-mono text-2xl text-lg font-bold">
+                        {summary.avg_duration}
+                    </div>
+                    <div class="text-xs tracking-wide uppercase opacity-40">
+                        Avg Duration
+                    </div>
+                </div>
+                <div
+                    class="bg-surface-100-900 border-surface-200-800 rounded-xl border p-3 text-center">
+                    <div class="font-mono text-2xl text-lg font-bold">
+                        {summary.total_duration}
+                    </div>
+                    <div class="text-xs tracking-wide uppercase opacity-40">
+                        Total Duration
+                    </div>
+                </div>
+            </div>
+        {/if}
 
-	{#if meetings_loading}
-		<!-- Loading skeleton -->
-		<div class="space-y-2 animate-pulse" role="status" aria-live="polite" aria-label="Loading meeting reports">
-			{#each [1, 2, 3, 4] as _, i (i)}
-				<div class="h-14 w-full bg-surface-200-800 rounded-xl"></div>
-			{/each}
-		</div>
+        <!-- Meeting list -->
+        {#if meetings_filtered.length > 0}
+            <div class="space-y-2">
+                {#each meetings_filtered as meeting (meeting.meeting_id)}
+                    <div
+                        class="bg-surface-50-900 border-surface-200-800 overflow-hidden rounded-xl border">
+                        <!-- Accordion header -->
+                        <!-- svelte-ignore a11y_click_events_have_key_events -->
+                        <!-- svelte-ignore a11y_no_static_element_interactions -->
+                        <div
+                            class="hover:bg-surface-100-900 cursor-pointer p-3 transition-colors duration-200"
+                            onclick={() =>
+                                toggle_accordion(meeting.meeting_id)}>
+                            <div class="flex items-center gap-2">
+                                <div class="min-w-0 flex-1">
+                                    <div class="truncate font-semibold">
+                                        {meeting.room_name}
+                                    </div>
+                                    <div class="text-sm opacity-60">
+                                        {new Date(
+                                            meeting.start_time
+                                        ).toLocaleString()}
+                                    </div>
+                                </div>
+                                <div
+                                    class="hidden flex-none items-center gap-4 text-sm opacity-60 sm:flex">
+                                    <span title="Duration">
+                                        <span
+                                            class="fas fa-clock mr-1"
+                                            aria-hidden="true"></span>
+                                        {meeting.final_duration}
+                                    </span>
+                                    <span title="Participant count">
+                                        <span
+                                            class="fas fa-users mr-1"
+                                            aria-hidden="true"></span>
+                                        {meeting.final_participant_count}
+                                    </span>
+                                </div>
+                                <div class="flex-none pl-2">
+                                    <span
+                                        class="fas inline-block transition-transform duration-200"
+                                        class:fa-chevron-down={!open_accordions[
+                                            meeting.meeting_id
+                                        ]}
+                                        class:fa-chevron-up={open_accordions[
+                                            meeting.meeting_id
+                                        ]}
+                                        aria-hidden="true"></span>
+                                </div>
+                            </div>
+                            <!-- Mobile stats row -->
+                            <div
+                                class="mt-1 flex gap-4 text-sm opacity-60 sm:hidden">
+                                <span
+                                    ><span
+                                        class="fas fa-clock mr-1"
+                                        aria-hidden="true"></span
+                                    >{meeting.final_duration}</span>
+                                <span>
+                                    <span
+                                        class="fas fa-users mr-1"
+                                        aria-hidden="true"></span>
+                                    {meeting.final_participant_count}
+                                    {meeting.final_participant_count === 1
+                                        ? 'participant'
+                                        : 'participants'}
+                                </span>
+                            </div>
+                        </div>
 
-	{:else if meetings_error}
-		<!-- Error state -->
-		<div class="bg-error-100 border border-error-300 rounded-xl p-4">
-			<div class="font-bold">Error Loading Reports</div>
-			<p class="mt-1">An error occurred while fetching the meeting reports:</p>
-			<pre class="mt-2 text-xs overflow-auto whitespace-pre-wrap">{meetings_error}</pre>
-		</div>
-
-	{:else}
-		<!-- Summary stats -->
-		{#if meetings_all.length > 0}
-			<div class="grid grid-cols-2 sm:grid-cols-4 gap-2">
-				<div class="bg-surface-100-900 border border-surface-200-800 rounded-xl p-3 text-center">
-					<div class="text-2xl font-bold">{summary.count}</div>
-					<div class="text-xs uppercase tracking-wide opacity-40">Meetings Shown</div>
-				</div>
-				<div class="bg-surface-100-900 border border-surface-200-800 rounded-xl p-3 text-center">
-					<div class="text-2xl font-bold">{summary.total_participants}</div>
-					<div class="text-xs uppercase tracking-wide opacity-40">Total Participants</div>
-				</div>
-				<div class="bg-surface-100-900 border border-surface-200-800 rounded-xl p-3 text-center">
-					<div class="text-2xl font-bold font-mono text-lg">{summary.avg_duration}</div>
-					<div class="text-xs uppercase tracking-wide opacity-40">Avg Duration</div>
-				</div>
-				<div class="bg-surface-100-900 border border-surface-200-800 rounded-xl p-3 text-center">
-					<div class="text-2xl font-bold font-mono text-lg">{summary.total_duration}</div>
-					<div class="text-xs uppercase tracking-wide opacity-40">Total Duration</div>
-				</div>
-			</div>
-		{/if}
-
-		<!-- Meeting list -->
-		{#if meetings_filtered.length > 0}
-			<div class="space-y-2">
-				{#each meetings_filtered as meeting (meeting.meeting_id)}
-					<div class="bg-surface-50-900 border border-surface-200-800 rounded-xl overflow-hidden">
-
-						<!-- Accordion header -->
-						<!-- svelte-ignore a11y_click_events_have_key_events -->
-						<!-- svelte-ignore a11y_no_static_element_interactions -->
-						<div
-							class="p-3 cursor-pointer hover:bg-surface-100-900 transition-colors duration-200"
-							onclick={() => toggle_accordion(meeting.meeting_id)}
-						>
-							<div class="flex items-center gap-2">
-								<div class="flex-1 min-w-0">
-									<div class="font-semibold truncate">{meeting.room_name}</div>
-									<div class="text-sm opacity-60">{new Date(meeting.start_time).toLocaleString()}</div>
-								</div>
-								<div class="hidden sm:flex items-center gap-4 text-sm opacity-60 flex-none">
-									<span title="Duration">
-										<span class="fas fa-clock mr-1" aria-hidden="true"></span>
-										{meeting.final_duration}
-									</span>
-									<span title="Participant count">
-										<span class="fas fa-users mr-1" aria-hidden="true"></span>
-										{meeting.final_participant_count}
-									</span>
-								</div>
-								<div class="flex-none pl-2">
-									<span
-										class="fas transition-transform duration-200 inline-block"
-										class:fa-chevron-down={!open_accordions[meeting.meeting_id]}
-										class:fa-chevron-up={open_accordions[meeting.meeting_id]}
-										aria-hidden="true"
-									></span>
-								</div>
-							</div>
-							<!-- Mobile stats row -->
-							<div class="flex gap-4 text-sm opacity-60 mt-1 sm:hidden">
-								<span><span class="fas fa-clock mr-1" aria-hidden="true"></span>{meeting.final_duration}</span>
-								<span>
-									<span class="fas fa-users mr-1" aria-hidden="true"></span>
-									{meeting.final_participant_count}
-									{meeting.final_participant_count === 1 ? 'participant' : 'participants'}
-								</span>
-							</div>
-						</div>
-
-						<!-- Accordion body -->
-						{#if open_accordions[meeting.meeting_id]}
-							<div class="border-t border-surface-200-800 p-4 grid grid-cols-1 md:grid-cols-2 gap-4">
-
-								<!-- Event Timeline -->
-								<div>
-									<div class="text-xs uppercase tracking-wide opacity-40 mb-2">Event Timeline</div>
-									{#if meeting.events && meeting.events.length > 0}
-										<ul class="space-y-1">
-											{#each meeting.events as event, i (i)}
-												<li class="flex gap-2 items-start text-sm">
-													<span class="font-mono text-xs opacity-60 whitespace-nowrap mt-0.5">
-														[{new Date(event.timestamp).toLocaleTimeString()}]
-													</span>
-													<span>
-														<span class="font-semibold">
-															{ae_util.to_title_case(event.action.replace('jitsi_meeting_', ''))}
-														</span>
-														{#if event.details?.full_name}
-															<span class="opacity-60"> — {event.details.full_name}</span>
-														{/if}
-													</span>
-												</li>
-											{/each}
-										</ul>
-									{:else}
-										<p class="text-sm opacity-60 italic">No discrete events recorded.</p>
-									{/if}
-								</div>
-
-								<!-- Final Participants -->
-								<div>
-									<div class="text-xs uppercase tracking-wide opacity-40 mb-2">
-										Final Participants ({meeting.final_participant_count})
-									</div>
-									{#if meeting.final_participants && meeting.final_participants.length > 0}
-										<table class="w-full text-sm">
-											<thead>
-												<tr class="border-b border-surface-200-800">
-													<th class="text-left py-1 font-medium opacity-60">Name</th>
-													<th class="text-left py-1 font-medium opacity-60">Role</th>
-												</tr>
-											</thead>
-											<tbody>
-												{#each meeting.final_participants as participant (participant.displayName)}
-													<tr class="border-b border-surface-200-800 transition-colors duration-200 hover:bg-surface-100-900">
-														<td class="py-1">{participant.displayName}</td>
-														<td class="py-1">{ae_util.to_title_case(participant.role)}</td>
-													</tr>
-												{/each}
-											</tbody>
-										</table>
-									{:else}
-										<p class="text-sm opacity-60 italic">No participant data available.</p>
-									{/if}
-								</div>
-
-							</div>
-						{/if}
-					</div>
-				{/each}
-			</div>
-
-		{:else}
-			<!-- Empty state -->
-			<div class="bg-surface-100-900 border border-surface-200-800 rounded-xl p-6 text-center">
-				{#if meetings_all.length > 0}
-					<div class="font-semibold">No meetings match the current filters</div>
-					<p class="text-sm opacity-60 mt-1">Try lowering the minimum participants or clearing the date range.</p>
-					<button
-						type="button"
-						onclick={reset_filters}
-						class="btn btn-sm preset-tonal-surface border border-surface-200-800 mt-3"
-					>
-						<span class="fas fa-times mr-1" aria-hidden="true"></span>
-						Reset Filters
-					</button>
-				{:else}
-					<div class="font-semibold">No Meeting Reports Found</div>
-					<p class="text-sm opacity-60 mt-1">There are no Jitsi activity logs to display.</p>
-				{/if}
-			</div>
-		{/if}
-
-	{/if}
+                        <!-- Accordion body -->
+                        {#if open_accordions[meeting.meeting_id]}
+                            <div
+                                class="border-surface-200-800 grid grid-cols-1 gap-4 border-t p-4 md:grid-cols-2">
+                                <!-- Event Timeline -->
+                                <div>
+                                    <div
+                                        class="mb-2 text-xs tracking-wide uppercase opacity-40">
+                                        Event Timeline
+                                    </div>
+                                    {#if meeting.events && meeting.events.length > 0}
+                                        <ul class="space-y-1">
+                                            {#each meeting.events as event, i (i)}
+                                                <li
+                                                    class="flex items-start gap-2 text-sm">
+                                                    <span
+                                                        class="mt-0.5 font-mono text-xs whitespace-nowrap opacity-60">
+                                                        [{new Date(
+                                                            event.timestamp
+                                                        ).toLocaleTimeString()}]
+                                                    </span>
+                                                    <span>
+                                                        <span
+                                                            class="font-semibold">
+                                                            {ae_util.to_title_case(
+                                                                event.action.replace(
+                                                                    'jitsi_meeting_',
+                                                                    ''
+                                                                )
+                                                            )}
+                                                        </span>
+                                                        {#if event.details?.full_name}
+                                                            <span
+                                                                class="opacity-60">
+                                                                — {event.details
+                                                                    .full_name}</span>
+                                                        {/if}
+                                                    </span>
+                                                </li>
+                                            {/each}
+                                        </ul>
+                                    {:else}
+                                        <p class="text-sm italic opacity-60">
+                                            No discrete events recorded.
+                                        </p>
+                                    {/if}
+                                </div>
 
+                                <!-- Final Participants -->
+                                <div>
+                                    <div
+                                        class="mb-2 text-xs tracking-wide uppercase opacity-40">
+                                        Final Participants ({meeting.final_participant_count})
+                                    </div>
+                                    {#if meeting.final_participants && meeting.final_participants.length > 0}
+                                        <table class="w-full text-sm">
+                                            <thead>
+                                                <tr
+                                                    class="border-surface-200-800 border-b">
+                                                    <th
+                                                        class="py-1 text-left font-medium opacity-60"
+                                                        >Name</th>
+                                                    <th
+                                                        class="py-1 text-left font-medium opacity-60"
+                                                        >Role</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody>
+                                                {#each meeting.final_participants as participant (participant.displayName)}
+                                                    <tr
+                                                        class="border-surface-200-800 hover:bg-surface-100-900 border-b transition-colors duration-200">
+                                                        <td class="py-1"
+                                                            >{participant.displayName}</td>
+                                                        <td class="py-1"
+                                                            >{ae_util.to_title_case(
+                                                                participant.role
+                                                            )}</td>
+                                                    </tr>
+                                                {/each}
+                                            </tbody>
+                                        </table>
+                                    {:else}
+                                        <p class="text-sm italic opacity-60">
+                                            No participant data available.
+                                        </p>
+                                    {/if}
+                                </div>
+                            </div>
+                        {/if}
+                    </div>
+                {/each}
+            </div>
+        {:else}
+            <!-- Empty state -->
+            <div
+                class="bg-surface-100-900 border-surface-200-800 rounded-xl border p-6 text-center">
+                {#if meetings_all.length > 0}
+                    <div class="font-semibold">
+                        No meetings match the current filters
+                    </div>
+                    <p class="mt-1 text-sm opacity-60">
+                        Try lowering the minimum participants or clearing the
+                        date range.
+                    </p>
+                    <button
+                        type="button"
+                        onclick={reset_filters}
+                        class="btn btn-sm preset-tonal-surface border-surface-200-800 mt-3 border">
+                        <span class="fas fa-times mr-1" aria-hidden="true"
+                        ></span>
+                        Reset Filters
+                    </button>
+                {:else}
+                    <div class="font-semibold">No Meeting Reports Found</div>
+                    <p class="mt-1 text-sm opacity-60">
+                        There are no Jitsi activity logs to display.
+                    </p>
+                {/if}
+            </div>
+        {/if}
+    {/if}
 </div>
diff --git a/src/routes/idaa/(idaa)/jitsi_reports/+page.ts b/src/routes/idaa/(idaa)/jitsi_reports/+page.ts
index b18d01ab..bcf14de4 100644
--- a/src/routes/idaa/(idaa)/jitsi_reports/+page.ts
+++ b/src/routes/idaa/(idaa)/jitsi_reports/+page.ts
@@ -4,29 +4,31 @@ import { load_jitsi_report } from '$lib/ae_reports/reports_functions';
 import { get } from 'svelte/store';
 
 export const load: PageLoad = async ({ fetch }) => {
-	console.log('*** /idaa/jitsi_reports/+page.ts ***');
+    console.log('*** /idaa/jitsi_reports/+page.ts ***');
 
-	const api_cfg = get(ae_api);
-	const account_id = get(ae_loc)?.account_id;
+    const api_cfg = get(ae_api);
+    const account_id = get(ae_loc)?.account_id;
 
-	if (!api_cfg || !account_id) {
-		console.error('API config or Account ID not available for loading Jitsi reports.');
-		return {
-			streamed: {
-				meetings: Promise.resolve([])
-			}
-		};
-	}
+    if (!api_cfg || !account_id) {
+        console.error(
+            'API config or Account ID not available for loading Jitsi reports.'
+        );
+        return {
+            streamed: {
+                meetings: Promise.resolve([])
+            }
+        };
+    }
 
-	const meetings_promise = load_jitsi_report({
-		api_cfg,
-		account_id,
-		log_lvl: 1
-	});
+    const meetings_promise = load_jitsi_report({
+        api_cfg,
+        account_id,
+        log_lvl: 1
+    });
 
-	return {
-		streamed: {
-			meetings: meetings_promise
-		}
-	};
+    return {
+        streamed: {
+            meetings: meetings_promise
+        }
+    };
 };
diff --git a/src/routes/idaa/(idaa)/jitsi_reports/ae_idaa_comp__jitsi_url_builder.svelte b/src/routes/idaa/(idaa)/jitsi_reports/ae_idaa_comp__jitsi_url_builder.svelte
index c2837dd7..d28acbfe 100644
--- a/src/routes/idaa/(idaa)/jitsi_reports/ae_idaa_comp__jitsi_url_builder.svelte
+++ b/src/routes/idaa/(idaa)/jitsi_reports/ae_idaa_comp__jitsi_url_builder.svelte
@@ -1,78 +1,77 @@
 <script lang="ts">
-    // ae_idaa_comp__jitsi_url_builder.svelte
-    // Builds and previews Jitsi iframe URLs for testing and Novi page configuration.
-    // Only shown to trusted_access users — not for general IDAA members.
+// ae_idaa_comp__jitsi_url_builder.svelte
+// Builds and previews Jitsi iframe URLs for testing and Novi page configuration.
+// Only shown to trusted_access users — not for general IDAA members.
 
-    // --- Environment presets ---
-    const BASE_URL_OPTIONS = [
-        {
-            label: 'Production',
-            value: 'https://sk-idaa.oneskyit.com/idaa/video_conferences'
-        },
-        {
-            label: 'Dev / Staging',
-            value: 'https://dev-idaa.oneskyit.com/idaa/video_conferences'
-        },
-        {
-            label: 'Local',
-            value: 'http://idaa.localhost:5173/idaa/video_conferences'
-        },
-        { label: 'Custom…', value: 'custom' }
-    ];
+// --- Environment presets ---
+const BASE_URL_OPTIONS = [
+    {
+        label: 'Production',
+        value: 'https://sk-idaa.oneskyit.com/idaa/video_conferences'
+    },
+    {
+        label: 'Dev / Staging',
+        value: 'https://dev-idaa.oneskyit.com/idaa/video_conferences'
+    },
+    {
+        label: 'Local',
+        value: 'http://idaa.localhost:5173/idaa/video_conferences'
+    },
+    { label: 'Custom…', value: 'custom' }
+];
 
-    // --- State ---
-    let base_url_preset = $state(BASE_URL_OPTIONS[1].value); // dev by default
-    let base_url_custom = $state('');
-    let room_name = $state('IDAA-Test-Meeting');
-    let site_key = $state('restricted-access');
-    let uuid = $state('');
-    let is_moderator = $state(false);
-    let domain = $state('jitsi.dgrzone.com');
-    let start_muted = $state(true);
-    let start_hidden = $state(false);
-    let disable_incoming_msg = $state(true);
-    let disable_participant_joined = $state(false);
-    let disable_participant_left = $state(false);
-    let disable_reaction = $state(true);
-    let disable_raise_hand = $state(true);
+// --- State ---
+let base_url_preset = $state(BASE_URL_OPTIONS[1].value); // dev by default
+let base_url_custom = $state('');
+let room_name = $state('IDAA-Test-Meeting');
+let site_key = $state('restricted-access');
+let uuid = $state('');
+let is_moderator = $state(false);
+let domain = $state('jitsi.dgrzone.com');
+let start_muted = $state(true);
+let start_hidden = $state(false);
+let disable_incoming_msg = $state(true);
+let disable_participant_joined = $state(false);
+let disable_participant_left = $state(false);
+let disable_reaction = $state(true);
+let disable_raise_hand = $state(true);
 
-    // show_menu=true overrides the default iframe hide — for admins testing the embed
-    let show_ae_menu = $state(false);
+// show_menu=true overrides the default iframe hide — for admins testing the embed
+let show_ae_menu = $state(false);
 
-    let show_advanced = $state(false);
-    let show_sound = $state(false);
-    let output_mode = $state<'url' | 'iframe'>('url');
-    let copied = $state(false);
+let show_advanced = $state(false);
+let show_sound = $state(false);
+let output_mode = $state<'url' | 'iframe'>('url');
+let copied = $state(false);
 
-    // --- Derived URL ---
-    let effective_base = $derived(
-        base_url_preset === 'custom' ? base_url_custom.trim() : base_url_preset
-    );
+// --- Derived URL ---
+let effective_base = $derived(
+    base_url_preset === 'custom' ? base_url_custom.trim() : base_url_preset
+);
 
-    let built_url = $derived.by(() => {
-        if (!effective_base || !room_name.trim()) return '';
-        const p = new URLSearchParams();
-        if (uuid.trim()) p.set('uuid', uuid.trim());
-        p.set('iframe', 'true');
-        p.set('key', site_key.trim() || 'restricted-access');
-        p.set('room', room_name.trim());
-        if (is_moderator) p.set('moderator', 'true');
-        if (domain.trim() && domain.trim() !== 'jitsi.dgrzone.com')
-            p.set('domain', domain.trim());
-        if (start_muted) p.set('start_muted', 'true');
-        if (start_hidden) p.set('start_hidden', 'true');
-        if (disable_incoming_msg) p.set('incoming_msg_sound', 'true');
-        if (disable_participant_joined)
-            p.set('participant_joined_sound', 'true');
-        if (disable_participant_left) p.set('participant_left_sound', 'true');
-        if (disable_reaction) p.set('reaction_sound', 'true');
-        if (disable_raise_hand) p.set('raise_hand_sound', 'true');
-        // AE embed: iframe=true hides the menu by default; show_menu=true lets admins override
-        if (show_ae_menu) p.set('show_menu', 'true');
-        return `${effective_base}?${p.toString()}`;
-    });
+let built_url = $derived.by(() => {
+    if (!effective_base || !room_name.trim()) return '';
+    const p = new URLSearchParams();
+    if (uuid.trim()) p.set('uuid', uuid.trim());
+    p.set('iframe', 'true');
+    p.set('key', site_key.trim() || 'restricted-access');
+    p.set('room', room_name.trim());
+    if (is_moderator) p.set('moderator', 'true');
+    if (domain.trim() && domain.trim() !== 'jitsi.dgrzone.com')
+        p.set('domain', domain.trim());
+    if (start_muted) p.set('start_muted', 'true');
+    if (start_hidden) p.set('start_hidden', 'true');
+    if (disable_incoming_msg) p.set('incoming_msg_sound', 'true');
+    if (disable_participant_joined) p.set('participant_joined_sound', 'true');
+    if (disable_participant_left) p.set('participant_left_sound', 'true');
+    if (disable_reaction) p.set('reaction_sound', 'true');
+    if (disable_raise_hand) p.set('raise_hand_sound', 'true');
+    // AE embed: iframe=true hides the menu by default; show_menu=true lets admins override
+    if (show_ae_menu) p.set('show_menu', 'true');
+    return `${effective_base}?${p.toString()}`;
+});
 
-    let iframe_snippet = $derived(`<p>
+let iframe_snippet = $derived(`<p>
   <iframe
     width="100%"
     height="950"
@@ -85,34 +84,30 @@
   ></iframe>
 </p>`);
 
-    let output = $derived(
-        output_mode === 'iframe' ? iframe_snippet : built_url
-    );
+let output = $derived(output_mode === 'iframe' ? iframe_snippet : built_url);
 
-    function copy_output() {
-        if (!output) return;
-        navigator.clipboard.writeText(output).then(() => {
-            copied = true;
-            setTimeout(() => (copied = false), 2000);
-        });
-    }
+function copy_output() {
+    if (!output) return;
+    navigator.clipboard.writeText(output).then(() => {
+        copied = true;
+        setTimeout(() => (copied = false), 2000);
+    });
+}
 </script>
 
 <div class="space-y-3 text-sm">
     <!-- Environment + Room (always visible) -->
-    <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+    <div class="grid grid-cols-1 gap-2 sm:grid-cols-2">
         <div>
             <label
                 for="jub_base_url"
-                class="block text-xs uppercase tracking-wide opacity-40 mb-1"
-            >
+                class="mb-1 block text-xs tracking-wide uppercase opacity-40">
                 Environment
             </label>
             <select
                 id="jub_base_url"
                 bind:value={base_url_preset}
-                class="border border-surface-200-800 rounded px-2 py-1 w-full bg-surface-50-950 text-sm"
-            >
+                class="border-surface-200-800 bg-surface-50-950 w-full rounded border px-2 py-1 text-sm">
                 {#each BASE_URL_OPTIONS as opt}
                     <option value={opt.value}>{opt.label}</option>
                 {/each}
@@ -122,15 +117,13 @@
                     type="url"
                     bind:value={base_url_custom}
                     placeholder="https://…/idaa/video_conferences"
-                    class="border border-surface-200-800 rounded px-2 py-1 w-full bg-surface-50-950 text-sm font-mono mt-1"
-                />
+                    class="border-surface-200-800 bg-surface-50-950 mt-1 w-full rounded border px-2 py-1 font-mono text-sm" />
             {/if}
         </div>
         <div>
             <label
                 for="jub_room"
-                class="block text-xs uppercase tracking-wide opacity-40 mb-1"
-            >
+                class="mb-1 block text-xs tracking-wide uppercase opacity-40">
                 Room Name <span class="text-error-500">*</span>
             </label>
             <input
@@ -138,18 +131,16 @@
                 id="jub_room"
                 bind:value={room_name}
                 placeholder="IDAA-Meeting-Room"
-                class="border border-surface-200-800 rounded px-2 py-1 w-full bg-surface-50-950 text-sm font-mono"
-            />
+                class="border-surface-200-800 bg-surface-50-950 w-full rounded border px-2 py-1 font-mono text-sm" />
         </div>
     </div>
 
     <!-- UUID + Key -->
-    <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+    <div class="grid grid-cols-1 gap-2 sm:grid-cols-2">
         <div>
             <label
                 for="jub_uuid"
-                class="block text-xs uppercase tracking-wide opacity-40 mb-1"
-            >
+                class="mb-1 block text-xs tracking-wide uppercase opacity-40">
                 Novi UUID <span class="opacity-60">(blank = guest)</span>
             </label>
             <input
@@ -157,101 +148,87 @@
                 id="jub_uuid"
                 bind:value={uuid}
                 placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
-                class="border border-surface-200-800 rounded px-2 py-1 w-full bg-surface-50-950 text-sm font-mono"
-            />
+                class="border-surface-200-800 bg-surface-50-950 w-full rounded border px-2 py-1 font-mono text-sm" />
         </div>
         <div>
             <label
                 for="jub_key"
-                class="block text-xs uppercase tracking-wide opacity-40 mb-1"
-            >
+                class="mb-1 block text-xs tracking-wide uppercase opacity-40">
                 Site Key
             </label>
             <input
                 type="text"
                 id="jub_key"
                 bind:value={site_key}
-                class="border border-surface-200-800 rounded px-2 py-1 w-full bg-surface-50-950 text-sm font-mono"
-            />
+                class="border-surface-200-800 bg-surface-50-950 w-full rounded border px-2 py-1 font-mono text-sm" />
         </div>
     </div>
 
     <!-- Moderator toggle -->
-    <label class="flex items-center gap-2 cursor-pointer w-fit">
+    <label class="flex w-fit cursor-pointer items-center gap-2">
         <input
             type="checkbox"
             bind:checked={is_moderator}
-            class="checkbox checkbox-sm"
-        />
+            class="checkbox checkbox-sm" />
         <span class="text-sm">Moderator</span>
         <span class="text-xs opacity-40"
-            >(requests JWT, enables lobby + activity logging)</span
-        >
+            >(requests JWT, enables lobby + activity logging)</span>
     </label>
 
     <!-- Advanced toggle -->
     <button
         type="button"
         onclick={() => (show_advanced = !show_advanced)}
-        class="flex items-center gap-1 text-xs opacity-60 hover:opacity-100 transition-opacity"
-    >
+        class="flex items-center gap-1 text-xs opacity-60 transition-opacity hover:opacity-100">
         <span
             class="fas {show_advanced ? 'fa-chevron-up' : 'fa-chevron-down'}"
-            aria-hidden="true"
-        ></span>
+            aria-hidden="true"></span>
         {show_advanced ? 'Hide' : 'Show'} advanced options
     </button>
 
     {#if show_advanced}
         <div
-            class="border border-surface-200-800 rounded-xl p-3 space-y-3 bg-surface-100-900"
-        >
+            class="border-surface-200-800 bg-surface-100-900 space-y-3 rounded-xl border p-3">
             <!-- Domain -->
             <div>
                 <label
                     for="jub_domain"
-                    class="block text-xs uppercase tracking-wide opacity-40 mb-1"
-                >
+                    class="mb-1 block text-xs tracking-wide uppercase opacity-40">
                     Jitsi Domain
                 </label>
                 <input
                     type="text"
                     id="jub_domain"
                     bind:value={domain}
-                    class="border border-surface-200-800 rounded px-2 py-1 w-full bg-surface-50-950 text-sm font-mono"
-                />
+                    class="border-surface-200-800 bg-surface-50-950 w-full rounded border px-2 py-1 font-mono text-sm" />
             </div>
 
             <!-- AE menu — hides the AE nav chrome; useful when embedding in Novi or pages with their own navigation -->
-            <label class="flex items-center gap-2 cursor-pointer w-fit">
+            <label class="flex w-fit cursor-pointer items-center gap-2">
                 <input
                     type="checkbox"
                     bind:checked={show_ae_menu}
-                    class="checkbox checkbox-sm"
-                />
+                    class="checkbox checkbox-sm" />
                 <span class="text-xs"
                     >Show AE system menu <span class="opacity-40"
                         >(show_menu=true)</span
-                    ></span
-                >
+                    ></span>
             </label>
 
             <!-- Start options -->
             <div class="flex flex-wrap gap-4">
-                <label class="flex items-center gap-2 cursor-pointer">
+                <label class="flex cursor-pointer items-center gap-2">
                     <input
                         type="checkbox"
                         bind:checked={start_muted}
-                        class="checkbox checkbox-sm"
-                    />
+                        class="checkbox checkbox-sm" />
                     <span class="text-xs">Start muted</span>
                 </label>
-                <label class="flex items-center gap-2 cursor-pointer">
+                <label class="flex cursor-pointer items-center gap-2">
                     <input
                         type="checkbox"
                         bind:checked={start_hidden}
-                        class="checkbox checkbox-sm"
-                    />
+                        class="checkbox checkbox-sm" />
                     <span class="text-xs">Start hidden (video off)</span>
                 </label>
             </div>
@@ -261,64 +238,54 @@
                 <button
                     type="button"
                     onclick={() => (show_sound = !show_sound)}
-                    class="flex items-center gap-1 text-xs opacity-60 hover:opacity-100 transition-opacity"
-                >
+                    class="flex items-center gap-1 text-xs opacity-60 transition-opacity hover:opacity-100">
                     <span
                         class="fas {show_sound
                             ? 'fa-chevron-up'
                             : 'fa-chevron-down'}"
-                        aria-hidden="true"
-                    ></span>
+                        aria-hidden="true"></span>
                     {show_sound ? 'Hide' : 'Show'} sound settings
                 </button>
                 {#if show_sound}
-                    <div class="flex flex-wrap gap-4 mt-2">
-                        <label class="flex items-center gap-2 cursor-pointer">
+                    <div class="mt-2 flex flex-wrap gap-4">
+                        <label class="flex cursor-pointer items-center gap-2">
                             <input
                                 type="checkbox"
                                 bind:checked={disable_incoming_msg}
-                                class="checkbox checkbox-sm"
-                            />
+                                class="checkbox checkbox-sm" />
                             <span class="text-xs"
-                                >Disable incoming msg sound</span
-                            >
+                                >Disable incoming msg sound</span>
                         </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
+                        <label class="flex cursor-pointer items-center gap-2">
                             <input
                                 type="checkbox"
                                 bind:checked={disable_participant_joined}
-                                class="checkbox checkbox-sm"
-                            />
+                                class="checkbox checkbox-sm" />
                             <span class="text-xs"
-                                >Disable participant joined sound</span
-                            >
+                                >Disable participant joined sound</span>
                         </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
+                        <label class="flex cursor-pointer items-center gap-2">
                             <input
                                 type="checkbox"
                                 bind:checked={disable_participant_left}
-                                class="checkbox checkbox-sm"
-                            />
+                                class="checkbox checkbox-sm" />
                             <span class="text-xs"
-                                >Disable participant left sound</span
-                            >
+                                >Disable participant left sound</span>
                         </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
+                        <label class="flex cursor-pointer items-center gap-2">
                             <input
                                 type="checkbox"
                                 bind:checked={disable_reaction}
-                                class="checkbox checkbox-sm"
-                            />
+                                class="checkbox checkbox-sm" />
                             <span class="text-xs">Disable reaction sound</span>
                         </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
+                        <label class="flex cursor-pointer items-center gap-2">
                             <input
                                 type="checkbox"
                                 bind:checked={disable_raise_hand}
-                                class="checkbox checkbox-sm"
-                            />
-                            <span class="text-xs">Disable raise hand sound</span
-                            >
+                                class="checkbox checkbox-sm" />
+                            <span class="text-xs"
+                                >Disable raise hand sound</span>
                         </label>
                     </div>
                 {/if}
@@ -327,7 +294,7 @@
     {/if}
 
     <!-- Output -->
-    <div class="border-t border-surface-200-800 pt-3 space-y-2">
+    <div class="border-surface-200-800 space-y-2 border-t pt-3">
         <!-- Mode toggle -->
         <div class="flex gap-2">
             <button
@@ -335,8 +302,7 @@
                 onclick={() => (output_mode = 'url')}
                 class="btn btn-sm {output_mode === 'url'
                     ? 'preset-tonal-primary'
-                    : 'preset-tonal-surface border border-surface-200-800'}"
-            >
+                    : 'preset-tonal-surface border-surface-200-800 border'}">
                 <span class="fas fa-link mr-1" aria-hidden="true"></span>
                 URL
             </button>
@@ -345,35 +311,31 @@
                 onclick={() => (output_mode = 'iframe')}
                 class="btn btn-sm {output_mode === 'iframe'
                     ? 'preset-tonal-primary'
-                    : 'preset-tonal-surface border border-surface-200-800'}"
-            >
+                    : 'preset-tonal-surface border-surface-200-800 border'}">
                 <span class="fas fa-code mr-1" aria-hidden="true"></span>
                 iframe HTML
             </button>
         </div>
 
         {#if built_url}
-            <div class="flex gap-1 items-stretch">
+            <div class="flex items-stretch gap-1">
                 <textarea
                     readonly
                     rows={output_mode === 'iframe' ? 8 : 2}
                     value={output}
-                    class="border border-surface-200-800 rounded px-2 py-1.5 w-full bg-surface-50-950 text-xs font-mono resize-none cursor-text"
+                    class="border-surface-200-800 bg-surface-50-950 w-full cursor-text resize-none rounded border px-2 py-1.5 font-mono text-xs"
                     onclick={(e) => (e.target as HTMLTextAreaElement).select()}
-                    title="Click to select all"
-                ></textarea>
+                    title="Click to select all"></textarea>
                 <button
                     type="button"
                     onclick={copy_output}
                     title="Copy to clipboard"
                     class="btn btn-sm shrink-0 self-start {copied
                         ? 'preset-tonal-success'
-                        : 'preset-tonal-primary'} transition-colors"
-                >
+                        : 'preset-tonal-primary'} transition-colors">
                     <span
                         class="fas {copied ? 'fa-check' : 'fa-copy'}"
-                        aria-hidden="true"
-                    ></span>
+                        aria-hidden="true"></span>
                 </button>
             </div>
             {#if output_mode === 'url'}
@@ -381,15 +343,14 @@
                     href={built_url}
                     target="_blank"
                     rel="noopener noreferrer"
-                    class="text-xs text-primary-600 dark:text-primary-400 hover:underline inline-flex items-center gap-1"
-                >
+                    class="text-primary-600 dark:text-primary-400 inline-flex items-center gap-1 text-xs hover:underline">
                     <span class="fas fa-external-link-alt" aria-hidden="true"
                     ></span>
                     Open in new tab
                 </a>
             {/if}
         {:else}
-            <p class="text-xs opacity-40 italic">
+            <p class="text-xs italic opacity-40">
                 Fill in Room Name to generate a URL.
             </p>
         {/if}
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/+layout.svelte b/src/routes/idaa/(idaa)/recovery_meetings/+layout.svelte
index 6b88967f..73b4a619 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/+layout.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/+layout.svelte
@@ -1,65 +1,65 @@
 <script lang="ts">
-    import { untrack } from 'svelte';
-    let log_lvl: number = 0;
+import { untrack } from 'svelte';
+let log_lvl: number = 0;
 
-    // *** Import Svelte specific
-    // import { page } from '$app/state';
+// *** Import Svelte specific
+// import { page } from '$app/state';
 
-    // *** Import Aether specific variables and functions
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig,
-        idaa_prom
-    } from '$lib/stores/ae_idaa_stores';
-    // import { events_func } from '$lib/ae_events/ae_events_functions';
+// *** Import Aether specific variables and functions
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig,
+    idaa_prom
+} from '$lib/stores/ae_idaa_stores';
+// import { events_func } from '$lib/ae_events/ae_events_functions';
 
-    interface Props {
-        /** @type {import('./$types').LayoutData} */
-        data: any;
-        children?: import('svelte').Snippet;
+interface Props {
+    /** @type {import('./$types').LayoutData} */
+    data: any;
+    children?: import('svelte').Snippet;
+}
+
+let { data, children }: Props = $props();
+
+// NOTE: Derived from data.account_id (prop) instead of $slct.account_id (store)
+// to prevent circular dependency loops during hydration.
+let ae_acct = $derived(data[data.account_id]);
+
+$effect(() => {
+    if (log_lvl > 1) {
+        console.log(`ae_idaa_recovery_meetings +layout.svelte`, data);
     }
 
-    let { data, children }: Props = $props();
+    // *** Quickly pull out data from parent(s)
+    untrack(() => {
+        $slct.account_id = data.account_id;
+    });
+});
 
-    // NOTE: Derived from data.account_id (prop) instead of $slct.account_id (store)
-    // to prevent circular dependency loops during hydration.
-    let ae_acct = $derived(data[data.account_id]);
+$effect(() => {
+    if (log_lvl) {
+        console.log(`ae_acct = `, ae_acct);
+    }
 
-    $effect(() => {
-        if (log_lvl > 1) {
-            console.log(`ae_idaa_recovery_meetings +layout.svelte`, data);
-        }
-
-        // *** Quickly pull out data from parent(s)
+    if (ae_acct) {
         untrack(() => {
-            $slct.account_id = data.account_id;
+            $idaa_slct.event_obj_li = ae_acct.slct.event_obj_li;
         });
-    });
+    }
+});
 
-    $effect(() => {
-        if (log_lvl) {
-            console.log(`ae_acct = `, ae_acct);
-        }
-
-        if (ae_acct) {
-            untrack(() => {
-                $idaa_slct.event_obj_li = ae_acct.slct.event_obj_li;
-            });
-        }
-    });
-
-    // *** Set initial variables
+// *** Set initial variables
 </script>
 
 {@render children?.()}
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte b/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
index f595775a..16a5c622 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
@@ -1,301 +1,301 @@
 <script lang="ts">
-    import { untrack } from 'svelte';
-    interface Props {
-        /** @type {import('./$types').PageData} */
-        data: any;
+import { untrack } from 'svelte';
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+}
+let { data }: Props = $props();
+
+let log_lvl: number = $state(0);
+
+// *** Import Svelte specific
+// import { page } from '$app/state';
+import { browser } from '$app/environment';
+
+// *** Import other supporting libraries
+import { db_events } from '$lib/ae_events/db_events';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig
+} from '$lib/stores/ae_idaa_stores';
+import { ae_loc, ae_api } from '$lib/stores/ae_stores';
+import { events_func } from '$lib/ae_events/ae_events_functions';
+
+import Element_data_store from '$lib/elements/element_data_store.svelte';
+import Comp__event_obj_qry from './ae_idaa_comp__event_obj_qry.svelte';
+import Comp__event_obj_li_wrapper from './ae_idaa_comp__event_obj_li_wrapper.svelte';
+
+if (browser) {
+    $idaa_slct.event_id = null;
+    window.parent.postMessage({ event_id: null }, '*');
+
+    // Use versioning instead of boolean to avoid loops
+    if ($idaa_loc.recovery_meetings.search_version === undefined) {
+        $idaa_loc.recovery_meetings.search_version = 0;
     }
-    let { data }: Props = $props();
+    $idaa_loc.recovery_meetings.search_version++;
+}
 
-    let log_lvl: number = $state(0);
+let event_id_li: Array<string> = $state([]);
+let search_debounce_timer: any = null;
+let last_search_id = 0;
 
-    // *** Import Svelte specific
-    // import { page } from '$app/state';
-    import { browser } from '$app/environment';
+// Standardized Reactive Search Pattern (Aether UI V3)
+// This effect manages the orchestration between UI state and data fetching.
+$effect(() => {
+    // 1. Reactive Dependencies
+    const account_id = $ae_loc.account_id;
+    if (!account_id) return; // Wait for account context
 
-    // *** Import other supporting libraries
-    import { db_events } from '$lib/ae_events/db_events';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig
-    } from '$lib/stores/ae_idaa_stores';
-    import { ae_loc, ae_api } from '$lib/stores/ae_stores';
-    import { events_func } from '$lib/ae_events/ae_events_functions';
+    // Track filters and the search version (trigger)
+    const qry_params = {
+        v: $idaa_loc.recovery_meetings.search_version,
+        str: $idaa_loc.recovery_meetings.qry__fulltext_str,
+        phys: $idaa_loc.recovery_meetings.qry__physical,
+        virt: $idaa_loc.recovery_meetings.qry__virtual,
+        type: $idaa_loc.recovery_meetings.qry__type,
+        limit: $idaa_loc.recovery_meetings.qry__limit,
+        order: $idaa_loc.recovery_meetings.qry__order_by,
+        remote: $idaa_loc.recovery_meetings.qry__remote_first
+    };
 
-    import Element_data_store from '$lib/elements/element_data_store.svelte';
-    import Comp__event_obj_qry from './ae_idaa_comp__event_obj_qry.svelte';
-    import Comp__event_obj_li_wrapper from './ae_idaa_comp__event_obj_li_wrapper.svelte';
+    // 2. Debounce Logic
+    if (search_debounce_timer) clearTimeout(search_debounce_timer);
+    search_debounce_timer = setTimeout(() => {
+        // 3. Execution (Untracked to prevent loops)
+        untrack(() => {
+            handle_search_refresh();
+        });
+    }, 250);
 
-    if (browser) {
-        $idaa_slct.event_id = null;
-        window.parent.postMessage({ event_id: null }, '*');
-
-        // Use versioning instead of boolean to avoid loops
-        if ($idaa_loc.recovery_meetings.search_version === undefined) {
-            $idaa_loc.recovery_meetings.search_version = 0;
-        }
-        $idaa_loc.recovery_meetings.search_version++;
-    }
-
-    let event_id_li: Array<string> = $state([]);
-    let search_debounce_timer: any = null;
-    let last_search_id = 0;
-
-    // Standardized Reactive Search Pattern (Aether UI V3)
-    // This effect manages the orchestration between UI state and data fetching.
-    $effect(() => {
-        // 1. Reactive Dependencies
-        const account_id = $ae_loc.account_id;
-        if (!account_id) return; // Wait for account context
-
-        // Track filters and the search version (trigger)
-        const qry_params = {
-            v: $idaa_loc.recovery_meetings.search_version,
-            str: $idaa_loc.recovery_meetings.qry__fulltext_str,
-            phys: $idaa_loc.recovery_meetings.qry__physical,
-            virt: $idaa_loc.recovery_meetings.qry__virtual,
-            type: $idaa_loc.recovery_meetings.qry__type,
-            limit: $idaa_loc.recovery_meetings.qry__limit,
-            order: $idaa_loc.recovery_meetings.qry__order_by,
-            remote: $idaa_loc.recovery_meetings.qry__remote_first
-        };
-
-        // 2. Debounce Logic
+    return () => {
         if (search_debounce_timer) clearTimeout(search_debounce_timer);
-        search_debounce_timer = setTimeout(() => {
-            // 3. Execution (Untracked to prevent loops)
-            untrack(() => {
-                handle_search_refresh();
-            });
-        }, 250);
+    };
+});
 
-        return () => {
-            if (search_debounce_timer) clearTimeout(search_debounce_timer);
-        };
-    });
+/**
+ * SWR (Stale-While-Revalidate) Search Orchestrator
+ *
+ * GOAL: Render matching meetings in < 50ms, then update with perfect server data.
+ */
+async function handle_search_refresh() {
+    const current_search_id = ++last_search_id;
+    const account_id = $ae_loc.account_id;
+    const remote_first = $idaa_loc.recovery_meetings.qry__remote_first;
 
-    /**
-     * SWR (Stale-While-Revalidate) Search Orchestrator
-     *
-     * GOAL: Render matching meetings in < 50ms, then update with perfect server data.
-     */
-    async function handle_search_refresh() {
-        const current_search_id = ++last_search_id;
-        const account_id = $ae_loc.account_id;
-        const remote_first = $idaa_loc.recovery_meetings.qry__remote_first;
+    if (!account_id) return;
 
-        if (!account_id) return;
+    if (log_lvl)
+        console.log(
+            `[Search #${current_search_id}] Refreshing recovery meetings (remote_first=${remote_first}) for account: ${account_id}...`
+        );
 
-        if (log_lvl)
-            console.log(
-                `[Search #${current_search_id}] Refreshing recovery meetings (remote_first=${remote_first}) for account: ${account_id}...`
-            );
+    $idaa_sess.recovery_meetings.qry__status = 'loading';
 
-        $idaa_sess.recovery_meetings.qry__status = 'loading';
+    // If 'Remote First' is toggled (Admin only), we clear results immediately to show fresh state.
+    if (remote_first) {
+        event_id_li = [];
+    }
 
-        // If 'Remote First' is toggled (Admin only), we clear results immediately to show fresh state.
-        if (remote_first) {
-            event_id_li = [];
-        }
+    // Snapshot parameters to ensure the Fast Path and Revalidation are using the same criteria.
+    const qry_str = ($idaa_loc.recovery_meetings.qry__fulltext_str ?? '')
+        .toLowerCase()
+        .trim();
+    const qry_physical = $idaa_loc.recovery_meetings.qry__physical;
+    const qry_virtual = $idaa_loc.recovery_meetings.qry__virtual;
+    const qry_type = $idaa_loc.recovery_meetings.qry__type;
 
-        // Snapshot parameters to ensure the Fast Path and Revalidation are using the same criteria.
-        const qry_str = ($idaa_loc.recovery_meetings.qry__fulltext_str ?? '')
-            .toLowerCase()
-            .trim();
-        const qry_physical = $idaa_loc.recovery_meetings.qry__physical;
-        const qry_virtual = $idaa_loc.recovery_meetings.qry__virtual;
-        const qry_type = $idaa_loc.recovery_meetings.qry__type;
+    let local_ids: string[] = [];
 
-        let local_ids: string[] = [];
-
-        // 1. FAST PATH: Local IDB Search
-        // We query Dexie first to show results from the 499-item cache pool instantly.
-        if (!remote_first) {
-            try {
-                let local_results = await db_events.event
-                    .filter((ev) => {
-                        // Resilient account check
-                        const acct_match =
-                            ev.account_id === account_id;
-                        if (!acct_match) return false;
-
-                        if (qry_type && ev.type !== qry_type) return false;
-                        if (qry_physical || qry_virtual) {
-                            let match = false;
-                            // Loose equality to handle 1, '1', true from DB
-                            if (qry_physical && ev.physical == true)
-                                match = true;
-                            if (qry_virtual && ev.virtual == true) match = true;
-                            if (!match) return false;
-                        }
-                        if (qry_str) {
-                            const name = (ev.name ?? '').toLowerCase();
-                            const desc = (ev.description ?? '').toLowerCase();
-                            const loc = (ev.location_text ?? '').toLowerCase();
-                            return (
-                                name.includes(qry_str) ||
-                                desc.includes(qry_str) ||
-                                loc.includes(qry_str)
-                            );
-                        }
-                        return true;
-                    })
-                    .toArray();
-
-                // Sort local results matching UI selection (Refactored 2026-02-16)
-                const sort_mode = $idaa_loc.recovery_meetings.qry__order_by;
-                if (sort_mode === 'name_asc' || sort_mode === 'name') {
-                    local_results.sort((a, b) => (a.name ?? '').localeCompare(b.name ?? ''));
-                } else if (sort_mode === 'name_desc') {
-                    local_results.sort((a, b) => (b.name ?? '').localeCompare(a.name ?? ''));
-                } else {
-                    // Robust Chronological Sort using pre-computed tmp_sort_1
-                    // Handles Priority, Manual Sort, and the updated_on/created_on fallback
-                    local_results.sort((a, b) => (b.tmp_sort_1 ?? '').localeCompare(a.tmp_sort_1 ?? ''));
-                }
-
-                local_ids = local_results
-                    .map((e) => String(e.id))
-                    .filter(Boolean);
-
-                // Update UI immediately. This eliminates the "white page" during searching.
-                if (current_search_id === last_search_id) {
-                    if (log_lvl)
-                        console.log(
-                            `[Search #${current_search_id}] Fast Path complete. Found ${local_ids.length} items locally.`
-                        );
-                    event_id_li = local_ids;
-                    if (local_ids.length > 0) {
-                        $idaa_sess.recovery_meetings.qry__status = 'done';
-                    }
-                }
-            } catch (e) {
-                if (log_lvl)
-                    console.warn('Fast Path failed, waiting for API...', e);
-            }
-        }
-
-        // 2. REVALIDATE: Server API Search
-        // This hits the full database, bypassing the "cache pool" limitation.
+    // 1. FAST PATH: Local IDB Search
+    // We query Dexie first to show results from the 499-item cache pool instantly.
+    if (!remote_first) {
         try {
-            const results = await events_func.search__event({
-                api_cfg: $ae_api,
-                for_obj_type: 'account',
-                for_obj_id: account_id,
-                qry_conference: false,
-                qry_physical: qry_physical,
-                qry_virtual: qry_virtual,
-                qry_type: qry_type,
-                qry_str: qry_str || null,
-                enabled: $idaa_loc.recovery_meetings.qry__enabled,
-                hidden: $idaa_loc.recovery_meetings.qry__hidden,
-                limit: $idaa_loc.recovery_meetings.qry__limit,
-                order_by_li: $idaa_loc.recovery_meetings.qry__order_by_li,
-                log_lvl: 0
-            });
+            let local_results = await db_events.event
+                .filter((ev) => {
+                    // Resilient account check
+                    const acct_match = ev.account_id === account_id;
+                    if (!acct_match) return false;
 
-            if (current_search_id === last_search_id) {
-                let api_results = results || [];
-
-                // SECONDARY FILTER: Ensure API results respect exact UI filters (handles backend broadness)
-                api_results = api_results.filter((ev: any) => {
                     if (qry_type && ev.type !== qry_type) return false;
                     if (qry_physical || qry_virtual) {
                         let match = false;
+                        // Loose equality to handle 1, '1', true from DB
                         if (qry_physical && ev.physical == true) match = true;
                         if (qry_virtual && ev.virtual == true) match = true;
                         if (!match) return false;
                     }
-                    if (qry_str && qry_str.length >= 3) {
+                    if (qry_str) {
                         const name = (ev.name ?? '').toLowerCase();
                         const desc = (ev.description ?? '').toLowerCase();
                         const loc = (ev.location_text ?? '').toLowerCase();
-                        if (
-                            !name.includes(qry_str) &&
-                            !desc.includes(qry_str) &&
-                            !loc.includes(qry_str)
-                        )
-                            return false;
+                        return (
+                            name.includes(qry_str) ||
+                            desc.includes(qry_str) ||
+                            loc.includes(qry_str)
+                        );
                     }
                     return true;
-                });
+                })
+                .toArray();
 
-                // RE-SORT: Ensure perfect chronological order even if API puts NULLs last (Refactored 2026-02-16)
-                if ($idaa_loc.recovery_meetings.qry__order_by === 'name') {
-                    api_results.sort((a, b) => (a.name ?? '').localeCompare(b.name ?? ''));
-                } else {
-                    api_results.sort((a, b) => (b.tmp_sort_1 ?? '').localeCompare(a.tmp_sort_1 ?? ''));
-                }
+            // Sort local results matching UI selection (Refactored 2026-02-16)
+            const sort_mode = $idaa_loc.recovery_meetings.qry__order_by;
+            if (sort_mode === 'name_asc' || sort_mode === 'name') {
+                local_results.sort((a, b) =>
+                    (a.name ?? '').localeCompare(b.name ?? '')
+                );
+            } else if (sort_mode === 'name_desc') {
+                local_results.sort((a, b) =>
+                    (b.name ?? '').localeCompare(a.name ?? '')
+                );
+            } else {
+                // Robust Chronological Sort using pre-computed tmp_sort_1
+                // Handles Priority, Manual Sort, and the updated_on/created_on fallback
+                local_results.sort((a, b) =>
+                    (b.tmp_sort_1 ?? '').localeCompare(a.tmp_sort_1 ?? '')
+                );
+            }
 
-                const api_ids = api_results
-                    .map((e: any) => String(e.id))
-                    .filter(Boolean);
+            local_ids = local_results.map((e) => String(e.id)).filter(Boolean);
 
-                // UI PROTECTION: Preserve results if API returns nothing (0 results)
-                // BUT only if it was a successful empty response, not a failure.
-                // ALSO: Only protect if qry_str was the primary change.
-                // If Type or Location changed, we want to see the 0.
-                const filter_changed =
-                    qry_type !==
-                        $idaa_sess.recovery_meetings.status_qry__last_type ||
-                    qry_physical !==
-                        $idaa_sess.recovery_meetings.status_qry__last_phys ||
-                    qry_virtual !==
-                        $idaa_sess.recovery_meetings.status_qry__last_virt;
-
-                if (
-                    api_ids.length === 0 &&
-                    local_ids.length > 0 &&
-                    !remote_first &&
-                    !filter_changed
-                ) {
-                    if (log_lvl)
-                        console.warn(
-                            `[Search #${current_search_id}] API returned 0 matching results. Preserving local cache view.`
-                        );
-                    $idaa_sess.recovery_meetings.qry__status = 'done';
-                    return;
-                }
-
-                $idaa_slct.event_obj_li = api_results;
-                event_id_li = api_ids;
-
-                // Snapshot last used filters for future protection checks
-                $idaa_sess.recovery_meetings.status_qry__last_request_str =
-                    qry_str;
-                $idaa_sess.recovery_meetings.status_qry__last_type = qry_type;
-                $idaa_sess.recovery_meetings.status_qry__last_phys =
-                    qry_physical;
-                $idaa_sess.recovery_meetings.status_qry__last_virt =
-                    qry_virtual;
-
-                $idaa_sess.recovery_meetings.qry__status = 'done';
+            // Update UI immediately. This eliminates the "white page" during searching.
+            if (current_search_id === last_search_id) {
                 if (log_lvl)
                     console.log(
-                        `[Search #${current_search_id}] Revalidation Complete. Found ${api_ids.length} items.`
+                        `[Search #${current_search_id}] Fast Path complete. Found ${local_ids.length} items locally.`
                     );
+                event_id_li = local_ids;
+                if (local_ids.length > 0) {
+                    $idaa_sess.recovery_meetings.qry__status = 'done';
+                }
             }
-        } catch (error) {
-            if (current_search_id === last_search_id) {
-                console.error('Revalidation failed:', error);
-                $idaa_sess.recovery_meetings.qry__status = 'error';
-
-                // If the API failed (e.g. 400/500), we should NOT preserve results from a
-                // previous successful search as it's misleading.
-                // We clear the list so the 'No recovery meetings found' / Error message shows.
-                event_id_li = [];
-            }
+        } catch (e) {
+            if (log_lvl)
+                console.warn('Fast Path failed, waiting for API...', e);
         }
     }
 
-    if (browser) {
-        console.log('Browser environment ready.');
-        window.parent.postMessage(
-            { event_id: $idaa_slct?.event_id ?? null },
-            '*'
-        );
+    // 2. REVALIDATE: Server API Search
+    // This hits the full database, bypassing the "cache pool" limitation.
+    try {
+        const results = await events_func.search__event({
+            api_cfg: $ae_api,
+            for_obj_type: 'account',
+            for_obj_id: account_id,
+            qry_conference: false,
+            qry_physical: qry_physical,
+            qry_virtual: qry_virtual,
+            qry_type: qry_type,
+            qry_str: qry_str || null,
+            enabled: $idaa_loc.recovery_meetings.qry__enabled,
+            hidden: $idaa_loc.recovery_meetings.qry__hidden,
+            limit: $idaa_loc.recovery_meetings.qry__limit,
+            order_by_li: $idaa_loc.recovery_meetings.qry__order_by_li,
+            log_lvl: 0
+        });
+
+        if (current_search_id === last_search_id) {
+            let api_results = results || [];
+
+            // SECONDARY FILTER: Ensure API results respect exact UI filters (handles backend broadness)
+            api_results = api_results.filter((ev: any) => {
+                if (qry_type && ev.type !== qry_type) return false;
+                if (qry_physical || qry_virtual) {
+                    let match = false;
+                    if (qry_physical && ev.physical == true) match = true;
+                    if (qry_virtual && ev.virtual == true) match = true;
+                    if (!match) return false;
+                }
+                if (qry_str && qry_str.length >= 3) {
+                    const name = (ev.name ?? '').toLowerCase();
+                    const desc = (ev.description ?? '').toLowerCase();
+                    const loc = (ev.location_text ?? '').toLowerCase();
+                    if (
+                        !name.includes(qry_str) &&
+                        !desc.includes(qry_str) &&
+                        !loc.includes(qry_str)
+                    )
+                        return false;
+                }
+                return true;
+            });
+
+            // RE-SORT: Ensure perfect chronological order even if API puts NULLs last (Refactored 2026-02-16)
+            if ($idaa_loc.recovery_meetings.qry__order_by === 'name') {
+                api_results.sort((a, b) =>
+                    (a.name ?? '').localeCompare(b.name ?? '')
+                );
+            } else {
+                api_results.sort((a, b) =>
+                    (b.tmp_sort_1 ?? '').localeCompare(a.tmp_sort_1 ?? '')
+                );
+            }
+
+            const api_ids = api_results
+                .map((e: any) => String(e.id))
+                .filter(Boolean);
+
+            // UI PROTECTION: Preserve results if API returns nothing (0 results)
+            // BUT only if it was a successful empty response, not a failure.
+            // ALSO: Only protect if qry_str was the primary change.
+            // If Type or Location changed, we want to see the 0.
+            const filter_changed =
+                qry_type !==
+                    $idaa_sess.recovery_meetings.status_qry__last_type ||
+                qry_physical !==
+                    $idaa_sess.recovery_meetings.status_qry__last_phys ||
+                qry_virtual !==
+                    $idaa_sess.recovery_meetings.status_qry__last_virt;
+
+            if (
+                api_ids.length === 0 &&
+                local_ids.length > 0 &&
+                !remote_first &&
+                !filter_changed
+            ) {
+                if (log_lvl)
+                    console.warn(
+                        `[Search #${current_search_id}] API returned 0 matching results. Preserving local cache view.`
+                    );
+                $idaa_sess.recovery_meetings.qry__status = 'done';
+                return;
+            }
+
+            $idaa_slct.event_obj_li = api_results;
+            event_id_li = api_ids;
+
+            // Snapshot last used filters for future protection checks
+            $idaa_sess.recovery_meetings.status_qry__last_request_str = qry_str;
+            $idaa_sess.recovery_meetings.status_qry__last_type = qry_type;
+            $idaa_sess.recovery_meetings.status_qry__last_phys = qry_physical;
+            $idaa_sess.recovery_meetings.status_qry__last_virt = qry_virtual;
+
+            $idaa_sess.recovery_meetings.qry__status = 'done';
+            if (log_lvl)
+                console.log(
+                    `[Search #${current_search_id}] Revalidation Complete. Found ${api_ids.length} items.`
+                );
+        }
+    } catch (error) {
+        if (current_search_id === last_search_id) {
+            console.error('Revalidation failed:', error);
+            $idaa_sess.recovery_meetings.qry__status = 'error';
+
+            // If the API failed (e.g. 400/500), we should NOT preserve results from a
+            // previous successful search as it's misleading.
+            // We clear the list so the 'No recovery meetings found' / Error message shows.
+            event_id_li = [];
+        }
     }
+}
+
+if (browser) {
+    console.log('Browser environment ready.');
+    window.parent.postMessage({ event_id: $idaa_slct?.event_id ?? null }, '*');
+}
 </script>
 
 <svelte:head>
@@ -310,8 +310,7 @@
     ds_code="recovery_meetings_info"
     ds_type="html"
     class_li="rounded-lg preset-outlined-surface-200-800 m-auto p-2 space-y-2 w-full max-w-xl"
-    show_edit_btn={true}
-/>
+    show_edit_btn={true} />
 
 {#if Array.isArray(event_id_li) && event_id_li.length}
     <Comp__event_obj_li_wrapper
@@ -319,21 +318,18 @@
         link_to_type={'account'}
         link_to_id={$ae_loc.account_id}
         limit={$idaa_loc.recovery_meetings.qry__limit}
-        {log_lvl}
-    />
+        {log_lvl} />
 {:else}
     <div class="space-y-2">
         {#if $idaa_sess.recovery_meetings.qry__status === 'loading'}
             <div
-                class="ae_highlight ae_padding_md ae_row ae_flex_justify_center"
-            >
+                class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
                 <span class="fas fa-spinner fa-spin m-1"></span>
                 Searching...
             </div>
         {:else}
             <div
-                class="ae_highlight ae_padding_md ae_row ae_flex_justify_center"
-            >
+                class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
                 No recovery meetings found matching your criteria.
             </div>
         {/if}
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/[event_id]/+page.svelte b/src/routes/idaa/(idaa)/recovery_meetings/[event_id]/+page.svelte
index 281dff28..b805c49b 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/[event_id]/+page.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/[event_id]/+page.svelte
@@ -1,125 +1,126 @@
 <script lang="ts">
-    interface Props {
-        /** @type {import('./$types').PageData} */
-        data: any;
-    }
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+}
 
-    let { data }: Props = $props();
+let { data }: Props = $props();
 
-    let log_lvl: number = 0;
+let log_lvl: number = 0;
 
-    // *** Import Svelte specific
-    import { onMount, onDestroy, untrack } from 'svelte';
+// *** Import Svelte specific
+import { onMount, onDestroy, untrack } from 'svelte';
 
-    // *** Import other supporting libraries
-    import { liveQuery } from 'dexie';
+// *** Import other supporting libraries
+import { liveQuery } from 'dexie';
 
-    // *** Import Aether specific variables and functions
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { db_events } from '$lib/ae_events/db_events';
-    // import { events_func } from '$lib/ae_events/ae_events_functions';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig,
-        idaa_prom
-    } from '$lib/stores/ae_idaa_stores';
+// *** Import Aether specific variables and functions
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { db_events } from '$lib/ae_events/db_events';
+// import { events_func } from '$lib/ae_events/ae_events_functions';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig,
+    idaa_prom
+} from '$lib/stores/ae_idaa_stores';
 
-    import Event_obj_id_edit from '../ae_idaa_comp__event_obj_id_edit.svelte';
-    import Event_obj_id_view from '.././ae_idaa_comp__event_obj_id_view.svelte';
-    import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
+import Event_obj_id_edit from '../ae_idaa_comp__event_obj_id_edit.svelte';
+import Event_obj_id_view from '.././ae_idaa_comp__event_obj_id_view.svelte';
+import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
 
-    // *** Quickly pull out data from parent(s)
-    let ae_acct = $derived(data[data.account_id]);
+// *** Quickly pull out data from parent(s)
+let ae_acct = $derived(data[data.account_id]);
 
-    $idaa_sess.recovery_meetings.edit__event_obj = null;
-    $effect(() => {
-        if (!ae_acct) return;
-        if (log_lvl) console.log(`ae_acct = `, ae_acct);
-        untrack(() => {
-            $idaa_slct.event_id = ae_acct.slct.event_id;
-            // $idaa_trig.event_id = ae_acct.slct.event_id;
-            // $idaa_slct.event_obj = ae_acct.slct.event_obj;
-        });
+$idaa_sess.recovery_meetings.edit__event_obj = null;
+$effect(() => {
+    if (!ae_acct) return;
+    if (log_lvl) console.log(`ae_acct = `, ae_acct);
+    untrack(() => {
+        $idaa_slct.event_id = ae_acct.slct.event_id;
+        // $idaa_trig.event_id = ae_acct.slct.event_id;
+        // $idaa_slct.event_obj = ae_acct.slct.event_obj;
     });
+});
 
-    // *** Functions and Logic
-    let lq__event_obj = $derived(
-        liveQuery(async () => {
-            if (log_lvl) {
-                console.log(
-                    `lq__event_obj: event_id = ${$idaa_slct?.event_id}`
-                );
-            }
-            let results = await db_events.event.get($idaa_slct?.event_id ?? ''); // null or undefined does not reset things like '' does
+// *** Functions and Logic
+let lq__event_obj = $derived(
+    liveQuery(async () => {
+        if (log_lvl) {
+            console.log(`lq__event_obj: event_id = ${$idaa_slct?.event_id}`);
+        }
+        let results = await db_events.event.get($idaa_slct?.event_id ?? ''); // null or undefined does not reset things like '' does
 
-            // Check if results are different than the current $idaa_slct.event_obj.
-            // Skip the sync while the edit form is open — overwriting would discard
-            // the user's in-progress changes (e.g. weekday chips, pattern, times).
-            if ($idaa_slct.event_obj && results && !$idaa_sess.recovery_meetings.edit__event_obj) {
-                if (
-                    JSON.stringify($idaa_slct.event_obj) !==
-                    JSON.stringify(results)
-                ) {
-                    $idaa_slct.event_obj = { ...results };
-                    if (log_lvl) {
-                        console.log(
-                            `$idaa_slct.event_obj = `,
-                            $idaa_slct.event_obj
-                        );
-                    }
-                } else {
-                    if (log_lvl) {
-                        console.log(
-                            `Event object has not changed for event_id: ${$idaa_slct.event_id}`
-                        );
-                    }
+        // Check if results are different than the current $idaa_slct.event_obj.
+        // Skip the sync while the edit form is open — overwriting would discard
+        // the user's in-progress changes (e.g. weekday chips, pattern, times).
+        if (
+            $idaa_slct.event_obj &&
+            results &&
+            !$idaa_sess.recovery_meetings.edit__event_obj
+        ) {
+            if (
+                JSON.stringify($idaa_slct.event_obj) !== JSON.stringify(results)
+            ) {
+                $idaa_slct.event_obj = { ...results };
+                if (log_lvl) {
+                    console.log(
+                        `$idaa_slct.event_obj = `,
+                        $idaa_slct.event_obj
+                    );
+                }
+            } else {
+                if (log_lvl) {
+                    console.log(
+                        `Event object has not changed for event_id: ${$idaa_slct.event_id}`
+                    );
                 }
             }
-
-            return results;
-        })
-    );
-
-    // NOTE: onMount runs in browser only, so no browser guard needed.
-    // Use data[data.account_id].slct.event_id (from the load function / URL params),
-    // NOT $idaa_slct.event_id (the store) — the store is set by a $effect and may not
-    // reflect the correct value yet at this point.
-    onMount(() => {
-        let message = { event_id: data[data.account_id]?.slct?.event_id ?? null };
-        window.parent.postMessage(message, '*');
-
-        if ($ae_loc?.iframe) {
-            console.log(
-                'In iframe, sending message to parent window to scroll to top as well'
-            );
-            window.parent.postMessage({ scroll_to: 0 }, '*'); // This should be in pixels
-        }
-    });
-
-    onDestroy(() => {
-        if (log_lvl) {
-            console.log(
-                `Destroying recovery meetings page for event_id: ${$idaa_slct?.event_id}`
-            );
         }
 
-        let message = { event_id: null };
-        window.parent.postMessage(message, '*');
+        return results;
+    })
+);
 
-        // $idaa_slct.event_id = null;
-        // $idaa_slct.event_obj = null;
-    });
+// NOTE: onMount runs in browser only, so no browser guard needed.
+// Use data[data.account_id].slct.event_id (from the load function / URL params),
+// NOT $idaa_slct.event_id (the store) — the store is set by a $effect and may not
+// reflect the correct value yet at this point.
+onMount(() => {
+    let message = { event_id: data[data.account_id]?.slct?.event_id ?? null };
+    window.parent.postMessage(message, '*');
+
+    if ($ae_loc?.iframe) {
+        console.log(
+            'In iframe, sending message to parent window to scroll to top as well'
+        );
+        window.parent.postMessage({ scroll_to: 0 }, '*'); // This should be in pixels
+    }
+});
+
+onDestroy(() => {
+    if (log_lvl) {
+        console.log(
+            `Destroying recovery meetings page for event_id: ${$idaa_slct?.event_id}`
+        );
+    }
+
+    let message = { event_id: null };
+    window.parent.postMessage(message, '*');
+
+    // $idaa_slct.event_id = null;
+    // $idaa_slct.event_obj = null;
+});
 </script>
 
 <svelte:head>
@@ -138,18 +139,16 @@
 </svelte:head>
 
 <div
-    class="ae_header flex flex-row flex-wrap gap-2 items-center justify-evenly w-full"
->
+    class="ae_header flex w-full flex-row flex-wrap items-center justify-evenly gap-2">
     <h2
         class="
             ae_title event__title
             h3
-            text-2xl font-bold
-            flex flex-row gap-2 items-center justify-center
-            min-w-1/2
-            max-w-full
-            "
-    >
+            flex max-w-full
+            min-w-1/2 flex-row items-center justify-center gap-2
+            text-2xl
+            font-bold
+            ">
         <!-- <span class="ae_icon fas fa-calendar-alt"></span> -->
         <span class="ae_icon fas fa-calendar-day"></span>
         {$lq__event_obj?.name ? $lq__event_obj?.name : 'Recovery Meeting'}
@@ -157,16 +156,14 @@
 
     <div
         class="
-            flex flex-row gap-2 items-center justify-evenly
-            min-w-1/4
-            max-w-full
-        "
-    >
+            flex max-w-full min-w-1/4 flex-row items-center
+            justify-evenly
+            gap-2
+        ">
         {#if $lq__event_obj?.status == 'unknown'}
             <span
                 class="badge badge-warning preset-tonal-error"
-                title="This meeting has not been confirmed by IDAA Central Office. Please reach out to the chair for current meeting list info. Meeting attendees can reach out to info@idaa.org if they know this is information is accurate and this meeting is still taking place."
-            >
+                title="This meeting has not been confirmed by IDAA Central Office. Please reach out to the chair for current meeting list info. Meeting attendees can reach out to info@idaa.org if they know this is information is accurate and this meeting is still taking place.">
                 <span class="fas fa-exclamation-triangle m-1"></span>
                 Not Confirmed by IDAA
                 <!-- Unknown Status -->
@@ -175,8 +172,7 @@
         {/if}
 
         <span
-            class="float-right flex flex-row flex-wrap gap-1 items-center justify-end"
-        >
+            class="float-right flex flex-row flex-wrap items-center justify-end gap-1">
             <span class="badge badge-info preset-tonal-tertiary">
                 {#if $lq__event_obj?.physical && $lq__event_obj?.virtual}
                     <span class="fas fa-home m-1"></span> F2F and
@@ -190,18 +186,15 @@
             {#if $lq__event_obj?.type}
                 <span class="badge badge-info preset-tonal-secondary"
                     ><span class="fas fa-user-md m-1"></span>
-                    {$lq__event_obj?.type}</span
-                >
+                    {$lq__event_obj?.type}</span>
             {/if}
             {#if $ae_loc.trusted_access && $lq__event_obj?.hide}
                 <span class="badge badge-warning"
-                    ><span class="fas fa-exclamation-triangle m-1"></span> Hidden</span
-                >
+                    ><span class="fas fa-exclamation-triangle m-1"></span> Hidden</span>
             {/if}
             {#if $ae_loc.administrator_access && !$lq__event_obj?.enable}
                 <span class="badge badge-warning preset-tonal-warning"
-                    ><span class="fas fa-exclamation-triangle m-1"></span> Not enabled</span
-                >
+                    ><span class="fas fa-exclamation-triangle m-1"></span> Not enabled</span>
             {/if}
         </span>
     </div>
@@ -216,27 +209,24 @@
             novi_uuid: $idaa_loc.novi_uuid,
             novi_email: $idaa_loc.novi_email,
             novi_full_name: $idaa_loc.novi_full_name
-        }}
-    ></Help_tech>
+        }}></Help_tech>
 </div>
 
 <div
     class="
-        flex flex-row gap-2 items-center justify-evenly
-        w-full
-        p-1 pb-2 mb-2
-        border-b border-b-surface-300-700
-        "
->
+        border-b-surface-300-700 mb-2 flex w-full flex-row
+        items-center
+        justify-evenly gap-2 border-b
+        p-1 pb-2
+        ">
     <a
         href="/idaa/recovery_meetings"
         class="
             novi_btn btn btn-secondary btn-sm
-            preset-tonal-tertiary border border-tertiary-500
-            hover:preset-filled-tertiary-500
+            preset-tonal-tertiary border-tertiary-500 hover:preset-filled-tertiary-500
+            border
             transition
-            "
-    >
+            ">
         <span class="fas fa-arrow-left m-1 text-neutral-800/80"></span> Back to
         Meeting List
         <!-- <span class="fas fa-times m-1"></span> View Other Meetings -->
@@ -260,8 +250,7 @@
                     );
                 }
             }}
-            title="View this Recovery Meeting"
-        >
+            title="View this Recovery Meeting">
             <!-- <span class="far fa-window-close m-1"></span> -->
             <span class="fas fa-times m-1 text-neutral-800/80"></span>
             Cancel Edit
@@ -285,8 +274,7 @@
                         );
                     }
                 }}
-                title="Edit this Recovery Meeting"
-            >
+                title="Edit this Recovery Meeting">
                 <span class="fas fa-edit m-1 text-neutral-800/80"></span>
                 Edit Meeting
             </button>
@@ -297,8 +285,7 @@
 {#if $idaa_sess.recovery_meetings.edit__event_obj || $idaa_loc.recovery_meetings.edit__event_obj}
     <Event_obj_id_edit
         {lq__event_obj}
-        bind:obj_changed={$idaa_sess.recovery_meetings.obj_changed}
-    />
+        bind:obj_changed={$idaa_sess.recovery_meetings.obj_changed} />
 {:else}
     <Event_obj_id_view {lq__event_obj} />
 {/if}
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte
index 595ab326..7debf3c3 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte
@@ -1,585 +1,617 @@
 <script lang="ts">
-    interface Props {
-        log_lvl?: number;
-        lq__event_obj: any;
-        obj_changed: boolean;
-    }
+interface Props {
+    log_lvl?: number;
+    lq__event_obj: any;
+    obj_changed: boolean;
+}
 
-    let {
-        log_lvl = $bindable(0),
-        lq__event_obj,
-        obj_changed = $bindable(false)
-    }: Props = $props();
+let {
+    log_lvl = $bindable(0),
+    lq__event_obj,
+    obj_changed = $bindable(false)
+}: Props = $props();
 
-    // *** Import Svelte specific
-    import { onMount, untrack } from 'svelte';
-    import { fade } from 'svelte/transition';
-    import { browser } from '$app/environment';
-    import { goto } from '$app/navigation';
+// *** Import Svelte specific
+import { onMount, untrack } from 'svelte';
+import { fade } from 'svelte/transition';
+import { browser } from '$app/environment';
+import { goto } from '$app/navigation';
 
-    // *** Import Aether specific variables and functions
-    import type { key_val } from '$lib/stores/ae_stores';
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import { core_func } from '$lib/ae_core/ae_core_functions';
-    import { api } from '$lib/api/api';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig
-    } from '$lib/stores/ae_idaa_stores';
-    import { events_func } from '$lib/ae_events/ae_events_functions';
-    import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
-    import { liveQuery } from 'dexie';
-    import { db_lookups } from '$lib/ae_core/db_lookups';
+// *** Import Aether specific variables and functions
+import type { key_val } from '$lib/stores/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { core_func } from '$lib/ae_core/ae_core_functions';
+import { api } from '$lib/api/api';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig
+} from '$lib/stores/ae_idaa_stores';
+import { events_func } from '$lib/ae_events/ae_events_functions';
+import AE_Comp_Editor_TipTap from '$lib/elements/element_editor_tiptap.svelte';
+import { liveQuery } from 'dexie';
+import { db_lookups } from '$lib/ae_core/db_lookups';
 
-    if (!$idaa_slct.event_obj) {
-        $idaa_slct.event_obj = {};
-    }
-    // Create a copy of the event object to track unsaved changes
-    let orig_event_obj: any = { ...$idaa_slct.event_obj };
-    if (browser) {
-        console.log(`$idaa_slct.event_obj = `, $idaa_slct.event_obj);
-        console.log(`orig_event_obj = `, orig_event_obj);
-    }
+if (!$idaa_slct.event_obj) {
+    $idaa_slct.event_obj = {};
+}
+// Create a copy of the event object to track unsaved changes
+let orig_event_obj: any = { ...$idaa_slct.event_obj };
+if (browser) {
+    console.log(`$idaa_slct.event_obj = `, $idaa_slct.event_obj);
+    console.log(`orig_event_obj = `, orig_event_obj);
+}
 
-    if ($idaa_loc.recovery_meetings.edit__event_obj) {
-        $idaa_sess.recovery_meetings.edit__event_obj =
-            $idaa_loc.recovery_meetings.edit__event_obj;
-        $idaa_loc.recovery_meetings.edit__event_obj = false;
-    }
+if ($idaa_loc.recovery_meetings.edit__event_obj) {
+    $idaa_sess.recovery_meetings.edit__event_obj =
+        $idaa_loc.recovery_meetings.edit__event_obj;
+    $idaa_loc.recovery_meetings.edit__event_obj = false;
+}
 
-    let prom_api__event_obj: any = $state();
+let prom_api__event_obj: any = $state();
 
-    // Rich text fields — tracked separately because TipTap doesn't bind directly to the object
-    let description_new_html = $state($idaa_slct.event_obj?.description ?? '');
-    let description_changed = $state(false);
-    let location_text_new_html = $state($idaa_slct.event_obj?.location_text ?? '');
-    let location_text_changed = $state(false);
-    let attend_text_new_html = $state($idaa_slct.event_obj?.attend_text ?? '');
-    let attend_text_changed = $state(false);
-    let recurring_text_new_html = $state($idaa_slct.event_obj?.recurring_text ?? '');
-    let recurring_text_changed = $state(false);
-    let notes_new_html = $state($idaa_slct.event_obj?.notes ?? '');
-    let notes_changed = $state(false);
+// Rich text fields — tracked separately because TipTap doesn't bind directly to the object
+let description_new_html = $state($idaa_slct.event_obj?.description ?? '');
+let description_changed = $state(false);
+let location_text_new_html = $state($idaa_slct.event_obj?.location_text ?? '');
+let location_text_changed = $state(false);
+let attend_text_new_html = $state($idaa_slct.event_obj?.attend_text ?? '');
+let attend_text_changed = $state(false);
+let recurring_text_new_html = $state(
+    $idaa_slct.event_obj?.recurring_text ?? ''
+);
+let recurring_text_changed = $state(false);
+let notes_new_html = $state($idaa_slct.event_obj?.notes ?? '');
+let notes_changed = $state(false);
 
-    let disable_submit_btn = $state(true);
+let disable_submit_btn = $state(true);
 
-    // Weekday chip state — local $state is required because Svelte 5 does not reliably
-    // propagate reactivity through dynamic bracket notation ($store[dynamicKey]) on
-    // writable stores. Direct property access (.physical, .virtual) works fine; loop-variable
-    // bracket access does not trigger class re-renders. $state is deep-reactive and does.
-    const WEEKDAY_KEYS = [
-        'weekday_sunday', 'weekday_monday', 'weekday_tuesday', 'weekday_wednesday',
-        'weekday_thursday', 'weekday_friday', 'weekday_saturday'
-    ] as const;
-    let weekdays = $state<Record<string, boolean>>({
-        weekday_sunday: false, weekday_monday: false, weekday_tuesday: false,
-        weekday_wednesday: false, weekday_thursday: false, weekday_friday: false,
-        weekday_saturday: false
-    });
-    // Seed once from liveQuery when data first arrives. Plain JS flag (not $state) so
-    // it doesn't cause the effect to re-run after the one-time init.
-    let weekdays_initialized = false;
-    $effect(() => {
-        if (!weekdays_initialized && $lq__event_obj?.event_id) {
-            untrack(() => {
-                for (const key of WEEKDAY_KEYS) {
-                    weekdays[key] = !!$lq__event_obj[key];
-                }
-                weekdays_initialized = true;
-            });
-        }
-    });
-
-    // Contact 1 is locked by default on existing meetings for non-trusted users.
-    // This prevents accidental override of the meeting owner's contact info.
-    // Trusted+ users see no lock UI; new meetings start unlocked.
-    let contact_1_locked = $state(!!$idaa_slct.event_id && !$ae_loc.trusted_access);
-
-    // Admin Options section collapsed by default — trusted users rarely need these fields.
-    let show_admin_options = $state(false);
-
-    // Auto-expand Contact 2 if the meeting already has data in that slot,
-    // so existing contact info is never silently hidden on load.
-    let show_contact_2 = $state(
-        !!(
-            $idaa_slct.event_obj?.contact_li_json?.[1]?.full_name ||
-            $idaa_slct.event_obj?.contact_li_json?.[1]?.email
-        )
-    );
-
-    if ($idaa_slct.event_id) {
-        $slct_trigger = 'load__event_obj';
-        disable_submit_btn = false;
-    } else {
-        $idaa_slct.event_id = null;
-        $idaa_slct.event_obj = {
-            account_id: $ae_loc.account_id,
-
-            name: null,
-            description: null,
-            type: null,
-            physical: false,
-            virtual: false,
-
-            address_name: null,
-            address_line_1: null,
-            address_line_2: null,
-            address_line_3: null,
-            address_city: null,
-            address_country_subdivision_code: null,
-            address_country_subdivision_name: null,
-            address_postal_code: null,
-            address_country_alpha_2_code: null,
-            address_country_name: null,
-
-            location_text: null,
-
-            attend_platform: null,
-            attend_url: null,
-            attend_url_code: null,
-            attend_url_passcode: null,
-            attend_phone: null,
-            attend_phone_passcode: null,
-
-            attend_text: null,
-
-            attend_json: {},
-
-            timezone: null,
-
-            recurring_text: null,
-
-            contact_li_json: [
-                {
-                    full_name: $idaa_loc.novi_full_name,
-                    email: $idaa_loc.novi_email,
-                    phone_mobile: null,
-                    phone_home: null,
-                    phone_office: null
-                },
-                {
-                    full_name: null,
-                    email: null,
-                    phone_mobile: null,
-                    phone_home: null,
-                    phone_office: null
-                }
-            ],
-
-            sort: null,
-            notes: null,
-
-            external_person_id: $idaa_loc.novi_uuid,
-            external_person_full_name: $idaa_loc.novi_full_name,
-            external_person_email: $idaa_loc.novi_email
-        };
-        console.log(`Event Object started: ${$idaa_slct.event_obj}`);
-    }
-
-    // Lookup lists — reactive IDB queries (SWR via db_lookups + liveQuery)
-    // Data persists in IndexedDB with a 24h TTL; onMount triggers a background
-    // refresh if IDB is empty or stale. No localStorage or $ae_loc involved.
-    // Note: orderBy() requires a declared Dexie index. For fields not in the schema index,
-    // use toArray() + in-memory sort instead to avoid a silent liveQuery error.
-    // Sort convention matches the Aether backend: sort DESC (higher = first, NULL=0 last), then name ASC.
-    const lq__lu_country = liveQuery(() =>
-        db_lookups.lu_country.toArray().then(arr =>
-            arr.sort((a, b) => {
-                const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
-                if (s_diff !== 0) return s_diff;
-                return (a.english_short_name ?? a.name ?? '').localeCompare(b.english_short_name ?? b.name ?? '');
-            })
-        )
-    );
-    const lq__lu_country_subdivision = liveQuery(() =>
-        db_lookups.lu_country_subdivision.toArray().then(arr =>
-            arr.sort((a, b) => {
-                const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
-                if (s_diff !== 0) return s_diff;
-                return (a.name ?? '').localeCompare(b.name ?? '');
-            })
-        )
-    );
-    const lq__lu_time_zone = liveQuery(() =>
-        db_lookups.lu_time_zone.toArray().then(arr =>
-            arr.sort((a, b) => {
-                const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
-                if (s_diff !== 0) return s_diff;
-                return (a.name ?? '').localeCompare(b.name ?? '');
-            })
-        )
-    );
-
-    onMount(() => {
-        // Trigger background IDB refresh for all three lookup lists if stale/empty.
-        // liveQuery subscribers above will react automatically when IDB is written.
-        core_func.load_ae_obj_li__country({ api_cfg: $ae_api, log_lvl });
-        core_func.load_ae_obj_li__country_subdivision({ api_cfg: $ae_api, log_lvl });
-        core_func.load_ae_obj_li__time_zone({ api_cfg: $ae_api, log_lvl });
-    });
-
-    $effect(() => {
-        if ($idaa_slct.event_obj) {
-            if ($idaa_slct.event_obj == null) {
-                $idaa_slct.event_obj = { contact_li_json: [] };
-            } else {
-                disable_submit_btn = false;
+// Weekday chip state — local $state is required because Svelte 5 does not reliably
+// propagate reactivity through dynamic bracket notation ($store[dynamicKey]) on
+// writable stores. Direct property access (.physical, .virtual) works fine; loop-variable
+// bracket access does not trigger class re-renders. $state is deep-reactive and does.
+const WEEKDAY_KEYS = [
+    'weekday_sunday',
+    'weekday_monday',
+    'weekday_tuesday',
+    'weekday_wednesday',
+    'weekday_thursday',
+    'weekday_friday',
+    'weekday_saturday'
+] as const;
+let weekdays = $state<Record<string, boolean>>({
+    weekday_sunday: false,
+    weekday_monday: false,
+    weekday_tuesday: false,
+    weekday_wednesday: false,
+    weekday_thursday: false,
+    weekday_friday: false,
+    weekday_saturday: false
+});
+// Seed once from liveQuery when data first arrives. Plain JS flag (not $state) so
+// it doesn't cause the effect to re-run after the one-time init.
+let weekdays_initialized = false;
+$effect(() => {
+    if (!weekdays_initialized && $lq__event_obj?.event_id) {
+        untrack(() => {
+            for (const key of WEEKDAY_KEYS) {
+                weekdays[key] = !!$lq__event_obj[key];
             }
+            weekdays_initialized = true;
+        });
+    }
+});
+
+// Contact 1 is locked by default on existing meetings for non-trusted users.
+// This prevents accidental override of the meeting owner's contact info.
+// Trusted+ users see no lock UI; new meetings start unlocked.
+let contact_1_locked = $state(!!$idaa_slct.event_id && !$ae_loc.trusted_access);
+
+// Admin Options section collapsed by default — trusted users rarely need these fields.
+let show_admin_options = $state(false);
+
+// Auto-expand Contact 2 if the meeting already has data in that slot,
+// so existing contact info is never silently hidden on load.
+let show_contact_2 = $state(
+    !!(
+        $idaa_slct.event_obj?.contact_li_json?.[1]?.full_name ||
+        $idaa_slct.event_obj?.contact_li_json?.[1]?.email
+    )
+);
+
+if ($idaa_slct.event_id) {
+    $slct_trigger = 'load__event_obj';
+    disable_submit_btn = false;
+} else {
+    $idaa_slct.event_id = null;
+    $idaa_slct.event_obj = {
+        account_id: $ae_loc.account_id,
+
+        name: null,
+        description: null,
+        type: null,
+        physical: false,
+        virtual: false,
+
+        address_name: null,
+        address_line_1: null,
+        address_line_2: null,
+        address_line_3: null,
+        address_city: null,
+        address_country_subdivision_code: null,
+        address_country_subdivision_name: null,
+        address_postal_code: null,
+        address_country_alpha_2_code: null,
+        address_country_name: null,
+
+        location_text: null,
+
+        attend_platform: null,
+        attend_url: null,
+        attend_url_code: null,
+        attend_url_passcode: null,
+        attend_phone: null,
+        attend_phone_passcode: null,
+
+        attend_text: null,
+
+        attend_json: {},
+
+        timezone: null,
+
+        recurring_text: null,
+
+        contact_li_json: [
+            {
+                full_name: $idaa_loc.novi_full_name,
+                email: $idaa_loc.novi_email,
+                phone_mobile: null,
+                phone_home: null,
+                phone_office: null
+            },
+            {
+                full_name: null,
+                email: null,
+                phone_mobile: null,
+                phone_home: null,
+                phone_office: null
+            }
+        ],
+
+        sort: null,
+        notes: null,
+
+        external_person_id: $idaa_loc.novi_uuid,
+        external_person_full_name: $idaa_loc.novi_full_name,
+        external_person_email: $idaa_loc.novi_email
+    };
+    console.log(`Event Object started: ${$idaa_slct.event_obj}`);
+}
+
+// Lookup lists — reactive IDB queries (SWR via db_lookups + liveQuery)
+// Data persists in IndexedDB with a 24h TTL; onMount triggers a background
+// refresh if IDB is empty or stale. No localStorage or $ae_loc involved.
+// Note: orderBy() requires a declared Dexie index. For fields not in the schema index,
+// use toArray() + in-memory sort instead to avoid a silent liveQuery error.
+// Sort convention matches the Aether backend: sort DESC (higher = first, NULL=0 last), then name ASC.
+const lq__lu_country = liveQuery(() =>
+    db_lookups.lu_country.toArray().then((arr) =>
+        arr.sort((a, b) => {
+            const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
+            if (s_diff !== 0) return s_diff;
+            return (a.english_short_name ?? a.name ?? '').localeCompare(
+                b.english_short_name ?? b.name ?? ''
+            );
+        })
+    )
+);
+const lq__lu_country_subdivision = liveQuery(() =>
+    db_lookups.lu_country_subdivision.toArray().then((arr) =>
+        arr.sort((a, b) => {
+            const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
+            if (s_diff !== 0) return s_diff;
+            return (a.name ?? '').localeCompare(b.name ?? '');
+        })
+    )
+);
+const lq__lu_time_zone = liveQuery(() =>
+    db_lookups.lu_time_zone.toArray().then((arr) =>
+        arr.sort((a, b) => {
+            const s_diff = Number(b['sort'] ?? 0) - Number(a['sort'] ?? 0);
+            if (s_diff !== 0) return s_diff;
+            return (a.name ?? '').localeCompare(b.name ?? '');
+        })
+    )
+);
+
+onMount(() => {
+    // Trigger background IDB refresh for all three lookup lists if stale/empty.
+    // liveQuery subscribers above will react automatically when IDB is written.
+    core_func.load_ae_obj_li__country({ api_cfg: $ae_api, log_lvl });
+    core_func.load_ae_obj_li__country_subdivision({
+        api_cfg: $ae_api,
+        log_lvl
+    });
+    core_func.load_ae_obj_li__time_zone({ api_cfg: $ae_api, log_lvl });
+});
+
+$effect(() => {
+    if ($idaa_slct.event_obj) {
+        if ($idaa_slct.event_obj == null) {
+            $idaa_slct.event_obj = { contact_li_json: [] };
+        } else {
+            disable_submit_btn = false;
         }
+    }
+});
+
+function prevent_default<T extends Event>(fn: (event: T) => void) {
+    return function (event: T) {
+        event.preventDefault();
+        fn(event);
+    };
+}
+
+async function handle_submit_form(event: any) {
+    console.log('*** handle_submit_form() ***');
+    log_lvl = 1;
+    disable_submit_btn = true;
+
+    let form_data = new FormData(event.target);
+
+    let event_meeting_fd = ae_util.extract_prefixed_form_data({
+        prefix: null,
+        form_data: form_data,
+        trim_values: true,
+        bool_tf_str: true,
+        log_lvl: log_lvl
     });
 
-    function prevent_default<T extends Event>(fn: (event: T) => void) {
-        return function (event: T) {
-            event.preventDefault();
-            fn(event);
-        };
+    let event_do: key_val = {};
+
+    if (!$idaa_slct.event_id) {
+        event_do['account_id'] = $ae_loc.account_id;
+        event_do['enable'] = true;
     }
 
-    async function handle_submit_form(event: any) {
-        console.log('*** handle_submit_form() ***');
-        log_lvl = 1;
-        disable_submit_btn = true;
+    event_do['name'] = event_meeting_fd.name;
 
-        let form_data = new FormData(event.target);
+    if (typeof description_new_html === 'string') {
+        event_do['description'] = description_new_html;
+    }
 
-        let event_meeting_fd = ae_util.extract_prefixed_form_data({
-            prefix: null,
-            form_data: form_data,
-            trim_values: true,
-            bool_tf_str: true,
-            log_lvl: log_lvl
-        });
+    event_do['type'] = event_meeting_fd.type;
+    event_do['physical'] = !!event_meeting_fd.physical;
+    event_do['virtual'] = !!event_meeting_fd.virtual;
 
-        let event_do: key_val = {};
-
-        if (!$idaa_slct.event_id) {
-            event_do['account_id'] = $ae_loc.account_id;
-            event_do['enable'] = true;
-        }
-
-        event_do['name'] = event_meeting_fd.name;
-
-        if (typeof description_new_html === 'string') {
-            event_do['description'] = description_new_html;
-        }
-
-        event_do['type'] = event_meeting_fd.type;
-        event_do['physical'] = !!event_meeting_fd.physical;
-        event_do['virtual'] = !!event_meeting_fd.virtual;
-
-        let address: key_val = {};
-        address['name'] = event_meeting_fd.address_name;
-        address['line_1'] = event_meeting_fd.address_line_1;
-        address['line_2'] = event_meeting_fd.address_line_2;
-        address['line_3'] = event_meeting_fd.address_line_3;
-        address['city'] = event_meeting_fd.address_city;
+    let address: key_val = {};
+    address['name'] = event_meeting_fd.address_name;
+    address['line_1'] = event_meeting_fd.address_line_1;
+    address['line_2'] = event_meeting_fd.address_line_2;
+    address['line_3'] = event_meeting_fd.address_line_3;
+    address['city'] = event_meeting_fd.address_city;
+    address['country_subdivision_code'] =
+        event_meeting_fd.address_country_subdivision_code;
+    if (event_meeting_fd.address_country_subdivision_code) {
         address['country_subdivision_code'] =
             event_meeting_fd.address_country_subdivision_code;
-        if (event_meeting_fd.address_country_subdivision_code) {
-            address['country_subdivision_code'] =
-                event_meeting_fd.address_country_subdivision_code;
-            let country_subdivision_data = ae_util.get_obj_li_w_match_prop({
-                obj_li: $lq__lu_country_subdivision ?? [],
-                property: 'code',
-                value: event_meeting_fd.address_country_subdivision_code
-            });
-            address['state_province'] = country_subdivision_data[0].name;
-        }
-        address['postal_code'] = event_meeting_fd.address_postal_code;
-        if (event_meeting_fd.address_country_alpha_2_code) {
-            address['country_alpha_2_code'] =
-                event_meeting_fd.address_country_alpha_2_code;
-            let country_data = ae_util.get_obj_li_w_match_prop({
-                obj_li: $lq__lu_country ?? [],
-                property: 'alpha_2_code',
-                value: event_meeting_fd.address_country_alpha_2_code
-            });
-            address['country'] = country_data[0].english_short_name;
-        }
-        event_do['location_address_json'] = address;
+        let country_subdivision_data = ae_util.get_obj_li_w_match_prop({
+            obj_li: $lq__lu_country_subdivision ?? [],
+            property: 'code',
+            value: event_meeting_fd.address_country_subdivision_code
+        });
+        address['state_province'] = country_subdivision_data[0].name;
+    }
+    address['postal_code'] = event_meeting_fd.address_postal_code;
+    if (event_meeting_fd.address_country_alpha_2_code) {
+        address['country_alpha_2_code'] =
+            event_meeting_fd.address_country_alpha_2_code;
+        let country_data = ae_util.get_obj_li_w_match_prop({
+            obj_li: $lq__lu_country ?? [],
+            property: 'alpha_2_code',
+            value: event_meeting_fd.address_country_alpha_2_code
+        });
+        address['country'] = country_data[0].english_short_name;
+    }
+    event_do['location_address_json'] = address;
 
-        if (typeof location_text_new_html === 'string') {
-            event_do['location_text'] = location_text_new_html;
-        }
-
-        event_do['attend_url'] = event_meeting_fd.attend_url;
-        event_do['attend_url_code'] = event_meeting_fd.attend_url_code;
-        event_do['attend_url_passcode'] = event_meeting_fd.attend_url_passcode;
-        event_do['attend_phone'] = event_meeting_fd.attend_phone;
-        event_do['attend_phone_passcode'] = event_meeting_fd.attend_phone_passcode;
-
-        if (typeof attend_text_new_html === 'string') {
-            event_do['attend_text'] = attend_text_new_html;
-        }
-
-        if ($idaa_sess.recovery_meetings?.attend_platform === 'Zoom') {
-            let zoom_attend_domain = event_meeting_fd.attend_domain ?? 'zoom.us';
-            let zoom_meeting_id = event_do['attend_url_code']
-                ? event_do['attend_url_code'].replace(/[^0-9]/g, '').trim()
-                : null;
-            let zoom_passcode = event_do['attend_url_passcode']
-                ? event_do['attend_url_passcode'].trim()
-                : null;
-            let zoom_passcode_enc = event_meeting_fd.attend_url_passcode_enc
-                ? event_meeting_fd.attend_url_passcode_enc
-                      .replace(/[^a-zA-Z0-9]/g, '')
-                      .trim()
-                : '';
-            // Defensive: prevent saving the literal strings 'null' or 'undefined'
-            if (zoom_passcode_enc === 'null' || zoom_passcode_enc === 'undefined') {
-                zoom_passcode_enc = '';
-            }
-            let zoom_url = event_meeting_fd.zoom_attend_url
-                ? event_meeting_fd.zoom_attend_url.trim()
-                : null;
-
-            event_do['attend_json'] = {
-                zoom: {
-                    domain: zoom_attend_domain,
-                    meeting_id: zoom_meeting_id,
-                    passcode: zoom_passcode,
-                    passcode_enc: zoom_passcode_enc,
-                    full_url: zoom_url
-                }
-            };
-
-            event_do['attend_url'] = zoom_url;
-            event_do['attend_url_text'] =
-                `Join Zoom Meeting: ${zoom_meeting_id ? zoom_url : ''}`;
-            event_do['attend_url_passcode'] = zoom_passcode;
-            event_do['attend_url_code'] = zoom_meeting_id;
-        } else if ($idaa_sess.recovery_meetings?.attend_platform === 'Jitsi') {
-            let jitsi_full_url = event_meeting_fd.attend_url
-                ? event_meeting_fd.attend_url.trim()
-                : null;
-            let jitsi_name = event_meeting_fd.attend_url_code
-                ? event_meeting_fd.attend_url_code.trim()
-                : null;
-            let jitsi_passcode = event_meeting_fd.attend_url_passcode
-                ? event_meeting_fd.attend_url_passcode.trim()
-                : null;
-
-            event_do['attend_json'] = {
-                jitsi: { full_url: jitsi_full_url, name: jitsi_name, passcode: jitsi_passcode }
-            };
-
-            event_do['attend_url'] = jitsi_full_url;
-            event_do['attend_url_text'] =
-                `Join Jitsi Meeting: ${jitsi_name ? jitsi_full_url : ''}`;
-            event_do['attend_url_passcode'] = jitsi_passcode;
-            event_do['attend_url_code'] = jitsi_name;
-        } else {
-            event_do['attend_json'] = {};
-        }
-
-        event_do['timezone'] = event_meeting_fd.timezone;
-
-        // Meetings are always recurring — recurring=true is hardcoded per 2024-10 decision
-        event_do['recurring'] = true;
-        event_do['recurring_pattern'] = event_meeting_fd.recurring_pattern;
-
-        // Read weekdays from local $state (not FormData) — bind:checked with dynamic bracket
-        // notation in {#each} is unreliable in Svelte 5; explicit onchange handlers update
-        // the weekdays $state object directly, so read from there instead.
-        event_do['weekday_sunday'] = weekdays.weekday_sunday;
-        event_do['weekday_monday'] = weekdays.weekday_monday;
-        event_do['weekday_tuesday'] = weekdays.weekday_tuesday;
-        event_do['weekday_wednesday'] = weekdays.weekday_wednesday;
-        event_do['weekday_thursday'] = weekdays.weekday_thursday;
-        event_do['weekday_friday'] = weekdays.weekday_friday;
-        event_do['weekday_saturday'] = weekdays.weekday_saturday;
-
-        // Send null explicitly so the user can clear a time once set.
-        // An empty string from the time input means "no time" — map that to null.
-        event_do['recurring_start_time'] = event_meeting_fd.recurring_start_time || null;
-        event_do['recurring_end_time'] = event_meeting_fd.recurring_end_time || null;
-
-        if (typeof recurring_text_new_html === 'string') {
-            event_do['recurring_text'] = recurring_text_new_html;
-        }
-
-        // Auto-generate recurring_text if blank or still has the *gen* placeholder prefix
-        if (!event_do['recurring_text'] || event_do['recurring_text'].includes('*gen*')) {
-            let days_of_week = [];
-            if (event_do['weekday_sunday']) days_of_week.push('Sunday');
-            if (event_do['weekday_monday']) days_of_week.push('Monday');
-            if (event_do['weekday_tuesday']) days_of_week.push('Tuesday');
-            if (event_do['weekday_wednesday']) days_of_week.push('Wednesday');
-            if (event_do['weekday_thursday']) days_of_week.push('Thursday');
-            if (event_do['weekday_friday']) days_of_week.push('Friday');
-            if (event_do['weekday_saturday']) days_of_week.push('Saturday');
-
-            let current_date_iso = ae_util.iso_datetime_formatter(new Date(), 'YYYY-MM-DD');
-
-            event_do['recurring_text'] =
-                `*gen* ${event_do['recurring_pattern'] ?? ''}: ${days_of_week.join(', ')} at ${ae_util.iso_datetime_formatter(`${current_date_iso} ${event_do['recurring_start_time']}`, 'time_12_short_no_leading')} ${event_do['timezone'] ?? ''}`;
-        }
-
-        event_do['external_person_id'] = event_meeting_fd.external_person_id;
-
-        event_do['contact_li_json'] = [];
-        let contact_1: key_val = {};
-        contact_1['full_name'] = event_meeting_fd.contact_1_full_name;
-        contact_1['email'] = event_meeting_fd.contact_1_email;
-        if (event_meeting_fd.contact_1_phone_mobile) {
-            contact_1['phone_mobile'] = event_meeting_fd.contact_1_phone_mobile;
-        }
-        if (event_meeting_fd.contact_1_phone_home) {
-            contact_1['phone_home'] = event_meeting_fd.contact_1_phone_home;
-        }
-        if (event_meeting_fd.contact_1_phone_office) {
-            contact_1['phone_office'] = event_meeting_fd.contact_1_phone_office;
-        }
-        event_do['contact_li_json'].push(contact_1);
-
-        let contact_2: key_val = {};
-        contact_2['full_name'] = event_meeting_fd.contact_2_full_name;
-        contact_2['email'] = event_meeting_fd.contact_2_email;
-        if (event_meeting_fd.contact_2_phone_mobile) {
-            contact_2['phone_mobile'] = event_meeting_fd.contact_2_phone_mobile;
-        }
-        if (event_meeting_fd.contact_2_phone_home) {
-            contact_2['phone_home'] = event_meeting_fd.contact_2_phone_home;
-        }
-        if (event_meeting_fd.contact_2_phone_office) {
-            contact_2['phone_office'] = event_meeting_fd.contact_2_phone_office;
-        }
-        event_do['contact_li_json'].push(contact_2);
-
-        event_do['status'] = event_meeting_fd.status ?? null;
-        event_do['hide'] = !!event_meeting_fd.hide;
-        event_do['priority'] = !!event_meeting_fd.priority;
-        if (event_meeting_fd['sort']) {
-            event_do['sort'] = Number(event_meeting_fd.sort);
-        }
-        event_do['group'] = event_meeting_fd['group'] ? event_meeting_fd.group : null;
-
-        // Only set enable if the input is defined (avoid overriding on edits where field is absent)
-        if (typeof event_meeting_fd.enable !== 'undefined') {
-            event_do.enable = event_meeting_fd.enable;
-        }
-
-        if (typeof notes_new_html === 'string') {
-            event_do['notes'] = notes_new_html;
-        }
-
-        if (log_lvl) {
-            console.log('Event object data:', event_do);
-        }
-
-        if (!$idaa_slct.event_id) {
-            prom_api__event_obj = events_func
-                .create_ae_obj__event({
-                    api_cfg: $ae_api,
-                    account_id: $ae_loc.account_id,
-                    data_kv: event_do,
-                    log_lvl: log_lvl
-                })
-                .then(function (result) {
-                    if (!result) return false;
-                    $idaa_slct.event_id = result.event_id;
-                    $idaa_slct.event_obj = result;
-                    if ($ae_loc.site_cfg_json?.recovery_mtg_send_staff_new_email) {
-                        send_staff_notification_email(result);
-                    }
-                    return result;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.', error);
-                    return false;
-                })
-                .finally(() => {
-                    disable_submit_btn = false;
-                    // Clear both modal and direct-page edit flags so save closes
-                    // the form in both the modal context and the [event_id] page context
-                    $idaa_sess.recovery_meetings.show__modal_edit = false;
-                    $idaa_sess.recovery_meetings.edit__event_obj = false;
-                    $idaa_sess.recovery_meetings.show__modal_view = true;
-                });
-
-            return prom_api__event_obj;
-        } else {
-            prom_api__event_obj = events_func
-                .update_ae_obj__event({
-                    api_cfg: $ae_api,
-                    event_id: $idaa_slct.event_id,
-                    data_kv: event_do,
-                    log_lvl: log_lvl
-                })
-                .then(function (result) {
-                    if (!result) return false;
-                    $idaa_slct.event_obj = result;
-                    if ($ae_loc.site_cfg_json?.recovery_mtg_send_staff_update_email) {
-                        send_staff_notification_email(result);
-                    }
-                    return result;
-                })
-                .catch(function (error: any) {
-                    console.log('Something went wrong.', error);
-                    return false;
-                })
-                .finally(() => {
-                    disable_submit_btn = false;
-                    // Clear both modal and direct-page edit flags
-                    $idaa_sess.recovery_meetings.show__modal_edit = false;
-                    $idaa_sess.recovery_meetings.edit__event_obj = false;
-                    $idaa_sess.recovery_meetings.show__modal_view = true;
-                });
-
-            return prom_api__event_obj;
-        }
+    if (typeof location_text_new_html === 'string') {
+        event_do['location_text'] = location_text_new_html;
     }
 
-    async function handle_delete_event_obj({
-        event_id,
-        method = 'disable'
-    }: {
-        event_id: string;
-        method?: string;
-    }) {
+    event_do['attend_url'] = event_meeting_fd.attend_url;
+    event_do['attend_url_code'] = event_meeting_fd.attend_url_code;
+    event_do['attend_url_passcode'] = event_meeting_fd.attend_url_passcode;
+    event_do['attend_phone'] = event_meeting_fd.attend_phone;
+    event_do['attend_phone_passcode'] = event_meeting_fd.attend_phone_passcode;
+
+    if (typeof attend_text_new_html === 'string') {
+        event_do['attend_text'] = attend_text_new_html;
+    }
+
+    if ($idaa_sess.recovery_meetings?.attend_platform === 'Zoom') {
+        let zoom_attend_domain = event_meeting_fd.attend_domain ?? 'zoom.us';
+        let zoom_meeting_id = event_do['attend_url_code']
+            ? event_do['attend_url_code'].replace(/[^0-9]/g, '').trim()
+            : null;
+        let zoom_passcode = event_do['attend_url_passcode']
+            ? event_do['attend_url_passcode'].trim()
+            : null;
+        let zoom_passcode_enc = event_meeting_fd.attend_url_passcode_enc
+            ? event_meeting_fd.attend_url_passcode_enc
+                  .replace(/[^a-zA-Z0-9]/g, '')
+                  .trim()
+            : '';
+        // Defensive: prevent saving the literal strings 'null' or 'undefined'
+        if (zoom_passcode_enc === 'null' || zoom_passcode_enc === 'undefined') {
+            zoom_passcode_enc = '';
+        }
+        let zoom_url = event_meeting_fd.zoom_attend_url
+            ? event_meeting_fd.zoom_attend_url.trim()
+            : null;
+
+        event_do['attend_json'] = {
+            zoom: {
+                domain: zoom_attend_domain,
+                meeting_id: zoom_meeting_id,
+                passcode: zoom_passcode,
+                passcode_enc: zoom_passcode_enc,
+                full_url: zoom_url
+            }
+        };
+
+        event_do['attend_url'] = zoom_url;
+        event_do['attend_url_text'] =
+            `Join Zoom Meeting: ${zoom_meeting_id ? zoom_url : ''}`;
+        event_do['attend_url_passcode'] = zoom_passcode;
+        event_do['attend_url_code'] = zoom_meeting_id;
+    } else if ($idaa_sess.recovery_meetings?.attend_platform === 'Jitsi') {
+        let jitsi_full_url = event_meeting_fd.attend_url
+            ? event_meeting_fd.attend_url.trim()
+            : null;
+        let jitsi_name = event_meeting_fd.attend_url_code
+            ? event_meeting_fd.attend_url_code.trim()
+            : null;
+        let jitsi_passcode = event_meeting_fd.attend_url_passcode
+            ? event_meeting_fd.attend_url_passcode.trim()
+            : null;
+
+        event_do['attend_json'] = {
+            jitsi: {
+                full_url: jitsi_full_url,
+                name: jitsi_name,
+                passcode: jitsi_passcode
+            }
+        };
+
+        event_do['attend_url'] = jitsi_full_url;
+        event_do['attend_url_text'] =
+            `Join Jitsi Meeting: ${jitsi_name ? jitsi_full_url : ''}`;
+        event_do['attend_url_passcode'] = jitsi_passcode;
+        event_do['attend_url_code'] = jitsi_name;
+    } else {
+        event_do['attend_json'] = {};
+    }
+
+    event_do['timezone'] = event_meeting_fd.timezone;
+
+    // Meetings are always recurring — recurring=true is hardcoded per 2024-10 decision
+    event_do['recurring'] = true;
+    event_do['recurring_pattern'] = event_meeting_fd.recurring_pattern;
+
+    // Read weekdays from local $state (not FormData) — bind:checked with dynamic bracket
+    // notation in {#each} is unreliable in Svelte 5; explicit onchange handlers update
+    // the weekdays $state object directly, so read from there instead.
+    event_do['weekday_sunday'] = weekdays.weekday_sunday;
+    event_do['weekday_monday'] = weekdays.weekday_monday;
+    event_do['weekday_tuesday'] = weekdays.weekday_tuesday;
+    event_do['weekday_wednesday'] = weekdays.weekday_wednesday;
+    event_do['weekday_thursday'] = weekdays.weekday_thursday;
+    event_do['weekday_friday'] = weekdays.weekday_friday;
+    event_do['weekday_saturday'] = weekdays.weekday_saturday;
+
+    // Send null explicitly so the user can clear a time once set.
+    // An empty string from the time input means "no time" — map that to null.
+    event_do['recurring_start_time'] =
+        event_meeting_fd.recurring_start_time || null;
+    event_do['recurring_end_time'] =
+        event_meeting_fd.recurring_end_time || null;
+
+    if (typeof recurring_text_new_html === 'string') {
+        event_do['recurring_text'] = recurring_text_new_html;
+    }
+
+    // Auto-generate recurring_text if blank or still has the *gen* placeholder prefix
+    if (
+        !event_do['recurring_text'] ||
+        event_do['recurring_text'].includes('*gen*')
+    ) {
+        let days_of_week = [];
+        if (event_do['weekday_sunday']) days_of_week.push('Sunday');
+        if (event_do['weekday_monday']) days_of_week.push('Monday');
+        if (event_do['weekday_tuesday']) days_of_week.push('Tuesday');
+        if (event_do['weekday_wednesday']) days_of_week.push('Wednesday');
+        if (event_do['weekday_thursday']) days_of_week.push('Thursday');
+        if (event_do['weekday_friday']) days_of_week.push('Friday');
+        if (event_do['weekday_saturday']) days_of_week.push('Saturday');
+
+        let current_date_iso = ae_util.iso_datetime_formatter(
+            new Date(),
+            'YYYY-MM-DD'
+        );
+
+        event_do['recurring_text'] =
+            `*gen* ${event_do['recurring_pattern'] ?? ''}: ${days_of_week.join(', ')} at ${ae_util.iso_datetime_formatter(`${current_date_iso} ${event_do['recurring_start_time']}`, 'time_12_short_no_leading')} ${event_do['timezone'] ?? ''}`;
+    }
+
+    event_do['external_person_id'] = event_meeting_fd.external_person_id;
+
+    event_do['contact_li_json'] = [];
+    let contact_1: key_val = {};
+    contact_1['full_name'] = event_meeting_fd.contact_1_full_name;
+    contact_1['email'] = event_meeting_fd.contact_1_email;
+    if (event_meeting_fd.contact_1_phone_mobile) {
+        contact_1['phone_mobile'] = event_meeting_fd.contact_1_phone_mobile;
+    }
+    if (event_meeting_fd.contact_1_phone_home) {
+        contact_1['phone_home'] = event_meeting_fd.contact_1_phone_home;
+    }
+    if (event_meeting_fd.contact_1_phone_office) {
+        contact_1['phone_office'] = event_meeting_fd.contact_1_phone_office;
+    }
+    event_do['contact_li_json'].push(contact_1);
+
+    let contact_2: key_val = {};
+    contact_2['full_name'] = event_meeting_fd.contact_2_full_name;
+    contact_2['email'] = event_meeting_fd.contact_2_email;
+    if (event_meeting_fd.contact_2_phone_mobile) {
+        contact_2['phone_mobile'] = event_meeting_fd.contact_2_phone_mobile;
+    }
+    if (event_meeting_fd.contact_2_phone_home) {
+        contact_2['phone_home'] = event_meeting_fd.contact_2_phone_home;
+    }
+    if (event_meeting_fd.contact_2_phone_office) {
+        contact_2['phone_office'] = event_meeting_fd.contact_2_phone_office;
+    }
+    event_do['contact_li_json'].push(contact_2);
+
+    event_do['status'] = event_meeting_fd.status ?? null;
+    event_do['hide'] = !!event_meeting_fd.hide;
+    event_do['priority'] = !!event_meeting_fd.priority;
+    if (event_meeting_fd['sort']) {
+        event_do['sort'] = Number(event_meeting_fd.sort);
+    }
+    event_do['group'] = event_meeting_fd['group']
+        ? event_meeting_fd.group
+        : null;
+
+    // Only set enable if the input is defined (avoid overriding on edits where field is absent)
+    if (typeof event_meeting_fd.enable !== 'undefined') {
+        event_do.enable = event_meeting_fd.enable;
+    }
+
+    if (typeof notes_new_html === 'string') {
+        event_do['notes'] = notes_new_html;
+    }
+
+    if (log_lvl) {
+        console.log('Event object data:', event_do);
+    }
+
+    if (!$idaa_slct.event_id) {
         prom_api__event_obj = events_func
-            .delete_ae_obj_id__event({
+            .create_ae_obj__event({
                 api_cfg: $ae_api,
-                event_id: event_id,
-                method: method as any,
+                account_id: $ae_loc.account_id,
+                data_kv: event_do,
                 log_lvl: log_lvl
             })
-            .then(function () {
-                $idaa_sess.recovery_meetings.edit__event_obj = false;
+            .then(function (result) {
+                if (!result) return false;
+                $idaa_slct.event_id = result.event_id;
+                $idaa_slct.event_obj = result;
+                if ($ae_loc.site_cfg_json?.recovery_mtg_send_staff_new_email) {
+                    send_staff_notification_email(result);
+                }
+                return result;
             })
             .catch(function (error: any) {
-                console.log('Delete failed.', error);
+                console.log('Something went wrong.', error);
+                return false;
             })
             .finally(() => {
-                $idaa_slct.event_id = null;
-                $idaa_slct.event_obj = null;
-                goto('/idaa/recovery_meetings', { replaceState: true });
+                disable_submit_btn = false;
+                // Clear both modal and direct-page edit flags so save closes
+                // the form in both the modal context and the [event_id] page context
+                $idaa_sess.recovery_meetings.show__modal_edit = false;
+                $idaa_sess.recovery_meetings.edit__event_obj = false;
+                $idaa_sess.recovery_meetings.show__modal_view = true;
+            });
+
+        return prom_api__event_obj;
+    } else {
+        prom_api__event_obj = events_func
+            .update_ae_obj__event({
+                api_cfg: $ae_api,
+                event_id: $idaa_slct.event_id,
+                data_kv: event_do,
+                log_lvl: log_lvl
+            })
+            .then(function (result) {
+                if (!result) return false;
+                $idaa_slct.event_obj = result;
+                if (
+                    $ae_loc.site_cfg_json?.recovery_mtg_send_staff_update_email
+                ) {
+                    send_staff_notification_email(result);
+                }
+                return result;
+            })
+            .catch(function (error: any) {
+                console.log('Something went wrong.', error);
+                return false;
+            })
+            .finally(() => {
+                disable_submit_btn = false;
+                // Clear both modal and direct-page edit flags
+                $idaa_sess.recovery_meetings.show__modal_edit = false;
+                $idaa_sess.recovery_meetings.edit__event_obj = false;
+                $idaa_sess.recovery_meetings.show__modal_view = true;
             });
 
         return prom_api__event_obj;
     }
+}
 
-    // Send notification email to staff when a meeting is created or updated.
-    // Controlled by site config flags: recovery_mtg_send_staff_new_email / recovery_mtg_send_staff_update_email
-    function send_staff_notification_email(event_do: key_val) {
-        let link_base_url =
-            $ae_loc.site_cfg_json.novi_meetings_base_url ??
-            `${$ae_loc.url_origin}/idaa/recovery_meetings`;
+async function handle_delete_event_obj({
+    event_id,
+    method = 'disable'
+}: {
+    event_id: string;
+    method?: string;
+}) {
+    prom_api__event_obj = events_func
+        .delete_ae_obj_id__event({
+            api_cfg: $ae_api,
+            event_id: event_id,
+            method: method as any,
+            log_lvl: log_lvl
+        })
+        .then(function () {
+            $idaa_sess.recovery_meetings.edit__event_obj = false;
+        })
+        .catch(function (error: any) {
+            console.log('Delete failed.', error);
+        })
+        .finally(() => {
+            $idaa_slct.event_id = null;
+            $idaa_slct.event_obj = null;
+            goto('/idaa/recovery_meetings', { replaceState: true });
+        });
 
-        let subject = `IDAA Recovery Meeting: ${event_do.name} (ID: ${event_do.event_id})`;
+    return prom_api__event_obj;
+}
 
-        let body_html = `
+// Send notification email to staff when a meeting is created or updated.
+// Controlled by site config flags: recovery_mtg_send_staff_new_email / recovery_mtg_send_staff_update_email
+function send_staff_notification_email(event_do: key_val) {
+    let link_base_url =
+        $ae_loc.site_cfg_json.novi_meetings_base_url ??
+        `${$ae_loc.url_origin}/idaa/recovery_meetings`;
+
+    let subject = `IDAA Recovery Meeting: ${event_do.name} (ID: ${event_do.event_id})`;
+
+    let body_html = `
 <div>
 <p>A recovery meeting has been created or updated named "${event_do.name}".</p>
 </div>
@@ -590,110 +622,119 @@ IDAA Recovery Meeting ID: ${event_do.event_id}<br>
 Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${link_base_url}?event_id=${event_do.event_id}</a></p>
 </div>`;
 
-        api.send_email({
-            api_cfg: $ae_api,
-            from_email:
-                $ae_loc.site_cfg_json?.noreply_email ?? 'noreply+recmtg@oneskyit.com',
-            from_name: $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA Rec Mtg NoReply',
-            to_email: $ae_loc.site_cfg_json?.admin_email ?? 'admin+recmtg@oneskyit.com',
-            to_name: $ae_loc.site_cfg_json?.admin_name ?? 'IDAA Recovery Meeting Admin',
-            subject: subject,
-            body_html: body_html,
-            log_lvl: log_lvl
-        });
-    }
-
-    // Track whether the form has unsaved changes relative to the original loaded object.
-    // weekdays is checked separately since it's a local $state, not part of $idaa_slct.event_obj.
-    $effect(() => {
-        const weekdays_changed = WEEKDAY_KEYS.some(k => !!weekdays[k] !== !!orig_event_obj?.[k]);
-        if (orig_event_obj === null || orig_event_obj === undefined) {
-            obj_changed = false;
-        } else if (
-            !obj_changed &&
-            orig_event_obj?.id &&
-            (JSON.stringify($idaa_slct.event_obj) !== JSON.stringify(orig_event_obj) ||
-                description_changed ||
-                notes_changed ||
-                weekdays_changed)
-        ) {
-            obj_changed = true;
-        } else if (
-            obj_changed &&
-            orig_event_obj?.id &&
-            JSON.stringify($idaa_slct.event_obj) === JSON.stringify(orig_event_obj) &&
-            !description_changed &&
-            !notes_changed &&
-            !weekdays_changed
-        ) {
-            obj_changed = false;
-        }
+    api.send_email({
+        api_cfg: $ae_api,
+        from_email:
+            $ae_loc.site_cfg_json?.noreply_email ??
+            'noreply+recmtg@oneskyit.com',
+        from_name:
+            $ae_loc.site_cfg_json?.noreply_name ?? 'IDAA Rec Mtg NoReply',
+        to_email:
+            $ae_loc.site_cfg_json?.admin_email ?? 'admin+recmtg@oneskyit.com',
+        to_name:
+            $ae_loc.site_cfg_json?.admin_name ?? 'IDAA Recovery Meeting Admin',
+        subject: subject,
+        body_html: body_html,
+        log_lvl: log_lvl
     });
+}
 
-    // Detect the current virtual platform from attend_json on load
-    if (browser && $idaa_slct.event_obj?.attend_json) {
-        if ($idaa_slct.event_obj?.attend_json?.zoom) {
-            $idaa_sess.recovery_meetings.attend_platform = 'Zoom';
-        } else if ($idaa_slct.event_obj?.attend_json?.jitsi) {
-            $idaa_sess.recovery_meetings.attend_platform = 'Jitsi';
-        } else {
-            $idaa_sess.recovery_meetings.attend_platform = null;
-        }
+// Track whether the form has unsaved changes relative to the original loaded object.
+// weekdays is checked separately since it's a local $state, not part of $idaa_slct.event_obj.
+$effect(() => {
+    const weekdays_changed = WEEKDAY_KEYS.some(
+        (k) => !!weekdays[k] !== !!orig_event_obj?.[k]
+    );
+    if (orig_event_obj === null || orig_event_obj === undefined) {
+        obj_changed = false;
+    } else if (
+        !obj_changed &&
+        orig_event_obj?.id &&
+        (JSON.stringify($idaa_slct.event_obj) !==
+            JSON.stringify(orig_event_obj) ||
+            description_changed ||
+            notes_changed ||
+            weekdays_changed)
+    ) {
+        obj_changed = true;
+    } else if (
+        obj_changed &&
+        orig_event_obj?.id &&
+        JSON.stringify($idaa_slct.event_obj) ===
+            JSON.stringify(orig_event_obj) &&
+        !description_changed &&
+        !notes_changed &&
+        !weekdays_changed
+    ) {
+        obj_changed = false;
     }
+});
 
-    // Rebuild the Zoom full URL whenever Meeting ID, Passcode, Encrypted Passcode, or Domain changes.
-    // IMPORTANT: Guard attend_json.zoom before accessing its sub-properties.
-    // Background SWR re-fires (load_ae_obj_li__event in +layout.ts) can overwrite
-    // $idaa_slct.event_obj with a fresh IDB record where attend_json = {} (no zoom key),
-    // even if the Zoom button was already clicked.  Without the guard, the access to
-    // attend_json.zoom.passcode_enc below throws a TypeError and crashes the component.
-    $effect(() => {
-        if (
-            $idaa_trig == 'update_zoom_full_url' &&
-            $idaa_slct.event_obj.attend_url_code &&
-            $idaa_slct.event_obj.attend_url_passcode &&
-            $idaa_sess.recovery_meetings.attend_platform === 'Zoom' &&
-            $idaa_slct.event_obj.attend_json?.zoom // guard: zoom may be undefined after IDB re-fire
-        ) {
-            $idaa_trig = null;
+// Detect the current virtual platform from attend_json on load
+if (browser && $idaa_slct.event_obj?.attend_json) {
+    if ($idaa_slct.event_obj?.attend_json?.zoom) {
+        $idaa_sess.recovery_meetings.attend_platform = 'Zoom';
+    } else if ($idaa_slct.event_obj?.attend_json?.jitsi) {
+        $idaa_sess.recovery_meetings.attend_platform = 'Jitsi';
+    } else {
+        $idaa_sess.recovery_meetings.attend_platform = null;
+    }
+}
 
-            $idaa_slct.event_obj.attend_url_code =
-                String($idaa_slct.event_obj.attend_url_code)
-                    .replace(/[^0-9]/g, '')
-                    .trim() ?? '';
+// Rebuild the Zoom full URL whenever Meeting ID, Passcode, Encrypted Passcode, or Domain changes.
+// IMPORTANT: Guard attend_json.zoom before accessing its sub-properties.
+// Background SWR re-fires (load_ae_obj_li__event in +layout.ts) can overwrite
+// $idaa_slct.event_obj with a fresh IDB record where attend_json = {} (no zoom key),
+// even if the Zoom button was already clicked.  Without the guard, the access to
+// attend_json.zoom.passcode_enc below throws a TypeError and crashes the component.
+$effect(() => {
+    if (
+        $idaa_trig == 'update_zoom_full_url' &&
+        $idaa_slct.event_obj.attend_url_code &&
+        $idaa_slct.event_obj.attend_url_passcode &&
+        $idaa_sess.recovery_meetings.attend_platform === 'Zoom' &&
+        $idaa_slct.event_obj.attend_json?.zoom // guard: zoom may be undefined after IDB re-fire
+    ) {
+        $idaa_trig = null;
 
-            $idaa_slct.event_obj.attend_url_passcode =
-                String($idaa_slct.event_obj.attend_url_passcode).trim() ?? '';
+        $idaa_slct.event_obj.attend_url_code =
+            String($idaa_slct.event_obj.attend_url_code)
+                .replace(/[^0-9]/g, '')
+                .trim() ?? '';
 
-            // Normalize encrypted passcode: avoid String(null) -> 'null'
-            {
-                const _enc = $idaa_slct.event_obj.attend_json.zoom.passcode_enc;
-                if (_enc == null || _enc === 'null' || _enc === 'undefined') {
-                    $idaa_slct.event_obj.attend_json.zoom.passcode_enc = '';
-                } else {
-                    $idaa_slct.event_obj.attend_json.zoom.passcode_enc = String(_enc).trim();
-                }
-            }
+        $idaa_slct.event_obj.attend_url_passcode =
+            String($idaa_slct.event_obj.attend_url_passcode).trim() ?? '';
 
-            $idaa_slct.event_obj.attend_json.zoom.domain = $idaa_slct.event_obj
-                .attend_json.zoom.domain
-                ? String($idaa_slct.event_obj.attend_json.zoom.domain)
-                      .toLowerCase()
-                      .trim()
-                      .replace(/^https?:\/\//, '')
-                      .replace(/\/.*$/, '')
-                : 'zoom.us';
-
-            if (
-                $idaa_slct.event_obj.attend_json.zoom.passcode_enc &&
-                $idaa_slct.event_obj.attend_json.zoom.passcode_enc.length >= 8
-            ) {
-                $idaa_slct.event_obj.attend_json.zoom.full_url = `https://${$idaa_slct.event_obj.attend_json.zoom.domain}/j/${$idaa_slct.event_obj.attend_url_code}?pwd=${$idaa_slct.event_obj.attend_json.zoom.passcode_enc}`;
+        // Normalize encrypted passcode: avoid String(null) -> 'null'
+        {
+            const _enc = $idaa_slct.event_obj.attend_json.zoom.passcode_enc;
+            if (_enc == null || _enc === 'null' || _enc === 'undefined') {
+                $idaa_slct.event_obj.attend_json.zoom.passcode_enc = '';
             } else {
-                $idaa_slct.event_obj.attend_json.zoom.full_url = `https://${$idaa_slct.event_obj.attend_json.zoom.domain}/j/${$idaa_slct.event_obj.attend_url_code}?pwd=${$idaa_slct.event_obj.attend_url_passcode}`;
+                $idaa_slct.event_obj.attend_json.zoom.passcode_enc =
+                    String(_enc).trim();
             }
         }
-    });
+
+        $idaa_slct.event_obj.attend_json.zoom.domain = $idaa_slct.event_obj
+            .attend_json.zoom.domain
+            ? String($idaa_slct.event_obj.attend_json.zoom.domain)
+                  .toLowerCase()
+                  .trim()
+                  .replace(/^https?:\/\//, '')
+                  .replace(/\/.*$/, '')
+            : 'zoom.us';
+
+        if (
+            $idaa_slct.event_obj.attend_json.zoom.passcode_enc &&
+            $idaa_slct.event_obj.attend_json.zoom.passcode_enc.length >= 8
+        ) {
+            $idaa_slct.event_obj.attend_json.zoom.full_url = `https://${$idaa_slct.event_obj.attend_json.zoom.domain}/j/${$idaa_slct.event_obj.attend_url_code}?pwd=${$idaa_slct.event_obj.attend_json.zoom.passcode_enc}`;
+        } else {
+            $idaa_slct.event_obj.attend_json.zoom.full_url = `https://${$idaa_slct.event_obj.attend_json.zoom.domain}/j/${$idaa_slct.event_obj.attend_url_code}?pwd=${$idaa_slct.event_obj.attend_url_passcode}`;
+        }
+    }
+});
 </script>
 
 <!-- ============================================================
@@ -706,17 +747,15 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
 <section
     class="
         svelte_component ae_section ae_edit event_obj edit__event_obj
-        space-y-3 p-3
-        rounded-md
         preset-filled-surface-50-950 preset-outlined-warning-400-600
+        space-y-3
+        rounded-md p-3
     "
     class:ae_create={!$idaa_slct.event_id}
-    bind:clientHeight={$ae_loc.iframe_height_modal_body}
->
+    bind:clientHeight={$ae_loc.iframe_height_modal_body}>
     <form
         onsubmit={prevent_default(handle_submit_form)}
-        class="relative space-y-3"
-    >
+        class="relative space-y-3">
         <!-- Saving overlay indicator -->
         {#await prom_api__event_obj}
             <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>
@@ -731,8 +770,7 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                 <button
                     type="submit"
                     class="btn btn-sm preset-filled-primary-200-800"
-                    disabled={disable_submit_btn}
-                >
+                    disabled={disable_submit_btn}>
                     {#await prom_api__event_obj}
                         <span class="fas fa-spinner fa-spin"></span> Saving...
                     {:then}
@@ -746,14 +784,19 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
              SECTION 1 — Meeting Information
              Fields: name, description, type
              ============================================================ -->
-        <div class="p-3 space-y-3 rounded-md bg-surface-100-900 border border-surface-200-800" id="section__general_information">
-            <h3 class="text-lg font-semibold text-surface-600-400 flex items-center gap-2 pb-1 border-b border-surface-200-800">
+        <div
+            class="bg-surface-100-900 border-surface-200-800 space-y-3 rounded-md border p-3"
+            id="section__general_information">
+            <h3
+                class="text-surface-600-400 border-surface-200-800 flex items-center gap-2 border-b pb-1 text-lg font-semibold">
                 <span class="fas fa-info-circle"></span>
                 Meeting Information
             </h3>
 
             <!-- Name -->
-            <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="name">
+            <label
+                class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                for="name">
                 <div class="flex items-center gap-1">
                     <span>Name of Recovery Meeting</span>
                     <span class="text-error-500 ml-0.5">*</span>
@@ -767,39 +810,48 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                     value={$lq__event_obj?.name ?? ''}
                     placeholder="Name of Recovery Meeting"
                     autocomplete="off"
-                    class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-full"
-                />
+                    class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-full" />
             </label>
 
             <!-- Description (rich text) -->
-            <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="description">
+            <label
+                class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                for="description">
                 Short Description
                 <AE_Comp_Editor_TipTap
                     bind:content={description_new_html}
                     class_li="field-richtext"
-                    placeholder="A short description or overview of this recovery meeting"
-                />
+                    placeholder="A short description or overview of this recovery meeting" />
             </label>
 
             <!-- Type -->
             <div class="space-y-1">
-                <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="type">
+                <label
+                    class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                    for="type">
                     Type of Recovery Meeting
                     <select
                         id="type"
                         name="type"
                         value={$lq__event_obj?.type}
-                        class="select p-1 preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                    >
+                        class="select preset-tonal-surface hover:preset-filled-surface-100-900 w-52 p-1">
                         <option value="IDAA">IDAA</option>
                         <option value="Caduceus">Caduceus</option>
                         <option value="Family Recovery">Family Recovery</option>
                     </select>
                 </label>
-                <ul class="text-sm text-surface-500 list-disc list-inside space-y-0.5">
+                <ul
+                    class="text-surface-500 list-inside list-disc space-y-0.5 text-sm">
                     <li><strong>IDAA</strong> — Open to IDAA members only</li>
-                    <li><strong>Caduceus</strong> — Open to all healthcare workers, including those who do not qualify for IDAA</li>
-                    <li><strong>Family Recovery</strong> — Open to spouses, parents, and adult children of medical professionals who have substance use disorder</li>
+                    <li>
+                        <strong>Caduceus</strong> — Open to all healthcare workers,
+                        including those who do not qualify for IDAA
+                    </li>
+                    <li>
+                        <strong>Family Recovery</strong> — Open to spouses, parents,
+                        and adult children of medical professionals who have substance
+                        use disorder
+                    </li>
                 </ul>
             </div>
         </div>
@@ -811,20 +863,27 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
              Virtual platform fields shown when virtual=true OR more__virtual_fields=true.
              attend_text is always shown (applies to both physical and virtual).
              ============================================================ -->
-        <div class="p-3 space-y-3 rounded-md bg-surface-100-900 border border-surface-200-800" id="section__how_to_attend">
-            <h3 class="text-lg font-semibold text-surface-600-400 flex items-center gap-2 pb-1 border-b border-surface-200-800">
+        <div
+            class="bg-surface-100-900 border-surface-200-800 space-y-3 rounded-md border p-3"
+            id="section__how_to_attend">
+            <h3
+                class="text-surface-600-400 border-surface-200-800 flex items-center gap-2 border-b pb-1 text-lg font-semibold">
                 <span class="fas fa-map-marker-alt"></span>
                 How to Attend
             </h3>
 
             <!-- Physical / Virtual toggles -->
             <fieldset>
-                <legend class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300 mb-1">Is this meeting in-person, virtual, or both?</legend>
+                <legend
+                    class="text-surface-700-300 mb-1 flex flex-col gap-1 text-sm font-semibold"
+                    >Is this meeting in-person, virtual, or both?</legend>
                 <div class="flex flex-row flex-wrap gap-2">
                     <label
                         for="physical"
-                        class="flex items-center gap-2 px-3 py-2 rounded-lg cursor-pointer text-sm font-semibold preset-tonal-surface border border-surface-300-700 hover:preset-filled-surface-200-800 transition-all {$idaa_slct.event_obj.physical ? 'preset-filled-success-200-800 border-success-400' : ''}"
-                    >
+                        class="preset-tonal-surface border-surface-300-700 hover:preset-filled-surface-200-800 flex cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm font-semibold transition-all {$idaa_slct
+                            .event_obj.physical
+                            ? 'preset-filled-success-200-800 border-success-400'
+                            : ''}">
                         <span class="fas fa-home"></span>
                         Face-to-Face / In Person
                         <input
@@ -832,13 +891,14 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             id="physical"
                             name="physical"
                             bind:checked={$idaa_slct.event_obj.physical}
-                            class="sr-only"
-                        />
+                            class="sr-only" />
                     </label>
                     <label
                         for="virtual"
-                        class="flex items-center gap-2 px-3 py-2 rounded-lg cursor-pointer text-sm font-semibold preset-tonal-surface border border-surface-300-700 hover:preset-filled-surface-200-800 transition-all {$idaa_slct.event_obj.virtual ? 'preset-filled-success-200-800 border-success-400' : ''}"
-                    >
+                        class="preset-tonal-surface border-surface-300-700 hover:preset-filled-surface-200-800 flex cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm font-semibold transition-all {$idaa_slct
+                            .event_obj.virtual
+                            ? 'preset-filled-success-200-800 border-success-400'
+                            : ''}">
                         <span class="fas fa-laptop"></span>
                         Virtual / Online
                         <input
@@ -846,8 +906,7 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             id="virtual"
                             name="virtual"
                             bind:checked={$idaa_slct.event_obj.virtual}
-                            class="sr-only"
-                        />
+                            class="sr-only" />
                     </label>
                 </div>
             </fieldset>
@@ -861,26 +920,37 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                     class="btn btn-sm preset-tonal-surface"
                     onclick={() =>
                         ($idaa_slct.event_obj.more__location_fields =
-                            !$idaa_slct.event_obj.more__location_fields)}
-                >
-                    <span class="fas fa-{$idaa_slct.event_obj?.more__location_fields ? 'minus' : 'plus'}"></span>
-                    {$idaa_slct.event_obj?.more__location_fields ? 'Hide' : 'Show'} Location Fields
+                            !$idaa_slct.event_obj.more__location_fields)}>
+                    <span
+                        class="fas fa-{$idaa_slct.event_obj
+                            ?.more__location_fields
+                            ? 'minus'
+                            : 'plus'}"></span>
+                    {$idaa_slct.event_obj?.more__location_fields
+                        ? 'Hide'
+                        : 'Show'} Location Fields
                 </button>
             {/if}
 
             <div
-                class="pl-3 border-l-2 border-surface-300-700 space-y-3"
-                class:hidden={!$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
-            >
-                <h4 class="text-sm font-semibold text-surface-600-400 flex items-center gap-1.5">
+                class="border-surface-300-700 space-y-3 border-l-2 pl-3"
+                class:hidden={!$idaa_slct.event_obj?.physical &&
+                    !$idaa_slct.event_obj?.more__location_fields}>
+                <h4
+                    class="text-surface-600-400 flex items-center gap-1.5 text-sm font-semibold">
                     <span class="fas fa-home"></span> Physical Location
                 </h4>
 
                 <!-- Address fields — flex wrap so they flow naturally on small screens -->
-                <input type="hidden" name="address_location_id" value={$lq__event_obj?.address_location_id} />
+                <input
+                    type="hidden"
+                    name="address_location_id"
+                    value={$lq__event_obj?.address_location_id} />
 
                 <div class="flex flex-row flex-wrap gap-3">
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="address_name">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="address_name">
                         Location Name
                         <input
                             type="text"
@@ -888,14 +958,16 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="address_name"
                             placeholder="Name of the place or building"
                             autocomplete="off"
-                            value={$lq__event_obj?.location_address_json?.name
-                                ?? $lq__event_obj?.address_name
-                                ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72"
-                        />
+                            value={$lq__event_obj?.location_address_json
+                                ?.name ??
+                                $lq__event_obj?.address_name ??
+                                ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72" />
                     </label>
 
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="address_line_1">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="address_line_1">
                         Address Line 1
                         <input
                             type="text"
@@ -903,14 +975,16 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="address_line_1"
                             placeholder="Street address"
                             autocomplete="address-line1"
-                            value={$lq__event_obj?.location_address_json?.line_1
-                                ?? $lq__event_obj?.address_line_1
-                                ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72"
-                        />
+                            value={$lq__event_obj?.location_address_json
+                                ?.line_1 ??
+                                $lq__event_obj?.address_line_1 ??
+                                ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72" />
                     </label>
 
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="address_line_2">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="address_line_2">
                         Address Line 2
                         <input
                             type="text"
@@ -918,14 +992,16 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="address_line_2"
                             placeholder="Suite, floor, etc."
                             autocomplete="address-line2"
-                            value={$lq__event_obj?.location_address_json?.line_2
-                                ?? $lq__event_obj?.address_line_2
-                                ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72"
-                        />
+                            value={$lq__event_obj?.location_address_json
+                                ?.line_2 ??
+                                $lq__event_obj?.address_line_2 ??
+                                ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72" />
                     </label>
 
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="address_line_3">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="address_line_3">
                         Address Line 3
                         <input
                             type="text"
@@ -933,14 +1009,16 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="address_line_3"
                             placeholder="Additional address info"
                             autocomplete="address-line3"
-                            value={$lq__event_obj?.location_address_json?.line_3
-                                ?? $lq__event_obj?.address_line_3
-                                ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72"
-                        />
+                            value={$lq__event_obj?.location_address_json
+                                ?.line_3 ??
+                                $lq__event_obj?.address_line_3 ??
+                                ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72" />
                     </label>
 
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="address_city">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="address_city">
                         City
                         <input
                             type="text"
@@ -948,27 +1026,30 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="address_city"
                             placeholder="City"
                             autocomplete="address-level2"
-                            value={$lq__event_obj?.location_address_json?.city
-                                ?? $lq__event_obj?.address_city
-                                ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-44"
-                        />
+                            value={$lq__event_obj?.location_address_json
+                                ?.city ??
+                                $lq__event_obj?.address_city ??
+                                ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-44" />
                     </label>
 
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="address_country_subdivision_code">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="address_country_subdivision_code">
                         State / Province
                         {#if ($lq__lu_country_subdivision ?? []).length}
                             <select
                                 id="address_country_subdivision_code"
                                 name="address_country_subdivision_code"
-                                value={$lq__event_obj?.location_address_json?.country_subdivision_code
-                                    ?? $lq__event_obj?.address_country_subdivision_code
-                                    ?? ''}
-                                class="select p-1 preset-tonal-surface hover:preset-filled-surface-100-900 w-56"
-                            >
+                                value={$lq__event_obj?.location_address_json
+                                    ?.country_subdivision_code ??
+                                    $lq__event_obj?.address_country_subdivision_code ??
+                                    ''}
+                                class="select preset-tonal-surface hover:preset-filled-surface-100-900 w-56 p-1">
                                 <option value="">-- None --</option>
-                                {#each ($lq__lu_country_subdivision ?? []) as sub (sub.code)}
-                                    <option value={sub.code}>{sub.country_alpha_2_code} - {sub.name}</option>
+                                {#each $lq__lu_country_subdivision ?? [] as sub (sub.code)}
+                                    <option value={sub.code}
+                                        >{sub.country_alpha_2_code} - {sub.name}</option>
                                 {/each}
                             </select>
                         {:else}
@@ -978,15 +1059,17 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="address_country_subdivision_code"
                                 placeholder="State or province code"
                                 autocomplete="address-level1"
-                                value={$lq__event_obj?.location_address_json?.country_subdivision_code
-                                    ?? $lq__event_obj?.address_country_subdivision_code
-                                    ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-44"
-                            />
+                                value={$lq__event_obj?.location_address_json
+                                    ?.country_subdivision_code ??
+                                    $lq__event_obj?.address_country_subdivision_code ??
+                                    ''}
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-44" />
                         {/if}
                     </label>
 
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="address_postal_code">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="address_postal_code">
                         Postal / Zip Code
                         <input
                             type="text"
@@ -994,27 +1077,30 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="address_postal_code"
                             placeholder="Postal or zip code"
                             autocomplete="postal-code"
-                            value={$lq__event_obj?.location_address_json?.postal_code
-                                ?? $lq__event_obj?.address_postal_code
-                                ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-36"
-                        />
+                            value={$lq__event_obj?.location_address_json
+                                ?.postal_code ??
+                                $lq__event_obj?.address_postal_code ??
+                                ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-36" />
                     </label>
 
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="address_country_alpha_2_code">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="address_country_alpha_2_code">
                         Country
                         {#if ($lq__lu_country ?? []).length}
                             <select
                                 id="address_country_alpha_2_code"
                                 name="address_country_alpha_2_code"
-                                value={$lq__event_obj?.location_address_json?.country_alpha_2_code
-                                    ?? $lq__event_obj?.address_country_alpha_2_code
-                                    ?? ''}
-                                class="select p-1 preset-tonal-surface hover:preset-filled-surface-100-900 w-64"
-                            >
+                                value={$lq__event_obj?.location_address_json
+                                    ?.country_alpha_2_code ??
+                                    $lq__event_obj?.address_country_alpha_2_code ??
+                                    ''}
+                                class="select preset-tonal-surface hover:preset-filled-surface-100-900 w-64 p-1">
                                 <option value="">-- None --</option>
-                                {#each ($lq__lu_country ?? []) as country (country.alpha_2_code)}
-                                    <option value={country.alpha_2_code}>{country.english_short_name}</option>
+                                {#each $lq__lu_country ?? [] as country (country.alpha_2_code)}
+                                    <option value={country.alpha_2_code}
+                                        >{country.english_short_name}</option>
                                 {/each}
                             </select>
                         {:else}
@@ -1024,23 +1110,24 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="address_country_alpha_2_code"
                                 placeholder="Country code (e.g. US)"
                                 autocomplete="country"
-                                value={$lq__event_obj?.location_address_json?.country_alpha_2_code
-                                    ?? $lq__event_obj?.address_country_alpha_2_code
-                                    ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-36"
-                            />
+                                value={$lq__event_obj?.location_address_json
+                                    ?.country_alpha_2_code ??
+                                    $lq__event_obj?.address_country_alpha_2_code ??
+                                    ''}
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-36" />
                         {/if}
                     </label>
                 </div>
 
                 <!-- Additional location notes (rich text) -->
-                <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="location_text">
+                <label
+                    class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                    for="location_text">
                     Additional Location Information
                     <AE_Comp_Editor_TipTap
                         bind:content={location_text_new_html}
                         class_li="field-richtext"
-                        placeholder="Parking, room number, accessibility notes, etc."
-                    />
+                        placeholder="Parking, room number, accessibility notes, etc." />
                 </label>
             </div>
 
@@ -1053,65 +1140,134 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                     class="btn btn-sm preset-tonal-surface"
                     onclick={() =>
                         ($idaa_slct.event_obj.more__virtual_fields =
-                            !$idaa_slct.event_obj.more__virtual_fields)}
-                >
-                    <span class="fas fa-{$idaa_slct.event_obj?.more__virtual_fields ? 'minus' : 'plus'}"></span>
-                    {$idaa_slct.event_obj?.more__virtual_fields ? 'Hide' : 'Show'} Virtual Fields
+                            !$idaa_slct.event_obj.more__virtual_fields)}>
+                    <span
+                        class="fas fa-{$idaa_slct.event_obj
+                            ?.more__virtual_fields
+                            ? 'minus'
+                            : 'plus'}"></span>
+                    {$idaa_slct.event_obj?.more__virtual_fields
+                        ? 'Hide'
+                        : 'Show'} Virtual Fields
                 </button>
             {/if}
 
             <div
-                class="pl-3 border-l-2 border-surface-300-700 space-y-3"
-                class:hidden={!$idaa_slct.event_obj.virtual && !$idaa_slct.event_obj?.more__virtual_fields}
-            >
-                <h4 class="text-sm font-semibold text-surface-600-400 flex items-center gap-1.5">
+                class="border-surface-300-700 space-y-3 border-l-2 pl-3"
+                class:hidden={!$idaa_slct.event_obj.virtual &&
+                    !$idaa_slct.event_obj?.more__virtual_fields}>
+                <h4
+                    class="text-surface-600-400 flex items-center gap-1.5 text-sm font-semibold">
                     <span class="fas fa-laptop"></span> Virtual / Online
                 </h4>
 
                 <!-- Platform selection toggle — Zoom, Jitsi, or generic Other -->
                 <div class="space-y-2">
-                    <p class="text-sm text-surface-500">Select the video platform for this meeting:</p>
+                    <p class="text-surface-500 text-sm">
+                        Select the video platform for this meeting:
+                    </p>
                     <div class="flex flex-row flex-wrap gap-2">
                         <button
                             type="button"
                             class="btn btn-sm"
-                            class:preset-filled-primary-200-800={$idaa_sess.recovery_meetings.attend_platform === 'Zoom'}
-                            class:preset-tonal-surface={$idaa_sess.recovery_meetings.attend_platform !== 'Zoom'}
+                            class:preset-filled-primary-200-800={$idaa_sess
+                                .recovery_meetings.attend_platform === 'Zoom'}
+                            class:preset-tonal-surface={$idaa_sess
+                                .recovery_meetings.attend_platform !== 'Zoom'}
                             onclick={() => {
-                                if (!$idaa_slct.event_obj.attend_json || JSON.stringify($idaa_slct.event_obj.attend_json) === '{}') {
-                                    $idaa_slct.event_obj.attend_json = { zoom: { domain: 'zoom.us', meeting_id: '', passcode: '', passcode_enc: '', full_url: '' } };
-                                } else if (!$idaa_slct.event_obj.attend_json.zoom) {
-                                    $idaa_slct.event_obj.attend_json.zoom = { domain: 'zoom.us', meeting_id: '', passcode: '', passcode_enc: '', full_url: '' };
+                                if (
+                                    !$idaa_slct.event_obj.attend_json ||
+                                    JSON.stringify(
+                                        $idaa_slct.event_obj.attend_json
+                                    ) === '{}'
+                                ) {
+                                    $idaa_slct.event_obj.attend_json = {
+                                        zoom: {
+                                            domain: 'zoom.us',
+                                            meeting_id: '',
+                                            passcode: '',
+                                            passcode_enc: '',
+                                            full_url: ''
+                                        }
+                                    };
+                                } else if (
+                                    !$idaa_slct.event_obj.attend_json.zoom
+                                ) {
+                                    $idaa_slct.event_obj.attend_json.zoom = {
+                                        domain: 'zoom.us',
+                                        meeting_id: '',
+                                        passcode: '',
+                                        passcode_enc: '',
+                                        full_url: ''
+                                    };
                                 }
-                                $idaa_sess.recovery_meetings.attend_platform = 'Zoom';
+                                $idaa_sess.recovery_meetings.attend_platform =
+                                    'Zoom';
                                 $idaa_trig = 'update_zoom_full_url';
-                            }}
-                        >
+                            }}>
                             <span class="fas fa-video"></span> Zoom
                         </button>
                         <button
                             type="button"
                             class="btn btn-sm"
-                            class:preset-filled-primary-200-800={$idaa_sess.recovery_meetings.attend_platform === 'Jitsi'}
-                            class:preset-tonal-surface={$idaa_sess.recovery_meetings.attend_platform !== 'Jitsi'}
+                            class:preset-filled-primary-200-800={$idaa_sess
+                                .recovery_meetings.attend_platform === 'Jitsi'}
+                            class:preset-tonal-surface={$idaa_sess
+                                .recovery_meetings.attend_platform !== 'Jitsi'}
                             onclick={() => {
-                                if (!$idaa_slct.event_obj.attend_json || JSON.stringify($idaa_slct.event_obj.attend_json) === '{}') {
-                                    $idaa_slct.event_obj.attend_json = { jitsi: { full_url: $lq__event_obj?.attend_url ?? '', name: $lq__event_obj?.attend_url_code ?? '', passcode: $lq__event_obj?.attend_url_passcode ?? '' } };
-                                } else if (!$idaa_slct.event_obj.attend_json.jitsi) {
-                                    $idaa_slct.event_obj.attend_json.jitsi = { full_url: $lq__event_obj?.attend_url ?? '', name: $lq__event_obj?.attend_url_code ?? '', passcode: $lq__event_obj?.attend_url_passcode ?? '' };
+                                if (
+                                    !$idaa_slct.event_obj.attend_json ||
+                                    JSON.stringify(
+                                        $idaa_slct.event_obj.attend_json
+                                    ) === '{}'
+                                ) {
+                                    $idaa_slct.event_obj.attend_json = {
+                                        jitsi: {
+                                            full_url:
+                                                $lq__event_obj?.attend_url ??
+                                                '',
+                                            name:
+                                                $lq__event_obj?.attend_url_code ??
+                                                '',
+                                            passcode:
+                                                $lq__event_obj?.attend_url_passcode ??
+                                                ''
+                                        }
+                                    };
+                                } else if (
+                                    !$idaa_slct.event_obj.attend_json.jitsi
+                                ) {
+                                    $idaa_slct.event_obj.attend_json.jitsi = {
+                                        full_url:
+                                            $lq__event_obj?.attend_url ?? '',
+                                        name:
+                                            $lq__event_obj?.attend_url_code ??
+                                            '',
+                                        passcode:
+                                            $lq__event_obj?.attend_url_passcode ??
+                                            ''
+                                    };
                                 }
-                                $idaa_sess.recovery_meetings.attend_platform = 'Jitsi';
-                            }}
-                        >
+                                $idaa_sess.recovery_meetings.attend_platform =
+                                    'Jitsi';
+                            }}>
                             <span class="fas fa-video"></span> IDAA Jitsi
                         </button>
                         <button
                             type="button"
                             class="btn btn-sm"
-                            class:preset-filled-primary-200-800={!$idaa_sess.recovery_meetings.attend_platform || $idaa_sess.recovery_meetings.attend_platform === 'other'}
-                            class:preset-tonal-surface={$idaa_sess.recovery_meetings.attend_platform && $idaa_sess.recovery_meetings.attend_platform !== 'other'}
-                            onclick={() => { $idaa_sess.recovery_meetings.attend_platform = 'other'; }}
-                        >
+                            class:preset-filled-primary-200-800={!$idaa_sess
+                                .recovery_meetings.attend_platform ||
+                                $idaa_sess.recovery_meetings.attend_platform ===
+                                    'other'}
+                            class:preset-tonal-surface={$idaa_sess
+                                .recovery_meetings.attend_platform &&
+                                $idaa_sess.recovery_meetings.attend_platform !==
+                                    'other'}
+                            onclick={() => {
+                                $idaa_sess.recovery_meetings.attend_platform =
+                                    'other';
+                            }}>
                             <span class="fas fa-link"></span> Other / Generic
                         </button>
                     </div>
@@ -1123,8 +1279,11 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                      to {} afterward, leaving attend_json.zoom undefined.  The bind:value bindings
                      below crash with a TypeError if zoom is undefined — the guard prevents that. -->
                 {#if $idaa_sess.recovery_meetings.attend_platform === 'Zoom' && $idaa_slct.event_obj.attend_json?.zoom}
-                    <div class="p-2 rounded bg-surface-50-950 border border-surface-200-800 flex flex-row flex-wrap gap-3">
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_url_code">
+                    <div
+                        class="bg-surface-50-950 border-surface-200-800 flex flex-row flex-wrap gap-3 rounded border p-2">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="attend_url_code">
                             <div class="flex items-center gap-1">
                                 <span>Zoom Meeting ID</span>
                                 <span class="text-error-500 ml-0.5">*</span>
@@ -1139,23 +1298,35 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 autocomplete="off"
                                 required
                                 placeholder="e.g. 123 456 7890"
-                                bind:value={$idaa_slct.event_obj.attend_url_code}
+                                bind:value={
+                                    $idaa_slct.event_obj.attend_url_code
+                                }
                                 onblur={() => {
                                     // Strip all non-digits and update value immediately
                                     if ($idaa_slct.event_obj.attend_url_code) {
-                                        $idaa_slct.event_obj.attend_url_code = String($idaa_slct.event_obj.attend_url_code).replace(/[^0-9]/g, '');
+                                        $idaa_slct.event_obj.attend_url_code =
+                                            String(
+                                                $idaa_slct.event_obj
+                                                    .attend_url_code
+                                            ).replace(/[^0-9]/g, '');
                                     }
                                 }}
                                 onchange={() => {
                                     // Also trigger update if length is sufficient
-                                    if ($idaa_slct.event_obj.attend_url_code?.replace(/[^0-9]/g, '').length > 8) {
+                                    if (
+                                        $idaa_slct.event_obj.attend_url_code?.replace(
+                                            /[^0-9]/g,
+                                            ''
+                                        ).length > 8
+                                    ) {
                                         $idaa_trig = 'update_zoom_full_url';
                                     }
                                 }}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                            />
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_url_passcode">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="attend_url_passcode">
                             Zoom Passcode
                             <input
                                 type="text"
@@ -1163,82 +1334,127 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="attend_url_passcode"
                                 autocomplete="off"
                                 placeholder="Passcode shown to participants"
-                                bind:value={$idaa_slct.event_obj.attend_url_passcode}
+                                bind:value={
+                                    $idaa_slct.event_obj.attend_url_passcode
+                                }
                                 onchange={() => {
-                                    if ($idaa_slct.event_obj.attend_url_passcode?.length > 3) {
+                                    if (
+                                        $idaa_slct.event_obj.attend_url_passcode
+                                            ?.length > 3
+                                    ) {
                                         $idaa_trig = 'update_zoom_full_url';
                                     } else {
-                                        $idaa_slct.event_obj.attend_url_passcode = '';
+                                        $idaa_slct.event_obj.attend_url_passcode =
+                                            '';
                                     }
                                 }}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                            />
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_url_passcode_enc">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="attend_url_passcode_enc">
                             Zoom Encrypted Passcode
-                            <span class="block text-xs font-normal text-surface-500 -mt-0.5">Found in the Zoom invite URL after <code>?pwd=</code></span>
+                            <span
+                                class="text-surface-500 -mt-0.5 block text-xs font-normal"
+                                >Found in the Zoom invite URL after <code
+                                    >?pwd=</code
+                                ></span>
                             <input
                                 type="text"
                                 id="attend_url_passcode_enc"
                                 name="attend_url_passcode_enc"
                                 autocomplete="off"
                                 placeholder="Encrypted passcode from URL"
-                                bind:value={$idaa_slct.event_obj.attend_json.zoom.passcode_enc}
+                                bind:value={
+                                    $idaa_slct.event_obj.attend_json.zoom
+                                        .passcode_enc
+                                }
                                 onblur={() => {
                                     // If value is null/undefined or literal 'null'/'undefined', set to empty string
-                                    const _v = $idaa_slct.event_obj.attend_json.zoom.passcode_enc;
-                                    if (_v == null || _v === 'null' || _v === 'undefined') {
-                                        $idaa_slct.event_obj.attend_json.zoom.passcode_enc = '';
+                                    const _v =
+                                        $idaa_slct.event_obj.attend_json.zoom
+                                            .passcode_enc;
+                                    if (
+                                        _v == null ||
+                                        _v === 'null' ||
+                                        _v === 'undefined'
+                                    ) {
+                                        $idaa_slct.event_obj.attend_json.zoom.passcode_enc =
+                                            '';
                                     }
                                 }}
                                 onchange={() => {
-                                    if ($idaa_slct.event_obj.attend_json.zoom.passcode_enc?.length >= 8) {
+                                    if (
+                                        $idaa_slct.event_obj.attend_json.zoom
+                                            .passcode_enc?.length >= 8
+                                    ) {
                                         $idaa_trig = 'update_zoom_full_url';
                                     }
                                 }}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72"
-                            />
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_domain">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="attend_domain">
                             Zoom Domain / Vanity URL
-                            <span class="block text-xs font-normal text-surface-500 -mt-0.5">Default: zoom.us — change only if using a custom domain</span>
+                            <span
+                                class="text-surface-500 -mt-0.5 block text-xs font-normal"
+                                >Default: zoom.us — change only if using a
+                                custom domain</span>
                             <input
                                 type="text"
                                 id="attend_domain"
                                 name="attend_domain"
                                 autocomplete="url"
                                 placeholder="zoom.us"
-                                bind:value={$idaa_slct.event_obj.attend_json.zoom.domain}
+                                bind:value={
+                                    $idaa_slct.event_obj.attend_json.zoom.domain
+                                }
                                 onchange={() => {
                                     $idaa_slct.event_obj.attend_json.zoom.domain =
-                                        $idaa_slct.event_obj.attend_json.zoom.domain
-                                            ? String($idaa_slct.event_obj.attend_json.zoom.domain).toLowerCase().trim()
+                                        $idaa_slct.event_obj.attend_json.zoom
+                                            .domain
+                                            ? String(
+                                                  $idaa_slct.event_obj
+                                                      .attend_json.zoom.domain
+                                              )
+                                                  .toLowerCase()
+                                                  .trim()
                                             : 'zoom.us';
                                     $idaa_trig = 'update_zoom_full_url';
                                 }}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-56"
-                            />
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-56" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300 w-full" for="zoom_attend_url">
+                        <label
+                            class="text-surface-700-300 flex w-full flex-col gap-1 text-sm font-semibold"
+                            for="zoom_attend_url">
                             Generated Zoom Meeting URL
-                            <span class="block text-xs font-normal text-surface-500 -mt-0.5">Auto-generated from the fields above — do not edit directly</span>
+                            <span
+                                class="text-surface-500 -mt-0.5 block text-xs font-normal"
+                                >Auto-generated from the fields above — do not
+                                edit directly</span>
                             <input
                                 type="url"
                                 id="zoom_attend_url"
                                 name="zoom_attend_url"
                                 autocomplete="url"
                                 readonly
-                                bind:value={$idaa_slct.event_obj.attend_json.zoom.full_url}
+                                bind:value={
+                                    $idaa_slct.event_obj.attend_json.zoom
+                                        .full_url
+                                }
                                 class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-full font-mono text-sm"
-                                placeholder="https://zoom.us/j/..."
-                            />
+                                placeholder="https://zoom.us/j/..." />
                         </label>
                     </div>
 
-                <!-- Jitsi fields -->
+                    <!-- Jitsi fields -->
                 {:else if $idaa_sess.recovery_meetings.attend_platform === 'Jitsi'}
-                    <div class="p-2 rounded bg-surface-50-950 border border-surface-200-800 flex flex-row flex-wrap gap-3">
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_url_code">
+                    <div
+                        class="bg-surface-50-950 border-surface-200-800 flex flex-row flex-wrap gap-3 rounded border p-2">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="attend_url_code">
                             Jitsi Meeting Name / Code
                             <input
                                 type="text"
@@ -1246,11 +1462,14 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="attend_url_code"
                                 autocomplete="off"
                                 placeholder="Meeting room name"
-                                bind:value={$idaa_slct.event_obj.attend_json.jitsi.name}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72"
-                            />
+                                bind:value={
+                                    $idaa_slct.event_obj.attend_json.jitsi.name
+                                }
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_url_passcode">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="attend_url_passcode">
                             Jitsi Passcode
                             <input
                                 type="text"
@@ -1258,11 +1477,15 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="attend_url_passcode"
                                 autocomplete="off"
                                 placeholder="Optional passcode"
-                                bind:value={$idaa_slct.event_obj.attend_json.jitsi.passcode}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                            />
+                                bind:value={
+                                    $idaa_slct.event_obj.attend_json.jitsi
+                                        .passcode
+                                }
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300 w-full" for="attend_url">
+                        <label
+                            class="text-surface-700-300 flex w-full flex-col gap-1 text-sm font-semibold"
+                            for="attend_url">
                             Jitsi Meeting URL
                             <input
                                 type="url"
@@ -1270,16 +1493,21 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="attend_url"
                                 autocomplete="url"
                                 placeholder="https://meet.jit.si/..."
-                                bind:value={$idaa_slct.event_obj.attend_json.jitsi.full_url}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-full font-mono text-sm"
-                            />
+                                bind:value={
+                                    $idaa_slct.event_obj.attend_json.jitsi
+                                        .full_url
+                                }
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-full font-mono text-sm" />
                         </label>
                     </div>
 
-                <!-- Other / Generic virtual platform fields -->
+                    <!-- Other / Generic virtual platform fields -->
                 {:else}
-                    <div class="p-2 rounded bg-surface-50-950 border border-surface-200-800 flex flex-row flex-wrap gap-3">
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300 w-full" for="attend_url">
+                    <div
+                        class="bg-surface-50-950 border-surface-200-800 flex flex-row flex-wrap gap-3 rounded border p-2">
+                        <label
+                            class="text-surface-700-300 flex w-full flex-col gap-1 text-sm font-semibold"
+                            for="attend_url">
                             Meeting URL
                             <input
                                 type="url"
@@ -1288,10 +1516,11 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 autocomplete="url"
                                 placeholder="URL to join the meeting"
                                 value={$lq__event_obj?.attend_url ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-full font-mono text-sm"
-                            />
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-full font-mono text-sm" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_url_passcode">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="attend_url_passcode">
                             URL Passcode
                             <input
                                 type="text"
@@ -1299,11 +1528,13 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="attend_url_passcode"
                                 autocomplete="off"
                                 placeholder="Passcode to join at URL"
-                                value={$lq__event_obj?.attend_url_passcode ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                            />
+                                value={$lq__event_obj?.attend_url_passcode ??
+                                    ''}
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_phone">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="attend_phone">
                             Dial-In Phone Number
                             <input
                                 type="tel"
@@ -1312,10 +1543,11 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 autocomplete="tel"
                                 placeholder="Phone number for dial-in"
                                 value={$lq__event_obj?.attend_phone ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                            />
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_phone_passcode">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="attend_phone_passcode">
                             Dial-In Passcode
                             <input
                                 type="text"
@@ -1323,23 +1555,26 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="attend_phone_passcode"
                                 autocomplete="off"
                                 placeholder="Passcode for dial-in"
-                                value={$lq__event_obj?.attend_phone_passcode ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                            />
+                                value={$lq__event_obj?.attend_phone_passcode ??
+                                    ''}
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                         </label>
                     </div>
                 {/if}
             </div>
 
             <!-- ── Additional attendance notes (applies to any meeting type) ── -->
-            <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="attend_text">
+            <label
+                class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                for="attend_text">
                 Additional Attendance Information
-                <span class="block text-xs font-normal text-surface-500 -mt-0.5">Any extra instructions for joining — shown to all members regardless of meeting type</span>
+                <span class="text-surface-500 -mt-0.5 block text-xs font-normal"
+                    >Any extra instructions for joining — shown to all members
+                    regardless of meeting type</span>
                 <AE_Comp_Editor_TipTap
                     bind:content={attend_text_new_html}
                     class_li="field-richtext"
-                    placeholder="Additional instructions for joining this meeting"
-                />
+                    placeholder="Additional instructions for joining this meeting" />
             </label>
         </div>
 
@@ -1351,22 +1586,26 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
              recurring_text is auto-generated with *gen* prefix if left blank.
              Members only see custom recurring_text (no *gen*); admins see both.
              ============================================================ -->
-        <div class="p-3 space-y-3 rounded-md bg-surface-100-900 border border-surface-200-800" id="section__schedule">
-            <h3 class="text-lg font-semibold text-surface-600-400 flex items-center gap-2 pb-1 border-b border-surface-200-800">
+        <div
+            class="bg-surface-100-900 border-surface-200-800 space-y-3 rounded-md border p-3"
+            id="section__schedule">
+            <h3
+                class="text-surface-600-400 border-surface-200-800 flex items-center gap-2 border-b pb-1 text-lg font-semibold">
                 <span class="fas fa-calendar-alt"></span>
                 Schedule
             </h3>
 
             <!-- Recurring pattern — bind to working copy so user changes aren't
                  overwritten when $lq__event_obj fires during editing -->
-            <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="recurring_pattern">
+            <label
+                class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                for="recurring_pattern">
                 Repeats
                 <select
                     id="recurring_pattern"
                     name="recurring_pattern"
                     bind:value={$idaa_slct.event_obj.recurring_pattern}
-                    class="select p-1 preset-tonal-surface hover:preset-filled-surface-100-900 w-48"
-                >
+                    class="select preset-tonal-surface hover:preset-filled-surface-100-900 w-48 p-1">
                     <option value="weekly">Weekly</option>
                     <option value="every other week">Every Other Week</option>
                     <option value="monthly">Monthly</option>
@@ -1377,34 +1616,30 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
             <!-- Days of week — toggle chips so selected days are immediately visible,
                  matching how they appear as inline text in the list and detail views -->
             <fieldset>
-                <legend class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300 mb-1">Days of Week</legend>
+                <legend
+                    class="text-surface-700-300 mb-1 flex flex-col gap-1 text-sm font-semibold"
+                    >Days of Week</legend>
                 <div class="flex flex-row flex-wrap gap-2">
-                    {#each [
-                        { name: 'weekday_sunday',    label: 'Sun' },
-                        { name: 'weekday_monday',    label: 'Mon' },
-                        { name: 'weekday_tuesday',   label: 'Tue' },
-                        { name: 'weekday_wednesday', label: 'Wed' },
-                        { name: 'weekday_thursday',  label: 'Thu' },
-                        { name: 'weekday_friday',    label: 'Fri' },
-                        { name: 'weekday_saturday',  label: 'Sat' },
-                    ] as day (day.name)}
+                    {#each [{ name: 'weekday_sunday', label: 'Sun' }, { name: 'weekday_monday', label: 'Mon' }, { name: 'weekday_tuesday', label: 'Tue' }, { name: 'weekday_wednesday', label: 'Wed' }, { name: 'weekday_thursday', label: 'Thu' }, { name: 'weekday_friday', label: 'Fri' }, { name: 'weekday_saturday', label: 'Sat' }] as day (day.name)}
                         <label
                             for={day.name}
-                            class="flex items-center justify-center w-12 py-2 rounded-lg cursor-pointer text-sm font-semibold border transition-all"
-                            class:preset-filled-primary-200-800={weekdays[day.name]}
+                            class="flex w-12 cursor-pointer items-center justify-center rounded-lg border py-2 text-sm font-semibold transition-all"
+                            class:preset-filled-primary-200-800={weekdays[
+                                day.name
+                            ]}
                             class:border-primary-400={weekdays[day.name]}
                             class:preset-tonal-surface={!weekdays[day.name]}
-                            class:border-surface-300-700={!weekdays[day.name]}
-                        >
+                            class:border-surface-300-700={!weekdays[day.name]}>
                             {day.label}
                             <input
                                 type="checkbox"
                                 id={day.name}
                                 name={day.name}
                                 checked={weekdays[day.name]}
-                                onchange={() => { weekdays[day.name] = !weekdays[day.name]; }}
-                                class="sr-only"
-                            />
+                                onchange={() => {
+                                    weekdays[day.name] = !weekdays[day.name];
+                                }}
+                                class="sr-only" />
                         </label>
                     {/each}
                 </div>
@@ -1412,8 +1647,10 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
 
             <!-- Timezone + Start / End time — grouped together since they form a single
                  logical "when does this meeting happen" unit displayed together in the view -->
-            <div class="flex flex-row flex-wrap gap-3 items-end">
-                <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="timezone">
+            <div class="flex flex-row flex-wrap items-end gap-3">
+                <label
+                    class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                    for="timezone">
                     <div class="flex items-center gap-1">
                         <span>Timezone</span>
                         <span class="text-error-500 ml-0.5">*</span>
@@ -1423,11 +1660,14 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             id="timezone"
                             name="timezone"
                             required
-                            value={$lq__event_obj?.timezone ?? $ae_loc?.current_timezone}
-                            class="select p-1 preset-tonal-surface hover:preset-filled-surface-100-900 w-56"
-                        >
-                            <option value="" class:hidden={!$ae_loc.trusted_access}>-- None --</option>
-                            {#each ($lq__lu_time_zone ?? []) as tz (tz.name)}
+                            value={$lq__event_obj?.timezone ??
+                                $ae_loc?.current_timezone}
+                            class="select preset-tonal-surface hover:preset-filled-surface-100-900 w-56 p-1">
+                            <option
+                                value=""
+                                class:hidden={!$ae_loc.trusted_access}
+                                >-- None --</option>
+                            {#each $lq__lu_time_zone ?? [] as tz (tz.name)}
                                 <option value={tz.name}>{tz.name}</option>
                             {/each}
                         </select>
@@ -1437,33 +1677,36 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             id="timezone"
                             name="timezone"
                             required
-                            value={$lq__event_obj?.timezone ?? $ae_loc?.current_timezone ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-44"
-                        />
+                            value={$lq__event_obj?.timezone ??
+                                $ae_loc?.current_timezone ??
+                                ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-44" />
                     {/if}
                 </label>
 
                 <!-- bind to working copy (same reason as recurring_pattern above) -->
-                <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="recurring_start_time">
+                <label
+                    class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                    for="recurring_start_time">
                     Start Time
                     <input
                         type="time"
                         id="recurring_start_time"
                         name="recurring_start_time"
                         bind:value={$idaa_slct.event_obj.recurring_start_time}
-                        class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-36"
-                    />
+                        class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-36" />
                 </label>
 
-                <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="recurring_end_time">
+                <label
+                    class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                    for="recurring_end_time">
                     End Time
                     <input
                         type="time"
                         id="recurring_end_time"
                         name="recurring_end_time"
                         bind:value={$idaa_slct.event_obj.recurring_end_time}
-                        class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-36"
-                    />
+                        class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-36" />
                 </label>
             </div>
 
@@ -1474,27 +1717,35 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                  The "Add More Details?" button promotes the auto-generated text to
                  a custom editable value by stripping the *gen* prefix. -->
             {#if $ae_loc.administrator_access || ($lq__event_obj && ($idaa_slct.event_obj?.show_recurring_text || ($lq__event_obj?.recurring_text && !$lq__event_obj?.recurring_text.includes('*gen*'))))}
-                <div class="pl-3 border-l-2 border-surface-300-700 space-y-2">
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="recurring_text">
+                <div class="border-surface-300-700 space-y-2 border-l-2 pl-3">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="recurring_text">
                         Additional Schedule Details
-                        <span class="block text-xs font-normal text-surface-500 -mt-0.5">Optional — use only if the options above don't fully describe the schedule. This text is shown directly to members.</span>
+                        <span
+                            class="text-surface-500 -mt-0.5 block text-xs font-normal"
+                            >Optional — use only if the options above don't
+                            fully describe the schedule. This text is shown
+                            directly to members.</span>
                         <AE_Comp_Editor_TipTap
                             bind:content={recurring_text_new_html}
                             class_li="field-richtext"
-                            placeholder="e.g. First Monday of each month, or Meets on the 3rd Thursday"
-                        />
+                            placeholder="e.g. First Monday of each month, or Meets on the 3rd Thursday" />
                     </label>
                     <button
                         type="button"
                         class="btn btn-sm preset-tonal-error"
                         onclick={() => {
-                            if (confirm('Remove the custom schedule text? The schedule will revert to auto-generated text.')) {
+                            if (
+                                confirm(
+                                    'Remove the custom schedule text? The schedule will revert to auto-generated text.'
+                                )
+                            ) {
                                 $idaa_slct.event_obj.recurring_text = '';
                                 recurring_text_new_html = '';
                                 $idaa_slct.event_obj.show_recurring_text = false;
                             }
-                        }}
-                    >
+                        }}>
                         <span class="fas fa-minus"></span> Remove Custom Text
                     </button>
                 </div>
@@ -1505,12 +1756,16 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                     onclick={prevent_default(() => {
                         // Promote auto-generated text to editable by stripping the *gen* prefix
                         if ($lq__event_obj?.recurring_text?.includes('*gen*')) {
-                            recurring_text_new_html = $lq__event_obj.recurring_text.replace('*gen* ', '');
-                            $idaa_slct.event_obj.recurring_text = recurring_text_new_html;
+                            recurring_text_new_html =
+                                $lq__event_obj.recurring_text.replace(
+                                    '*gen* ',
+                                    ''
+                                );
+                            $idaa_slct.event_obj.recurring_text =
+                                recurring_text_new_html;
                         }
                         $idaa_slct.event_obj.show_recurring_text = true;
-                    })}
-                >
+                    })}>
                     <span class="fas fa-plus"></span> Add Custom Schedule Text
                 </button>
             {/if}
@@ -1526,8 +1781,11 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
              Contact 1 name/email are locked by default for members to prevent accidental
              override of the meeting owner's identity.
              ============================================================ -->
-        <div class="p-3 space-y-3 rounded-md bg-surface-100-900 border border-surface-200-800" id="section__contacts">
-            <h3 class="text-lg font-semibold text-surface-600-400 flex items-center gap-2 pb-1 border-b border-surface-200-800">
+        <div
+            class="bg-surface-100-900 border-surface-200-800 space-y-3 rounded-md border p-3"
+            id="section__contacts">
+            <h3
+                class="text-surface-600-400 border-surface-200-800 flex items-center gap-2 border-b pb-1 text-lg font-semibold">
                 <span class="fas fa-address-book"></span>
                 Contacts
             </h3>
@@ -1535,32 +1793,49 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
             <!-- Meeting Owner (external_person_id = Novi UUID of owner) -->
             <!-- Trusted+ can reassign ownership; members see it as read-only context. -->
             {#if $ae_loc.trusted_access}
-                <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="external_person_id">
+                <label
+                    class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                    for="external_person_id">
                     Meeting Owner — Novi UUID
-                    <span class="block text-xs font-normal text-surface-500 -mt-0.5">The Novi UUID of the IDAA member who owns this meeting. Determines who may edit it.</span>
+                    <span
+                        class="text-surface-500 -mt-0.5 block text-xs font-normal"
+                        >The Novi UUID of the IDAA member who owns this meeting.
+                        Determines who may edit it.</span>
                     <input
                         type="text"
                         id="external_person_id"
                         name="external_person_id"
                         autocomplete="off"
                         placeholder="Novi UUID"
-                        value={$lq__event_obj?.external_person_id ?? $idaa_loc.novi_uuid ?? ''}
-                        class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72 font-mono text-sm"
-                    />
+                        value={$lq__event_obj?.external_person_id ??
+                            $idaa_loc.novi_uuid ??
+                            ''}
+                        class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-72 font-mono text-sm" />
                 </label>
             {:else}
                 <!-- Hidden input passes the owner UUID through form submission unchanged -->
-                <input type="hidden" name="external_person_id" value={$lq__event_obj?.external_person_id ?? $idaa_loc.novi_uuid ?? ''} />
+                <input
+                    type="hidden"
+                    name="external_person_id"
+                    value={$lq__event_obj?.external_person_id ??
+                        $idaa_loc.novi_uuid ??
+                        ''} />
                 <div class="space-y-1">
-                    <p class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300">Meeting Owner</p>
-                    <div class="flex items-center gap-2 text-sm text-surface-600-400">
+                    <p
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold">
+                        Meeting Owner
+                    </p>
+                    <div
+                        class="text-surface-600-400 flex items-center gap-2 text-sm">
                         <span class="fas fa-lock text-xs"></span>
                         {#if $lq__event_obj?.external_person_full_name}
-                            <span>{$lq__event_obj.external_person_full_name}</span>
+                            <span
+                                >{$lq__event_obj.external_person_full_name}</span>
                         {:else if $lq__event_obj?.external_person_email}
                             <span>{$lq__event_obj.external_person_email}</span>
                         {:else if $lq__event_obj?.external_person_id}
-                            <span class="font-mono text-xs">{$lq__event_obj.external_person_id}</span>
+                            <span class="font-mono text-xs"
+                                >{$lq__event_obj.external_person_id}</span>
                         {:else}
                             <span class="text-surface-400 italic">Not set</span>
                         {/if}
@@ -1573,9 +1848,10 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                  locked readonly for members. This is intentional: the primary contact
                  for a meeting is nearly always the owner. Members unlock via confirm
                  if they truly need different contact details. -->
-            <div class="pl-3 border-l-2 border-surface-300-700 space-y-3">
-                <div class="flex items-center gap-2 flex-wrap">
-                    <h4 class="text-sm font-semibold text-surface-600-400 flex items-center gap-1.5">
+            <div class="border-surface-300-700 space-y-3 border-l-2 pl-3">
+                <div class="flex flex-wrap items-center gap-2">
+                    <h4
+                        class="text-surface-600-400 flex items-center gap-1.5 text-sm font-semibold">
                         <span class="fas fa-user"></span> Contact 1 (Primary)
                     </h4>
                     {#if !$ae_loc.trusted_access && contact_1_locked}
@@ -1583,26 +1859,32 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             type="button"
                             class="btn btn-sm preset-tonal-warning"
                             onclick={() => {
-                                if (confirm('The primary contact name and email are pre-filled with your account identity. Do you want to change them to different contact details?')) {
+                                if (
+                                    confirm(
+                                        'The primary contact name and email are pre-filled with your account identity. Do you want to change them to different contact details?'
+                                    )
+                                ) {
                                     contact_1_locked = false;
                                 }
-                            }}
-                        >
+                            }}>
                             <span class="fas fa-lock"></span> Unlock to Edit
                         </button>
                     {:else if !$ae_loc.trusted_access && !contact_1_locked}
                         <button
                             type="button"
                             class="btn btn-sm preset-tonal-surface"
-                            onclick={() => { contact_1_locked = true; }}
-                        >
+                            onclick={() => {
+                                contact_1_locked = true;
+                            }}>
                             <span class="fas fa-lock-open"></span> Re-Lock
                         </button>
                     {/if}
                 </div>
 
                 <div class="flex flex-row flex-wrap gap-3">
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_1_full_name">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="contact_1_full_name">
                         Full Name
                         <input
                             type="text"
@@ -1610,13 +1892,19 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="contact_1_full_name"
                             autocomplete="name"
                             placeholder="Full name"
-                            readonly={!$ae_loc.trusted_access && contact_1_locked}
-                            value={$lq__event_obj?.contact_li_json?.[0]?.full_name ?? $idaa_loc.novi_full_name ?? ''}
+                            readonly={!$ae_loc.trusted_access &&
+                                contact_1_locked}
+                            value={$lq__event_obj?.contact_li_json?.[0]
+                                ?.full_name ??
+                                $idaa_loc.novi_full_name ??
+                                ''}
                             class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-64"
-                            class:opacity-60={!$ae_loc.trusted_access && contact_1_locked}
-                        />
+                            class:opacity-60={!$ae_loc.trusted_access &&
+                                contact_1_locked} />
                     </label>
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_1_email">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="contact_1_email">
                         Email
                         <input
                             type="email"
@@ -1624,16 +1912,22 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="contact_1_email"
                             autocomplete="email"
                             placeholder="Email address"
-                            readonly={!$ae_loc.trusted_access && contact_1_locked}
-                            value={$lq__event_obj?.contact_li_json?.[0]?.email ?? $idaa_loc.novi_email ?? ''}
+                            readonly={!$ae_loc.trusted_access &&
+                                contact_1_locked}
+                            value={$lq__event_obj?.contact_li_json?.[0]
+                                ?.email ??
+                                $idaa_loc.novi_email ??
+                                ''}
                             class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-64"
-                            class:opacity-60={!$ae_loc.trusted_access && contact_1_locked}
-                        />
+                            class:opacity-60={!$ae_loc.trusted_access &&
+                                contact_1_locked} />
                     </label>
                 </div>
 
                 <div class="flex flex-row flex-wrap gap-3">
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_1_phone_mobile">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="contact_1_phone_mobile">
                         Mobile Phone
                         <input
                             type="tel"
@@ -1641,11 +1935,13 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="contact_1_phone_mobile"
                             autocomplete="tel"
                             placeholder="Mobile / Cell"
-                            value={$lq__event_obj?.contact_li_json?.[0]?.phone_mobile ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                        />
+                            value={$lq__event_obj?.contact_li_json?.[0]
+                                ?.phone_mobile ?? ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                     </label>
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_1_phone_home">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="contact_1_phone_home">
                         Home Phone
                         <input
                             type="tel"
@@ -1653,11 +1949,13 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="contact_1_phone_home"
                             autocomplete="tel"
                             placeholder="Home phone"
-                            value={$lq__event_obj?.contact_li_json?.[0]?.phone_home ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                        />
+                            value={$lq__event_obj?.contact_li_json?.[0]
+                                ?.phone_home ?? ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                     </label>
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_1_phone_office">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="contact_1_phone_office">
                         Office Phone
                         <input
                             type="tel"
@@ -1665,29 +1963,34 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="contact_1_phone_office"
                             autocomplete="tel"
                             placeholder="Office phone"
-                            value={$lq__event_obj?.contact_li_json?.[0]?.phone_office ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                        />
+                            value={$lq__event_obj?.contact_li_json?.[0]
+                                ?.phone_office ?? ''}
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                     </label>
                 </div>
             </div>
 
             <!-- ── Contact 2 (Optional secondary) ────────────────────── -->
-            <div class="pl-3 border-l-2 border-surface-300-700 space-y-3">
+            <div class="border-surface-300-700 space-y-3 border-l-2 pl-3">
                 <button
                     type="button"
-                    class="flex flex-row items-center gap-2 text-left w-full"
-                    onclick={() => (show_contact_2 = !show_contact_2)}
-                >
-                    <span class="fas fa-{show_contact_2 ? 'caret-down' : 'caret-right'} text-xs opacity-60"></span>
-                    <h4 class="text-sm font-semibold text-surface-600-400 flex items-center gap-1.5 mb-0!">
+                    class="flex w-full flex-row items-center gap-2 text-left"
+                    onclick={() => (show_contact_2 = !show_contact_2)}>
+                    <span
+                        class="fas fa-{show_contact_2
+                            ? 'caret-down'
+                            : 'caret-right'} text-xs opacity-60"></span>
+                    <h4
+                        class="text-surface-600-400 mb-0! flex items-center gap-1.5 text-sm font-semibold">
                         <span class="fas fa-user-plus"></span> Contact 2 (Optional)
                     </h4>
                 </button>
 
                 {#if show_contact_2}
                     <div class="flex flex-row flex-wrap gap-3">
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_2_full_name">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="contact_2_full_name">
                             Full Name
                             <input
                                 type="text"
@@ -1695,11 +1998,13 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="contact_2_full_name"
                                 autocomplete="name"
                                 placeholder="Full name"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.full_name ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-64"
-                            />
+                                value={$lq__event_obj?.contact_li_json?.[1]
+                                    ?.full_name ?? ''}
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-64" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_2_email">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="contact_2_email">
                             Email
                             <input
                                 type="email"
@@ -1707,14 +2012,16 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="contact_2_email"
                                 autocomplete="email"
                                 placeholder="Email address"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.email ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-64"
-                            />
+                                value={$lq__event_obj?.contact_li_json?.[1]
+                                    ?.email ?? ''}
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-64" />
                         </label>
                     </div>
 
                     <div class="flex flex-row flex-wrap gap-3">
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_2_phone_mobile">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="contact_2_phone_mobile">
                             Mobile Phone
                             <input
                                 type="tel"
@@ -1722,11 +2029,13 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="contact_2_phone_mobile"
                                 autocomplete="tel"
                                 placeholder="Mobile / Cell"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.phone_mobile ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                            />
+                                value={$lq__event_obj?.contact_li_json?.[1]
+                                    ?.phone_mobile ?? ''}
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_2_phone_home">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="contact_2_phone_home">
                             Home Phone
                             <input
                                 type="tel"
@@ -1734,11 +2043,13 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="contact_2_phone_home"
                                 autocomplete="tel"
                                 placeholder="Home phone"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.phone_home ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                            />
+                                value={$lq__event_obj?.contact_li_json?.[1]
+                                    ?.phone_home ?? ''}
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="contact_2_phone_office">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="contact_2_phone_office">
                             Office Phone
                             <input
                                 type="tel"
@@ -1746,20 +2057,40 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                                 name="contact_2_phone_office"
                                 autocomplete="tel"
                                 placeholder="Office phone"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.phone_office ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                            />
+                                value={$lq__event_obj?.contact_li_json?.[1]
+                                    ?.phone_office ?? ''}
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                         </label>
                     </div>
                 {:else}
                     <!-- Hidden inputs preserve existing Contact 2 data when the section is
                          collapsed. Without these, FormData would omit the fields entirely
                          and the submit handler would overwrite saved contact info with nulls. -->
-                    <input type="hidden" name="contact_2_full_name" value={$lq__event_obj?.contact_li_json?.[1]?.full_name ?? ''} />
-                    <input type="hidden" name="contact_2_email" value={$lq__event_obj?.contact_li_json?.[1]?.email ?? ''} />
-                    <input type="hidden" name="contact_2_phone_mobile" value={$lq__event_obj?.contact_li_json?.[1]?.phone_mobile ?? ''} />
-                    <input type="hidden" name="contact_2_phone_home" value={$lq__event_obj?.contact_li_json?.[1]?.phone_home ?? ''} />
-                    <input type="hidden" name="contact_2_phone_office" value={$lq__event_obj?.contact_li_json?.[1]?.phone_office ?? ''} />
+                    <input
+                        type="hidden"
+                        name="contact_2_full_name"
+                        value={$lq__event_obj?.contact_li_json?.[1]
+                            ?.full_name ?? ''} />
+                    <input
+                        type="hidden"
+                        name="contact_2_email"
+                        value={$lq__event_obj?.contact_li_json?.[1]?.email ??
+                            ''} />
+                    <input
+                        type="hidden"
+                        name="contact_2_phone_mobile"
+                        value={$lq__event_obj?.contact_li_json?.[1]
+                            ?.phone_mobile ?? ''} />
+                    <input
+                        type="hidden"
+                        name="contact_2_phone_home"
+                        value={$lq__event_obj?.contact_li_json?.[1]
+                            ?.phone_home ?? ''} />
+                    <input
+                        type="hidden"
+                        name="contact_2_phone_office"
+                        value={$lq__event_obj?.contact_li_json?.[1]
+                            ?.phone_office ?? ''} />
                 {/if}
             </div>
         </div>
@@ -1769,14 +2100,19 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
              Fields: status, hide, priority, sort, group, enable, notes
              ============================================================ -->
         {#if $ae_loc.trusted_access}
-            <div class="p-3 space-y-3 rounded-md bg-surface-100-900 border border-surface-200-800 border-error-400" id="section__admin_options">
+            <div
+                class="bg-surface-100-900 border-surface-200-800 border-error-400 space-y-3 rounded-md border p-3"
+                id="section__admin_options">
                 <button
                     type="button"
-                    class="flex flex-row items-center gap-2 text-left w-full"
-                    onclick={() => (show_admin_options = !show_admin_options)}
-                >
-                    <span class="fas fa-{show_admin_options ? 'caret-down' : 'caret-right'} text-xs opacity-60"></span>
-                    <h3 class="text-lg font-semibold text-surface-600-400 flex items-center gap-2 pb-1 border-b border-surface-200-800 mb-0!">
+                    class="flex w-full flex-row items-center gap-2 text-left"
+                    onclick={() => (show_admin_options = !show_admin_options)}>
+                    <span
+                        class="fas fa-{show_admin_options
+                            ? 'caret-down'
+                            : 'caret-right'} text-xs opacity-60"></span>
+                    <h3
+                        class="text-surface-600-400 border-surface-200-800 mb-0! flex items-center gap-2 border-b pb-1 text-lg font-semibold">
                         <span class="fas fa-cogs"></span>
                         Admin Options
                     </h3>
@@ -1784,7 +2120,9 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
 
                 {#if show_admin_options}
                     <!-- Status -->
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="status">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="status">
                         Status
                         <input
                             type="text"
@@ -1792,93 +2130,122 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             name="status"
                             placeholder="e.g. active, pending, closed"
                             value={$lq__event_obj?.status ?? ''}
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52"
-                        />
+                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-52" />
                     </label>
 
                     <!-- Enable / Hide / Priority toggles -->
                     <div class="flex flex-row flex-wrap gap-4">
-                        <label class="flex items-center gap-2 cursor-pointer text-sm font-semibold" for="enable">
+                        <label
+                            class="flex cursor-pointer items-center gap-2 text-sm font-semibold"
+                            for="enable">
                             <input
                                 type="checkbox"
                                 id="enable"
                                 name="enable"
                                 checked={$lq__event_obj?.enable ?? true}
-                                class="checkbox"
-                            />
+                                class="checkbox" />
                             Enabled
                         </label>
-                        <label class="flex items-center gap-2 cursor-pointer text-sm font-semibold" for="hide">
+                        <label
+                            class="flex cursor-pointer items-center gap-2 text-sm font-semibold"
+                            for="hide">
                             <input
                                 type="checkbox"
                                 id="hide"
                                 name="hide"
                                 checked={$lq__event_obj?.hide ?? false}
-                                class="checkbox"
-                            />
+                                class="checkbox" />
                             Hidden
                         </label>
-                        <label class="flex items-center gap-2 cursor-pointer text-sm font-semibold" for="priority">
+                        <label
+                            class="flex cursor-pointer items-center gap-2 text-sm font-semibold"
+                            for="priority">
                             <input
                                 type="checkbox"
                                 id="priority"
                                 name="priority"
                                 checked={$lq__event_obj?.priority ?? false}
-                                class="checkbox"
-                            />
+                                class="checkbox" />
                             Priority (Featured)
                         </label>
                     </div>
 
                     <!-- Sort + Group -->
                     <div class="flex flex-row flex-wrap gap-3">
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="sort">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="sort">
                             Sort Order
-                            <span class="block text-xs font-normal text-surface-500 -mt-0.5">Lower numbers appear first</span>
+                            <span
+                                class="text-surface-500 -mt-0.5 block text-xs font-normal"
+                                >Lower numbers appear first</span>
                             <input
                                 type="number"
                                 id="sort"
                                 name="sort"
                                 placeholder="0"
                                 value={$lq__event_obj?.sort ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-28"
-                            />
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-28" />
                         </label>
-                        <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="group">
+                        <label
+                            class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                            for="group">
                             Group
-                            <span class="block text-xs font-normal text-surface-500 -mt-0.5">Optional grouping label</span>
+                            <span
+                                class="text-surface-500 -mt-0.5 block text-xs font-normal"
+                                >Optional grouping label</span>
                             <input
                                 type="text"
                                 id="group"
                                 name="group"
                                 placeholder="e.g. North America"
                                 value={$lq__event_obj?.group ?? ''}
-                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-48"
-                            />
+                                class="input preset-tonal-surface hover:preset-filled-surface-100-900 w-48" />
                         </label>
                     </div>
 
                     <!-- Notes — internal, not visible to members -->
-                    <label class="flex flex-col gap-1 text-sm font-semibold text-surface-700-300" for="notes">
+                    <label
+                        class="text-surface-700-300 flex flex-col gap-1 text-sm font-semibold"
+                        for="notes">
                         Admin Notes
-                        <span class="block text-xs font-normal text-surface-500 -mt-0.5">Internal only — not visible to members</span>
+                        <span
+                            class="text-surface-500 -mt-0.5 block text-xs font-normal"
+                            >Internal only — not visible to members</span>
                         <AE_Comp_Editor_TipTap
                             bind:content={notes_new_html}
                             class_li="field-richtext"
-                            placeholder="Internal notes about this meeting"
-                        />
+                            placeholder="Internal notes about this meeting" />
                     </label>
                 {:else}
                     <!-- Hidden inputs preserve admin field values when section is collapsed.
                          Checkboxes are omitted from FormData when unchecked, so we use
                          hidden inputs with '1'/'0' string values that the submit handler
                          already converts via form_data.get(). -->
-                    <input type="hidden" name="status" value={$lq__event_obj?.status ?? ''} />
-                    <input type="hidden" name="enable" value={$lq__event_obj?.enable ? 'true' : 'false'} />
-                    <input type="hidden" name="hide" value={$lq__event_obj?.hide ? 'true' : 'false'} />
-                    <input type="hidden" name="priority" value={$lq__event_obj?.priority ? 'true' : 'false'} />
-                    <input type="hidden" name="sort" value={$lq__event_obj?.sort ?? ''} />
-                    <input type="hidden" name="group" value={$lq__event_obj?.group ?? ''} />
+                    <input
+                        type="hidden"
+                        name="status"
+                        value={$lq__event_obj?.status ?? ''} />
+                    <input
+                        type="hidden"
+                        name="enable"
+                        value={$lq__event_obj?.enable ? 'true' : 'false'} />
+                    <input
+                        type="hidden"
+                        name="hide"
+                        value={$lq__event_obj?.hide ? 'true' : 'false'} />
+                    <input
+                        type="hidden"
+                        name="priority"
+                        value={$lq__event_obj?.priority ? 'true' : 'false'} />
+                    <input
+                        type="hidden"
+                        name="sort"
+                        value={$lq__event_obj?.sort ?? ''} />
+                    <input
+                        type="hidden"
+                        name="group"
+                        value={$lq__event_obj?.group ?? ''} />
                 {/if}
             </div>
         {/if}
@@ -1891,17 +2258,15 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
              ============================================================ -->
         <div
             class="
-                flex flex-row flex-wrap gap-2 items-center justify-between w-full
-                pt-2 border-t border-surface-300-700
+                border-surface-300-700 flex w-full flex-row flex-wrap items-center justify-between
+                gap-2 border-t pt-2
             "
-            id="section__actions"
-        >
+            id="section__actions">
             <!-- Primary: Save -->
             <button
                 type="submit"
                 class="btn preset-filled-primary-200-800"
-                disabled={disable_submit_btn}
-            >
+                disabled={disable_submit_btn}>
                 {#await prom_api__event_obj}
                     <span class="fas fa-spinner fa-spin"></span> Saving...
                 {:then}
@@ -1913,7 +2278,7 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                 {/await}
             </button>
 
-            <div class="flex flex-row flex-wrap gap-2 items-center">
+            <div class="flex flex-row flex-wrap items-center gap-2">
                 <!-- Delete / Disable — tiered by permission, only on existing meetings -->
                 {#if $idaa_slct.event_id && $ae_loc.trusted_access}
                     {#if $ae_loc.administrator_access}
@@ -1922,11 +2287,17 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                             type="button"
                             class="btn preset-tonal-error"
                             onclick={() => {
-                                if (confirm('Permanently delete this meeting? This cannot be undone.')) {
-                                    handle_delete_event_obj({ event_id: $idaa_slct.event_id, method: 'delete' });
+                                if (
+                                    confirm(
+                                        'Permanently delete this meeting? This cannot be undone.'
+                                    )
+                                ) {
+                                    handle_delete_event_obj({
+                                        event_id: $idaa_slct.event_id,
+                                        method: 'delete'
+                                    });
                                 }
-                            }}
-                        >
+                            }}>
                             <span class="fas fa-trash-alt"></span> Delete
                         </button>
                     {/if}
@@ -1935,11 +2306,17 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                         type="button"
                         class="btn preset-tonal-warning"
                         onclick={() => {
-                            if (confirm('Disable this meeting? It will be hidden from the listing but can be re-enabled.')) {
-                                handle_delete_event_obj({ event_id: $idaa_slct.event_id, method: 'disable' });
+                            if (
+                                confirm(
+                                    'Disable this meeting? It will be hidden from the listing but can be re-enabled.'
+                                )
+                            ) {
+                                handle_delete_event_obj({
+                                    event_id: $idaa_slct.event_id,
+                                    method: 'disable'
+                                });
                             }
-                        }}
-                    >
+                        }}>
                         <span class="fas fa-ban"></span> Disable
                     </button>
                 {/if}
@@ -1955,14 +2332,10 @@ Copy and paste link: <a href="${link_base_url}?event_id=${event_do.event_id}">${
                         if ($idaa_slct.event_id) {
                             $idaa_sess.recovery_meetings.show__modal_view = true;
                         }
-                    }}
-                >
+                    }}>
                     <span class="fas fa-times"></span> Cancel
                 </button>
             </div>
         </div>
-
     </form>
 </section>
-
-
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_view.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_view.svelte
index c16d84b7..f57ba3bf 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_view.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_view.svelte
@@ -1,54 +1,49 @@
 <script lang="ts">
+// *** Import Svelte specific
 
-    // *** Import Svelte specific
+// *** Import other supporting libraries
 
-    // *** Import other supporting libraries
+// *** Import Aether specific variables and functions
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig
+} from '$lib/stores/ae_idaa_stores';
+import MyClipboard from '$lib/app_components/e_app_clipboard.svelte';
 
-    // *** Import Aether specific variables and functions
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig
-    } from '$lib/stores/ae_idaa_stores';
-    import MyClipboard from '$lib/app_components/e_app_clipboard.svelte';
+interface Props {
+    lq__event_obj: any;
+}
 
-    interface Props {
-        lq__event_obj: any;
-    }
+let { lq__event_obj }: Props = $props();
 
-    let { lq__event_obj }: Props = $props();
-
-    if ($idaa_slct.event_id) {
-        console.log(`Event ID selected: ${$idaa_slct.event_id}`);
-        console.log(`Event Object selected: ${$lq__event_obj}`);
-        console.log(`Event Object name: ${$lq__event_obj?.name}`);
-
-    }
+if ($idaa_slct.event_id) {
+    console.log(`Event ID selected: ${$idaa_slct.event_id}`);
+    console.log(`Event Object selected: ${$lq__event_obj}`);
+    console.log(`Event Object name: ${$lq__event_obj?.name}`);
+}
 </script>
 
 <section
-    class="svelte_component ae_section ae_view event_obj view__event_obj space-y-2"
->
-
-    <div class="p-2 bg-white shadow-md rounded-lg">
+    class="svelte_component ae_section ae_view event_obj view__event_obj space-y-2">
+    <div class="rounded-lg bg-white p-2 shadow-md">
         <div
             class="meeting_description description mb-4"
-            class:hidden={!$lq__event_obj?.description}
-        >
+            class:hidden={!$lq__event_obj?.description}>
             <div class="ae_label event__description mb-2">Description:</div>
             <pre
-                class="ae_value_semi event__description text-wrap font-normal whitespace-pre-wrap">{@html $lq__event_obj?.description}</pre>
+                class="ae_value_semi event__description font-normal text-wrap whitespace-pre-wrap">{@html $lq__event_obj?.description}</pre>
         </div>
 
         <div class:hidden={!$lq__event_obj?.type} class="meeting_type mb-4">
@@ -58,18 +53,16 @@
     </div>
 
     <div
-        class="p-2 bg-white shadow-md rounded-lg meeting_physical_virtual how_to_attended"
-    >
+        class="meeting_physical_virtual how_to_attended rounded-lg bg-white p-2 shadow-md">
         <div
-            class="col-6 meeting_physical"
+            class="meeting_physical col-6"
             class:hidden={(!$lq__event_obj?.address_city &&
                 !$lq__event_obj?.location_address_json) ||
                 ($lq__event_obj?.location_address_json &&
                     !$lq__event_obj?.location_address_json.city &&
                     !$lq__event_obj?.location_address_json
                         .country_subdivision_code &&
-                    !$lq__event_obj?.location_address_json.postal_code)}
-        >
+                    !$lq__event_obj?.location_address_json.postal_code)}>
             <div class="meeting_address_location">
                 <span class="ae_label"> Address: </span>
                 <address class="ae_value_semi event__address">
@@ -99,14 +92,10 @@
                         {/if}
                     {:else}
                         {#if $lq__event_obj?.physical}
-                            {#if $lq__event_obj?.address_name}{$lq__event_obj?.address_name}<br
-                                />{/if}
-                            {#if $lq__event_obj?.address_line_1}{$lq__event_obj?.address_line_1}<br
-                                />{/if}
-                            {#if $lq__event_obj?.address_line_2}{$lq__event_obj?.address_line_2}<br
-                                />{/if}
-                            {#if $lq__event_obj?.address_line_3}{$lq__event_obj?.address_line_3}<br
-                                />{/if}
+                            {#if $lq__event_obj?.address_name}{$lq__event_obj?.address_name}<br />{/if}
+                            {#if $lq__event_obj?.address_line_1}{$lq__event_obj?.address_line_1}<br />{/if}
+                            {#if $lq__event_obj?.address_line_2}{$lq__event_obj?.address_line_2}<br />{/if}
+                            {#if $lq__event_obj?.address_line_3}{$lq__event_obj?.address_line_3}<br />{/if}
                         {/if}
                         {#if $lq__event_obj?.address_city}{$lq__event_obj?.address_city},
                         {/if}
@@ -124,8 +113,7 @@
                     <div class:hidden={!$lq__event_obj?.location_text}>
                         <span class="ae_label"> Additional information: </span>
                         <span class="ae_value_semi"
-                            >{@html $lq__event_obj?.location_text}</span
-                        >
+                            >{@html $lq__event_obj?.location_text}</span>
                     </div>
                 {/if}
             </div>
@@ -134,14 +122,12 @@
         <div
             class="col-6"
             class:meeting_virtual={$lq__event_obj?.virtual}
-            class:hidden={!$lq__event_obj?.virtual}
-        >
+            class:hidden={!$lq__event_obj?.virtual}>
             {#if $lq__event_obj?.attend_json?.zoom}
                 <div
-                    class="event__attend flex flex-row flex-wrap gap-2 items-center justify-start"
+                    class="event__attend flex flex-row flex-wrap items-center justify-start gap-2"
                     class:ae_d_none={!$lq__event_obj?.attend_json?.zoom
-                        ?.full_url}
-                >
+                        ?.full_url}>
                     <span class="ae_label">
                         <span class="fas fa-video m-1"></span>
                         Zoom Meeting:
@@ -158,8 +144,7 @@
                             preset-filled-tertiary-200-800
                             hover:preset-filled-tertiary-600-400
                             transition
-                            "
-                        >
+                            ">
                             <span class="fas fa-link m-1"></span>
                             <!-- {$lq__event_obj?.attend_json?.zoom?.full_url} -->
                             Join: Zoom ID {$lq__event_obj?.attend_json?.zoom
@@ -172,27 +157,25 @@
                     </span>
 
                     {#if $ae_loc.manager_access}
-                    <MyClipboard
-                        value={$lq__event_obj?.attend_json?.zoom?.full_url}
-                        btn_text="Copy Zoom Link"
-                        btn_title="Copy Zoom link to clipboard"
-                        btn_class="
+                        <MyClipboard
+                            value={$lq__event_obj?.attend_json?.zoom?.full_url}
+                            btn_text="Copy Zoom Link"
+                            btn_title="Copy Zoom link to clipboard"
+                            btn_class="
                         novi_btn
                         btn btn-sm
                         preset-outlined-tertiary-800-200
                         preset-filled-tertiary-200-800
                         hover:preset-filled-tertiary-600-400
                         transition
-                        "
-                    ></MyClipboard>
+                        "></MyClipboard>
                     {/if}
                 </div>
             {:else if $lq__event_obj?.attend_json?.jitsi}
                 <div
-                    class="event__attend flex flex-row flex-wrap gap-2 items-center justify-start"
+                    class="event__attend flex flex-row flex-wrap items-center justify-start gap-2"
                     class:ae_d_none={!$lq__event_obj?.attend_json?.jitsi
-                        ?.full_url}
-                >
+                        ?.full_url}>
                     <span class="ae_label">
                         <span class="fas fa-video m-1"></span>
                         Jitsi Meeting:
@@ -209,8 +192,7 @@
                             preset-filled-tertiary-200-800
                             hover:preset-filled-tertiary-600-400
                             transition
-                            "
-                        >
+                            ">
                             <span class="fas fa-link m-1"></span>
                             <!-- {$lq__event_obj?.attend_json?.jitsi?.full_url} -->
                             Join: {$lq__event_obj?.attend_json?.jitsi?.name ??
@@ -223,26 +205,24 @@
                     </span>
 
                     {#if $ae_loc.manager_access}
-                    <MyClipboard
-                        value={$lq__event_obj?.attend_json?.jitsi?.full_url}
-                        btn_text="Copy Jitsi Link"
-                        btn_title="Copy Jitsi link to clipboard"
-                        btn_class="
+                        <MyClipboard
+                            value={$lq__event_obj?.attend_json?.jitsi?.full_url}
+                            btn_text="Copy Jitsi Link"
+                            btn_title="Copy Jitsi link to clipboard"
+                            btn_class="
                         novi_btn
                         btn btn-sm
                         preset-outlined-tertiary-800-200
                         preset-filled-tertiary-200-800
                         hover:preset-filled-tertiary-600-400
                         transition
-                        "
-                    ></MyClipboard>
+                        "></MyClipboard>
                     {/if}
                 </div>
             {:else}
                 <div
                     class="meeting_attend_url"
-                    class:hidden={!$lq__event_obj?.attend_url}
-                >
+                    class:hidden={!$lq__event_obj?.attend_url}>
                     <span class="ae_label">
                         <span class="fas fa-link"></span>
                         URL:
@@ -251,8 +231,7 @@
                         <a
                             href={$lq__event_obj?.attend_url}
                             class="text-blue-800 hover:underline"
-                            >{$lq__event_obj?.attend_url}</a
-                        >
+                            >{$lq__event_obj?.attend_url}</a>
                     </span>
                     <span class:hidden={!$lq__event_obj?.attend_url_passcode}>
                         <span class="ae_label">
@@ -267,16 +246,14 @@
             {/if}
             <div
                 class="meeting_attend_phone"
-                class:hidden={!$lq__event_obj?.attend_phone}
-            >
+                class:hidden={!$lq__event_obj?.attend_phone}>
                 <span class="ae_label">
                     <span class="fas fa-phone"></span>
                     Phone:
                 </span>
                 <span class="ae_value">
                     <a href="tel:{$lq__event_obj?.attend_phone}"
-                        >{$lq__event_obj?.attend_phone}</a
-                    >
+                        >{$lq__event_obj?.attend_phone}</a>
                 </span>
                 <span class="ae_label">
                     <span class="fas fa-lock"></span>
@@ -288,48 +265,39 @@
             </div>
             <div
                 class="attend_text"
-                class:hidden={!$lq__event_obj?.attend_text}
-            >
+                class:hidden={!$lq__event_obj?.attend_text}>
                 <span class="ae_label"> Additional information: </span>
                 <span class="ae_value_semi"
-                    >{@html $lq__event_obj?.attend_text}</span
-                >
+                    >{@html $lq__event_obj?.attend_text}</span>
             </div>
         </div>
     </div>
 
-    <div class="p-2 bg-white shadow-md rounded-lg meeting_when">
+    <div class="meeting_when rounded-lg bg-white p-2 shadow-md">
         <div
             class="meeting_recurring"
-            class:hidden={!$lq__event_obj?.recurring}
-        >
+            class:hidden={!$lq__event_obj?.recurring}>
             <div class="meeting_recurring_text">
                 <span class="ae_label">
                     <span class="fas fa-calendar-alt"></span>
                     Frequency:
                 </span>
                 {#if $lq__event_obj?.recurring_pattern == 'weekly'}<span
-                        >Weekly</span
-                    >
+                        >Weekly</span>
                 {:else if $lq__event_obj?.recurring_pattern == 'monthly'}<span
-                        >Monthly</span
-                    >
+                        >Monthly</span>
                 {:else if $lq__event_obj?.recurring_pattern == 'every other week'}<span
-                        >Every Other Week</span
-                    >
+                        >Every Other Week</span>
                 {:else if $lq__event_obj?.recurring_pattern == 'other'}<span
-                        >Other</span
-                    >
+                        >Other</span>
                 {/if}
                 {#if $lq__event_obj?.recurring_text && $lq__event_obj?.recurring_text.length > 0}
                     {#if $lq__event_obj?.recurring_text.includes('*gen*') && $ae_loc.administrator_access}
                         <span class="ae_value ae_highlight"
-                            >{@html $lq__event_obj?.recurring_text}</span
-                        >
+                            >{@html $lq__event_obj?.recurring_text}</span>
                     {:else if !$lq__event_obj?.recurring_text.includes('*gen*')}
                         <span class="ae_value"
-                            >{@html $lq__event_obj?.recurring_text}</span
-                        >
+                            >{@html $lq__event_obj?.recurring_text}</span>
                     {/if}
                     <!-- - <span class="ae_value">{@html $lq__event_obj?.recurring_text}</span> -->
                 {/if}
@@ -371,8 +339,7 @@
                             >{ae_util.iso_datetime_formatter(
                                 `2024-01-01 ${$lq__event_obj?.recurring_start_time}`,
                                 'time_12_short'
-                            )}</span
-                        >
+                            )}</span>
                     </span>
                     <span class:hidden={!$lq__event_obj?.recurring_end_time}>
                         <span class="meeting_recurring_end_time">
@@ -389,8 +356,7 @@
                         <span class="meeting_timezone">
                             <span class="ae_label">Timezone:</span>
                             <span class="ae_value"
-                                >{$lq__event_obj?.timezone}</span
-                            >
+                                >{$lq__event_obj?.timezone}</span>
                         </span>
                     </span>
                     {#if $lq__event_obj?.timezone && $ae_loc.current_timezone}
@@ -414,21 +380,20 @@
         </div>
     </div>
 
-    <div class="p-2 bg-white shadow-md rounded-lg ae_list event__contacts">
+    <div class="ae_list event__contacts rounded-lg bg-white p-2 shadow-md">
         <a
             href="https://docs.google.com/forms/d/e/1FAIpQLSe7ICzsIA6XhW3jzxtM29xuC7nx5GFQ6qvasDMQvU-9bOrSqA/viewform"
             target="_blank"
             class="
                 novi_btn btn-warning novi_smaller
-                float-right
-                btn btn-sm
-                preset-outlined-tertiary-800-200
+                btn
+                btn-sm preset-outlined-tertiary-800-200
                 preset-filled-tertiary-200-800
                 hover:preset-filled-secondary-600-400
+                float-right
                 transition
                 "
-            title="Send a message to IDAA Staff regarding this Recovery Meeting."
-        >
+            title="Send a message to IDAA Staff regarding this Recovery Meeting.">
             <span class="fas fa-flag m-1"></span>
             Message IDAA Staff?
         </a>
@@ -436,8 +401,7 @@
         {#if $lq__event_obj?.contact_li_json && $lq__event_obj?.contact_li_json.length && $lq__event_obj?.contact_li_json[0].full_name}
             <div
                 class="event__contact"
-                class:hidden={!$lq__event_obj?.contact_li_json[0].full_name}
-            >
+                class:hidden={!$lq__event_obj?.contact_li_json[0].full_name}>
                 <span class="ae_label">
                     <span class="fas fa-user"></span> Contact:
                 </span>
@@ -456,8 +420,7 @@
                         href="tel:{$lq__event_obj?.contact_li_json[0]
                             .phone_mobile}"
                         class="text-blue-800 hover:underline"
-                        >{$lq__event_obj?.contact_li_json[0].phone_mobile}</a
-                    >
+                        >{$lq__event_obj?.contact_li_json[0].phone_mobile}</a>
                 {/if}
                 {#if $lq__event_obj?.contact_li_json[0].phone_home}
                     <span class="ae_label">| Home:</span>
@@ -465,8 +428,7 @@
                         href="tel:{$lq__event_obj?.contact_li_json[0]
                             .phone_home}"
                         class="text-blue-800 hover:underline"
-                        >{$lq__event_obj?.contact_li_json[0].phone_home}</a
-                    >
+                        >{$lq__event_obj?.contact_li_json[0].phone_home}</a>
                 {/if}
                 {#if $lq__event_obj?.contact_li_json[0].phone_office}
                     <span class="ae_label">| Office:</span>
@@ -474,8 +436,7 @@
                         href="tel:{$lq__event_obj?.contact_li_json[0]
                             .phone_office}"
                         class="text-blue-800 hover:underline"
-                        >{$lq__event_obj?.contact_li_json[0].phone_office}</a
-                    >
+                        >{$lq__event_obj?.contact_li_json[0].phone_office}</a>
                 {/if}
                 {#if $lq__event_obj?.contact_li_json[0].other_text}| {$lq__event_obj
                         ?.contact_li_json[0].other_text}{/if}
@@ -485,8 +446,7 @@
         {#if $lq__event_obj?.contact_li_json && $lq__event_obj?.contact_li_json.length && $lq__event_obj?.contact_li_json[1].full_name}
             <div
                 class="event__contact"
-                class:hidden={!$lq__event_obj?.contact_li_json[1].full_name}
-            >
+                class:hidden={!$lq__event_obj?.contact_li_json[1].full_name}>
                 <span class="ae_label">
                     <span class="fas fa-user"></span> Contact:
                 </span>
@@ -505,8 +465,7 @@
                         href="tel:{$lq__event_obj?.contact_li_json[1]
                             .phone_mobile}"
                         class="text-blue-800 hover:underline"
-                        >{$lq__event_obj?.contact_li_json[1].phone_mobile}</a
-                    >
+                        >{$lq__event_obj?.contact_li_json[1].phone_mobile}</a>
                 {/if}
                 {#if $lq__event_obj?.contact_li_json[1].phone_home}
                     <span class="ae_label">| Home:</span>
@@ -514,8 +473,7 @@
                         href="tel:{$lq__event_obj?.contact_li_json[1]
                             .phone_home}"
                         class="text-blue-800 hover:underline"
-                        >{$lq__event_obj?.contact_li_json[1].phone_home}</a
-                    >
+                        >{$lq__event_obj?.contact_li_json[1].phone_home}</a>
                 {/if}
                 {#if $lq__event_obj?.contact_li_json[1].phone_office}
                     <span class="ae_label">| Office:</span>
@@ -523,8 +481,7 @@
                         href="tel:{$lq__event_obj?.contact_li_json[1]
                             .phone_office}"
                         class="text-blue-800 hover:underline"
-                        >{$lq__event_obj?.contact_li_json[1].phone_office}</a
-                    >
+                        >{$lq__event_obj?.contact_li_json[1].phone_office}</a>
                 {/if}
                 {#if $lq__event_obj?.contact_li_json[1].other_text}| {$lq__event_obj
                         ?.contact_li_json[1].other_text}{/if}
@@ -533,8 +490,7 @@
     </div>
 
     <section
-        class="ae_section ae_meta event__meta text-sm text-gray-500 mt-4 flex flex-row gap-2 items-center justify-center"
-    >
+        class="ae_section ae_meta event__meta mt-4 flex flex-row items-center justify-center gap-2 text-sm text-gray-500">
         <span class="event__id" class:hidden={!$ae_loc.administrator_access}>
             ID:
             {$lq__event_obj?.event_id}
@@ -547,8 +503,7 @@
         </span>
         <span
             class="event__updated_on"
-            class:hidden={!$lq__event_obj?.updated_on}
-        >
+            class:hidden={!$lq__event_obj?.updated_on}>
             Updated on: {ae_util.iso_datetime_formatter(
                 $lq__event_obj?.updated_on,
                 'datetime_12_short'
@@ -560,37 +515,37 @@
 </section>
 
 <style lang="scss">
-    .ae_label {
-        font-size: smaller;
-        color: #777;
-    }
-    .ae_value {
-        font-weight: bold;
-    }
-    .ae_value_semi {
-        font-weight: semi-bold;
-    }
+.ae_label {
+    font-size: smaller;
+    color: #777;
+}
+.ae_value {
+    font-weight: bold;
+}
+.ae_value_semi {
+    font-weight: semi-bold;
+}
 
-    .event__user_timezone {
-        font-size: smaller;
-        font-style: italic;
-    }
+.event__user_timezone {
+    font-size: smaller;
+    font-style: italic;
+}
 
-    /* .event_obj .ae_meta {
+/* .event_obj .ae_meta {
     flex-direction: column;
     justify-content: space-between;
 } */
 
-    /* .event_obj .ae_meta .ae_group {
+/* .event_obj .ae_meta .ae_group {
     flex-direction: row;
 } */
 
-    /* .event_obj .ae_meta .ae_options {
+/* .event_obj .ae_meta .ae_options {
     flex-direction: row;
     justify-content: space-between;
 } */
 
-    /* a {
+/* a {
     color: #82B6E1;
 } */
 </style>
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
index d039443f..3985b8ce 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
@@ -1,111 +1,107 @@
 <script lang="ts">
-    interface Props {
-        /** @type {import('./$types').PageData} */
-        log_lvl?: number;
-        data?: any;
-        container_class_li?: string | Array<string>;
-        link_to_type: null | string;
-        link_to_id: null | string;
-        lq__event_obj_li: any;
+interface Props {
+    /** @type {import('./$types').PageData} */
+    log_lvl?: number;
+    data?: any;
+    container_class_li?: string | Array<string>;
+    link_to_type: null | string;
+    link_to_id: null | string;
+    lq__event_obj_li: any;
+}
+
+let {
+    log_lvl = $bindable(0),
+    data,
+    container_class_li = [],
+    link_to_type = null,
+    link_to_id = null,
+    lq__event_obj_li
+}: Props = $props();
+
+// *** Import Svelte specific
+
+// *** Import Aether specific variables and functions
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig
+} from '$lib/stores/ae_idaa_stores';
+import MyClipboard from '$lib/app_components/e_app_clipboard.svelte';
+
+// Derived list of visible items (Refactored 2026-02-05)
+//
+// WHY: The parent search logic fetches matching records into the local IndexedDB.
+// This derived store performs the final client-side visibility layer to ensure
+// that the results count matches exactly what is rendered to the user.
+let visible_event_obj_li = $derived.by(() => {
+    // Subscribe to the LiveQuery observable using $ prefix
+    const list = $lq__event_obj_li;
+
+    if (!list || !Array.isArray(list)) {
+        if (log_lvl > 1)
+            console.log('visible_event_obj_li: Waiting for data stream...');
+        return [];
     }
 
-    let {
-        log_lvl = $bindable(0),
-        data,
-        container_class_li = [],
-        link_to_type = null,
-        link_to_id = null,
-        lq__event_obj_li
-    }: Props = $props();
+    /**
+     * DUAL-LAYER VISIBILITY LOGIC
+     * 1. Public Logic: If an item is enabled and NOT hidden, everyone sees it.
+     * 2. Trusted Logic: If an item is disabled OR hidden, ONLY trusted users see it.
+     *
+     * NOTE: We use loose equality (==) because the database often returns
+     * numeric 1/0 or string '1'/'0' for these tinyint fields.
+     */
+    const filtered = list.filter((item: any) => {
+        if (!item) return false;
 
-    // *** Import Svelte specific
+        const is_hidden = item.hide == true;
+        const is_disabled = item.enable == false;
 
-    // *** Import Aether specific variables and functions
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig
-    } from '$lib/stores/ae_idaa_stores';
-    import MyClipboard from '$lib/app_components/e_app_clipboard.svelte';
+        if (!is_hidden && !is_disabled) return true;
 
-    // Derived list of visible items (Refactored 2026-02-05)
-    //
-    // WHY: The parent search logic fetches matching records into the local IndexedDB.
-    // This derived store performs the final client-side visibility layer to ensure
-    // that the results count matches exactly what is rendered to the user.
-    let visible_event_obj_li = $derived.by(() => {
-        // Subscribe to the LiveQuery observable using $ prefix
-        const list = $lq__event_obj_li;
-
-        if (!list || !Array.isArray(list)) {
-            if (log_lvl > 1)
-                console.log('visible_event_obj_li: Waiting for data stream...');
-            return [];
-        }
-
-        /**
-         * DUAL-LAYER VISIBILITY LOGIC
-         * 1. Public Logic: If an item is enabled and NOT hidden, everyone sees it.
-         * 2. Trusted Logic: If an item is disabled OR hidden, ONLY trusted users see it.
-         *
-         * NOTE: We use loose equality (==) because the database often returns
-         * numeric 1/0 or string '1'/'0' for these tinyint fields.
-         */
-        const filtered = list.filter((item: any) => {
-            if (!item) return false;
-
-            const is_hidden = item.hide == true;
-            const is_disabled = item.enable == false;
-
-            if (!is_hidden && !is_disabled) return true;
-
-            return $ae_loc.trusted_access === true;
-        });
-
-        if (log_lvl)
-            console.log(
-                `visible_event_obj_li: Input=${list.length}, Output=${filtered.length} (trusted=${$ae_loc.trusted_access})`
-            );
-
-        // Final safety slice to respect the user's limit selection
-        return filtered.slice(0, $idaa_loc.recovery_meetings.qry__limit || 150);
-    });
-    $effect(() => {
-        if (log_lvl) {
-            console.log(
-                `link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`
-            );
-        }
+        return $ae_loc.trusted_access === true;
     });
+
+    if (log_lvl)
+        console.log(
+            `visible_event_obj_li: Input=${list.length}, Output=${filtered.length} (trusted=${$ae_loc.trusted_access})`
+        );
+
+    // Final safety slice to respect the user's limit selection
+    return filtered.slice(0, $idaa_loc.recovery_meetings.qry__limit || 150);
+});
+$effect(() => {
+    if (log_lvl) {
+        console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
+    }
+});
 </script>
 
 <section
     class="
         svelte_component ae_section ae_list event_obj_li list__event_obj recovery_meeting_list
-        flex flex-col gap-2 items-center justify-center w-full
+        flex w-full flex-col items-center justify-center gap-2
         {container_class_li}
-        "
->
+        ">
     {#if visible_event_obj_li && visible_event_obj_li.length}
         <div class="space-y-2">
             <h2 class="h3">
                 <span class="text-base text-gray-500"> Results: </span>
 
                 <span
-                    class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
-                    title="Visible Count {visible_event_obj_li.length}"
-                >
+                    class="bg-success-100 border-success-200 rounded-lg border px-4 text-3xl font-bold"
+                    title="Visible Count {visible_event_obj_li.length}">
                     <span class="fas fa-list-ol mx-4"></span>
                     {visible_event_obj_li.length}
                 </span>
@@ -115,27 +111,24 @@
                 {#if idaa_event_obj}
                     <!-- NOTE: There is extra logic here to hide items that are hidden/disabled for public users, but still show them to trusted/admin users. This is because the LiveQuery returns all items matching the query, and we need to filter on the client side based on the user's access level. The `visible_event_obj_li` derived store handles this filtering logic, so we can safely render based on that list. -->
                     <div
-                        class="container recovery_meeting event_obj border rounded-lg p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-white"
+                        class="recovery_meeting event_obj container mb-2 flex w-full max-w-(--breakpoint-lg) flex-col items-center justify-center space-y-2 rounded-lg border bg-white p-2"
                         class:hidden={(idaa_event_obj?.hide ||
                             !idaa_event_obj?.enable) &&
                             !($ae_loc.trusted_access && $ae_loc.edit_mode)}
                         class:dim={idaa_event_obj?.hide ||
                             !idaa_event_obj?.enable}
                         class:bg-warning-100={!idaa_event_obj?.enable}
-                        class:text-warning-900={!idaa_event_obj?.enable}
-                    >
+                        class:text-warning-900={!idaa_event_obj?.enable}>
                         <header
-                            class="ae_header flex flex-row flex-wrap gap-2 items-center justify-between w-full"
-                        >
+                            class="ae_header flex w-full flex-row flex-wrap items-center justify-between gap-2">
                             <h3
                                 class="
                     event__name
                     h3
-                    text-2xl font-bold
-                    flex flex-row gap-2 items-center justify-between
-                    w-full
-                "
-                            >
+                    flex w-full
+                    flex-row items-center justify-between gap-2 text-2xl
+                    font-bold
+                ">
                                 <span
                                     class="fas fa-calendar-day text-neutral-800/80"
                                 ></span>
@@ -144,15 +137,13 @@
 
                             <div
                                 class="
-                    flex flex-row gap-2 items-center justify-between
-                    w-full
-                "
-                            >
+                    flex w-full flex-row items-center justify-between
+                    gap-2
+                ">
                                 {#if idaa_event_obj?.status == 'unknown'}
                                     <span
                                         class="badge badge-warning preset-tonal-error"
-                                        title="This meeting has not been confirmed by IDAA Central Office. Please reach out to the chair for current meeting list info. Meeting attendees can reach out to info@idaa.org if they know this is information is accurate and this meeting is still taking place."
-                                    >
+                                        title="This meeting has not been confirmed by IDAA Central Office. Please reach out to the chair for current meeting list info. Meeting attendees can reach out to info@idaa.org if they know this is information is accurate and this meeting is still taking place.">
                                         <span
                                             class="fas fa-exclamation-triangle m-1"
                                         ></span>
@@ -164,11 +155,9 @@
                                 {/if}
 
                                 <span
-                                    class="float-right flex flex-row flex-wrap gap-1 items-center justify-end"
-                                >
+                                    class="float-right flex flex-row flex-wrap items-center justify-end gap-1">
                                     <span
-                                        class="badge badge-info preset-tonal-tertiary"
-                                    >
+                                        class="badge badge-info preset-tonal-tertiary">
                                         {#if idaa_event_obj?.physical && idaa_event_obj?.virtual}
                                             <span class="fas fa-home m-1"
                                             ></span>
@@ -188,31 +177,27 @@
                                             class="badge badge-info preset-tonal-secondary"
                                             ><span class="fas fa-user-md m-1"
                                             ></span>
-                                            {idaa_event_obj?.type}</span
-                                        >
+                                            {idaa_event_obj?.type}</span>
                                     {/if}
                                     {#if $ae_loc.trusted_access && idaa_event_obj?.hide}
                                         <span class="badge badge-warning"
                                             ><span
                                                 class="fas fa-exclamation-triangle m-1"
-                                            ></span> Hidden</span
-                                        >
+                                            ></span> Hidden</span>
                                     {/if}
                                     {#if $ae_loc.administrator_access && !idaa_event_obj?.enable}
                                         <span
                                             class="badge badge-warning preset-tonal-warning"
                                             ><span
                                                 class="fas fa-exclamation-triangle m-1"
-                                            ></span> Not enabled</span
-                                        >
+                                            ></span> Not enabled</span>
                                     {/if}
                                 </span>
                             </div>
                         </header>
 
                         <div
-                            class="ae_options flex flex-row flex-wrap gap-2 items-center justify-center"
-                        >
+                            class="ae_options flex flex-row flex-wrap items-center justify-center gap-2">
                             <a
                                 href="/idaa/recovery_meetings/{idaa_event_obj?.event_id}"
                                 class="
@@ -220,11 +205,10 @@
                     btn btn-lg
                     preset-tonal-primary
                     preset-outlined-primary-100-900 hover:preset-filled-primary-200-800
-                    text-lg min-w-fit w-48
+                    w-48 min-w-fit text-lg
                     transition-all
                     "
-                                title={`View: ${idaa_event_obj?.name}`}
-                            >
+                                title={`View: ${idaa_event_obj?.name}`}>
                                 <span
                                     class="fas fa-calendar-check m-1 text-neutral-800/80"
                                 ></span>
@@ -235,21 +219,17 @@
                         <section class="ae_section event__content w-full">
                             <div
                                 class="event__type"
-                                class:ae_d_none={!idaa_event_obj?.type}
-                            >
+                                class:ae_d_none={!idaa_event_obj?.type}>
                                 <span class="ae_label"
-                                    >Type of Recovery Meeting:</span
-                                >
+                                    >Type of Recovery Meeting:</span>
                                 <span class="ae_value"
-                                    >{idaa_event_obj?.type}</span
-                                >
+                                    >{idaa_event_obj?.type}</span>
                             </div>
 
                             <div
-                                class="event__attend flex flex-row flex-wrap gap-2 items-center justify-start"
+                                class="event__attend flex flex-row flex-wrap items-center justify-start gap-2"
                                 class:ae_d_none={!idaa_event_obj?.attend_json
-                                    ?.zoom?.full_url}
-                            >
+                                    ?.zoom?.full_url}>
                                 <span class="ae_label">
                                     <span class="fas fa-video m-1"></span>
                                     Zoom Meeting:
@@ -266,8 +246,7 @@
                             preset-filled-tertiary-200-800
                             hover:preset-filled-tertiary-600-400
                             transition
-                            "
-                                    >
+                            ">
                                         <span class="fas fa-link m-1"></span>
                                         Join: Zoom ID {idaa_event_obj
                                             ?.attend_json?.zoom?.meeting_id}
@@ -279,28 +258,26 @@
                                 </span>
 
                                 {#if $ae_loc.manager_access}
-                                <MyClipboard
-                                    value={idaa_event_obj?.attend_json?.zoom
-                                        ?.full_url}
-                                    btn_text="Copy Zoom Link"
-                                    btn_title="Copy Zoom link to clipboard"
-                                    btn_class="
+                                    <MyClipboard
+                                        value={idaa_event_obj?.attend_json?.zoom
+                                            ?.full_url}
+                                        btn_text="Copy Zoom Link"
+                                        btn_title="Copy Zoom link to clipboard"
+                                        btn_class="
                         novi_btn
                         btn btn-sm
                         preset-outlined-tertiary-800-200
                         preset-filled-tertiary-200-800
                         hover:preset-filled-tertiary-600-400
                         transition
-                        "
-                                ></MyClipboard>
+                        "></MyClipboard>
                                 {/if}
                             </div>
 
                             <div
-                                class="event__attend flex flex-row flex-wrap gap-2 items-center justify-start"
+                                class="event__attend flex flex-row flex-wrap items-center justify-start gap-2"
                                 class:ae_d_none={!idaa_event_obj?.attend_json
-                                    ?.jitsi?.full_url}
-                            >
+                                    ?.jitsi?.full_url}>
                                 <span class="ae_label">
                                     <span class="fas fa-video m-1"></span>
                                     Jitsi Meeting:
@@ -317,8 +294,7 @@
                             preset-filled-tertiary-200-800
                             hover:preset-filled-tertiary-600-400
                             transition
-                            "
-                                    >
+                            ">
                                         <span class="fas fa-link m-1"></span>
                                         Join: {idaa_event_obj?.attend_json
                                             ?.jitsi?.name ?? 'Jitsi Meeting'}
@@ -330,34 +306,31 @@
                                 </span>
 
                                 {#if $ae_loc.manager_access}
-                                <MyClipboard
-                                    value={idaa_event_obj?.attend_json?.jitsi
-                                        ?.full_url}
-                                    btn_text="Copy Jitsi Link"
-                                    btn_title="Copy Jitsi link to clipboard"
-                                    btn_class="
+                                    <MyClipboard
+                                        value={idaa_event_obj?.attend_json
+                                            ?.jitsi?.full_url}
+                                        btn_text="Copy Jitsi Link"
+                                        btn_title="Copy Jitsi link to clipboard"
+                                        btn_class="
                         novi_btn
                         btn btn-sm
                         preset-outlined-tertiary-800-200
                         preset-filled-tertiary-200-800
                         hover:preset-filled-tertiary-600-400
                         transition
-                        "
-                                ></MyClipboard>
+                        "></MyClipboard>
                                 {/if}
                             </div>
 
                             <div
-                                class="ae_group event__timezone event__recurring_start_time"
-                            >
+                                class="ae_group event__timezone event__recurring_start_time">
                                 <span class="ae_label">
                                     <span class="fas fa-clock m-1"></span>
                                     When:
                                 </span>
                                 {#if idaa_event_obj?.weekday_sunday || idaa_event_obj?.weekday_monday || idaa_event_obj?.weekday_tuesday || idaa_event_obj?.weekday_wednesday || idaa_event_obj?.weekday_thursday || idaa_event_obj?.weekday_friday || idaa_event_obj?.weekday_saturday}
                                     <span
-                                        class="event__weekdays event__recurring_days_of_week"
-                                    >
+                                        class="event__weekdays event__recurring_days_of_week">
                                         {#if idaa_event_obj?.weekday_sunday}<span
                                                 class="ae_value">Sunday</span
                                             >{/if}
@@ -387,8 +360,7 @@
                                         >{ae_util.iso_datetime_formatter(
                                             `2023-01-01 ${idaa_event_obj?.recurring_start_time}`,
                                             'time_12_short'
-                                        )}</span
-                                    >
+                                        )}</span>
                                 {/if}
                                 {#if idaa_event_obj?.timezone}
                                     (<span class="ae_value"
@@ -396,8 +368,7 @@
                                     >)
                                 {:else}
                                     <div
-                                        class="event__tiemzone ae_warning bg-warning-100"
-                                    >
+                                        class="event__tiemzone ae_warning bg-warning-100">
                                         Required: No timezone was given!
                                     </div>
                                 {/if}
@@ -408,8 +379,7 @@
                                     <div
                                         class="event__contact"
                                         class:ae_d_none={!idaa_event_obj
-                                            ?.contact_li_json[0].full_name}
-                                    >
+                                            ?.contact_li_json[0].full_name}>
                                         <span class="ae_label">
                                             <span class="fas fa-user m-1"
                                             ></span> Contact:
@@ -428,8 +398,7 @@
                                         {/if}
                                         {#if idaa_event_obj?.contact_li_json[0].phone_mobile}
                                             <span class="ae_label"
-                                                >| Mobile:</span
-                                            >
+                                                >| Mobile:</span>
                                             <a
                                                 href="tel:{idaa_event_obj
                                                     ?.contact_li_json[0]
@@ -437,12 +406,11 @@
                                                 class="text-blue-800 hover:underline"
                                                 >{idaa_event_obj
                                                     ?.contact_li_json[0]
-                                                    .phone_mobile}</a
-                                            >
+                                                    .phone_mobile}</a>
                                         {/if}
                                         {#if idaa_event_obj?.contact_li_json[0].phone_home}
-                                            <span class="ae_label">| Home:</span
-                                            >
+                                            <span class="ae_label"
+                                                >| Home:</span>
                                             <a
                                                 href="tel:{idaa_event_obj
                                                     ?.contact_li_json[0]
@@ -450,13 +418,11 @@
                                                 class="text-blue-800 hover:underline"
                                                 >{idaa_event_obj
                                                     ?.contact_li_json[0]
-                                                    .phone_home}</a
-                                            >
+                                                    .phone_home}</a>
                                         {/if}
                                         {#if idaa_event_obj?.contact_li_json[0].phone_office}
                                             <span class="ae_label"
-                                                >| Office:</span
-                                            >
+                                                >| Office:</span>
                                             <a
                                                 href="tel:{idaa_event_obj
                                                     ?.contact_li_json[0]
@@ -464,8 +430,7 @@
                                                 class="text-blue-800 hover:underline"
                                                 >{idaa_event_obj
                                                     ?.contact_li_json[0]
-                                                    .phone_office}</a
-                                            >
+                                                    .phone_office}</a>
                                         {/if}
                                         {#if idaa_event_obj?.contact_li_json[0].other_text}|
                                             {idaa_event_obj?.contact_li_json[0]
@@ -473,8 +438,7 @@
                                     </div>
                                 {:else if $ae_loc.trusted_access}
                                     <div
-                                        class="event__contact ae_warning bg-warning-100"
-                                    >
+                                        class="event__contact ae_warning bg-warning-100">
                                         ALERT: The primary contact information
                                         may be missing?
                                     </div>
@@ -484,8 +448,7 @@
                                     <div
                                         class="event__contact"
                                         class:ae_d_none={!idaa_event_obj
-                                            ?.contact_li_json[1].full_name}
-                                    >
+                                            ?.contact_li_json[1].full_name}>
                                         <span class="ae_label">
                                             <span class="fas fa-user m-1"
                                             ></span> Contact:
@@ -504,8 +467,7 @@
                                         {/if}
                                         {#if idaa_event_obj?.contact_li_json[1].phone_mobile}
                                             <span class="ae_label"
-                                                >| Mobile:</span
-                                            >
+                                                >| Mobile:</span>
                                             <a
                                                 href="tel:{idaa_event_obj
                                                     ?.contact_li_json[1]
@@ -513,12 +475,11 @@
                                                 class="text-blue-800 hover:underline"
                                                 >{idaa_event_obj
                                                     ?.contact_li_json[1]
-                                                    .phone_mobile}</a
-                                            >
+                                                    .phone_mobile}</a>
                                         {/if}
                                         {#if idaa_event_obj?.contact_li_json[1].phone_home}
-                                            <span class="ae_label">| Home:</span
-                                            >
+                                            <span class="ae_label"
+                                                >| Home:</span>
                                             <a
                                                 href="tel:{idaa_event_obj
                                                     ?.contact_li_json[1]
@@ -526,13 +487,11 @@
                                                 class="text-blue-800 hover:underline"
                                                 >{idaa_event_obj
                                                     ?.contact_li_json[1]
-                                                    .phone_home}</a
-                                            >
+                                                    .phone_home}</a>
                                         {/if}
                                         {#if idaa_event_obj?.contact_li_json[1].phone_office}
                                             <span class="ae_label"
-                                                >| Office:</span
-                                            >
+                                                >| Office:</span>
                                             <a
                                                 href="tel:{idaa_event_obj
                                                     ?.contact_li_json[1]
@@ -540,8 +499,7 @@
                                                 class="text-blue-800 hover:underline"
                                                 >{idaa_event_obj
                                                     ?.contact_li_json[1]
-                                                    .phone_office}</a
-                                            >
+                                                    .phone_office}</a>
                                         {/if}
                                         {#if idaa_event_obj?.contact_li_json[1].other_text}|
                                             {idaa_event_obj?.contact_li_json[1]
@@ -557,8 +515,7 @@
                                     {/if}
                                     {#if !idaa_event_obj?.external_person_id}
                                         <div
-                                            class="event__contact ae_warning bg-warning-100"
-                                        >
+                                            class="event__contact ae_warning bg-warning-100">
                                             Warning: Not linked to a Novi
                                             record!
                                         </div>
@@ -569,8 +526,7 @@
 
                         {#if $ae_loc.administrator_access}
                             <section
-                                class="ae_section ae_footer ae_meta event__meta text-sm text-neutral-500"
-                            >
+                                class="ae_section ae_footer ae_meta event__meta text-sm text-neutral-500">
                                 <div class="ae_group">
                                     <span class="event__created_on">
                                         Created on: {ae_util.iso_datetime_formatter(
@@ -580,8 +536,7 @@
                                     </span>
                                     <span
                                         class="event__updated_on"
-                                        class:ae_d_none={!idaa_event_obj?.updated_on}
-                                    >
+                                        class:ae_d_none={!idaa_event_obj?.updated_on}>
                                         Updated on: {ae_util.iso_datetime_formatter(
                                             idaa_event_obj?.updated_on,
                                             'datetime_12_short'
@@ -598,15 +553,13 @@
         <div class="space-y-2">
             {#if $idaa_sess.recovery_meetings.qry__status === 'loading'}
                 <div
-                    class="ae_highlight ae_padding_md ae_row ae_flex_justify_center"
-                >
+                    class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
                     <span class="fas fa-spinner fa-spin m-1"></span>
                     Loading...
                 </div>
             {:else}
                 <div
-                    class="ae_highlight ae_padding_md ae_row ae_flex_justify_center"
-                >
+                    class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
                     No recovery meetings available to show. The search may need
                     to be changed.
                 </div>
@@ -616,18 +569,18 @@
 </section>
 
 <style>
-    .ae_label {
-        font-size: smaller;
-    }
-    .ae_value {
-        font-weight: bold;
-    }
+.ae_label {
+    font-size: smaller;
+}
+.ae_value {
+    font-weight: bold;
+}
 
-    .event_obj .ae_meta {
-        flex-direction: column;
-    }
+.event_obj .ae_meta {
+    flex-direction: column;
+}
 
-    .event_obj .ae_meta .ae_group {
-        flex-direction: row;
-    }
+.event_obj .ae_meta .ae_group {
+    flex-direction: row;
+}
 </style>
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li_wrapper.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li_wrapper.svelte
index 750024a2..69e8c5e7 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li_wrapper.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li_wrapper.svelte
@@ -1,104 +1,109 @@
 <script lang="ts">
-    interface Props {
-        container_class_li?: string | Array<string>;
-        event_id_li?: Array<string>;
-        link_to_type: string;
-        link_to_id: string;
-        order_by?: string;
-        hide?: string;
-        enable?: string;
-        limit?: number;
-        offset?: number;
-        log_lvl?: number;
+interface Props {
+    container_class_li?: string | Array<string>;
+    event_id_li?: Array<string>;
+    link_to_type: string;
+    link_to_id: string;
+    order_by?: string;
+    hide?: string;
+    enable?: string;
+    limit?: number;
+    offset?: number;
+    log_lvl?: number;
+}
+
+let {
+    container_class_li = '',
+    event_id_li = [],
+    link_to_type = 'account',
+    link_to_id,
+    order_by = 'updated_on',
+    hide = 'not_hidden', // all, hidden, not_hidden
+    enable = 'enabled', // all, disabled, enabled
+    limit = 0,
+    offset = 0,
+    log_lvl = $bindable(0)
+}: Props = $props();
+
+// *** Import other supporting libraries
+import { liveQuery } from 'dexie';
+import { db_events } from '$lib/ae_events/db_events';
+
+// *** Import Aether specific variables and functions
+import Comp__event_obj_li from './ae_idaa_comp__event_obj_li.svelte';
+
+$effect(() => {
+    if (log_lvl) {
+        console.log(
+            `Wrapper: link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`
+        );
     }
+});
 
-    let {
-        container_class_li = '',
-        event_id_li = [],
-        link_to_type = 'account',
-        link_to_id,
-        order_by = 'updated_on',
-        hide = 'not_hidden', // all, hidden, not_hidden
-        enable = 'enabled', // all, disabled, enabled
-        limit = 0,
-        offset = 0,
-        log_lvl = $bindable(0),
-    }: Props = $props();
+let dq__where_type_id_val = $derived(`${link_to_type}_id`);
+let dq__where_eq_id_val = $derived(link_to_id);
 
-    // *** Import other supporting libraries
-    import { liveQuery } from 'dexie';
-    import { db_events } from '$lib/ae_events/db_events';
+/**
+ * Stable LiveQuery Pattern (Aether UI V3)
+ *
+ * WHY: We use $derived.by to synchronously track the 'event_id_li' prop.
+ * This ensures that whenever the parent search logic updates the ID list,
+ * Svelte recreates this Dexie observable and triggers a fresh UI render.
+ */
+let lq__event_obj_li = $derived.by(() => {
+    // SVELTE 5 REACTIVITY: Track IDs synchronously
+    const ids = event_id_li;
 
-    // *** Import Aether specific variables and functions
-    import Comp__event_obj_li from './ae_idaa_comp__event_obj_li.svelte';
-
-    $effect(() => {
-        if (log_lvl) {
-            console.log(
-                `Wrapper: link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`
-            );
-        }
-    });
-
-    let dq__where_type_id_val = $derived(`${link_to_type}_id`);
-    let dq__where_eq_id_val = $derived(link_to_id);
-
-    /**
-     * Stable LiveQuery Pattern (Aether UI V3)
-     *
-     * WHY: We use $derived.by to synchronously track the 'event_id_li' prop.
-     * This ensures that whenever the parent search logic updates the ID list,
-     * Svelte recreates this Dexie observable and triggers a fresh UI render.
-     */
-    let lq__event_obj_li = $derived.by(() => {
-        // SVELTE 5 REACTIVITY: Track IDs synchronously
-        const ids = event_id_li;
-
-        return liveQuery(async () => {
-            // SCENARIO 1: Specific IDs provided (from Search Fast Path or API)
-            if (Array.isArray(ids)) {
-                if (ids.length > 0) {
-                    if (log_lvl)
-                        console.log(`Wrapper LQ: bulkGet ${ids.length} IDs`);
-                    const results = await db_events.event.bulkGet(ids);
-                    // bulkGet returns undefined for missing keys; we filter those out.
-                    return results.filter((item) => item !== undefined);
-                } else {
-                    if (log_lvl)
-                        console.log('Wrapper LQ: Explicitly empty list');
-                    return [];
-                }
-            }
-
-            // SCENARIO 2: Fallback broad search
-            else if (link_to_id) {
+    return liveQuery(async () => {
+        // SCENARIO 1: Specific IDs provided (from Search Fast Path or API)
+        if (Array.isArray(ids)) {
+            if (ids.length > 0) {
                 if (log_lvl)
-                    console.log(
-                        `Wrapper LQ: Fallback search for ${link_to_type}: ${link_to_id}`
-                    );
-                const base_query = db_events.event
-                    .where(dq__where_type_id_val)
-                    .equals(link_to_id);
-
-                const results = await base_query
-                    .and((ev) => !ev.hide && !!ev.enable)
-                    .limit(limit > 0 ? limit : 500)
-                    .toArray();
-
-                if (order_by === 'name_asc' || order_by === 'name') {
-                    results.sort((a, b) => (a.name ?? '').localeCompare(b.name ?? ''));
-                } else if (order_by === 'name_desc') {
-                    results.sort((a, b) => (b.name ?? '').localeCompare(a.name ?? ''));
-                } else {
-                    // Robust Chronological Sort using pre-computed tmp_sort_1 (Refactored 2026-02-16)
-                    // This handles Group > Priority > Manual Sort > Date (with updated_on fallback)
-                    results.sort((a, b) => (b.tmp_sort_1 ?? '').localeCompare(a.tmp_sort_1 ?? ''));
-                }
-                return results;
+                    console.log(`Wrapper LQ: bulkGet ${ids.length} IDs`);
+                const results = await db_events.event.bulkGet(ids);
+                // bulkGet returns undefined for missing keys; we filter those out.
+                return results.filter((item) => item !== undefined);
+            } else {
+                if (log_lvl) console.log('Wrapper LQ: Explicitly empty list');
+                return [];
             }
-            return null;
-        });
+        }
+
+        // SCENARIO 2: Fallback broad search
+        else if (link_to_id) {
+            if (log_lvl)
+                console.log(
+                    `Wrapper LQ: Fallback search for ${link_to_type}: ${link_to_id}`
+                );
+            const base_query = db_events.event
+                .where(dq__where_type_id_val)
+                .equals(link_to_id);
+
+            const results = await base_query
+                .and((ev) => !ev.hide && !!ev.enable)
+                .limit(limit > 0 ? limit : 500)
+                .toArray();
+
+            if (order_by === 'name_asc' || order_by === 'name') {
+                results.sort((a, b) =>
+                    (a.name ?? '').localeCompare(b.name ?? '')
+                );
+            } else if (order_by === 'name_desc') {
+                results.sort((a, b) =>
+                    (b.name ?? '').localeCompare(a.name ?? '')
+                );
+            } else {
+                // Robust Chronological Sort using pre-computed tmp_sort_1 (Refactored 2026-02-16)
+                // This handles Group > Priority > Manual Sort > Date (with updated_on fallback)
+                results.sort((a, b) =>
+                    (b.tmp_sort_1 ?? '').localeCompare(a.tmp_sort_1 ?? '')
+                );
+            }
+            return results;
+        }
+        return null;
     });
+});
 </script>
 
 {#if $lq__event_obj_li}
@@ -107,8 +112,7 @@
         {link_to_type}
         {link_to_id}
         {lq__event_obj_li}
-        {log_lvl}
-    ></Comp__event_obj_li>
+        {log_lvl}></Comp__event_obj_li>
 {:else}
     <div class="space-y-2">
         <div class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
index 959bd79e..d2da26f1 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
@@ -1,100 +1,99 @@
 <script lang="ts">
-    interface Props {
-        log_lvl?: number;
+interface Props {
+    log_lvl?: number;
+}
+
+let { log_lvl = 0 }: Props = $props();
+
+// *** Import Svelte specific
+// import { browser } from '$app/environment';
+import { goto } from '$app/navigation';
+
+// *** Import other supporting libraries
+
+// *** Import Aether specific variables and functions
+import type { key_val } from '$lib/stores/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { core_func } from '$lib/ae_core/ae_core_functions';
+import {
+    idaa_loc,
+    idaa_sess,
+    idaa_slct,
+    idaa_trig,
+    idaa_prom
+} from '$lib/stores/ae_idaa_stores';
+import { events_func } from '$lib/ae_events/ae_events_functions';
+
+import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
+
+let ae_promises: key_val = $state({});
+
+/**
+ * Session Persistent Search (Refactored 2026-01-20)
+ *
+ * WHY: If the user has 'save_search_text' enabled in their local profile,
+ * we map the long-term saved strings into the current session store on mount.
+ * This ensures the search bar is pre-populated with their last known query.
+ */
+if (
+    $idaa_loc.recovery_meetings?.save_search_text &&
+    $idaa_loc.recovery_meetings?.saved_search__session
+) {
+    $idaa_sess.recovery_meetings.fulltext_search_qry_str =
+        $idaa_loc.recovery_meetings.saved_search__session;
+}
+if (
+    $idaa_loc.recovery_meetings?.save_search_text &&
+    $idaa_loc.recovery_meetings?.saved_search__session_location_name
+) {
+    $idaa_sess.recovery_meetings.location_name_qry_str =
+        $idaa_loc.recovery_meetings.saved_search__session_location_name;
+}
+
+// *** Functions and Logic
+/**
+ * Reactive Search Trigger
+ *
+ * WHY: Instead of calling handle_search_refresh() directly (which can be messy with
+ * Svelte 5's fine-grained reactivity), we increment a 'version' number.
+ * The $effect in the parent +page.svelte tracks this version and handles the
+ * debounced search cycle automatically.
+ */
+function handle_search_trigger() {
+    if ($idaa_loc.recovery_meetings.search_version === undefined) {
+        $idaa_loc.recovery_meetings.search_version = 0;
     }
+    $idaa_loc.recovery_meetings.search_version++;
+}
 
-    let { log_lvl = 0 }: Props = $props();
-
-    // *** Import Svelte specific
-    // import { browser } from '$app/environment';
-    import { goto } from '$app/navigation';
-
-    // *** Import other supporting libraries
-
-    // *** Import Aether specific variables and functions
-    import type { key_val } from '$lib/stores/ae_stores';
-    import { ae_util } from '$lib/ae_utils/ae_utils';
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { core_func } from '$lib/ae_core/ae_core_functions';
-    import {
-        idaa_loc,
-        idaa_sess,
-        idaa_slct,
-        idaa_trig,
-        idaa_prom
-    } from '$lib/stores/ae_idaa_stores';
-    import { events_func } from '$lib/ae_events/ae_events_functions';
-
-    import Help_tech from '$lib/app_components/e_app_help_tech.svelte';
-
-    let ae_promises: key_val = $state({});
-
-    /**
-     * Session Persistent Search (Refactored 2026-01-20)
-     *
-     * WHY: If the user has 'save_search_text' enabled in their local profile,
-     * we map the long-term saved strings into the current session store on mount.
-     * This ensures the search bar is pre-populated with their last known query.
-     */
-    if (
-        $idaa_loc.recovery_meetings?.save_search_text &&
-        $idaa_loc.recovery_meetings?.saved_search__session
-    ) {
-        $idaa_sess.recovery_meetings.fulltext_search_qry_str =
-            $idaa_loc.recovery_meetings.saved_search__session;
-    }
-    if (
-        $idaa_loc.recovery_meetings?.save_search_text &&
-        $idaa_loc.recovery_meetings?.saved_search__session_location_name
-    ) {
-        $idaa_sess.recovery_meetings.location_name_qry_str =
-            $idaa_loc.recovery_meetings.saved_search__session_location_name;
-    }
-
-    // *** Functions and Logic
-    /**
-     * Reactive Search Trigger
-     *
-     * WHY: Instead of calling handle_search_refresh() directly (which can be messy with
-     * Svelte 5's fine-grained reactivity), we increment a 'version' number.
-     * The $effect in the parent +page.svelte tracks this version and handles the
-     * debounced search cycle automatically.
-     */
-    function handle_search_trigger() {
-        if ($idaa_loc.recovery_meetings.search_version === undefined) {
-            $idaa_loc.recovery_meetings.search_version = 0;
-        }
-        $idaa_loc.recovery_meetings.search_version++;
-    }
-
-    function prevent_default<T extends Event>(fn: (event: T) => void) {
-        return function (event: T) {
-            event.preventDefault();
-            fn(event);
-        };
-    }
+function prevent_default<T extends Event>(fn: (event: T) => void) {
+    return function (event: T) {
+        event.preventDefault();
+        fn(event);
+    };
+}
 </script>
 
 <!-- preset-filled-surface-200-800 -->
 <section
     class="
         ae_section ae_options filters_and_search
-        flex flex-col flex-wrap gap-1 items-center justify-center
-        my-2 p-2
-        preset-outlined-surface-300-700
-        rounded-lg
-        d-flex
-        align-items-center justify-content-center
-        "
->
+        preset-outlined-surface-300-700 d-flex align-items-center justify-content-center my-2 flex
+        flex-col flex-wrap
+        items-center
+        justify-center
+        gap-1
+        rounded-lg p-2
+        ">
     <Help_tech
         e_class=""
         e_class_h1="novi_m0"
@@ -107,8 +106,7 @@
             novi_uuid: $idaa_loc.novi_uuid,
             novi_email: $idaa_loc.novi_email,
             novi_full_name: $idaa_loc.novi_full_name
-        }}
-    ></Help_tech>
+        }}></Help_tech>
 
     <!-- WARNING: Using m-auto to work in the Novi iframe -->
     <form
@@ -118,13 +116,11 @@
         autocomplete="off"
         class="
             search_form
-            flex flex-col flex-wrap gap-1 items-center justify-center w-full max-w-2xl
-            m-auto
-            "
-    >
+            m-auto flex w-full max-w-2xl flex-col flex-wrap items-center justify-center
+            gap-1
+            ">
         <div
-            class="ae_group flex flex-row flex-wrap gap-2 w-full items-center justify-center border-b border-surface-300-700 p-1"
-        >
+            class="ae_group border-surface-300-700 flex w-full flex-row flex-wrap items-center justify-center gap-2 border-b p-1">
             <button
                 type="button"
                 class="
@@ -139,8 +135,7 @@
                     $idaa_sess.recovery_meetings.qry__fulltext_str = '';
                     handle_search_trigger();
                 }}
-                title="Clear search text"
-            >
+                title="Clear search text">
                 <!-- <span class="fas fa-backspace"></span> -->
                 <!-- <span class="fas fa-broom"></span> -->
                 <span class="fas fa-remove-format"></span>
@@ -157,13 +152,12 @@
                 autofocus
                 style="width: 50%;"
                 class="
-                    input text-sm hover:text-2xl font-semibold font-mono w-80
+                    input preset-tonal-tertiary preset-outline-tertiary-200-800 form-control w-80 font-mono
+                    text-sm
+                    font-semibold
                     transition-all
-                    preset-tonal-tertiary
-                    preset-outline-tertiary-200-800
-                    form-control
-                "
-            />
+                    hover:text-2xl
+                " />
 
             <button
                 type="submit"
@@ -172,15 +166,14 @@
                     btn btn-lg
                     preset-tonal-primary
                     preset-outlined-primary-200-800 hover:preset-filled-primary-400-600
-                    text-2xl font-bold w-48
+                    w-48 text-2xl font-bold
                     transition-all
                     "
-                title="Search for meetings by day of week, location, contacts, etc."
-            >
+                title="Search for meetings by day of week, location, contacts, etc.">
                 <!-- <span class="fas fa-search m-1"></span> -->
                 {#if $idaa_sess.recovery_meetings.qry__status == 'loading'}
                     <span
-                        class="fas fa-spinner fa-spin mx-1 text-success-800-200"
+                        class="fas fa-spinner fa-spin text-success-800-200 mx-1"
                     ></span>
                 {:else}
                     <span class="fas fa-search mx-1 text-neutral-800/80"></span>
@@ -193,103 +186,88 @@
         </div>
 
         <div
-            class="flex flex-row flex-wrap gap-2 w-full max-w-xl items-center justify-start border-b border-surface-300-700 p-1"
-        >
-            <span class="text-xs form-check-label d-inline-block">
+            class="border-surface-300-700 flex w-full max-w-xl flex-row flex-wrap items-center justify-start gap-2 border-b p-1">
+            <span class="form-check-label d-inline-block text-xs">
                 Location?
             </span>
             <!-- <div class="ae_row ae_flex_justify_around ae_width_md"> -->
             <label
-                class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block"
-            >
+                class="legend form-check-label d-inline-block inline w-auto flex-row items-center justify-center gap-1 text-sm font-semibold">
                 <span> Virtual </span>
                 <input
                     name="qry_virtual"
                     type="checkbox"
                     bind:checked={$idaa_loc.recovery_meetings.qry__virtual}
-                    class="checkbox inline form-check-input d-inline-block"
-                />
+                    class="checkbox form-check-input d-inline-block inline" />
             </label>
             <label
-                class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block"
-            >
+                class="legend form-check-label d-inline-block inline w-auto flex-row items-center justify-center gap-1 text-sm font-semibold">
                 In-person
                 <input
                     name="qry_physical"
                     type="checkbox"
                     bind:checked={$idaa_loc.recovery_meetings.qry__physical}
-                    class="checkbox inline form-check-input d-inline-block"
-                />
+                    class="checkbox form-check-input d-inline-block inline" />
             </label>
             <!-- </div> -->
         </div>
 
         <div
-            class="flex flex-row flex-wrap gap-2 w-full max-w-xl items-center justify-start border-b border-surface-300-700 p-1"
-        >
-            <span class="text-xs form-check-label d-inline-block"> Type? </span>
+            class="border-surface-300-700 flex w-full max-w-xl flex-row flex-wrap items-center justify-start gap-2 border-b p-1">
+            <span class="form-check-label d-inline-block text-xs"> Type? </span>
 
             <!-- <div class="ae_row ae_flex_justify_around ae_width_100"> -->
             <label
-                class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block"
-            >
+                class="legend form-check-label d-inline-block inline w-auto flex-row items-center justify-center gap-1 text-sm font-semibold">
                 <span> All </span>
                 <input
                     name="qry_type"
                     type="radio"
                     value=""
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
-                    class="radio inline form-check-input d-inline-block"
-                    title="Show all meeting types"
-                />
+                    class="radio form-check-input d-inline-block inline"
+                    title="Show all meeting types" />
             </label>
             <label
-                class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block"
-            >
+                class="legend form-check-label d-inline-block inline w-auto flex-row items-center justify-center gap-1 text-sm font-semibold">
                 IDAA
                 <input
                     name="qry_type"
                     type="radio"
                     value="IDAA"
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
-                    class="radio inline form-check-input d-inline-block"
-                    title="Open to IDAA members only"
-                />
+                    class="radio form-check-input d-inline-block inline"
+                    title="Open to IDAA members only" />
             </label>
             <label
-                class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block"
-            >
+                class="legend form-check-label d-inline-block inline w-auto flex-row items-center justify-center gap-1 text-sm font-semibold">
                 Caduceus
                 <input
                     name="qry_type"
                     type="radio"
                     value="Caduceus"
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
-                    class="radio inline form-check-input d-inline-block"
-                    title="Open to all healthcare workers including those who do not qualify for IDAA"
-                />
+                    class="radio form-check-input d-inline-block inline"
+                    title="Open to all healthcare workers including those who do not qualify for IDAA" />
             </label>
             <label
-                class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block"
-            >
+                class="legend form-check-label d-inline-block inline w-auto flex-row items-center justify-center gap-1 text-sm font-semibold">
                 Family Recovery
                 <input
                     name="qry_type"
                     type="radio"
                     value="Family Recovery"
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
-                    class="radio inline form-check-input d-inline-block"
-                    title="Open to spouses, parents, and children of medical professionals who have substance use disorder."
-                />
+                    class="radio form-check-input d-inline-block inline"
+                    title="Open to spouses, parents, and children of medical professionals who have substance use disorder." />
             </label>
 
             <span class="ml-auto"></span>
 
             {#if $ae_loc.edit_mode}
                 <label
-                    class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block"
-                    title="When enabled, search results are fetched directly from the server first. When disabled, local results are shown instantly while revalidating in the background."
-                >
+                    class="legend form-check-label d-inline-block inline w-auto flex-row items-center justify-center gap-1 text-sm font-semibold"
+                    title="When enabled, search results are fetched directly from the server first. When disabled, local results are shown instantly while revalidating in the background.">
                     <span class="text-xs"> Remote First? </span>
                     <input
                         name="qry_remote_first"
@@ -297,35 +275,31 @@
                         bind:checked={
                             $idaa_loc.recovery_meetings.qry__remote_first
                         }
-                        class="checkbox inline form-check-input d-inline-block"
-                    />
+                        class="checkbox form-check-input d-inline-block inline" />
                 </label>
             {/if}
         </div>
     </form>
 
     <div
-        class="ae_group ae_row flex flex-row flex-wrap gap-2 w-full max-w-full items-center justify-center p-1"
-    >
+        class="ae_group ae_row flex w-full max-w-full flex-row flex-wrap items-center justify-center gap-2 p-1">
         <!-- Max events select options -->
-        <span class="flex flex-row gap-1 items-center justify-around">
+        <span class="flex flex-row items-center justify-around gap-1">
             <label
-                class="text-sm w-32 md:w-42 form-group"
-                for="qry_limit__events"
-            >
+                class="form-group w-32 text-sm md:w-42"
+                for="qry_limit__events">
                 Max results:
 
                 <select
                     id="qry_limit__events"
                     bind:value={$idaa_loc.recovery_meetings.qry__limit}
                     class="
-                    select w-20 text-sm inline-block
-                    px-1
-                    preset-tonal-tertiary
-                    preset-outline-tertiary-200-800
-                    form-control col-sm-12
-                "
-                >
+                    select preset-tonal-tertiary preset-outline-tertiary-200-800 form-control
+                    col-sm-12
+                    inline-block
+                    w-20
+                    px-1 text-sm
+                ">
                     <option value={10}>10</option>
                     <option value={25}>25</option>
                     <option value={50}>50</option>
@@ -333,11 +307,9 @@
                     <option value={100}>100</option>
                     <option value={150}>150</option>
                     <option value={200} class:hidden={!$ae_loc.trusted_access}
-                        >200</option
-                    >
+                        >200</option>
                     <option value={500} class:hidden={!$ae_loc.trusted_access}
-                        >500</option
-                    >
+                        >500</option>
                 </select>
             </label>
             <!-- </span> -->
@@ -347,9 +319,8 @@
             class="flex flex-row gap-1 items-center justify-around"
             > -->
             <label
-                class="text-sm w-32 md:w-42 form-group"
-                for="qry_order_by__events"
-            >
+                class="form-group w-32 text-sm md:w-42"
+                for="qry_order_by__events">
                 Sort by:
 
                 <select
@@ -385,13 +356,12 @@
                         handle_search_trigger();
                     }}
                     class="
-                    select w-40 text-sm inline-block
-                    px-1
-                    preset-tonal-tertiary
-                    preset-outline-tertiary-200-800
-                    form-control col-sm-12
-                "
-                >
+                    select preset-tonal-tertiary preset-outline-tertiary-200-800 form-control
+                    col-sm-12
+                    inline-block
+                    w-40
+                    px-1 text-sm
+                ">
                     <option value="updated_on">Last Updated</option>
                     <option value="name_asc">Meeting Name (A-Z)</option>
                     <option value="name_desc">Meeting Name (Z-A)</option>
@@ -399,7 +369,7 @@
             </label>
         </span>
 
-        <span class="flex flex-row gap-1 items-center justify-around">
+        <span class="flex flex-row items-center justify-around gap-1">
             {#if $ae_loc.edit_mode && $ae_loc.trusted_access && (!$idaa_loc.recovery_meetings.qry__hidden || $idaa_loc.recovery_meetings.qry__hidden == 'not_hidden')}
                 <button
                     type="button"
@@ -412,8 +382,7 @@
                     btn btn-sm
                     preset-tonal-secondary preset-outlined-secondary-200-800 hover:preset-filled-secondary-200-800
                     transition
-                    "
-                >
+                    ">
                     <span class="fas fa-eye m-1"></span> Show Hidden Events
                 </button>
             {:else if $ae_loc.trusted_access && $idaa_loc.recovery_meetings.qry__hidden != 'not_hidden'}
@@ -427,8 +396,7 @@
                     btn btn-sm
                     preset-tonal-secondary preset-outlined-secondary-200-800 hover:preset-filled-secondary-200-800
                     transition
-                    "
-                >
+                    ">
                     <span class="fas fa-eye-slash m-1"></span> Hide Hidden Events
                 </button>
             {/if}
@@ -447,8 +415,7 @@
                     btn btn-sm
                     preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
                     transition
-                    "
-                >
+                    ">
                     <span class="fas fa-eye m-1"></span> Show Disabled Events
                 </button>
             {:else if $ae_loc.edit_mode && $ae_loc.manager_access && $idaa_loc.recovery_meetings.qry__enabled != 'enabled'}
@@ -462,14 +429,13 @@
                     btn btn-sm
                     preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
                     transition
-                    "
-                >
+                    ">
                     <span class="fas fa-eye-slash m-1"></span> Hide Disabled Events
                 </button>
             {/if}
         </span>
 
-        <span class="flex flex-row gap-1 items-center justify-around">
+        <span class="flex flex-row items-center justify-around gap-1">
             {#if ($ae_loc.trusted_access && $ae_loc.edit_mode) || $idaa_loc.novi_uuid}
                 <button
                     type="button"
@@ -499,14 +465,15 @@
                             })
                             .then((results) => {
                                 if (results) {
-                                    $idaa_slct.event_id =
-                                        results.event_id;
+                                    $idaa_slct.event_id = results.event_id;
                                     $idaa_slct.event_obj = { ...results };
                                     $idaa_sess.recovery_meetings.edit__event_obj =
                                         results.event_id;
 
                                     if (log_lvl) {
-                                        console.log(`New event created with ID: ${results.event_id}`);
+                                        console.log(
+                                            `New event created with ID: ${results.event_id}`
+                                        );
                                     }
                                     goto(
                                         `/idaa/recovery_meetings/${results.event_id}`
@@ -520,13 +487,12 @@
                     }}
                     class="
                 novi_btn btn-tertiary
-                text-xs
-                btn btn-sm
-                preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                btn
+                btn-sm preset-tonal-warning
+                preset-outlined-warning-200-800 hover:preset-filled-warning-200-800 text-xs
                 transition
                 "
-                    disabled={!$ae_loc.authenticated_access}
-                >
+                    disabled={!$ae_loc.authenticated_access}>
                     <span class="fas fa-plus m-1"></span> Create New Meeting
                 </button>
             {/if}
@@ -554,13 +520,12 @@
                     }}
                     class="
                 novi_btn btn-tertiary
-                text-xs
-                btn btn-sm
-                preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                btn
+                btn-sm preset-tonal-warning
+                preset-outlined-warning-200-800 hover:preset-filled-warning-200-800 text-xs
                 transition
                 "
-                    title={`Download meeting data for ${$ae_loc.account_name}`}
-                >
+                    title={`Download meeting data for ${$ae_loc.account_name}`}>
                     {#await ae_promises.download__events_export}
                         <span class="fas fa-spinner fa-spin m-1"></span>
                     {:then}
diff --git a/src/routes/idaa/(idaa)/video_conferences/+layout.svelte b/src/routes/idaa/(idaa)/video_conferences/+layout.svelte
index e9ce09d1..28b00a6e 100644
--- a/src/routes/idaa/(idaa)/video_conferences/+layout.svelte
+++ b/src/routes/idaa/(idaa)/video_conferences/+layout.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	interface Props {
-		children: import('svelte').Snippet;
-	}
-	let { children }: Props = $props();
+interface Props {
+    children: import('svelte').Snippet;
+}
+let { children }: Props = $props();
 </script>
 
 {@render children()}
diff --git a/src/routes/idaa/(idaa)/video_conferences/+page.svelte b/src/routes/idaa/(idaa)/video_conferences/+page.svelte
index 3e540dbb..0ef010e8 100644
--- a/src/routes/idaa/(idaa)/video_conferences/+page.svelte
+++ b/src/routes/idaa/(idaa)/video_conferences/+page.svelte
@@ -1,845 +1,1025 @@
 <script lang="ts">
-	import { onMount, onDestroy } from 'svelte';
-	import { page } from '$app/stores';
-	import { ae_loc, ae_api } from '$lib/stores/ae_stores';
-	import { idaa_loc } from '$lib/stores/ae_idaa_stores';
-	import MyClipboard from '$lib/app_components/e_app_clipboard.svelte';
-  import {
+import { onMount, onDestroy } from 'svelte';
+import { page } from '$app/stores';
+import { ae_loc, ae_api } from '$lib/stores/ae_stores';
+import { idaa_loc } from '$lib/stores/ae_idaa_stores';
+import MyClipboard from '$lib/app_components/e_app_clipboard.svelte';
+import {
     create_ae_obj__activity_log,
     update_ae_obj__activity_log
-  } from "$lib/ae_core/ae_core__activity_log";
+} from '$lib/ae_core/ae_core__activity_log';
 
-	let log_lvl: number = $state(0);
+let log_lvl: number = $state(0);
 
-	interface Props {
-		data: any;
-	}
-	let { data }: Props = $props();
+interface Props {
+    data: any;
+}
+let { data }: Props = $props();
 
-	// Component UI State
-	let show_jitsi_container: boolean = $state(true);
-	let show_jitsi_tools: boolean = $state(true);
-	let expand_jitsi_tools: boolean = $state(false);
-	let show_meeting_details: boolean = $state(false);
-	let show_live_stats: boolean = $state(false);
-	let show_profile_editor: boolean = $state(false);
-	let show_sound_settings: boolean = $state(false);
+// Component UI State
+let show_jitsi_container: boolean = $state(true);
+let show_jitsi_tools: boolean = $state(true);
+let expand_jitsi_tools: boolean = $state(false);
+let show_meeting_details: boolean = $state(false);
+let show_live_stats: boolean = $state(false);
+let show_profile_editor: boolean = $state(false);
+let show_sound_settings: boolean = $state(false);
 
-	// User & Meeting State
-	let user_id: null | string = $state(null);
-	let display_name: null | string = $state(null);
-	let email: null | string = $state(null);
-	let is_moderator: boolean = $state(false);
-	let room_name: null | string = $state(null);
-	let domain: null | string = $state(null);
+// User & Meeting State
+let user_id: null | string = $state(null);
+let display_name: null | string = $state(null);
+let email: null | string = $state(null);
+let is_moderator: boolean = $state(false);
+let room_name: null | string = $state(null);
+let domain: null | string = $state(null);
 
-	// Jitsi API & Sound Settings
-	let jitsi_api: any = $state(null);
-	const jitsi_container_id = 'jitsi_meet_external_api_container';
-	let disable_incoming_msg_sound: boolean = $state(true);
-	let disable_participant_joined_sound: boolean = $state(false);
-	let disable_participant_left_sound: boolean = $state(false);
-	let disable_reaction_sound: boolean = $state(true);
-	let disable_raise_hand_sound: boolean = $state(true);
-	let name_input: string = $state('');
-	let email_input: string = $state('');
+// Jitsi API & Sound Settings
+let jitsi_api: any = $state(null);
+const jitsi_container_id = 'jitsi_meet_external_api_container';
+let disable_incoming_msg_sound: boolean = $state(true);
+let disable_participant_joined_sound: boolean = $state(false);
+let disable_participant_left_sound: boolean = $state(false);
+let disable_reaction_sound: boolean = $state(true);
+let disable_raise_hand_sound: boolean = $state(true);
+let name_input: string = $state('');
+let email_input: string = $state('');
 
-	// --- NEW Logging & Stats State ---
-	let jitsi_meeting_id: string | null = $state(null);
-	let primary_activity_log_id: string | null = $state(null);
-	let meeting_participants = $state(new Map<string, any>());
-	let meeting_start_time: Date | null = $state(null);
-	let meeting_duration: string = $state('00:00:00');
-	let duration_timer_id: any = $state(null);
-	// reporting_timer_id is now removed
+// --- NEW Logging & Stats State ---
+let jitsi_meeting_id: string | null = $state(null);
+let primary_activity_log_id: string | null = $state(null);
+let meeting_participants = $state(new Map<string, any>());
+let meeting_start_time: Date | null = $state(null);
+let meeting_duration: string = $state('00:00:00');
+let duration_timer_id: any = $state(null);
+// reporting_timer_id is now removed
 
-	/**
-	 * Creates a new activity log entry for a discrete event (e.g., raise hand).
-	 */
-	async function create_discrete_activity_log(action: string, action_with: string, meta_kv: object) {
-		if (!is_moderator || !jitsi_meeting_id) return;
-		if (log_lvl) console.log(`Jitsi: Creating discrete activity log for action: ${action}`);
+/**
+ * Creates a new activity log entry for a discrete event (e.g., raise hand).
+ */
+async function create_discrete_activity_log(
+    action: string,
+    action_with: string,
+    meta_kv: object
+) {
+    if (!is_moderator || !jitsi_meeting_id) return;
+    if (log_lvl)
+        console.log(
+            `Jitsi: Creating discrete activity log for action: ${action}`
+        );
 
-		const data_kv = {
-			external_client_id: jitsi_meeting_id,
-			name: 'jitsi_meeting_event',
-			description: `Event in room: ${room_name}`,
-			url_root: $page.url.origin,
-			url_full_path: $page.url.pathname,
-			url_params: $page.url.searchParams.toString(),
-			action: action,
-			action_with: action_with,
-			meta_json: meta_kv
-		};
+    const data_kv = {
+        external_client_id: jitsi_meeting_id,
+        name: 'jitsi_meeting_event',
+        description: `Event in room: ${room_name}`,
+        url_root: $page.url.origin,
+        url_full_path: $page.url.pathname,
+        url_params: $page.url.searchParams.toString(),
+        action: action,
+        action_with: action_with,
+        meta_json: meta_kv
+    };
 
-		try {
-			await create_ae_obj__activity_log({
-				api_cfg: $ae_api,
-				account_id: $ae_loc.account_id,
-				data_kv: data_kv,
-				log_lvl: log_lvl,
-			});
-		} catch (error) {
-			console.error(`Jitsi: Error creating discrete activity log for ${action}:`, error);
-		}
-	}
+    try {
+        await create_ae_obj__activity_log({
+            api_cfg: $ae_api,
+            account_id: $ae_loc.account_id,
+            data_kv: data_kv,
+            log_lvl: log_lvl
+        });
+    } catch (error) {
+        console.error(
+            `Jitsi: Error creating discrete activity log for ${action}:`,
+            error
+        );
+    }
+}
 
-	/**
-	 * Updates the primary activity log entry with the latest meeting state.
-	 */
-	async function update_primary_activity_log() {
-		if (!is_moderator || !primary_activity_log_id) return;
-		if (log_lvl) console.log(`Jitsi: Updating primary activity log: ${primary_activity_log_id}`);
+/**
+ * Updates the primary activity log entry with the latest meeting state.
+ */
+async function update_primary_activity_log() {
+    if (!is_moderator || !primary_activity_log_id) return;
+    if (log_lvl)
+        console.log(
+            `Jitsi: Updating primary activity log: ${primary_activity_log_id}`
+        );
 
-		const participants_array = Array.from(meeting_participants.values());
-		const data_kv = {
-			meta_json: {
-				duration: meeting_duration,
-				participants: participants_array,
-				participant_count: participants_array.length
-			}
-		};
+    const participants_array = Array.from(meeting_participants.values());
+    const data_kv = {
+        meta_json: {
+            duration: meeting_duration,
+            participants: participants_array,
+            participant_count: participants_array.length
+        }
+    };
 
-		try {
-			await update_ae_obj__activity_log({
-				api_cfg: $ae_api,
-				activity_log_id: primary_activity_log_id,
-				data_kv: data_kv,
-				log_lvl: log_lvl,
-			});
-		} catch (error) {
-			console.error('Jitsi: Error updating primary activity log:', error);
-		}
-	}
+    try {
+        await update_ae_obj__activity_log({
+            api_cfg: $ae_api,
+            activity_log_id: primary_activity_log_id,
+            data_kv: data_kv,
+            log_lvl: log_lvl
+        });
+    } catch (error) {
+        console.error('Jitsi: Error updating primary activity log:', error);
+    }
+}
 
-
-	function add_jitsi_event_listeners(api: any) {
-		// --- Meeting/Participant State Changes ---
-		api.on('videoConferenceJoined', async (jitsi_data: { id: string; displayName: string; roomName: string }) => {
+function add_jitsi_event_listeners(api: any) {
+    // --- Meeting/Participant State Changes ---
+    api.on(
+        'videoConferenceJoined',
+        async (jitsi_data: {
+            id: string;
+            displayName: string;
+            roomName: string;
+        }) => {
             // Map Jitsi's camelCase to our internal snake_case
-            const { id: participant_id, displayName: participant_name, roomName: jitsi_room_name } = jitsi_data;
+            const {
+                id: participant_id,
+                displayName: participant_name,
+                roomName: jitsi_room_name
+            } = jitsi_data;
 
-			console.log('Jitsi Event: videoConferenceJoined', jitsi_data);
-			meeting_start_time = new Date();
-			if (jitsi_meeting_id === null) jitsi_meeting_id = `${jitsi_room_name}-${Date.now()}`;
+            console.log('Jitsi Event: videoConferenceJoined', jitsi_data);
+            meeting_start_time = new Date();
+            if (jitsi_meeting_id === null)
+                jitsi_meeting_id = `${jitsi_room_name}-${Date.now()}`;
 
-			// Start duration timer
-			if (duration_timer_id) clearInterval(duration_timer_id);
-			duration_timer_id = setInterval(() => {
-				if (meeting_start_time) {
-					const now = new Date();
-					const diff = now.getTime() - meeting_start_time.getTime();
-					const hours = Math.floor(diff / (1000 * 60 * 60)).toString().padStart(2, '0');
-					const minutes = Math.floor((diff / (1000 * 60)) % 60).toString().padStart(2, '0');
-					const seconds = Math.floor((diff / 1000) % 60).toString().padStart(2, '0');
-					meeting_duration = `${hours}:${minutes}:${seconds}`;
-				}
-			}, 1000);
+            // Start duration timer
+            if (duration_timer_id) clearInterval(duration_timer_id);
+            duration_timer_id = setInterval(() => {
+                if (meeting_start_time) {
+                    const now = new Date();
+                    const diff = now.getTime() - meeting_start_time.getTime();
+                    const hours = Math.floor(diff / (1000 * 60 * 60))
+                        .toString()
+                        .padStart(2, '0');
+                    const minutes = Math.floor((diff / (1000 * 60)) % 60)
+                        .toString()
+                        .padStart(2, '0');
+                    const seconds = Math.floor((diff / 1000) % 60)
+                        .toString()
+                        .padStart(2, '0');
+                    meeting_duration = `${hours}:${minutes}:${seconds}`;
+                }
+            }, 1000);
 
-			// Populate initial participant list
-			meeting_participants.set(participant_id, { id: participant_id, displayName: participant_name, role: 'participant' });
-			api.getParticipantsInfo().forEach((p: { participantId: string; displayName: string }) => {
-				if (!meeting_participants.has(p.participantId)) {
-					meeting_participants.set(p.participantId, { id: p.participantId, displayName: p.displayName, role: 'participant' });
-				}
-			});
+            // Populate initial participant list
+            meeting_participants.set(participant_id, {
+                id: participant_id,
+                displayName: participant_name,
+                role: 'participant'
+            });
+            api.getParticipantsInfo().forEach(
+                (p: { participantId: string; displayName: string }) => {
+                    if (!meeting_participants.has(p.participantId)) {
+                        meeting_participants.set(p.participantId, {
+                            id: p.participantId,
+                            displayName: p.displayName,
+                            role: 'participant'
+                        });
+                    }
+                }
+            );
 
-			// --- CREATE INITIAL LOG ENTRY (if moderator) ---
-			if (is_moderator && !primary_activity_log_id) {
-				console.log('Jitsi: Moderator joined, creating initial activity log...');
-				const participants_array = Array.from(meeting_participants.values());
-				const data_kv = {
-					external_client_id: jitsi_meeting_id,
-					name: 'jitsi_meeting_stats',
-					description: room_name,
-					url_root: $page.url.origin,
-					url_full_path: $page.url.pathname,
-					url_params: $page.url.searchParams.toString(),
-					action: 'jitsi_meeting_init',
-					action_with: 'on_init',
-					meta_json: {
-						duration: meeting_duration,
-						participants: participants_array,
-						participant_count: participants_array.length,
-						// Verified Novi UUID of the moderator who started this log
-						moderator_novi_uuid: $idaa_loc.novi_uuid ?? null
-					}
-				};
-				try {
-					const result = await create_ae_obj__activity_log({
-						api_cfg: $ae_api,
-						account_id: $ae_loc.account_id,
-						data_kv: data_kv,
-						log_lvl: log_lvl,
-					});
-					if (result && result.activity_log_id_random) {
-						primary_activity_log_id = result.activity_log_id_random;
-						console.log(`Jitsi: Initial activity log created: ${primary_activity_log_id}`);
-					}
-				} catch (error) {
-					console.error('Jitsi: Error creating initial activity log:', error);
-				}
-			}
-		});
+            // --- CREATE INITIAL LOG ENTRY (if moderator) ---
+            if (is_moderator && !primary_activity_log_id) {
+                console.log(
+                    'Jitsi: Moderator joined, creating initial activity log...'
+                );
+                const participants_array = Array.from(
+                    meeting_participants.values()
+                );
+                const data_kv = {
+                    external_client_id: jitsi_meeting_id,
+                    name: 'jitsi_meeting_stats',
+                    description: room_name,
+                    url_root: $page.url.origin,
+                    url_full_path: $page.url.pathname,
+                    url_params: $page.url.searchParams.toString(),
+                    action: 'jitsi_meeting_init',
+                    action_with: 'on_init',
+                    meta_json: {
+                        duration: meeting_duration,
+                        participants: participants_array,
+                        participant_count: participants_array.length,
+                        // Verified Novi UUID of the moderator who started this log
+                        moderator_novi_uuid: $idaa_loc.novi_uuid ?? null
+                    }
+                };
+                try {
+                    const result = await create_ae_obj__activity_log({
+                        api_cfg: $ae_api,
+                        account_id: $ae_loc.account_id,
+                        data_kv: data_kv,
+                        log_lvl: log_lvl
+                    });
+                    if (result && result.activity_log_id_random) {
+                        primary_activity_log_id = result.activity_log_id_random;
+                        console.log(
+                            `Jitsi: Initial activity log created: ${primary_activity_log_id}`
+                        );
+                    }
+                } catch (error) {
+                    console.error(
+                        'Jitsi: Error creating initial activity log:',
+                        error
+                    );
+                }
+            }
+        }
+    );
 
-		api.on('participantJoined', (participant: { id: string; displayName: string }) => {
-			console.log('Jitsi Event: participantJoined', participant);
-			meeting_participants.set(participant.id, { id: participant.id, displayName: participant.displayName, role: 'participant' });
-			update_primary_activity_log();
+    api.on(
+        'participantJoined',
+        (participant: { id: string; displayName: string }) => {
+            console.log('Jitsi Event: participantJoined', participant);
+            meeting_participants.set(participant.id, {
+                id: participant.id,
+                displayName: participant.displayName,
+                role: 'participant'
+            });
+            update_primary_activity_log();
 
-			// NOTE: We also want to log this as a discrete event
-			create_discrete_activity_log('jitsi_meeting_participant_joined', 'participantJoined', {
-				attendee_id: participant.id,
-				full_name: participant.displayName,
-			});
-		});
+            // NOTE: We also want to log this as a discrete event
+            create_discrete_activity_log(
+                'jitsi_meeting_participant_joined',
+                'participantJoined',
+                {
+                    attendee_id: participant.id,
+                    full_name: participant.displayName
+                }
+            );
+        }
+    );
 
-		api.on('participantLeft', (participant: { id: string }) => {
-			console.log('Jitsi Event: participantLeft', participant);
-			// Capture name before removing from map — it won't be available after delete
-			const p_info = meeting_participants.get(participant.id);
-			if (p_info) {
-				meeting_participants.delete(participant.id);
-				update_primary_activity_log();
+    api.on('participantLeft', (participant: { id: string }) => {
+        console.log('Jitsi Event: participantLeft', participant);
+        // Capture name before removing from map — it won't be available after delete
+        const p_info = meeting_participants.get(participant.id);
+        if (p_info) {
+            meeting_participants.delete(participant.id);
+            update_primary_activity_log();
 
-				create_discrete_activity_log('jitsi_meeting_participant_left', 'participantLeft', {
-					attendee_id: participant.id,
-					full_name: p_info.displayName,
-				});
-			}
-		});
+            create_discrete_activity_log(
+                'jitsi_meeting_participant_left',
+                'participantLeft',
+                {
+                    attendee_id: participant.id,
+                    full_name: p_info.displayName
+                }
+            );
+        }
+    });
 
-		api.on('participantRoleChanged', (participant: { id: string; role: string }) => {
-			console.log('Jitsi Event: participantRoleChanged', participant);
-			if (meeting_participants.has(participant.id)) {
-				const p = meeting_participants.get(participant.id);
-				p.role = participant.role;
-				meeting_participants.set(participant.id, p);
-				update_primary_activity_log();
-			}
-		});
+    api.on(
+        'participantRoleChanged',
+        (participant: { id: string; role: string }) => {
+            console.log('Jitsi Event: participantRoleChanged', participant);
+            if (meeting_participants.has(participant.id)) {
+                const p = meeting_participants.get(participant.id);
+                p.role = participant.role;
+                meeting_participants.set(participant.id, p);
+                update_primary_activity_log();
+            }
+        }
+    );
 
-		// --- Discrete Event Logging ---
-		api.on('raiseHandUpdated', (participant: { id:string; raisesHand: boolean }) => {
-			if (participant.raisesHand) {
-				const p_info = meeting_participants.get(participant.id);
-				if (p_info) {
-					console.log('Jitsi Event: raiseHandUpdated', p_info);
-					create_discrete_activity_log('jitsi_meeting_raise_hand', 'raiseHandUpdated', {
-						attendee_id: p_info.id,
-						full_name: p_info.displayName,
-					});
-				}
-			}
-		});
+    // --- Discrete Event Logging ---
+    api.on(
+        'raiseHandUpdated',
+        (participant: { id: string; raisesHand: boolean }) => {
+            if (participant.raisesHand) {
+                const p_info = meeting_participants.get(participant.id);
+                if (p_info) {
+                    console.log('Jitsi Event: raiseHandUpdated', p_info);
+                    create_discrete_activity_log(
+                        'jitsi_meeting_raise_hand',
+                        'raiseHandUpdated',
+                        {
+                            attendee_id: p_info.id,
+                            full_name: p_info.displayName
+                        }
+                    );
+                }
+            }
+        }
+    );
 
-		api.on('videoConferenceLeft', () => {
-			console.log('Jitsi Event: videoConferenceLeft');
-			if (duration_timer_id) clearInterval(duration_timer_id);
+    api.on('videoConferenceLeft', () => {
+        console.log('Jitsi Event: videoConferenceLeft');
+        if (duration_timer_id) clearInterval(duration_timer_id);
 
-			// Do a final update to the primary log so it captures the true end state,
-			// then log the meeting end as a discrete event for the timeline.
-			if (is_moderator && primary_activity_log_id) {
-				update_primary_activity_log();
-				create_discrete_activity_log('jitsi_meeting_end', 'videoConferenceLeft', {
-					final_duration: meeting_duration,
-					final_participant_count: meeting_participants.size,
-				});
-			}
-		});
+        // Do a final update to the primary log so it captures the true end state,
+        // then log the meeting end as a discrete event for the timeline.
+        if (is_moderator && primary_activity_log_id) {
+            update_primary_activity_log();
+            create_discrete_activity_log(
+                'jitsi_meeting_end',
+                'videoConferenceLeft',
+                {
+                    final_duration: meeting_duration,
+                    final_participant_count: meeting_participants.size
+                }
+            );
+        }
+    });
 
-		api.on('readyToClose', () => {
-			console.log('Jitsi Event: readyToClose');
-			show_jitsi_container = false;
-		});
-	}
+    api.on('readyToClose', () => {
+        console.log('Jitsi Event: readyToClose');
+        show_jitsi_container = false;
+    });
+}
 
-	async function handle_profile_update() {
-		const name_changed = name_input && name_input.trim() !== '' && name_input !== display_name;
-		const email_changed = email_input && email_input.trim() !== '' && email_input !== email;
+async function handle_profile_update() {
+    const name_changed =
+        name_input && name_input.trim() !== '' && name_input !== display_name;
+    const email_changed =
+        email_input && email_input.trim() !== '' && email_input !== email;
 
-		if (name_changed || email_changed) {
-			console.log(`Jitsi: User updating profile.`);
-			if (name_changed) {
-				console.log(` - Name from "${display_name}" to "${name_input}"`);
-				display_name = name_input.trim();
-			}
-			if (email_changed) {
-				console.log(` - Email from "${email}" to "${email_input}"`);
-				email = email_input.trim();
-			}
-			await init_jitsi();
-		} else {
-			console.log('Jitsi: Profile update skipped. No changes detected.');
-		}
-	}
+    if (name_changed || email_changed) {
+        console.log(`Jitsi: User updating profile.`);
+        if (name_changed) {
+            console.log(` - Name from "${display_name}" to "${name_input}"`);
+            display_name = name_input.trim();
+        }
+        if (email_changed) {
+            console.log(` - Email from "${email}" to "${email_input}"`);
+            email = email_input.trim();
+        }
+        await init_jitsi();
+    } else {
+        console.log('Jitsi: Profile update skipped. No changes detected.');
+    }
+}
 
-	async function get_jitsi_jwt(
-		display_name: string,
-		email: string,
-		is_moderator: boolean,
-		room_name: string,
-		user_id: string
-	) {
-		const token_endpoint = $ae_loc.site_cfg_json?.jitsi_token_endpoint;
+async function get_jitsi_jwt(
+    display_name: string,
+    email: string,
+    is_moderator: boolean,
+    room_name: string,
+    user_id: string
+) {
+    const token_endpoint = $ae_loc.site_cfg_json?.jitsi_token_endpoint;
 
-		const payload = {
-			name: display_name,
-			email: email,
-			is_moderator: is_moderator,
-			room: room_name,
-			user: {
-				id: user_id,
-				name: display_name,
-				email: email,
-				moderator: is_moderator
-			},
-			features: {
-				livestreaming: false,
-				recording: false,
-				transcription: false,
-				'outbound-call': false
-			},
-			settings: {
-				startMuted: data.params.start_muted === 'true',
-				startHidden: data.params.start_hidden === 'true',
-				reactionsMuted: disable_reaction_sound
-			},
-			config: {
-				'prejoinConfig.enabled': false
-			}
-		};
+    const payload = {
+        name: display_name,
+        email: email,
+        is_moderator: is_moderator,
+        room: room_name,
+        user: {
+            id: user_id,
+            name: display_name,
+            email: email,
+            moderator: is_moderator
+        },
+        features: {
+            livestreaming: false,
+            recording: false,
+            transcription: false,
+            'outbound-call': false
+        },
+        settings: {
+            startMuted: data.params.start_muted === 'true',
+            startHidden: data.params.start_hidden === 'true',
+            reactionsMuted: disable_reaction_sound
+        },
+        config: {
+            'prejoinConfig.enabled': false
+        }
+    };
 
-		try {
-			const response = await fetch(token_endpoint, {
-				method: 'POST',
-				headers: { 'Content-Type': 'application/json' },
-				body: JSON.stringify(payload)
-			});
+    try {
+        const response = await fetch(token_endpoint, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(payload)
+        });
 
-			if (!response.ok) throw new Error('Failed to fetch JWT token from the server.');
+        if (!response.ok)
+            throw new Error('Failed to fetch JWT token from the server.');
 
-			const result = await response.json();
-			return result.token;
-		} catch (err) {
-			console.error('Error getting JWT:', err);
-			return null;
-		}
-	}
+        const result = await response.json();
+        return result.token;
+    } catch (err) {
+        console.error('Error getting JWT:', err);
+        return null;
+    }
+}
 
-	async function fetch_novi_data() {
-		const url_params = data.params;
-		// --- Start with fallback data from URL ---
-		user_id = url_params.uuid; // Novi Customer GUID
-		display_name = url_params.full_name ?? 'Guest'; // May be overridden
-		email = (url_params.email ?? 'guest@example.com').replace(/\s+/g, '+'); // May be overridden
-		is_moderator = url_params.moderator === 'true'; // URL fallback
-		room_name = url_params.room ?? 'Default-Room';
-		domain = url_params.domain ?? 'jitsi.dgrzone.com';
+async function fetch_novi_data() {
+    const url_params = data.params;
+    // --- Start with fallback data from URL ---
+    user_id = url_params.uuid; // Novi Customer GUID
+    display_name = url_params.full_name ?? 'Guest'; // May be overridden
+    email = (url_params.email ?? 'guest@example.com').replace(/\s+/g, '+'); // May be overridden
+    is_moderator = url_params.moderator === 'true'; // URL fallback
+    room_name = url_params.room ?? 'Default-Room';
+    domain = url_params.domain ?? 'jitsi.dgrzone.com';
 
-		// Initialize sound settings from URL params
-		disable_incoming_msg_sound = url_params.incoming_msg_sound === 'true';
-		disable_participant_joined_sound = url_params.participant_joined_sound === 'true';
-		disable_participant_left_sound = url_params.participant_left_sound === 'true';
-		disable_reaction_sound = url_params.reaction_sound === 'true';
-		disable_raise_hand_sound = url_params.raise_hand_sound === 'true';
+    // Initialize sound settings from URL params
+    disable_incoming_msg_sound = url_params.incoming_msg_sound === 'true';
+    disable_participant_joined_sound =
+        url_params.participant_joined_sound === 'true';
+    disable_participant_left_sound =
+        url_params.participant_left_sound === 'true';
+    disable_reaction_sound = url_params.reaction_sound === 'true';
+    disable_raise_hand_sound = url_params.raise_hand_sound === 'true';
 
-		if (log_lvl) {
-			console.log(
-				`Jitsi: Initial data: user_id: ${user_id}, display_name: ${display_name}, email: ${email}, room_name: ${room_name}, domain: ${domain}`
-			);
-		}
+    if (log_lvl) {
+        console.log(
+            `Jitsi: Initial data: user_id: ${user_id}, display_name: ${display_name}, email: ${email}, room_name: ${room_name}, domain: ${domain}`
+        );
+    }
 
-		if (!user_id) {
-			const container = document.getElementById(jitsi_container_id);
-			if (container) {
-				container.innerHTML = '<h1>User ID (uuid) is missing. Cannot start meeting.</h1>';
-			}
-			console.error('Jitsi: User ID (uuid) is missing. Cannot start meeting.');
-			return;
-		}
+    if (!user_id) {
+        const container = document.getElementById(jitsi_container_id);
+        if (container) {
+            container.innerHTML =
+                '<h1>User ID (uuid) is missing. Cannot start meeting.</h1>';
+        }
+        console.error(
+            'Jitsi: User ID (uuid) is missing. Cannot start meeting.'
+        );
+        return;
+    }
 
-		// --- Fetch dynamic data from Novi API ---
-		const novi_api_root_url = $ae_loc.site_cfg_json?.novi_api_root_url;
-		const novi_api_key = $ae_loc.site_cfg_json?.novi_idaa_api_key;
+    // --- Fetch dynamic data from Novi API ---
+    const novi_api_root_url = $ae_loc.site_cfg_json?.novi_api_root_url;
+    const novi_api_key = $ae_loc.site_cfg_json?.novi_idaa_api_key;
 
-		if (novi_api_root_url && novi_api_key) {
-			// If the IDAA layout already verified this UUID, re-use those results rather than
-			// making a duplicate Novi API call. The layout runs on every IDAA route, so by the
-			// time onMount fires here it will usually have completed verification already.
-			if ($idaa_loc.novi_verified && $idaa_loc.novi_email) {
-				display_name = $idaa_loc.novi_full_name ?? display_name;
-				email = $idaa_loc.novi_email ?? email;
-				console.log(`Jitsi: Using layout-verified Novi data for user ${user_id}`);
-			} else {
-				const member_details = await get_novi_member_details(user_id, novi_api_root_url, novi_api_key);
-				if (member_details.display_name) {
-					display_name = member_details.display_name;
-					console.log(`Jitsi: Updated display_name from Novi: ${display_name}`);
-				}
-				if (member_details.email) {
-					email = member_details.email;
-					console.log(`Jitsi: Updated email from Novi: ${email}`);
-				}
-			}
+    if (novi_api_root_url && novi_api_key) {
+        // If the IDAA layout already verified this UUID, re-use those results rather than
+        // making a duplicate Novi API call. The layout runs on every IDAA route, so by the
+        // time onMount fires here it will usually have completed verification already.
+        if ($idaa_loc.novi_verified && $idaa_loc.novi_email) {
+            display_name = $idaa_loc.novi_full_name ?? display_name;
+            email = $idaa_loc.novi_email ?? email;
+            console.log(
+                `Jitsi: Using layout-verified Novi data for user ${user_id}`
+            );
+        } else {
+            const member_details = await get_novi_member_details(
+                user_id,
+                novi_api_root_url,
+                novi_api_key
+            );
+            if (member_details.display_name) {
+                display_name = member_details.display_name;
+                console.log(
+                    `Jitsi: Updated display_name from Novi: ${display_name}`
+                );
+            }
+            if (member_details.email) {
+                email = member_details.email;
+                console.log(`Jitsi: Updated email from Novi: ${email}`);
+            }
+        }
 
-			const novi_idaa_group_guid_li = $ae_loc.site_cfg_json?.novi_idaa_group_guid_li ?? [];
-			const moderatorIdSet = await get_novi_group_moderators(
-				novi_idaa_group_guid_li,
-				novi_api_root_url,
-				novi_api_key
-			);
-			const normalizedUserId = String(user_id ?? '').toLowerCase().trim();
+        const novi_idaa_group_guid_li =
+            $ae_loc.site_cfg_json?.novi_idaa_group_guid_li ?? [];
+        const moderatorIdSet = await get_novi_group_moderators(
+            novi_idaa_group_guid_li,
+            novi_api_root_url,
+            novi_api_key
+        );
+        const normalizedUserId = String(user_id ?? '')
+            .toLowerCase()
+            .trim();
 
-			if (normalizedUserId && moderatorIdSet.has(normalizedUserId)) {
-				is_moderator = true;
-				console.log(`Jitsi: User ${user_id} is a moderator.`);
-			} else {
-				is_moderator = false; // Explicitly set to false if not in the set
-				console.log(`Jitsi: User ${user_id} is not a moderator.`);
-			}
-		} else {
-			console.warn('Jitsi: Novi API not configured. Using URL fallback for user details/moderator check.');
-		}
+        if (normalizedUserId && moderatorIdSet.has(normalizedUserId)) {
+            is_moderator = true;
+            console.log(`Jitsi: User ${user_id} is a moderator.`);
+        } else {
+            is_moderator = false; // Explicitly set to false if not in the set
+            console.log(`Jitsi: User ${user_id} is not a moderator.`);
+        }
+    } else {
+        console.warn(
+            'Jitsi: Novi API not configured. Using URL fallback for user details/moderator check.'
+        );
+    }
 
-		// Set initial value for the profile editor inputs
-		name_input = display_name ?? '';
-		email_input = email ?? '';
-	}
+    // Set initial value for the profile editor inputs
+    name_input = display_name ?? '';
+    email_input = email ?? '';
+}
 
-	async function handle_novi_resync() {
-		console.log('Jitsi: Manually re-syncing Novi Data...');
-		await fetch_novi_data();
-		await init_jitsi();
-	}
+async function handle_novi_resync() {
+    console.log('Jitsi: Manually re-syncing Novi Data...');
+    await fetch_novi_data();
+    await init_jitsi();
+}
 
-	onMount(async () => {
-		if (log_lvl) {
-			console.log('Jitsi: onMount - fetching user data and initializing Jitsi...');
-		}
+onMount(async () => {
+    if (log_lvl) {
+        console.log(
+            'Jitsi: onMount - fetching user data and initializing Jitsi...'
+        );
+    }
 
-		await fetch_novi_data();
+    await fetch_novi_data();
 
-		// --- All data fetched, now initialize Jitsi ---
-		await init_jitsi();
-	});
+    // --- All data fetched, now initialize Jitsi ---
+    await init_jitsi();
+});
 
-	onDestroy(() => {
-		if (duration_timer_id) clearInterval(duration_timer_id);
-		// No longer using reporting_timer_id
-		if (jitsi_api) {
-			console.log('Jitsi: Disposing of Jitsi API instance on component destroy.');
-			jitsi_api.dispose();
-			jitsi_api = null;
-		}
-	});
+onDestroy(() => {
+    if (duration_timer_id) clearInterval(duration_timer_id);
+    // No longer using reporting_timer_id
+    if (jitsi_api) {
+        console.log(
+            'Jitsi: Disposing of Jitsi API instance on component destroy.'
+        );
+        jitsi_api.dispose();
+        jitsi_api = null;
+    }
+});
 
-	/**
-	 * Fetches member details from the Novi API.
-	 * @param user_id - The Novi Customer GUID.
-	 * @param api_root_url - The root URL of the Novi API.
-	 * @param api_key - The API key for authorization.
-	 * @returns An object with the user's display name and email, or null if not found.
-	 */
-	async function get_novi_member_details(
-		user_id: string,
-		api_root_url: string,
-		api_key: string
-	): Promise<{ display_name: string | null; email: string | null }> {
-		if (!user_id || !api_root_url || !api_key) {
-			console.error('get_novi_member_details: Missing required arguments.');
-			return { display_name: null, email: null };
-		}
+/**
+ * Fetches member details from the Novi API.
+ * @param user_id - The Novi Customer GUID.
+ * @param api_root_url - The root URL of the Novi API.
+ * @param api_key - The API key for authorization.
+ * @returns An object with the user's display name and email, or null if not found.
+ */
+async function get_novi_member_details(
+    user_id: string,
+    api_root_url: string,
+    api_key: string
+): Promise<{ display_name: string | null; email: string | null }> {
+    if (!user_id || !api_root_url || !api_key) {
+        console.error('get_novi_member_details: Missing required arguments.');
+        return { display_name: null, email: null };
+    }
 
-		const headers = new Headers();
-		headers.append('Authorization', `Basic ${api_key}`);
-		const requestOptions = { method: 'GET', headers: headers };
-		const url = `${api_root_url}/customers/${user_id}`;
+    const headers = new Headers();
+    headers.append('Authorization', `Basic ${api_key}`);
+    const requestOptions = { method: 'GET', headers: headers };
+    const url = `${api_root_url}/customers/${user_id}`;
 
-		if (log_lvl) {
-			console.log('Jitsi: Fetching Novi member details from:', url);
-		}
+    if (log_lvl) {
+        console.log('Jitsi: Fetching Novi member details from:', url);
+    }
 
-		try {
-			const response = await fetch(url, requestOptions);
-			if (!response.ok) {
-				throw new Error(`Novi API request failed with status ${response.status}`);
-			}
-			const result = await response.json();
-			if (log_lvl > 1) {
-				console.log(`Jitsi: Novi's Current User Obj:`, result);
-			}
+    try {
+        const response = await fetch(url, requestOptions);
+        if (!response.ok) {
+            throw new Error(
+                `Novi API request failed with status ${response.status}`
+            );
+        }
+        const result = await response.json();
+        if (log_lvl > 1) {
+            console.log(`Jitsi: Novi's Current User Obj:`, result);
+        }
 
-			let full_name = result?.Name;
-			const first_name = result?.FirstName;
-			const last_initial = result?.LastName ? `${result.LastName.charAt(0).toUpperCase()}.` : '';
+        let full_name = result?.Name;
+        const first_name = result?.FirstName;
+        const last_initial = result?.LastName
+            ? `${result.LastName.charAt(0).toUpperCase()}.`
+            : '';
 
-			if (first_name && last_initial) {
-				full_name = `${first_name} ${last_initial}`;
-			}
+        if (first_name && last_initial) {
+            full_name = `${first_name} ${last_initial}`;
+        }
 
-			const novi_email = result?.Email ? result.Email.replace(/\s+/g, '+') : null;
+        const novi_email = result?.Email
+            ? result.Email.replace(/\s+/g, '+')
+            : null;
 
-			return { display_name: full_name, email: novi_email };
-		} catch (error) {
-			console.error('Error fetching Novi member details:', error);
-			return { display_name: null, email: null };
-		}
-	}
+        return { display_name: full_name, email: novi_email };
+    } catch (error) {
+        console.error('Error fetching Novi member details:', error);
+        return { display_name: null, email: null };
+    }
+}
 
-	/**
-	 * Fetches a set of moderator IDs from Novi group(s).
-	 * @param group_guid_li - A list of Novi group GUIDs to check for moderators.
-	 * @param api_root_url - The root URL of the Novi API.
-	 * @param api_key - The API key for authorization.
-	 * @returns A Set of normalized (lowercase, trimmed) moderator UniqueIDs.
-	 */
-	async function get_novi_group_moderators(
-		group_guid_li: string[],
-		api_root_url: string,
-		api_key: string
-	): Promise<Set<string>> {
-		if (!group_guid_li || group_guid_li.length === 0 || !api_root_url || !api_key) {
-			console.warn('get_novi_group_moderators: Missing required arguments or empty group list.');
-			return new Set();
-		}
+/**
+ * Fetches a set of moderator IDs from Novi group(s).
+ * @param group_guid_li - A list of Novi group GUIDs to check for moderators.
+ * @param api_root_url - The root URL of the Novi API.
+ * @param api_key - The API key for authorization.
+ * @returns A Set of normalized (lowercase, trimmed) moderator UniqueIDs.
+ */
+async function get_novi_group_moderators(
+    group_guid_li: string[],
+    api_root_url: string,
+    api_key: string
+): Promise<Set<string>> {
+    if (
+        !group_guid_li ||
+        group_guid_li.length === 0 ||
+        !api_root_url ||
+        !api_key
+    ) {
+        console.warn(
+            'get_novi_group_moderators: Missing required arguments or empty group list.'
+        );
+        return new Set();
+    }
 
-		const headers = new Headers();
-		headers.append('Authorization', `Basic ${api_key}`);
-		const requestOptions = { method: 'GET', headers: headers };
-		let allModeratorsRaw: any[] = [];
+    const headers = new Headers();
+    headers.append('Authorization', `Basic ${api_key}`);
+    const requestOptions = { method: 'GET', headers: headers };
+    let allModeratorsRaw: any[] = [];
 
-		if (log_lvl) {
-			console.log('Jitsi: Fetching Novi group moderators...');
-		}
+    if (log_lvl) {
+        console.log('Jitsi: Fetching Novi group moderators...');
+    }
 
-		for (const group_guid of group_guid_li) {
-			const url = `${api_root_url}/groups/${group_guid}/members?pageSize=200`;
-			console.log(`Jitsi: Fetching moderator list for group ${group_guid} from: ${url}`);
+    for (const group_guid of group_guid_li) {
+        const url = `${api_root_url}/groups/${group_guid}/members?pageSize=200`;
+        console.log(
+            `Jitsi: Fetching moderator list for group ${group_guid} from: ${url}`
+        );
 
-			try {
-				const response = await fetch(url, requestOptions);
-				if (response.ok) {
-					const result = await response.json();
-					let groupModList: any[] = [];
+        try {
+            const response = await fetch(url, requestOptions);
+            if (response.ok) {
+                const result = await response.json();
+                let groupModList: any[] = [];
 
-					if (Array.isArray(result)) groupModList = result;
-					else if (Array.isArray(result.Results)) groupModList = result.Results;
-					else if (Array.isArray(result.Members)) groupModList = result.Members;
-					else console.warn(`Jitsi: Moderator list format unexpected for group ${group_guid}.`, result);
+                if (Array.isArray(result)) groupModList = result;
+                else if (Array.isArray(result.Results))
+                    groupModList = result.Results;
+                else if (Array.isArray(result.Members))
+                    groupModList = result.Members;
+                else
+                    console.warn(
+                        `Jitsi: Moderator list format unexpected for group ${group_guid}.`,
+                        result
+                    );
 
-					allModeratorsRaw = allModeratorsRaw.concat(groupModList);
-					if (log_lvl) {
-						console.log(
-							`Jitsi: Fetched ${groupModList.length} moderators from group ${group_guid}. Total: ${allModeratorsRaw.length}`
-						);
-					}
-				} else {
-					console.warn(
-						`Jitsi: Failed to fetch moderators for group ${group_guid}. Status: ${response.status}`
-					);
-				}
-			} catch (error) {
-				console.error(`Jitsi: Error fetching moderators for group ${group_guid}:`, error);
-			}
-		}
+                allModeratorsRaw = allModeratorsRaw.concat(groupModList);
+                if (log_lvl) {
+                    console.log(
+                        `Jitsi: Fetched ${groupModList.length} moderators from group ${group_guid}. Total: ${allModeratorsRaw.length}`
+                    );
+                }
+            } else {
+                console.warn(
+                    `Jitsi: Failed to fetch moderators for group ${group_guid}. Status: ${response.status}`
+                );
+            }
+        } catch (error) {
+            console.error(
+                `Jitsi: Error fetching moderators for group ${group_guid}:`,
+                error
+            );
+        }
+    }
 
-		if (allModeratorsRaw.length === 0) {
-			console.warn('Jitsi: No moderators found across all specified Novi groups.');
-		}
+    if (allModeratorsRaw.length === 0) {
+        console.warn(
+            'Jitsi: No moderators found across all specified Novi groups.'
+        );
+    }
 
-		if (log_lvl > 1) {
-			console.log('Jitsi: Fetched all raw moderators (combined):', allModeratorsRaw);
-		}
+    if (log_lvl > 1) {
+        console.log(
+            'Jitsi: Fetched all raw moderators (combined):',
+            allModeratorsRaw
+        );
+    }
 
-		const modIdSet = new Set(
-			allModeratorsRaw
-				.map((m: any) => m?.UniqueID ?? m?.UniqueId ?? m?.DuesPayerUniqueID ?? m?.id ?? '')
-				.filter(Boolean)
-				.map((id: string) => String(id).toLowerCase().trim())
-		);
-		return modIdSet;
-	}
+    const modIdSet = new Set(
+        allModeratorsRaw
+            .map(
+                (m: any) =>
+                    m?.UniqueID ??
+                    m?.UniqueId ??
+                    m?.DuesPayerUniqueID ??
+                    m?.id ??
+                    ''
+            )
+            .filter(Boolean)
+            .map((id: string) => String(id).toLowerCase().trim())
+    );
+    return modIdSet;
+}
 
-	/**
-	 * Initializes or re-initializes the Jitsi meeting.
-	 * This function handles fetching user/moderator data, getting JWTs, and configuring/loading the Jitsi external API.
-	 * If an existing Jitsi instance is present, it will be disposed of before creating a new one.
-	 */
-	async function init_jitsi() {
-		// Clear stats and timers
-		if (duration_timer_id) clearInterval(duration_timer_id);
-		// No longer using reporting_timer_id
-		meeting_participants.clear();
-		meeting_start_time = null;
-		meeting_duration = '00:00:00';
+/**
+ * Initializes or re-initializes the Jitsi meeting.
+ * This function handles fetching user/moderator data, getting JWTs, and configuring/loading the Jitsi external API.
+ * If an existing Jitsi instance is present, it will be disposed of before creating a new one.
+ */
+async function init_jitsi() {
+    // Clear stats and timers
+    if (duration_timer_id) clearInterval(duration_timer_id);
+    // No longer using reporting_timer_id
+    meeting_participants.clear();
+    meeting_start_time = null;
+    meeting_duration = '00:00:00';
 
-		// Dispose of any existing Jitsi instance to allow for a clean restart
-		if (jitsi_api) {
-			console.log('Jitsi: Disposing of existing Jitsi API instance before re-initialization.');
-			jitsi_api.dispose();
-			jitsi_api = null;
-		}
+    // Dispose of any existing Jitsi instance to allow for a clean restart
+    if (jitsi_api) {
+        console.log(
+            'Jitsi: Disposing of existing Jitsi API instance before re-initialization.'
+        );
+        jitsi_api.dispose();
+        jitsi_api = null;
+    }
 
-		// --- Check for Jitsi API script ---
-		// @ts-ignore
-		if (typeof JitsiMeetExternalAPI === 'undefined') {
-			console.error('Jitsi: JitsiMeetExternalAPI script not loaded yet.');
-			const container = document.getElementById(jitsi_container_id);
-			if (container) {
-				container.innerHTML = '<h1>Jitsi API script not loaded. Please refresh the page.</h1>';
-			}
-			return;
-		}
+    // --- Check for Jitsi API script ---
+    // @ts-ignore
+    if (typeof JitsiMeetExternalAPI === 'undefined') {
+        console.error('Jitsi: JitsiMeetExternalAPI script not loaded yet.');
+        const container = document.getElementById(jitsi_container_id);
+        if (container) {
+            container.innerHTML =
+                '<h1>Jitsi API script not loaded. Please refresh the page.</h1>';
+        }
+        return;
+    }
 
-		console.log('Jitsi: Initializing Jitsi meeting interface...');
+    console.log('Jitsi: Initializing Jitsi meeting interface...');
 
-		// These variables are now expected to be set in the component's state
-		if (!user_id || !display_name || !email || !room_name || !domain) {
-			console.error('Jitsi: Missing required data to initialize meeting. Aborting.');
-			const container = document.getElementById(jitsi_container_id);
-			if (container) {
-				container.innerHTML = '<h1>Could not initialize meeting: missing user data.</h1>';
-			}
-			return;
-		}
+    // These variables are now expected to be set in the component's state
+    if (!user_id || !display_name || !email || !room_name || !domain) {
+        console.error(
+            'Jitsi: Missing required data to initialize meeting. Aborting.'
+        );
+        const container = document.getElementById(jitsi_container_id);
+        if (container) {
+            container.innerHTML =
+                '<h1>Could not initialize meeting: missing user data.</h1>';
+        }
+        return;
+    }
 
-		const url_params = data.params;
+    const url_params = data.params;
 
-		// --- Initialize Jitsi ---
-		let jwt_token = null;
-		if (is_moderator) {
-			console.log('Jitsi: Attempting to get JWT for moderator...');
-			jwt_token = await get_jitsi_jwt(display_name, email, is_moderator, room_name, user_id);
-			if (!jwt_token) {
-				const container = document.getElementById(jitsi_container_id);
-				if (container) container.innerHTML = '<h1>Authentication Failed. Please try again.</h1>';
-				console.error('Jitsi: Authentication failed. JWT not received.');
-				return;
-			}
-			console.log('Jitsi: Successfully received JWT.');
-		} else {
-			console.log('Jitsi: Not a moderator, proceeding without JWT.');
-		}
+    // --- Initialize Jitsi ---
+    let jwt_token = null;
+    if (is_moderator) {
+        console.log('Jitsi: Attempting to get JWT for moderator...');
+        jwt_token = await get_jitsi_jwt(
+            display_name,
+            email,
+            is_moderator,
+            room_name,
+            user_id
+        );
+        if (!jwt_token) {
+            const container = document.getElementById(jitsi_container_id);
+            if (container)
+                container.innerHTML =
+                    '<h1>Authentication Failed. Please try again.</h1>';
+            console.error('Jitsi: Authentication failed. JWT not received.');
+            return;
+        }
+        console.log('Jitsi: Successfully received JWT.');
+    } else {
+        console.log('Jitsi: Not a moderator, proceeding without JWT.');
+    }
 
-		const disabled_sounds = [
-			disable_incoming_msg_sound ? 'INCOMING_MSG_SOUND' : null,
-			disable_participant_joined_sound ? 'PARTICIPANT_JOINED_SOUND' : null,
-			disable_participant_left_sound ? 'PARTICIPANT_LEFT_SOUND' : null,
-			disable_reaction_sound ? 'REACTION_SOUND' : null,
-			disable_raise_hand_sound ? 'RAISE_HAND_SOUND' : null
-		].filter((sound) => sound);
+    const disabled_sounds = [
+        disable_incoming_msg_sound ? 'INCOMING_MSG_SOUND' : null,
+        disable_participant_joined_sound ? 'PARTICIPANT_JOINED_SOUND' : null,
+        disable_participant_left_sound ? 'PARTICIPANT_LEFT_SOUND' : null,
+        disable_reaction_sound ? 'REACTION_SOUND' : null,
+        disable_raise_hand_sound ? 'RAISE_HAND_SOUND' : null
+    ].filter((sound) => sound);
 
-		const options = {
-			roomName: room_name,
-			width: '100%',
-			height: '100%',
-			parentNode: document.getElementById(jitsi_container_id),
-			userInfo: { displayName: display_name, email: email },
-			configOverwrite: {
-				prejoinPageEnabled: false,
-				startWithAudioMuted: true,
-				startWithVideoMuted: true,
-				enableLobby: is_moderator,
-				disableReactionsModeration: false,
-				disabledSounds: disabled_sounds
-			},
-			interfaceConfigOverwrite: {
-				DISABLE_JOIN_LEAVE_NOTIFICATIONS: true,
-				NOTIFICATION_SOUND_URL: ''
-			},
-			jwt: jwt_token
-		};
+    const options = {
+        roomName: room_name,
+        width: '100%',
+        height: '100%',
+        parentNode: document.getElementById(jitsi_container_id),
+        userInfo: { displayName: display_name, email: email },
+        configOverwrite: {
+            prejoinPageEnabled: false,
+            startWithAudioMuted: true,
+            startWithVideoMuted: true,
+            enableLobby: is_moderator,
+            disableReactionsModeration: false,
+            disabledSounds: disabled_sounds
+        },
+        interfaceConfigOverwrite: {
+            DISABLE_JOIN_LEAVE_NOTIFICATIONS: true,
+            NOTIFICATION_SOUND_URL: ''
+        },
+        jwt: jwt_token
+    };
 
-		console.log('Jitsi: Initializing JitsiMeetExternalAPI with options:', options);
-		// @ts-ignore
-		jitsi_api = new JitsiMeetExternalAPI(domain, options);
-		add_jitsi_event_listeners(jitsi_api);
-		console.log('Jitsi: JitsiMeetExternalAPI initialized:', jitsi_api);
-	}
+    console.log(
+        'Jitsi: Initializing JitsiMeetExternalAPI with options:',
+        options
+    );
+    // @ts-ignore
+    jitsi_api = new JitsiMeetExternalAPI(domain, options);
+    add_jitsi_event_listeners(jitsi_api);
+    console.log('Jitsi: JitsiMeetExternalAPI initialized:', jitsi_api);
+}
 </script>
 
-
 <svelte:head>
-	<script src="https://jitsi.dgrzone.com/external_api.js"></script>
+    <script src="https://jitsi.dgrzone.com/external_api.js"></script>
 </svelte:head>
 
 {#if show_jitsi_container}
-	<div id="{jitsi_container_id}" class="jitsi-container"></div>
+    <div id={jitsi_container_id} class="jitsi-container"></div>
 {/if}
 
-
 {#if show_jitsi_tools && $ae_loc.edit_mode}
-<div
-	class:bg-gray-400={expand_jitsi_tools}
-	class="jitsi-tools text-sm max-w-xl">
-{#if expand_jitsi_tools}
-	<!-- NOTE: This is a <div> instead of <header> to work with IDAA's Novi styles. -->
-	<div class="flex flex-row gap-1 items-center justify-between w-full">
-		<!-- NOTE: This is a <div> instead of <h1> to work with IDAA's Novi styles. -->
-		<div class="text-base w-fit">
-			IDAA's Jitsi
-			{#if display_name && email}
-				<span class="bg-amber-50 px-1 py-0.5 rounded font-bold">{display_name} ({email})</span>
-			{/if}
-		</div>
-		<button type="button"
-			class="px-2 py-1 bg-red-200 text-white rounded hover:bg-red-400"
-			onclick={() => (expand_jitsi_tools = false)}
-			title="Close Jitsi Tools"
-		>
-			<span class="fas fa-times" aria-hidden="true"></span>
-			<span class="sr-only">Close Jitsi Tools</span>
-		</button>
-	</div>
-	<!-- Meeting Details -->
-	<div class="mt-1">
-		<button type="button"
-			onclick={() => (show_meeting_details = !show_meeting_details)}
-			class="w-full flex justify-between items-center font-bold text-left"
-		>
-			Meeting Details
-			<span class="fas {show_meeting_details ? 'fa-chevron-up' : 'fa-chevron-down'}"></span>
-		</button>
-		{#if show_meeting_details}
-			<ul class="mt-1 pl-2">
-				<!-- {#if display_name && email}
+    <div
+        class:bg-gray-400={expand_jitsi_tools}
+        class="jitsi-tools max-w-xl text-sm">
+        {#if expand_jitsi_tools}
+            <!-- NOTE: This is a <div> instead of <header> to work with IDAA's Novi styles. -->
+            <div
+                class="flex w-full flex-row items-center justify-between gap-1">
+                <!-- NOTE: This is a <div> instead of <h1> to work with IDAA's Novi styles. -->
+                <div class="w-fit text-base">
+                    IDAA's Jitsi
+                    {#if display_name && email}
+                        <span class="rounded bg-amber-50 px-1 py-0.5 font-bold"
+                            >{display_name} ({email})</span>
+                    {/if}
+                </div>
+                <button
+                    type="button"
+                    class="rounded bg-red-200 px-2 py-1 text-white hover:bg-red-400"
+                    onclick={() => (expand_jitsi_tools = false)}
+                    title="Close Jitsi Tools">
+                    <span class="fas fa-times" aria-hidden="true"></span>
+                    <span class="sr-only">Close Jitsi Tools</span>
+                </button>
+            </div>
+            <!-- Meeting Details -->
+            <div class="mt-1">
+                <button
+                    type="button"
+                    onclick={() =>
+                        (show_meeting_details = !show_meeting_details)}
+                    class="flex w-full items-center justify-between text-left font-bold">
+                    Meeting Details
+                    <span
+                        class="fas {show_meeting_details
+                            ? 'fa-chevron-up'
+                            : 'fa-chevron-down'}"></span>
+                </button>
+                {#if show_meeting_details}
+                    <ul class="mt-1 pl-2">
+                        <!-- {#if display_name && email}
 					<li class="bg-amber-50">{display_name} ({email})</li>
 				{/if} -->
-				<li>Room: <span class="text-sm font-mono font-bold">{room_name}</span></li>
-				<li>Domain: <span class="text-sm font-mono">{domain}</span></li>
-				<li>User ID: <span class="text-sm font-mono">{user_id}</span></li>
-				<li>Moderator: {is_moderator ? 'Yes' : 'No'}</li>
-			</ul>
-		{/if}
-	</div>
+                        <li>
+                            Room: <span class="font-mono text-sm font-bold"
+                                >{room_name}</span>
+                        </li>
+                        <li>
+                            Domain: <span class="font-mono text-sm"
+                                >{domain}</span>
+                        </li>
+                        <li>
+                            User ID: <span class="font-mono text-sm"
+                                >{user_id}</span>
+                        </li>
+                        <li>Moderator: {is_moderator ? 'Yes' : 'No'}</li>
+                    </ul>
+                {/if}
+            </div>
 
-	<!-- Live Meeting Stats -->
-	<div class="mt-2 pt-2 border-t-2 border-dashed border-gray-400">
-		<button type="button"
-			onclick={() => (show_live_stats = !show_live_stats)}
-			class="w-full flex justify-between items-center font-bold text-left"
-		>
-			Live Meeting Stats
-			<span class="fas {show_live_stats ? 'fa-chevron-up' : 'fa-chevron-down'}"></span>
-		</button>
-		{#if show_live_stats}
-			<div class="mt-1 pl-2">
-				<p>Duration: <span class="font-mono">{meeting_duration}</span></p>
-				<p>Total Participants: {meeting_participants.size}</p>
-				<div class="mt-1">
-					<div class="font-bold">Moderators:</div>
-					<ul class="pl-4 list-disc">
-						{#each Array.from(meeting_participants.values()).filter((p) => p.role === 'moderator') as mod (mod.id)}
-							<li>{mod.displayName}</li>
-						{:else}
-							<li class="text-gray-500 italic">None</li>
-						{/each}
-					</ul>
-				</div>
-				<div class="mt-1">
-					<div class="font-bold">Participants:</div>
-					<ul class="pl-4 list-disc">
-						{#each Array.from(meeting_participants.values()).filter((p) => p.role !== 'moderator') as person (person.id)}
-							<li>{person.displayName}</li>
-						{:else}
-							<li class="text-gray-500 italic">None</li>
-						{/each}
-					</ul>
-				</div>
-			</div>
-		{/if}
-	</div>
+            <!-- Live Meeting Stats -->
+            <div class="mt-2 border-t-2 border-dashed border-gray-400 pt-2">
+                <button
+                    type="button"
+                    onclick={() => (show_live_stats = !show_live_stats)}
+                    class="flex w-full items-center justify-between text-left font-bold">
+                    Live Meeting Stats
+                    <span
+                        class="fas {show_live_stats
+                            ? 'fa-chevron-up'
+                            : 'fa-chevron-down'}"></span>
+                </button>
+                {#if show_live_stats}
+                    <div class="mt-1 pl-2">
+                        <p>
+                            Duration: <span class="font-mono"
+                                >{meeting_duration}</span>
+                        </p>
+                        <p>Total Participants: {meeting_participants.size}</p>
+                        <div class="mt-1">
+                            <div class="font-bold">Moderators:</div>
+                            <ul class="list-disc pl-4">
+                                {#each Array.from(meeting_participants.values()).filter((p) => p.role === 'moderator') as mod (mod.id)}
+                                    <li>{mod.displayName}</li>
+                                {:else}
+                                    <li class="text-gray-500 italic">None</li>
+                                {/each}
+                            </ul>
+                        </div>
+                        <div class="mt-1">
+                            <div class="font-bold">Participants:</div>
+                            <ul class="list-disc pl-4">
+                                {#each Array.from(meeting_participants.values()).filter((p) => p.role !== 'moderator') as person (person.id)}
+                                    <li>{person.displayName}</li>
+                                {:else}
+                                    <li class="text-gray-500 italic">None</li>
+                                {/each}
+                            </ul>
+                        </div>
+                    </div>
+                {/if}
+            </div>
 
-	<!-- Profile -->
-	<div class="mt-2 pt-2 border-t-2 border-dashed border-gray-400">
-		<button type="button"
-			onclick={() => (show_profile_editor = !show_profile_editor)}
-			class="w-full flex justify-between items-center font-bold text-left"
-		>
-			Profile
-			<span class="fas {show_profile_editor ? 'fa-chevron-up' : 'fa-chevron-down'}"></span>
-		</button>
-		{#if show_profile_editor}
-			<div class="mt-1 pl-2 space-y-2">
-                <div>
-				    <label for="display_name_input" class="block font-semibold">Name:</label>
-				    <input
-					    type="text"
-					    id="display_name_input"
-					    bind:value={name_input}
-					    class="border rounded px-2 py-1 w-full"
-					    placeholder="Enter new display name"
-				    />
-                </div>
-                <div>
-				    <label for="email_input" class="block font-semibold">Email:</label>
-				    <input
-					    type="email"
-					    id="email_input"
-					    bind:value={email_input}
-					    class="border rounded px-2 py-1 w-full"
-					    placeholder="Enter new email"
-				    />
-                </div>
-				<button type="button"
-					onclick={handle_profile_update}
-					class="w-full mt-1 px-2 py-1 bg-green-500 text-white rounded hover:bg-green-600"
-					title="Update your profile"
-				>
-					<span class="fas fa-user-edit" aria-hidden="true"></span>
-					Update Profile
-				</button>
-			</div>
-		{/if}
-	</div>
+            <!-- Profile -->
+            <div class="mt-2 border-t-2 border-dashed border-gray-400 pt-2">
+                <button
+                    type="button"
+                    onclick={() => (show_profile_editor = !show_profile_editor)}
+                    class="flex w-full items-center justify-between text-left font-bold">
+                    Profile
+                    <span
+                        class="fas {show_profile_editor
+                            ? 'fa-chevron-up'
+                            : 'fa-chevron-down'}"></span>
+                </button>
+                {#if show_profile_editor}
+                    <div class="mt-1 space-y-2 pl-2">
+                        <div>
+                            <label
+                                for="display_name_input"
+                                class="block font-semibold">Name:</label>
+                            <input
+                                type="text"
+                                id="display_name_input"
+                                bind:value={name_input}
+                                class="w-full rounded border px-2 py-1"
+                                placeholder="Enter new display name" />
+                        </div>
+                        <div>
+                            <label for="email_input" class="block font-semibold"
+                                >Email:</label>
+                            <input
+                                type="email"
+                                id="email_input"
+                                bind:value={email_input}
+                                class="w-full rounded border px-2 py-1"
+                                placeholder="Enter new email" />
+                        </div>
+                        <button
+                            type="button"
+                            onclick={handle_profile_update}
+                            class="mt-1 w-full rounded bg-green-500 px-2 py-1 text-white hover:bg-green-600"
+                            title="Update your profile">
+                            <span class="fas fa-user-edit" aria-hidden="true"
+                            ></span>
+                            Update Profile
+                        </button>
+                    </div>
+                {/if}
+            </div>
 
-	<!-- Jitsi Sound Settings -->
-	<div class="mt-2 pt-2 border-t-2 border-dashed border-gray-400">
-		<button type="button"
-			onclick={() => (show_sound_settings = !show_sound_settings)}
-			class="w-full flex justify-between items-center font-bold text-left"
-		>
-			Sound Settings
-			<span class="fas {show_sound_settings ? 'fa-chevron-up' : 'fa-chevron-down'}"></span>
-		</button>
-		{#if show_sound_settings}
-			<div class="mt-1 pl-2 flex flex-col">
-				<!-- WARNING: Fully disables the Play sound on option in the Jitsi > Settings > Notifications tab. -->
-				<label class="flex items-center space-x-2 mt-1">
-					<input
-						type="checkbox"
-						bind:checked={disable_incoming_msg_sound}
-						disabled={!is_moderator}
-						onchange={init_jitsi}
-					/>
-					<span>Disable Incoming Message Sound</span>
-				</label>
+            <!-- Jitsi Sound Settings -->
+            <div class="mt-2 border-t-2 border-dashed border-gray-400 pt-2">
+                <button
+                    type="button"
+                    onclick={() => (show_sound_settings = !show_sound_settings)}
+                    class="flex w-full items-center justify-between text-left font-bold">
+                    Sound Settings
+                    <span
+                        class="fas {show_sound_settings
+                            ? 'fa-chevron-up'
+                            : 'fa-chevron-down'}"></span>
+                </button>
+                {#if show_sound_settings}
+                    <div class="mt-1 flex flex-col pl-2">
+                        <!-- WARNING: Fully disables the Play sound on option in the Jitsi > Settings > Notifications tab. -->
+                        <label class="mt-1 flex items-center space-x-2">
+                            <input
+                                type="checkbox"
+                                bind:checked={disable_incoming_msg_sound}
+                                disabled={!is_moderator}
+                                onchange={init_jitsi} />
+                            <span>Disable Incoming Message Sound</span>
+                        </label>
 
-				<label class="flex items-center space-x-2 mt-1">
-					<input
-						type="checkbox"
-						bind:checked={disable_participant_joined_sound}
-						disabled={!is_moderator}
-						onchange={init_jitsi}
-					/>
-					<span>Disable Participant Joined Sound</span>
-				</label>
+                        <label class="mt-1 flex items-center space-x-2">
+                            <input
+                                type="checkbox"
+                                bind:checked={disable_participant_joined_sound}
+                                disabled={!is_moderator}
+                                onchange={init_jitsi} />
+                            <span>Disable Participant Joined Sound</span>
+                        </label>
 
-				<label class="flex items-center space-x-2 mt-1">
-					<input
-						type="checkbox"
-						bind:checked={disable_participant_left_sound}
-						disabled={!is_moderator}
-						onchange={init_jitsi}
-					/>
-					<span>Disable Participant Left Sound</span>
-				</label>
+                        <label class="mt-1 flex items-center space-x-2">
+                            <input
+                                type="checkbox"
+                                bind:checked={disable_participant_left_sound}
+                                disabled={!is_moderator}
+                                onchange={init_jitsi} />
+                            <span>Disable Participant Left Sound</span>
+                        </label>
 
-				<!-- FUTURE: Under Notifications: Talk while muted -->
-				<!-- FUTURE: Under Notifications: Participant entered lobby -->
+                        <!-- FUTURE: Under Notifications: Talk while muted -->
+                        <!-- FUTURE: Under Notifications: Participant entered lobby -->
 
-				<!--
+                        <!--
 				FUTURE: Under Moderator:
 				"Everyone starts muted"
 				"Everyone starts hidden"
@@ -847,124 +1027,124 @@
 				"Recorder follows me"
 				-->
 
-				<!-- WARNING: This does not seem to work. It should be unchecking Moderator options under Jitsi > Settings > Moderator tab. -->
-				<!-- NOTE: This does not seem to work as expected. It does not seem to do anything at all? -->
-				<label class="flex items-center space-x-2 mt-1">
-					<input
-						type="checkbox"
-						bind:checked={disable_reaction_sound}
-						disabled={!is_moderator}
-						onchange={init_jitsi}
-					/>
-					<!-- Full text from Jitsi Settings popup: "Mute reaction sounds for everyone" -->
-					<span>Disable Reaction Sound</span>
-				</label>
+                        <!-- WARNING: This does not seem to work. It should be unchecking Moderator options under Jitsi > Settings > Moderator tab. -->
+                        <!-- NOTE: This does not seem to work as expected. It does not seem to do anything at all? -->
+                        <label class="mt-1 flex items-center space-x-2">
+                            <input
+                                type="checkbox"
+                                bind:checked={disable_reaction_sound}
+                                disabled={!is_moderator}
+                                onchange={init_jitsi} />
+                            <!-- Full text from Jitsi Settings popup: "Mute reaction sounds for everyone" -->
+                            <span>Disable Reaction Sound</span>
+                        </label>
 
-				<!-- WARNING: What does this correspond to in the Jitsi settings? -->
-				<!-- NOTE: This does not seem to work as expected. It does not seem to do anything at all? -->
-				<label class="flex items-center space-x-2 mt-1">
-					<input
-						type="checkbox"
-						bind:checked={disable_raise_hand_sound}
-						disabled={!is_moderator}
-						onchange={init_jitsi}
-					/>
-					<span>Disable Raise Hand Sound</span>
-				</label>
-			</div>
-		{/if}
-	</div>
+                        <!-- WARNING: What does this correspond to in the Jitsi settings? -->
+                        <!-- NOTE: This does not seem to work as expected. It does not seem to do anything at all? -->
+                        <label class="mt-1 flex items-center space-x-2">
+                            <input
+                                type="checkbox"
+                                bind:checked={disable_raise_hand_sound}
+                                disabled={!is_moderator}
+                                onchange={init_jitsi} />
+                            <span>Disable Raise Hand Sound</span>
+                        </label>
+                    </div>
+                {/if}
+            </div>
 
-	<div class="
-		flex flex-col sm:flex-row flex-wrap gap-1 items-center justify-center w-full
-		mt-2 pt-2 border-t-2 border-dashed border-gray-400">
+            <div
+                class="
+		mt-2 flex w-full flex-col flex-wrap items-center justify-center gap-1
+		border-t-2 border-dashed border-gray-400 pt-2 sm:flex-row">
+                <MyClipboard
+                    value={encodeURI($page.url.href)}
+                    btn_text="Copy Break-out Link"
+                    btn_title="Copy a link to this meeting that can be opened outside of the Novi iframe."
+                    btn_class="mt-2 px-2 py-1 bg-indigo-400 text-white rounded hover:bg-indigo-500"
+                ></MyClipboard>
 
-	<MyClipboard
-		value={encodeURI($page.url.href)}
-		btn_text="Copy Break-out Link"
-		btn_title="Copy a link to this meeting that can be opened outside of the Novi iframe."
-		btn_class="mt-2 px-2 py-1 bg-indigo-400 text-white rounded hover:bg-indigo-500"
-	></MyClipboard>
+                <button
+                    type="button"
+                    class="mt-2 rounded bg-orange-200 px-2 py-1 text-white hover:bg-orange-400"
+                    onclick={() => init_jitsi()}
+                    title="Re-initialize Jitsi Meeting">
+                    <span class="fas fa-redo" aria-hidden="true"></span>
+                    Re-initialize Jitsi
+                </button>
 
-	<button type="button"
-		class="mt-2 px-2 py-1 bg-orange-200 text-white rounded hover:bg-orange-400"
-		onclick={() => init_jitsi()}
-		title="Re-initialize Jitsi Meeting"
-	>
-		<span class="fas fa-redo" aria-hidden="true"></span>
-		Re-initialize Jitsi
-	</button>
+                <!-- https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-iframe-commands/ -->
+                <button
+                    type="button"
+                    onclick={() =>
+                        jitsi_api && jitsi_api.executeCommand('endConference')}
+                    class="mt-2 rounded bg-red-200 px-2 py-1 text-white hover:bg-red-400"
+                    title="End meeting for all participants">
+                    <span class="fas fa-phone-slash" aria-hidden="true"></span>
+                    End Meeting for *All*
+                </button>
 
-	<!-- https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-iframe-commands/ -->
-	<button type="button"
-		onclick={() => jitsi_api && jitsi_api.executeCommand('endConference')}
-		class="mt-2 px-2 py-1 bg-red-200 text-white rounded hover:bg-red-400"
-		title="End meeting for all participants"
-	>
-		<span class="fas fa-phone-slash" aria-hidden="true"></span>
-		End Meeting for *All*
-	</button>
+                <button
+                    type="button"
+                    onclick={() =>
+                        (show_jitsi_container = !show_jitsi_container)}
+                    class="mt-2 rounded bg-gray-200 px-2 py-1 text-white hover:bg-gray-400"
+                    title="{show_jitsi_container
+                        ? 'Hide'
+                        : 'Show'} Jitsi Meeting">
+                    {#if show_jitsi_container}
+                        <span class="fas fa-video-slash" aria-hidden="true"
+                        ></span>
+                        Hide
+                    {:else}
+                        <span class="fas fa-video" aria-hidden="true"></span>
+                        Show
+                    {/if}
+                    Jitsi Meeting
+                    <span class="sr-only">Container</span>
+                </button>
 
-	<button type="button"
-		onclick={() => (show_jitsi_container = !show_jitsi_container)}
-		class="mt-2 px-2 py-1 bg-gray-200 text-white rounded hover:bg-gray-400"
-		title="{show_jitsi_container ? 'Hide' : 'Show'} Jitsi Meeting"
-	>
-	{#if show_jitsi_container}
-		<span class="fas fa-video-slash" aria-hidden="true"></span>
-		Hide
-		{:else}
-		<span class="fas fa-video" aria-hidden="true"></span>
-		Show
-		{/if}
-		Jitsi Meeting
-		<span class="sr-only">Container</span>
-	</button>
-
-	<button type="button"
-		class="mt-2 px-2 py-1 bg-blue-200 text-white rounded hover:bg-blue-400"
-		onclick={handle_novi_resync}
-		title="Re-synchronize Novi data"
-	>
-		<span class="fas fa-sync" aria-hidden="true"></span>
-		Re-sync Novi Data
-	</button>
-
-	</div>
-
-{:else}
-	<button type="button"
-		class="px-2 py-1 bg-red-200 text-white rounded hover:bg-red-400"
-		onclick={() => (expand_jitsi_tools = true)}
-		aria-label="Open Jitsi Tools"
-		title="Open Jitsi tools and settings for IDAA Jitsi meetings"
-	>
-		<span class="fas fa-tools" aria-hidden="true"></span>
-		<span class="sr-only">Open Jitsi Tools</span>
-	</button>
+                <button
+                    type="button"
+                    class="mt-2 rounded bg-blue-200 px-2 py-1 text-white hover:bg-blue-400"
+                    onclick={handle_novi_resync}
+                    title="Re-synchronize Novi data">
+                    <span class="fas fa-sync" aria-hidden="true"></span>
+                    Re-sync Novi Data
+                </button>
+            </div>
+        {:else}
+            <button
+                type="button"
+                class="rounded bg-red-200 px-2 py-1 text-white hover:bg-red-400"
+                onclick={() => (expand_jitsi_tools = true)}
+                aria-label="Open Jitsi Tools"
+                title="Open Jitsi tools and settings for IDAA Jitsi meetings">
+                <span class="fas fa-tools" aria-hidden="true"></span>
+                <span class="sr-only">Open Jitsi Tools</span>
+            </button>
+        {/if}
+    </div>
 {/if}
-</div>
-{/if}
-
 
 <style>
-	.jitsi-container {
-		height: 100vh;
-		width: 100vw;
-		position: absolute;
-		top: 0;
-		left: 0;
-		overflow: hidden;
-	}
+.jitsi-container {
+    height: 100vh;
+    width: 100vw;
+    position: absolute;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+}
 
-	.jitsi-tools {
-		z-index: 10;
-		position: fixed;
-		bottom: 10em;
-		right: 20px;
-		/* background-color: rgba(255, 255, 255, 0.8); */
-		padding: 10px;
-		border-radius: 8px;
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-	}
-</style>
\ No newline at end of file
+.jitsi-tools {
+    z-index: 10;
+    position: fixed;
+    bottom: 10em;
+    right: 20px;
+    /* background-color: rgba(255, 255, 255, 0.8); */
+    padding: 10px;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+}
+</style>
diff --git a/src/routes/idaa/(idaa)/video_conferences/+page.ts b/src/routes/idaa/(idaa)/video_conferences/+page.ts
index c2ffad0f..a3397b37 100644
--- a/src/routes/idaa/(idaa)/video_conferences/+page.ts
+++ b/src/routes/idaa/(idaa)/video_conferences/+page.ts
@@ -1,22 +1,26 @@
 /** @type {import('./$types').PageLoad} */
 
 export function load({ url }) {
-	return {
-		params: {
-			uuid: url.searchParams.get('uuid'),
-			email: url.searchParams.get('email'),
-			full_name: url.searchParams.get('full_name'),
-			moderator: url.searchParams.get('moderator'),
-			room: url.searchParams.get('room'),
-			domain: url.searchParams.get('domain'),
-			incoming_msg_sound: url.searchParams.get('incoming_msg_sound'),
-			participant_joined_sound: url.searchParams.get('participant_joined_sound'),
-			participant_left_sound: url.searchParams.get('participant_left_sound'),
-			reaction_sound: url.searchParams.get('reaction_sound'),
-			raise_hand_sound: url.searchParams.get('raise_hand_sound'),
-			start_muted: url.searchParams.get('start_muted'),
-			start_hidden: url.searchParams.get('start_hidden'),
-			reactions_muted: url.searchParams.get('reactions_muted')
-		}
-	};
+    return {
+        params: {
+            uuid: url.searchParams.get('uuid'),
+            email: url.searchParams.get('email'),
+            full_name: url.searchParams.get('full_name'),
+            moderator: url.searchParams.get('moderator'),
+            room: url.searchParams.get('room'),
+            domain: url.searchParams.get('domain'),
+            incoming_msg_sound: url.searchParams.get('incoming_msg_sound'),
+            participant_joined_sound: url.searchParams.get(
+                'participant_joined_sound'
+            ),
+            participant_left_sound: url.searchParams.get(
+                'participant_left_sound'
+            ),
+            reaction_sound: url.searchParams.get('reaction_sound'),
+            raise_hand_sound: url.searchParams.get('raise_hand_sound'),
+            start_muted: url.searchParams.get('start_muted'),
+            start_hidden: url.searchParams.get('start_hidden'),
+            reactions_muted: url.searchParams.get('reactions_muted')
+        }
+    };
 }
diff --git a/src/routes/idaa/+layout.svelte b/src/routes/idaa/+layout.svelte
index 2c443b13..601bb85b 100644
--- a/src/routes/idaa/+layout.svelte
+++ b/src/routes/idaa/+layout.svelte
@@ -1,256 +1,280 @@
 <script lang="ts">
-    let log_lvl: number = 0;
+let log_lvl: number = 0;
 
-    // *** Import Svelte specific
-    import { browser } from '$app/environment';
-    import { afterNavigate } from '$app/navigation';
+// *** Import Svelte specific
+import { browser } from '$app/environment';
+import { afterNavigate } from '$app/navigation';
 
-    // *** Import other supporting libraries
-    // import * as icons from '@lucide/svelte';
-    import { Brain, House, Library, RefreshCw, Satellite } from '@lucide/svelte';
+// *** Import other supporting libraries
+// import * as icons from '@lucide/svelte';
+import { Brain, House, Library, RefreshCw, Satellite } from '@lucide/svelte';
 
-    // *** Import Aether specific variables and functions
-    import {
-        ae_snip,
-        ae_loc,
-        ae_sess,
-        ae_api,
-        ae_trig,
-        slct,
-        slct_trigger
-    } from '$lib/stores/ae_stores';
-    import { core_func } from '$lib/ae_core/ae_core_functions';
-    import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
-    import Element_data_store from '$lib/elements/element_data_store.svelte';
+// *** Import Aether specific variables and functions
+import {
+    ae_snip,
+    ae_loc,
+    ae_sess,
+    ae_api,
+    ae_trig,
+    slct,
+    slct_trigger
+} from '$lib/stores/ae_stores';
+import { core_func } from '$lib/ae_core/ae_core_functions';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/stores/ae_idaa_stores';
+import Element_data_store from '$lib/elements/element_data_store.svelte';
 
-    interface Props {
-        /** @type {import('./$types').LayoutData} */
-        data: any;
-        children?: import('svelte').Snippet;
-    }
+interface Props {
+    /** @type {import('./$types').LayoutData} */
+    data: any;
+    children?: import('svelte').Snippet;
+}
 
-    let { data, children }: Props = $props();
+let { data, children }: Props = $props();
 
-    function add_activity_log({
-        action = 'idaa_root_layout',
-        action_with = 'none'
-    }: {
-        action?: string;
-        action_with?: string;
-    }) {
-        let last_cache_refresh_iso = new Date($ae_loc?.last_cache_refresh);
+function add_activity_log({
+    action = 'idaa_root_layout',
+    action_with = 'none'
+}: {
+    action?: string;
+    action_with?: string;
+}) {
+    let last_cache_refresh_iso = new Date($ae_loc?.last_cache_refresh);
 
-        let activity_description = `
+    let activity_description = `
         ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? 'no-email'}
         allow=${$ae_loc?.allow_access}
         last_cache_refresh=${last_cache_refresh_iso.toLocaleString()}
         data_route=${data?.route.toString() ?? 'unknown'}
     `;
 
-        let data_kv = {
-            external_client_id: data?.route.id,
-            name: `IDAA: ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? ''}`,
-            description: activity_description ?? null,
-            object_type: 'idaa', // archive, post, event
-            // object_id: data?.route,
-            url_root: data?.url.origin,
-            // url_full_path: data?.url.href,
-            url_full_path: data?.url.pathname,
-            url_params: data?.url.searchParams.toString(),
-            action: action,
-            action_with: action_with ?? 'none',
-            meta_json: {
-                allow_access: $ae_loc?.allow_access,
-                last_cache_refresh: $ae_loc?.last_cache_refresh,
-                last_cache_refresh_iso: last_cache_refresh_iso.toISOString(),
-                last_cache_refresh_locale: last_cache_refresh_iso.toLocaleString(),
-                access_level: $ae_loc?.access_level,
-                iframe: $ae_loc?.iframe
-                // site_access_key: $ae_loc?.site_access_key,
-                // site_domain_access_key: $ae_loc?.site_domain_access_key,
-                // site_domain: $ae_loc?.site_domain,
-                // extra_data: extra_data ?? '',
-                // log_lvl: log_lvl,
-            }
-        };
+    let data_kv = {
+        external_client_id: data?.route.id,
+        name: `IDAA: ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? ''}`,
+        description: activity_description ?? null,
+        object_type: 'idaa', // archive, post, event
+        // object_id: data?.route,
+        url_root: data?.url.origin,
+        // url_full_path: data?.url.href,
+        url_full_path: data?.url.pathname,
+        url_params: data?.url.searchParams.toString(),
+        action: action,
+        action_with: action_with ?? 'none',
+        meta_json: {
+            allow_access: $ae_loc?.allow_access,
+            last_cache_refresh: $ae_loc?.last_cache_refresh,
+            last_cache_refresh_iso: last_cache_refresh_iso.toISOString(),
+            last_cache_refresh_locale: last_cache_refresh_iso.toLocaleString(),
+            access_level: $ae_loc?.access_level,
+            iframe: $ae_loc?.iframe
+            // site_access_key: $ae_loc?.site_access_key,
+            // site_domain_access_key: $ae_loc?.site_domain_access_key,
+            // site_domain: $ae_loc?.site_domain,
+            // extra_data: extra_data ?? '',
+            // log_lvl: log_lvl,
+        }
+    };
 
-        core_func.create_ae_obj__activity_log({
-            api_cfg: $ae_api,
-            account_id: $ae_loc.account_id,
-            data_kv: data_kv,
-            log_lvl: log_lvl
-        });
-    }
+    core_func.create_ae_obj__activity_log({
+        api_cfg: $ae_api,
+        account_id: $ae_loc.account_id,
+        data_kv: data_kv,
+        log_lvl: log_lvl
+    });
+}
 
-    let box: any;
-    let xLeft = $state(0);
-    let xScroll = $state(0);
-    let xWidth = $state(0);
-    let yTop = $state(0);
-    let yScroll = $state(0);
-    let yHeight = $state(0);
+let box: any;
+let xLeft = $state(0);
+let xScroll = $state(0);
+let xWidth = $state(0);
+let yTop = $state(0);
+let yScroll = $state(0);
+let yHeight = $state(0);
 
-    function parse_scroll() {
-        // console.log(`parse_scroll() called`);
-        xLeft = box.scrollLeft;
-        xScroll = box.scrollWidth;
-        xWidth = box.clientWidth;
-        yTop = box.scrollTop;
-        yHeight = box.clientHeight;
-        yScroll = box.scrollHeight;
-        // console.log(`parse_scroll() called: ${yTop}`);
-    }
+function parse_scroll() {
+    // console.log(`parse_scroll() called`);
+    xLeft = box.scrollLeft;
+    xScroll = box.scrollWidth;
+    xWidth = box.clientWidth;
+    yTop = box.scrollTop;
+    yHeight = box.clientHeight;
+    yScroll = box.scrollHeight;
+    // console.log(`parse_scroll() called: ${yTop}`);
+}
 
-    let is_safari = $state(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
+let is_safari = $state(
+    /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+);
 
-    let hide_scroll_btn = $state(true); // This is to hide the scroll to top button initially
-    let scroll_y = $state(0);
+let hide_scroll_btn = $state(true); // This is to hide the scroll to top button initially
+let scroll_y = $state(0);
 
-    function go_top() {
-        // document.body.scrollIntoView();
-        scroll_container().scrollIntoView();
-    }
+function go_top() {
+    // document.body.scrollIntoView();
+    scroll_container().scrollIntoView();
+}
 
-    function scroll_container() {
-        // console.log('Element', document.getElementById('ae_idaa__recovery_meetings'))
-        // return document.documentElement || document.body;
-        return document.getElementById('ae_idaa') || document.documentElement || document.body;
-    }
+function scroll_container() {
+    // console.log('Element', document.getElementById('ae_idaa__recovery_meetings'))
+    // return document.documentElement || document.body;
+    return (
+        document.getElementById('ae_idaa') ||
+        document.documentElement ||
+        document.body
+    );
+}
 
-    // function handle_on_scroll() {
-    //     if (!scroll_container()) {
-    //         return;
-    //     }
-    //     console.log(`Scroll position: ${scroll_container().scrollTop}`);
+// function handle_on_scroll() {
+//     if (!scroll_container()) {
+//         return;
+//     }
+//     console.log(`Scroll position: ${scroll_container().scrollTop}`);
 
-    //     let show_on_px = 500; // The scroll position at which the button will be shown
+//     let show_on_px = 500; // The scroll position at which the button will be shown
 
-    //     if (scroll_container().scrollTop > show_on_px) {
-    //         hide_scroll_btn = false;
-    //     } else {
-    //         hide_scroll_btn = true;
-    //     }
+//     if (scroll_container().scrollTop > show_on_px) {
+//         hide_scroll_btn = false;
+//     } else {
+//         hide_scroll_btn = true;
+//     }
+// }
+
+$effect(() => {
+    // console.log(`idaa_root_layout.svelte`);
+    // if (scroll_y) {
+    //     console.log(`Scroll position: ${scroll_y}`);
+    //     // handle_on_scroll();
     // }
 
-    $effect(() => {
-        // console.log(`idaa_root_layout.svelte`);
-        // if (scroll_y) {
-        //     console.log(`Scroll position: ${scroll_y}`);
-        //     // handle_on_scroll();
-        // }
+    // if (yTop) {
+    //     console.log(`Scroll container top diff: ${yTop}`);
+    // }
 
-        // if (yTop) {
-        //     console.log(`Scroll container top diff: ${yTop}`);
-        // }
+    //  else {
+    // hide_scroll_btn = true; // Hide the button if scroll_y is 0
+    // }
+    // if (log_lvl > 1) {
+    //     console.log(`idaa_root_layout.svelte: data:`, data);
+    // }
 
-        //  else {
-        // hide_scroll_btn = true; // Hide the button if scroll_y is 0
-        // }
-        // if (log_lvl > 1) {
-        //     console.log(`idaa_root_layout.svelte: data:`, data);
-        // }
+    // If the browser is Safari, we need to handle the scroll differently
+    if (is_safari) {
+        console.log('Safari detected, using special scroll handling');
+        $ae_loc.browser_type = 'safari';
+    }
 
-        // If the browser is Safari, we need to handle the scroll differently
-        if (is_safari) {
-            console.log('Safari detected, using special scroll handling');
-            $ae_loc.browser_type = 'safari';
+    // // Initial scroll position
+    // scroll_y = scroll_container().scrollTop;
+
+    // // Set up the scroll event listener
+    // window.addEventListener('scroll', () => {
+    //     scroll_y = scroll_container().scrollTop;
+    //     handle_on_scroll();
+    // });
+});
+
+// NOTE: Fires after every client-side navigation within the IDAA module.
+// Scrolls the parent Novi page to show the top of the iframe so the user
+// doesn't land in the middle of new content after clicking a post/meeting/archive.
+// The individual detail pages also send scroll_to on load — this catches the
+// cases they miss (e.g. navigating back to the list view).
+afterNavigate(() => {
+    if ($ae_loc?.iframe) {
+        window.parent.postMessage({ scroll_to: 0 }, '*');
+    }
+});
+
+let iframe = $derived(data.url.searchParams.get('iframe'));
+
+$effect(() => {
+    if (browser && iframe == 'true') {
+        console.log('Use iframe layout!');
+        // data_struct['iframe'] = iframe;
+        $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 (browser && iframe == 'false') {
+        // data_struct['iframe'] = false;
+        $ae_loc.iframe = false;
+
+        document.getElementsByTagName('html')[0].classList.remove('iframe');
+        // document.getElementsByTagName('html')[0].classList.add('light');
+    }
+});
+
+$effect(() => {
+    if (
+        $ae_loc.iframe &&
+        $ae_loc.iframe_height &&
+        $ae_loc.iframe_height_modal_body
+    ) {
+        if (log_lvl > 1) {
+            console.log(
+                'Getting new dimensions for iframe with modal:',
+                $ae_loc.iframe_height,
+                $ae_loc.iframe_height_modal_body
+            );
         }
 
-        // // Initial scroll position
-        // scroll_y = scroll_container().scrollTop;
+        let iframe_height = 0;
 
-        // // Set up the scroll event listener
-        // window.addEventListener('scroll', () => {
-        //     scroll_y = scroll_container().scrollTop;
-        //     handle_on_scroll();
-        // });
-    });
-
-    // NOTE: Fires after every client-side navigation within the IDAA module.
-    // Scrolls the parent Novi page to show the top of the iframe so the user
-    // doesn't land in the middle of new content after clicking a post/meeting/archive.
-    // The individual detail pages also send scroll_to on load — this catches the
-    // cases they miss (e.g. navigating back to the list view).
-    afterNavigate(() => {
-        if ($ae_loc?.iframe) {
-            window.parent.postMessage({ scroll_to: 0 }, '*');
-        }
-    });
-
-    let iframe = $derived(data.url.searchParams.get('iframe'));
-
-    $effect(() => {
-        if (browser && iframe == 'true') {
-            console.log('Use iframe layout!');
-            // data_struct['iframe'] = iframe;
-            $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 (browser && iframe == 'false') {
-            // data_struct['iframe'] = false;
-            $ae_loc.iframe = false;
-
-            document.getElementsByTagName('html')[0].classList.remove('iframe');
-            // document.getElementsByTagName('html')[0].classList.add('light');
-        }
-    });
-
-    $effect(() => {
-        if ($ae_loc.iframe && $ae_loc.iframe_height && $ae_loc.iframe_height_modal_body) {
-            if (log_lvl > 1) {
-                console.log(
-                    'Getting new dimensions for iframe with modal:',
-                    $ae_loc.iframe_height,
-                    $ae_loc.iframe_height_modal_body
-                );
-            }
-
-            let iframe_height = 0;
-
-            if ($ae_loc.iframe_height > $ae_loc.iframe_height_modal_body) {
-                iframe_height = $ae_loc.iframe_height;
-            } else {
-                iframe_height = $ae_loc.iframe_height_modal_body;
-
-                // console.log($ae_loc.modal_dimensions);
-
-                if ($ae_loc.modal_dimensions && $ae_loc.modal_dimensions.header_height) {
-                    iframe_height = iframe_height + $ae_loc.modal_dimensions.header_height;
-                }
-                if ($ae_loc.modal_dimensions && $ae_loc.modal_dimensions.footer_height) {
-                    iframe_height = iframe_height + $ae_loc.modal_dimensions.footer_height;
-                }
-                // iframe_height = iframe_height + 50; // Just in case
-            }
-
-            if (log_lvl > 1) {
-                console.log(`Suggested new iframe_height with modal: ${iframe_height}`);
-            }
-            if (iframe_height > 4096) {
-                console.warn('iframe_height is getting too large, setting to 4096px');
-                iframe_height = 4096; // Limit the height to a maximum of 4096px
-            }
-            window.parent.postMessage({ iframe_height: iframe_height }, '*'); // This should be in pixels
-        } else if ($ae_loc.iframe && $ae_loc.iframe_height) {
-            if (log_lvl > 1) {
-                console.log('Suggested new iframe_height:', $ae_loc.iframe_height);
-            }
-
-            let iframe_height = 0;
+        if ($ae_loc.iframe_height > $ae_loc.iframe_height_modal_body) {
             iframe_height = $ae_loc.iframe_height;
+        } else {
+            iframe_height = $ae_loc.iframe_height_modal_body;
 
-            if (iframe_height > 4096) {
-                console.warn('iframe_height is getting too large, setting to 4096px');
-                iframe_height = 4096; // Limit the height to a maximum of 4096px
+            // console.log($ae_loc.modal_dimensions);
+
+            if (
+                $ae_loc.modal_dimensions &&
+                $ae_loc.modal_dimensions.header_height
+            ) {
+                iframe_height =
+                    iframe_height + $ae_loc.modal_dimensions.header_height;
             }
-            window.parent.postMessage({ iframe_height: iframe_height }, '*'); // This should be in pixels
+            if (
+                $ae_loc.modal_dimensions &&
+                $ae_loc.modal_dimensions.footer_height
+            ) {
+                iframe_height =
+                    iframe_height + $ae_loc.modal_dimensions.footer_height;
+            }
+            // iframe_height = iframe_height + 50; // Just in case
         }
-    });
+
+        if (log_lvl > 1) {
+            console.log(
+                `Suggested new iframe_height with modal: ${iframe_height}`
+            );
+        }
+        if (iframe_height > 4096) {
+            console.warn(
+                'iframe_height is getting too large, setting to 4096px'
+            );
+            iframe_height = 4096; // Limit the height to a maximum of 4096px
+        }
+        window.parent.postMessage({ iframe_height: iframe_height }, '*'); // This should be in pixels
+    } else if ($ae_loc.iframe && $ae_loc.iframe_height) {
+        if (log_lvl > 1) {
+            console.log('Suggested new iframe_height:', $ae_loc.iframe_height);
+        }
+
+        let iframe_height = 0;
+        iframe_height = $ae_loc.iframe_height;
+
+        if (iframe_height > 4096) {
+            console.warn(
+                'iframe_height is getting too large, setting to 4096px'
+            );
+            iframe_height = 4096; // Limit the height to a maximum of 4096px
+        }
+        window.parent.postMessage({ iframe_height: iframe_height }, '*'); // This should be in pixels
+    }
+});
 </script>
 
 <svelte:head>
@@ -261,18 +285,15 @@
         href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
         integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
         crossorigin="anonymous"
-        referrerpolicy="no-referrer"
-    />
+        referrerpolicy="no-referrer" />
     {#if $ae_loc.iframe}
         <!-- <meta name="robots" content="noindex, nofollow" /> -->
         <link
             href="https://assets-staging.noviams.com/novi-core-assets/css/fontawesome.css"
-            rel="stylesheet"
-        />
+            rel="stylesheet" />
         <link
             href="https://assets-staging.noviams.com/novi-core-assets/css/c/idaa/idaa.css"
-            rel="stylesheet"
-        />
+            rel="stylesheet" />
     {/if}
 </svelte:head>
 
@@ -287,11 +308,10 @@
     class:iframe={$ae_loc?.iframe}
     class="
         ae_idaa
-        h-full max-h-fit max-w-6xl overflow-auto
-        flex flex-col gap-1
-        m-auto
-        "
->
+        m-auto flex h-full max-h-fit
+        max-w-6xl flex-col gap-1
+        overflow-auto
+        ">
     <nav
         class="
         module_header
@@ -303,8 +323,7 @@
         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" />
@@ -312,8 +331,7 @@
         </span>
         <a
             href="/"
-            class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-success-500"
-        >
+            class="btn btn-sm preset-tonal-surface border-surface-500 hover:preset-filled-success-500 border">
             <House />
             <span class="hidden md:inline"> Home </span>
         </a>
@@ -324,29 +342,27 @@
         class="
         module_main_content main_content
 
-        grow
-        px-1 md:px-2 pb-28
-        flex flex-col gap-2 items-center justify-start
-        "
-    >
+        flex
+        grow flex-col items-center
+        justify-start gap-2 px-1 pb-28 md:px-2
+        ">
         {@render children?.()}
     </section>
 
     <section
-        class="module_footer 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}
-    >
+        class="module_footer footer_content lg:text-md xl:text-md flex min-h-7 px-1 py-0.5 text-sm text-slate-400 transition hover:text-slate-800 sm:text-sm 2xl:text-lg"
+        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"
-        />
+            class_li="grow flex flex-row justify-between" />
     </section>
 </div>
 <!-- </AppShell> -->
 
 <!-- bottom-4 -->
-<button type="button"
+<button
+    type="button"
     class="ae_idaa__recovery_meetings__scroll_top_btn btn btn-sm btn-secondary preset-tonal-surface fixed top-1/2 right-1 z-50 opacity-75 hover:opacity-100"
     class:hidden={yTop < 750}
     class:ae_btn_warning_outlined={is_safari}
@@ -386,8 +402,7 @@
             window.parent.postMessage({ scroll_to: 0 }, '*'); // This should be in pixels
         }
     }}
-    title="Scroll to top"
->
+    title="Scroll to top">
     <span class="fas fa-arrow-up"></span>
     Scroll to Top
 </button>
diff --git a/src/routes/idaa/README.md b/src/routes/idaa/README.md
index ef85a1fd..f545e568 100644
--- a/src/routes/idaa/README.md
+++ b/src/routes/idaa/README.md
@@ -44,4 +44,4 @@ The IDAA integration includes the following features, each corresponding to a ro
 
 The IDAA routes receive a `uuid` parameter when loaded via the Novi iframe bridge. The application verifies that UUID by calling Novi's customers API (using the `novi_idaa_api_key` from site config) and then sets verified fields in the IDAA store (`novi_uuid`, `novi_email`, `novi_full_name`, `novi_verified`).
 
-For full implementation details, verification flow, and the list of `site_cfg_json` fields used by IDAA, see the client documentation: [documentation/CLIENT__IDAA_and_customized_mods.md](documentation/CLIENT__IDAA_and_customized_mods.md).
+For full implementation details, verification flow, and the list of `site_cfg_json` fields used by IDAA, see the client documentation: [documentation/CLIENT\_\_IDAA_and_customized_mods.md](documentation/CLIENT__IDAA_and_customized_mods.md).