From 2816c09003e3b8fbbb5a3a54e768908d88329b6c Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Mon, 23 Jun 2025 18:26:49 -0400
Subject: [PATCH] More work on IDAA and LCI style and themes.

---
 src/ae-c-lci.css                              | 205 ++++++++++
 src/aeclci_v1.css                             | 205 ++++++++++
 src/app.css                                   |   6 +
 src/lib/ae_idaa_stores.ts                     |   2 +
 src/lib/e_app_theme.svelte                    |   4 +-
 src/routes/+layout.svelte                     |   8 +
 .../ae_comp__event_presenter_obj_li.svelte    |   2 +-
 src/routes/idaa/(idaa)/bb/+page.svelte        |   6 +-
 .../bb/ae_idaa_comp__post_obj_li.svelte       |  11 +-
 .../(idaa)/recovery_meetings/+page.svelte     | 364 +++++++++++-------
 .../ae_idaa_comp__event_obj_id_view.svelte    |   1 +
 .../ae_idaa_comp__event_obj_li.svelte         |  17 +-
 12 files changed, 675 insertions(+), 156 deletions(-)
 create mode 100644 src/ae-c-lci.css
 create mode 100644 src/aeclci_v1.css

diff --git a/src/ae-c-lci.css b/src/ae-c-lci.css
new file mode 100644
index 00000000..921aab6a
--- /dev/null
+++ b/src/ae-c-lci.css
@@ -0,0 +1,205 @@
+[data-theme='AE_c_LCI'] {
+	--text-scaling: 1.067;
+	--base-font-color: var(--color-surface-950);
+	--base-font-color-dark: var(--color-surface-50);
+	--base-font-family: system-ui, sans-serif;
+	--base-font-size: inherit;
+	--base-line-height: inherit;
+	--base-font-weight: normal;
+	--base-font-style: normal;
+	--base-letter-spacing: 0em;
+	--heading-font-color: inherit;
+	--heading-font-color-dark: inherit;
+	--heading-font-family: inherit;
+	--heading-font-weight: bold;
+	--heading-font-style: normal;
+	--heading-letter-spacing: inherit;
+	--anchor-font-color: var(--color-primary-500);
+	--anchor-font-color-dark: var(--color-primary-500);
+	--anchor-font-family: inherit;
+	--anchor-font-size: inherit;
+	--anchor-line-height: inherit;
+	--anchor-font-weight: inherit;
+	--anchor-font-style: inherit;
+	--anchor-letter-spacing: inherit;
+	--anchor-text-decoration: none;
+	--anchor-text-decoration-hover: underline;
+	--anchor-text-decoration-active: none;
+	--anchor-text-decoration-focus: none;
+	--spacing: 0.25rem;
+	--radius-base: 0.375rem;
+	--radius-container: 0.75rem;
+	--default-border-width: 1px;
+	--default-divide-width: 1px;
+	--default-ring-width: 1px;
+	--body-background-color: var(--color-surface-50);
+	--body-background-color-dark: var(--color-surface-950);
+	--color-primary-50: oklch(85.1% 0.07 265.19deg);
+	--color-primary-100: oklch(77.89% 0.08 264.31deg);
+	--color-primary-200: oklch(70.32% 0.08 264.44deg);
+	--color-primary-300: oklch(62.86% 0.09 263.87deg);
+	--color-primary-400: oklch(54.96% 0.1 263.8deg);
+	--color-primary-500: oklch(47.12% 0.11 262.88deg);
+	--color-primary-600: oklch(40.9% 0.1 264.73deg);
+	--color-primary-700: oklch(34.53% 0.1 267.34deg);
+	--color-primary-800: oklch(28.16% 0.09 268.81deg);
+	--color-primary-900: oklch(21.29% 0.09 271.12deg);
+	--color-primary-950: oklch(12.88% 0.09 264.05deg);
+	--color-primary-contrast-dark: var(--color-primary-950);
+	--color-primary-contrast-light: var(--color-primary-50);
+	--color-primary-contrast-50: var(--color-primary-contrast-dark);
+	--color-primary-contrast-100: var(--color-primary-contrast-dark);
+	--color-primary-contrast-200: var(--color-primary-contrast-dark);
+	--color-primary-contrast-300: var(--color-primary-contrast-dark);
+	--color-primary-contrast-400: var(--color-primary-contrast-dark);
+	--color-primary-contrast-500: var(--color-primary-contrast-light);
+	--color-primary-contrast-600: var(--color-primary-contrast-light);
+	--color-primary-contrast-700: var(--color-primary-contrast-light);
+	--color-primary-contrast-800: var(--color-primary-contrast-light);
+	--color-primary-contrast-900: var(--color-primary-contrast-light);
+	--color-primary-contrast-950: var(--color-primary-contrast-light);
+	--color-secondary-50: oklch(96.14% 0.06 196.21deg);
+	--color-secondary-100: oklch(89.81% 0.07 212.45deg);
+	--color-secondary-200: oklch(83.71% 0.08 223.06deg);
+	--color-secondary-300: oklch(77.42% 0.1 231.73deg);
+	--color-secondary-400: oklch(71.44% 0.12 237.59deg);
+	--color-secondary-500: oklch(65.39% 0.14 243.22deg);
+	--color-secondary-600: oklch(58.93% 0.13 245.07deg);
+	--color-secondary-700: oklch(52.09% 0.12 248.03deg);
+	--color-secondary-800: oklch(45.27% 0.12 250.54deg);
+	--color-secondary-900: oklch(38.01% 0.11 254.24deg);
+	--color-secondary-950: oklch(30.67% 0.11 256.73deg);
+	--color-secondary-contrast-dark: var(--color-secondary-950);
+	--color-secondary-contrast-light: var(--color-secondary-50);
+	--color-secondary-contrast-50: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-100: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-200: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-300: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-400: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-500: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-600: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-700: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-800: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-900: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-950: var(--color-secondary-contrast-light);
+	--color-tertiary-50: oklch(87.75% 0.12 326.52deg);
+	--color-tertiary-100: oklch(80.92% 0.13 323.93deg);
+	--color-tertiary-200: oklch(73.87% 0.14 321.55deg);
+	--color-tertiary-300: oklch(66.9% 0.15 319.41deg);
+	--color-tertiary-400: oklch(59.72% 0.16 317.25deg);
+	--color-tertiary-500: oklch(52.73% 0.17 315.13deg);
+	--color-tertiary-600: oklch(46.6% 0.16 314.18deg);
+	--color-tertiary-700: oklch(40.43% 0.14 312.8deg);
+	--color-tertiary-800: oklch(33.85% 0.13 309.88deg);
+	--color-tertiary-900: oklch(27.23% 0.12 306.83deg);
+	--color-tertiary-950: oklch(19.83% 0.1 302.7deg);
+	--color-tertiary-contrast-dark: var(--color-tertiary-950);
+	--color-tertiary-contrast-light: var(--color-tertiary-50);
+	--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-400: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
+	--color-success-50: oklch(95.23% 0.07 195.99deg);
+	--color-success-100: oklch(90.22% 0.09 189.46deg);
+	--color-success-200: oklch(85.11% 0.1 186.03deg);
+	--color-success-300: oklch(80.35% 0.12 181.75deg);
+	--color-success-400: oklch(75.55% 0.12 178.92deg);
+	--color-success-500: oklch(71.19% 0.13 174.73deg);
+	--color-success-600: oklch(64.29% 0.12 173.65deg);
+	--color-success-700: oklch(57.46% 0.11 171.75deg);
+	--color-success-800: oklch(50.18% 0.1 170.68deg);
+	--color-success-900: oklch(42.87% 0.09 167.65deg);
+	--color-success-950: oklch(34.91% 0.07 164.42deg);
+	--color-success-contrast-dark: var(--color-success-950);
+	--color-success-contrast-light: var(--color-success-50);
+	--color-success-contrast-50: var(--color-success-contrast-dark);
+	--color-success-contrast-100: var(--color-success-contrast-dark);
+	--color-success-contrast-200: var(--color-success-contrast-dark);
+	--color-success-contrast-300: var(--color-success-contrast-dark);
+	--color-success-contrast-400: var(--color-success-contrast-dark);
+	--color-success-contrast-500: var(--color-success-contrast-dark);
+	--color-success-contrast-600: var(--color-success-contrast-dark);
+	--color-success-contrast-700: var(--color-success-contrast-light);
+	--color-success-contrast-800: var(--color-success-contrast-light);
+	--color-success-contrast-900: var(--color-success-contrast-light);
+	--color-success-contrast-950: var(--color-success-contrast-light);
+	--color-warning-50: oklch(95.67% 0.05 84.56deg);
+	--color-warning-100: oklch(92.83% 0.06 82.16deg);
+	--color-warning-200: oklch(90.12% 0.08 80.33deg);
+	--color-warning-300: oklch(87.59% 0.1 80.01deg);
+	--color-warning-400: oklch(85.03% 0.12 78.35deg);
+	--color-warning-500: oklch(82.46% 0.14 76.71deg);
+	--color-warning-600: oklch(76.34% 0.13 72.25deg);
+	--color-warning-700: oklch(70.34% 0.13 68.09deg);
+	--color-warning-800: oklch(63.99% 0.13 63.18deg);
+	--color-warning-900: oklch(57.91% 0.13 57.97deg);
+	--color-warning-950: oklch(51.69% 0.13 51.44deg);
+	--color-warning-contrast-dark: var(--color-warning-950);
+	--color-warning-contrast-light: var(--color-warning-50);
+	--color-warning-contrast-50: var(--color-warning-contrast-dark);
+	--color-warning-contrast-100: var(--color-warning-contrast-dark);
+	--color-warning-contrast-200: var(--color-warning-contrast-dark);
+	--color-warning-contrast-300: var(--color-warning-contrast-dark);
+	--color-warning-contrast-400: var(--color-warning-contrast-dark);
+	--color-warning-contrast-500: var(--color-warning-contrast-dark);
+	--color-warning-contrast-600: var(--color-warning-contrast-light);
+	--color-warning-contrast-700: var(--color-warning-contrast-light);
+	--color-warning-contrast-800: var(--color-warning-contrast-light);
+	--color-warning-contrast-900: var(--color-warning-contrast-light);
+	--color-warning-contrast-950: var(--color-warning-contrast-light);
+	--color-error-50: oklch(84.29% 0.09 46.91deg);
+	--color-error-100: oklch(78.63% 0.12 39.19deg);
+	--color-error-200: oklch(72.92% 0.14 34.35deg);
+	--color-error-300: oklch(67.88% 0.17 31.48deg);
+	--color-error-400: oklch(63.09% 0.19 30.02deg);
+	--color-error-500: oklch(59.32% 0.21 29.47deg);
+	--color-error-600: oklch(53.56% 0.19 29.25deg);
+	--color-error-700: oklch(47.75% 0.17 29.2deg);
+	--color-error-800: oklch(41.51% 0.15 28.7deg);
+	--color-error-900: oklch(35.35% 0.14 28.7deg);
+	--color-error-950: oklch(28.69% 0.12 29.23deg);
+	--color-error-contrast-dark: var(--color-error-950);
+	--color-error-contrast-light: var(--color-error-50);
+	--color-error-contrast-50: var(--color-error-contrast-dark);
+	--color-error-contrast-100: var(--color-error-contrast-dark);
+	--color-error-contrast-200: var(--color-error-contrast-dark);
+	--color-error-contrast-300: var(--color-error-contrast-dark);
+	--color-error-contrast-400: var(--color-error-contrast-dark);
+	--color-error-contrast-500: var(--color-error-contrast-light);
+	--color-error-contrast-600: var(--color-error-contrast-light);
+	--color-error-contrast-700: var(--color-error-contrast-light);
+	--color-error-contrast-800: var(--color-error-contrast-light);
+	--color-error-contrast-900: var(--color-error-contrast-light);
+	--color-error-contrast-950: var(--color-error-contrast-light);
+	--color-surface-50: oklch(100% 0 none);
+	--color-surface-100: oklch(97.02% 0 none);
+	--color-surface-200: oklch(94.01% 0 none);
+	--color-surface-300: oklch(91.12% 0 196.34deg);
+	--color-surface-400: oklch(88.07% 0 196.37deg);
+	--color-surface-500: oklch(84.99% 0 196.4deg);
+	--color-surface-600: oklch(77.78% 0 196.47deg);
+	--color-surface-700: oklch(70.09% 0 196.54deg);
+	--color-surface-800: oklch(62.51% 0 196.61deg);
+	--color-surface-900: oklch(54.34% 0 196.68deg);
+	--color-surface-950: oklch(46.22% 0 196.73deg);
+	--color-surface-contrast-dark: var(--color-surface-950);
+	--color-surface-contrast-light: var(--color-surface-50);
+	--color-surface-contrast-50: var(--color-surface-contrast-dark);
+	--color-surface-contrast-100: var(--color-surface-contrast-dark);
+	--color-surface-contrast-200: var(--color-surface-contrast-dark);
+	--color-surface-contrast-300: var(--color-surface-contrast-dark);
+	--color-surface-contrast-400: var(--color-surface-contrast-dark);
+	--color-surface-contrast-500: var(--color-surface-contrast-dark);
+	--color-surface-contrast-600: var(--color-surface-contrast-dark);
+	--color-surface-contrast-700: var(--color-surface-contrast-dark);
+	--color-surface-contrast-800: var(--color-surface-contrast-dark);
+	--color-surface-contrast-900: var(--color-surface-contrast-light);
+	--color-surface-contrast-950: var(--color-surface-contrast-light);
+}
\ No newline at end of file
diff --git a/src/aeclci_v1.css b/src/aeclci_v1.css
new file mode 100644
index 00000000..eae30d0c
--- /dev/null
+++ b/src/aeclci_v1.css
@@ -0,0 +1,205 @@
+[data-theme='aeclci'] {
+	--text-scaling: 1.067;
+	--base-font-color: var(--color-surface-950);
+	--base-font-color-dark: var(--color-surface-50);
+	--base-font-family: system-ui, sans-serif;
+	--base-font-size: inherit;
+	--base-line-height: inherit;
+	--base-font-weight: normal;
+	--base-font-style: normal;
+	--base-letter-spacing: 0em;
+	--heading-font-color: inherit;
+	--heading-font-color-dark: inherit;
+	--heading-font-family: inherit;
+	--heading-font-weight: bold;
+	--heading-font-style: normal;
+	--heading-letter-spacing: inherit;
+	--anchor-font-color: var(--color-primary-500);
+	--anchor-font-color-dark: var(--color-primary-500);
+	--anchor-font-family: inherit;
+	--anchor-font-size: inherit;
+	--anchor-line-height: inherit;
+	--anchor-font-weight: inherit;
+	--anchor-font-style: inherit;
+	--anchor-letter-spacing: inherit;
+	--anchor-text-decoration: none;
+	--anchor-text-decoration-hover: underline;
+	--anchor-text-decoration-active: none;
+	--anchor-text-decoration-focus: none;
+	--spacing: 0.25rem;
+	--radius-base: 0.375rem;
+	--radius-container: 0.75rem;
+	--default-border-width: 1px;
+	--default-divide-width: 1px;
+	--default-ring-width: 1px;
+	--body-background-color: var(--color-surface-50);
+	--body-background-color-dark: var(--color-surface-950);
+	--color-primary-50: oklch(85.1% 0.07 265.19deg);
+	--color-primary-100: oklch(77.89% 0.08 264.31deg);
+	--color-primary-200: oklch(70.32% 0.08 264.44deg);
+	--color-primary-300: oklch(62.86% 0.09 263.87deg);
+	--color-primary-400: oklch(54.96% 0.1 263.8deg);
+	--color-primary-500: oklch(47.12% 0.11 262.88deg);
+	--color-primary-600: oklch(40.9% 0.1 264.73deg);
+	--color-primary-700: oklch(34.53% 0.1 267.34deg);
+	--color-primary-800: oklch(28.16% 0.09 268.81deg);
+	--color-primary-900: oklch(21.29% 0.09 271.12deg);
+	--color-primary-950: oklch(12.88% 0.09 264.05deg);
+	--color-primary-contrast-dark: var(--color-primary-950);
+	--color-primary-contrast-light: var(--color-primary-50);
+	--color-primary-contrast-50: var(--color-primary-contrast-dark);
+	--color-primary-contrast-100: var(--color-primary-contrast-dark);
+	--color-primary-contrast-200: var(--color-primary-contrast-dark);
+	--color-primary-contrast-300: var(--color-primary-contrast-dark);
+	--color-primary-contrast-400: var(--color-primary-contrast-dark);
+	--color-primary-contrast-500: var(--color-primary-contrast-light);
+	--color-primary-contrast-600: var(--color-primary-contrast-light);
+	--color-primary-contrast-700: var(--color-primary-contrast-light);
+	--color-primary-contrast-800: var(--color-primary-contrast-light);
+	--color-primary-contrast-900: var(--color-primary-contrast-light);
+	--color-primary-contrast-950: var(--color-primary-contrast-light);
+	--color-secondary-50: oklch(73.24% 0.12 278.78deg);
+	--color-secondary-100: oklch(65.76% 0.12 276.12deg);
+	--color-secondary-200: oklch(58.15% 0.12 273.33deg);
+	--color-secondary-300: oklch(50.59% 0.12 270.28deg);
+	--color-secondary-400: oklch(42.65% 0.12 267.23deg);
+	--color-secondary-500: oklch(34.53% 0.12 264.22deg);
+	--color-secondary-600: oklch(30.3% 0.11 264.59deg);
+	--color-secondary-700: oklch(25.96% 0.09 265.69deg);
+	--color-secondary-800: oklch(21.25% 0.08 267.5deg);
+	--color-secondary-900: oklch(16.42% 0.06 269.55deg);
+	--color-secondary-950: oklch(8.85% 0.06 264.05deg);
+	--color-secondary-contrast-dark: var(--color-secondary-950);
+	--color-secondary-contrast-light: var(--color-secondary-50);
+	--color-secondary-contrast-50: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-100: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-200: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-300: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-400: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-500: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-600: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-700: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-800: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-900: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-950: var(--color-secondary-contrast-light);
+	--color-tertiary-50: oklch(87.75% 0.12 326.52deg);
+	--color-tertiary-100: oklch(80.92% 0.13 323.93deg);
+	--color-tertiary-200: oklch(73.87% 0.14 321.55deg);
+	--color-tertiary-300: oklch(66.9% 0.15 319.41deg);
+	--color-tertiary-400: oklch(59.72% 0.16 317.25deg);
+	--color-tertiary-500: oklch(52.73% 0.17 315.13deg);
+	--color-tertiary-600: oklch(46.6% 0.16 314.18deg);
+	--color-tertiary-700: oklch(40.43% 0.14 312.8deg);
+	--color-tertiary-800: oklch(33.85% 0.13 309.88deg);
+	--color-tertiary-900: oklch(27.23% 0.12 306.83deg);
+	--color-tertiary-950: oklch(19.83% 0.1 302.7deg);
+	--color-tertiary-contrast-dark: var(--color-tertiary-950);
+	--color-tertiary-contrast-light: var(--color-tertiary-50);
+	--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-400: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
+	--color-success-50: oklch(95.23% 0.07 195.99deg);
+	--color-success-100: oklch(90.22% 0.09 189.46deg);
+	--color-success-200: oklch(85.11% 0.1 186.03deg);
+	--color-success-300: oklch(80.35% 0.12 181.75deg);
+	--color-success-400: oklch(75.55% 0.12 178.92deg);
+	--color-success-500: oklch(71.19% 0.13 174.73deg);
+	--color-success-600: oklch(64.29% 0.12 173.65deg);
+	--color-success-700: oklch(57.46% 0.11 171.75deg);
+	--color-success-800: oklch(50.18% 0.1 170.68deg);
+	--color-success-900: oklch(42.87% 0.09 167.65deg);
+	--color-success-950: oklch(34.91% 0.07 164.42deg);
+	--color-success-contrast-dark: var(--color-success-950);
+	--color-success-contrast-light: var(--color-success-50);
+	--color-success-contrast-50: var(--color-success-contrast-dark);
+	--color-success-contrast-100: var(--color-success-contrast-dark);
+	--color-success-contrast-200: var(--color-success-contrast-dark);
+	--color-success-contrast-300: var(--color-success-contrast-dark);
+	--color-success-contrast-400: var(--color-success-contrast-dark);
+	--color-success-contrast-500: var(--color-success-contrast-dark);
+	--color-success-contrast-600: var(--color-success-contrast-dark);
+	--color-success-contrast-700: var(--color-success-contrast-light);
+	--color-success-contrast-800: var(--color-success-contrast-light);
+	--color-success-contrast-900: var(--color-success-contrast-light);
+	--color-success-contrast-950: var(--color-success-contrast-light);
+	--color-warning-50: oklch(95.67% 0.05 84.56deg);
+	--color-warning-100: oklch(92.83% 0.06 82.16deg);
+	--color-warning-200: oklch(90.12% 0.08 80.33deg);
+	--color-warning-300: oklch(87.59% 0.1 80.01deg);
+	--color-warning-400: oklch(85.03% 0.12 78.35deg);
+	--color-warning-500: oklch(82.46% 0.14 76.71deg);
+	--color-warning-600: oklch(76.34% 0.13 72.25deg);
+	--color-warning-700: oklch(70.34% 0.13 68.09deg);
+	--color-warning-800: oklch(63.99% 0.13 63.18deg);
+	--color-warning-900: oklch(57.91% 0.13 57.97deg);
+	--color-warning-950: oklch(51.69% 0.13 51.44deg);
+	--color-warning-contrast-dark: var(--color-warning-950);
+	--color-warning-contrast-light: var(--color-warning-50);
+	--color-warning-contrast-50: var(--color-warning-contrast-dark);
+	--color-warning-contrast-100: var(--color-warning-contrast-dark);
+	--color-warning-contrast-200: var(--color-warning-contrast-dark);
+	--color-warning-contrast-300: var(--color-warning-contrast-dark);
+	--color-warning-contrast-400: var(--color-warning-contrast-dark);
+	--color-warning-contrast-500: var(--color-warning-contrast-dark);
+	--color-warning-contrast-600: var(--color-warning-contrast-light);
+	--color-warning-contrast-700: var(--color-warning-contrast-light);
+	--color-warning-contrast-800: var(--color-warning-contrast-light);
+	--color-warning-contrast-900: var(--color-warning-contrast-light);
+	--color-warning-contrast-950: var(--color-warning-contrast-light);
+	--color-error-50: oklch(84.29% 0.09 46.91deg);
+	--color-error-100: oklch(78.63% 0.12 39.19deg);
+	--color-error-200: oklch(72.92% 0.14 34.35deg);
+	--color-error-300: oklch(67.88% 0.17 31.48deg);
+	--color-error-400: oklch(63.09% 0.19 30.02deg);
+	--color-error-500: oklch(59.32% 0.21 29.47deg);
+	--color-error-600: oklch(53.56% 0.19 29.25deg);
+	--color-error-700: oklch(47.75% 0.17 29.2deg);
+	--color-error-800: oklch(41.51% 0.15 28.7deg);
+	--color-error-900: oklch(35.35% 0.14 28.7deg);
+	--color-error-950: oklch(28.69% 0.12 29.23deg);
+	--color-error-contrast-dark: var(--color-error-950);
+	--color-error-contrast-light: var(--color-error-50);
+	--color-error-contrast-50: var(--color-error-contrast-dark);
+	--color-error-contrast-100: var(--color-error-contrast-dark);
+	--color-error-contrast-200: var(--color-error-contrast-dark);
+	--color-error-contrast-300: var(--color-error-contrast-dark);
+	--color-error-contrast-400: var(--color-error-contrast-dark);
+	--color-error-contrast-500: var(--color-error-contrast-light);
+	--color-error-contrast-600: var(--color-error-contrast-light);
+	--color-error-contrast-700: var(--color-error-contrast-light);
+	--color-error-contrast-800: var(--color-error-contrast-light);
+	--color-error-contrast-900: var(--color-error-contrast-light);
+	--color-error-contrast-950: var(--color-error-contrast-light);
+	--color-surface-50: oklch(100% 0 none);
+	--color-surface-100: oklch(97.02% 0 none);
+	--color-surface-200: oklch(94.01% 0 none);
+	--color-surface-300: oklch(91.12% 0 196.34deg);
+	--color-surface-400: oklch(88.07% 0 196.37deg);
+	--color-surface-500: oklch(84.99% 0 196.4deg);
+	--color-surface-600: oklch(77.78% 0 196.47deg);
+	--color-surface-700: oklch(70.09% 0 196.54deg);
+	--color-surface-800: oklch(62.51% 0 196.61deg);
+	--color-surface-900: oklch(54.34% 0 196.68deg);
+	--color-surface-950: oklch(46.22% 0 196.73deg);
+	--color-surface-contrast-dark: var(--color-surface-950);
+	--color-surface-contrast-light: var(--color-surface-50);
+	--color-surface-contrast-50: var(--color-surface-contrast-dark);
+	--color-surface-contrast-100: var(--color-surface-contrast-dark);
+	--color-surface-contrast-200: var(--color-surface-contrast-dark);
+	--color-surface-contrast-300: var(--color-surface-contrast-dark);
+	--color-surface-contrast-400: var(--color-surface-contrast-dark);
+	--color-surface-contrast-500: var(--color-surface-contrast-dark);
+	--color-surface-contrast-600: var(--color-surface-contrast-dark);
+	--color-surface-contrast-700: var(--color-surface-contrast-dark);
+	--color-surface-contrast-800: var(--color-surface-contrast-dark);
+	--color-surface-contrast-900: var(--color-surface-contrast-light);
+	--color-surface-contrast-950: var(--color-surface-contrast-light);
+}
\ No newline at end of file
diff --git a/src/app.css b/src/app.css
index ecf8a184..d8374721 100644
--- a/src/app.css
+++ b/src/app.css
@@ -17,6 +17,7 @@
 @import '@skeletonlabs/skeleton/themes/wintry';
 /* @import '@skeletonlabs/skeleton/themes/ae_c_osit'; */
 /* @import '@skeletonlabs/skeleton/themes/ae_c_lci'; */
+@import './ae-c-lci.css';
 
 @source '../node_modules/@skeletonlabs/skeleton-svelte/dist';
 
@@ -367,6 +368,11 @@ html.trusted_access #appShell {
     /* bg-gray-300 */
     @apply h2 text-center preset-tonal-primary rounded-md flex flex-row gap-0.25 items-center justify-between w-full p-1 px-2;
 }
+[data-theme='AE_c_LCI'] .ae_obj__event_presenter {
+    @apply preset-filled-success-500;
+    /* --color-success-500; */
+}
+
 .ae_container_module_content {
     @apply container;
 }
diff --git a/src/lib/ae_idaa_stores.ts b/src/lib/ae_idaa_stores.ts
index 966ddaa1..bd1216f9 100644
--- a/src/lib/ae_idaa_stores.ts
+++ b/src/lib/ae_idaa_stores.ts
@@ -120,6 +120,8 @@ let idaa_session_data_struct: key_val = {
 
         show__modal_edit: false,
         show__modal_view: false,
+        show__modal_edit__event_id: null,
+        show__modal_view__event_id: null,
     },
 
 };
diff --git a/src/lib/e_app_theme.svelte b/src/lib/e_app_theme.svelte
index 29579c30..a7ff2885 100644
--- a/src/lib/e_app_theme.svelte
+++ b/src/lib/e_app_theme.svelte
@@ -147,8 +147,8 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
     <option value="terminus">Terminus</option>
     <option value="vintage">Vintage</option>
     <option value="wintry">Wintry</option>
-    <option value="ae_c_osit">OSIT</option>
-    <option value="ae_c_lci">LCI</option>
+    <!-- <option value="ae_c_osit">OSIT</option> -->
+    <option value="AE_c_LCI">LCI</option>
 </select>
 </div>
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a03553a9..26bd6eb4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -336,6 +336,14 @@ if ($ae_loc?.site_access_key || $ae_loc?.site_domain_access_key) {
     $ae_loc.allow_access = true;
 }
 
+
+if ($ae_loc?.site_cfg_json?.theme) {
+    $ae_loc.theme_name = $ae_loc.site_cfg_json.theme;
+}
+if ($ae_loc?.site_cfg_json?.theme_mode) {
+    $ae_loc.theme_mode = $ae_loc.site_cfg_json.theme_mode;
+}
+
 // BEGIN: iframe Check:
 
 // END: iframe Check:
diff --git a/src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_li.svelte b/src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_li.svelte
index 50acd45e..e7a01654 100644
--- a/src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_li.svelte
+++ b/src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_li.svelte
@@ -107,7 +107,7 @@ let lq__event_presentation_obj = liveQuery(
             >
             <a
                 href="/events/{event_presenter_obj.event_id_random}/presenter/{event_presenter_obj.event_presenter_id_random}"
-                class="btn preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 font-bold min-w-64 max-w-96 my-0.5 overflow-hidden"
+                class="ae_obj__event_presenter btn preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 font-bold min-w-64 max-w-96 my-0.5 overflow-hidden"
                 class:btn-sm={display_mode != 'default'}
                 title="Person ID: {event_presenter_obj.person_id_random}; Email: {event_presenter_obj.person_primary_email}"
                 >
diff --git a/src/routes/idaa/(idaa)/bb/+page.svelte b/src/routes/idaa/(idaa)/bb/+page.svelte
index ac82450c..bdcaf9af 100644
--- a/src/routes/idaa/(idaa)/bb/+page.svelte
+++ b/src/routes/idaa/(idaa)/bb/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { run } from 'svelte/legacy';
-
 import { page } from '$app/state';
 interface Props {
     /** @type {import('./$types').PageData} */
@@ -9,7 +8,8 @@ interface Props {
 
 let { data }: Props = $props();
 
-let log_lvl: number = 0;
+let log_lvl: number = $state(0);
+
 if (log_lvl) {
     console.log(`ae_idaa_bb +page.svelte data:`, data);
 }
@@ -42,7 +42,7 @@ if (!post_id) {
     $idaa_trig.post_id = post_id;
 }
 
-
+// Functions and Logic
 let lq__post_obj_li = $derived(liveQuery(async () => {
     let results = await db_posts.post
         .where('account_id')
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
index 8465522e..6c9336c6 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
@@ -1,4 +1,8 @@
 <script lang="ts">
+/** @type {import('./$types').PageData} */
+export let data: any;
+let log_lvl: number = 0;
+
 // *** Import Svelte core
 import { onMount } from 'svelte';
 import { Spinner } from 'flowbite-svelte';
@@ -11,7 +15,9 @@ import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
 export let lq__post_obj_li: any;
 
 onMount(() => {
-    console.log('** Component Mounted: ** List - Bulletin Board (Post) Obj');
+    if (log_lvl) {
+        console.log('** Component Mounted: ** List - Bulletin Board (Post) Obj', data?.route.toString() ?? 'unknown');
+    }
 });
 </script>
 
@@ -23,7 +29,7 @@ onMount(() => {
 
     {#if idaa_post_obj} <!-- This check for the idaa_post_obj is here in case the IDB entry is deleted. -->
     <div
-        class="container bb_post post_obj border border p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-white rounded-lg"
+        class="container bb_post post_obj border p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-white rounded-lg"
         class:dim={idaa_post_obj?.hide}
         class:bg-warning-100={!idaa_post_obj?.enable}
         class:hidden={(idaa_post_obj.hide && $idaa_loc.bb.qry__hidden != 'all') || (!idaa_post_obj.enable && $idaa_loc.bb.qry__enabled != 'all')}
@@ -123,6 +129,7 @@ onMount(() => {
                 {#if $ae_loc.trusted_access && idaa_post_obj.email}
                     (<a href="mailto:{idaa_post_obj.email}?subject=IDAA BB Post">{idaa_post_obj.email}</a>)
                 {/if}
+                </span>
             </div>
             {/if}
 
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte b/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
index 9ac37e89..2abfe871 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
@@ -1,5 +1,12 @@
 <script lang="ts">
 import { run } from 'svelte/legacy';
+import { page } from '$app/state';
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+}
+
+let { data }: Props = $props();
 
 let log_lvl: number = $state(0);
 // console.log(`ae_events_pres_mgmt event [event_id] +page.svelte data:`, data);
@@ -25,25 +32,20 @@ import Comp__event_obj_qry from './ae_idaa_comp__event_obj_qry.svelte';
 import Comp__event_obj_li from './ae_idaa_comp__event_obj_li.svelte';
 import Comp__event_obj_id_edit from './ae_idaa_comp__event_obj_id_edit.svelte';
 import Comp__event_obj_id_view from './ae_idaa_comp__event_obj_id_view.svelte';
-interface Props {
-    /** @type {import('./$types').PageData} */
-    data: any;
-}
 
-let { data }: Props = $props();
 
 let event_id_random_li: Array<string> = $state();
 
+let event_id = page.url.searchParams.get('event_id') ?? null;
+if (!event_id) {
+    $idaa_slct.event_id = null;
+} else {
+    console.log(`ae Recovery Meetings - [event_id] +page.ts: event_id = `, event_id);
+    $idaa_slct.event_id = event_id;
+    $idaa_trig.event_id = event_id;
+}
 
 // Functions and Logic
-let lq__event_obj = $derived(liveQuery(async () => {
-    let results = await db_events.events
-        .get($idaa_slct.event_id ?? '');
-
-    return results;
-}));
-
-
 let lq_new__event_obj_li = $derived(liveQuery(async () => {
     let link_to_type: string = 'account';
     let link_to_id: string = $slct.account_id;
@@ -98,10 +100,17 @@ let lq_new__event_obj_li = $derived(liveQuery(async () => {
     }
 }));
 
+let lq__event_obj = $derived(liveQuery(async () => {
+    let results = await db_events.events
+        .get($idaa_slct.event_id ?? '');
+
+    return results;
+}));
+
 
 // This (event_li trigger for IDAA) is not currently being used.
 // Updated 2024-11-19
-run(() => {
+$effect(() => {
         if ($idaa_trig.event_li) {
         $idaa_trig.event_li = false;
 
@@ -134,147 +143,195 @@ run(() => {
 
 
 // Updated 2024-11-19
-run(() => {
+$effect(() => {
     if ($idaa_trig.event_li_qry) {
-    $idaa_trig.event_li_qry = false;
+        $idaa_trig.event_li_qry = false;
 
-    if (log_lvl) {
-        console.log(`Triggered: $idaa_trig.event_li_qry`);
-    }
-
-    // $idaa_sess.recovery_meetings.qry__status = 'loading';
-
-    let and_physical = $idaa_loc.recovery_meetings.qry__physical;
-    let and_virtual = $idaa_loc.recovery_meetings.qry__virtual;
-    let and_type = $idaa_loc.recovery_meetings.qry__type;
-    let order_by_li = $idaa_loc.recovery_meetings.qry__order_by_li;
-    let search_delay = 15;
-    let max_tries = 5;
-    let try_cache = true;
-
-    // let params = {
-    //         'qry__enabled': $idaa_loc.recovery_meetings.qry__enabled ?? 'enabled',
-    //         'qry__hidden': $idaa_loc.recovery_meetings.qry__hidden ?? 'not_hidden',
-    //         'qry__limit': $idaa_loc.recovery_meetings.qry__limit ?? 35,
-    //     };
-
-
-    if ($idaa_loc.recovery_meetings.qry__enabled !== 'all' || $idaa_loc.recovery_meetings.qry__hidden !== 'all') {
-        console.log(`Deleting disabled or hidden event.`);
-        let results = db_events.events
-            .clear();
-        console.log(`Deleted ${results} disabled event.`);
-
-    }
-
-    if ($idaa_sess.recovery_meetings?.qry__status != null && $idaa_sess.recovery_meetings?.qry__status != 'done') {
-        console.log('*** TEST SEARCH - $idaa_sess.recovery_meetings.qry__status != done ***');
-        // WARNING: This is a temporary fix for the search string. It needs to be fixed in the future. Using lk_search_str for now.
-        $idaa_sess.recovery_meetings.status_qry__last_request_str = $idaa_loc.recovery_meetings.qry__fulltext_str;
-
-        // We want to delay the initial search request to give the previous search request to finish.
-        let random_delay = Math.floor(Math.random() * 50);
-        search_delay += 50+random_delay;
-    }
-
-    log_lvl = 0;
-
-    let count = 0;
-    let request_loop = setInterval(() => {
-        count++;
         if (log_lvl) {
-            console.log(`*** TEST SEARCH - Search delay: ${search_delay} *** loop count=${count}`);
+            console.log(`Triggered: $idaa_trig.event_li_qry`);
         }
-        if (count >= max_tries) {
-            console.log('*** TEST SEARCH - Max tries reached ***');
-            clearInterval(request_loop);
+
+        // $idaa_sess.recovery_meetings.qry__status = 'loading';
+
+        let and_physical = $idaa_loc.recovery_meetings.qry__physical;
+        let and_virtual = $idaa_loc.recovery_meetings.qry__virtual;
+        let and_type = $idaa_loc.recovery_meetings.qry__type;
+        let order_by_li = $idaa_loc.recovery_meetings.qry__order_by_li;
+        let search_delay = 15;
+        let max_tries = 5;
+        let try_cache = true;
+
+        // let params = {
+        //         'qry__enabled': $idaa_loc.recovery_meetings.qry__enabled ?? 'enabled',
+        //         'qry__hidden': $idaa_loc.recovery_meetings.qry__hidden ?? 'not_hidden',
+        //         'qry__limit': $idaa_loc.recovery_meetings.qry__limit ?? 35,
+        //     };
+
+
+        if ($idaa_loc.recovery_meetings.qry__enabled !== 'all' || $idaa_loc.recovery_meetings.qry__hidden !== 'all') {
+            console.log(`Deleting disabled or hidden event.`);
+            let results = db_events.events
+                .clear();
+            console.log(`Deleted ${results} disabled event.`);
+
         }
 
         if ($idaa_sess.recovery_meetings?.qry__status != null && $idaa_sess.recovery_meetings?.qry__status != 'done') {
-            let random_delay = Math.floor(Math.random() * 25);
-            search_delay += 25+random_delay;
-            console.log(`*** TEST SEARCH - $idaa_sess.recovery_meetings.qry__status == loading wait *** search_delay=${search_delay}`);
-            // $idaa_sess.status_qry__last_request_str = $idaa_loc.recovery_meetings.qry__fulltext_str;
-        } else {
-            console.log('*** TEST SEARCH - $idaa_sess.recovery_meetings.qry__status != loading ***');
+            console.log('*** TEST SEARCH - $idaa_sess.recovery_meetings.qry__status != done ***');
+            // WARNING: This is a temporary fix for the search string. It needs to be fixed in the future. Using lk_search_str for now.
+            $idaa_sess.recovery_meetings.status_qry__last_request_str = $idaa_loc.recovery_meetings.qry__fulltext_str;
 
-            $idaa_sess.recovery_meetings.qry__status = 'loading';
-
-            (and_physical) ?? null;
-            (and_virtual) ?? null;
-            (and_type) ?? null;
-            // if (and_type) and_type = and_type;
-            // if (!and_type) {
-            //     and_type = null;
-            // }
-
-            console.log(`TEST - and_physical: ${and_physical}; and_virtual: ${and_virtual}; and_type: ${and_type}; qry__fulltext_str: ${$idaa_loc.recovery_meetings.qry__fulltext_str}`);
-
-            $idaa_prom.load__event_obj_qry = events_func.qry_ae_obj_li__event({
-                api_cfg: $ae_api,
-                for_obj_type: 'account',
-                for_obj_id: $ae_loc.account_id,
-
-                qry_conference: false,
-                qry_physical: and_physical,
-                qry_virtual: and_virtual,
-                qry_type: and_type,
-                qry_str: $idaa_loc.recovery_meetings.qry__fulltext_str,
-                enabled: $idaa_loc.recovery_meetings.qry__enabled,
-                hidden: $idaa_loc.recovery_meetings.qry__hidden,
-                order_by_li: $idaa_loc.recovery_meetings.qry__order_by_li,
-                limit: $idaa_loc.recovery_meetings.qry__limit,
-                try_cache: try_cache,
-                log_lvl: log_lvl,
-            })
-            .then(function (search_results) {
-                // Processing the results from the search.
-                $idaa_sess.recovery_meetings.qry__status = 'processing';
-                $idaa_slct.event_obj_li = search_results;
-                console.log(search_results);
-                // $idaa_sess.recovery_meetings.qry__status = 'done';
-
-                if (log_lvl) {
-                    console.log('TEST SEARCH - Search done. Pulling out the event_id_randoms.');
-                }
-                // console.log(`TEST search: ${$lq_kv__event_obj_li}`);
-
-                // event_id_random_li = [];
-
-                // We need to loop through the array of objects and get the event_id_random from each object a new list of event_id_randoms. Then we can use this list to get the full objects from the database.
-                let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
-                if (search_results && search_results.length) {
-                    for (let i = 0; i < search_results.length; i++) {
-                        tmp_li.push($idaa_slct.event_obj_li[i].event_id_random);
-                    }
-                }
-                event_id_random_li = tmp_li;
-            })
-            .finally(() => {
-
-
-                // event_id_random_li = $idaa_slct.event_obj_li.map(session_obj => session_obj.event_id_random);
-
-                // Finally done with the search.
-                $idaa_sess.recovery_meetings.qry__status = 'done';
-
-                if (log_lvl > 1) {
-                    console.log(`TEST SEARCH - event_id_random_li:`, event_id_random_li);
-                    // console.log(`TEST SEARCH - search live query: ${$lq_kv__event_obj_li}`);
-                }
-
-            });
-            clearInterval(request_loop);
+            // We want to delay the initial search request to give the previous search request to finish.
+            let random_delay = Math.floor(Math.random() * 50);
+            search_delay += 50+random_delay;
         }
-    }, search_delay);
-}
+
+        log_lvl = 0;
+
+        let count = 0;
+        let request_loop = setInterval(() => {
+            count++;
+            if (log_lvl) {
+                console.log(`*** TEST SEARCH - Search delay: ${search_delay} *** loop count=${count}`);
+            }
+            if (count >= max_tries) {
+                console.log('*** TEST SEARCH - Max tries reached ***');
+                clearInterval(request_loop);
+            }
+
+            if ($idaa_sess.recovery_meetings?.qry__status != null && $idaa_sess.recovery_meetings?.qry__status != 'done') {
+                let random_delay = Math.floor(Math.random() * 25);
+                search_delay += 25+random_delay;
+                console.log(`*** TEST SEARCH - $idaa_sess.recovery_meetings.qry__status == loading wait *** search_delay=${search_delay}`);
+                // $idaa_sess.status_qry__last_request_str = $idaa_loc.recovery_meetings.qry__fulltext_str;
+            } else {
+                console.log('*** TEST SEARCH - $idaa_sess.recovery_meetings.qry__status != loading ***');
+
+                $idaa_sess.recovery_meetings.qry__status = 'loading';
+
+                (and_physical) ?? null;
+                (and_virtual) ?? null;
+                (and_type) ?? null;
+                // if (and_type) and_type = and_type;
+                // if (!and_type) {
+                //     and_type = null;
+                // }
+
+                console.log(`TEST - and_physical: ${and_physical}; and_virtual: ${and_virtual}; and_type: ${and_type}; qry__fulltext_str: ${$idaa_loc.recovery_meetings.qry__fulltext_str}`);
+
+                $idaa_prom.load__event_obj_qry = events_func.qry_ae_obj_li__event({
+                    api_cfg: $ae_api,
+                    for_obj_type: 'account',
+                    for_obj_id: $ae_loc.account_id,
+
+                    qry_conference: false,
+                    qry_physical: and_physical,
+                    qry_virtual: and_virtual,
+                    qry_type: and_type,
+                    qry_str: $idaa_loc.recovery_meetings.qry__fulltext_str,
+                    enabled: $idaa_loc.recovery_meetings.qry__enabled,
+                    hidden: $idaa_loc.recovery_meetings.qry__hidden,
+                    order_by_li: $idaa_loc.recovery_meetings.qry__order_by_li,
+                    limit: $idaa_loc.recovery_meetings.qry__limit,
+                    try_cache: try_cache,
+                    log_lvl: log_lvl,
+                })
+                .then(function (search_results) {
+                    // Processing the results from the search.
+                    $idaa_sess.recovery_meetings.qry__status = 'processing';
+                    $idaa_slct.event_obj_li = search_results;
+                    console.log(search_results);
+                    // $idaa_sess.recovery_meetings.qry__status = 'done';
+
+                    if (log_lvl) {
+                        console.log('TEST SEARCH - Search done. Pulling out the event_id_randoms.');
+                    }
+                    // console.log(`TEST search: ${$lq_kv__event_obj_li}`);
+
+                    // event_id_random_li = [];
+
+                    // We need to loop through the array of objects and get the event_id_random from each object a new list of event_id_randoms. Then we can use this list to get the full objects from the database.
+                    let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
+                    if (search_results && search_results.length) {
+                        for (let i = 0; i < search_results.length; i++) {
+                            tmp_li.push($idaa_slct.event_obj_li[i].event_id_random);
+                        }
+                    }
+                    event_id_random_li = tmp_li;
+                })
+                .finally(() => {
+
+
+                    // event_id_random_li = $idaa_slct.event_obj_li.map(session_obj => session_obj.event_id_random);
+
+                    // Finally done with the search.
+                    $idaa_sess.recovery_meetings.qry__status = 'done';
+
+                    if (log_lvl > 1) {
+                        console.log(`TEST SEARCH - event_id_random_li:`, event_id_random_li);
+                        // console.log(`TEST SEARCH - search live query: ${$lq_kv__event_obj_li}`);
+                    }
+
+                });
+                clearInterval(request_loop);
+            }
+        }, search_delay);
+    }
 });
 
 
+$effect(() => {
+    if ($idaa_trig.event_id) {
+        // log_lvl = 1;
+        $idaa_trig.event_id = false;
+
+        if (log_lvl) {
+            console.log(`Triggered: $idaa_trig.event_id`);
+        }
+
+        $idaa_prom.load__event_obj = events_func.load_ae_obj_id__event({
+            api_cfg: $ae_api,
+            event_id: $idaa_slct.event_id,
+            // enabled: $idaa_loc.recovery_meetings.qry__enabled,
+            // hidden: $idaa_loc.recovery_meetings.qry__hidden,
+            // limit: $idaa_loc.recovery_meetings.qry__limit,
+            try_cache: true,
+            log_lvl: log_lvl,
+        })
+        .then((event_obj) => {
+            if (log_lvl) {
+                console.log(`Event object loaded: `, event_obj);
+            }
+
+            $idaa_slct.event_obj = event_obj;
+
+            // $idaa_sess.recovery_meetings.show__modal_view = $idaa_slct.event_id;
+            // $idaa_sess.recovery_meetings.show__modal_edit = false;
+        });
+
+        // $idaa_slct.event_obj = $idaa_prom.load__event_obj;
+
+        if (!page.url.searchParams.get('event_id')) {
+            const url = new URL(location);
+            url.searchParams.set('event_id', $idaa_slct.event_id);
+            history.pushState({}, '', url);
+
+            let message = {'event_id': $idaa_slct.event_id};
+            window.parent.postMessage(message, "*");
+        }
+
+        $idaa_sess.recovery_meetings.show__modal_view = $idaa_slct.event_id;
+        $idaa_sess.recovery_meetings.show__modal_view__event_id = $idaa_slct.event_id;
+        $idaa_sess.recovery_meetings.show__modal_edit = false;
+        $idaa_sess.recovery_meetings.show__modal_edit__event_id = false;
+
+    }
+});
+
 if (browser) {
     console.log('Browser environment detected.');
 
-    if (!$idaa_sess.recovery_meetings.show__modal_edit && !$idaa_sess.recovery_meetings.show__modal_view) {
+    if (!$idaa_sess.recovery_meetings.show__modal_edit && !$idaa_sess.recovery_meetings.show__modal_view__event_id) {
         $idaa_slct.event_id = null;
     }
 
@@ -397,7 +454,7 @@ function add_activity_log(
 <!-- Modal: Event (Recovery Meeting) edit ID -->
 <!-- title="{$lq__event_obj?.name} - {$lq__event_obj?.id}" -->
 <Modal
-    bind:open={$idaa_sess.recovery_meetings.show__modal_edit}
+    bind:open={$idaa_sess.recovery_meetings.show__modal_edit__event_id}
     autoclose={false}
     placement="top-center"
     size="xl"
@@ -416,7 +473,9 @@ function add_activity_log(
                         // history.pushState({}, '', url);
 
                         $idaa_sess.recovery_meetings.show__modal_edit = false;
+                        $idaa_sess.recovery_meetings.show__modal_edit__event_id = false;
                         $idaa_sess.recovery_meetings.show__modal_view = true;
+                        $idaa_sess.recovery_meetings.show__modal_view__event_id = $lq__event_obj?.event_id;
 
                         add_activity_log(
                             {
@@ -472,7 +531,7 @@ function add_activity_log(
 <!-- Modal: Event (Recovery Meeting) view ID -->
 <!-- title="{$lq__event_obj?.name} - {$lq__event_obj?.id}" -->
 <Modal
-    bind:open={$idaa_sess.recovery_meetings.show__modal_view}
+    bind:open={$idaa_sess.recovery_meetings.show__modal_view__event_id}
     autoclose={false}
     outsideclose={true}
     placement="top-center"
@@ -491,7 +550,9 @@ function add_activity_log(
                         // history.pushState({}, '', url);
 
                         $idaa_sess.recovery_meetings.show__modal_view = false;
+                        $idaa_sess.recovery_meetings.show__modal_view__event_id = false;
                         $idaa_sess.recovery_meetings.show__modal_edit = true;
+                        $idaa_sess.recovery_meetings.show__modal_edit__event_id = $lq__event_obj?.event_id;
 
                         add_activity_log(
                             {
@@ -524,7 +585,9 @@ function add_activity_log(
             class="btn btn-sm btn-secondary absolute top-2 right-2"
             onclick={() => {
                 $idaa_sess.recovery_meetings.show__modal_view = false;
+                $idaa_sess.recovery_meetings.show__modal_view__event_id = false;
                 $idaa_sess.recovery_meetings.show__modal_edit = false;
+                $idaa_sess.recovery_meetings.show__modal_edit__event_id = false;
             }}
             >
             <span class="fas fa-times"></span>
@@ -536,4 +599,21 @@ function add_activity_log(
         lq__event_obj={lq__event_obj}
         />
 
+    {#snippet footer()}
+        <button
+            type="button"
+            class="btn btn-sm btn-secondary"
+            onclick={() => {
+                $idaa_sess.recovery_meetings.show__modal_view = false;
+                $idaa_sess.recovery_meetings.show__modal_view__event_id = false;
+                $idaa_sess.recovery_meetings.show__modal_edit = false;
+                $idaa_sess.recovery_meetings.show__inline_edit__event_obj = false;
+            }}
+            >
+            <span class="fas fa-times"></span>
+            Close
+        </button>
+    {/snippet}
+
+
 </Modal>
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_view.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_view.svelte
index 3743e9e5..7fb44516 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_view.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_view.svelte
@@ -12,6 +12,7 @@ export let lq__event_obj: any;
 if ($idaa_slct.event_id) {
     console.log(`Event ID selected: ${$idaa_slct.event_id}`);
     console.log(`Event Object selected: ${$lq__event_obj}`)
+    console.log(`Event Object name: ${$lq__event_obj?.name}`);
 
     $slct_trigger = 'load__event_obj';
 }
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
index 7efc1d6f..ae3ca1bb 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
@@ -12,16 +12,17 @@ import { browser } from '$app/environment';
 import { ae_util } from '$lib/ae_utils/ae_utils';
 import { core_func } from '$lib/ae_core/ae_core_functions';
 import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
-import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
+import { idaa_loc, idaa_sess, idaa_slct, idaa_trig } from '$lib/ae_idaa_stores';
 
 export let lq__event_obj_li: any;
 
 onMount(() => {
-    console.log('** Component Mounted: ** List - Recovery Meeting (Event) Obj');
+    if (log_lvl) {
+        console.log('** Component Mounted: ** List - Recovery Meeting (Event) Obj');
+    }
 });
 
 
-
 if (browser) {
     add_activity_log(
         {
@@ -31,7 +32,6 @@ if (browser) {
     );
 }
 
-
 function add_activity_log(
         {
             action = 'idaa_meetings_page',
@@ -48,7 +48,7 @@ function add_activity_log(
         ${$idaa_loc.novi_full_name ?? 'none'} ${$idaa_loc.novi_email ?? 'no-email'}
         allow=${$ae_loc?.allow_access}
         last_cache_refresh=${last_cache_refresh_iso.toLocaleString()}
-        data_route=${data?.route.toString() ?? 'unknown'}
+        data_route=${data?.route?.toString() ?? 'unknown'}
     `;
 
     let data_kv = {
@@ -113,7 +113,7 @@ function add_activity_log(
 
     {#if idaa_event_obj} <!-- This check for the idaa_event_obj is here in case the IDB entry is deleted. -->
     <div
-        class="container recovery_meeting event_obj border border rounded-lg p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-white"
+        class="container recovery_meeting event_obj border rounded-lg p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-white"
         class:hidden={(idaa_event_obj?.hide || !idaa_event_obj?.enable) && !$ae_loc.trusted_access}
         class:dim={idaa_event_obj?.hide}
         class:bg-warning-100={!idaa_event_obj?.enable}
@@ -175,8 +175,11 @@ function add_activity_log(
 
                     // $idaa_sess.recovery_meetings.show_main__options = true;
                     // $idaa_sess.recovery_meetings.show_list__event_obj_li = true;
+                    $idaa_trig.event_id = true;
                     $idaa_sess.recovery_meetings.show__modal_view = true;
+                    $idaa_sess.recovery_meetings.show__modal_view__event_id = idaa_event_obj?.event_id;
                     $idaa_sess.recovery_meetings.show__modal_edit = false;
+                    $idaa_sess.recovery_meetings.show__modal_edit__event_id
                 }}
                 class="novi_btn btn btn-secondary btn-md preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 transition"
                 title={`Open to see details: ${idaa_event_obj?.name}`}
@@ -201,7 +204,9 @@ function add_activity_log(
                         // $idaa_sess.recovery_meetings.show_main__options = true;
                         // $idaa_sess.recovery_meetings.show_list__event_obj_li = true;
                         $idaa_sess.recovery_meetings.show__modal_view = false;
+                        $idaa_sess.recovery_meetings.show__modal_view__event_id = false;
                         $idaa_sess.recovery_meetings.show__modal_edit = true;
+                        $idaa_sess.recovery_meetings.show__modal_edit__event_id = idaa_event_obj?.event_id;
                     }}
                     class="novi_btn btn btn-tertiary btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition"
                     title={`Edit meeting: ${idaa_event_obj?.name}`}