From 60ca3b2f6c9b0e701e60864cbaa8879605fd241d Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Wed, 11 Mar 2026 15:42:58 -0400
Subject: [PATCH] fix: update docs/todos after v1 edit form retirement + v2
 rename

- Update CLIENT__IDAA_and_customized_mods.md: remove v1 entry and v2 suffix
- Update tests/README.md: rename _v2 reference to canonical filename
- Update TODO__Agents.md: mark all state_referenced_locally warnings resolved;
  document remaining 23 CSS @apply warnings as harmless language-service noise
---
 .../CLIENT__IDAA_and_customized_mods.md       |    5 +-
 documentation/TODO__Agents.md                 |    2 +-
 .../recovery_meetings/[event_id]/+page.svelte |    2 +-
 .../ae_idaa_comp__event_obj_id_edit.svelte    | 3513 ++++++-----------
 .../ae_idaa_comp__event_obj_id_edit_v2.svelte | 2014 ----------
 tests/README.md                               |    2 +-
 6 files changed, 1211 insertions(+), 4327 deletions(-)
 delete mode 100644 src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit_v2.svelte

diff --git a/documentation/CLIENT__IDAA_and_customized_mods.md b/documentation/CLIENT__IDAA_and_customized_mods.md
index 21fb72b7..a1b53497 100644
--- a/documentation/CLIENT__IDAA_and_customized_mods.md
+++ b/documentation/CLIENT__IDAA_and_customized_mods.md
@@ -81,8 +81,7 @@ src/routes/idaa/
 │   │   ├── ae_idaa_comp__event_obj_li.svelte           # Individual list item card
 │   │   ├── ae_idaa_comp__event_obj_qry.svelte          # Query/filter bar
 │   │   ├── ae_idaa_comp__event_obj_id_view.svelte      # Meeting detail (read-only)
-│   │   ├── ae_idaa_comp__event_obj_id_edit.svelte      # Meeting edit form (v1, legacy — do not touch)
-│   │   ├── ae_idaa_comp__event_obj_id_edit_v2.svelte   # Meeting edit form (v2, active)
+│   │   ├── ae_idaa_comp__event_obj_id_edit.svelte   # Meeting edit form (active)
 │   │   └── [event_id]/
 │   │       ├── +page.svelte    # Meeting detail page — renders view OR edit based on session flag
 │   │       └── +page.ts
@@ -96,7 +95,7 @@ src/routes/idaa/
 > 2. **Direct page** (`[event_id]/+page.svelte`) — navigating to `/idaa/recovery_meetings/<id>` renders
 >    the same view/edit components gated by `$idaa_sess.recovery_meetings.edit__event_obj`.
 >
-> Both patterns use `ae_idaa_comp__event_obj_id_edit_v2.svelte`. The edit form clears **both**
+> Both patterns use `ae_idaa_comp__event_obj_id_edit.svelte`. The edit form clears **both**
 > `show__modal_edit` and `edit__event_obj` on save/cancel so it works correctly from either entry point.
 
 ---
diff --git a/documentation/TODO__Agents.md b/documentation/TODO__Agents.md
index adf1f10c..16cf9d4b 100644
--- a/documentation/TODO__Agents.md
+++ b/documentation/TODO__Agents.md
@@ -23,7 +23,7 @@ Related: `src/lib/stores/store_versions.ts` is the new home for version constant
 - [x] **Minor Svelte warning:** `slct_event_location_id` in `menu_location_list.svelte` — prop already has `$bindable(null)`; stale comment in file updated. (2026-03-11)
 
 ### [Svelte] State reference warnings
-- **42 `state_referenced_locally` warnings remain** in `recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte` and `..._v2.svelte`. Same pattern as the 10 fixed on 2026-03-09 — move reactive reads into `onMount`.
+- [x] **`state_referenced_locally` warnings resolved** — all 42 warnings fixed. v1 edit form retired; v2 renamed to canonical name. Remaining 23 warnings in `ae_idaa_comp__event_obj_id_edit.svelte` are CSS `@apply`/`@reference` warnings from the svelte-check CSS language service not understanding Tailwind v4 at-rules — harmless, build works fine, not fixable without a full `<style>` block refactor. (2026-03-11)
 
 ### [Badges] Remaining badge work before first live event
 - **Badge print controls UX polish:** Scott has improvements in mind — TBD next session.
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 e1f0259d..22661e9d 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/[event_id]/+page.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/[event_id]/+page.svelte
@@ -36,7 +36,7 @@
         idaa_prom
     } from '$lib/stores/ae_idaa_stores';
 
-    import Event_obj_id_edit from '.././ae_idaa_comp__event_obj_id_edit_v2.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';
 
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 eba891e7..69e2ebc7 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
@@ -12,14 +12,11 @@
     }: Props = $props();
 
     // *** Import Svelte specific
-    // import { prevent_default } from 'svelte/legacy';
-    // import { onDestroy, onMount } from 'svelte';
+    import { 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';
@@ -43,20 +40,14 @@
     import { events_func } from '$lib/ae_events_functions';
     import AE_Comp_Editor_TipTap from '$lib/elements/AE_Comp_Editor_TipTap.svelte';
 
-    // export let container_class_li = [];
-
     if (!$idaa_slct.event_obj) {
         $idaa_slct.event_obj = {};
     }
-    // Create a copy of the event object
+    // Create a copy of the event object to track unsaved changes
     let orig_event_obj: any = { ...$idaa_slct.event_obj };
     if (browser) {
-        // console.log(`$lq__event_obj = `, $lq__event_obj);
         console.log(`$idaa_slct.event_obj = `, $idaa_slct.event_obj);
-        // orig_event_obj = { ...$idaa_slct.event_obj }; // Create a copy of the event object
         console.log(`orig_event_obj = `, orig_event_obj);
-
-        // JSON.stringify($idaa_slct.event_obj) !== JSON.stringify(orig_event_obj)
     }
 
     if ($idaa_loc.recovery_meetings.edit__event_obj) {
@@ -67,23 +58,37 @@
 
     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_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_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);
 
+    // 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;
@@ -153,11 +158,10 @@
         console.log(`Event Object started: ${$idaa_slct.event_obj}`);
     }
 
+    // Load timezone lookup list (cached in $ae_loc, refreshed ~20% of the time)
     let lu_time_zone_list = localStorage.getItem('lu_time_zone_list')
         ? JSON.parse(localStorage.getItem('lu_time_zone_list') ?? '')
         : [];
-    // $ae_loc.lu_time_zone_list = []; // Reset the list
-    // Refresh the list at least 20% of the time.
     if (
         $ae_loc.lu_time_zone_list &&
         $ae_loc.lu_time_zone_list.length > 0 &&
@@ -165,155 +169,85 @@
     ) {
         console.log('Already have time zone list!', $ae_loc.lu_time_zone_list);
     } else {
-        console.log('No time zone list');
-
-        let lu_time_zone_li_get_promise = core_func
+        core_func
             .load_ae_obj_li__time_zone({
                 api_cfg: $ae_api,
                 only_priority: true,
                 log_lvl: log_lvl
             })
-            .then(function (lu_time_zone_li_get_result) {
-                if (lu_time_zone_li_get_result) {
-                    $ae_loc.lu_time_zone_list = lu_time_zone_li_get_result;
-                    console.log(`Time zone list:`, $ae_loc.lu_time_zone_list);
-                    console.log($ae_loc.lu_time_zone_list[0]);
-                    console.log($ae_loc.lu_time_zone_list[10]);
+            .then(function (result) {
+                if (result) {
+                    $ae_loc.lu_time_zone_list = result;
                 } else {
-                    console.log(`No time zones returned!`);
                     $ae_loc.lu_time_zone_list = [];
                 }
             })
             .catch(function (error: any) {
                 console.log('No results returned or failed.', error);
             });
-
-        // let lu_time_zone_li_get_promise = api.get_ae_obj_li_for_obj_id_crud({
-        //     api_cfg: $ae_api,
-        //     obj_type: 'lu', // "lu" = a lookup table
-        //     for_obj_type: 'time_zone',
-        //     enabled: null,
-        //     hidden: null,
-        //     // order_by_li: {'name': 'ASC'},
-        //     log_lvl: 1
-        //     })
-
-        // .then(function (lu_time_zone_li_get_result) {
-        //     if (lu_time_zone_li_get_result) {
-        //         $ae_loc.lu_time_zone_list = lu_time_zone_li_get_result;
-        //         console.log(`Time zone list:`, $ae_loc.lu_time_zone_list);
-        //         console.log($ae_loc.lu_time_zone_list[0]);
-        //         console.log($ae_loc.lu_time_zone_list[10]);
-        //     } else {
-        //         console.log(`No time zones returned!`);
-        //         $ae_loc.lu_time_zone_list = [];
-        //     }
-        // })
-        // .catch(function (error: any) {
-        //     console.log('No results returned or failed.', error);
-        // });
     }
 
+    // Load country lookup list (cached in localStorage, refreshed ~20% of the time)
     let lu_country_list = $state(
         localStorage.getItem('lu_country_list')
             ? JSON.parse(localStorage.getItem('lu_country_list') ?? '')
             : []
     );
-    // $ae_loc.lu_country_list = []; // Reset the list
-    // Refresh the list at least 20% of the time.
-    if (lu_country_list && lu_country_list.length > 50 && Math.random() < 0.8) {
-        console.log(
-            `Already have country list! ${lu_country_list.length}`,
-            lu_country_list
-        );
-    } else {
-        console.log('No country list');
-
-        let lu_country_li_get_promise = core_func
-            .load_ae_obj_li__country({
-                api_cfg: $ae_api,
-                log_lvl: log_lvl
-            })
-            .then(function (lu_country_li_get_result) {
-                if (lu_country_li_get_result) {
-                    lu_country_list = lu_country_li_get_result;
-                    localStorage.setItem(
-                        'lu_country_list',
-                        JSON.stringify(lu_country_li_get_result)
-                    );
-                    if (log_lvl) {
-                        console.log(`Country list:`, lu_country_list);
-                    }
-                } else {
-                    console.log(`No countries returned!`);
-                    // $ae_loc.lu_country_list = [];
-                }
-            })
-            .catch(function (error: any) {
-                console.log('No results returned or failed.', error);
-            });
-    }
 
+    // Load country subdivision lookup list (states/provinces, cached in localStorage)
     let lu_country_subdivision_list = $state(
         localStorage.getItem('lu_country_subdivision_list')
-            ? JSON.parse(
-                  localStorage.getItem('lu_country_subdivision_list') ?? ''
-              )
+            ? JSON.parse(localStorage.getItem('lu_country_subdivision_list') ?? '')
             : []
     );
-    // $ae_loc.lu_country_subdivision_list = []; // Reset the list
-    // Refresh the list at least 20% of the time.
-    if (
-        lu_country_subdivision_list &&
-        lu_country_subdivision_list.length > 50 &&
-        Math.random() < 0.8
-    ) {
-        console.log(
-            `Already have country subdivision list! ${lu_country_subdivision_list.length}`,
-            lu_country_subdivision_list
-        );
-    } else {
-        console.log('No country subdivision list. Requesting new list.');
 
-        let lu_country_subdivision_li_get_promise = core_func
-            .load_ae_obj_li__country_subdivision({
-                api_cfg: $ae_api,
-                log_lvl: log_lvl
-            })
-            .then(function (lu_country_subdivision_li_get_result) {
-                /* We need to save the country subdivision list to localStore */
-                if (lu_country_subdivision_li_get_result) {
-                    lu_country_subdivision_list =
-                        lu_country_subdivision_li_get_result;
-                    localStorage.setItem(
-                        'lu_country_subdivision_list',
-                        JSON.stringify(lu_country_subdivision_li_get_result)
-                    );
-                    if (log_lvl) {
-                        console.log(
-                            `Country subdivision list:`,
-                            lu_country_subdivision_list
+    onMount(() => {
+        // These reads of $state runes must be inside a closure (onMount) to avoid
+        // Svelte's state_referenced_locally warning — the values are valid at mount.
+        if (lu_country_list && lu_country_list.length > 50 && Math.random() < 0.8) {
+            console.log(`Already have country list! ${lu_country_list.length}`);
+        } else {
+            core_func
+                .load_ae_obj_li__country({ api_cfg: $ae_api, log_lvl: log_lvl })
+                .then(function (result) {
+                    if (result) {
+                        lu_country_list = result;
+                        localStorage.setItem('lu_country_list', JSON.stringify(result));
+                    }
+                })
+                .catch(function (error: any) {
+                    console.log('No results returned or failed.', error);
+                });
+        }
+
+        if (
+            lu_country_subdivision_list &&
+            lu_country_subdivision_list.length > 50 &&
+            Math.random() < 0.8
+        ) {
+            console.log(
+                `Already have country subdivision list! ${lu_country_subdivision_list.length}`
+            );
+        } else {
+            core_func
+                .load_ae_obj_li__country_subdivision({ api_cfg: $ae_api, log_lvl: log_lvl })
+                .then(function (result) {
+                    if (result) {
+                        lu_country_subdivision_list = result;
+                        localStorage.setItem(
+                            'lu_country_subdivision_list',
+                            JSON.stringify(result)
                         );
                     }
-                } else {
-                    console.log(`No country subdivisions returned!`);
-                    // $ae_loc.lu_country_subdivision_list = [];
-                }
-            })
-            .catch(function (error: any) {
-                console.log('No results returned or failed.', error);
-            });
-    }
+                })
+                .catch(function (error: any) {
+                    console.log('No results returned or failed.', error);
+                });
+        }
+    });
 
     $effect(() => {
         if ($idaa_slct.event_obj) {
-            if (log_lvl) {
-                console.log(
-                    'Selected Event object changed?',
-                    $idaa_slct.event_obj
-                );
-            }
-
             if ($idaa_slct.event_obj == null) {
                 $idaa_slct.event_obj = { contact_li_json: [] };
             } else {
@@ -331,17 +265,11 @@
 
     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);
-        if (log_lvl) {
-            console.log(form_data);
-        }
 
-        // Form Event object data incoming
         let event_meeting_fd = ae_util.extract_prefixed_form_data({
             prefix: null,
             form_data: form_data,
@@ -349,9 +277,7 @@
             bool_tf_str: true,
             log_lvl: log_lvl
         });
-        // console.log(event_meeting_fd);
 
-        // Form Event object data outgoing
         let event_do: key_val = {};
 
         if (!$idaa_slct.event_id) {
@@ -361,13 +287,8 @@
 
         event_do['name'] = event_meeting_fd.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');
             event_do['description'] = description_new_html;
-        } else {
-            console.log('New description is not a string. Do nothing.');
-            // event_do['description'] = event_meeting_fd.description;
         }
 
         event_do['type'] = event_meeting_fd.type;
@@ -385,84 +306,57 @@
         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: lu_country_subdivision_list,
                 property: 'code',
                 value: event_meeting_fd.address_country_subdivision_code
             });
-            address['state_province'] = country_subdivision_data[0].name; // Assume there is only one match
-            // address['country_subdivision_name'] = country_subdivision_data[0].name;
+            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: lu_country_list,
                 property: 'alpha_2_code',
                 value: event_meeting_fd.address_country_alpha_2_code
             });
-            console.log(country_data);
-            address['country'] = country_data[0].english_short_name; // Assume there is only one match
-            // address['country_name'] = country_data[0].english_short_name; // DO NOT USE - Scott 2026-01-09
+            address['country'] = country_data[0].english_short_name;
         }
         event_do['location_address_json'] = address;
 
-        // Check if the location_text_new_html exists and is a string
         if (typeof location_text_new_html === 'string') {
             event_do['location_text'] = location_text_new_html;
-        } else {
-            console.log('New location text is not a string. Do nothing.');
         }
 
         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;
+        event_do['attend_phone_passcode'] = event_meeting_fd.attend_phone_passcode;
 
-        // Check if the attend_text_new_html exists and is a string
         if (typeof attend_text_new_html === 'string') {
             event_do['attend_text'] = attend_text_new_html;
-        } else {
-            console.log('New attend text is not a string. Do nothing.');
         }
 
         if ($idaa_sess.recovery_meetings?.attend_platform === 'Zoom') {
-            // event_do['attend_url_passcode_enc'] = event_meeting_fd.attend_url_passcode_enc;
-
-            let zoom_attend_domain =
-                event_meeting_fd.attend_domain ?? 'zoom.us';
+            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; // Strip out any non-numeric characters
+                : null;
             let zoom_passcode = event_do['attend_url_passcode']
                 ? event_do['attend_url_passcode'].trim()
-                : null; // Strip out any non-alphanumeric characters
+                : 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()
-                : null; // Strip out any non-alphanumeric characters
-
+                : null;
             let zoom_url = event_meeting_fd.zoom_attend_url
                 ? event_meeting_fd.zoom_attend_url.trim()
                 : null;
 
-            // Example JSON structure:
-            // "zoom": {
-            //     domain = attend_url_base; Zoom domain; Vanity URL
-            //     meeting_id = append as /j/attend_url_code;
-            //     passcode = attend_url_passcode
-            //     url = ''; // generated below
-            //     phone = ''; // ignored; Just use the standard list?
-            // }
-            // domain: only contain letters, numbers and dashes (-)
-            // let domain = event_do['attend_url'] ? event_do['attend_url'].replace(/[^a-zA-Z0-9-]/g, '') : null; // Strip out any non-alphanumeric characters except dashes
             event_do['attend_json'] = {
                 zoom: {
                     domain: zoom_attend_domain,
@@ -472,7 +366,6 @@
                     full_url: zoom_url
                 }
             };
-            console.log(event_do['attend_json']);
 
             event_do['attend_url'] = zoom_url;
             event_do['attend_url_text'] =
@@ -491,13 +384,8 @@
                 : null;
 
             event_do['attend_json'] = {
-                jitsi: {
-                    full_url: jitsi_full_url,
-                    name: jitsi_name,
-                    passcode: jitsi_passcode
-                }
+                jitsi: { full_url: jitsi_full_url, name: jitsi_name, passcode: jitsi_passcode }
             };
-            console.log(event_do['attend_json']);
 
             event_do['attend_url'] = jitsi_full_url;
             event_do['attend_url_text'] =
@@ -510,10 +398,11 @@
 
         event_do['timezone'] = event_meeting_fd.timezone;
 
-        event_do['recurring'] = true; // Assume always true 2024-10 !!event_meeting_fd.recurring;
+        // 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;
 
-        // NOTE: !! converts to boolean based on truthiness
+        // !! converts to boolean based on truthiness
         event_do['weekday_sunday'] = !!event_meeting_fd.weekday_sunday;
         event_do['weekday_monday'] = !!event_meeting_fd.weekday_monday;
         event_do['weekday_tuesday'] = !!event_meeting_fd.weekday_tuesday;
@@ -523,81 +412,41 @@
         event_do['weekday_saturday'] = !!event_meeting_fd.weekday_saturday;
 
         if (event_meeting_fd['recurring_start_time']) {
-            event_do['recurring_start_time'] =
-                event_meeting_fd.recurring_start_time;
+            event_do['recurring_start_time'] = event_meeting_fd.recurring_start_time;
         }
         if (event_meeting_fd['recurring_end_time']) {
-            event_do['recurring_end_time'] =
-                event_meeting_fd.recurring_end_time;
+            event_do['recurring_end_time'] = event_meeting_fd.recurring_end_time;
         }
 
-        // Check if the recurring_text_new_html exists and is a string
         if (typeof recurring_text_new_html === 'string') {
-            if (log_lvl) {
-                console.log(
-                    `New recurring text is a string: ${recurring_text_new_html}`
-                );
-            }
             event_do['recurring_text'] = recurring_text_new_html;
-        } else {
-            if (log_lvl) {
-                console.log('New recurring text is not a string. Do nothing.');
-            }
         }
 
-        console.log(event_do['recurring_text']);
-        if (
-            !event_do['recurring_text'] ||
-            event_do['recurring_text'].includes('*gen*')
-        ) {
+        // 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');
-            }
+            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'
-            );
-            if (log_lvl) {
-                console.log(`Current date: ${current_date_iso}`);
-            }
-
-            // event_do['recurring_text'] = `This meeting occurs every ${days_of_week.join(', ')} at ${ae_util.iso_datetime_formatter(`${current_date_iso} ${event_do['recurring_start_time']}`, 'time_12_short_no_leading')} to ${ae_util.iso_datetime_formatter(`${current_date_iso} ${event_do['recurring_end_time']}`, 'time_12_short_no_leading')}.`;
-
-            // event_do['recurring_text'] = `This meeting occurs every ${days_of_week.join(', ')} at ${ae_util.iso_datetime_formatter(`${current_date_iso} ${event_do['recurring_start_time']}`, 'time_12_short_no_leading')}.`;
+            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; // NOTE: Defaults to the Novi user that created/owns this event
+        event_do['external_person_id'] = event_meeting_fd.external_person_id;
 
         event_do['contact_li_json'] = [];
         let contact_1: key_val = {};
-        // contact_1['external_person_id'] = event_meeting_fd.external_person_id; // NOTE: From the Novi user that created/owns this event
-        contact_1['full_name'] = event_meeting_fd.contact_1_full_name; // NOTE: From the Novi user that created/owns this event
-        contact_1['email'] = event_meeting_fd.contact_1_email; // NOTE: From the Novi user that created/owns this event
+        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; // NOTE: From the Novi user that created/owns this event, but allow them to change or hide it
+            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;
@@ -622,28 +471,20 @@
         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);
         }
-        if (event_meeting_fd['group']) {
-            event_do['group'] = event_meeting_fd.group;
-        } else {
-            event_do['group'] = null;
-        }
+        event_do['group'] = event_meeting_fd['group'] ? event_meeting_fd.group : null;
 
-        // NOTE: We only want to set enable value if the input is defined.
+        // 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;
         }
 
-        // Check if the notes_new_html exists and is a string
         if (typeof notes_new_html === 'string') {
             event_do['notes'] = notes_new_html;
-        } else {
-            console.log('New notes is not a string. Do nothing.');
         }
 
         if (log_lvl) {
@@ -658,45 +499,26 @@
                     data_kv: event_do,
                     log_lvl: log_lvl
                 })
-                .then(function (event_obj_create_result) {
-                    if (!event_obj_create_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    } else {
-
-                        if (log_lvl) {
-                            console.log(
-                                'event_obj_create_result:',
-                                event_obj_create_result
-                            );
-                        }
-                        $idaa_slct.event_id =
-                            event_obj_create_result.event_id;
-                        $idaa_slct.event_obj = event_obj_create_result;
-
-                        if ($ae_loc.site_cfg_json?.recovery_mtg_send_staff_new_email) {
-                            send_staff_notification_email(event_obj_create_result);
-                        }
+                .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 event_obj_create_result;
+                    return result;
                 })
                 .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
+                    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;
-
-                    // log_lvl = 1;
-                    // if (log_lvl) {
-                    //     console.log(
-                    //         `Check if we should send staff update email...`, $ae_loc.site_cfg_json?.recovery_mtg_send_staff_new_email
-                    //     );
-                    // }
                 });
 
             return prom_api__event_obj;
@@ -708,59 +530,30 @@
                     data_kv: event_do,
                     log_lvl: log_lvl
                 })
-                .then(function (event_obj_update_result) {
-                    if (!event_obj_update_result) {
-                        console.log('The result was null or false.');
-                        return false;
-                    } else {
-                        if (log_lvl) {
-                            console.log('event_obj_update_result:', event_obj_update_result);
-                        }
-
-                        $idaa_slct.event_obj = event_obj_update_result;
-
-                        if ($ae_loc.site_cfg_json?.recovery_mtg_send_staff_update_email) {
-                            send_staff_notification_email(event_obj_update_result);
-                        }
+                .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 event_obj_update_result;
+                    return result;
                 })
                 .catch(function (error: any) {
-                    console.log('Something went wrong.');
-                    console.log(error);
+                    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;
-
-                    // log_lvl = 1;
-                    // if (log_lvl) {
-                    //     console.log(
-                    //         `Check if we should send staff update email...`, $ae_loc.site_cfg_json?.recovery_mtg_send_staff_update_email
-                    //     );
-                    // }
-
-                    // if (
-                    //     // !$ae_loc.administrator_access &&
-                    //     $ae_loc.site_cfg_json
-                    //         ?.recovery_mtg_send_staff_update_email
-                    // ) {
-                    //     send_staff_notification_email();
-                    // }
-
-                    // send_staff_notification_email(event_do);
                 });
 
-            // log_lvl = 0;
-
             return prom_api__event_obj;
         }
     }
 
-    // Updated 2024-11-15
     async function handle_delete_event_obj({
         event_id,
         method = 'disable'
@@ -768,10 +561,6 @@
         event_id: string;
         method?: string;
     }) {
-        if (log_lvl) {
-            console.log('*** handle_delete_event_obj() ***');
-        }
-
         prom_api__event_obj = events_func
             .delete_ae_obj_id__event({
                 api_cfg: $ae_api,
@@ -779,19 +568,13 @@
                 method: method as any,
                 log_lvl: log_lvl
             })
-            .then(function (event_obj_delete_result) {
-                // $idaa_sess.recovery_meetings.show__modal_edit = false;
-                // $idaa_sess.recovery_meetings.show__modal_view = false;
+            .then(function () {
                 $idaa_sess.recovery_meetings.edit__event_obj = false;
             })
             .catch(function (error: any) {
-                console.log(
-                    'The result was null or false when trying to delete.',
-                    error
-                );
+                console.log('Delete failed.', error);
             })
             .finally(() => {
-                // $idaa_sess.recovery_meetings.show__modal_edit = false;
                 $idaa_slct.event_id = null;
                 $idaa_slct.event_obj = null;
                 goto('/idaa/recovery_meetings', { replaceState: true });
@@ -800,15 +583,9 @@
         return prom_api__event_obj;
     }
 
-    // Updated 2026-02-16
-    // The event_do (Event (Recovery Meeting) Data Out) should be the new form data
+    // 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) {
-        if (log_lvl) {
-            console.log(
-                `*** send_staff_notification_email() *** To: ${$ae_loc.site_cfg_json?.admin_email} From: ${$ae_loc.site_cfg_json?.noreply_email} Subject: IDAA Recovery Meeting: ${event_do.name} (ID: ${event_do.event_id})`
-            );
-        }
-
         let link_base_url =
             $ae_loc.site_cfg_json.novi_meetings_base_url ??
             `${$ae_loc.url_origin}/idaa/recovery_meetings`;
@@ -816,89 +593,53 @@
         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>
-
-    <br>
-
-    <div>
-    IDAA Recovery Meeting ID: ${event_do.event_id}<br>
-    <p>Use this link to view the meeting.<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>`;
+<div>
+<p>A recovery meeting has been created or updated named "${event_do.name}".</p>
+</div>
+<br>
+<div>
+IDAA Recovery Meeting ID: ${event_do.event_id}<br>
+<p>Use this link to view the meeting.<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_email: 'noreply+recmtg@oneskyit.com',
-            // from_email: 'noreply+recmtg@idaa.org',
-            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_email: 'test+recmtg@oneskyit.com', // 'scott+recmtg@oneskyit.com'
-            // to_email: 'stidem+test@gmail.com',
-            to_name:
-                $ae_loc.site_cfg_json?.admin_name ??
-                'IDAA Recovery Meeting Admin',
+                $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
-            // test: true,
         });
     }
 
+    // Track whether the form has unsaved changes relative to the original loaded object
     $effect(() => {
-        if (
-            orig_event_obj === null ||
-            orig_event_obj === undefined ||
-            orig_event_obj === 'undefined'
-        ) {
+        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) ||
+            (JSON.stringify($idaa_slct.event_obj) !== JSON.stringify(orig_event_obj) ||
                 description_changed ||
                 notes_changed)
         ) {
-            // console.log('Event object has changed from original.', $inspect(orig_event_obj));
-            console.log(
-                'Event object has changed from original.',
-                orig_event_obj
-            );
-            console.log('Event object has changed.', $idaa_slct.event_obj);
             obj_changed = true;
         } else if (
             obj_changed &&
             orig_event_obj?.id &&
-            JSON.stringify($idaa_slct.event_obj) ===
-                JSON.stringify(orig_event_obj) &&
+            JSON.stringify($idaa_slct.event_obj) === JSON.stringify(orig_event_obj) &&
             !description_changed &&
             !notes_changed
         ) {
             obj_changed = false;
-            // console.log(orig_event_obj?.attend_json);
-            // if (orig_event_obj?.attend_json?.zoom) {
-            //     $idaa_sess.recovery_meetings.attend_platform = 'Zoom';
-            // } else {
-            //     $idaa_sess.recovery_meetings.attend_platform = null;
-            // }
         }
     });
 
-    // $effect(() => {
-    //     if ($idaa_slct.event_obj?.attend_json?.zoom) {
-    //         $idaa_sess.recovery_meetings.attend_platform = 'Zoom';
-    //     } else {
-    //         $idaa_sess.recovery_meetings.attend_platform = 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';
@@ -909,17 +650,22 @@
         }
     }
 
+    // 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_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_json.zoom.full_url = `https://${$idaa_slct.event_obj.attend_url.replace(/[^a-zA-Z0-9-]/g, '')}/j/${$idaa_slct.event_obj.attend_url_code.replace(/[^0-9]/g, '')}?pwd=${$idaa_slct.event_obj.attend_url_passcode.replace(/[^a-zA-Z0-9]/g, '')}`;
 
-            // $idaa_slct.event_obj.attend_url_code = String($idaa_slct.event_obj.attend_url_code).replace(/\D/g, '').trim();
             $idaa_slct.event_obj.attend_url_code =
                 String($idaa_slct.event_obj.attend_url_code)
                     .replace(/[^0-9]/g, '')
@@ -928,22 +674,17 @@
             $idaa_slct.event_obj.attend_url_passcode =
                 String($idaa_slct.event_obj.attend_url_passcode).trim() ?? '';
 
-            // $idaa_slct.event_obj.attend_json.zoom.passcode_enc = String($idaa_slct.event_obj.attend_json.zoom.passcode_enc).replace(/[^a-zA-Z0-9]/g, '').trim();
             $idaa_slct.event_obj.attend_json.zoom.passcode_enc =
-                String($idaa_slct.event_obj.attend_json.zoom.passcode_enc) ??
-                '';
+                String($idaa_slct.event_obj.attend_json.zoom.passcode_enc) ?? '';
 
-            // $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).replace(/[^a-zA-Z0-9.-]/g, '').trim() : 'zoom.us';
             $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';
-            $idaa_slct.event_obj.attend_json.zoom.domain =
-                $idaa_slct.event_obj.attend_json.zoom.domain
-                    .replace(/^https?:\/\//, '')
-                    .replace(/\/.*$/, ''); // Remove any leading http(s):// and anything after the first /
 
             if (
                 $idaa_slct.event_obj.attend_json.zoom.passcode_enc &&
@@ -953,772 +694,440 @@
             } 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}`;
             }
-        } else {
-            // $idaa_slct.event_obj.attend_json = {};
-            // $idaa_slct.event_obj.attend_json.zoom = null;
         }
     });
 </script>
 
+<!-- ============================================================
+     IDAA Recovery Meeting — Edit Form (v2)
+     All fields map to ae_Event. This form is used for both
+     creating new meetings and editing existing ones.
+     Shown as a modal controlled by $idaa_sess.recovery_meetings.show__modal_edit.
+     ============================================================ -->
+
 <section
     class="
         svelte_component ae_section ae_edit event_obj edit__event_obj
-        space-y-2 p-2
+        space-y-3 p-3
         rounded-md
         preset-filled-surface-50-950 preset-outlined-warning-400-600
-        "
+    "
     class:ae_create={!$idaa_slct.event_id}
     bind:clientHeight={$ae_loc.iframe_height_modal_body}
 >
     <form
         onsubmit={prevent_default(handle_submit_form)}
-        class="relative space-y-1"
+        class="relative space-y-3"
     >
+        <!-- Saving overlay indicator -->
         {#await prom_api__event_obj}
             <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>
                 Saving...
             </div>
-        {:then}
-            {#if prom_api__event_obj}
-                <!-- <div class="awaiting" out:fade={{ duration: 2000 }}>Finished saving</div> -->
-            {:else}
-                <!-- <div class="awaiting" out:fade={{ duration: 2000 }}>Nothing here yet</div> -->
-            {/if}
         {/await}
 
-        <section class="text-center">
-            <!-- BEGIN: section event__options -->
-            {#if $idaa_slct.event_id}
+        <!-- Top save button — visible on existing meetings only so users don't scroll to the bottom
+             of this long form just to save. Mirrors the bottom Save Changes button. -->
+        {#if $idaa_slct.event_id}
+            <div class="flex justify-end">
                 <button
                     type="submit"
+                    class="btn btn-sm preset-filled-primary-200-800"
                     disabled={disable_submit_btn}
-                    class="novi_btn btn btn-primary preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 transition absolute top-0.5 right-0.5"
                 >
                     {#await prom_api__event_obj}
-                        <span class="fas fa-spinner fa-spin m-1"></span> Saving
+                        <span class="fas fa-spinner fa-spin"></span> Saving...
                     {:then}
-                        <span class="fas fa-save m-1"></span> Save
+                        <span class="fas fa-save"></span> Save Changes
                     {/await}
                 </button>
-            {/if}
-        </section>
-        <!-- END: section event__options -->
-
-        <!-- <h3>Recovery Meeting</h3> -->
-
-        <input type="hidden" value={$idaa_slct.event_id} />
-
-        <div
-            class="ae_section event__general_information p-2 space-y-2 rounded preset-filled-surface-100-900 preset-outlined-surface-200-800 hover:preset-tonal-warning hover:preset-outlined-warning-800-200 transition-all"
-        >
-            <!-- BEGIN: section event__general_information -->
-
-            <div>
-                <label for="name" class="w-full">
-                    <span class="text-lg text-neutral-500 font-semibold">
-                        Name of Recovery Meeting
-                    </span>
-                    <input
-                        type="text"
-                        id="name"
-                        name="name"
-                        required
-                        max="200"
-                        value={$lq__event_obj?.name ?? ''}
-                        placeholder="Name of Recovery Meeting"
-                        autocomplete="off"
-                        class="
-                    input w-full
-                    preset-tonal-surface hover:preset-filled-surface-100-900
-                    form-control
-                    "
-                    />
-                </label>
             </div>
+        {/if}
 
-            <label for="description" class="ae_label event__description w-full">
-                <span class="text-lg text-neutral-500 font-semibold">
-                    Short description
-                </span>
-                <!-- <textarea name="description" id="description" class="ae_value event__description tinymce_editor editor_basic textarea" rows="5" cols="70" bind:value={$idaa_slct.event_obj.description} ></textarea> -->
+        <!-- ============================================================
+             SECTION 1 — Meeting Information
+             Fields: name, description, type
+             ============================================================ -->
+        <div class="section-card" id="section__general_information">
+            <h3 class="section-heading">
+                <span class="fas fa-info-circle"></span>
+                Meeting Information
+            </h3>
 
-                <AE_Comp_Editor_TipTap
-                    bind:content={description_new_html}
-                    class_li="preset-tonal-surface hover:preset-filled-surface-100-900 font-mono font-normal"
-                    placeholder="A short description or overview of this recovery meeting"
+            <!-- Name -->
+            <label class="field-label" for="name">
+                Name of Recovery Meeting
+                <span class="field-required">*</span>
+                <input
+                    type="text"
+                    id="name"
+                    name="name"
+                    required
+                    maxlength="200"
+                    value={$lq__event_obj?.name ?? ''}
+                    placeholder="Name of Recovery Meeting"
+                    autocomplete="off"
+                    class="field-input w-full"
                 />
-
-                <!-- {@html $idaa_slct.event_obj?.description_new_html ?? 'not sure?'} -->
-
-                <!-- If changed then show Save button -->
-                <!-- {#if
-                $idaa_slct.event_obj.description_new_html &&
-                $idaa_slct.event_obj?.description_new_html != '<p></p>' &&
-                $idaa_slct.event_obj.description != $idaa_slct.event_obj.description_new_html}
-                <button type="button"
-                    class="btn btn-md btn-primary variant-ghost-secondary"
-                    on:click={() => $idaa_slct.event_obj.description = $idaa_slct.event_obj.description_new_html}
-                    >
-                    <span class="fas fa-save m-1"></span>
-                    Save?
-                </button>
-            {/if} -->
             </label>
 
-            <div>
-                <label class="form-group w-100">
-                    <span class="text-lg text-neutral-500 font-semibold">
-                        Type of Recovery Meeting
-                    </span>
+            <!-- Description (rich text) -->
+            <label class="field-label" 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"
+                />
+            </label>
+
+            <!-- Type -->
+            <div class="space-y-1">
+                <label class="field-label" for="type">
+                    Type of Recovery Meeting
                     <select
+                        id="type"
                         name="type"
                         value={$lq__event_obj?.type}
-                        class="
-                        form-control col-sm-12
-                        select w-48 p-1
-                        preset-tonal-surface hover:preset-filled-surface-100-900
-                        "
+                        class="field-select w-52"
                     >
                         <option value="IDAA">IDAA</option>
                         <option value="Caduceus">Caduceus</option>
                         <option value="Family Recovery">Family Recovery</option>
                     </select>
                 </label>
-                <ul class="text-sm text-neutral-500 list-disc list-inside">
-                    <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>
+                <ul class="text-sm text-surface-500 list-disc list-inside space-y-0.5">
+                    <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>
                 </ul>
             </div>
         </div>
-        <!-- END: section event__general_information -->
 
-        <div
-            class="ae_section event__how_to_attend p-2 space-y-2 rounded preset-filled-surface-100-900 preset-outlined-surface-200-800 hover:preset-tonal-warning hover:preset-outlined-warning-800-200 transition-all"
-        >
-            <!-- BEGIN: section event__how_to_attend -->
-            <h3 class="h2">How to Attend</h3>
+        <!-- ============================================================
+             SECTION 2 — How to Attend
+             physical and virtual are independent — a meeting can be both.
+             Address/location fields shown when physical=true OR more__location_fields=true.
+             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="section-card" id="section__how_to_attend">
+            <h3 class="section-heading">
+                <span class="fas fa-map-marker-alt"></span>
+                How to Attend
+            </h3>
 
-            <fieldset class="event__physical_virtual">
-                <legend class="legend text-lg text-neutral-500 font-semibold"
-                    >Face-to-Face or Virtual</legend
-                >
-                <p>
-                    Is this a face-to-face/in person meeting, a virtual/online
-                    meeting, or both?
-                </p>
-                <div
-                    class="ae_group border border-gray-200 rounded-md p-2 space-y-1"
-                >
+            <!-- Physical / Virtual toggles -->
+            <fieldset>
+                <legend class="field-label mb-1">Is this meeting in-person, virtual, or both?</legend>
+                <div class="flex flex-row flex-wrap gap-2">
                     <label
                         for="physical"
-                        class="form-check-label preset-tonal-tertiary preset-outlined-tertiary-100-900 hover:preset-filled-success-100-900 px-2 py-1 rounded-lg"
-                        class:preset-filled-success-200-800={$idaa_slct
-                            .event_obj.physical}
-                        class:preset-tonal-tertiary={!$idaa_slct.event_obj
-                            .physical}
+                        class="toggle-chip"
+                        class:toggle-chip--on={$idaa_slct.event_obj.physical}
                     >
-                        <span
-                            class="
-                            text-base font-semibold text-neutral-600-400
-                            "
-                        >
-                            <!-- <span class="fas fa-map-marker-alt"></span> -->
-                            <span class="fas fa-home"></span>
-                            Face-to-Face/In person
-                        </span>
+                        <span class="fas fa-home"></span>
+                        Face-to-Face / In Person
                         <input
                             type="checkbox"
-                            name="physical"
                             id="physical"
+                            name="physical"
                             bind:checked={$idaa_slct.event_obj.physical}
-                            class="checkbox form-check-input d-inline-block"
+                            class="sr-only"
                         />
                     </label>
                     <label
                         for="virtual"
-                        class="form-check-label preset-outlined-tertiary-100-900 hover:preset-filled-success-100-900 px-2 py-1 rounded-lg"
-                        class:preset-filled-success-200-800={$idaa_slct
-                            .event_obj.virtual}
-                        class:preset-tonal-tertiary={!$idaa_slct.event_obj
-                            .virtual}
+                        class="toggle-chip"
+                        class:toggle-chip--on={$idaa_slct.event_obj.virtual}
                     >
-                        <span
-                            class="
-                            text-base font-semibold text-neutral-600-400
-                            "
-                        >
-                            <span class="fas fa-laptop"></span>
-                            Virtual/Online
-                        </span>
+                        <span class="fas fa-laptop"></span>
+                        Virtual / Online
                         <input
                             type="checkbox"
-                            name="virtual"
                             id="virtual"
+                            name="virtual"
                             bind:checked={$idaa_slct.event_obj.virtual}
-                            class="checkbox form-check-input d-inline-block"
+                            class="sr-only"
                         />
                     </label>
                 </div>
             </fieldset>
 
-            {#if !$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
+            <!-- ── 2a: Physical / In-Person ──────────────────────────── -->
+
+            <!-- Show/hide extra location fields when physical is not checked -->
+            {#if !$idaa_slct.event_obj?.physical}
                 <button
                     type="button"
-                    class="
-                novi_btn btn-secondary
-                btn btn-sm
-                preset-filled-tertiary-200-800
-                transition
-                "
+                    class="btn btn-sm preset-tonal-surface"
                     onclick={() =>
-                        ($idaa_slct.event_obj.more__location_fields = true)}
+                        ($idaa_slct.event_obj.more__location_fields =
+                            !$idaa_slct.event_obj.more__location_fields)}
                 >
-                    <span class="fas fa-plus"></span>
-                    Show Extra Location Fields
-                </button>
-            {:else if !$idaa_slct.event_obj?.physical && $idaa_slct.event_obj?.more__location_fields}
-                <button
-                    type="button"
-                    class="
-                novi_btn btn-secondary
-                btn btn-sm
-                preset-filled-tertiary-200-800
-                transition
-                "
-                    onclick={() =>
-                        ($idaa_slct.event_obj.more__location_fields = false)}
-                >
-                    <span class="fas fa-minus"></span>
-                    Hide Extra 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}
 
-            <fieldset
-                id="physical_address"
-                class="
-                physical_address
-                fieldset space-y-1
-                flex flex-row flex-wrap gap-1
-                "
-                class:hidden={!$idaa_slct.event_obj?.physical &&
-                    !$idaa_slct.event_obj?.more__location_fields}
+            <div
+                class="subsection space-y-3"
+                class:hidden={!$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
             >
-                <legend class="legend text-lg text-neutral-500 font-semibold"
-                    >Address</legend
-                >
+                <h4 class="subsection-heading">
+                    <span class="fas fa-home"></span> Physical Location
+                </h4>
 
-                <input
-                    id=""
-                    name="address_location_id"
-                    type="hidden"
-                    value={$lq__event_obj?.address_location_id}
-                />
+                <!-- 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} />
 
-                <label for="address_name form-group">
-                    <span class="text-sm font-semibold"> Location name </span>
-                    <input
-                        type="text"
-                        class="form-control col-sm-4 input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                        id="address_name"
-                        name="address_name"
-                        placeholder="The name of the place or location"
-                        value={$lq__event_obj?.location_address_json &&
-                        $lq__event_obj?.location_address_json?.name
-                            ? $lq__event_obj?.location_address_json?.name
-                            : ($lq__event_obj?.address_name ?? '')}
-                        autocomplete="off"
-                    />
-                </label>
-
-                <label for="address_line_1 form-group">
-                    <span class="text-sm font-semibold"> Line 1 </span>
-                    <input
-                        type="text"
-                        class="form-control col-sm-4 input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                        id="address_line_1"
-                        name="address_line_1"
-                        placeholder="Address line 1"
-                        value={$lq__event_obj?.location_address_json &&
-                        $lq__event_obj?.location_address_json.line_1
-                            ? $lq__event_obj?.location_address_json.line_1
-                            : ($lq__event_obj?.address_line_1 ?? '')}
-                        autocomplete="address-line1"
-                    />
-                </label>
-
-                <label for="address_line_2 form-group">
-                    <span class="text-sm font-semibold"> Line 2 </span>
-                    <input
-                        type="text"
-                        class="form-control col-sm-4 input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                        id="address_line_2"
-                        name="address_line_2"
-                        placeholder="Address line 2"
-                        value={$lq__event_obj?.location_address_json &&
-                        $lq__event_obj?.location_address_json.line_2
-                            ? $lq__event_obj?.location_address_json.line_2
-                            : ($lq__event_obj?.address_line_2 ?? '')}
-                        autocomplete="address-line2"
-                    />
-                </label>
-
-                <label for="address_line_3 form-group">
-                    <span class="text-sm font-semibold"> Line 3 </span>
-                    <input
-                        type="text"
-                        class="form-control col-sm-4 input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                        id="address_line_3"
-                        name="address_line_3"
-                        placeholder="Address line 3"
-                        value={$lq__event_obj?.location_address_json &&
-                        $lq__event_obj?.location_address_json.line_3
-                            ? $lq__event_obj?.location_address_json.line_3
-                            : ($lq__event_obj?.address_line_3 ?? '')}
-                        autocomplete="address-line3"
-                    />
-                </label>
-            </fieldset>
-
-            <fieldset
-                id="physical_city_state_province_postal_code_country"
-                class="
-                physical_city_state_province_postal_code_country
-                fieldset space-y-1
-                flex flex-row flex-wrap gap-1
-                "
-                class:hidden={!$idaa_slct.event_obj?.physical &&
-                    !$idaa_slct.event_obj?.more__location_fields}
-            >
-                <label for="address_city form-group w-56">
-                    <span class="text-sm font-semibold"> City </span>
-                    <input
-                        type="text"
-                        class="
-                        form-control col-sm-4
-                        input w-40
-                        preset-tonal-surface hover:preset-filled-surface-100-900
-                        "
-                        id="address_city"
-                        name="address_city"
-                        placeholder="Name of the city"
-                        value={$lq__event_obj?.location_address_json &&
-                        $lq__event_obj?.location_address_json.city
-                            ? $lq__event_obj?.location_address_json.city
-                            : ($lq__event_obj?.address_city ?? '')}
-                        autocomplete="address-level2"
-                    />
-                </label>
-
-                {#if lu_country_subdivision_list}
-                    <label
-                        for="address_country_subdivision_code"
-                        class="form-group w-56"
-                    >
-                        <span class="text-sm font-semibold">
-                            State or province
-                        </span>
-                        <select
-                            id="address_country_subdivision_code"
-                            name="address_country_subdivision_code"
-                            value={$lq__event_obj?.location_address_json &&
-                            $lq__event_obj?.location_address_json
-                                .country_subdivision_code
-                                ? $lq__event_obj?.location_address_json
-                                      .country_subdivision_code
-                                : ($lq__event_obj?.address_country_subdivision_code ??
-                                  '')}
-                            class="
-                        form-control col-sm-4
-                        select w-56 p-1
-                        preset-tonal-surface hover:preset-filled-surface-100-900
-                        "
-                            title="Select the state or province for the meeting"
-                        >
-                            <option value="">-- None --</option>
-                            {#each lu_country_subdivision_list as lu_country_subdivision (lu_country_subdivision.code)}
-                                <option value={lu_country_subdivision.code}
-                                    >{lu_country_subdivision.country_alpha_2_code}
-                                    - {lu_country_subdivision.name}</option
-                                >
-                            {/each}
-                        </select>
-                    </label>
-                {:else}
-                    <label
-                        for="address_country_subdivision_code"
-                        class="form-group col-sm-2"
-                    >
-                        <span class="text-sm font-semibold">
-                            State or province code
-                        </span>
+                <div class="flex flex-row flex-wrap gap-3">
+                    <label class="field-label" for="address_name">
+                        Location Name
                         <input
                             type="text"
-                            class="
-                        form-control col-sm-4
-                        input w-40
-                        preset-tonal-surface hover:preset-filled-surface-100-900
-                        "
-                            id="address_country_subdivision_code"
-                            name="address_country_subdivision_code"
-                            placeholder="State or province code"
-                            value={$lq__event_obj?.location_address_json &&
-                            $lq__event_obj?.location_address_json
-                                .country_subdivision_code
-                                ? $lq__event_obj?.location_address_json
-                                      .country_subdivision_code
-                                : $lq__event_obj?.address_country_subdivision_code}
-                            autocomplete="address-level1"
+                            id="address_name"
+                            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="field-input w-72"
                         />
                     </label>
-                {/if}
-                <label for="address_postal_code" class="form-group col-sm-2">
-                    <span class="text-sm font-semibold">
-                        Postal or zip code
-                    </span>
-                    <input
-                        type="text"
-                        class="
-                        form-control col-sm-4
-                        input w-40
-                        preset-tonal-surface hover:preset-filled-surface-100-900
-                        "
-                        id="address_postal_code"
-                        name="address_postal_code"
-                        placeholder="Postal code or zip code"
-                        value={$lq__event_obj?.location_address_json &&
-                        $lq__event_obj?.location_address_json.postal_code
-                            ? $lq__event_obj?.location_address_json.postal_code
-                            : ($lq__event_obj?.address_postal_code ?? '')}
-                        autocomplete="postal-code"
-                    />
-                </label>
 
-                {#if lu_country_list}
-                    <label
-                        for="address_country_alpha_2_code"
-                        class="form-group col-sm-3"
-                    >
-                        <span class="text-sm font-semibold"> Country </span>
-                        <select
-                            id="address_country_alpha_2_code"
-                            name="address_country_alpha_2_code"
-                            value={$lq__event_obj?.location_address_json &&
-                            $lq__event_obj?.location_address_json
-                                .country_alpha_2_code
-                                ? $lq__event_obj?.location_address_json
-                                      .country_alpha_2_code
-                                : ($lq__event_obj?.address_country_alpha_2_code ??
-                                  '')}
-                            class="
-                        form-control
-                        select w-64 p-1
-                        preset-tonal-surface hover:preset-filled-surface-100-900
-                        "
-                            title="Select the country for the meeting"
-                        >
-                            <option value="">-- None --</option>
-                            {#each lu_country_list as lu_country (lu_country.alpha_2_code)}
-                                <option value={lu_country.alpha_2_code}
-                                    >{lu_country.english_short_name}</option
-                                >
-                            {/each}
-                        </select>
-                    </label>
-                {:else}
-                    <label for="address_country_alpha_2_code">
-                        <span class="text-sm font-semibold">
-                            Country alpha 2 code
-                        </span>
+                    <label class="field-label" for="address_line_1">
+                        Address Line 1
                         <input
                             type="text"
-                            class="input preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                            id="address_country_alpha_2_code"
-                            name="address_country_alpha_2_code"
-                            placeholder="Country alpha 2 code"
-                            value={$lq__event_obj?.location_address_json &&
-                            $lq__event_obj?.location_address_json
-                                .country_alpha_2_code
-                                ? $lq__event_obj?.location_address_json
-                                      .country_alpha_2_code
-                                : $lq__event_obj?.address_country_alpha_2_code}
-                            autocomplete="country"
+                            id="address_line_1"
+                            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="field-input w-72"
                         />
                     </label>
-                {/if}
-            </fieldset>
 
-            <label
-                for="location_text"
-                class="w-full"
-                class:hidden={!$idaa_slct.event_obj?.physical &&
-                    !$idaa_slct.event_obj?.more__location_fields}
-            >
-                <span class="text-lg text-neutral-500 font-semibold">
-                    Additional information about the meeting location
-                </span>
-                <!-- <textarea class="ae_value event__location_text tinymce_editor editor_less_100 textarea" id="location_text" name="location_text" placeholder="Additional information about the meeting location" rows="2" cols="70" bind:value={$idaa_slct.event_obj.location_text}></textarea> -->
-                <AE_Comp_Editor_TipTap
-                    bind:content={location_text_new_html}
-                    class_li="preset-tonal-surface hover:preset-filled-surface-100-900"
-                    placeholder="Additional information about the meeting location"
-                />
+                    <label class="field-label" for="address_line_2">
+                        Address Line 2
+                        <input
+                            type="text"
+                            id="address_line_2"
+                            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="field-input w-72"
+                        />
+                    </label>
 
-                <!-- If changed then show Save button -->
-                <!-- {#if
-                $idaa_slct.event_obj?.location_text_new_html &&
-                $idaa_slct.event_obj?.location_text_new_html != '<p></p>' &&
-                $idaa_slct.event_obj.location_text != $idaa_slct.event_obj.location_text_new_html}
-                <button type="button"
-                    class="btn btn-md btn-primary variant-ghost-secondary"
-                    on:click={() => $idaa_slct.event_obj.location_text = $idaa_slct.event_obj.location_text_new_html}
-                    >
-                    <span class="fas fa-save m-1"></span>
-                    Save?
-                </button>
-            {/if} -->
-            </label>
+                    <label class="field-label" for="address_line_3">
+                        Address Line 3
+                        <input
+                            type="text"
+                            id="address_line_3"
+                            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="field-input w-72"
+                        />
+                    </label>
 
-            {#if !$idaa_slct.event_obj?.virtual && !$idaa_slct.event_obj?.more__virtual_fields}
+                    <label class="field-label" for="address_city">
+                        City
+                        <input
+                            type="text"
+                            id="address_city"
+                            name="address_city"
+                            placeholder="City"
+                            autocomplete="address-level2"
+                            value={$lq__event_obj?.location_address_json?.city
+                                ?? $lq__event_obj?.address_city
+                                ?? ''}
+                            class="field-input w-44"
+                        />
+                    </label>
+
+                    <label class="field-label" for="address_country_subdivision_code">
+                        State / Province
+                        {#if lu_country_subdivision_list?.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="field-select w-56"
+                            >
+                                <option value="">-- None --</option>
+                                {#each lu_country_subdivision_list as sub, i (i)}
+                                    <option value={sub.code}>{sub.country_alpha_2_code} - {sub.name}</option>
+                                {/each}
+                            </select>
+                        {:else}
+                            <input
+                                type="text"
+                                id="address_country_subdivision_code"
+                                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="field-input w-44"
+                            />
+                        {/if}
+                    </label>
+
+                    <label class="field-label" for="address_postal_code">
+                        Postal / Zip Code
+                        <input
+                            type="text"
+                            id="address_postal_code"
+                            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="field-input w-36"
+                        />
+                    </label>
+
+                    <label class="field-label" for="address_country_alpha_2_code">
+                        Country
+                        {#if lu_country_list?.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="field-select w-64"
+                            >
+                                <option value="">-- None --</option>
+                                {#each lu_country_list as country (country.alpha_2_code)}
+                                    <option value={country.alpha_2_code}>{country.english_short_name}</option>
+                                {/each}
+                            </select>
+                        {:else}
+                            <input
+                                type="text"
+                                id="address_country_alpha_2_code"
+                                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="field-input w-36"
+                            />
+                        {/if}
+                    </label>
+                </div>
+
+                <!-- Additional location notes (rich text) -->
+                <label class="field-label" 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."
+                    />
+                </label>
+            </div>
+
+            <!-- ── 2b: Virtual / Online ───────────────────────────────── -->
+
+            <!-- Show/hide extra virtual fields when virtual is not checked -->
+            {#if !$idaa_slct.event_obj?.virtual}
                 <button
                     type="button"
-                    class="
-                novi_btn btn-secondary
-                btn btn-sm
-                transition
-                "
-                    class:preset-filled-success-200-800={$idaa_loc.bb
-                        .more__virtual_fields}
-                    class:preset-filled-tertiary-200-800={!$idaa_loc.bb
-                        .more__virtual_fields}
+                    class="btn btn-sm preset-tonal-surface"
                     onclick={() =>
-                        ($idaa_slct.event_obj.more__virtual_fields = true)}
+                        ($idaa_slct.event_obj.more__virtual_fields =
+                            !$idaa_slct.event_obj.more__virtual_fields)}
                 >
-                    <span class="fas fa-plus"></span>
-                    Show Extra Virtual Fields
-                </button>
-            {:else if !$idaa_slct.event_obj?.virtual && $idaa_slct.event_obj?.more__virtual_fields}
-                <button
-                    type="button"
-                    class="btn btn-secondary preset-tonal-surface hover:preset-filled-surface-100-900"
-                    onclick={() =>
-                        ($idaa_slct.event_obj.more__virtual_fields = false)}
-                >
-                    <span class="fas fa-minus"></span>
-                    Hide Extra 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}
 
-            <fieldset
-                id="virtual"
-                class="
-                virtual
-                fieldset space-y-1
-                flex flex-row flex-wrap gap-1
-                "
-                class:hidden={!$idaa_slct.event_obj.virtual &&
-                    !$idaa_slct.event_obj?.more__virtual_fields}
+            <div
+                class="subsection space-y-3"
+                class:hidden={!$idaa_slct.event_obj.virtual && !$idaa_slct.event_obj?.more__virtual_fields}
             >
-                <legend class="legend text-lg font-semibold">
-                    Virtual/Online
-                    {#if $idaa_sess.recovery_meetings.attend_platform == 'Zoom'}
-                        <span class="text-sm italic text-gray-600">
-                            (Zoom Meeting)</span
-                        >
-                    {:else if $idaa_sess.recovery_meetings.attend_platform == 'Google Meet'}
-                        <span class="text-sm italic text-gray-600">
-                            (Google Meet)</span
-                        >
-                    {:else if $idaa_sess.recovery_meetings.attend_platform == 'Microsoft Teams'}
-                        <span class="text-sm italic text-gray-600">
-                            (Microsoft Teams)</span
-                        >
-                    {:else if $idaa_sess.recovery_meetings.attend_platform == 'other'}
-                        <span class="text-sm italic text-gray-600">
-                            (Other Platform/ Service)</span
-                        >
-                    {/if}
-                </legend>
+                <h4 class="subsection-heading">
+                    <span class="fas fa-laptop"></span> Virtual / Online
+                </h4>
 
-                <!-- Toggle if this is a Zoom meeting, Google Meet, Microsoft Teams, or "other" as a catch all type of virtual meeting. For now just toggle between "Zoom" and "other" -->
-                <div
-                    class="w-full flex flex-col flex-wrap gap-1 items-center justify-center"
-                >
-                    <p class="text-sm italic text-gray-600">
-                        Click button to toggle if this is a Zoom meeting or
-                        other platform/service.
-                        <!-- {$idaa_slct.event_obj?.attend_json?.zoom} -->
-                        {$idaa_sess.recovery_meetings.attend_platform}
-                    </p>
-                    {#if $idaa_sess.recovery_meetings?.attend_platform === 'Zoom'}
+                <!-- 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>
+                    <div class="flex flex-row flex-wrap gap-2">
                         <button
                             type="button"
-                            class="
-                        novi_btn
-                        btn btn-lg
-                        preset-filled-tertiary-200-800
-                        transition-all
-                        "
+                            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'}
                             onclick={() => {
-                                $idaa_sess.recovery_meetings.attend_platform =
-                                    'other';
-                            }}
-                        >
-                            <span class="fas fa-minus"></span>
-                            Not Zoom - Other Platform/Service
-                        </button>
-                    {:else if $idaa_sess.recovery_meetings?.attend_platform === 'Jitsi'}
-                        <button
-                            type="button"
-                            class="
-                        novi_btn
-                        btn btn-lg
-                        preset-filled-tertiary-200-800
-                        transition-all
-                        "
-                            onclick={() => {
-                                $idaa_sess.recovery_meetings.attend_platform =
-                                    'other';
-                            }}
-                        >
-                            <span class="fas fa-minus"></span>
-                            Not Jitsi - Other Platform/Service
-                        </button>
-                    {:else if !$idaa_sess.recovery_meetings?.attend_platform || $idaa_sess.recovery_meetings?.attend_platform === 'other'}
-                        <button
-                            type="button"
-                            class="
-                        novi_btn
-                        btn btn-lg
-                        preset-filled-tertiary-200-800
-                        transition-all
-                        "
-                            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 &&
-                                    !$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-plus"></span> -->
-                            <span class="fas fa-video m-1"></span>
-                            Zoom Meeting
+                            <span class="fas fa-video"></span> Zoom
                         </button>
-
                         <button
                             type="button"
-                            class="
-                        novi_btn
-                        btn btn-lg
-                        preset-filled-tertiary-200-800
-                        transition-all
-                        "
+                            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'}
                             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 &&
-                                    !$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_trig = 'update_zoom_full_url';
+                                $idaa_sess.recovery_meetings.attend_platform = 'Jitsi';
                             }}
                         >
-                            <!-- <span class="fas fa-plus"></span> -->
-                            <span class="fas fa-video m-1"></span>
-                            IDAA Jitsi Meeting
+                            <span class="fas fa-video"></span> IDAA Jitsi
                         </button>
-                    {/if}
-                    <!-- <label for="attend_platform" class="form-group w-100 col-12">
-                <span class="text-lg font-semibold">
-                    Platform/Service
-                </span>
-                <select
-                    class="
-                        form-control col-6
-                        select w-48 p-1
-                        preset-tonal-surface hover:preset-filled-surface-100-900
-                        "
-                    id="attend_platform"
-                    name="attend_platform"
-                    value={$idaa_slct.event_obj?.tmp__attend_platform ?? 'other'}
-                    >
-                    <option value="Zoom">Zoom</option>
-                    <option value="Google Meet">Google Meet</option>
-                    <option value="Microsoft Teams">Microsoft Teams</option>
-                    <option value="other">Other / Not specified</option>
-                </select>
-            </label> -->
+                        <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'; }}
+                        >
+                            <span class="fas fa-link"></span> Other / Generic
+                        </button>
+                    </div>
                 </div>
-                {#if $idaa_sess.recovery_meetings?.attend_platform === 'Zoom'}
-                    <div
-                        class="flex flex-row flex-wrap gap-2 items-center justify-start"
-                    >
-                        <label for="attend_url_code">
-                            Zoom Meeting ID
+
+                <!-- Zoom fields.
+                     Guard attend_json.zoom: the Zoom button onclick initializes it, but a background
+                     SWR IDB re-fire (load_ae_obj_li__event from +layout.ts) can reset attend_json
+                     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="platform-fields flex flex-row flex-wrap gap-3">
+                        <label class="field-label" for="attend_url_code">
+                            Zoom Meeting ID <span class="field-required">*</span>
                             <input
                                 type="number"
                                 id="attend_url_code"
@@ -1726,1390 +1135,880 @@
                                 max="99999999999"
                                 autocomplete="off"
                                 required
-                                bind:value={
-                                    $idaa_slct.event_obj.attend_url_code
-                                }
+                                placeholder="e.g. 123 456 7890"
+                                bind:value={$idaa_slct.event_obj.attend_url_code}
                                 onchange={() => {
-                                    console.log(
-                                        'Changed Zoom Meeting ID to:',
-                                        $idaa_slct.event_obj.attend_url_code
-                                    );
-                                    if (
-                                        $idaa_slct.event_obj.attend_url_code &&
-                                        $idaa_slct.event_obj.attend_url_code
-                                            .length > 8
-                                    ) {
-                                        // $idaa_slct.event_obj.attend_url_code = String($idaa_slct.event_obj.attend_url_code).replace(/\D/g, '').trim();
-
+                                    if ($idaa_slct.event_obj.attend_url_code?.length > 8) {
                                         $idaa_trig = 'update_zoom_full_url';
-                                    } else {
-                                        // $idaa_slct.event_obj.attend_url_code = '';
                                     }
                                 }}
-                                class="
-                            form-control
-                            input w-72 preset-tonal-surface hover:preset-filled-surface-100-900
-                            invalid:[&:not(:placeholder-shown):not(:focus)]:border-red-500
-                            required:preset-filled-warning
-                            invalid:preset-filled-error
-                            "
-                                placeholder="Zoom Meeting ID"
+                                class="field-input w-52"
                             />
                         </label>
-                        <label for="attend_url_passcode">
+                        <label class="field-label" for="attend_url_passcode">
                             Zoom Passcode
                             <input
                                 type="text"
                                 id="attend_url_passcode"
                                 name="attend_url_passcode"
                                 autocomplete="off"
-                                bind:value={
-                                    $idaa_slct.event_obj.attend_url_passcode
-                                }
+                                placeholder="Passcode shown to participants"
+                                bind:value={$idaa_slct.event_obj.attend_url_passcode}
                                 onchange={() => {
-                                    console.log(
-                                        'Changed Zoom Passcode to:',
-                                        $idaa_slct.event_obj.attend_url_passcode
-                                    );
-                                    if (
-                                        $idaa_slct.event_obj
-                                            .attend_url_passcode &&
-                                        $idaa_slct.event_obj.attend_url_passcode
-                                            .length > 3
-                                    ) {
-                                        // $idaa_slct.event_obj.attend_url_passcode = String($idaa_slct.event_obj.attend_url_passcode).trim();
-
+                                    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="
-                            form-control
-                            input w-72 preset-tonal-surface hover:preset-filled-surface-100-900
-                            "
-                                placeholder="Zoom Passcode"
+                                class="field-input w-52"
                             />
                         </label>
-                        <label for="attend_url_passcode_enc">
+                        <label class="field-label" for="attend_url_passcode_enc">
                             Zoom Encrypted Passcode
+                            <span class="field-hint">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"
-                                bind:value={
-                                    $idaa_slct.event_obj.attend_json.zoom
-                                        .passcode_enc
-                                }
+                                placeholder="Encrypted passcode from URL"
+                                bind:value={$idaa_slct.event_obj.attend_json.zoom.passcode_enc}
                                 onchange={() => {
-                                    console.log(
-                                        'Changed Zoom Encrypted Passcode to:',
-                                        $idaa_slct.event_obj.attend_json.zoom
-                                            .passcode_enc
-                                    );
-                                    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.passcode_enc = String($idaa_slct.event_obj.attend_json.zoom.passcode_enc).replace(/[^a-zA-Z0-9]/g, '').trim();
-
+                                    if ($idaa_slct.event_obj.attend_json.zoom.passcode_enc?.length >= 8) {
                                         $idaa_trig = 'update_zoom_full_url';
-                                    } else {
-                                        // $idaa_slct.event_obj.attend_json.zoom.passcode_enc = '';
                                     }
                                 }}
-                                class="
-                            form-control
-                            input w-72 preset-tonal-surface hover:preset-filled-surface-100-900
-                            "
-                                placeholder="Zoom Encrypted Passcode"
+                                class="field-input w-72"
                             />
                         </label>
-                        <label for="attend_domain">
-                            Zoom domain / Vanity URL
+                        <label class="field-label" for="attend_domain">
+                            Zoom Domain / Vanity URL
+                            <span class="field-hint">Default: zoom.us — change only if using a custom domain</span>
                             <input
                                 type="text"
                                 id="attend_domain"
                                 name="attend_domain"
                                 autocomplete="url"
-                                bind:value={
-                                    $idaa_slct.event_obj.attend_json.zoom.domain
-                                }
+                                placeholder="zoom.us"
+                                bind:value={$idaa_slct.event_obj.attend_json.zoom.domain}
                                 onchange={() => {
-                                    console.log(
-                                        'Changed Zoom domain to:',
-                                        $idaa_slct.event_obj.attend_json.zoom
-                                            .domain
-                                    );
-                                    if (
-                                        $idaa_slct.event_obj.attend_json.zoom
-                                            .domain
-                                    ) {
-                                        // Remove any protocol (http:// or https://) and any trailing slashes
-                                        // $idaa_slct.event_obj.attend_json.zoom.domain = String($idaa_slct.event_obj.attend_json.zoom.domain).replace(/(^\w+:|^)\/\//, '').replace(/\/+$/, '').toLowerCase();
-                                        // $idaa_slct.event_obj.attend_json.zoom.domain = String($idaa_slct.event_obj.attend_json.zoom.domain).toLowerCase();
-
-                                        $idaa_trig = 'update_zoom_full_url';
-                                    } else {
-                                        $idaa_slct.event_obj.attend_json.zoom.domain =
-                                            'zoom.us';
-                                    }
+                                    $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()
+                                            : 'zoom.us';
+                                    $idaa_trig = 'update_zoom_full_url';
                                 }}
-                                class="
-                            form-control
-                            input w-72 preset-tonal-surface hover:preset-filled-surface-100-900
-                            "
-                                placeholder="Zoom domain"
+                                class="field-input w-56"
+                            />
+                        </label>
+                        <label class="field-label w-full" for="zoom_attend_url">
+                            Generated Zoom Meeting URL
+                            <span class="field-hint">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}
+                                class="field-input w-full font-mono text-sm"
+                                placeholder="https://zoom.us/j/..."
                             />
-                            <!-- Example: example.zoom.us -->
                         </label>
                     </div>
-                    <label for="zoom_attend_url">
-                        Zoom Meeting URL
-                        <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
-                            }
-                            class="
-                            input w-100 preset-tonal-surface hover:preset-filled-surface-100-900 form-control
-                            "
-                            placeholder="Zoom Meeting URL"
-                        />
-                        <!-- Example: https://zoom.us/j/1234567890?pwd=abcdefg -->
-                    </label>
-                    <!-- https://{$idaa_slct.event_obj?.attend_json?.zoom?.domain?? 'zoom.us'}/j/{$idaa_slct.event_obj?.attend_url_code ?? 'INVALID' }?pwd={$idaa_slct.event_obj?.attend_url_passcode ?? 'REQUIRED'} -->
 
-                    <!-- {$idaa_slct.event_obj.attend_json.zoom.full_url} -->
-                {:else if $idaa_sess.recovery_meetings?.attend_platform === 'Jitsi'}
-                    <div
-                        class="flex flex-row flex-wrap gap-2 items-center justify-start"
-                    >
-                        <label for="attend_url">
-                            Jitsi Meeting Name (code)
+                <!-- Jitsi fields -->
+                {:else if $idaa_sess.recovery_meetings.attend_platform === 'Jitsi'}
+                    <div class="platform-fields flex flex-row flex-wrap gap-3">
+                        <label class="field-label" for="attend_url_code">
+                            Jitsi Meeting Name / Code
                             <input
                                 type="text"
                                 id="attend_url_code"
                                 name="attend_url_code"
                                 autocomplete="off"
-                                bind:value={
-                                    $idaa_slct.event_obj.attend_json.jitsi.name
-                                }
-                                class="
-                            form-control
-                            input w-72 preset-tonal-surface hover:preset-filled-surface-100-900
-                            "
-                                placeholder="Jitsi Meeting Name"
+                                placeholder="Meeting room name"
+                                bind:value={$idaa_slct.event_obj.attend_json.jitsi.name}
+                                class="field-input w-72"
                             />
                         </label>
-                        <label for="attend_url_passcode">
+                        <label class="field-label" for="attend_url_passcode">
                             Jitsi Passcode
                             <input
                                 type="text"
                                 id="attend_url_passcode"
                                 name="attend_url_passcode"
                                 autocomplete="off"
-                                bind:value={
-                                    $idaa_slct.event_obj.attend_json.jitsi
-                                        .passcode
-                                }
-                                class="
-                            form-control
-                            input w-72 preset-tonal-surface hover:preset-filled-surface-100-900
-                            "
-                                placeholder="Jitsi Passcode"
+                                placeholder="Optional passcode"
+                                bind:value={$idaa_slct.event_obj.attend_json.jitsi.passcode}
+                                class="field-input w-52"
+                            />
+                        </label>
+                        <label class="field-label w-full" for="attend_url">
+                            Jitsi Meeting URL
+                            <input
+                                type="url"
+                                id="attend_url"
+                                name="attend_url"
+                                autocomplete="url"
+                                placeholder="https://meet.jit.si/..."
+                                bind:value={$idaa_slct.event_obj.attend_json.jitsi.full_url}
+                                class="field-input w-full font-mono text-sm"
                             />
                         </label>
                     </div>
-                    <label for="jitsi_attend_url">
-                        Jitsi Meeting URL
-                        <input
-                            type="url"
-                            id="attend_url"
-                            name="attend_url"
-                            autocomplete="url"
-                            readonly={(1 as any) == 3}
-                            bind:value={
-                                $idaa_slct.event_obj.attend_json.jitsi.full_url
-                            }
-                            class="
-                            input w-100 preset-tonal-surface hover:preset-filled-surface-100-900 form-control
-                            "
-                            placeholder="Jitsi Meeting URL"
-                        />
-                        <!-- Example: https://meet.jit.si/YourMeetingName -->
-                    </label>
-                {:else if !$idaa_sess.recovery_meetings?.attend_platform || $idaa_sess.recovery_meetings?.attend_platform === 'other'}
-                    <label for="attend_url"
-                        >URL to access the virtual meeting
-                        <input
-                            type="url"
-                            class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                            id="attend_url"
-                            name="attend_url"
-                            placeholder="URL to access the virtual meeting"
-                            value={$lq__event_obj?.attend_url ?? ''}
-                            autocomplete="url"
-                        />
-                    </label>
-                    <label for="attend_url_passcode"
-                        >Passcode to join at URL
-                        <input
-                            type="text"
-                            class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                            id="attend_url_passcode"
-                            name="attend_url_passcode"
-                            placeholder="Passcode to join at URL"
-                            value={$lq__event_obj?.attend_url_passcode ?? ''}
-                            autocomplete="off"
-                        />
-                    </label>
 
-                    <label for="attend_phone"
-                        >Phone number for meeting conference call
-                        <input
-                            type="tel"
-                            class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                            id="attend_phone"
-                            name="attend_phone"
-                            placeholder="Phone number for meeting conference call"
-                            value={$lq__event_obj?.attend_phone ?? ''}
-                            autocomplete="tel"
-                        />
-                    </label>
-                    <label for="attend_phone_passcode"
-                        >Passcode to join conference call
-                        <input
-                            type="text"
-                            class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                            id="attend_phone_passcode"
-                            name="attend_phone_passcode"
-                            placeholder="Passcode to join conference call"
-                            value={$lq__event_obj?.attend_phone_passcode ?? ''}
-                            autocomplete="off"
-                        />
-                    </label>
+                <!-- Other / Generic virtual platform fields -->
+                {:else}
+                    <div class="platform-fields flex flex-row flex-wrap gap-3">
+                        <label class="field-label w-full" for="attend_url">
+                            Meeting URL
+                            <input
+                                type="url"
+                                id="attend_url"
+                                name="attend_url"
+                                autocomplete="url"
+                                placeholder="URL to join the meeting"
+                                value={$lq__event_obj?.attend_url ?? ''}
+                                class="field-input w-full font-mono text-sm"
+                            />
+                        </label>
+                        <label class="field-label" for="attend_url_passcode">
+                            URL Passcode
+                            <input
+                                type="text"
+                                id="attend_url_passcode"
+                                name="attend_url_passcode"
+                                autocomplete="off"
+                                placeholder="Passcode to join at URL"
+                                value={$lq__event_obj?.attend_url_passcode ?? ''}
+                                class="field-input w-52"
+                            />
+                        </label>
+                        <label class="field-label" for="attend_phone">
+                            Dial-In Phone Number
+                            <input
+                                type="tel"
+                                id="attend_phone"
+                                name="attend_phone"
+                                autocomplete="tel"
+                                placeholder="Phone number for dial-in"
+                                value={$lq__event_obj?.attend_phone ?? ''}
+                                class="field-input w-52"
+                            />
+                        </label>
+                        <label class="field-label" for="attend_phone_passcode">
+                            Dial-In Passcode
+                            <input
+                                type="text"
+                                id="attend_phone_passcode"
+                                name="attend_phone_passcode"
+                                autocomplete="off"
+                                placeholder="Passcode for dial-in"
+                                value={$lq__event_obj?.attend_phone_passcode ?? ''}
+                                class="field-input w-52"
+                            />
+                        </label>
+                    </div>
                 {/if}
-            </fieldset>
+            </div>
 
-            <label for="attend_text" class="w-full">
-                <span class="text-lg text-neutral-500 font-semibold">
-                    Additional information on how to attend
-                </span>
-                <!-- <textarea class="ae_value event__attend_text tinymce_editor editor_less_100 textarea" id="attend_text" name="attend_text" placeholder="Additional information on how to attend or join the meeting" rows="2" cols="70" value={$lq__event_obj?.attend_text ?? ''}></textarea> -->
+            <!-- ── Additional attendance notes (applies to any meeting type) ── -->
+            <label class="field-label" for="attend_text">
+                Additional Attendance Information
+                <span class="field-hint">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="preset-tonal-surface hover:preset-filled-surface-100-900"
-                    placeholder="Additional information on how to attend or join the meeting"
+                    class_li="field-richtext"
+                    placeholder="Additional instructions for joining this meeting"
                 />
-
-                <!-- If changed then show Save button -->
-                <!-- {#if
-                $idaa_slct.event_obj?.attend_text_new_html &&
-                $idaa_slct.event_obj?.attend_text_new_html != '<p></p>' &&
-                $idaa_slct.event_obj.attend_text != $idaa_slct.event_obj.attend_text_new_html}
-                <button type="button"
-                    class="btn btn-md btn-primary variant-ghost-secondary"
-                    on:click={() => $idaa_slct.event_obj.attend_text = $idaa_slct.event_obj.attend_text_new_html}
-                    >
-                    <span class="fas fa-save m-1"></span>
-                    Save?
-                </button>
-            {/if} -->
             </label>
         </div>
-        <!-- END: section event__how_to_attend -->
 
-        <div
-            class="ae_section event__timing p-2 space-y-2 rounded preset-filled-surface-100-900 preset-outlined-surface-200-800 hover:preset-tonal-warning hover:preset-outlined-warning-800-200 transition-all"
-        >
-            <!-- BEGIN: section event__timing -->
+        <!-- ============================================================
+             SECTION 3 — Schedule
+             Fields: recurring_pattern, weekday_* (Sun–Sat), timezone,
+                     recurring_start_time, recurring_end_time, recurring_text (optional)
+             recurring=true is always assumed for recovery meetings (hardcoded 2024-10).
+             recurring_text is auto-generated with *gen* prefix if left blank.
+             Members only see custom recurring_text (no *gen*); admins see both.
+             ============================================================ -->
+        <div class="section-card" id="section__schedule">
+            <h3 class="section-heading">
+                <span class="fas fa-calendar-alt"></span>
+                Schedule
+            </h3>
 
-            <h3 class="h3">Recurring and When</h3>
-
-            <!-- <fieldset class="event__recurring">
-            <legend class="legend">Recurring</legend>
-            <div class="ae_group">
-            <label for="recurring_no" class="">No, only once
-                <input
-                    type="radio"
-                    class="radio"
-                    id="recurring_no"
-                    name="recurring"
-                    value={false}
-                    bind:group={$idaa_slct.event_obj.recurring}
-                    required
-                    >
+            <!-- Recurring pattern -->
+            <label class="field-label" for="recurring_pattern">
+                Repeats
+                <select
+                    id="recurring_pattern"
+                    name="recurring_pattern"
+                    value={$lq__event_obj?.recurring_pattern}
+                    class="field-select w-48"
+                >
+                    <option value="weekly">Weekly</option>
+                    <option value="every other week">Every Other Week</option>
+                    <option value="monthly">Monthly</option>
+                    <option value="other">Other</option>
+                </select>
             </label>
-            <label for="recurring_yes" class="">Yes, repeats
-                <input
-                    type="radio"
-                    class="radio"
-                    id="recurring_yes"
-                    name="recurring"
-                    value={true}
-                    bind:group={$idaa_slct.event_obj.recurring}
-                    required
-                    >
-            </label>
-            </div>
-        </fieldset> -->
 
-            <!-- class:hidden={!$idaa_slct.event_obj.recurring} -->
-            <fieldset id="recurring_details" class="recurring_details">
-                <!-- <legend class="legend">Recurring</legend> -->
-                <label for="recurring_pattern" class="form-group w-100 col-12">
-                    <span class="text-lg text-neutral-500 font-semibold">
-                        Recurring Repeats
-                    </span>
-                    <select
-                        class="
-                        form-control col-6
-                        select w-48 p-1
-                        preset-tonal-surface hover:preset-filled-surface-100-900
-                        "
-                        name="recurring_pattern"
-                        id="recurring_pattern"
-                        value={$lq__event_obj?.recurring_pattern}
-                    >
-                        <option value={'weekly'}>Weekly</option>
-                        <option value={'every other week'}
-                            >Every Other Week</option
+            <!-- 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="field-label mb-1">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)}
+                        <label
+                            for={day.name}
+                            class="day-chip"
+                            class:day-chip--on={$idaa_slct.event_obj[day.name]}
                         >
-                        <option value={'monthly'}>Monthly</option>
-                        <option value={'other'}>Other</option>
-                    </select>
-                </label>
+                            {day.label}
+                            <input
+                                type="checkbox"
+                                id={day.name}
+                                name={day.name}
+                                bind:checked={$idaa_slct.event_obj[day.name]}
+                                class="sr-only"
+                            />
+                        </label>
+                    {/each}
+                </div>
             </fieldset>
 
-            <fieldset
-                class="flex flex-col sm:flex-row flex-wrap gap-1 items-start justify-start"
-            >
-                <label
-                    class="label w-32 form-check-label preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
-                    <input
-                        type="checkbox"
-                        name="weekday_sunday"
-                        value="Sunday"
-                        bind:checked={$idaa_slct.event_obj.weekday_sunday}
-                        class="checkbox form-check-input d-inline-block"
-                    />
-                    <span class="text-sm font-semibold"> Sunday </span>
-                </label>
-                <label
-                    class="label w-32 form-check-label preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
-                    <input
-                        type="checkbox"
-                        name="weekday_monday"
-                        value="Monday"
-                        bind:checked={$idaa_slct.event_obj.weekday_monday}
-                        class="checkbox form-check-input d-inline-block"
-                    />
-                    <span class="text-sm font-semibold"> Monday </span>
-                </label>
-                <label
-                    class="label w-32 form-check-label preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
-                    <input
-                        type="checkbox"
-                        name="weekday_tuesday"
-                        value="Tuesday"
-                        bind:checked={$idaa_slct.event_obj.weekday_tuesday}
-                        class="checkbox form-check-input d-inline-block"
-                    />
-                    <span class="text-sm font-semibold"> Tuesday </span>
-                </label>
-                <label
-                    class="label w-32 form-check-label preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
-                    <input
-                        type="checkbox"
-                        name="weekday_wednesday"
-                        value="Wednesday"
-                        bind:checked={$idaa_slct.event_obj.weekday_wednesday}
-                        class="checkbox form-check-input d-inline-block"
-                    />
-                    <span class="text-sm font-semibold"> Wednesday </span>
-                </label>
-                <label
-                    class="label w-32 form-check-label preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
-                    <input
-                        type="checkbox"
-                        name="weekday_thursday"
-                        value="Thursday"
-                        bind:checked={$idaa_slct.event_obj.weekday_thursday}
-                        class="checkbox form-check-input d-inline-block"
-                    />
-                    <span class="text-sm font-semibold"> Thursday </span>
-                </label>
-                <label
-                    class="label w-32 form-check-label preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
-                    <input
-                        type="checkbox"
-                        name="weekday_friday"
-                        value="Friday"
-                        bind:checked={$idaa_slct.event_obj.weekday_friday}
-                        class="checkbox form-check-input d-inline-block"
-                    />
-                    <span class="text-sm font-semibold"> Friday </span>
-                </label>
-                <label
-                    class="label w-32 form-check-label preset-tonal-surface hover:preset-filled-surface-100-900"
-                >
-                    <input
-                        type="checkbox"
-                        name="weekday_saturday"
-                        value="Saturday"
-                        bind:checked={$idaa_slct.event_obj.weekday_saturday}
-                        class="checkbox form-check-input d-inline-block"
-                    />
-                    <span class="text-sm font-semibold"> Saturday </span>
-                </label>
-            </fieldset>
-
-            <fieldset
-                class="flex flex-row flex-wrap gap-1 items-center justify-start flex_row flex_gap_md flex_justify_around space-y-1"
-            >
-                <label class="form-group w-56">
-                    <span class="text-lg text-neutral-500 font-semibold">
-                        Timezone
-                    </span>
-                    {#if $ae_loc?.lu_time_zone_list && $ae_loc?.lu_time_zone_list.length > 0}
+            <!-- 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="field-label" for="timezone">
+                    Timezone <span class="field-required">*</span>
+                    {#if $ae_loc?.lu_time_zone_list?.length}
                         <select
+                            id="timezone"
                             name="timezone"
                             required
-                            value={$lq__event_obj?.timezone ??
-                                $ae_loc?.current_timezone}
-                            class="
-                            select w-56 max-w-fit px-1
-                            preset-tonal-surface hover:preset-filled-surface-100-900
-                            form-control col-6
-                            "
-                            class:required={!$lq__event_obj?.timezone &&
-                                !$ae_loc?.current_timezone}
+                            value={$lq__event_obj?.timezone ?? $ae_loc?.current_timezone}
+                            class="field-select w-56"
                         >
-                            <option
-                                value=""
-                                class:hidden={!$ae_loc.trusted_access}
-                                >-- None --</option
-                            >
-                            {#each $ae_loc?.lu_time_zone_list as lu_timezone (lu_timezone.name)}
-                                <option value={lu_timezone.name}
-                                    >{lu_timezone.name}</option
-                                >
+                            <option value="" class:hidden={!$ae_loc.trusted_access}>-- None --</option>
+                            {#each $ae_loc.lu_time_zone_list as tz (tz.name)}
+                                <option value={tz.name}>{tz.name}</option>
                             {/each}
                         </select>
                     {:else}
                         <input
                             type="text"
+                            id="timezone"
                             name="timezone"
-                            value={$lq__event_obj?.timezone
-                                ? $lq__event_obj?.timezone
-                                : $ae_loc?.current_timezone}
-                            class="input w-40"
+                            required
+                            value={$lq__event_obj?.timezone ?? $ae_loc?.current_timezone ?? ''}
+                            class="field-input w-44"
                         />
                     {/if}
-                    <!-- client TZ: {$ae_loc?.current_timezone} -->
                 </label>
-                <label class="form-group">
-                    <span class="text-lg text-neutral-500 font-semibold">
-                        Start Time
-                    </span>
+
+                <label class="field-label" for="recurring_start_time">
+                    Start Time
                     <input
+                        type="time"
+                        id="recurring_start_time"
                         name="recurring_start_time"
-                        type="time"
                         value={$lq__event_obj?.recurring_start_time}
-                        max="8"
-                        class="
-                    input w-40
-                    preset-tonal-surface hover:preset-filled-surface-100-900
-                    form-control
-                    "
+                        class="field-input w-36"
                     />
                 </label>
-                <label class="form-group">
-                    <span class="text-lg text-neutral-500 font-semibold">
-                        End Time
-                    </span>
+
+                <label class="field-label" for="recurring_end_time">
+                    End Time
                     <input
-                        name="recurring_end_time"
                         type="time"
+                        id="recurring_end_time"
+                        name="recurring_end_time"
                         value={$lq__event_obj?.recurring_end_time}
-                        max="8"
-                        class="
-                        input w-40
-                        preset-tonal-surface hover:preset-filled-surface-100-900
-                        form-control
-                        "
+                        class="field-input w-36"
                     />
                 </label>
-            </fieldset>
+            </div>
 
+            <!-- Additional schedule details (recurring_text).
+                 Auto-generated with *gen* prefix on save if not provided.
+                 Members only see this if it has been customized (no *gen*).
+                 Admins can always see and edit it.
+                 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*'))))}
-                <p>
-                    Please only use the text box for additional information if
-                    the options above do not cover your needs. This may affect
-                    how this meeting shows up in search results.
-                </p>
-                <label for="recurring_text" class="w-full">
-                    <span class="text-lg text-neutral-500 font-semibold">
-                        Additional information on when and how often
-                    </span>
-                    <!-- <textarea class="ae_value event__recurring_text tinymce_editor editor_less_100 textarea" id="recurring_text" name="recurring_text" placeholder="Additional information on when and how often" value={$lq__event_obj?.recurring_text ?? ''}></textarea> -->
-                    <AE_Comp_Editor_TipTap
-                        bind:content={recurring_text_new_html}
-                        class_li="preset-tonal-surface hover:preset-filled-surface-100-900"
-                        placeholder="Additional information on when and how often"
-                    />
-
-                    <!-- If changed then show Save button -->
-                    <!-- {#if
-                    $idaa_slct.event_obj?.recurring_text_new_html &&
-                    $idaa_slct.event_obj?.recurring_text_new_html != '<p></p>' &&
-                    $idaa_slct.event_obj.recurring_text != $idaa_slct.event_obj.recurring_text_new_html}
-                    <button type="button"
-                        class="btn btn-md btn-primary variant-ghost-secondary"
-                        on:click={() => $idaa_slct.event_obj.recurring_text = $idaa_slct.event_obj.recurring_text_new_html}
-                        >
-                        <span class="fas fa-save m-1"></span>
-                        Save?
+                <div class="subsection space-y-2">
+                    <label class="field-label" for="recurring_text">
+                        Additional Schedule Details
+                        <span class="field-hint">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"
+                        />
+                    </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.')) {
+                                $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>
-                {/if} -->
-                </label>
-            {/if}
-            {#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*'))))}
-                <button
-                    type="button"
-                    class="
-                    novi_btn
-                    btn btn-sm
-                    preset-filled-tertiary-200-800
-                    transition
-                    "
-                    onclick={() => {
-                        if (
-                            confirm(
-                                'Are you sure you want to remove the text for the additional details?'
-                            )
-                        ) {
-                            $idaa_slct.event_obj.recurring_text = '';
-                            $idaa_slct.event_obj.recurring_text_new_html = '';
-                            // $idaa_slct.event_obj.show_recurring_text = false;
-                            console.log($idaa_slct.event_obj.recurring_text);
-                        } else {
-                            return false;
-                        }
-                    }}
-                >
-                    <span class="fas fa-minus m-1"></span> Remove Details?
-                </button>
+                </div>
             {:else}
                 <button
                     type="button"
-                    class="
-                    novi_btn
-                    btn btn-sm
-                    preset-filled-success-200-800
-                    transition
-                    "
+                    class="btn btn-sm preset-tonal-surface"
                     onclick={prevent_default(() => {
-                        // Remove *gen* prefix from recurring_text
-                        if (
-                            $lq__event_obj.recurring_text &&
-                            $lq__event_obj.recurring_text.includes('*gen*')
-                        ) {
-                            $idaa_slct.event_obj.recurring_text =
-                                $lq__event_obj.recurring_text.replace(
-                                    '*gen* ',
-                                    ''
-                                );
+                        // 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;
                         }
                         $idaa_slct.event_obj.show_recurring_text = true;
                     })}
                 >
-                    <span class="fas fa-plus m-1"></span> Add More Details?
+                    <span class="fas fa-plus"></span> Add Custom Schedule Text
                 </button>
             {/if}
-
-            <!-- {#if ($lq__event_obj && $lq__event_obj.recurring_text && !$lq__event_obj.recurring_text.includes('*gen*') || $ae_loc.administrator_access)}
-        <label for="recurring_text">Additional information on when and how often
-            <textarea class="ae_value event__recurring_text tinymce_editor editor_less_100" id="recurring_text" name="recurring_text" placeholder="Additional information on when and how often" value={$lq__event_obj.recurring_text}></textarea>
-        </label>
-        {/if} -->
         </div>
-        <!-- END: section event__timing -->
 
-        <div
-            class="ae_section event__contacts p-2 space-y-2 rounded preset-filled-surface-100-900 preset-outlined-surface-200-800 hover:preset-tonal-warning hover:preset-outlined-warning-800-200 transition-all"
-        >
-            <h3 class="h3">Contacts</h3>
+        <!-- ============================================================
+             SECTION 4 — Contacts
+             Fields: external_person_id (Novi UUID link),
+                     contact_li_json[0] (Contact 1 — name/email locked to Novi user by default),
+                     contact_li_json[1] (Contact 2 — optional)
+             BUSINESS RULE: Trusted+ can edit any meeting. Regular members can only
+             edit their own meetings (external_person_id === novi_uuid, or email fallback).
+             Contact 1 name/email are locked by default for members to prevent accidental
+             override of the meeting owner's identity.
+             ============================================================ -->
+        <div class="section-card" id="section__contacts">
+            <h3 class="section-heading">
+                <span class="fas fa-address-book"></span>
+                Contacts
+            </h3>
 
-            <!-- {#if $ae_loc.trusted_access} -->
-            <div>
-                <label
-                    for="external_person_id"
-                    class="block form-group d-block w-100"
-                >
-                    <span class="text-sm font-semibold text-surface-600-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>
-                        <input
-                            type="text"
-                            id="external_person_id"
-                            name="external_person_id"
-                            value={$lq__event_obj?.external_person_id
-                                ? $lq__event_obj?.external_person_id
-                                : $idaa_loc.novi_uuid}
-                            readonly={true}
-                            class="
-                        input w-96 preset-tonal-surface hover:preset-filled-surface-100-900 form-control
-                        "
-                        />
-                    {:else}
-                        <div class="ae_highlight">
-                            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" title="Field is unlocked"
-                        ></span>
-                        <input
-                            type="text"
-                            id="external_person_id"
-                            name="external_person_id"
-                            value={$lq__event_obj?.external_person_id
-                                ? $lq__event_obj?.external_person_id
-                                : ''}
-                            readonly={false}
-                            class="
-                        input w-96 preset-tonal-surface hover:preset-filled-surface-100-900 form-control
-                        "
-                        />
-                    {/if}
+            <!-- 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="field-label" for="external_person_id">
+                    Meeting Owner — Novi UUID
+                    <span class="field-hint">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="field-input w-72 font-mono text-sm"
+                    />
                 </label>
-            </div>
-            <!-- {/if} -->
-
-            <div
-                class="flex flex-col md:flex-row flex-wrap gap-1 justify-between items-start basis-1/2"
-            >
-                <fieldset class="event__contact_1 flex flex-col gap-1">
-                    <legend class="legend">Contact 1</legend>
-                    <div class="ae_highlight">
-                        Contact 1 is the primary contact for this meeting.
-                    </div>
-
-                    <span class="ae_group">
-                        {#if !($ae_loc.administrator_access || ($idaa_slct.event_obj?.contact_li_json?.length && $idaa_slct.event_obj?.contact_li_json[0]?.unlock))}
-                            <button
-                                type="button"
-                                onclick={prevent_default(() => {
-                                    if (
-                                        confirm(
-                                            'Are you sure you want to lock these fields? The primary contact name and email address are required.'
-                                        )
-                                    ) {
-                                        if (
-                                            !$idaa_slct.event_obj
-                                                ?.contact_li_json[0]
-                                        ) {
-                                            $idaa_slct.event_obj.contact_li_json[0] =
-                                                {};
-                                        }
-                                        $idaa_slct.event_obj.contact_li_json[0].unlock = true;
-                                    } else {
-                                        $idaa_slct.event_obj.contact_li_json[0].unlock = false;
-                                        return false;
-                                    }
-                                })}
-                                class="
-                        novi_btn novi_smaller ae_btn_info
-                        btn btn-sm
-                        preset-filled-tertiary-200-800
-                        "
-                            >
-                                <span
-                                    class="fas fa-lock"
-                                    title="Field is locked"
-                                ></span> Name and email locked
-                            </button>
+            {: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 ?? ''} />
+                <div class="space-y-1">
+                    <p class="field-label">Meeting Owner</p>
+                    <div class="flex items-center gap-2 text-sm text-surface-600-400">
+                        <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>
+                        {: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>
                         {:else}
-                            <button
-                                type="button"
-                                onclick={prevent_default(() => {
-                                    $idaa_slct.event_obj.contact_li_json[0].unlock = false;
-                                })}
-                                class="
-                        novi_btn novi_smaller ae_btn_info
-                        btn btn-sm
-                        preset-filled-tertiary-200-800
-                        "
-                            >
-                                <span
-                                    class="fas fa-unlock"
-                                    title="Field is unlocked"
-                                ></span>
-                                Unlocked
-                            </button>
+                            <span class="text-surface-400 italic">Not set</span>
                         {/if}
+                    </div>
+                </div>
+            {/if}
 
-                        <label for="contact_1_full_name">
-                            Full name
-                            {#if !($ae_loc.administrator_access || ($idaa_slct.event_obj?.contact_li_json?.length && $idaa_slct.event_obj?.contact_li_json[0]?.unlock))}
-                                <span
-                                    class="fas fa-lock"
-                                    title="Field is locked"
-                                ></span>
-                            {:else}
-                                <span
-                                    class="fas fa-unlock"
-                                    title="Field is unlocked"
-                                ></span>
-                            {/if}
-                            <input
-                                type="text"
-                                class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_1_full_name"
-                                name="contact_1_full_name"
-                                placeholder="Full name"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[0] &&
-                                $lq__event_obj?.contact_li_json[0].full_name
-                                    ? $lq__event_obj?.contact_li_json[0]
-                                          .full_name
-                                    : $idaa_loc.novi_full_name}
-                                autocomplete="name"
-                                readonly={!(
-                                    $ae_loc.trusted_access ||
-                                    ($idaa_slct.event_obj?.contact_li_json
-                                        ?.length &&
-                                        $idaa_slct.event_obj?.contact_li_json[0]
-                                            ?.unlock)
-                                )}
-                                required={!$ae_loc.trusted_access}
-                            />
-                        </label>
-                        <label for="contact_1_email"
-                            >Email
-                            {#if !($ae_loc.administrator_access || ($idaa_slct.event_obj?.contact_li_json?.length && $idaa_slct.event_obj?.contact_li_json[0]?.unlock))}
-                                <span
-                                    class="fas fa-lock"
-                                    title="Field is locked"
-                                ></span>
-                            {:else}
-                                <span
-                                    class="fas fa-unlock"
-                                    title="Field is unlocked"
-                                ></span>
-                            {/if}
-                            <input
-                                type="email"
-                                class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_1_email"
-                                name="contact_1_email"
-                                placeholder="Email"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[0] &&
-                                $lq__event_obj?.contact_li_json[0].email
-                                    ? $lq__event_obj?.contact_li_json[0].email
-                                    : $idaa_loc.novi_email}
-                                autocomplete="email"
-                                readonly={!(
-                                    $ae_loc.trusted_access ||
-                                    ($idaa_slct.event_obj?.contact_li_json
-                                        ?.length &&
-                                        $idaa_slct.event_obj?.contact_li_json[0]
-                                            .unlock)
-                                )}
-                                required={!$ae_loc.trusted_access}
-                            />
-                        </label>
-                    </span>
-                    <span class="ae_group">
-                        <label for="contact_1_phone_mobile"
-                            >Mobile phone
-                            <input
-                                type="tel"
-                                class="input w-40 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_1_phone_mobile"
-                                name="contact_1_phone_mobile"
-                                placeholder="Mobile phone"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[0] &&
-                                $lq__event_obj?.contact_li_json[0].phone_mobile
-                                    ? $lq__event_obj?.contact_li_json[0]
-                                          .phone_mobile
-                                    : ''}
-                                autocomplete="tel"
-                            />
-                        </label>
-                        <label for="contact_1_phone_home"
-                            >Home phone
-                            <input
-                                type="tel"
-                                class="input w-40 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_1_phone_home"
-                                name="contact_1_phone_home"
-                                placeholder="Home phone"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[0] &&
-                                $lq__event_obj?.contact_li_json[0].phone_home
-                                    ? $lq__event_obj?.contact_li_json[0]
-                                          .phone_home
-                                    : ''}
-                                autocomplete="tel"
-                            />
-                        </label>
-                        <label for="contact_1_phone_office"
-                            >Office phone
-                            <input
-                                type="tel"
-                                class="input w-40 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_1_phone_office"
-                                name="contact_1_phone_office"
-                                placeholder="Office phone"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[0] &&
-                                $lq__event_obj?.contact_li_json[0].phone_office
-                                    ? $lq__event_obj?.contact_li_json[0]
-                                          .phone_office
-                                    : ''}
-                                autocomplete="tel"
-                            />
-                        </label>
-                    </span>
-                </fieldset>
-
-                <fieldset class="event__contact_2 flex flex-col gap-1">
-                    <legend class="legend">Contact 2</legend>
-                    <span class="ae_group">
-                        <label for="contact_2_full_name"
-                            >Full name
-                            <input
-                                type="text"
-                                class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_2_full_name"
-                                name="contact_2_full_name"
-                                placeholder="Full name"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[1] &&
-                                $lq__event_obj?.contact_li_json[1].full_name
-                                    ? $lq__event_obj?.contact_li_json[1]
-                                          .full_name
-                                    : ''}
-                                autocomplete="name"
-                            />
-                        </label>
-                        <label for="contact_2_email"
-                            >Email
-                            <input
-                                type="email"
-                                class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_2_email"
-                                name="contact_2_email"
-                                placeholder="Email"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[1] &&
-                                $lq__event_obj?.contact_li_json[1].email
-                                    ? $lq__event_obj?.contact_li_json[1].email
-                                    : ''}
-                                autocomplete="email"
-                            />
-                        </label>
-                    </span>
-                    <span class="ae_group">
-                        <label for="contact_2_phone_mobile"
-                            >Mobile phone
-                            <input
-                                type="tel"
-                                class="input w-40 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_2_phone_mobile"
-                                name="contact_2_phone_mobile"
-                                placeholder="Mobile phone"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[1] &&
-                                $lq__event_obj?.contact_li_json[1].phone_mobile
-                                    ? $lq__event_obj?.contact_li_json[1]
-                                          .phone_mobile
-                                    : ''}
-                                autocomplete="tel"
-                            />
-                        </label>
-                        <label for="contact_2_phone_home"
-                            >Home phone
-                            <input
-                                type="tel"
-                                class="input w-40 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_2_phone_home"
-                                name="contact_2_phone_home"
-                                placeholder="Home phone"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[1] &&
-                                $lq__event_obj?.contact_li_json[1].phone_home
-                                    ? $lq__event_obj?.contact_li_json[1]
-                                          .phone_home
-                                    : ''}
-                                autocomplete="tel"
-                            />
-                        </label>
-                        <label for="contact_2_phone_office"
-                            >Office phone
-                            <input
-                                type="tel"
-                                class="input w-40 preset-tonal-surface hover:preset-filled-surface-100-900 form-control"
-                                id="contact_2_phone_office"
-                                name="contact_2_phone_office"
-                                placeholder="Office phone"
-                                value={$lq__event_obj?.contact_li_json &&
-                                $lq__event_obj?.contact_li_json[1] &&
-                                $lq__event_obj?.contact_li_json[1].phone_office
-                                    ? $lq__event_obj?.contact_li_json[1]
-                                          .phone_office
-                                    : ''}
-                                autocomplete="tel"
-                            />
-                        </label>
-                    </span>
-                </fieldset>
-            </div>
-        </div>
-        <!-- END: section event__contacts -->
-
-        {#if $ae_loc.trusted_access}
-            <button
-                type="button"
-                onclick={() => {
-                    $idaa_loc.recovery_meetings.show__admin_options =
-                        !$idaa_loc.recovery_meetings.show__admin_options;
-                }}
-                class="
-            novi_btn
-            btn btn-sm float-right
-            "
-                class:preset-filled-success-200-800={$idaa_loc.recovery_meetings
-                    .show__admin_options}
-                class:preset-filled-tertiary-200-800={!$idaa_loc
-                    .recovery_meetings.show__admin_options}
-            >
-                {#if $idaa_loc.recovery_meetings.show__admin_options}
-                    <span class="fas fa-eye-slash m-1"></span>
-                {:else}
-                    <span class="fas fa-eye m-1"></span>
-                {/if}
-                {$idaa_loc.recovery_meetings.show__admin_options
-                    ? 'Hide'
-                    : 'Show'} Admin
-            </button>
-
-            <!-- BEGIN: section event__admin_options -->
-            <div
-                class="
-            ae_section event__admin_options
-            space-y-1 p-2
-            rounded
-            preset-filled-surface-100-900 preset-outlined-error-400-600
-            transition
-            "
-                class:hidden={!$idaa_loc.recovery_meetings.show__admin_options}
-            >
-                <h3 class="h3">Admin Options</h3>
-
-                <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"
+            <!-- ── Contact 1 (Primary) ────────────────────────────────── -->
+            <!-- Name and email default to the logged-in Novi user's identity and are
+                 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="subsection space-y-3">
+                <div class="flex items-center gap-2 flex-wrap">
+                    <h4 class="subsection-heading">
+                        <span class="fas fa-user"></span> Contact 1 (Primary)
+                    </h4>
+                    {#if !$ae_loc.trusted_access && contact_1_locked}
+                        <button
+                            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?')) {
+                                    contact_1_locked = false;
+                                }
+                            }}
                         >
-                            <legend
-                                class="legend text-sm font-semibold form-check-label"
-                                >Confirmed</legend
-                            >
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="status_yes"
-                                    name="status"
-                                    value={'unknown'}
-                                    bind:group={$idaa_slct.event_obj.status}
-                                    class="radio form-check-input"
-                                />
-                                <label for="status_yes">Not Confirmed</label>
-                            </div>
-                            <div>
-                                <input
-                                    type="radio"
-                                    id="status_no"
-                                    name="status"
-                                    value={null}
-                                    bind:group={$idaa_slct.event_obj.status}
-                                    class="radio form-check-input"
-                                />
-                                <label for="status_no">Yes</label>
-                            </div>
-                        </fieldset>
-
-                        <fieldset
-                            class="flex flex-row gap-1 items-center justify-center form-check"
+                            <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; }}
                         >
-                            <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.event_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.event_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.event_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.event_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.event_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.event_obj.group ?? ''}
-                                max="100"
-                                class="input w-40 preset-tonal-surface form-control"
-                            /></label
-                        >
-                    </span>
-
-                    {#if $ae_loc.administrator_access}
-                        <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
-                                >
-                                <div
-                                    class="flex flex-row gap-1 items-start justify-center"
-                                >
-                                    <input
-                                        type="radio"
-                                        id="enable_yes"
-                                        name="enable"
-                                        value={true}
-                                        bind:group={$idaa_slct.event_obj.enable}
-                                        class="radio form-check-input"
-                                    />
-                                    <label for="enable_yes">Yes</label>
-                                </div>
-                                <div
-                                    class="flex flex-row gap-1 items-start justify-center"
-                                >
-                                    <input
-                                        type="radio"
-                                        id="enable_no"
-                                        name="enable"
-                                        value={false}
-                                        bind:group={$idaa_slct.event_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.event_obj.enable}
-                        />
+                            <span class="fas fa-lock-open"></span> Re-Lock
+                        </button>
                     {/if}
-                </span>
+                </div>
 
-                {#if $ae_loc.trusted_access}
-                    <label for="notes" class="w-full">
-                        Internal Staff Notes
-                        <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."
+                <div class="flex flex-row flex-wrap gap-3">
+                    <label class="field-label" for="contact_1_full_name">
+                        Full Name
+                        <input
+                            type="text"
+                            id="contact_1_full_name"
+                            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 ?? ''}
+                            class="field-input w-64"
+                            class:opacity-60={!$ae_loc.trusted_access && contact_1_locked}
                         />
                     </label>
-                {/if}
+                    <label class="field-label" for="contact_1_email">
+                        Email
+                        <input
+                            type="email"
+                            id="contact_1_email"
+                            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 ?? ''}
+                            class="field-input w-64"
+                            class:opacity-60={!$ae_loc.trusted_access && contact_1_locked}
+                        />
+                    </label>
+                </div>
+
+                <div class="flex flex-row flex-wrap gap-3">
+                    <label class="field-label" for="contact_1_phone_mobile">
+                        Mobile Phone
+                        <input
+                            type="tel"
+                            id="contact_1_phone_mobile"
+                            name="contact_1_phone_mobile"
+                            autocomplete="tel"
+                            placeholder="Mobile / Cell"
+                            value={$lq__event_obj?.contact_li_json?.[0]?.phone_mobile ?? ''}
+                            class="field-input w-52"
+                        />
+                    </label>
+                    <label class="field-label" for="contact_1_phone_home">
+                        Home Phone
+                        <input
+                            type="tel"
+                            id="contact_1_phone_home"
+                            name="contact_1_phone_home"
+                            autocomplete="tel"
+                            placeholder="Home phone"
+                            value={$lq__event_obj?.contact_li_json?.[0]?.phone_home ?? ''}
+                            class="field-input w-52"
+                        />
+                    </label>
+                    <label class="field-label" for="contact_1_phone_office">
+                        Office Phone
+                        <input
+                            type="tel"
+                            id="contact_1_phone_office"
+                            name="contact_1_phone_office"
+                            autocomplete="tel"
+                            placeholder="Office phone"
+                            value={$lq__event_obj?.contact_li_json?.[0]?.phone_office ?? ''}
+                            class="field-input w-52"
+                        />
+                    </label>
+                </div>
             </div>
-            <!-- END: section event__admin_options -->
-        {/if}
 
-        <div
-            class="
-            ae_section ae_options ae_row ae_actions event__options event__actions
-            flex flex-row flex-wrap gap-2 items-center justify-between w-full
-        "
-        >
-            <!-- BEGIN: section event__options -->
-            <span
-                class="flex flex-row flex-wrap gap-1 items-center justify-center"
-            >
-                {#if $idaa_slct.event_id}
-                    <button
-                        type="submit"
-                        disabled={disable_submit_btn}
-                        class="
-                    novi_btn
-                    btn btn-md preset-tonal-primary preset-outlined-primary-800-200 hover:preset-filled-primary-200-800
-                    transition
-                    "
-                    >
-                        {#await prom_api__event_obj}
-                            <span class="fas fa-spinner fa-spin m-1"></span> Saving
-                        {:then}
-                            <span class="fas fa-save m-1"></span> Save Changes
-                        {/await}
-                    </button>
-                {:else}
-                    <button
-                        type="submit"
-                        disabled={disable_submit_btn}
-                        onclick={() => {
-                            if (
-                                !confirm(
-                                    'Are you sure you want to create this event?'
-                                )
-                            ) {
-                                return false;
-                            }
-                            // handle_save_event_obj({event_id: $idaa_slct.event_id, method: 'create'});
-                        }}
-                        class="
-                    novi_btn btn-warning
-                    btn
-                    preset-tonal-warning hover:preset-filled-warning-200-800
-                    transition
-                    "
-                    >
-                        {#await prom_api__event_obj}
-                            <span class="fas fa-spinner fa-spin m-1"></span> Saving
-                        {:then}
-                            <span class="fas fa-plus m-1"></span> Save New Event
-                        {/await}
-                    </button>
-                {/if}
-
-                {#if $idaa_slct.event_id}
-                    {#if $ae_loc.administrator_access}
-                        <button
-                            type="button"
-                            onclick={() => {
-                                if (
-                                    !confirm(
-                                        'Are you sure you want to delete this event?'
-                                    )
-                                ) {
-                                    return false;
-                                }
-                                handle_delete_event_obj({
-                                    event_id: $idaa_slct.event_id,
-                                    method: 'delete'
-                                });
-                            }}
-                            class="
-                novi_btn
-                btn btn-sm
-                preset-tonal-warning preset-outlined-error-800-200 hover:preset-filled-error-200-800
-                transition
-                "
-                            title="Delete record permanently"
-                        >
-                            <span class="fas fa-minus m-1"></span> Delete
-                        </button>
-                    {:else if $ae_loc.trusted_access}
-                        <button
-                            type="button"
-                            onclick={() => {
-                                if (
-                                    !confirm(
-                                        'Are you sure you want to disable this event?'
-                                    )
-                                ) {
-                                    return false;
-                                }
-                                handle_delete_event_obj({
-                                    event_id: $idaa_slct.event_id,
-                                    method: 'disable'
-                                });
-                            }}
-                            class="
-                novi_btn
-                btn btn-sm
-                preset-tonal-warning preset-outlined-warning-800-200 hover:preset-filled-warning-200-800
-                transition
-                "
-                            title="Disable record to delete"
-                        >
-                            <span class="fas fa-minus m-1"></span> Delete
-                        </button>
-                    {:else}
-                        <button
-                            type="button"
-                            onclick={() => {
-                                if (
-                                    !confirm(
-                                        'Are you sure you want to hide this event?'
-                                    )
-                                ) {
-                                    return false;
-                                }
-                                handle_delete_event_obj({
-                                    event_id: $idaa_slct.event_id,
-                                    method: 'hide'
-                                });
-                            }}
-                            class="
-                novi_btn
-                btn btn-sm
-                preset-tonal-warning preset-outlined-warning-800-200 hover:preset-filled-warning-200-800
-                transition
-                "
-                            title="Hide record to delete"
-                        >
-                            <span class="fas fa-comment-slash m-1"></span> Delete
-                        </button>
-                    {/if}
-                {/if}
-            </span>
-            <span>
+            <!-- ── Contact 2 (Optional secondary) ────────────────────── -->
+            <div class="subsection space-y-3">
                 <button
                     type="button"
-                    class="
-                novi_btn
-                btn btn-sm
-                preset-filled-warning-200-800 hover:preset-filled-success-200-800
-                transition
-                "
+                    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="subsection-heading mb-0!">
+                        <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="field-label" for="contact_2_full_name">
+                            Full Name
+                            <input
+                                type="text"
+                                id="contact_2_full_name"
+                                name="contact_2_full_name"
+                                autocomplete="name"
+                                placeholder="Full name"
+                                value={$lq__event_obj?.contact_li_json?.[1]?.full_name ?? ''}
+                                class="field-input w-64"
+                            />
+                        </label>
+                        <label class="field-label" for="contact_2_email">
+                            Email
+                            <input
+                                type="email"
+                                id="contact_2_email"
+                                name="contact_2_email"
+                                autocomplete="email"
+                                placeholder="Email address"
+                                value={$lq__event_obj?.contact_li_json?.[1]?.email ?? ''}
+                                class="field-input w-64"
+                            />
+                        </label>
+                    </div>
+
+                    <div class="flex flex-row flex-wrap gap-3">
+                        <label class="field-label" for="contact_2_phone_mobile">
+                            Mobile Phone
+                            <input
+                                type="tel"
+                                id="contact_2_phone_mobile"
+                                name="contact_2_phone_mobile"
+                                autocomplete="tel"
+                                placeholder="Mobile / Cell"
+                                value={$lq__event_obj?.contact_li_json?.[1]?.phone_mobile ?? ''}
+                                class="field-input w-52"
+                            />
+                        </label>
+                        <label class="field-label" for="contact_2_phone_home">
+                            Home Phone
+                            <input
+                                type="tel"
+                                id="contact_2_phone_home"
+                                name="contact_2_phone_home"
+                                autocomplete="tel"
+                                placeholder="Home phone"
+                                value={$lq__event_obj?.contact_li_json?.[1]?.phone_home ?? ''}
+                                class="field-input w-52"
+                            />
+                        </label>
+                        <label class="field-label" for="contact_2_phone_office">
+                            Office Phone
+                            <input
+                                type="tel"
+                                id="contact_2_phone_office"
+                                name="contact_2_phone_office"
+                                autocomplete="tel"
+                                placeholder="Office phone"
+                                value={$lq__event_obj?.contact_li_json?.[1]?.phone_office ?? ''}
+                                class="field-input 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 ?? ''} />
+                {/if}
+            </div>
+        </div>
+
+        <!-- ============================================================
+             SECTION 5 — Admin Options  (trusted_access only)
+             Fields: status, hide, priority, sort, group, enable, notes
+             ============================================================ -->
+        {#if $ae_loc.trusted_access}
+            <div class="section-card section-card--admin" 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="section-heading mb-0!">
+                        <span class="fas fa-cogs"></span>
+                        Admin Options
+                    </h3>
+                </button>
+
+                {#if show_admin_options}
+                    <!-- Status -->
+                    <label class="field-label" for="status">
+                        Status
+                        <input
+                            type="text"
+                            id="status"
+                            name="status"
+                            placeholder="e.g. active, pending, closed"
+                            value={$lq__event_obj?.status ?? ''}
+                            class="field-input 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">
+                            <input
+                                type="checkbox"
+                                id="enable"
+                                name="enable"
+                                checked={$lq__event_obj?.enable ?? true}
+                                class="checkbox"
+                            />
+                            Enabled
+                        </label>
+                        <label class="flex items-center gap-2 cursor-pointer text-sm font-semibold" for="hide">
+                            <input
+                                type="checkbox"
+                                id="hide"
+                                name="hide"
+                                checked={$lq__event_obj?.hide ?? false}
+                                class="checkbox"
+                            />
+                            Hidden
+                        </label>
+                        <label class="flex items-center gap-2 cursor-pointer text-sm font-semibold" for="priority">
+                            <input
+                                type="checkbox"
+                                id="priority"
+                                name="priority"
+                                checked={$lq__event_obj?.priority ?? false}
+                                class="checkbox"
+                            />
+                            Priority (Featured)
+                        </label>
+                    </div>
+
+                    <!-- Sort + Group -->
+                    <div class="flex flex-row flex-wrap gap-3">
+                        <label class="field-label" for="sort">
+                            Sort Order
+                            <span class="field-hint">Lower numbers appear first</span>
+                            <input
+                                type="number"
+                                id="sort"
+                                name="sort"
+                                placeholder="0"
+                                value={$lq__event_obj?.sort ?? ''}
+                                class="field-input w-28"
+                            />
+                        </label>
+                        <label class="field-label" for="group">
+                            Group
+                            <span class="field-hint">Optional grouping label</span>
+                            <input
+                                type="text"
+                                id="group"
+                                name="group"
+                                placeholder="e.g. North America"
+                                value={$lq__event_obj?.group ?? ''}
+                                class="field-input w-48"
+                            />
+                        </label>
+                    </div>
+
+                    <!-- Notes — internal, not visible to members -->
+                    <label class="field-label" for="notes">
+                        Admin Notes
+                        <span class="field-hint">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"
+                        />
+                    </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 ?? ''} />
+                {/if}
+            </div>
+        {/if}
+
+        <!-- ============================================================
+             SECTION 6 — Form Actions
+             Save: always shown. Delete/Disable: trusted+ on existing meetings only.
+             Administrator gets a hard-delete option; trusted gets disable.
+             Cancel closes the edit modal and returns to the view (if editing).
+             ============================================================ -->
+        <div
+            class="
+                flex flex-row flex-wrap gap-2 items-center justify-between w-full
+                pt-2 border-t border-surface-300-700
+            "
+            id="section__actions"
+        >
+            <!-- Primary: Save -->
+            <button
+                type="submit"
+                class="btn preset-filled-primary-200-800"
+                disabled={disable_submit_btn}
+            >
+                {#await prom_api__event_obj}
+                    <span class="fas fa-spinner fa-spin"></span> Saving...
+                {:then}
+                    {#if $idaa_slct.event_id}
+                        <span class="fas fa-save"></span> Save Changes
+                    {:else}
+                        <span class="fas fa-plus-circle"></span> Save New Meeting
+                    {/if}
+                {/await}
+            </button>
+
+            <div class="flex flex-row flex-wrap gap-2 items-center">
+                <!-- Delete / Disable — tiered by permission, only on existing meetings -->
+                {#if $idaa_slct.event_id && $ae_loc.trusted_access}
+                    {#if $ae_loc.administrator_access}
+                        <!-- Administrators: hard delete available -->
+                        <button
+                            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' });
+                                }
+                            }}
+                        >
+                            <span class="fas fa-trash-alt"></span> Delete
+                        </button>
+                    {/if}
+                    <!-- Trusted: soft disable (keeps data, removes from listing) -->
+                    <button
+                        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' });
+                            }
+                        }}
+                    >
+                        <span class="fas fa-ban"></span> Disable
+                    </button>
+                {/if}
+
+                <!-- Cancel — closes edit modal, returns to view if editing existing -->
+                <button
+                    type="button"
+                    class="btn preset-tonal-surface"
                     onclick={() => {
+                        // Clear both modal and direct-page edit flags
+                        $idaa_sess.recovery_meetings.show__modal_edit = false;
                         $idaa_sess.recovery_meetings.edit__event_obj = false;
-                        if (log_lvl) {
-                            console.log(
-                                `Toggle edit__event_obj: ${$idaa_sess.recovery_meetings.edit__event_obj}`
-                            );
+                        if ($idaa_slct.event_id) {
+                            $idaa_sess.recovery_meetings.show__modal_view = true;
                         }
                     }}
-                    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
+                    <span class="fas fa-times"></span> Cancel
                 </button>
-            </span>
+            </div>
         </div>
+
     </form>
 </section>
 
-<style lang="scss">
-    .event__physical_virtual .ae_group {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-around;
-        align-items: center;
+<style>
+    /* @reference tells Tailwind v4 where to resolve @apply utilities in component styles */
+    @reference "../../../../app.css";
 
-        border: solid thin hsla(0, 0%, 0%, 0.25);
-
-        margin: 1em 0em;
-        padding: 0.5em;
+    .section-card {
+        @apply p-3 space-y-3 rounded-md;
+        @apply bg-surface-100-900 border border-surface-200-800;
     }
 
-    .event__recurring .ae_group {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-around;
-        align-items: center;
-
-        border: solid thin hsla(0, 0%, 0%, 0.25);
-
-        margin: 1em 0em;
-        padding: 0.5em;
+    .section-card--admin {
+        @apply border-error-400;
     }
 
-    /* .event__days_of_week {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-} */
+    .section-heading {
+        @apply text-lg font-semibold text-surface-600-400 flex items-center gap-2 pb-1 border-b border-surface-200-800;
+    }
+
+    .field-label {
+        @apply flex flex-col gap-1 text-sm font-semibold text-surface-700-300;
+    }
+
+    .field-required {
+        @apply text-error-500 ml-0.5;
+    }
+
+    .field-input {
+        @apply input preset-tonal-surface hover:preset-filled-surface-100-900;
+    }
+
+    .field-select {
+        @apply select p-1 preset-tonal-surface hover:preset-filled-surface-100-900;
+    }
+
+    .field-hint {
+        @apply block text-xs font-normal text-surface-500 -mt-0.5;
+    }
+
+    .subsection {
+        @apply pl-3 border-l-2 border-surface-300-700;
+    }
+
+    .subsection-heading {
+        @apply text-sm font-semibold text-surface-600-400 flex items-center gap-1.5;
+    }
+
+    .platform-fields {
+        @apply p-2 rounded bg-surface-50-950 border border-surface-200-800;
+    }
+
+    /* Toggle chip — used for physical/virtual checkboxes */
+    .toggle-chip {
+        @apply flex items-center gap-2 px-3 py-2 rounded-lg cursor-pointer;
+        @apply text-sm font-semibold;
+        @apply preset-tonal-surface border border-surface-300-700;
+        @apply hover:preset-filled-surface-200-800 transition-all;
+    }
+
+    .toggle-chip--on {
+        @apply preset-filled-success-200-800 border-success-400;
+    }
+
+    /* Day-of-week chip — compact version of toggle-chip for the 7-day row */
+    .day-chip {
+        @apply flex items-center justify-center w-12 py-2 rounded-lg cursor-pointer;
+        @apply text-sm font-semibold;
+        @apply preset-tonal-surface border border-surface-300-700;
+        @apply hover:preset-filled-surface-200-800 transition-all;
+    }
+
+    .day-chip--on {
+        @apply preset-filled-primary-200-800 border-primary-400;
+    }
 </style>
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit_v2.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit_v2.svelte
deleted file mode 100644
index 69e2ebc7..00000000
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit_v2.svelte
+++ /dev/null
@@ -1,2014 +0,0 @@
-<script lang="ts">
-    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();
-
-    // *** Import Svelte specific
-    import { onMount } 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_functions';
-    import AE_Comp_Editor_TipTap from '$lib/elements/AE_Comp_Editor_TipTap.svelte';
-
-    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;
-    }
-
-    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);
-
-    let disable_submit_btn = $state(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}`);
-    }
-
-    // Load timezone lookup list (cached in $ae_loc, refreshed ~20% of the time)
-    let lu_time_zone_list = localStorage.getItem('lu_time_zone_list')
-        ? JSON.parse(localStorage.getItem('lu_time_zone_list') ?? '')
-        : [];
-    if (
-        $ae_loc.lu_time_zone_list &&
-        $ae_loc.lu_time_zone_list.length > 0 &&
-        Math.random() < 0.8
-    ) {
-        console.log('Already have time zone list!', $ae_loc.lu_time_zone_list);
-    } else {
-        core_func
-            .load_ae_obj_li__time_zone({
-                api_cfg: $ae_api,
-                only_priority: true,
-                log_lvl: log_lvl
-            })
-            .then(function (result) {
-                if (result) {
-                    $ae_loc.lu_time_zone_list = result;
-                } else {
-                    $ae_loc.lu_time_zone_list = [];
-                }
-            })
-            .catch(function (error: any) {
-                console.log('No results returned or failed.', error);
-            });
-    }
-
-    // Load country lookup list (cached in localStorage, refreshed ~20% of the time)
-    let lu_country_list = $state(
-        localStorage.getItem('lu_country_list')
-            ? JSON.parse(localStorage.getItem('lu_country_list') ?? '')
-            : []
-    );
-
-    // Load country subdivision lookup list (states/provinces, cached in localStorage)
-    let lu_country_subdivision_list = $state(
-        localStorage.getItem('lu_country_subdivision_list')
-            ? JSON.parse(localStorage.getItem('lu_country_subdivision_list') ?? '')
-            : []
-    );
-
-    onMount(() => {
-        // These reads of $state runes must be inside a closure (onMount) to avoid
-        // Svelte's state_referenced_locally warning — the values are valid at mount.
-        if (lu_country_list && lu_country_list.length > 50 && Math.random() < 0.8) {
-            console.log(`Already have country list! ${lu_country_list.length}`);
-        } else {
-            core_func
-                .load_ae_obj_li__country({ api_cfg: $ae_api, log_lvl: log_lvl })
-                .then(function (result) {
-                    if (result) {
-                        lu_country_list = result;
-                        localStorage.setItem('lu_country_list', JSON.stringify(result));
-                    }
-                })
-                .catch(function (error: any) {
-                    console.log('No results returned or failed.', error);
-                });
-        }
-
-        if (
-            lu_country_subdivision_list &&
-            lu_country_subdivision_list.length > 50 &&
-            Math.random() < 0.8
-        ) {
-            console.log(
-                `Already have country subdivision list! ${lu_country_subdivision_list.length}`
-            );
-        } else {
-            core_func
-                .load_ae_obj_li__country_subdivision({ api_cfg: $ae_api, log_lvl: log_lvl })
-                .then(function (result) {
-                    if (result) {
-                        lu_country_subdivision_list = result;
-                        localStorage.setItem(
-                            'lu_country_subdivision_list',
-                            JSON.stringify(result)
-                        );
-                    }
-                })
-                .catch(function (error: any) {
-                    console.log('No results returned or failed.', error);
-                });
-        }
-    });
-
-    $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
-        });
-
-        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;
-        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: lu_country_subdivision_list,
-                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: lu_country_list,
-                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()
-                : null;
-            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;
-
-        // !! converts to boolean based on truthiness
-        event_do['weekday_sunday'] = !!event_meeting_fd.weekday_sunday;
-        event_do['weekday_monday'] = !!event_meeting_fd.weekday_monday;
-        event_do['weekday_tuesday'] = !!event_meeting_fd.weekday_tuesday;
-        event_do['weekday_wednesday'] = !!event_meeting_fd.weekday_wednesday;
-        event_do['weekday_thursday'] = !!event_meeting_fd.weekday_thursday;
-        event_do['weekday_friday'] = !!event_meeting_fd.weekday_friday;
-        event_do['weekday_saturday'] = !!event_meeting_fd.weekday_saturday;
-
-        if (event_meeting_fd['recurring_start_time']) {
-            event_do['recurring_start_time'] = event_meeting_fd.recurring_start_time;
-        }
-        if (event_meeting_fd['recurring_end_time']) {
-            event_do['recurring_end_time'] = event_meeting_fd.recurring_end_time;
-        }
-
-        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;
-        }
-    }
-
-    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 });
-            });
-
-        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`;
-
-        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>
-<br>
-<div>
-IDAA Recovery Meeting ID: ${event_do.event_id}<br>
-<p>Use this link to view the meeting.<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
-    $effect(() => {
-        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)
-        ) {
-            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
-        ) {
-            obj_changed = false;
-        }
-    });
-
-    // 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;
-        }
-    }
-
-    // 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_code =
-                String($idaa_slct.event_obj.attend_url_code)
-                    .replace(/[^0-9]/g, '')
-                    .trim() ?? '';
-
-            $idaa_slct.event_obj.attend_url_passcode =
-                String($idaa_slct.event_obj.attend_url_passcode).trim() ?? '';
-
-            $idaa_slct.event_obj.attend_json.zoom.passcode_enc =
-                String($idaa_slct.event_obj.attend_json.zoom.passcode_enc) ?? '';
-
-            $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>
-
-<!-- ============================================================
-     IDAA Recovery Meeting — Edit Form (v2)
-     All fields map to ae_Event. This form is used for both
-     creating new meetings and editing existing ones.
-     Shown as a modal controlled by $idaa_sess.recovery_meetings.show__modal_edit.
-     ============================================================ -->
-
-<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
-    "
-    class:ae_create={!$idaa_slct.event_id}
-    bind:clientHeight={$ae_loc.iframe_height_modal_body}
->
-    <form
-        onsubmit={prevent_default(handle_submit_form)}
-        class="relative space-y-3"
-    >
-        <!-- Saving overlay indicator -->
-        {#await prom_api__event_obj}
-            <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>
-                Saving...
-            </div>
-        {/await}
-
-        <!-- Top save button — visible on existing meetings only so users don't scroll to the bottom
-             of this long form just to save. Mirrors the bottom Save Changes button. -->
-        {#if $idaa_slct.event_id}
-            <div class="flex justify-end">
-                <button
-                    type="submit"
-                    class="btn btn-sm preset-filled-primary-200-800"
-                    disabled={disable_submit_btn}
-                >
-                    {#await prom_api__event_obj}
-                        <span class="fas fa-spinner fa-spin"></span> Saving...
-                    {:then}
-                        <span class="fas fa-save"></span> Save Changes
-                    {/await}
-                </button>
-            </div>
-        {/if}
-
-        <!-- ============================================================
-             SECTION 1 — Meeting Information
-             Fields: name, description, type
-             ============================================================ -->
-        <div class="section-card" id="section__general_information">
-            <h3 class="section-heading">
-                <span class="fas fa-info-circle"></span>
-                Meeting Information
-            </h3>
-
-            <!-- Name -->
-            <label class="field-label" for="name">
-                Name of Recovery Meeting
-                <span class="field-required">*</span>
-                <input
-                    type="text"
-                    id="name"
-                    name="name"
-                    required
-                    maxlength="200"
-                    value={$lq__event_obj?.name ?? ''}
-                    placeholder="Name of Recovery Meeting"
-                    autocomplete="off"
-                    class="field-input w-full"
-                />
-            </label>
-
-            <!-- Description (rich text) -->
-            <label class="field-label" 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"
-                />
-            </label>
-
-            <!-- Type -->
-            <div class="space-y-1">
-                <label class="field-label" for="type">
-                    Type of Recovery Meeting
-                    <select
-                        id="type"
-                        name="type"
-                        value={$lq__event_obj?.type}
-                        class="field-select w-52"
-                    >
-                        <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">
-                    <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>
-                </ul>
-            </div>
-        </div>
-
-        <!-- ============================================================
-             SECTION 2 — How to Attend
-             physical and virtual are independent — a meeting can be both.
-             Address/location fields shown when physical=true OR more__location_fields=true.
-             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="section-card" id="section__how_to_attend">
-            <h3 class="section-heading">
-                <span class="fas fa-map-marker-alt"></span>
-                How to Attend
-            </h3>
-
-            <!-- Physical / Virtual toggles -->
-            <fieldset>
-                <legend class="field-label mb-1">Is this meeting in-person, virtual, or both?</legend>
-                <div class="flex flex-row flex-wrap gap-2">
-                    <label
-                        for="physical"
-                        class="toggle-chip"
-                        class:toggle-chip--on={$idaa_slct.event_obj.physical}
-                    >
-                        <span class="fas fa-home"></span>
-                        Face-to-Face / In Person
-                        <input
-                            type="checkbox"
-                            id="physical"
-                            name="physical"
-                            bind:checked={$idaa_slct.event_obj.physical}
-                            class="sr-only"
-                        />
-                    </label>
-                    <label
-                        for="virtual"
-                        class="toggle-chip"
-                        class:toggle-chip--on={$idaa_slct.event_obj.virtual}
-                    >
-                        <span class="fas fa-laptop"></span>
-                        Virtual / Online
-                        <input
-                            type="checkbox"
-                            id="virtual"
-                            name="virtual"
-                            bind:checked={$idaa_slct.event_obj.virtual}
-                            class="sr-only"
-                        />
-                    </label>
-                </div>
-            </fieldset>
-
-            <!-- ── 2a: Physical / In-Person ──────────────────────────── -->
-
-            <!-- Show/hide extra location fields when physical is not checked -->
-            {#if !$idaa_slct.event_obj?.physical}
-                <button
-                    type="button"
-                    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
-                </button>
-            {/if}
-
-            <div
-                class="subsection space-y-3"
-                class:hidden={!$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
-            >
-                <h4 class="subsection-heading">
-                    <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} />
-
-                <div class="flex flex-row flex-wrap gap-3">
-                    <label class="field-label" for="address_name">
-                        Location Name
-                        <input
-                            type="text"
-                            id="address_name"
-                            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="field-input w-72"
-                        />
-                    </label>
-
-                    <label class="field-label" for="address_line_1">
-                        Address Line 1
-                        <input
-                            type="text"
-                            id="address_line_1"
-                            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="field-input w-72"
-                        />
-                    </label>
-
-                    <label class="field-label" for="address_line_2">
-                        Address Line 2
-                        <input
-                            type="text"
-                            id="address_line_2"
-                            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="field-input w-72"
-                        />
-                    </label>
-
-                    <label class="field-label" for="address_line_3">
-                        Address Line 3
-                        <input
-                            type="text"
-                            id="address_line_3"
-                            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="field-input w-72"
-                        />
-                    </label>
-
-                    <label class="field-label" for="address_city">
-                        City
-                        <input
-                            type="text"
-                            id="address_city"
-                            name="address_city"
-                            placeholder="City"
-                            autocomplete="address-level2"
-                            value={$lq__event_obj?.location_address_json?.city
-                                ?? $lq__event_obj?.address_city
-                                ?? ''}
-                            class="field-input w-44"
-                        />
-                    </label>
-
-                    <label class="field-label" for="address_country_subdivision_code">
-                        State / Province
-                        {#if lu_country_subdivision_list?.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="field-select w-56"
-                            >
-                                <option value="">-- None --</option>
-                                {#each lu_country_subdivision_list as sub, i (i)}
-                                    <option value={sub.code}>{sub.country_alpha_2_code} - {sub.name}</option>
-                                {/each}
-                            </select>
-                        {:else}
-                            <input
-                                type="text"
-                                id="address_country_subdivision_code"
-                                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="field-input w-44"
-                            />
-                        {/if}
-                    </label>
-
-                    <label class="field-label" for="address_postal_code">
-                        Postal / Zip Code
-                        <input
-                            type="text"
-                            id="address_postal_code"
-                            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="field-input w-36"
-                        />
-                    </label>
-
-                    <label class="field-label" for="address_country_alpha_2_code">
-                        Country
-                        {#if lu_country_list?.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="field-select w-64"
-                            >
-                                <option value="">-- None --</option>
-                                {#each lu_country_list as country (country.alpha_2_code)}
-                                    <option value={country.alpha_2_code}>{country.english_short_name}</option>
-                                {/each}
-                            </select>
-                        {:else}
-                            <input
-                                type="text"
-                                id="address_country_alpha_2_code"
-                                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="field-input w-36"
-                            />
-                        {/if}
-                    </label>
-                </div>
-
-                <!-- Additional location notes (rich text) -->
-                <label class="field-label" 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."
-                    />
-                </label>
-            </div>
-
-            <!-- ── 2b: Virtual / Online ───────────────────────────────── -->
-
-            <!-- Show/hide extra virtual fields when virtual is not checked -->
-            {#if !$idaa_slct.event_obj?.virtual}
-                <button
-                    type="button"
-                    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
-                </button>
-            {/if}
-
-            <div
-                class="subsection space-y-3"
-                class:hidden={!$idaa_slct.event_obj.virtual && !$idaa_slct.event_obj?.more__virtual_fields}
-            >
-                <h4 class="subsection-heading">
-                    <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>
-                    <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'}
-                            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: '' };
-                                }
-                                $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'}
-                            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 ?? '' };
-                                }
-                                $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'; }}
-                        >
-                            <span class="fas fa-link"></span> Other / Generic
-                        </button>
-                    </div>
-                </div>
-
-                <!-- Zoom fields.
-                     Guard attend_json.zoom: the Zoom button onclick initializes it, but a background
-                     SWR IDB re-fire (load_ae_obj_li__event from +layout.ts) can reset attend_json
-                     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="platform-fields flex flex-row flex-wrap gap-3">
-                        <label class="field-label" for="attend_url_code">
-                            Zoom Meeting ID <span class="field-required">*</span>
-                            <input
-                                type="number"
-                                id="attend_url_code"
-                                name="attend_url_code"
-                                max="99999999999"
-                                autocomplete="off"
-                                required
-                                placeholder="e.g. 123 456 7890"
-                                bind:value={$idaa_slct.event_obj.attend_url_code}
-                                onchange={() => {
-                                    if ($idaa_slct.event_obj.attend_url_code?.length > 8) {
-                                        $idaa_trig = 'update_zoom_full_url';
-                                    }
-                                }}
-                                class="field-input w-52"
-                            />
-                        </label>
-                        <label class="field-label" for="attend_url_passcode">
-                            Zoom Passcode
-                            <input
-                                type="text"
-                                id="attend_url_passcode"
-                                name="attend_url_passcode"
-                                autocomplete="off"
-                                placeholder="Passcode shown to participants"
-                                bind:value={$idaa_slct.event_obj.attend_url_passcode}
-                                onchange={() => {
-                                    if ($idaa_slct.event_obj.attend_url_passcode?.length > 3) {
-                                        $idaa_trig = 'update_zoom_full_url';
-                                    } else {
-                                        $idaa_slct.event_obj.attend_url_passcode = '';
-                                    }
-                                }}
-                                class="field-input w-52"
-                            />
-                        </label>
-                        <label class="field-label" for="attend_url_passcode_enc">
-                            Zoom Encrypted Passcode
-                            <span class="field-hint">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}
-                                onchange={() => {
-                                    if ($idaa_slct.event_obj.attend_json.zoom.passcode_enc?.length >= 8) {
-                                        $idaa_trig = 'update_zoom_full_url';
-                                    }
-                                }}
-                                class="field-input w-72"
-                            />
-                        </label>
-                        <label class="field-label" for="attend_domain">
-                            Zoom Domain / Vanity URL
-                            <span class="field-hint">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}
-                                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()
-                                            : 'zoom.us';
-                                    $idaa_trig = 'update_zoom_full_url';
-                                }}
-                                class="field-input w-56"
-                            />
-                        </label>
-                        <label class="field-label w-full" for="zoom_attend_url">
-                            Generated Zoom Meeting URL
-                            <span class="field-hint">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}
-                                class="field-input w-full font-mono text-sm"
-                                placeholder="https://zoom.us/j/..."
-                            />
-                        </label>
-                    </div>
-
-                <!-- Jitsi fields -->
-                {:else if $idaa_sess.recovery_meetings.attend_platform === 'Jitsi'}
-                    <div class="platform-fields flex flex-row flex-wrap gap-3">
-                        <label class="field-label" for="attend_url_code">
-                            Jitsi Meeting Name / Code
-                            <input
-                                type="text"
-                                id="attend_url_code"
-                                name="attend_url_code"
-                                autocomplete="off"
-                                placeholder="Meeting room name"
-                                bind:value={$idaa_slct.event_obj.attend_json.jitsi.name}
-                                class="field-input w-72"
-                            />
-                        </label>
-                        <label class="field-label" for="attend_url_passcode">
-                            Jitsi Passcode
-                            <input
-                                type="text"
-                                id="attend_url_passcode"
-                                name="attend_url_passcode"
-                                autocomplete="off"
-                                placeholder="Optional passcode"
-                                bind:value={$idaa_slct.event_obj.attend_json.jitsi.passcode}
-                                class="field-input w-52"
-                            />
-                        </label>
-                        <label class="field-label w-full" for="attend_url">
-                            Jitsi Meeting URL
-                            <input
-                                type="url"
-                                id="attend_url"
-                                name="attend_url"
-                                autocomplete="url"
-                                placeholder="https://meet.jit.si/..."
-                                bind:value={$idaa_slct.event_obj.attend_json.jitsi.full_url}
-                                class="field-input w-full font-mono text-sm"
-                            />
-                        </label>
-                    </div>
-
-                <!-- Other / Generic virtual platform fields -->
-                {:else}
-                    <div class="platform-fields flex flex-row flex-wrap gap-3">
-                        <label class="field-label w-full" for="attend_url">
-                            Meeting URL
-                            <input
-                                type="url"
-                                id="attend_url"
-                                name="attend_url"
-                                autocomplete="url"
-                                placeholder="URL to join the meeting"
-                                value={$lq__event_obj?.attend_url ?? ''}
-                                class="field-input w-full font-mono text-sm"
-                            />
-                        </label>
-                        <label class="field-label" for="attend_url_passcode">
-                            URL Passcode
-                            <input
-                                type="text"
-                                id="attend_url_passcode"
-                                name="attend_url_passcode"
-                                autocomplete="off"
-                                placeholder="Passcode to join at URL"
-                                value={$lq__event_obj?.attend_url_passcode ?? ''}
-                                class="field-input w-52"
-                            />
-                        </label>
-                        <label class="field-label" for="attend_phone">
-                            Dial-In Phone Number
-                            <input
-                                type="tel"
-                                id="attend_phone"
-                                name="attend_phone"
-                                autocomplete="tel"
-                                placeholder="Phone number for dial-in"
-                                value={$lq__event_obj?.attend_phone ?? ''}
-                                class="field-input w-52"
-                            />
-                        </label>
-                        <label class="field-label" for="attend_phone_passcode">
-                            Dial-In Passcode
-                            <input
-                                type="text"
-                                id="attend_phone_passcode"
-                                name="attend_phone_passcode"
-                                autocomplete="off"
-                                placeholder="Passcode for dial-in"
-                                value={$lq__event_obj?.attend_phone_passcode ?? ''}
-                                class="field-input w-52"
-                            />
-                        </label>
-                    </div>
-                {/if}
-            </div>
-
-            <!-- ── Additional attendance notes (applies to any meeting type) ── -->
-            <label class="field-label" for="attend_text">
-                Additional Attendance Information
-                <span class="field-hint">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"
-                />
-            </label>
-        </div>
-
-        <!-- ============================================================
-             SECTION 3 — Schedule
-             Fields: recurring_pattern, weekday_* (Sun–Sat), timezone,
-                     recurring_start_time, recurring_end_time, recurring_text (optional)
-             recurring=true is always assumed for recovery meetings (hardcoded 2024-10).
-             recurring_text is auto-generated with *gen* prefix if left blank.
-             Members only see custom recurring_text (no *gen*); admins see both.
-             ============================================================ -->
-        <div class="section-card" id="section__schedule">
-            <h3 class="section-heading">
-                <span class="fas fa-calendar-alt"></span>
-                Schedule
-            </h3>
-
-            <!-- Recurring pattern -->
-            <label class="field-label" for="recurring_pattern">
-                Repeats
-                <select
-                    id="recurring_pattern"
-                    name="recurring_pattern"
-                    value={$lq__event_obj?.recurring_pattern}
-                    class="field-select w-48"
-                >
-                    <option value="weekly">Weekly</option>
-                    <option value="every other week">Every Other Week</option>
-                    <option value="monthly">Monthly</option>
-                    <option value="other">Other</option>
-                </select>
-            </label>
-
-            <!-- 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="field-label mb-1">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)}
-                        <label
-                            for={day.name}
-                            class="day-chip"
-                            class:day-chip--on={$idaa_slct.event_obj[day.name]}
-                        >
-                            {day.label}
-                            <input
-                                type="checkbox"
-                                id={day.name}
-                                name={day.name}
-                                bind:checked={$idaa_slct.event_obj[day.name]}
-                                class="sr-only"
-                            />
-                        </label>
-                    {/each}
-                </div>
-            </fieldset>
-
-            <!-- 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="field-label" for="timezone">
-                    Timezone <span class="field-required">*</span>
-                    {#if $ae_loc?.lu_time_zone_list?.length}
-                        <select
-                            id="timezone"
-                            name="timezone"
-                            required
-                            value={$lq__event_obj?.timezone ?? $ae_loc?.current_timezone}
-                            class="field-select w-56"
-                        >
-                            <option value="" class:hidden={!$ae_loc.trusted_access}>-- None --</option>
-                            {#each $ae_loc.lu_time_zone_list as tz (tz.name)}
-                                <option value={tz.name}>{tz.name}</option>
-                            {/each}
-                        </select>
-                    {:else}
-                        <input
-                            type="text"
-                            id="timezone"
-                            name="timezone"
-                            required
-                            value={$lq__event_obj?.timezone ?? $ae_loc?.current_timezone ?? ''}
-                            class="field-input w-44"
-                        />
-                    {/if}
-                </label>
-
-                <label class="field-label" for="recurring_start_time">
-                    Start Time
-                    <input
-                        type="time"
-                        id="recurring_start_time"
-                        name="recurring_start_time"
-                        value={$lq__event_obj?.recurring_start_time}
-                        class="field-input w-36"
-                    />
-                </label>
-
-                <label class="field-label" for="recurring_end_time">
-                    End Time
-                    <input
-                        type="time"
-                        id="recurring_end_time"
-                        name="recurring_end_time"
-                        value={$lq__event_obj?.recurring_end_time}
-                        class="field-input w-36"
-                    />
-                </label>
-            </div>
-
-            <!-- Additional schedule details (recurring_text).
-                 Auto-generated with *gen* prefix on save if not provided.
-                 Members only see this if it has been customized (no *gen*).
-                 Admins can always see and edit it.
-                 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="subsection space-y-2">
-                    <label class="field-label" for="recurring_text">
-                        Additional Schedule Details
-                        <span class="field-hint">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"
-                        />
-                    </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.')) {
-                                $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>
-            {:else}
-                <button
-                    type="button"
-                    class="btn btn-sm preset-tonal-surface"
-                    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;
-                        }
-                        $idaa_slct.event_obj.show_recurring_text = true;
-                    })}
-                >
-                    <span class="fas fa-plus"></span> Add Custom Schedule Text
-                </button>
-            {/if}
-        </div>
-
-        <!-- ============================================================
-             SECTION 4 — Contacts
-             Fields: external_person_id (Novi UUID link),
-                     contact_li_json[0] (Contact 1 — name/email locked to Novi user by default),
-                     contact_li_json[1] (Contact 2 — optional)
-             BUSINESS RULE: Trusted+ can edit any meeting. Regular members can only
-             edit their own meetings (external_person_id === novi_uuid, or email fallback).
-             Contact 1 name/email are locked by default for members to prevent accidental
-             override of the meeting owner's identity.
-             ============================================================ -->
-        <div class="section-card" id="section__contacts">
-            <h3 class="section-heading">
-                <span class="fas fa-address-book"></span>
-                Contacts
-            </h3>
-
-            <!-- 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="field-label" for="external_person_id">
-                    Meeting Owner — Novi UUID
-                    <span class="field-hint">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="field-input 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 ?? ''} />
-                <div class="space-y-1">
-                    <p class="field-label">Meeting Owner</p>
-                    <div class="flex items-center gap-2 text-sm text-surface-600-400">
-                        <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>
-                        {: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>
-                        {:else}
-                            <span class="text-surface-400 italic">Not set</span>
-                        {/if}
-                    </div>
-                </div>
-            {/if}
-
-            <!-- ── Contact 1 (Primary) ────────────────────────────────── -->
-            <!-- Name and email default to the logged-in Novi user's identity and are
-                 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="subsection space-y-3">
-                <div class="flex items-center gap-2 flex-wrap">
-                    <h4 class="subsection-heading">
-                        <span class="fas fa-user"></span> Contact 1 (Primary)
-                    </h4>
-                    {#if !$ae_loc.trusted_access && contact_1_locked}
-                        <button
-                            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?')) {
-                                    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; }}
-                        >
-                            <span class="fas fa-lock-open"></span> Re-Lock
-                        </button>
-                    {/if}
-                </div>
-
-                <div class="flex flex-row flex-wrap gap-3">
-                    <label class="field-label" for="contact_1_full_name">
-                        Full Name
-                        <input
-                            type="text"
-                            id="contact_1_full_name"
-                            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 ?? ''}
-                            class="field-input w-64"
-                            class:opacity-60={!$ae_loc.trusted_access && contact_1_locked}
-                        />
-                    </label>
-                    <label class="field-label" for="contact_1_email">
-                        Email
-                        <input
-                            type="email"
-                            id="contact_1_email"
-                            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 ?? ''}
-                            class="field-input w-64"
-                            class:opacity-60={!$ae_loc.trusted_access && contact_1_locked}
-                        />
-                    </label>
-                </div>
-
-                <div class="flex flex-row flex-wrap gap-3">
-                    <label class="field-label" for="contact_1_phone_mobile">
-                        Mobile Phone
-                        <input
-                            type="tel"
-                            id="contact_1_phone_mobile"
-                            name="contact_1_phone_mobile"
-                            autocomplete="tel"
-                            placeholder="Mobile / Cell"
-                            value={$lq__event_obj?.contact_li_json?.[0]?.phone_mobile ?? ''}
-                            class="field-input w-52"
-                        />
-                    </label>
-                    <label class="field-label" for="contact_1_phone_home">
-                        Home Phone
-                        <input
-                            type="tel"
-                            id="contact_1_phone_home"
-                            name="contact_1_phone_home"
-                            autocomplete="tel"
-                            placeholder="Home phone"
-                            value={$lq__event_obj?.contact_li_json?.[0]?.phone_home ?? ''}
-                            class="field-input w-52"
-                        />
-                    </label>
-                    <label class="field-label" for="contact_1_phone_office">
-                        Office Phone
-                        <input
-                            type="tel"
-                            id="contact_1_phone_office"
-                            name="contact_1_phone_office"
-                            autocomplete="tel"
-                            placeholder="Office phone"
-                            value={$lq__event_obj?.contact_li_json?.[0]?.phone_office ?? ''}
-                            class="field-input w-52"
-                        />
-                    </label>
-                </div>
-            </div>
-
-            <!-- ── Contact 2 (Optional secondary) ────────────────────── -->
-            <div class="subsection space-y-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="subsection-heading mb-0!">
-                        <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="field-label" for="contact_2_full_name">
-                            Full Name
-                            <input
-                                type="text"
-                                id="contact_2_full_name"
-                                name="contact_2_full_name"
-                                autocomplete="name"
-                                placeholder="Full name"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.full_name ?? ''}
-                                class="field-input w-64"
-                            />
-                        </label>
-                        <label class="field-label" for="contact_2_email">
-                            Email
-                            <input
-                                type="email"
-                                id="contact_2_email"
-                                name="contact_2_email"
-                                autocomplete="email"
-                                placeholder="Email address"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.email ?? ''}
-                                class="field-input w-64"
-                            />
-                        </label>
-                    </div>
-
-                    <div class="flex flex-row flex-wrap gap-3">
-                        <label class="field-label" for="contact_2_phone_mobile">
-                            Mobile Phone
-                            <input
-                                type="tel"
-                                id="contact_2_phone_mobile"
-                                name="contact_2_phone_mobile"
-                                autocomplete="tel"
-                                placeholder="Mobile / Cell"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.phone_mobile ?? ''}
-                                class="field-input w-52"
-                            />
-                        </label>
-                        <label class="field-label" for="contact_2_phone_home">
-                            Home Phone
-                            <input
-                                type="tel"
-                                id="contact_2_phone_home"
-                                name="contact_2_phone_home"
-                                autocomplete="tel"
-                                placeholder="Home phone"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.phone_home ?? ''}
-                                class="field-input w-52"
-                            />
-                        </label>
-                        <label class="field-label" for="contact_2_phone_office">
-                            Office Phone
-                            <input
-                                type="tel"
-                                id="contact_2_phone_office"
-                                name="contact_2_phone_office"
-                                autocomplete="tel"
-                                placeholder="Office phone"
-                                value={$lq__event_obj?.contact_li_json?.[1]?.phone_office ?? ''}
-                                class="field-input 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 ?? ''} />
-                {/if}
-            </div>
-        </div>
-
-        <!-- ============================================================
-             SECTION 5 — Admin Options  (trusted_access only)
-             Fields: status, hide, priority, sort, group, enable, notes
-             ============================================================ -->
-        {#if $ae_loc.trusted_access}
-            <div class="section-card section-card--admin" 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="section-heading mb-0!">
-                        <span class="fas fa-cogs"></span>
-                        Admin Options
-                    </h3>
-                </button>
-
-                {#if show_admin_options}
-                    <!-- Status -->
-                    <label class="field-label" for="status">
-                        Status
-                        <input
-                            type="text"
-                            id="status"
-                            name="status"
-                            placeholder="e.g. active, pending, closed"
-                            value={$lq__event_obj?.status ?? ''}
-                            class="field-input 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">
-                            <input
-                                type="checkbox"
-                                id="enable"
-                                name="enable"
-                                checked={$lq__event_obj?.enable ?? true}
-                                class="checkbox"
-                            />
-                            Enabled
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer text-sm font-semibold" for="hide">
-                            <input
-                                type="checkbox"
-                                id="hide"
-                                name="hide"
-                                checked={$lq__event_obj?.hide ?? false}
-                                class="checkbox"
-                            />
-                            Hidden
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer text-sm font-semibold" for="priority">
-                            <input
-                                type="checkbox"
-                                id="priority"
-                                name="priority"
-                                checked={$lq__event_obj?.priority ?? false}
-                                class="checkbox"
-                            />
-                            Priority (Featured)
-                        </label>
-                    </div>
-
-                    <!-- Sort + Group -->
-                    <div class="flex flex-row flex-wrap gap-3">
-                        <label class="field-label" for="sort">
-                            Sort Order
-                            <span class="field-hint">Lower numbers appear first</span>
-                            <input
-                                type="number"
-                                id="sort"
-                                name="sort"
-                                placeholder="0"
-                                value={$lq__event_obj?.sort ?? ''}
-                                class="field-input w-28"
-                            />
-                        </label>
-                        <label class="field-label" for="group">
-                            Group
-                            <span class="field-hint">Optional grouping label</span>
-                            <input
-                                type="text"
-                                id="group"
-                                name="group"
-                                placeholder="e.g. North America"
-                                value={$lq__event_obj?.group ?? ''}
-                                class="field-input w-48"
-                            />
-                        </label>
-                    </div>
-
-                    <!-- Notes — internal, not visible to members -->
-                    <label class="field-label" for="notes">
-                        Admin Notes
-                        <span class="field-hint">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"
-                        />
-                    </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 ?? ''} />
-                {/if}
-            </div>
-        {/if}
-
-        <!-- ============================================================
-             SECTION 6 — Form Actions
-             Save: always shown. Delete/Disable: trusted+ on existing meetings only.
-             Administrator gets a hard-delete option; trusted gets disable.
-             Cancel closes the edit modal and returns to the view (if editing).
-             ============================================================ -->
-        <div
-            class="
-                flex flex-row flex-wrap gap-2 items-center justify-between w-full
-                pt-2 border-t border-surface-300-700
-            "
-            id="section__actions"
-        >
-            <!-- Primary: Save -->
-            <button
-                type="submit"
-                class="btn preset-filled-primary-200-800"
-                disabled={disable_submit_btn}
-            >
-                {#await prom_api__event_obj}
-                    <span class="fas fa-spinner fa-spin"></span> Saving...
-                {:then}
-                    {#if $idaa_slct.event_id}
-                        <span class="fas fa-save"></span> Save Changes
-                    {:else}
-                        <span class="fas fa-plus-circle"></span> Save New Meeting
-                    {/if}
-                {/await}
-            </button>
-
-            <div class="flex flex-row flex-wrap gap-2 items-center">
-                <!-- Delete / Disable — tiered by permission, only on existing meetings -->
-                {#if $idaa_slct.event_id && $ae_loc.trusted_access}
-                    {#if $ae_loc.administrator_access}
-                        <!-- Administrators: hard delete available -->
-                        <button
-                            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' });
-                                }
-                            }}
-                        >
-                            <span class="fas fa-trash-alt"></span> Delete
-                        </button>
-                    {/if}
-                    <!-- Trusted: soft disable (keeps data, removes from listing) -->
-                    <button
-                        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' });
-                            }
-                        }}
-                    >
-                        <span class="fas fa-ban"></span> Disable
-                    </button>
-                {/if}
-
-                <!-- Cancel — closes edit modal, returns to view if editing existing -->
-                <button
-                    type="button"
-                    class="btn preset-tonal-surface"
-                    onclick={() => {
-                        // Clear both modal and direct-page edit flags
-                        $idaa_sess.recovery_meetings.show__modal_edit = false;
-                        $idaa_sess.recovery_meetings.edit__event_obj = false;
-                        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>
-
-<style>
-    /* @reference tells Tailwind v4 where to resolve @apply utilities in component styles */
-    @reference "../../../../app.css";
-
-    .section-card {
-        @apply p-3 space-y-3 rounded-md;
-        @apply bg-surface-100-900 border border-surface-200-800;
-    }
-
-    .section-card--admin {
-        @apply border-error-400;
-    }
-
-    .section-heading {
-        @apply text-lg font-semibold text-surface-600-400 flex items-center gap-2 pb-1 border-b border-surface-200-800;
-    }
-
-    .field-label {
-        @apply flex flex-col gap-1 text-sm font-semibold text-surface-700-300;
-    }
-
-    .field-required {
-        @apply text-error-500 ml-0.5;
-    }
-
-    .field-input {
-        @apply input preset-tonal-surface hover:preset-filled-surface-100-900;
-    }
-
-    .field-select {
-        @apply select p-1 preset-tonal-surface hover:preset-filled-surface-100-900;
-    }
-
-    .field-hint {
-        @apply block text-xs font-normal text-surface-500 -mt-0.5;
-    }
-
-    .subsection {
-        @apply pl-3 border-l-2 border-surface-300-700;
-    }
-
-    .subsection-heading {
-        @apply text-sm font-semibold text-surface-600-400 flex items-center gap-1.5;
-    }
-
-    .platform-fields {
-        @apply p-2 rounded bg-surface-50-950 border border-surface-200-800;
-    }
-
-    /* Toggle chip — used for physical/virtual checkboxes */
-    .toggle-chip {
-        @apply flex items-center gap-2 px-3 py-2 rounded-lg cursor-pointer;
-        @apply text-sm font-semibold;
-        @apply preset-tonal-surface border border-surface-300-700;
-        @apply hover:preset-filled-surface-200-800 transition-all;
-    }
-
-    .toggle-chip--on {
-        @apply preset-filled-success-200-800 border-success-400;
-    }
-
-    /* Day-of-week chip — compact version of toggle-chip for the 7-day row */
-    .day-chip {
-        @apply flex items-center justify-center w-12 py-2 rounded-lg cursor-pointer;
-        @apply text-sm font-semibold;
-        @apply preset-tonal-surface border border-surface-300-700;
-        @apply hover:preset-filled-surface-200-800 transition-all;
-    }
-
-    .day-chip--on {
-        @apply preset-filled-primary-200-800 border-primary-400;
-    }
-</style>
diff --git a/tests/README.md b/tests/README.md
index 5865e0ff..b1b8d20e 100644
--- a/tests/README.md
+++ b/tests/README.md
@@ -91,7 +91,7 @@ console.log(bad.map(el => el.name || el.id));
 
 **Cause:** In Svelte 5, `value={someReactiveExpr}` on an uncontrolled `<input>` or `<select>` is a **one-time set at mount**. If the backing reactive store (`$ae_loc`, `liveQuery`, etc.) is empty when the component first renders, the field gets `value=""` and stays that way — even after the store updates.
 
-**Specific instance fixed:** The `[name="timezone"]` field in `ae_idaa_comp__event_obj_id_edit_v2.svelte` has two branches:
+**Specific instance fixed:** The `[name="timezone"]` field in `ae_idaa_comp__event_obj_id_edit.svelte` has two branches:
 ```svelte
 {#if $ae_loc?.lu_time_zone_list?.length}
     <select name="timezone" required value={...}>  ← renders with value ✓