WIP: Prepared for SkeletonLabs v3 to v4 migration with temporary v3 dependencies. Proceed to rollback to 90ee6bb1 on main branch for re-verification.

Refactor how  is ensured in badge objects when fetched from the API and cached locally.

Previously,  directly injected  into results, creating an inconsistency with other data fetching functions. This change centralizes the  injection logic within .

- Updated  to accept an optional  parameter.
- Added logic within the processor to set  and  on badge objects if they are missing, using the provided  context.
- Modified call sites (, , ) to pass the  to the  function.

This ensures consistent and robust handling of the  across badge-related data operations, aligning with the project's data processing patterns.

.directory

@@ -1,5 +1,5 @@
 [Dolphin]
-Timestamp=2021,7,8,11,31,30.712
+Timestamp=2024,8,7,10,25,9.632
 Version=4
 ViewMode=1
 

.env.prod.default

@@ -0,0 +1,43 @@
+# One Sky IT's Aether Framework and System
+TESTING=This is a test env variable
+PUBLIC_TESTING=This is a public test env variable
+
+CONTAINER_AE_APP_NODE=ae_app_node_prod
+CONTAINER_AE_APP_NODE_RED=ae_app_node_prod_red
+CONTAINER_AE_APP_NODE_GREEN=ae_app_node_prod_green
+CONTAINER_AE_APP_NODE_BLUE=ae_app_node_prod_blue
+OSIT_WEB_HTTP_PORT=8082
+OSIT_WEB_HTTPS_PORT=4435
+
+# DOCKER_AE_SERVER_EXTRA_HOST=srv-nyx.oneskyit.com:104.237.143.4
+# DOCKER_AE_API_SERVER_EXTRA_HOST=api.oneskyit.com:104.237.143.4
+# DOCKER_AE_API_BAK_SERVER_EXTRA_HOST=bak-api.oneskyit.com:104.237.143.4
+
+# Aether general shared config options
+# For general shared config options like API access and use, database access and use, Redis, and SMTP
+# home development, live testing, live production, onsite development, onsite testing, onsite production???
+AE_CFG_ID=7
+
+## Aether API access and use
+PUBLIC_AE_API_PROTOCOL=https
+PUBLIC_AE_API_SERVER=api.oneskyit.com
+PUBLIC_AE_API_BAK_SERVER=bak-api.oneskyit.com
+PUBLIC_AE_API_SERVER_INTERNAL=aether_api_gunicorn
+PUBLIC_AE_API_PORT=443
+PUBLIC_AE_API_PATH=
+PUBLIC_AE_API_SECRET_KEY=XXXX
+PUBLIC_AE_API_CRUD_SUPER_KEY=XXXX
+PUBLIC_AE_NO_ACCOUNT_ID=No_Account_ID_Here
+PUBLIC_AE_NO_ACCOUNT_ID_TOKEN=Nothing_to_see_here
+
+# Aether app specific config (SvelteKit)
+AE_APP_CFG_ID=99
+AE_APP_ENV=development
+AE_APP_NODE_PORT=3001
+AE_APP_NODE_PORT_RED=3002
+AE_APP_NODE_PORT_GREEN=3003
+AE_APP_NODE_PORT_BLUE=3004
+
+PUBLIC_AE_ACCOUNT_ID=XXXX # OSIT = _XY7DXtc9MY; CHOW = 3Iid1aIRY5j
+PUBLIC_AE_EVENT_ID=XXXX # OSIT = pjrcghqwert; CHOW = Mw6-Nv-Zf-5A
+PUBLIC_AE_SPONSORSHIP_CFG_ID=XXXX # OSIT = t8jdjONCs0k; CHOW = ygjEuQQCzvk

.env.staging.default

@@ -0,0 +1,45 @@
+# One Sky IT's Aether Framework and System
+TESTING=This is a test env variable
+PUBLIC_TESTING=This is a public test env variable
+
+CONTAINER_AE_APP_NODE=ae_app_node_prod
+CONTAINER_AE_APP_NODE_RED=ae_app_node_prod_red
+CONTAINER_AE_APP_NODE_GREEN=ae_app_node_prod_green
+CONTAINER_AE_APP_NODE_BLUE=ae_app_node_prod_blue
+OSIT_WEB_HTTP_PORT=8082
+OSIT_WEB_HTTPS_PORT=4435
+
+# DOCKER_AE_SERVER_EXTRA_HOST=srv-nyx.oneskyit.com:104.237.143.4
+# DOCKER_AE_API_SERVER_EXTRA_HOST=dev-api.oneskyit.com:192.168.32.20 # Odd because this env is the development server
+# DOCKER_AE_API_SERVER_EXTRA_HOST=dev-api.oneskyit.com:192.168.32.99 # Odd because this env is the development server
+# DOCKER_AE_API_BAK_SERVER_EXTRA_HOST=test-api.oneskyit.com:104.237.143.4 # Odd because this env is the development server
+# DOCKER_AE_API_TEST_SERVER_EXTRA_HOST=test-api.oneskyit.com:104.237.143.4
+
+# Aether general shared config options
+# For general shared config options like API access and use, database access and use, Redis, and SMTP
+# home development, live testing, live production, onsite development, onsite testing, onsite production???
+AE_CFG_ID=5
+
+## Aether API access and use
+PUBLIC_AE_API_PROTOCOL=https
+PUBLIC_AE_API_SERVER=dev-api.oneskyit.com
+PUBLIC_AE_API_BAK_SERVER=test-api.oneskyit.com
+PUBLIC_AE_API_SERVER_INTERNAL=aether_api_gunicorn
+PUBLIC_AE_API_PORT=443
+PUBLIC_AE_API_PATH=
+PUBLIC_AE_API_SECRET_KEY=dFP6J9DVj9hUgIMn-fNIqg
+PUBLIC_AE_API_CRUD_SUPER_KEY=zp5PtX4zUsI
+PUBLIC_AE_NO_ACCOUNT_ID=No_Account_ID_Here
+PUBLIC_AE_NO_ACCOUNT_ID_TOKEN=Nothing_to_see_here
+
+# Aether app specific config (SvelteKit)
+AE_APP_CFG_ID=99
+AE_APP_ENV=development
+AE_APP_NODE_PORT=3001
+AE_APP_NODE_PORT_RED=3002
+AE_APP_NODE_PORT_GREEN=3003
+AE_APP_NODE_PORT_BLUE=3004
+
+PUBLIC_AE_ACCOUNT_ID=XXXX # OSIT = _XY7DXtc9MY; CHOW = 3Iid1aIRY5j
+PUBLIC_AE_EVENT_ID=XXXX # OSIT = pjrcghqwert; CHOW = Mw6-Nv-Zf-5A
+PUBLIC_AE_SPONSORSHIP_CFG_ID=XXXX # OSIT = t8jdjONCs0k; CHOW = ygjEuQQCzvk

.eslintignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.eslintrc.cjs

@@ -0,0 +1,31 @@
+/** @type { import("eslint").Linter.Config } */
+module.exports = {
+    root: true,
+    extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:svelte/recommended',
+        'prettier'
+    ],
+    parser: '@typescript-eslint/parser',
+    plugins: ['@typescript-eslint'],
+    parserOptions: {
+        sourceType: 'module',
+        ecmaVersion: 2020,
+        extraFileExtensions: ['.svelte']
+    },
+    env: {
+        browser: true,
+        es2017: true,
+        node: true
+    },
+    overrides: [
+        {
+            files: ['*.svelte'],
+            parser: 'svelte-eslint-parser',
+            parserOptions: {
+                parser: '@typescript-eslint/parser'
+            }
+        }
+    ]
+};

.gitignore

@@ -1,4 +1,33 @@
-/node_modules/
-/public/build/
-
 .DS_Store
+.directory
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+!.env.prod.default
+!.env.staging.default
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+# Logs
+logs
+*.log
+*.log.*
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# Backups and archives
+*.bak
+*.tar.gz
+backups/
+
+# Temporary files
+tmp/
+temp/
+*.kate-swp

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

.prettierignore

@@ -0,0 +1,4 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierrc

@@ -0,0 +1,9 @@
+{
+    "useTabs": false,
+    "tabWidth": 4,
+    "singleQuote": true,
+    "trailingComma": "none",
+    "printWidth": 100,
+    "plugins": ["prettier-plugin-svelte"],
+    "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["svelte.svelte-vscode"]
-}

.vscode/settings.json

@@ -0,0 +1,122 @@
+{
+    "prettier.documentSelectors": ["**/*.svelte"],
+    "tailwindCSS.classAttributes": [
+        "class",
+        "accent",
+        "active",
+        "animIndeterminate",
+        "aspectRatio",
+        "background",
+        "badge",
+        "bgBackdrop",
+        "bgDark",
+        "bgDrawer",
+        "bgLight",
+        "blur",
+        "border",
+        "button",
+        "buttonAction",
+        "buttonBack",
+        "buttonClasses",
+        "buttonComplete",
+        "buttonDismiss",
+        "buttonNeutral",
+        "buttonNext",
+        "buttonPositive",
+        "buttonTextCancel",
+        "buttonTextConfirm",
+        "buttonTextFirst",
+        "buttonTextLast",
+        "buttonTextNext",
+        "buttonTextPrevious",
+        "buttonTextSubmit",
+        "caretClosed",
+        "caretOpen",
+        "chips",
+        "color",
+        "controlSeparator",
+        "controlVariant",
+        "cursor",
+        "display",
+        "element",
+        "fill",
+        "fillDark",
+        "fillLight",
+        "flex",
+        "flexDirection",
+        "gap",
+        "gridColumns",
+        "height",
+        "hover",
+        "inactive",
+        "indent",
+        "justify",
+        "meter",
+        "padding",
+        "position",
+        "regionAnchor",
+        "regionBackdrop",
+        "regionBody",
+        "regionCaption",
+        "regionCaret",
+        "regionCell",
+        "regionChildren",
+        "regionChipList",
+        "regionChipWrapper",
+        "regionCone",
+        "regionContent",
+        "regionControl",
+        "regionDefault",
+        "regionDrawer",
+        "regionFoot",
+        "regionFootCell",
+        "regionFooter",
+        "regionHead",
+        "regionHeadCell",
+        "regionHeader",
+        "regionIcon",
+        "regionInput",
+        "regionInterface",
+        "regionInterfaceText",
+        "regionLabel",
+        "regionLead",
+        "regionLegend",
+        "regionList",
+        "regionListItem",
+        "regionNavigation",
+        "regionPage",
+        "regionPanel",
+        "regionRowHeadline",
+        "regionRowMain",
+        "regionSummary",
+        "regionSymbol",
+        "regionTab",
+        "regionTrail",
+        "ring",
+        "rounded",
+        "select",
+        "shadow",
+        "slotDefault",
+        "slotFooter",
+        "slotHeader",
+        "slotLead",
+        "slotMessage",
+        "slotMeta",
+        "slotPageContent",
+        "slotPageFooter",
+        "slotPageHeader",
+        "slotSidebarLeft",
+        "slotSidebarRight",
+        "slotTrail",
+        "spacing",
+        "text",
+        "track",
+        "transition",
+        "width",
+        "zIndex"
+    ],
+    "explorer.fileNesting.enabled": false,
+    "cSpell.words": [
+        "prejoin"
+    ]
+}

GEMINI.md

@@ -0,0 +1,216 @@
+# Aether (AE) SvelteKit Application
+
+This project is a Svelte and SvelteKit based application, part of the Aether (AE) system. It uses Tailwind CSS and Skeleton for styling and some elements. This is the frontend UI/UX. The backend API uses Python FastAPI.
+
+Core Aether modules
+
+- accounts - client account, not user account
+- hosted_files
+- people
+- users
+- sites and site_domains
+
+Additional Aether modules
+
+- events
+    - presentation management - import the program data (events, session, presentations, presenters, event files, locations/rooms, devices)
+    - launcher - Technically this is used with presentation management. It is part of the native app that uses Electron. One of the libraries is for functions that only work when the site is opened in an Electron app. For example the regular browser can not move files around on the local computer or run local commands.
+    - badge printing
+    - lead retrieval - attendee tracking; QR codes
+- journals - journal, documentation, notes, diary, blog, etc
+- idaa - One of my clients
+
+## Documentation
+
+- TODO.md
+- Svelte - Introducing runes - https://svelte.dev/blog/runes
+- Svelte - Breaking changes in runes mode - https://svelte.dev/docs/svelte/v5-migration-guide#Breaking-changes-in-runes-mode
+- Dexie.js - Getting Started - https://dexie.org/docs/Tutorial/Getting-started
+- Dexie.js - API Quick Reference - https://dexie.org/docs/API-Reference#quick-reference
+
+## Ignored Directories
+
+The following directories are ignored for various operations (e.g., search, file listing) to focus on relevant source code:
+
+- `build`
+- `node_modules`
+- `tests`
+
+## Development Guidelines
+
+### Svelte v5 and SvelteKit
+
+This project uses Svelte v5 with runes enabled. This introduces significant differences from Svelte v4. It is critical to adhere to v5 conventions to avoid bugs.
+
+- **Reactivity:** State is managed with `$state` and `$derived`. Props can be made two-way bindable with `$bindable`. Avoid direct mutation of props.
+- **Event Handling (Updated 2025-11-20):**
+    - **DOM Events:** Use the lowercase `onevent` attribute (e.g., `onclick`, `oninput`). Event modifiers like `|preventDefault` may not work as expected; handle prevention logic inside the function (e.g., `event.preventDefault()`).
+    - **Component Events:** Continue to use the `on:eventname` directive for events dispatched from child components.
+- **Stores and `liveQuery`:**
+    - To access the value of a store in Svelte v5, you must use the `$store_name` syntax (e.g., `$ae_api`).
+    - Dexie `liveQuery` returns an observable. To use it in a component, you must subscribe to it within `onMount` to avoid SSR errors. The value from the subscription should then be assigned to a `$state` variable.
+- **Migration Guide:** For a comprehensive overview of the changes, refer to the official [Svelte 5 Migration Guide](https://svelte.dev/docs/svelte/v5-migration-guide).
+
+### ID Convention: `id` vs. `id_random`
+
+- **Always use `id_random`:** The API returns both a numeric `id` and a string-based `[obj_type]_id_random`. For all frontend operations (routing, data fetching, local storage), you **must** use the `_id_random` string.
+- **Local Storage:** When saving an object to the local IndexedDB (Dexie), the `id_random` value should be aliased to both `id` (as the primary key) and `[obj_type]_id`. This ensures consistency with Dexie's expectations and the rest of the application's data access patterns.
+
+---
+
+## Refactoring Notes
+
+### Data Fetching & Processing Pattern (2025-11-20)
+
+A standard pattern for fetching, processing, and caching data has been established to ensure consistency and separation of concerns.
+
+1.  **API Function (`load_*`, `search_*`, etc.):** This function is responsible for interacting with the API. It takes parameters needed for the API call (e.g., `event_id`, search strings).
+2.  **Data Processor (`process_ae_obj__*_props`):** The API function's results are immediately passed to this dedicated processor function for the specific object type.
+    - The API function MUST pass any necessary contextual data (like a parent `event_id`) to the processor.
+    - The processor is responsible for all data shaping and enrichment before the data is cached.
+3.  **Handling API Inconsistencies:** The processor is the designated location for handling any inconsistencies in the data returned by the API.
+    - **Example (`event_badge`):** The `search__event_badge` API endpoint does not include the `event_id` in its results. The `process_ae_obj__event_badge_props` function now accepts the `event_id` as a parameter and injects it into each badge object before it's saved. This centralizes the fix and keeps the API-calling function clean.
+4.  **Database Caching (`db_save_ae_obj_li__ae_obj`):** After processing, the clean and consistent data is passed to the generic `db_save` function to be cached in IndexedDB.
+
+This pattern isolates API logic from data shaping logic, making the code more modular, predictable, and easier to debug.
+
+### `process_ae_obj__*_props()` Refactoring (2025-11-13)
+
+The `process_ae_obj__*_props()` family of functions, which are responsible for transforming API data for frontend use, have been refactored to standardize their structure and improve maintainability.
+
+The refactoring strategy involved creating a local, non-exported `_process_generic_props` helper function within each module (`ae_journals`, `ae_events`, `ae_archives`, `ae_posts`, `ae_core`). This approach was chosen to avoid altering the module import graph, which had previously caused a critical `InternalError: module record has unexpected status: New` in the SvelteKit development server when a shared utility file was introduced.
+
+**Key aspects of the refactoring:**
+
+-   **In-file Generic Helper (`_process_generic_props`):** This function handles common data transformations:
+    -   **`*_random` ID Aliasing:** It automatically iterates over object keys and creates a non-suffixed alias for any key ending in `_random` (e.g., `person_id_random` becomes `person_id`). This is crucial for client-side logic that expects standard ID fields.
+    -   **`tmp_sort` Field Generation:** It creates a set of basic `tmp_sort` fields for client-side sorting.
+
+-   **`specific_processor` Callback:** Module-specific logic is handled by a `specific_processor` callback function passed to the `_process_generic_props` helper. This allows for:
+    -   **Unique `tmp_sort` Logic:** Modules can override the default `tmp_sort` fields with their own specific sorting requirements.
+    -   **Content Processing:** Asynchronous operations like Markdown parsing (using `marked.parse`) are handled within the `specific_processor` for the relevant modules (e.g., `ae_journals__journal_entry.ts`).
+    -   **Other Special Cases:** Any other module-specific data transformations are handled in this callback.
+
+-   **`core__crud_generic.ts` Cleanup:** The generic CRUD functions in `src/lib/ae_core/core__crud_generic.ts` were simplified:
+    -   The `process_ae_obj__props` function in this file was deprecated.
+    -   All calls to `process_ae_obj__props` and `db_save_ae_obj_li__ae_obj` were removed from the generic CRUD functions (`load_ae_obj_id`, `load_ae_obj_li`, etc.).
+    -   These functions are now responsible only for API interaction, delegating all data processing and caching to the module-specific functions that call them. This enforces a cleaner separation of concerns.
+
+### Tiptap to CodeMirror Migration (2025-11-17)
+
+The rich text editor component, previously based on Tiptap (`shad-editor`), has been replaced with a CodeMirror-based solution. This change was driven by the complexity of Tiptap and its compatibility issues with Tailwind CSS, aiming for a simpler, markdown-focused editing experience.
+
+**Key aspects of the migration:**
+
+-   **Removal of Tiptap:** All `@tiptap/*` and `svelte-tiptap` dependencies were removed from `package.json`, and the `src/lib/components/shad-editor/` directory was deleted.
+-   **CodeMirror Integration:** A new CodeMirror component (`src/lib/elements/element_codemirror_editor.svelte`) was created, providing basic markdown formatting capabilities.
+-   **Wrapper Component Update:** The existing editor wrapper (`src/lib/elements/element_tiptap_editor.svelte`) was renamed to `src/lib/elements/element_codemirror_wrapper.svelte` and refactored to utilize the new CodeMirror component. Tiptap-specific logic and props were removed.
+-   **Component Usage Updates:** All Svelte components that previously imported and used the Tiptap wrapper were updated to import `element_codemirror_wrapper.svelte`. Unsupported props such as `default_minimal`, `show_button_kv`, `bind:new_html`, and `bind:changed` were removed from their usage.
+-   **Dependency Cleanup:** `npm install` was run to remove unneeded packages, and `npm run format` was executed to ensure consistent code style.
+
+### CodeMirror Bug Fixes (2025-11-18)
+
+Following the initial migration to CodeMirror, several issues were identified and resolved:
+
+-   **Initialization Errors:** An "Unrecognized extension value" error was fixed by refactoring `codemirror_modules.ts` to explicitly import individual CodeMirror extensions instead of relying on the `basicSetup` bundle. This ensures proper singleton usage and prevents module duplication.
+-   **Text Wrapping:** The `EditorView.lineWrapping` extension was added to `element_codemirror_editor.svelte` and `e_app_codemirror_v5.svelte` to enable text wrapping.
+-   **Content Saving:** Content binding issues were resolved in various IDAA components by correctly binding the `html_text` prop of the CodeMirror wrapper to the corresponding state variables.
+-   **Save Button Enablement:** The logic for enabling the "Save" button was fixed in `ae_idaa_comp__post_obj_id_edit.svelte` to correctly detect changes in the CodeMirror editor.
+-   **Editor Buttons:** A `TypeError` in the editor's formatting buttons was fixed by using `EditorSelection.range()` to correctly create selection ranges.
+-   **Component Renaming:** The `Tiptap_editor` component alias was renamed to `CodeMirror_wrapper` across the project for clarity, and the wrapper file was renamed to `element_codemirror_editor_wrapper.svelte`.
+
+### Badge Search Refactoring (2025-11-18)
+
+The new Badge Search functionality was refactored to resolve several issues related to Svelte 5 reactivity and IndexedDB schema design.
+
+-   **Svelte 5 Reactivity Fixes:**
+    -   A `store_invalid_shape` error was fixed by removing the `$` prefix from Svelte 5 state variables in templates.
+    -   A Svelte 5 compilation error (`illegal variable name`) was resolved by using `$derived` to create a local reactive variable from a store.
+    -   A 500 Internal Error was resolved by moving Dexie `liveQuery` calls into an `onMount` block to ensure they only run on the client-side.
+-   **IndexedDB Schema Refactoring:**
+    -   The primary key for the `badge` table was changed from a numeric `id` to the string-based `event_badge_id_random`.
+    -   All related components were updated to use the new primary key for data retrieval, allowing for more efficient lookups using `get()` and `bulkGet()`.
+-   **Data Flow Simplification:**
+    -   The badge search data flow was refactored to pass full badge objects from the search component to the list component, simplifying the logic and resolving reactivity issues.
+-   **Link Generation:**
+    -   Badge links were updated to use the string-based random IDs for both the event and the badge, ensuring consistency and avoiding the exposure of internal numeric IDs.
+
+### Event Settings Page (2025-11-18)
+
+A new event settings page was created at `/events/[event_id]/settings` to provide a user-friendly interface for managing event configurations.
+
+**Key features:**
+
+-   **Form-Based UI:** Instead of raw JSON editing, the page uses form-based components for editing event properties. This includes basic event fields (name, code, dates, etc.) and the JSON configuration fields (`cfg_json`, `mod_pres_mgmt_json`, `mod_badges_json`, `mod_abstracts_json`).
+-   **Collapsible Sections:** Each configuration section is wrapped in a `<details>` element, allowing them to be collapsed and expanded for better organization.
+-   **View Toggling:** For the JSON configuration fields, a toggle switch allows the user to switch between the form-based UI and a raw JSON editor (using CodeMirror), providing flexibility for both simple and advanced editing.
+-   **Svelte 5 Reactivity:** The components were built using Svelte 5's `bindable` props to ensure proper two-way data binding between the parent page and the child form components. This corrected an issue where changes in the child components were not being reflected in the parent's state.
+
+### API Payload Cleaning (2025-11-19)
+
+To address issues with the Aether API's strict handling of `POST` and `PATCH` request payloads, a more robust solution for cleaning data on the frontend has been implemented.
+
+-   **Svelte 5 Event Handlers:** Corrected the use of `on:click` to `onclick` in the event settings components to align with Svelte 5 conventions.
+-   **Payload Cleaning:**
+    -   The `update_ae_obj__event` function in `src/lib/ae_events/ae_events__event.ts` was modified to remove read-only fields (`id`, `event_id`, `created_on`, `updated_on`, etc.) from the payload before sending it to the API.
+    -   The function now also correctly renames `account_id` to `account_id_random` to match the API's expectations.
+-   **Editable Fields Whitelist:**
+    -   A new file, `src/lib/ae_events/ae_events__event.editable_fields.ts`, was created to define a whitelist of fields that are allowed to be sent in `POST` and `PATCH` requests for an event.
+    -   The `create_ae_obj__event` and `update_ae_obj__event` functions now use this whitelist to filter the `data_kv` object, ensuring only allowed fields are sent to the API. This provides a more maintainable and less error-prone way to manage which fields are sent to the API.
+-   **Component Cleanup:** The temporary pre-cleaning logic from the `handle_save` function in `src/routes/events/[event_id]/settings/+page.svelte` has been removed, as the filtering is now handled centrally in `ae_events__event.ts`.
+-   **Future Work:** This pattern of using a whitelist for editable fields will be applied to all other Aether object types to ensure consistent and correct API interactions across the application.
+
+### Badge Search v3 Bug-Fixing Session (2025-11-19)
+
+This session focused on resolving a series of cascading build and runtime errors that prevented the new "Badges v3" feature from loading and functioning correctly.
+
+-   **Initial State:** The page was failing with a `Cannot use <!-- Import failed: variant - ENOENT: no such file or directory, access '/home/scott/OSIT_dev/ae_app_svelte_tailwind_skeleton/variant' --> with unknown variant: md` error, caused by a conflict between Skeleton UI's CSS and the project's Tailwind CSS v4 configuration.
+-   **Misguided Fix & Reversal:** An initial attempt to fix this by removing all global Skeleton UI CSS imports from `app.css` resolved the `@variant` error but broke site-wide styling, causing errors like `Cannot apply unknown utility class 'preset-tonal-secondary'`. The Skeleton imports were subsequently restored to stabilize the application.
+-   **Svelte v5 Event Syntax:** A significant amount of time was spent incorrectly attempting to "fix" Svelte v5 event handlers. The correct understanding was eventually established:
+    -   **DOM Events:** Use the `onevent` prefix (e.g., `onclick`).
+    -   **Component Events:** Continue to use the `on:event` directive (e.g., `on:success`).
+-   **Invalid Attribute Name Error:** An error (`'onsubmit|preventDefault' is not a valid attribute name`) was discovered in the new badge forms. This was resolved by removing the `|preventDefault` modifier from the `onsubmit` attribute and instead calling `event.preventDefault()` inside the handler function. This appears to be a nuance or bug in how the Svelte v5 compiler handles modifiers with the new `on` prefix.
+-   **Svelte 5 Binding Error:** A runtime error, `props_invalid_value: Cannot do bind:prop={undefined}`, was fixed. It was caused by binding a parent component's `undefined` store value to a child component's prop that had a fallback. The fix involved adding a defensive initialization check directly in the parent component's `<script>` block to ensure the store value was not `undefined` before rendering. Using `onMount` was attempted first but proved incorrect as it runs too late in the lifecycle.
+-   **API Fetch Error:** The final blocker was a `TypeError: NetworkError` during badge searches. This was traced to the `order_by_li` parameter being sent to the API in a format that was causing the `fetch` request to be aborted by the browser (likely due to a CORS preflight failure). The immediate fix, identified by the user, was to comment out the `order_by_li` parameter in the `search__event_badge` function call within `src/lib/ae_events/ae_events__event_badge.ts`.
+-   **Git Issues:** A strange issue was encountered where `git add` commands were not successfully staging files, leading to multiple failed commit attempts. This resolved itself without a clear cause.
+
+## UI Library Compatibility Re-evaluation (Current Focus - 2025-12-08)
+
+**Context:** The project has been rolled back to a commit (`90ee6bb1`) where the application was "mostly working" with updated `skeletonlabs` packages. Previous attempts to update `tailwindcss` to v4 and `flowbite-svelte` alongside `skeletonlabs` led to dependency conflicts and build failures.
+
+**New Strategy:** Instead of immediately abandoning existing UI libraries (Skeleton, Flowbite), we will re-evaluate their compatibility with the current Svelte v5 and Tailwind CSS v4 setup in a phased, cautious manner.
+
+**Phase 1: Re-evaluate SkeletonLabs Compatibility (Primary Focus)**
+
+**Rationale:** Skeleton UI appears to be the most deeply integrated UI library in the project. If it can be made to work, it will significantly reduce the need for custom component development.
+
+1.  **Create a new Git branch:** Name it `feature/re_evaluate_ui_libs`. (Pending)
+2.  **Identify latest compatible `@skeletonlabs/skeleton` and `skeleton-svelte` versions:**
+    *   Consult their official documentation, release notes, and GitHub issues for compatibility with **Svelte v5** and **Tailwind CSS v4**.
+    *   Determine if there's a specific version range that is known to work.
+3.  **Attempt to update SkeletonLabs packages (one at a time, or as a pair if tightly coupled):**
+    *   Modify `package.json` to specify the identified compatible versions of `@skeletonlabs/skeleton` and `@skeletonlabs/skeleton-svelte`.
+    *   Run `npm install`.
+    *   Run `npm run build` and `npm run dev`.
+    *   **Crucially:** Thoroughly check for *all* types of errors:
+        *   Terminal errors (build, compilation, server-side).
+        *   Browser console errors (client-side JS, hydration).
+        *   Visual regressions or missing styles.
+    *   **Document findings:** Note down exact errors or success status.
+4.  **If successful:** If SkeletonLabs works without major issues, proceed to Phase 2.
+5.  **If unsuccessful:** If significant conflicts or errors persist, revert changes on the branch and document the specific incompatibilities. This would then lead to immediately pursuing custom UI component implementation.
+
+**Phase 2: Address Other UI Library Needs (Conditional, based on Phase 1 outcome)**
+
+1.  **If SkeletonLabs is working:**
+    *   Re-evaluate the need for `flowbite-svelte`. Is its functionality still required, or is it covered by Skeleton UI or can be easily done with pure Tailwind?
+    *   If still needed, attempt to update `flowbite-svelte` to the latest version, following the same cautious approach as with SkeletonLabs (package.json update, `npm install`, full testing).
+2.  **If SkeletonLabs (and/or Flowbite) cannot be made to work with Svelte v5 / Tailwind v4:**
+    *   **Prioritize Custom Component Implementation:** Immediately proceed with implementing custom replacements, starting with critical components. The `element_modal_v1.svelte` (which was partially developed before the rollback) is a prime candidate for immediate completion and integration.
+    *   **Identify other critical missing UI components:** Systematically list other essential components (e.g., dropdowns, tabs, accordions, cards, forms elements) that were previously provided by these libraries and prioritize their custom implementation using pure Tailwind CSS and native Svelte. Consider headless UI libraries (e.g., Headless UI, Radix UI) for complex components where accessibility and functionality are key without dictating styling.
+
+## User Request Confirmation
+
+-   **Incompatibility of essential packages:** Confirmed. `flowbite-svelte` and `skeletonlabs/skeleton` were incompatible with Svelte v5 / Tailwind v4 in our previous attempts. We *will* safely double-check this as part of Phase 1 and 2.
+-   **CSS and missing style issues:** Confirmed. This was the direct consequence of removing the UI libraries.
+-   **`<Modal>` component replacement:** Confirmed. This was our immediate focus for custom replacement if existing libraries fail.

GEMINI_Flowbite_upgrade_2025-12.md

@@ -0,0 +1,38 @@
+# Flowbite-Svelte Upgrade Notes (December 2025)
+
+## Overview
+This document tracks the process of upgrading the Flowbite-Svelte UI library within the Aether SvelteKit project. The primary goal is to determine if a compatible version exists for Svelte 5 and Tailwind CSS v4, and to plan for its integration or replacement if necessary.
+
+## Current Status (Pre-Upgrade)
+-   **Flowbite-Svelte Version:** v1.28.1 (as per `package.json` at commit `90ee6bb1`)
+-   **Target Version:** v1.30.0 (or newest compatible)
+-   **Initial Issue (Pre-Rollback):** Previous attempts to update `flowbite-svelte` (and other packages) indicated peer dependency conflicts. Earlier versions of `flowbite-svelte` (compatible with Tailwind v3) required Svelte v4, which conflicted with the project's Svelte v5.
+-   **Current Re-evaluation:** After rolling back to commit `90ee6bb1` and updating SkeletonLabs (which failed the build due to other reasons), `npm install` succeeded with `flowbite-svelte@1.28.1` present in `package.json`. This implies it *can install* alongside Svelte 5 and Tailwind 4. However, its runtime compatibility and rendering correctness with Svelte 5 (runes mode) and Tailwind CSS v4 remain untested.
+-   **Svelte Version:** Svelte 5 (runes mode)
+-   **Tailwind CSS Version:** v4.1.10
+
+## Phase 1: Research and Planning (No Code Changes Yet)
+
+### Goal
+Determine if Flowbite-Svelte has a version that is explicitly compatible with Svelte 5 (runes mode) and Tailwind CSS v4, and to identify any breaking changes or migration paths.
+
+### Steps
+1.  **Thoroughly Review Flowbite-Svelte Changelog:**
+    *   **Link:** `https://github.com/themesberg/flowbite-svelte/blob/main/CHANGELOG.md`
+    *   **Action:** Read the changelog for versions from `1.28.1` up to the latest stable release (e.g., `1.30.0` or newer).
+    *   **Goal:** Look for specific mentions of Svelte 5 support, "runes mode" compatibility, or compatibility with Tailwind CSS v4. Note any breaking changes or migration instructions related to Svelte version or component API changes.
+
+### Expected Outcome of Phase 1
+A clear understanding of Flowbite-Svelte's compatibility with our current stack. This will inform the decision on whether to attempt an upgrade or if abandoning it (and creating custom replacements) is necessary. The expectation is that if a version is compatible, any breaking changes to component APIs (like renaming `Modal` to `Dialog`) will be identified.
+
+## Phase 2: Execution (After Approval)
+
+### Steps (To be detailed after Phase 1)
+1.  **If a compatible version exists:**
+    *   Update `package.json` to the compatible version.
+    *   Run `npm install`.
+    *   Run `npm run build` and `npm run dev` and thoroughly check for errors and visual regressions.
+    *   Apply any necessary code changes based on identified breaking changes (e.g., component name changes like `Modal` to `Dialog`).
+2.  **If no compatible version exists or issues persist:**
+    *   **Decision:** Abandon Flowbite-Svelte.
+    *   **Action:** Systematically replace its components with custom-built Svelte/Tailwind components, starting with critical ones like `Modal` (using our `element_modal_v1.svelte` if not using Skeleton's `Dialog`).

GEMINI_SkeletonLabs_upgrade_2025-12.md

@@ -0,0 +1,48 @@
+# SkeletonLabs Upgrade Notes (December 2025)
+
+## Overview
+This document tracks the process of upgrading the SkeletonLabs UI library (from v3 to v4.7.4) within the Aether SvelteKit project. The primary goal is to resolve build issues caused by incompatibility with Svelte 5 and Tailwind CSS v4, and to integrate the updated library correctly.
+
+## Current Status (Pre-Upgrade)
+-   **SkeletonLabs Version:** v3.2.2 (as per `package.json` at commit `90ee6bb1`)
+-   **Target Version:** v4.7.4
+-   **Issue:** Previous attempts to upgrade SkeletonLabs to v4.7.4 resulted in a persistent, blocking build error: `[@tailwindcss/vite:generate:build] Cannot use `@variant` with unknown variant: md` originating from `node_modules/@skeletonlabs/skeleton/src/index.css`. This indicates a fundamental incompatibility in how Tailwind CSS v4 processes SkeletonLabs' pre-compiled CSS.
+-   **Svelte Version:** Svelte 5 (runes mode)
+-   **Tailwind CSS Version:** v4.1.10
+
+## Phase 1: Research and Planning (No Code Changes Yet)
+
+### Goal
+Understand the required migration steps from Skeleton v3 to v4 as per official documentation, specifically to address the `@variant` build error and ensure compatibility with Svelte 5 and Tailwind CSS v4.
+
+### Steps
+1.  **Thoroughly Review Skeleton v3 to v4 Migration Guide:**
+    *   **Link:** `https://www.skeleton.dev/docs/svelte/get-started/migrate-from-v3`
+    *   **Action:** Read the guide carefully to identify all breaking changes related to:
+        *   Tailwind CSS plugin setup in `tailwind.config.ts`.
+        *   Required changes to `app.css` or any other global CSS files.
+        *   Changes in component class names, especially theme-related classes (`preset-*`, `variant-*`, etc.), which could be related to the `@variant` error.
+        *   The new `Dialog` component and how it replaces any previous modal-like components.
+    *   **Deliverable:** Summarize the required code changes based on this guide.
+
+2.  **Review Skeleton v4.0 Launch Discussion:**
+    *   **Link:** `https://github.com/skeletonlabs/skeleton/discussions/3920`
+    *   **Action:** Look for community insights, common issues, and suggested solutions related to upgrading.
+
+3.  **Review Skeleton Dialog Documentation:**
+    *   **Link:** `https://www.skeleton.dev/docs/svelte/framework-components/dialog`
+    *   **Action:** Understand the API and usage of Skeleton's native dialog component, as this will be the preferred replacement for any missing `<Modal>` components.
+
+### Expected Outcome of Phase 1
+A detailed, step-by-step plan for migrating SkeletonLabs from v3 to v4, specifically targeting the resolution of the `@variant` build error and outlining the new usage of its UI components. This plan will be presented for approval before any code changes are made.
+
+## Phase 2: Execution (After Approval)
+
+### Steps (To be detailed after Phase 1)
+1.  **Update `package.json`:** Set `@skeletonlabs/skeleton` and `@skeletonlabs/skeleton-svelte` to `4.7.4`.
+2.  **Adjust `tailwind.config.ts`:** Apply changes as per migration guide (e.g., plugin configuration).
+3.  **Adjust `src/app.css`:** Apply changes as per migration guide (e.g., CSS imports, custom theme definitions).
+4.  **Run `npm install`**.
+5.  **Run `npm run build` and `npm run dev`** to verify the build and functionality.
+6.  **Replace `Modal` components:** Update existing components that used an older `<Modal>` (e.g., from `flowbite-svelte` or previous custom efforts) with Skeleton's new `Dialog` component.
+7.  **Address Svelte 5 reactivity warnings:** Fix any warnings related to data handling or non-reactive updates.

GEMINI_debug_notes.md

@@ -0,0 +1,71 @@
+# Skeleton/Tailwind Build Debugging Log
+
+This file tracks the troubleshooting steps taken to resolve the build and dev server errors after updating packages.
+
+## Initial State (Pre-Rollback to 90ee6bb1)
+
+- **Packages Updated:** Attempted to update `@skeletonlabs/skeleton` to `4.7.4`, `tailwindcss` to `4.1.10`, and `flowbite-svelte` (version not explicitly stated in previous logs but was part of the update attempts).
+- **`dev` Error:** `Cannot apply unknown utility class 'preset-tonal-secondary'`
+- **`build` Error:** `Cannot use @variant with unknown variant: md`
+- **Dependency Conflicts:** Persistent `ERESOLVE` errors, primarily due to:
+    - `flowbite-svelte` versions compatible with Tailwind v3 requiring `svelte@^4.0.0` (while project is Svelte v5).
+    - `@skeletonlabs/skeleton` versions requiring `tailwindcss@^4.0.0` (while attempting to use Tailwind v3 for `flowbite-svelte` compatibility).
+- **Conclusion:** A fundamental incompatibility between Svelte v5, Tailwind v4, and the existing versions of UI component libraries (Skeleton, Flowbite-Svelte) when trying to achieve a stable `npm install`.
+
+## Troubleshooting Steps (Pre-Rollback)
+
+(Summarized from previous extensive debugging logs)
+- Multiple attempts to downgrade/upgrade Tailwind, Skeleton, and Flowbite-Svelte led to a "dependency nightmare."
+- Identified that Flowbite-Svelte was the primary blocker for maintaining Svelte v5 compatibility while also using an older Tailwind.
+- Attempted a strategy to remove *all* pre-built UI component libraries (Skeleton, Flowbite-Svelte) to achieve a clean Svelte v5 + Tailwind v4 base. This led to:
+    - `ReferenceError: Modal is not defined` due to the removal of the underlying `Modal` component.
+    - `</form>` syntax error due to incorrect commenting out of the `<Modal>` component's block.
+    - Server-side `500 Internal Error` (diagnosis interrupted by rollback decision).
+
+## Current State (Post-Rollback to 90ee6bb1)
+
+- **Commit:** `90ee6bb1 - All packages have now been updated. This includes the skeletonlabs packages. Everything seems to be working. (Except for some unrelated known bugs. Why did the badge search stop working (AGAIN)?)`
+- **Status:** Application is confirmed to be "mostly working" at this commit. This provides a stable baseline.
+- **Key Observation from Commit Message:** "All packages have now been updated. This includes the skeletonlabs packages. Everything seems to be working." This implies that at this point, the `skeletonlabs` packages *were* working with some configuration of Svelte and Tailwind.
+
+## Revised Path Forward: Re-evaluate UI Library Compatibility
+
+**Context:** The previous issues stemmed from an inability to reconcile `skeletonlabs/skeleton` (requiring Tailwind v4), `flowbite-svelte` (preferring Svelte v4 for Tailwind v3 compatibility), and the project's Svelte v5 base. Before attempting to re-implement all UI components from scratch, we will re-evaluate if the latest versions of these libraries have resolved their internal conflicts or if a stable configuration now exists.
+
+**Phase 1: Re-evaluate SkeletonLabs Compatibility (Primary Focus)**
+
+**Rationale:** Skeleton UI appears to be the most deeply integrated UI library in the project. If it can be made to work, it will significantly reduce the need for custom component development.
+
+1.  **Update `GEMINI.md` and related notes:** (Completed in this step) Document this new strategy and the decision to re-evaluate packages.
+2.  **Create a new Git branch:** Name it `feature/re_evaluate_ui_libs`. (Pending)
+3.  **Identify latest compatible `@skeletonlabs/skeleton` and `skeleton-svelte` versions:**
+    *   Consult their official documentation, release notes, and GitHub issues for compatibility with **Svelte v5** and **Tailwind CSS v4**.
+    *   Determine if there's a specific version range that is known to work.
+4.  **Attempt to update SkeletonLabs packages (one at a time, or as a pair if tightly coupled):**
+    *   Modify `package.json` to specify the identified compatible versions of `@skeletonlabs/skeleton` and `@skeletonlabs/skeleton-svelte`.
+    *   Run `npm install`.
+    *   Run `npm run build` and `npm run dev`.
+    *   **Crucially:** Thoroughly check for *all* types of errors:
+        *   Terminal errors (build, compilation, server-side).
+        *   Browser console errors (client-side JS, hydration).
+        *   Visual regressions or missing styles.
+    *   **Document findings:** Note down exact errors or success status.
+5.  **If successful:** If SkeletonLabs works without major issues, proceed to Phase 2.
+6.  **If unsuccessful:** If significant conflicts or errors persist, revert changes on the branch and document the specific incompatibilities. This would then lead to immediately pursuing custom UI component implementation.
+
+**Phase 2: Address Other UI Library Needs (Conditional, based on Phase 1 outcome)**
+
+1.  **If SkeletonLabs is working:**
+    *   Re-evaluate the need for `flowbite-svelte`. Is its functionality still required, or is it covered by Skeleton UI or can be easily done with pure Tailwind?
+    *   If still needed, attempt to update `flowbite-svelte` to the latest version, following the same cautious approach as with SkeletonLabs (package.json update, `npm install`, full testing).
+2.  **If SkeletonLabs (and/or Flowbite) cannot be made to work with Svelte v5 / Tailwind v4:**
+    *   **Prioritize Custom Component Implementation:** Immediately proceed with implementing custom replacements, starting with critical components. The `element_modal_v1.svelte` (which was partially developed before the rollback) is a prime candidate for immediate completion and integration.
+    *   **Identify other critical missing UI components:** Systematically list other essential components (e.g., dropdowns, tabs, accordions, cards, forms elements) that were previously provided by these libraries and prioritize their custom implementation using pure Tailwind CSS and native Svelte. Consider headless UI libraries (e.g., Headless UI, Radix UI) for complex components where accessibility and functionality are key without dictating styling.
+
+## User Request Confirmation
+
+- **Incompatibility of essential packages:** Confirmed. `flowbite-svelte` and `skeletonlabs/skeleton` were incompatible with Svelte v5 / Tailwind v4 in our previous attempts. We *will* safely double-check this as part of Phase 1 and 2.
+- **CSS and missing style issues:** Confirmed. This was the direct consequence of removing the UI libraries.
+- **`<Modal>` component replacement:** Confirmed. This was our immediate focus for custom replacement.
+
+**The immediate next steps are to update my internal `GEMINI.md` for this project with this new plan and create the `feature/re_evaluate_ui_libs` branch.**

README.md

@@ -1,105 +1,220 @@
-*Looking for a shareable component template? Go here --> [sveltejs/component-template](https://github.com/sveltejs/component-template)*
+# One Sky IT's Aether App - SvelteKit v2
 
----
+This uses SvelteKit version 2.x with Svelte version 5.x, TailwindCSS 4.1, and Skelton.
 
-# svelte app
+# Current Modules
 
-This is a project template for [Svelte](https://svelte.dev) apps. It lives at https://github.com/sveltejs/template.
+## AE Events - Speakers (/events_speakers)
 
-To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):
+### Components
+
+- +page.svelte - The main page for the Events - Speakers module
+- 10_edit_modal\_\_event_presenter_obj.svelte - The modal for editing a presenter
+- 10_list\_\_event_presenter_obj.svelte - The list of presenters/speakers
+- 10_view_modal\_\_event_presenter_obj.svelte - The modal for viewing a presenter
+
+### Path [slug]
+
+- +page.svelte - The main page for the presenter ID [slug]
+
+## AE Sponsorships (/sponsorships)
+
+- +page.svelte - The main page for the Sponsorships module
+- 10_edit_modal\_\_sponsorship_obj.svelte - The modal for editing a sponsorship
+- 10_list\_\_sponsorship_obj.svelte - The list of sponsorships
+- 10_view_modal\_\_sponsorship_obj.svelte - The modal for viewing a sponsorship
+
+### Path [slug]
+
+- +page.svelte - The main page for the sponsorship ID [slug]
+
+## AE Events - Exhibit Leads (/events_exhibit_leads)
+
+### Components
+
+- +page.svelte - The main page for the Events - Exhibit Leads module
+- 10_list\_\_event_exhibit_lead_obj.svelte - The list of exhibit leads
+- 10_edit_modal\_\_event_exhibit_lead_obj.svelte - The modal for editing an exhibit lead
+- 10_view_modal\_\_event_exhibit_lead_obj.svelte - The modal for viewing an exhibit lead
+
+# Future Modules
+
+## AE Events - Badges (/events_badges)
+
+- +page.svelte - The main page for the Events - Badges module
+- 10_list\_\_event_badge_obj.svelte - The list of badges
+- 10_view_modal\_\_event_badge_obj.svelte - The modal for viewing a badge
+
+## AE Events - Presentation Management (/events_pres_mgmt)
+
+# How to build and deploy SvelteKit:
+
+Copy the contents of the "build" directory to ./npm_deploy/build/
 
 ```bash
-npx degit sveltejs/template svelte-app
-cd svelte-app
+npm run build
 ```
 
-*Note that you will need to have [Node.js](https://nodejs.org) installed.*
-
-
-## Get started
-
-Install the dependencies...
+If this is just a quick build update then only the build directory needs to be copied (rsync).
 
 ```bash
-cd svelte-app
+rsync -vhrz --exclude 'node_modules' ~/OSIT_dev/ae_app_svelte_tailwind_skeleton/build/ ~/OSIT_dev/ae_env_node_app/npm_deploy/build/ --delete
+
+rsync -vhrz ~/OSIT_dev/ae_env_node_app/npm_deploy/build/ scott@linode.oneskyit.com:/srv/env/prod_aether_sveltekit/npm_deploy/build/ --delete
+```
+
+If this includes package updates (not development) we need to copy the new package.json. Manually copy the new package.json file to ./npm_deploy/. This also needs to be copied to the server. Copy the package.json even though not really used.
+
+Run the --omit dev to clear out the node_modules directory. Copy the root node_modules directory to ./npm_deploy/build/node_modules/ after running te omit dev command.
+
+```bash
+npm ci --omit dev
+
+# copy/paste, rsync, or cp
+rsync -vhrz ~/OSIT_dev/ae_app_svelte_tailwind_skeleton/node_modules ~/OSIT_dev/ae_env_node_app/npm_deploy/build/ --delete
+
+# copy package.json as well
+
 npm install
 ```
 
-...then start [Rollup](https://rollupjs.org):
+Everything should be ready to run on the development server and production server.
+
+# Rebuild the node_modules directory and manually install extra Svelte packages
+
+Run the npm update to fix the node_modules directory and package.json
+
+```bash
+npm list
+npm outdated
+npm update
+npm outdated
+npm list
+```
+
+Other installs?:
+Are both still needed? I know at least one of these is. 2024-07-23
+
+```bash
+npm install --save-dev svelte-highlight
+npm install --save-dev typescript-svelte-plugin
+```
+
+---
+
+# Set up and run
+
+## Packages and dependencies
+
+```bash
+npm install --save-dev svelte-highlight typescript-svelte-plugin
+npm install flowbite flowbite-svelte tailwind-merge @popperjs/core
+```
+
+I am slowly switching from Font-Awesome to Lucide
+
+## Tiptap Editor
+
+- Eventually use Edra? https://edra.tsuzat.com/
+    - Best Rich Text Editor, made for Svelte Developers with Tiptap
+    - ShadEditor is "evolving" to be Edra.
+- ShadCN is still stuck on Tailwind 3. Waiting to upgrade to Tailwind 4.x. Tailwind 4.x was released in late January 2025. ShadCN is still being worked on as of late March 2025.
+- [https://github.com/huntabyte/shadcn-svelte/issues/1643](https://github.com/huntabyte/shadcn-svelte/issues/1643)
+
+Need to install ShadCN and Lucide for the Tiptap editor.
+
+```bash
+npm install shadcn-svelte
+npm install lucide-svelte
+npm install mode-watcher
+```
+
+Now we initialize the ShadCN and ShadEditor packages. Follow the command line instructions.
+
+```bash
+npx shadcn-svelte@next init
+npx shadcn-svelte@next add dropdown-menu button tooltip input popover separator
+npx shadeditor init
+```
+
+More packages related to the Tiptap editor???
+
+```bash
+npm install @tiptap/extension-link @tiptap/extension-bullet-list @tiptap/extension-history @tiptap/extension-typography @tiptap/extension-underline
+```
+
+## Build
+
+## Environment file
+
+### ".env"
+
+This is the default used if others are not found when when "npm run dev" or "npm run build" is run.
+
+### ".env.local"
+
+This is used when "npm run dev" is run. This is not used in the production build.
+
+### ".env.production"
+
+This is used when "npm run build" is run. This is not used in the development build.
+
+### ".env:prod"
+
+This is modified to allow for a staging environment and production environment built.
+
+### ".env:staging"
+
+This is modified to allow for a staging environment and production environment built.
+
+### Example Important Values when running in dev:
+
+Note: Environment values need to be updated when our home IP address changes. Be sure to check the Aether Container Environment and Aether Node App (SvelteKit) Environment files for the correct IP address. The Node Docker environment needs to be updated here and in the .env file that Docker will read. This needs to be improved later...
+
+```bash
+DOCKER_AE_API_DEV_SERVER_EXTRA_HOST=dev-api.oneskyit.com:108.48.200.147
+
+DOCKER_AE_API_SERVER_EXTRA_HOST=dev-api.oneskyit.com:108.48.200.147
+
+PUBLIC_AE_API_SERVER=api.oneskyit.com
+PUBLIC_AE_API_BAK_SERVER=bak-api.oneskyit.com
+```
+
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
 
 ```bash
 npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
 ```
 
-Navigate to [localhost:5000](http://localhost:5000). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.
+## Building
 
-By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.
-
-If you're using [Visual Studio Code](https://code.visualstudio.com/) we recommend installing the official extension [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode). If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.
-
-## Building and running in production mode
-
-To create an optimised version of the app:
+To create a production version of your app:
 
 ```bash
 npm run build
 ```
 
-You can run the newly built app with `npm run start`. This uses [sirv](https://github.com/lukeed/sirv), which is included in your package.json's `dependencies` so that the app will work when you deploy to platforms like [Heroku](https://heroku.com).
+You can preview the production build with `npm run preview`.
 
-
-## Single-page app mode
-
-By default, sirv will only respond to requests that match files in `public`. This is to maximise compatibility with static fileservers, allowing you to deploy your app anywhere.
-
-If you're building a single-page app (SPA) with multiple routes, sirv needs to be able to respond to requests for *any* path. You can make it so by editing the `"start"` command in package.json:
-
-```js
-"start": "sirv public --single"
-```
-
-## Using TypeScript
-
-This template comes with a script to set up a TypeScript development environment, you can run it immediately after cloning the template with:
-
-```bash
-node scripts/setupTypeScript.js
-```
-
-Or remove the script via:
-
-```bash
-rm scripts/setupTypeScript.js
-```
-
-## Deploying to the web
-
-### With [Vercel](https://vercel.com)
-
-Install `vercel` if you haven't already:
-
-```bash
-npm install -g vercel
-```
-
-Then, from within your project folder:
-
-```bash
-cd public
-vercel deploy --name my-project
-```
-
-### With [surge](https://surge.sh/)
-
-Install `surge` if you haven't already:
-
-```bash
-npm install -g surge
-```
-
-Then, from within your project folder:
-
-```bash
-npm run build
-surge public my-project.surge.sh
-```
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

TODO.md

@@ -0,0 +1,379 @@
+# One Sky IT's Aether UI/UX Project TODO
+
+This is a list of tasks to be completed before the next event/show/conference.
+
+---
+
+## Recent Accomplishments
+
+- [x] **Badges v3:** Resolved a series of cascading build and runtime errors on the new badge search page. This involved restoring Skeleton CSS, fixing Svelte 5 event handler syntax (`onsubmit|preventDefault`), resolving a prop binding error (`props_invalid_value`), and temporarily disabling a problematic `order_by_li` API parameter to fix a network fetch error.
+- [x] **Refactoring:** Standardized data processing in `events`, `archives`, `posts`, and `sponsorships` modules using a new generic pattern.
+- [x] **Bug Fix:** Corrected data fetching logic for session-related presentations and files that were not displaying correctly due to `id` vs `id_random` issues.
+- [x] **Core:** Defined `Account`, `Site`, and `Site_Domain` interfaces in new files under `src/lib/ae_core/`.
+- [x] **Journals:** Improve the empty state message in `src/routes/journals/+page.svelte`.
+- [x] **Journals:** Add a loading indicator to the main journals page.
+- [x] **IDAA:** Add a loading indicator to the archives page (`src/routes/idaa/(idaa)/archives/+page.svelte`).
+- [x] **Events:** Add pagination to the main event list in `src/routes/events/+page.svelte`.
+
+---
+
+## Big Picture Goals
+
+- Everything needs to work with Svelte 5.x and SvelteKit 2.x.
+- Able to cache data and mostly work offline.
+- The new Events Launcher must be able to work offline and query the API for changes to data.
+- The new Events Launcher must be able to run inside an Electron app and have access to local files and OS shell commands and applications. This includes loading a special library that only works in Electron.
+
+---
+
+## Codebase Standardization
+
+### 1. Naming Conventions
+
+- [ ] **Goal:** Enforce a single, consistent naming standard across the entire codebase.
+- [ ] **Files:**
+    - Logic: `ae_<module>__<concept>.ts`
+    - DB Definitions: `db_<module>.ts`
+    - Svelte Stores: `ae_<module>_stores.ts`
+    - Consolidate helper files (e.g., `ae_core_functions.ts`) into the above files.
+- [ ] **Functions & Variables:**
+    - [x] Enforce `snake_case` for all function and variable names.
+    - [x] Deprecate and remove `camelCase`.
+    - [x] Deprecate and refactor ambiguous `handle_` prefixes.
+- [ ] **Object & Property Naming:**
+    - Use singular nouns for objects and properties (e.g., `example.id`, not `examples.id`).
+- [ ] **List Suffixes:**
+    - Use `_li` for simple, unordered arrays.
+    - Use `_kv` for key-value objects/maps.
+- [ ] **Process:**
+    - Refactor one module at a time to ensure internal consistency before moving to the next. Start with `ae_core`.
+    - **Update 2025-11-13:** `ae_core_functions.ts` has been temporarily restored to resolve a critical issue. The refactoring of `process_ae_obj__*_props()` functions will now proceed module by module, ensuring stability at each step.
+
+### 2. Component Standardization
+
+- [x] **CodeMirror Migration:** Replaced all instances of the old Tiptap editor with a new CodeMirror wrapper. This includes fixing initialization errors, enabling text wrapping, and ensuring content is correctly saved.
+- [ ] **Component Review:** Audit third-party components to understand their conventions and isolate them from internal standards.
+
+### 3. Aether Object Field Definitions
+
+- [ ] **Goal:** Create a common way to define which fields can be sent in when creating or updating a record for all Aether objects.
+- [ ] **Process:**
+    - For each Aether object type, create a `ae_<module>__<object>.editable_fields.ts` file that exports a whitelist of editable fields.
+    - Modify the `create` and `update` functions for each object type to use this whitelist to filter the data before sending it to the API.
+    - Start with the `event` object type as a proof of concept. (DONE)
+    - Apply this pattern to all other Aether object types.
+
+---
+
+## Priority Tasks (Easy & Quick)
+
+- [ ] **API:** Properly investigate and fix the `order_by_li` parameter in the `search__event_badge` function. The parameter is currently commented out as a temporary workaround to prevent a network fetch error.
+- [ ] **Formatting:** Run `npm run format` to fix code style issues across the project.
+
+---
+
+## Critical Functions for Review
+
+These functions are frequently used and critical to the application's data flow. Reviewing and cleaning them up will significantly improve the codebase.
+
+1. **`get_ae_obj_li_for_obj_id_crud_v2()`** (from `src/lib/ae_api/api_get__crud_obj_li_v2.ts`)
+    - **Why:** This is the main function for fetching lists of data from the backend, used extensively across all modules.
+    - **Cleanup:** Review parameters and return types for consistency, improve error handling, and add more detailed logging for debugging.
+
+2. **`db_save_ae_obj_li__ae_obj()`** (from `src/lib/ae_core/core__idb_dexie.ts`)
+    - **Why:** This function is the single point of entry for saving data to the local Dexie database, critical for performance and reliability.
+    - **Cleanup:** Optimize for bulk operations, add robust error handling and logging, and ensure correct handling of updates to existing objects.
+
+3. **The `process_ae_obj__*_props()` family of functions** (e.g., `process_ae_obj__journal_props()` from `src/lib/ae_journals/ae_journals__journal.ts`)
+    - **Why:** These functions transform API data for the frontend and are a common source of bugs and inconsistencies.
+    - **Cleanup:** Standardize their structure across all modules, ensure they are pure functions, and add unit tests for correctness.
+    - **Update 2025-11-13 (Temporary Rollback):** The previous refactoring of these functions has been temporarily rolled back due to an `InternalError`. `ae_core_functions.ts` has been restored. The new plan is to refactor these functions module by module, ensuring stability at each step. The generic CRUD functions in `core__crud_generic.ts` were simplified to remove data processing and caching, delegating those responsibilities to the module-specific functions. The deprecated `process_ae_obj__props` function in that file was left in place but is no longer used by the generic CRUD functions.
+    - **Update 2025-11-20 (Successful Refactor):** The `event_badge` module has been successfully refactored to use the new "API Function -> Processor -> DB Save" pattern. The `process_ae_obj__event_badge_props` function now handles inconsistencies in the API search results (i.e., a missing `event_id`) by accepting the `event_id` as a parameter and injecting it. This serves as a successful proof-of-concept for this architectural pattern.
+
+4. **Usage of `liveQuery` from Dexie**
+    - **Why:** `liveQuery` is powerful for reactive UIs, but current usage suggests complexity and potential issues.
+    - **Cleanup:** Review `liveQuery` usage throughout the application, simplify queries, and investigate reactivity issues. Consider wrapping `liveQuery` in a custom Svelte store for a more predictable interface.
+
+---
+
+- [x] Improve the `e_app_codemirror_v5.svelte` component and plan the migration from Tiptap to CodeMirror for rich text editing. The migration is complete, and the component has been improved to handle individual extensions and fix various bugs.
+
+---
+
+## Core Module Improvements
+
+### 1. Core Module Dashboard
+
+- [ ] Create a central dashboard at `/core` to provide an overview and links to all core data management pages.
+
+### 2. Account Management
+
+- [ ] **Route:** Create a new route at `/core/accounts`.
+- [ ] **Data:** Define the `Account` interface in a new file `src/lib/ae_core/core__account.ts`.
+- [ ] **API:** Implement functions in `core__account.ts` for CRUD operations on accounts.
+- [ ] **UI:**
+    - [ ] Create a `+page.svelte` to list all accounts.
+    - [ ] Create a `[account_id]` dynamic route to view and edit account details.
+
+### 3. Site & Domain Management
+
+- [ ] **Route:** Create a new route at `/core/sites`.
+- [ ] **Data:** Define `Site` and `Site_Domain` interfaces in a new file `src/lib/ae_core/core__site.ts`.
+- [ ] **API:** Implement functions in `core__site.ts` for CRUD operations on sites and domains.
+- [ ] **UI:**
+    - [ ] Create a `+page.svelte` to list all sites.
+    - [ ] Create a `[site_id]` dynamic route to view and edit site details and manage associated domains.
+
+### 4. Person Management
+
+- [ ] **Enhance:** Improve the existing person management components under `/core/person`.
+- [ ] **UI:**
+    - [ ] Create a dedicated page for creating new person records.
+    - [ ] Add search and filtering capabilities to the person list.
+
+### 5. User Management
+
+- [ ] **Route:** Create a new route at `/core/users`.
+- [ ] **UI:**
+    - [ ] Create a `+page.svelte` to list all users.
+    - [ ] Create a `[user_id]` dynamic route to view and edit user details, including permissions.
+    - [ ] Implement a component to link users to person records.
+
+### 6. Hosted File Management
+
+- [ ] **Route:** Create a new route at `/core/hosted_files`.
+- [ ] **UI:**
+    - [ ] Create a `+page.svelte` to list all hosted files with filters (e.g., by file type, uploader).
+    - [ ] Implement a file viewer for common file types.
+    - [ ] Add functionality to upload new files and associate them with other objects (e.g., a person, a journal entry).
+
+### 7. Shared Lookup Lists
+
+- [ ] **Route:** Create a new route at `/core/lookups`.
+- [ ] **UI:**
+    - [ ] Create a simple UI to view and manage the shared lookup lists (e.g., `countries`, `time_zones`).
+
+---
+
+## Journals Module Improvements
+
+### Code Cleanup & Refactoring
+
+- [ ] **Consolidate Data Functions:** Refactor `ae_journals__journal.ts` and `ae_journals__journal_entry.ts` to reduce code duplication, especially in data loading and processing functions.
+- [ ] **Remove Dead Code:** Clean up commented-out code blocks and unused variables across the module.
+- [ ] **Logging:** Implement a more structured logging solution to replace the widespread use of `console.log`.
+- [ ] **Promise Handling:** Standardize promise handling to use `async/await` consistently and remove mixed `.then()` and `async/await` syntax.
+- [ ] **Type Safety:** Replace `any` types with more specific interfaces, particularly in function parameters and API responses.
+
+### Features & Enhancements
+
+- [ ] **Offline Support:** Improve offline capabilities by pre-fetching and caching more data. Review the current Dexie implementation for optimizations.
+- [ ] **Search & Filtering:** Enhance the UI with more advanced search and filtering options for journals and entries (e.g., by date range, content, tags).
+- [ ] **User Experience (UX):**
+    - Implement better loading indicators and skeleton loaders.
+    - Provide clearer empty state messages (e.g., "No journals found, create one!").
+    - Improve error handling and provide more informative error messages to the user.
+- [ ] **Encryption:** Review and enhance the encryption implementation for journal entries to ensure it is secure and user-friendly.
+- [ ] **Templates:** Fully implement and document the "templates" feature for creating new journals and entries.
+
+### Bug Fixes & Potential Issues
+
+- [ ] **Reactivity:** Investigate potential reactivity issues between Svelte stores and Dexie's `liveQuery`.
+- [ ] **Data Sync:** Add logic to handle data synchronization conflicts between the local database and the server.
+- [ ] **Performance:** Profile the application with a large number of journals and entries to identify and address any performance bottlenecks.
+
+---
+
+## IDAA Modules Improvements
+
+### General
+
+- [ ] **Component Refactoring:** Audit the `ae_idaa_comp__` components and refactor them to be more generic and reusable where possible.
+- [ ] **State Management:** Simplify state management by reducing the number of stores and triggers, and relying more on derived state and component props.
+
+### Archives Module (`/idaa/archives`)
+
+- [ ] **UI/UX:**
+    - [ ] Add a loading indicator while archives are being fetched.
+    - [ ] Implement a more engaging "empty state" when no archives are available.
+- [ ] **Performance:**
+    - [ ] Implement pagination or infinite scrolling for the archive list.
+
+### Bulletin Board Module (`/idaa/bb`)
+
+- [ ] **UI/UX:**
+    - [ ] Improve the UI for creating and editing posts and comments.
+    - [x] Add a rich text editor for a better writing experience.
+- [ ] **Features:**
+    - [ ] Implement user-specific features, such as editing their own posts and comments.
+
+### Recovery Meetings Module (`/idaa/recovery_meetings`)
+
+- [ ] **Refactoring:**
+    - [ ] Simplify the search and filtering logic. The current implementation with `setInterval` is complex and could be replaced with a more modern approach using debouncing or reactive statements.
+- [ ] **UI/UX:**
+    - [ ] Make the search and filtering interface more intuitive and responsive.
+    - [ ] Provide instant feedback to the user as they type in the search box.
+- [ ] **Performance:**
+    - [ ] Optimize the search query to be faster and more efficient.
+
+---
+
+## Aether Events Module Improvements
+
+### General
+
+- [ ] **Dashboard:** Create a central dashboard for each event at `/events/[event_id]` that provides an overview of the event and links to all the management pages.
+- [ ] **Component Refactoring:** The module has a large number of `ae_comp__` components. Audit and refactor them to be more modular and reusable.
+- [ ] **UI/UX Consistency:** Ensure a consistent look and feel across all the different event management pages.
+
+### Core Event Management
+
+- [ ] **Event List (`/events`):**
+    - [ ] Add search and filtering capabilities to the main event list.
+    - [ ] Implement pagination for the event list.
+- [ ] **Event Creation/Editing:**
+    - [ ] Create a dedicated page or modal for creating and editing events.
+
+### Sub-modules (`/events/[event_id]/...`)
+
+- [ ] **Sessions, Presentations, Presenters, etc.:**
+    - [ ] For each sub-module (sessions, presentations, etc.), implement a consistent set of features:
+        - [ ] List view with search and filtering.
+        - [ ] Detail view.
+        - [ ] Create and edit forms.
+        - [ ] Delete functionality with confirmation.
+- [ ] **File Management:**
+    - [ ] Improve the file upload component (`ae_comp__event_files_upload.svelte`) with features like drag-and-drop and progress bars.
+    - [ ] Enhance the file list view with more details and actions.
+- [ ] \*\*Launcher (`/events/[event_id]/launcher`):
+    - [ ] Add documentation to explain the purpose and usage of the launcher.
+    - [ ] Improve the UI to make it more intuitive for users.
+- [ ] \*\*Badges (`/events/[event_id]/badges`):
+    - [ ] Enhance the badge printing interface with more customization options.
+    - [ ] Add a preview of the badge before printing.
+
+### Performance
+
+- [ ] **Live Queries:** Review the use of `liveQuery` throughout the module and optimize for performance, especially on pages with a large amount of data.
+- [ ] **Data Loading:** Implement more efficient data loading strategies to avoid fetching unnecessary data.
+
+---
+
+## UI/UX Consistency
+
+- [ ] **Broad UI/UX Review:** Conduct a comprehensive review of UI elements across the application to ensure consistency. This includes, but is not limited to:
+    - Buttons (style, placement, wording)
+    - Lists (style, actions)
+    - Links vs. Buttons (correct semantic usage)
+    - Menus (style, options)
+    - Debug components and other developer-facing UI.
+    - **Wording:** Standardize the text used in common UI elements (e.g., "Save", "Cancel", "Delete", "Add New").
+    - **Scope:** This should be done on a per-module basis to ensure local consistency, with a goal of achieving global consistency where possible.
+    - **Note on IDAA:** The `idaa` modules are semi-custom for a client and may have their own specific UI/UX requirements. Their consistency should be evaluated separately, keeping the client's needs in mind.
+- [ ] **Component Migration:** Replace remaining Skeleton UI classes (e.g., `preset-tonal-*`, `variant-filled-*`) with standard Tailwind CSS to avoid CSS conflicts and dependency issues.
+
+---
+
+## Scott's Quick Notes
+
+These are just quick notes, thoughts, ideas, and reminders for myself.
+
+- I need to explain the purpose and thought behind the data_store element or component and how it works. The short version: It is a hierarchy of database results, but only the last result is returned. The results are filtered by data store key/code, then by account_id, and then by for_type and for_id. This allows for shared data among accounts, but also account specific overrides. Finally, it allows for object specific overrides.
+- Use old Events Leads module as reference for new one
+- Use old Events Badges module as reference for new one
+- Use old Events Launcher module as reference for new one
+- The Launcher will need some work to make it work offline and in Electron
+- Events Leads: mobile first, but still works on desktop
+- Need to be able to enable and disable modules per event (e.g., some events may not need Leads or Badges)
+- In theory session codes should be unique per event. This depends somewhat on the client's data and needs.
+- The codes for locations/rooms should also be unique per event.
+- The codes for devices should also be unique per event.
+- Reports are manually created and shared among events and clients. We need to be able to enable/disable reports per event. Each report will have its own Svelte page.
+
+### Events modules and main landing pages
+
+- **Presentation Management**
+    - Manage
+    - Session Search
+    - View Session
+    - View Presenter
+    - Locations List
+    - View Location
+    - Devices List
+    - View Device
+    - Reports
+- **Launcher** (desktop first; tablet second; mobile last)
+    - Manage - Various admin and configuration options
+    - Menu Section - Event; Location; Sessions; Show/Hide
+    - Content Section - Shows session specific files; Shows session specific presentations; presentation specific presenters are shown per presentation; presenter specific files are shown per presenter
+    - Header Section - Event Name; Location Name; Current Time; Offline/Online Status; Sync Status
+    - Footer Section - Other status indicators; sync button
+- **Badge Printing**
+    - Manage
+    - Print Badges
+    - View Badge (show full preview before printing)
+    - Review Badge (attendee confirms key info before printing; agree/disagree to terms; agree/disagree to lead retrieval and tracking)
+    - Manually add Badge
+    - Reports
+- **Lead Retrieval**
+    - Manage
+    - View Leads
+    - Add Lead (Scan or Manual Entry)
+    - License Management and Payment (Stripe)
+- **Admin or Manage or Configure Event**
+
+### New Directory Structure?
+
+- src/lib/ - Shared libraries and components
+- src/routes/core/ - Core Aether management module
+    - sub-directories for:
+        - accounts
+            - account (by ID)
+        - sites
+            - site (by ID)
+                - site_domains
+                    - site_domain (by ID)
+        - people
+            - person (by ID)
+        - users
+            - user (by ID)
+        - hosted_files
+            - hosted_file (by ID or partial hash match???)
+        - lookups
+            - (countries)
+            - (state_provinces)
+            - (time_zones)
+- src/routes/events/ - Events main landing page and event management
+- src/routes/events/[event_id]/(presentations)/ - Event presentation management module
+    - sub-directories for:
+        - sessions
+            - session (by ID or code)
+        - presentations
+        - presenters
+            - presenter (by ID or code???)
+        - event_files
+        - locations
+            - location (by ID or code)
+        - devices
+            - device (by ID or code)
+        - reports
+            - report (by name of report)
+- src/routes/events/[event_id]/(launcher)/ - Event launcher module
+- src/routes/events/[event_id]/(badges)/ - Event badge printing module
+- src/routes/events/[event_id]/(leads)/ - Event lead retrieval module
+    - src/routes/events/[event_id]/+page.svelte - Event main dashboard
+    - [event_id]/exhibit/[exhibit_id]/ - Exhibitor specific lead retrieval pages
+- src/routes/journals/ - Journals module
+- src/routes/idaa/ - IDAA custom modules
+    - (archives)/ - Archives module
+    - (bb)/ - Bulletin Board module
+    - (recovery_meetings)/ - Recovery Meetings module
+- src/lib/ae_core/ - Core Aether logic and data models
+- src/lib/ae_events/ - Events module logic and data models
+- src/lib/ae_journals/ - Journals module logic and data models
+- src/lib/ae_idaa/ - IDAA custom modules logic and data models
+- src/lib/components/ - Shared Svelte components
+- src/lib/stores/ - Shared Svelte stores
+- src/assets/ - Assets like CSS, Tailwind config, etc.???
+- static/ - Static assets like images, fonts, etc.

ae_app_svelte_tailwind_skeleton.code-workspace

@@ -0,0 +1,12 @@
+{
+    "folders": [
+        {
+            "path": "."
+        }
+    ],
+    "settings": {
+        "cSpell.words": ["filelist"],
+        "git.autofetch": true,
+        "editor.defaultFormatter": "svelte.svelte-vscode"
+    }
+}

components.json

@@ -0,0 +1,17 @@
+{
+    "$schema": "https://next.shadcn-svelte.com/schema.json",
+    "style": "default",
+    "tailwind": {
+        "config": "tailwind.config.ts",
+        "css": "src/app.css",
+        "baseColor": "gray"
+    },
+    "aliases": {
+        "components": "$lib/components",
+        "utils": "$lib/utils",
+        "ui": "$lib/components/ui",
+        "hooks": "$lib/hooks"
+    },
+    "typescript": true,
+    "registry": "https://next.shadcn-svelte.com/registry"
+}

documentation/ARCHITECTURE.md

@@ -0,0 +1,142 @@
+# Aether Project Architecture
+
+This document outlines the overall architecture and key technologies used in the Aether SvelteKit frontend project.
+
+## 1. Project Overview
+
+The Aether project is a Svelte and SvelteKit based application, utilizing Tailwind CSS and Skeleton for styling and UI elements. It serves as the frontend UI/UX for the Aether system, which interacts with a Python FastAPI backend.
+
+## 2. Core Technologies
+
+- **Frontend Framework:** Svelte 5 and SvelteKit v2
+    - **Routing:** SvelteKit's file-system based routing.
+- **Styling:** Tailwind CSS v4
+- **UI Component Libraries:**
+    - Skeleton (Design System, Tailwind Components, Functional Components - being phased out due to conflicts with Tailwind CSS v4)
+    - Flowbite (Tailwind Components)
+    - Custom Components (a growing library of `ae_comp__*` and `element_*` components)
+- **Text/Code Editors:**
+    - CodeMirror 6.x (primary text and code editor, planned for rich text editing)
+    - Edra (TipTap based Rich Text Editor)
+    - **Note:** ShadEditor TipTap is present but marked for removal, with CodeMirror being the preferred solution for all text editing needs.
+- **Icons:** Lucide Icons (SVG Icons)
+- **Markdown Parsing:** `marked` library
+- **State Management:** Svelte stores, potentially with `liveQuery` from Dexie for reactive IndexedDB interactions.
+
+## 3. Module Structure
+
+The Aether project is organized into several modules, categorized as Core, Extended, and Custom.
+
+### 3.1. Official Modules
+
+#### Core Modules
+
+These are foundational modules essential for the application's basic functionality.
+
+- **Accounts:** Minimal implementation.
+- **Files:** Manages hosted files.
+- **People:** Minimal implementation for person records.
+- **Sites:** Minimal implementation for site configurations.
+- **Users:** Minimal implementation for user management.
+
+#### Extended Modules
+
+These modules provide additional features and functionalities.
+
+- **Archives:** Minimal implementation.
+- **Events:** Includes features for Badges and Presentation Management.
+- **Posts:** Minimal implementation.
+- **Journals:** Manages journal entries.
+
+#### Custom Modules
+
+These modules are tailored for specific client needs.
+
+- **IDAA:** Includes Archives, Bulletin Board (BB), and Recovery Meetings functionalities.
+
+## 4. Data Storage Mechanisms
+
+### 4.1. Local Storage
+
+Used for client-side persistence of various application states and configurations.
+
+- `api`: API-related settings.
+- `app`: Global application settings.
+- `core`: Settings and data specific to core modules.
+- `<module>`: Settings and data specific to extended modules.
+- `<custom>`: Settings and data specific to custom modules.
+
+### 4.2. IndexedDB (Dexie.js)
+
+Used for more structured client-side data storage, often for caching and offline capabilities.
+
+- `ae_core_db`: Core database instance.
+- `<module>`: Module-specific database instances.
+- `<custom>`: Custom module-specific database instances (none currently defined).
+
+## 5. Data Sorting
+
+Standardized sorting orders are applied across various data lists.
+
+- **Default/General:** `group > priority > sort > updated_on/created_on`
+- **Specific (e.g., Events):** `type > start_date/time > code or name`
+
+## 6. Object Properties and Fields
+
+A set of standardized field names and types are used across Aether objects.
+
+### 6.1. Core Standard Fields
+
+These fields are expected to be present in most Aether objects.
+
+- `id`: Primary key for an object (internal use, often a UUID).
+- `id_random`: Randomly generated ID for an object (often used for external exposure or URL parameters).
+- `<object_type>_id_random`: Specific random ID for an object (e.g., `person_id_random`).
+- `code`: Short, unique identifier.
+- `name`: Display name.
+- `enable`: Boolean for active/inactive status.
+- `hide`: Boolean for visibility.
+- `priority`: Numeric value for ordering.
+- `sort`: Numeric value for ordering.
+- `group`: Categorization string.
+- `notes`: General notes/comments.
+- `created_on`: Timestamp of creation.
+- `updated_on`: Timestamp of last update.
+
+### 6.2. Special Use Fields
+
+Fields with specific purposes or conditional usage.
+
+- `for_type`: Indicates the type of object this object is linked to.
+- `for_id`: The ID of the object this object is linked to.
+- `archive_on`: Timestamp for archiving.
+- `passcode`: Password or access code.
+- `external_id`: ID from an external system.
+
+### 6.3. Configuration and JSON Fields
+
+Fields designed to store JSON data.
+
+- `cfg_json`: Configuration data in JSON format.
+- `data_json`: General data in JSON format.
+- `linked_li_json`: List of linked items in JSON format.
+
+### 6.4. Special Generated Fields (Client-side)
+
+Fields generated on the client-side, primarily for sorting or UI logic.
+
+- `tmp_sort_1`
+- `tmp_sort_2`
+- `tmp_sort_3`
+
+### 6.5. Future Standard Fields
+
+A list of potential future standard fields, often prefixed with `obj_`. These are currently conceptual and not yet fully integrated.
+
+- `obj_id`, `obj_ext_uid`, `obj_ext_id`, `obj_import_id`, `obj_code`, `obj_account_id`, `obj_passcode`, `obj_type`, `obj_type_ver_id`, `obj_name`, `obj_summary`, `obj_outline`, `obj_description`, `obj_enable`, `obj_enable_on`, `obj_archive_on`, `obj_hide`, `obj_priority`, `obj_sort`, `obj_group`, `obj_cfg_json`, `obj_notes`, `obj_created_on`, `obj_updated_on`.
+
+## 7. IndexedDB LiveQuery Usage
+
+- `lq__xyz_obj`: Used for general read-only access to liveQuery results.
+- `lqw__xyz_obj`: Used for forms and binding values, representing a writable snapshot of liveQuery results.
+    - **Note:** Care must be taken when binding to `lqw__xyz_obj` to manage updates and potential conflicts with the underlying liveQuery.

documentation/COMPONENTS.md

@@ -0,0 +1,148 @@
+# Aether Project Components
+
+This document details the various UI components used throughout the Aether SvelteKit frontend project, categorized by their scope and functionality.
+
+## 1. Aether Components (UI/UX)
+
+### 1.1. System Components
+
+These components are part of the core application shell and provide global functionalities.
+
+- **`header`**: Application-wide header.
+- **`main/module`s**: Main content area for modules.
+- **`footer`**: Application-wide footer.
+- **`app`**: Provides global application functionalities such as:
+    - Refresh application state.
+    - Clear IndexedDB.
+    - Clear local storage (settings).
+    - Toggle iframe visibility (also updates URL parameter).
+    - Copy current URL.
+    - Generate and display QR codes.
+- **`menu`**: Various menus for different purposes:
+    - **`mode`**: Edit mode toggle, more options (all or details).
+    - **`access_type`**: Passcode input, clear access.
+    - **`user`**: Sign in/out, reset password, email link, change username and email.
+    - **`theme`**: Mode (light/dark), name (theme list).
+- **`debug`**: Developer-facing tools:
+    - Toggle debug mode (also updates URL parameter).
+    - Show core and module storages.
+    - Manually set initial timestamp.
+- **`scroll_to`**: Navigation controls for scrolling:
+    - Scroll to top of the page.
+    - Scroll page up.
+    - Scroll page down.
+    - Scroll to bottom of the page.
+
+### 1.2. Core Components
+
+These are reusable components that provide common functionalities across different modules.
+
+- **`copy_btn`**: A button to copy content to the clipboard.
+    - Properties: `clipboard`, `bind:value`, `btn_text`, `btn_html`.
+- **`txt_editor`**: A basic text area editor.
+- **`md_editor`**: Markdown editor.
+    - Uses CodeMirror (planned for rich text editing).
+    - **Note:** ShadEditor TipTap is present but marked for removal. ShadCN components are also being phased out in favor of CodeMirror for text editing.
+- **`html_editor`**: HTML editor.
+- **`media_player`**: Component for playing media files.
+    - Properties: `hosted_file`, `archive_content`, `media_player`.
+    - Bindings: `bind:host_id`, `bind:media_type`.
+    - Status: `stopped`, `paused`, `playing`.
+- **`hosted_file_li`**: Manages a list of hosted files, making them available for selection.
+- **`hosted_file_link_to`**: Lists links per object, with bindings to add/remove links.
+- **`upload_to_host`**: Component for uploading files to the host.
+    - Handles multiple files.
+    - Properties: `link_type`, `link_id`, `inner fragment` (label html).
+    - Bindings: `bind:trigger`, `bind:show_spinner`, `bind:show_percent`.
+    - Status: `started`, `uploading`, `finished`.
+- **`upload_file_tbl`**: Table for uploaded files, includes checks for duplicate file hashes and removal from the list.
+- **`download_from_host`**: Component for downloading files from the host.
+    - Bindings: `bind:host_file_id`, `bind:filename`, `bind:file_ext`.
+    - Properties: `btn inner fragment`.
+    - Bindings: `bind:trigger`, `bind:show_spinner`, `bind:show_percent`.
+    - Status: `started`, `downloading`, `finished`.
+- **`data_store`**: Component for interacting with data stores.
+- **`ae_crud`**: Generic CRUD (Create, Read, Update, Delete) component.
+    - **Note:** Needs simplification.
+    - Properties: `obj`, `prop`, `current_value`.
+    - Bindings: `bind:value`, `bind:trigger`, `inner fragment`.
+- **`ae_obj_prop_val`**: A wrapper for a function to manage object property values.
+    - Bindings: `bind:obj_type`, `bind:obj_id`, `bind:obj_prop`, `bind:obj_value`, `bind:obj_new_value`, `bind:trigger`, `bind:show_spinner`, `bind:show_percent`.
+    - Status: `status`, `result`.
+- **`sql_qry`**: Component for executing SQL queries.
+- **`obj_tbl`**: Object SQL results table or similar.
+- **`qr_scanner`**: Component for scanning QR codes.
+- **`websocket`**: Component for WebSocket communication.
+
+### 1.3. Main / Module Components
+
+These are components specific to main application sections or individual modules.
+
+- **`menu`**:
+    - **`options`**: Various settings, show/hide content and options, limit, sorting options.
+    - **`actions`**: Various actions, sign in/out, email.
+
+### 1.4. Object Menu
+
+A standardized menu for interacting with objects.
+
+- **Properties Displayed:** `id`, `name`, `group`, `priority`, `sort`, `alert`, `hide`, `enable`, `note`.
+- **Future Properties:** `ext_id`, `ext_sys_id`, `code` (not yet ready).
+- **Actions:** `create`, `view`, `edit`, `update`, `hide`, `disable`, `delete`, `alert` (message), `archive` (not yet ready).
+- **Future Actions:** `copy`, `import`.
+- **Sort Options:**
+    - `[default]`: `group > priority > sort (ASC/DESC) > alert > name`
+    - `[sort_updated]`: `group > priority > sort (ASC/DESC) > alert > updated_on > created_on`
+    - `[priority_updated]`: `group > priority > updated_on (ASC/DESC) > created_on`
+    - `[priority_name]`: `group > priority > name (ASC/DESC) > sort > alert > updated_on > created_on`
+    - `[name]`: `priority > name (ASC/DESC) > sort > alert > updated_on > created_on`
+    - `[created_on]`: `priority > created_on (ASC/DESC)`
+    - `[updated_on]`: `priority > updated_on (ASC/DESC) > created_on`
+
+## 2. Pop-ups
+
+Standardized structure for various types of pop-up elements.
+
+- **`modal_header`**:
+    - `title`
+    - `close` button
+- **`modal_main`**: Main content area of the modal.
+- **`modal_meta`**: Meta-information section.
+- **`modal_footer`**:
+    - `close` button
+- **`Pop-up Modal (blocking)`**: A modal that blocks interaction with the rest of the page.
+    - `modal position`
+- **`Pop-up Modal Inline`**: A modal that appears inline with content.
+    - `inline`, `inline-block`, `block` display options.
+- **`Pop-up Dialog`**: A dialog box.
+    - `dialog position`
+
+## 3. Containers
+
+Generic container types used for layout and grouping.
+
+### 3.1. Navigation
+
+- `link`
+- `download`
+
+### 3.2. Forms
+
+- `save` button/action
+- `clear value` action
+- `set null value` action
+
+### 3.3. Other Containers
+
+- `help`: Blue themed container.
+- `info`: Blue themed container.
+- `alert`: Yellow themed container.
+- `warning`: Orange themed container.
+- `error`: Red themed container.
+- `message`: Green themed container.
+
+## 4. CSS Styling for UI Elements
+
+- **Warning/Hide Buttons:** `variant-soft-warning hover:variant-filled-warning`
+- **Error/Delete/Disable Buttons:** `variant-soft-error hover:variant-filled-error`
+- **Submenu:** `flex flex-row items-center justify-center gap-1`

documentation/DATA_STRUCTURES.md

@@ -0,0 +1,90 @@
+# Aether Project Data Structures
+
+This document outlines the key data structures and their properties used within the Aether SvelteKit frontend project. It covers object properties, field definitions, and how data is managed.
+
+## 1. Object Properties and Fields
+
+### 1.1. Core Standard Fields
+
+These fields are expected to be present in most Aether objects, providing a consistent base structure.
+
+- `id`: Primary key for an object (internal use, often a UUID).
+- `id_random`: Randomly generated ID for an object (often used for external exposure or URL parameters).
+- `<object_type>_id_random`: Specific random ID for an object (e.g., `person_id_random`).
+- `code`: Short, unique identifier.
+- `name`: Display name.
+- `enable`: Boolean for active/inactive status.
+- `hide`: Boolean for visibility.
+- `priority`: Numeric value for ordering.
+- `sort`: Numeric value for ordering.
+- `group`: Categorization string.
+- `notes`: General notes/comments.
+- `created_on`: Timestamp of creation.
+- `updated_on`: Timestamp of last update.
+
+### 1.2. Special Use Fields
+
+Fields with specific purposes or conditional usage across different object types.
+
+- `for_type`: Indicates the type of object this object is linked to (e.g., 'account', 'event').
+- `for_id`: The ID of the object this object is linked to.
+- `archive_on`: Timestamp indicating when an object was archived.
+- `passcode`: A password or access code associated with an object.
+- `external_id`: An identifier from an external system.
+
+### 1.3. Configuration and JSON Fields
+
+Fields designed to store structured data in JSON format.
+
+- `cfg_json`: Configuration data for an object, stored as a JSON string.
+- `data_json`: General purpose data for an object, stored as a JSON string.
+- `linked_li_json`: A list of linked items, stored as a JSON string.
+
+### 1.4. Special Generated Fields (Client-side)
+
+These fields are generated on the client-side, primarily for facilitating UI logic, such as sorting. They are not typically stored in the backend database.
+
+- `tmp_sort_1`: Temporary sort field 1.
+- `tmp_sort_2`: Temporary sort field 2.
+- `tmp_sort_3`: Temporary sort field 3.
+
+### 1.5. Future Standard Fields
+
+A list of potential future standard fields, often prefixed with `obj_`. These are conceptual and represent planned expansions to the data model.
+
+- `obj_id`, `obj_ext_uid`, `obj_ext_id`, `obj_import_id`, `obj_code`, `obj_account_id`, `obj_passcode`, `obj_type`, `obj_type_ver_id`, `obj_name`, `obj_summary`, `obj_outline`, `obj_description`, `obj_enable`, `obj_enable_on`, `obj_archive_on`, `obj_hide`, `obj_priority`, `obj_sort`, `obj_group`, `obj_cfg_json`, `obj_notes`, `obj_created_on`, `obj_updated_on`.
+
+## 2. Data Sorting
+
+Standardized sorting orders are applied across various data lists to ensure consistent presentation.
+
+- **Default/General Sorting:** `group > priority > sort > updated_on/created_on`
+- **Specific Sorting (e.g., for time-based events):** `type > start_date/time > code or name`
+
+## 3. Data Storage Mechanisms
+
+### 3.1. Local Storage
+
+Used for client-side persistence of various application states and configurations.
+
+- `api`: Stores API-related settings and tokens.
+- `app`: Stores global application settings and preferences.
+- `core`: Stores settings and data specific to core modules.
+- `<module>`: Stores settings and data specific to extended modules (e.g., `journals`, `events`).
+- `<custom>`: Stores settings and data specific to custom modules (e.g., `idaa`).
+
+### 3.2. IndexedDB (Dexie.js)
+
+Used for more structured client-side data storage, often for caching, offline capabilities, and larger datasets.
+
+- `ae_core_db`: The primary Dexie database instance for core application data.
+- `<module>`: Module-specific database instances (e.g., `db_journals` for journal data).
+- `<custom>`: Custom module-specific database instances (none currently defined, but reserved for future use).
+
+### 3.3. IndexedDB LiveQuery Usage
+
+Dexie's `liveQuery` is used to provide reactive data streams from IndexedDB.
+
+- `lq__xyz_obj`: Represents a read-only liveQuery result for a single object.
+- `lqw__xyz_obj`: Represents a writable liveQuery result, typically used for forms and data binding.
+    - **Note:** When using `lqw__xyz_obj`, developers must carefully manage updates to avoid conflicts with the underlying liveQuery and ensure data integrity.

documentation/NAMING_CONVENTIONS.md

@@ -0,0 +1,93 @@
+# Aether Project Naming Conventions
+
+## 1. General Principles
+
+- **Clarity:** Names should clearly convey their purpose and meaning.
+- **Consistency:** Adhere strictly to these guidelines across the entire codebase.
+- **Readability:** Prioritize names that are easy to read and understand.
+- **Conciseness:** Avoid unnecessary verbosity, but not at the expense of clarity.
+
+## 2. File Naming
+
+- **Logic/Service Files:** `ae_<module>__<concept>.ts` (e.g., `ae_core__account.ts`, `ae_events__event.ts`)
+- **Database Definition Files:** `db_<module>.ts` (e.g., `db_core.ts`, `db_journals.ts`)
+- **Svelte Store Files:** `ae_<module>_stores.ts` (e.g., `ae_core_stores.ts`, `ae_journals_stores.ts`)
+- **Svelte Components:**
+    - **Module-specific components:** `ae_comp__<module>__<component_name>.svelte` (e.g., `ae_comp__events__event_card.svelte`)
+    - **Generic/reusable components:** `element_<component_name>.svelte` (e.g., `element_input_file.svelte`, `element_qr_scanner_v2.svelte`)
+- **SvelteKit Routes:** Follow SvelteKit's standard routing conventions (e.g., `+page.svelte`, `+layout.svelte`, `[id]/+page.svelte`).
+- **CSS Files:** `ae-<module>-<purpose>.css` (e.g., `ae-c-idaa-light.css`, `ae-osit-default.css`)
+
+## 3. Function and Variable Naming
+
+- **Style:** Strictly `snake_case` for all function and variable names.
+    - **Deprecated:** `camelCase` should be refactored to `snake_case`.
+- **Prefixes:**
+    - `load_ae_obj_id__<object_type>`: For loading a single Aether object by ID.
+    - `load_ae_obj_li__<object_type>`: For loading a list of Aether objects.
+    - `create_ae_obj__<object_type>`: For creating an Aether object.
+    - `update_ae_obj__<object_type>`: For updating an Aether object.
+    - `delete_ae_obj_id__<object_type>`: For deleting an Aether object by ID.
+    - `db_save_ae_obj_li__<object_type>`: For saving a list of Aether objects to IndexedDB.
+    - `db_update_ae_obj_id__<object_type>`: For updating an Aether object in IndexedDB.
+    - `process_ae_obj__<object_type>_props`: For module-specific data transformation functions.
+    - **Deprecated:** Ambiguous `handle_` prefixes should be replaced with more descriptive `snake_case` names (e.g., `handle_submit_form` -> `submit_form`).
+
+## 4. Object and Property Naming
+
+- **Singularity:** Use singular nouns for objects and properties (e.g., `example.id`, not `examples.id`).
+- **IDs:**
+    - `id`: Primary key for an object (internal use, often a UUID).
+    - `<object_type>_id`: Specific ID for an object (e.g., `person_id`).
+    - `<object_type>_id_random`: Randomly generated ID for an object (often used for external exposure or URL parameters).
+    - `account_id`, `site_id`, `user_id`, etc.: Foreign keys.
+- **Common Properties:**
+    - `code`: Short, unique identifier.
+    - `name`: Display name.
+    - `description`: Longer text description.
+    - `enable`: Boolean for active/inactive status.
+    - `hide`: Boolean for visibility.
+    - `priority`: Numeric value for ordering.
+    - `sort`: Numeric value for ordering.
+    - `group`: Categorization string.
+    - `notes`: General notes/comments.
+    - `created_on`: Timestamp of creation.
+    - `updated_on`: Timestamp of last update.
+- **Special Use Properties:** `for_type`, `for_id`, `archive_on`, `passcode`, `external_id`.
+- **Config/JSON Properties:** `cfg_json`, `data_json`, `linked_li_json`.
+- **Special Generated Fields (Client-side):** `tmp_sort_1`, `tmp_sort_2`, `tmp_sort_3` (for client-side sorting).
+
+## 5. List Suffixes
+
+- **Simple Arrays:** Use `_li` suffix for simple, unordered arrays (e.g., `user_li`, `hosted_file_id_li`).
+- **Key-Value Maps/Objects:** Use `_kv` suffix for key-value objects/maps (e.g., `user_kv`, `hosted_file_obj_kv`).
+
+## 6. Interface and Type Naming
+
+- **Style:** Use `PascalCase` for interface and type names (e.g., `Account`, `HostedFile`, `GenericCrudArgs`).
+
+## 7. Constants
+
+- **Style:** Use `SCREAMING_SNAKE_CASE` for constants (e.g., `MAX_RETRIES`, `DEFAULT_TIMEOUT`).
+
+## 8. CSS Classes and IDs
+
+- **Style:** Use `kebab-case` for CSS classes and IDs (e.g., `my-component-class`, `main-header-id`).
+
+## 9. Data Sorting
+
+- **Standard Order:** `group > priority > sort > updated_on/created_on`
+- **Specific Order:** `type > start_date/time > code or name`
+
+## 10. Local Storage and IndexedDB Keys
+
+- **Local Storage:**
+    - `api`
+    - `app` (global)
+    - `core` (core modules)
+    - `<module>` (extended modules)
+    - `<custom>` (custom modules)
+- **IndexedDB:**
+    - `ae_core_db`
+    - `<module>`
+    - `<custom>`

documentation/OLD_README_guidelines_ui_ux.md

@@ -0,0 +1,137 @@
+# AE UI Components, Layout, and Style Standards (HTML/CSS)
+
+## Aether Components
+
+### System Components
+
+- [header]
+- [main/module]s
+- [footer]
+- [app] refresh, clear IDB, clear local storage (settings), iframe toggle (also updates URL param), copy URL, generate and show QR
+- [menu][mode] edit, more (all or details)
+- [menu][access_type] passcode input, clear
+- [menu][user] sign in/out, reset password, email link, change username and email
+- [menu][theme] mode (light/dark), name (theme list)
+- [debug] toggle (also updates URL param), show core and module storages, manually set init timestamp
+- [scroll_to] top, page up, page down, bottom
+
+### Core Components
+
+- [copy_btn] clipboard, bind:value, btn_text, btn_html
+- [txt_editor] textarea
+- [md_editor] CodeMirror, ShadEditor TipTap (need to remove)
+- [html_editor]
+- [media_player]
+    - hosted_file archive_content media_player,
+    - bind:host_id,
+    - bind:media_type
+    - status - stopped, paused, playing
+- [hosted_file_li] manage_hosted_file_li, make available for selection
+- [hosted_file_link_to] list links per object, bind:add link, bind:remove link
+- [upload_to_host] - input_hosted_file; needs to handle multiple files
+    - link_type,
+    - link_id,
+    - inner fragment - label html
+    - bind:trigger
+    - bind:show_spinner
+    - bind:show_percent
+    - status
+    - result - started, uploading, finished
+- [upload_file_tbl] input_hosted_file_tbl, check for dup file hash, remove from list
+- [download_from_host]
+    - bind:host_file_id
+    - bind:filename
+    - bind:file_ext
+    - btn inner fragment
+    - bind:trigger
+    - bind:show_spinner
+    - bind:show_percent
+    - status
+    - result - started, downloading, finished
+- [data_store]
+- [ae_crud] need to simplify! obj, prop, current_value, bind:value, bind:trigger, inner fragment
+- [ae_obj_prop_val] - essentially a wrapper for the function
+    - bind:obj_type
+    - bind:obj_id
+    - bind:obj_prop
+    - bind:obj_value
+    - bind:obj_new_value
+    - bind:trigger
+    - bind:show_spinner
+    - bind:show_percent
+    - status
+    - result
+- [sql_qry]
+- [obj_tbl] obj sql results tbl or similar
+- [qr_scanner]
+- [websocket]
+
+### Main / Module Components
+
+- [menu][options] various settings, show/hide content and options, limit, sorting options, etc
+- [menu][actions] various actions, sign in/out, email
+
+### Object Menu
+
+- properties: id, name, group, priority, sort, alert, hide, enable, note
+- future properties: ext_id (not ready yet), ext_sys_id (not ready yet), code (not ready yet)
+- actions: create, view, edit, update, hide, disable, delete, alert (message), archive (not ready yet)
+- future actions: copy, import
+- sort options:
+    - [default] group > priority > sort (ASC/DESC) > alert > name
+    - [sort_updated] group > priority > sort (ASC/DESC) > alert > updated_on > created_on
+    - [priority_updated] group > priority > updated_on (ASC/DESC) > created_on
+    - [priority_name] group > priority > name (ASC/DESC) > sort > alert > updated_on > created_on
+    - [name] priority > name (ASC/DESC) > sort > alert > updated_on > created_on
+    - [created_on] priority > created_on (ASC/DESC)
+    - [updated_on] priority > updated_on (ASC/DESC) > created_on
+
+### Pop-ups:
+
+- modal_header
+    - title
+    - close
+- modal_main
+- modal_meta
+- modal_footer
+    - close
+
+#### Pop-up Modal (blocking)
+
+- modal position
+
+#### Pop-up Modal Inline
+
+- inline, inline-block, block
+
+#### Pop-up Dialog
+
+- dialog position
+
+## Containers
+
+### Navigation
+
+- link
+- download
+
+### Forms
+
+- save
+- clear value
+- set null value
+
+### Other Containers
+
+- help - blue
+- info - blue
+- alert - yellow
+- warning - orange
+- error - red
+- message - green
+
+---
+
+## Need to organize:
+
+- lu: id, account_id, for_obj_id, code, name, description, group, sort, priority, enable, perm_level

documentation/OLD_README_guidelines_v1.md

@@ -0,0 +1,80 @@
+# One Sky IT's Aether App - UI and UX Guidelines and Rules
+
+## General
+
+### Events
+
+#### layout header
+
+#### layout footer
+
+### Journals
+
+#### buttons
+
+##### alert
+
+##### info
+
+##### priority, flag
+
+##### warning, hide
+
+```css
+variant-soft-warning hover:variant-filled-warning
+```
+
+##### error, delete, disable
+
+```css
+variant-soft-error hover:variant-filled-error
+```
+
+#### new root layout header
+
+#### submenu
+
+```css
+flex flex-row items-center justify-center gap-1
+```
+
+#### new layout footer
+
+## Svelte 5 and SvelteKit v2 (framework and routing)
+
+## Tailwind 3.x CSS (styles)
+
+Waiting to upgrade to 4.x when ShadCN is ready. ShadCN is still being worked on as of late March 2025.
+
+- https://ui.shadcn.com/docs/tailwind-v4
+
+## CodeMirror 6.x (text and code editor)
+
+- https://codemirror.net
+
+## ShadCN (Tailwind Components)
+
+- https://ui.shadcn.com/docs
+- https://github.com/shadcn-ui/ui
+
+## Skeleton (Design System, Tailwind Components, Functional Components)
+
+Waiting to upgrade to Skeleton v3. Mostly because of the Tailwind 4.x upgrade needed for ShadCN.
+
+- https://www.skeleton.dev/docs/get-started/migrate-from-v2
+
+## Flowbite (Tailwind Components)
+
+## Lucide Icons (SVG Icons)
+
+- https://lucide.dev/icons/
+
+## Markdown
+
+Using marked for Markdown parsing.
+
+- https://marked.js.org/
+
+## Edra (TipTap based Rich Text Editor)
+
+- https://edra.tsuzat.com/

documentation/OLD_README_guidelines_v2.md

@@ -0,0 +1,173 @@
+# AE Svelte and SvelteKit Technical Standards
+
+## Official Modules
+
+### Core
+
+- Accounts - Minimal
+- Files
+- People - Minimal
+- Sites - Minimal
+- Users - Minimal
+
+### Extended
+
+Archives - Minimal, Events - Badges, Events - Presentation Management, Posts - Minimal, Journals
+
+### Custom
+
+IDAA - Archives, IDAA - BB, IDAA - Recovery Meetings
+
+---
+
+## localStorage:
+
+- api
+- app - global
+- core - core modules
+- [module] - extended modules
+- [custom] - custom modules
+
+---
+
+## Indexed DB
+
+- ae_core_db
+- [module]
+- [custom] - custom modules: none currently
+
+---
+
+## Data Sorting
+
+- group > priority > sort > updated/created on
+- type > start date/time > code or name
+
+---
+
+## Objects
+
+### Function - Obj Prop Update
+
+- obj_type
+- obj_id
+- obj_prop
+- obj_value
+
+### Core
+
+### Extended
+
+### Custom
+
+---
+
+## Object Properties or Fields
+
+### Core
+
+Expected standard field names: id, id_random, [obj-type]\_id_random, code, name, enable, hide, priority, sort, group, notes, created_on, updated_on
+Special use field names: for_type, for_id, archive_on, passcode, external_id
+
+### Configs and Fields with JSON
+
+- cfg_json
+- data_json
+- linked_li_json
+
+### Special Generated Fields
+
+tmp_sort_1, tmp_sort_2,
+
+### Future standard fields!!!
+
+obj_id?: null|string;
+obj_ext_uid?: null|string; // Probably not needed for journals
+obj_ext_id?: null|string; // Probably not needed for journals
+obj_import_id?: null|string; // Probably not needed for journals
+obj_code?: null|string;
+obj_account_id?: null|string;
+obj_passcode?: null|string;
+obj_type?: null|string; // Should always be 'journal' in this case
+obj_type_ver_id?: null|string; // The ID from the table for the object type
+obj_name?: null|string;
+obj_summary?: null|string; // LLM (AI) generated summary...???
+obj_outline?: null|string; // LLM (AI) generated outline...???
+obj_description?: null|string; // Probably not needed for journals
+obj_enable?: null|boolean;
+obj_enable_on?: null|Date;
+obj_archive_on?: null|Date;
+obj_hide?: null|boolean;
+obj_priority?: null|number;
+obj_sort?: null|number;
+obj_group?: null|string;
+obj_cfg_json?: null|string;
+obj_notes?: null|string;
+obj_created_on?: Date;
+obj_updated_on?: null|Date;
+
+## Dixie IDB liveQuery with Select Objects (slct) and Lists of Objects (slct_x_li)
+
+Use this method below to create a read/write snapshot of the current liveQuery results. This allows you to use it as part of a form and binding values. It might make since to call this something like "lqw**x_obj" and "lqw**x_obj_li". lqw = liveQuery writable
+
+lq**xyz_obj - Use for general read only
+lqw**xyz_obj - Use for forms and binding values. What happens if the actual LQ obj is updated after the bind?
+$slct or $lqw ?
+
+Sort of related.... more permission/security though: Create a new table that will be attached to every v\_ view in the DB. This new table would be a field permission list. It could work similar to the data_store table and related view. This seems like a good idea????? 2025-08-11
+
+```ts
+let lq__post_obj = $derived(
+    liveQuery(async () => {
+        if (log_lvl) {
+            console.log(`lq__post_obj: post_id = ${$idaa_slct?.post_id}`);
+        }
+        let results = await db_posts.post.get($idaa_slct.post_id ?? ''); // null or undefined does not reset things like '' does
+
+        // Check if results are different than the current $idaa_slct.post_obj
+        if ($idaa_slct.post_obj && results) {
+            if (JSON.stringify($idaa_slct.post_obj) !== JSON.stringify(results)) {
+                $idaa_slct.post_obj = { ...results };
+                if (log_lvl) {
+                    console.log(`$idaa_slct.post_obj = `, $idaa_slct.post_obj);
+                }
+            } else {
+                if (log_lvl) {
+                    console.log(`Post object has not changed for post_id: ${$idaa_slct.post_id}`);
+                }
+            }
+        }
+
+        return results;
+    })
+);
+
+let lq__post_comment_obj_li = $derived(
+    liveQuery(async () => {
+        let results = await db_posts.comment
+            .where('post_id')
+            .equals($idaa_slct.post_id ?? '') // null or undefined does not reset things like '' does
+            .reverse()
+            .sortBy('updated_on');
+        // .sortBy('title');
+
+        if (
+            $idaa_slct.post_comment_obj_li &&
+            JSON.stringify($idaa_slct.post_comment_obj_li) !== JSON.stringify(results)
+        ) {
+            $idaa_slct.post_comment_obj_li = [...results];
+            if (log_lvl) {
+                console.log(`$idaa_slct.post_comment_obj_li = `, $idaa_slct.post_comment_obj_li);
+            }
+        } else {
+            if (log_lvl) {
+                console.log(
+                    `Post comment object list has not changed for post_id: ${$idaa_slct.post_id}`
+                );
+            }
+        }
+
+        return results;
+    })
+);
+```

documentation/SVELTE_DEXIE_GUIDE.md

@@ -0,0 +1,108 @@
+# Svelte and Dexie.js Integration Guide
+
+This document provides a guide to integrating Svelte (with a focus on Runes) and Dexie.js for building reactive web applications. It covers key concepts and best practices for managing reactivity between Svelte components and the Dexie.js database.
+
+## Svelte 5 Migration Guide
+
+Svelte 5 introduces "runes" as a new way to manage reactivity. This is a major change from previous versions of Svelte, and it's important to understand the breaking changes before migrating.
+
+### Key Breaking Changes
+
+- **`let` is no longer reactive:** In Svelte 4, any `let` variable declared in the top-level scope of a component was automatically reactive. In Svelte 5, you must explicitly declare reactive state using the `$state` rune.
+- **`$:` is replaced by `$derived` and `$effect`:** The `$` label is no longer used for reactive statements. Instead, you should use the `$derived` rune for computed values and the `$effect` rune for side effects.
+- **`export let` is replaced by `$props`:** Component props are now declared using the `$props` rune, which provides a more flexible and explicit way to define component APIs.
+- **Event handling:** The `on:` directive is replaced by event attributes (e.g., `onclick`). Component events are now handled using callback props instead of `createEventDispatcher`.
+- **Slots are replaced by snippets:** The `<slot>` element is replaced by the `{#snippet ...}` block, which provides a more powerful and flexible way to pass content to components.
+
+For a complete list of breaking changes, refer to the [Svelte 5 migration guide](https://svelte.dev/docs/svelte/v5-migration-guide).
+
+## Dexie.js Quick Reference
+
+Dexie.js is a lightweight, minimalistic wrapper for IndexedDB that makes it easier to work with client-side databases.
+
+### Key Classes and Methods
+
+- **`Dexie`:** The main class for creating and managing IndexedDB databases.
+    - `new Dexie(databaseName)`: Creates a new database instance.
+    - `version(versionNumber).stores({ ... })`: Defines the database schema.
+- **`Table`:** Represents an object store (table) in the database.
+    - `add(item)`: Adds a new item to the table.
+    - `put(item)`: Adds or updates an item in the table.
+    - `update(key, changes)`: Updates an existing item.
+    - `delete(key)`: Deletes an item by its primary key.
+    - `get(key)`: Retrieves an item by its primary key.
+    - `where(index)`: Starts a query using an index.
+    - `toArray()`: Retrieves all items from the table as an array.
+- **`Collection`:** Represents a collection of items resulting from a query.
+    - `toArray()`: Retrieves all items in the collection as an array.
+    - `first()`: Retrieves the first item in the collection.
+    - `last()`: Retrieves the last item in the collection.
+    - `each(callback)`: Iterates over each item in the collection.
+    - `modify(changes)`: Updates all items in the collection.
+    - `delete()`: Deletes all items in the collection.
+
+For a complete list of API methods, refer to the [Dexie.js API Reference](https://dexie.org/docs/API-Reference).
+
+## Integrating Svelte Runes and Dexie.js
+
+The combination of Svelte Runes and Dexie.js allows for the creation of highly reactive and efficient web applications.
+
+### The `liveQuery` Function
+
+Dexie.js provides a `liveQuery` function that returns an observable of the query result. This observable can be used to automatically update the UI whenever the data in the database changes.
+
+### Using `liveQuery` with Svelte Runes
+
+To use `liveQuery` with Svelte Runes, you can create a custom readable store that wraps the `liveQuery` observable. This store can then be used in your Svelte components to display and interact with the data.
+
+**1. Create a `liveQuery` store:**
+
+```typescript
+import { liveQuery } from 'dexie';
+import { readable } from 'svelte/store';
+import { db } from './db'; // Your Dexie database instance
+
+export function createLiveQueryStore<T>(query: () => T | Promise<T>) {
+    return readable<T | undefined>(undefined, (set) => {
+        const subscription = liveQuery(query).subscribe({
+            next: (result) => set(result),
+            error: (error) => console.error(error)
+        });
+        return () => subscription.unsubscribe();
+    });
+}
+```
+
+**2. Use the `createLiveQueryStore` in your component:**
+
+```html
+<script>
+    import { createLiveQueryStore } from './stores';
+    import { db } from './db';
+
+    const friends = createLiveQueryStore(() => db.friends.toArray());
+</script>
+
+<ul>
+    {#if $friends} {#each $friends as friend}
+    <li>{friend.name}</li>
+    {/each} {/if}
+</ul>
+```
+
+The `createLiveQueryStore` function creates a readable store that automatically updates whenever the data in the `friends` table changes. The `$friends` variable in the component will always contain the latest data from the database.
+
+## Current Data Flow in `ae_journals` Module
+
+The `ae_journals` module currently uses a manual, API-first caching strategy. It does not use Dexie.js's `liveQuery` function for reactivity.
+
+### Data Flow
+
+1.  **Fetch from API:** The `load_ae_obj_id__journal` and `load_ae_obj_li__journal` functions are used to fetch data from the API.
+2.  **Process Data:** The `process_ae_obj__journal_props` and `process_ae_obj__journal_entry_props` functions are used to process the data before it's saved to the database. This includes parsing Markdown, creating temporary sorting fields, and combining passcodes.
+3.  **Save to IndexedDB:** The `db_save_ae_obj_li__ae_obj` function is used to save the processed data to the `journal` and `journal_entry` tables in the `ae_journals_db` IndexedDB database.
+4.  **Manual Store Updates:** The Svelte stores in `src/lib/ae_journals/ae_journals_stores.ts` are manually updated with the fetched data.
+
+### Future Improvements
+
+The current implementation could be improved by refactoring it to use Dexie.js's `liveQuery` function. This would simplify the code, reduce boilerplate, and improve the reactivity of the application. By using `liveQuery`, the UI would automatically update whenever the data in the IndexedDB database changes, without the need for manual store updates.

eslint.config.js

@@ -0,0 +1,38 @@
+// @ts-check
+
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import svelte from 'eslint-plugin-svelte';
+import prettier from 'eslint-config-prettier';
+import globals from 'globals';
+
+export default tseslint.config(
+    eslint.configs.recommended,
+    ...tseslint.configs.recommended,
+    svelte.configs['flat/recommended'],
+    prettier,
+    {
+        languageOptions: {
+            globals: {
+                ...globals.browser,
+                ...globals.node
+            }
+        }
+    },
+    {
+        files: ['**/*.svelte'],
+        languageOptions: {
+            parserOptions: {
+                parser: tseslint.parser
+            }
+        }
+    },
+    {
+        ignores: ['build/', '.svelte-kit/', 'node_modules/']
+    },
+    {
+        rules: {
+            '@typescript-eslint/no-unused-vars': 'warn'
+        }
+    }
+);

jsconfig.json

@@ -0,0 +1,7 @@
+{
+    "compilerOptions": {
+        "paths": {
+            "$lib/*": ["./src/lib/*"]
+        }
+    }
+}

package.json

@@ -1,31 +1,118 @@
 {
-  "name": "svelte-app",
-  "version": "1.0.0",
+    "name": "osit-aether-app-svelte",
+    "version": "3.11.18",
+    "description": "One Sky IT's Aether App created with Svelte, SvelteKit, Tailwind CSS, Lucide, Font Awesome, and Skeleton UI. -Scott Idem",
+    "homepage": "https://oneskyit.com/",
     "private": true,
     "scripts": {
-    "build": "rollup -c",
-    "dev": "rollup -c -w",
-    "start": "sirv public --single --port 5555",
-    "validate": "svelte-check"
+        "dev": "vite dev",
+        "build": "vite build",
+        "build:prod": "cp .env.prod .env.production && vite build",
+        "build:staging": "cp .env.staging .env.production && vite build",
+        "preview": "vite preview",
+        "test": "npm run test:integration && npm run test:unit",
+        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+        "lint": "prettier --check . && eslint .",
+        "format": "prettier --write .",
+        "test:integration": "playwright test",
+        "test:unit": "vitest"
     },
     "devDependencies": {
-    "@rollup/plugin-commonjs": "^17.0.0",
-    "@rollup/plugin-node-resolve": "^11.0.0",
-    "@rollup/plugin-typescript": "^8.0.0",
-    "@tsconfig/svelte": "^1.0.0",
-    "rollup": "^2.3.4",
-    "rollup-plugin-css-only": "^3.1.0",
-    "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-svelte": "^7.0.0",
-    "rollup-plugin-terser": "^7.0.0",
-    "svelte": "^3.0.0",
-    "svelte-check": "^1.0.0",
-    "svelte-preprocess": "^4.0.0",
-    "tslib": "^2.0.0",
-    "typescript": "^4.0.0"
+        "@eslint/js": "^9.39.1",
+        "@playwright/test": "^1.56.1",
+        "@skeletonlabs/skeleton": "3.2.2",
+        "@skeletonlabs/skeleton-svelte": "1.5.3",
+
+        "@sveltejs/adapter-auto": "^7.0.0",
+        "@sveltejs/adapter-node": "^5.0.0",
+        "@sveltejs/adapter-static": "^3.0.1",
+        "@sveltejs/kit": "^2.48.5",
+        "@sveltejs/vite-plugin-svelte": "^6.0.0",
+        "@tailwindcss/forms": "^0.5.7",
+        "@tailwindcss/typography": "^0.5.10",
+        "@types/eslint": "^9.0.0",
+        "@types/node": "^24.0.0",
+        "@types/qrcode": "^1.5.5",
+        "@typescript-eslint/eslint-plugin": "^8.47.0",
+        "@typescript-eslint/parser": "^8.47.0",
+        "bits-ui": "^2.14.3",
+        "clsx": "^2.1.1",
+        "eslint": "^9.0.0",
+        "eslint-config-prettier": "^10.0.0",
+        "eslint-plugin-svelte": "^3.13.0",
+        "flowbite": "^4.0.0",
+        "globals": "^16.5.0",
+        "highlight.js": "^11.10.0",
+        "lowlight": "^3.2.0",
+        "mode-watcher": "^1.0.0",
+        "prettier": "^3.6.2",
+        "prettier-plugin-svelte": "^3.2.6",
+        "sass-embedded": "^1.81.0",
+        "svelte": "^5.43.10",
+        "svelte-awesome-color-picker": "^4.0.0",
+        "svelte-check": "^4.0.0",
+        "svelte-highlight": "^7.8.4",
+        "svelte-idle": "^3.0.1",
+        "tailwind-merge": "^3.0.0",
+        "tailwind-variants": "^3.*.*",
+        "tailwindcss": "^4.1.10",
+        "tailwindcss-animate": "^1.0.7",
+        "tslib": "^2.4.1",
+        "typescript": "^5.5.0",
+        "typescript-svelte-plugin": "^0.3.50",
+        "vite": "^7.0.0",
+        "vitest": "^4.0.0"
+    },
+    "vitest": {
+        "exclude": [
+            "tests"
+        ]
+    },
+    "type": "module",
+    "overrides": {
+        "@codemirror/state": "^6.5.2",
+        "@codemirror/view": "^6.38.8",
+        "@codemirror/language": "^6.11.3",
+        "@codemirror/commands": "^6.10.0",
+        "@codemirror/lang-markdown": "^6.5.0",
+        "@codemirror/autocomplete": "^6.20.0",
+        "@codemirror/search": "^6.5.11",
+        "@codemirror/lint": "^6.9.2",
+        "@lezer/common": "^1.4.0",
+        "@lezer/highlight": "^1.2.3",
+        "@lezer/lr": "^1.4.4"
     },
     "dependencies": {
-    "axios": "^0.21.1",
-    "sirv-cli": "^1.0.0"
+        "@codemirror/autocomplete": "^6.20.0",
+        "@codemirror/commands": "^6.10.0",
+        "@codemirror/lang-css": "^6.3.1",
+        "@codemirror/lang-html": "^6.4.9",
+        "@codemirror/lang-javascript": "^6.2.3",
+        "@codemirror/lang-json": "^6.0.1",
+        "@codemirror/lang-markdown": "^6.5.0",
+        "@codemirror/language": "^6.11.3",
+        "@codemirror/language-data": "^6.5.1",
+        "@codemirror/lint": "^6.9.2",
+        "@codemirror/search": "^6.5.11",
+        "@codemirror/state": "^6.5.2",
+        "@codemirror/theme-one-dark": "^6.1.2",
+        "@codemirror/view": "^6.38.8",
+        "@floating-ui/dom": "^1.6.0",
+        "@lucide/svelte": "^0.*.0",
+        "@popperjs/core": "^2.11.0",
+        "@tailwindcss/vite": "^4.1.10",
+        "axios": "^1.7.0",
+        "dayjs": "^1.11.10",
+        "dexie": "^4.0.0",
+        "flowbite-svelte": "^1.28.1",
+        "html5-qrcode": "^2.3.8",
+        "lucide-svelte": "^0.*.0",
+        "marked": "^17.0.0",
+        "openai": "^6.10.0",
+        "qrcode": "^1.5.4",
+        "shadcn-svelte": "^1.0.11",
+        "svelte-persisted-store": "^0.12.0",
+        "typescript-eslint": "^8.47.0"
     }
 }

playwright.config.ts

@@ -0,0 +1,23 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+    webServer: {
+        command: 'npm run build && npm run preview',
+        port: 4173
+        // url: 'http://scott.localhost:5173',
+        // reuseExistingServer: true,
+        // stderr: 'pipe',
+        // stdout: 'pipe',
+    },
+    testDir: 'tests',
+    testMatch: /(.+\.)?(test|spec)\.[jt]s/,
+    reporter: 'list',
+    use: {
+        // Collect trace when retrying the failed test.
+        trace: 'on-first-retry'
+    }
+    // grep: /@node_modules/,
+    // grepInverse: /@node_modules/,
+};
+
+export default config;

public/app_global.css

@@ -1,88 +0,0 @@
-html, body {
-    position: relative;
-    /* width: 100%; */
-    height: 100%;
-
-    max-width: 100%;
-}
-
-body {
-    /* color: #333;
-    margin: 0;
-    padding: 8px;
-    box-sizing: border-box;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
-}
-
-h1 {
-    color: hsla(0, 0%, 5%, 1);
-    /*text-transform: uppercase;*/
-    /* font-size: 4rem; */
-    /* font-weight: 100; */
-}
-
-h2 {
-    color: hsla(0, 0%, 10%, 1);
-    /*text-transform: uppercase;*/
-    /* font-size: 4rem; */
-    /* font-weight: 100; */
-}
-
-
-a {
-    /* color: rgb(0,100,200);
-    text-decoration: none; */
-}
-
-a:hover {
-    /* text-decoration: underline; */
-}
-
-a:visited {
-    /* color: rgb(0,80,160); */
-}
-
-label {
-    /* display: block; */
-}
-
-input, button, select, textarea {
-    /* font-family: inherit;
-    font-size: inherit;
-    -webkit-padding: 0.4rem 0;
-    padding: 0.4rem;
-    margin: 0 0 0.5rem 0;
-    box-sizing: border-box;
-    border: 1px solid #ccc;
-    border-radius: 2px; */
-}
-
-input:disabled {
-    color: hsla(0, 0%, 50%, 1);
-}
-
-button {
-    /* color: #333;
-    background-color: #f4f4f4;
-    outline: none; */
-}
-
-button:disabled {
-    color: hsla(0, 0%, 50%, 1);
-}
-
-button:not(:disabled):active {
-    background-color: hsla(0, 0%, 50%, 1);
-}
-
-button:focus {
-    /* border-color: #666; */
-}
-
-button:hover {
-    /* background-color: green; */
-}
-
-#my_body {
-    /* outline: solid thin red; */
-}

public/index.html

@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-
-	<title>Index - Svelte</title>
-
-	<link rel='icon' type='image/png' href='/favicon.png'>
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css">
-    <link rel='stylesheet' href='https://static.oneskyit.com/css/global.css'>
-	<link rel='stylesheet' href='/app_global.css'>
-	<link rel='stylesheet' href='/build/bundle.css'>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.4/dayjs.min.js" integrity="sha512-XZSHSEFj4QeE0G4pwy4tToyAhF2VXoEcF9CP0t1PSZMP2XHhEEB9PjM9knsdzcEKbi6GRMazdt8tJadz0JTKIQ==" crossorigin="anonymous"></script>
-    <script defer src='https://static.oneskyit.com/js/utilities.js'></script>
-	<script defer src='/build/bundle.js'></script>
-</head>
-
-<body>
-    <header><h1>Index - Dev Svelte App</h1></header>
-
-    <main>
-        <a href="log_client_viewing">log_client_viewing</a>
-        <a href="membership_member_manage">membership_member_manage</a>
-        <a href="user_person">user_person</a>
-        <div id="test_container" class="svelte_container">
-        </div>
-    </main>
-
-    <footer>
-        This is the footer
-    </footer>
-</body>
-</html>

public/log_client_viewing.html

@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-
-	<title>Log Client Viewing - Dev Svelte App</title>
-
-	<link rel='icon' type='image/png' href='/favicon.png'>
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css">
-    <link rel='stylesheet' href='https://static.oneskyit.com/css/global.css'>
-	<link rel='stylesheet' href='/app_global.css'>
-	<link rel='stylesheet' href='/build/bundle.css'>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.4/dayjs.min.js" integrity="sha512-XZSHSEFj4QeE0G4pwy4tToyAhF2VXoEcF9CP0t1PSZMP2XHhEEB9PjM9knsdzcEKbi6GRMazdt8tJadz0JTKIQ==" crossorigin="anonymous"></script>
-    <script defer src='https://static.oneskyit.com/js/utilities.js'></script>
-	<script defer src='/build/bundle.js'></script>
-    <script>
-        let account_id = 'TblpWmPauKw';
-    </script>
-</head>
-
-<body>
-    <header><h1>Log Client Viewing - Dev Svelte App</h1></header>
-
-    <main>
-        <div id="log_client_viewing_list_container" class="svelte_container">
-        </div>
-    </main>
-
-</body>
-</html>

public/membership_member_manage.html

@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-
-	<title>Membership Member Manage - Dev Svelte App</title>
-
-	<link rel='icon' type='image/png' href='/favicon.png'>
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css">
-    <link rel='stylesheet' href='https://static.oneskyit.com/css/global.css'>
-	<link rel='stylesheet' href='/app_global.css'>
-	<link rel='stylesheet' href='/build/bundle.css'>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.4/dayjs.min.js" integrity="sha512-XZSHSEFj4QeE0G4pwy4tToyAhF2VXoEcF9CP0t1PSZMP2XHhEEB9PjM9knsdzcEKbi6GRMazdt8tJadz0JTKIQ==" crossorigin="anonymous"></script>
-    <script defer src='https://static.oneskyit.com/js/utilities.js'></script>
-	<script defer src='/build/bundle.js'></script>
-    <script>
-        let account_id = '_PRgRxSkzu-Xg-V4Ft1RGg';
-        let membership_member_id = '6jMd9WwnMbs';
-    </script>
-</head>
-
-<body>
-    <header><h1>Membership Member Manage - Dev Svelte App</h1></header>
-
-    <main>
-        <div id="membership_member_manage_container" class="svelte_container">
-        </div>
-    </main>
-
-</body>
-</html>

public/user_person.html

@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-
-	<title>User Person - Dev Svelte App</title>
-
-	<link rel='icon' type='image/png' href='/favicon.png'>
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css">
-    <link rel='stylesheet' href='https://static.oneskyit.com/css/global.css'>
-	<link rel='stylesheet' href='/app_global.css'>
-	<link rel='stylesheet' href='/build/bundle.css'>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.4/dayjs.min.js" integrity="sha512-XZSHSEFj4QeE0G4pwy4tToyAhF2VXoEcF9CP0t1PSZMP2XHhEEB9PjM9knsdzcEKbi6GRMazdt8tJadz0JTKIQ==" crossorigin="anonymous"></script>
-    <script defer src='https://static.oneskyit.com/js/utilities.js'></script>
-	<script defer src='/build/bundle.js'></script>
-    <script>
-        let account_id = '_PRgRxSkzu-Xg-V4Ft1RGg';
-        let person_id = 'OfcrSXX_evI';
-        let user_id = 'VMvg8X3QnZM';
-    </script>
-</head>
-
-<body>
-    <header><h1>User Person - Dev Svelte App</h1></header>
-
-    <main>
-        <div id="user_container" class="svelte_container">
-        </div>
-        <div id="person_container" class="svelte_container">
-        </div>
-    </main>
-
-</body>
-</html>

rollup.config.js

@@ -1,83 +0,0 @@
-import svelte from 'rollup-plugin-svelte';
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
-import livereload from 'rollup-plugin-livereload';
-import { terser } from 'rollup-plugin-terser';
-import sveltePreprocess from 'svelte-preprocess';
-import typescript from '@rollup/plugin-typescript';
-import css from 'rollup-plugin-css-only';
-
-const production = !process.env.ROLLUP_WATCH;
-
-function serve() {
-	let server;
-
-	function toExit() {
-		if (server) server.kill(0);
-	}
-
-	return {
-		writeBundle() {
-			if (server) return;
-			server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
-				stdio: ['ignore', 'inherit', 'inherit'],
-				shell: true
-			});
-
-			process.on('SIGTERM', toExit);
-			process.on('exit', toExit);
-		}
-	};
-}
-
-export default {
-	input: 'src/main.ts',
-	output: {
-		sourcemap: true,
-		format: 'iife',
-		name: 'app',
-		file: 'public/build/bundle.js'
-	},
-	plugins: [
-		svelte({
-			preprocess: sveltePreprocess({ sourceMap: !production }),
-			compilerOptions: {
-				// enable run-time checks when not in production
-				dev: !production
-			}
-		}),
-		// we'll extract any component CSS out into
-		// a separate file - better for performance
-		css({ output: 'bundle.css' }),
-
-		// If you have external dependencies installed from
-		// npm, you'll most likely need these plugins. In
-		// some cases you'll need additional configuration -
-		// consult the documentation for details:
-		// https://github.com/rollup/plugins/tree/master/packages/commonjs
-		resolve({
-			browser: true,
-			dedupe: ['svelte']
-		}),
-		commonjs(),
-		typescript({
-			sourceMap: !production,
-			inlineSources: !production
-		}),
-
-		// In dev mode, call `npm run start` once
-		// the bundle has been generated
-		!production && serve(),
-
-		// Watch the `public` directory and refresh the
-		// browser on changes when not in production
-		!production && livereload('public'),
-
-		// If we're building for production (npm run build
-		// instead of npm run dev), minify
-		production && terser()
-	],
-	watch: {
-		clearScreen: false
-	}
-};

src/App.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-    import Test from './test.svelte';
-    export let name: string;
-</script>
-
-<section>
-    <p>Name: {name}</p>
-
-    <Test />
-
-</section>
-
-<style>
-    section {
-        text-align: center;
-    }
-
-    p {
-        color: green;
-    }
-</style>

src/App.svelte.bak

@@ -1,75 +0,0 @@
-<script lang="ts">
-    export let name: string;
-
-	let count = 0;
-
-	function handleClick() {
-		count += 1;
-	}
-
-    let m = { x: 0, y: 0 };
-
-    function handle_mousemove(event) {
-        m.x = event.clientX;
-        m.y = event.clientY;
-    }
-
-
-    let first_name = '';
-	let last_name = '';
-	let full_name = 'Not Here';
-	$: full_name = first_name + ' ' + last_name;
-
-    let name_checked = false;
-</script>
-
-<main>
-    <input bind:value={first_name}>
-    <input bind:value={last_name}>
-    <label>Check me <input type=checkbox bind:checked={name_checked}></label>
-
-    <h1>Hello {full_name}!</h1>
-    {#if name_checked}
-        <p>Thank you. We will bombard your inbox and sell your personal details.</p>
-    {:else}
-        <p>You must opt in to continue. If you're not paying, you're the product.</p>
-    {/if}
-
-    <button disabled={!name_checked}>
-        Subscribe
-    </button>
-
-    <p>This is a new app using Svelte.</p>
-    <button on:click={handleClick}>
-        Clicked {count} {count === 1 ? 'time' : 'times'}
-    </button>
-
-    <div class="my_class">My fancy class!</div>
-
-    <div on:mousemove={handle_mousemove}>
-        The mouse position is {m.x} x {m.y}
-    </div>
-</main>
-
-<style>
-    main {
-        text-align: center;
-        padding: 1rem;
-        max-width: 240px;
-        margin: 0 auto;
-    }
-
-    h1 {
-        color: hsla(0, 50%, 50%, 1);
-        /*text-transform: uppercase;*/
-        font-size: 4rem;
-        font-weight: 100;
-    }
-
-    @media (min-width: 640px) {
-        main {
-            max-width: none;
-        }
-    }
-
-</style>

src/ae-c-idaa-light.css

@@ -0,0 +1,166 @@
+[data-theme='AE_c_IDAA_light'] {
+    --text-scaling: 1.067;
+    --base-font-color: var(--color-surface-950);
+
+    --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-family: inherit;
+    --heading-font-weight: bold;
+    --heading-font-style: normal;
+    --heading-letter-spacing: inherit;
+    --anchor-font-color: var(--color-primary-600);
+
+    --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);
+
+    --color-primary-50: oklch(85.73% 0.07 251.8deg);
+    --color-primary-100: oklch(78.5% 0.09 252.03deg);
+    --color-primary-200: oklch(71.06% 0.1 253.6deg);
+    --color-primary-300: oklch(63.76% 0.12 253.85deg);
+    --color-primary-400: oklch(56.32% 0.14 255.25deg);
+    --color-primary-500: oklch(49.23% 0.15 256.36deg);
+    --color-primary-600: oklch(43.11% 0.14 258.86deg);
+    --color-primary-700: oklch(36.85% 0.14 261.54deg);
+    --color-primary-800: oklch(30.41% 0.13 263.99deg);
+    --color-primary-900: oklch(23.91% 0.12 265.91deg);
+    --color-primary-950: oklch(16.96% 0.12 264.05deg);
+
+    --color-primary-contrast-light: var(--color-primary-50);
+
+    --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.26% 0.06 196.24deg);
+    --color-secondary-100: oklch(89.14% 0.07 220.79deg);
+    --color-secondary-200: oklch(82.13% 0.08 234.87deg);
+    --color-secondary-300: oklch(75.03% 0.11 245.33deg);
+    --color-secondary-400: oklch(68.15% 0.14 250.72deg);
+    --color-secondary-500: oklch(61.37% 0.16 255.34deg);
+    --color-secondary-600: oklch(55.1% 0.16 256.81deg);
+    --color-secondary-700: oklch(48.64% 0.15 258.4deg);
+    --color-secondary-800: oklch(41.84% 0.15 260.39deg);
+    --color-secondary-900: oklch(35.05% 0.14 262.03deg);
+    --color-secondary-950: oklch(28.12% 0.14 262.47deg);
+
+    --color-secondary-contrast-light: var(--color-secondary-50);
+
+    --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(100% 0 none);
+    --color-tertiary-100: oklch(96.07% 0.01 251.15deg);
+    --color-tertiary-200: oklch(91.88% 0.03 252.69deg);
+    --color-tertiary-300: oklch(87.99% 0.05 253.24deg);
+    --color-tertiary-400: oklch(83.81% 0.06 253.57deg);
+    --color-tertiary-500: oklch(79.93% 0.08 253.32deg);
+    --color-tertiary-600: oklch(72.53% 0.08 251.75deg);
+    --color-tertiary-700: oklch(64.93% 0.08 249.75deg);
+    --color-tertiary-800: oklch(57.14% 0.09 247.99deg);
+    --color-tertiary-900: oklch(49.18% 0.09 246.55deg);
+    --color-tertiary-950: oklch(41.1% 0.09 246.54deg);
+
+    --color-tertiary-contrast-light: var(--color-tertiary-50);
+
+    --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.82% 0.06 184.52deg);
+    --color-success-100: oklch(91.55% 0.08 172.29deg);
+    --color-success-200: oklch(87.44% 0.11 165.22deg);
+    --color-success-300: oklch(83.26% 0.13 161.2deg);
+    --color-success-400: oklch(79.56% 0.16 157.13deg);
+    --color-success-500: oklch(76.12% 0.18 153.61deg);
+    --color-success-600: oklch(69.31% 0.17 151.81deg);
+    --color-success-700: oklch(62.07% 0.16 149.95deg);
+    --color-success-800: oklch(54.9% 0.15 147.65deg);
+    --color-success-900: oklch(47.26% 0.14 145.54deg);
+    --color-success-950: oklch(39.64% 0.13 143.79deg);
+
+    --color-success-contrast-light: var(--color-success-50);
+
+    --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(98.26% 0.1 108.02deg);
+    --color-warning-100: oklch(95.84% 0.12 104.66deg);
+    --color-warning-200: oklch(93.48% 0.13 102.21deg);
+    --color-warning-300: oklch(91.49% 0.15 100.17deg);
+    --color-warning-400: oklch(89.28% 0.16 98.19deg);
+    --color-warning-500: oklch(87.14% 0.17 96.01deg);
+    --color-warning-600: oklch(79.88% 0.16 96.31deg);
+    --color-warning-700: oklch(72.35% 0.14 95.62deg);
+    --color-warning-800: oklch(64.73% 0.13 95.92deg);
+    --color-warning-900: oklch(56.77% 0.11 94.87deg);
+    --color-warning-950: oklch(48.63% 0.1 95.22deg);
+
+    --color-warning-contrast-light: var(--color-warning-50);
+
+    --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(81.88% 0.1 38.14deg);
+    --color-error-100: oklch(75.88% 0.13 31.15deg);
+    --color-error-200: oklch(70.29% 0.16 27.32deg);
+    --color-error-300: oklch(65.15% 0.19 25.65deg);
+    --color-error-400: oklch(60.98% 0.21 25.56deg);
+    --color-error-500: oklch(57.86% 0.22 26.62deg);
+    --color-error-600: oklch(52.52% 0.2 26.86deg);
+    --color-error-700: oklch(46.81% 0.18 27.02deg);
+    --color-error-800: oklch(41.15% 0.16 27.63deg);
+    --color-error-900: oklch(35.01% 0.14 27.9deg);
+    --color-error-950: oklch(28.69% 0.12 29.23deg);
+
+    --color-error-contrast-light: var(--color-error-50);
+
+    --color-error-contrast-400: var(--color-error-contrast-light);
+    --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(93.98% 0 105.57deg);
+    --color-surface-200: oklch(87.66% 0 67.88deg);
+    --color-surface-300: oklch(81.35% 0 106.1deg);
+    --color-surface-400: oklch(74.79% 0 84.45deg);
+    --color-surface-500: oklch(68.29% 0 91.36deg);
+    --color-surface-600: oklch(60.99% 0 91.38deg);
+    --color-surface-700: oklch(53.5% 0 84.49deg);
+    --color-surface-800: oklch(46.03% 0 91.43deg);
+    --color-surface-900: oklch(37.94% 0 84.52deg);
+    --color-surface-950: oklch(29.34% 0 84.54deg);
+
+    --color-surface-contrast-light: var(--color-surface-50);
+
+    --color-surface-contrast-700: var(--color-surface-contrast-light);
+    --color-surface-contrast-800: var(--color-surface-contrast-light);
+    --color-surface-contrast-900: var(--color-surface-contrast-light);
+    --color-surface-contrast-950: var(--color-surface-contrast-light);
+}

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);
+}

src/ae-osit-default.css

@@ -0,0 +1,205 @@
+[data-theme='AE_OSIT_default'] {
+    --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-600);
+    --anchor-font-color-dark: var(--color-primary-400);
+    --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.73% 0.07 251.8deg);
+    --color-primary-100: oklch(78.5% 0.09 252.03deg);
+    --color-primary-200: oklch(71.06% 0.1 253.6deg);
+    --color-primary-300: oklch(63.76% 0.12 253.85deg);
+    --color-primary-400: oklch(56.32% 0.14 255.25deg);
+    --color-primary-500: oklch(49.23% 0.15 256.36deg);
+    --color-primary-600: oklch(43.11% 0.14 258.86deg);
+    --color-primary-700: oklch(36.85% 0.14 261.54deg);
+    --color-primary-800: oklch(30.41% 0.13 263.99deg);
+    --color-primary-900: oklch(23.91% 0.12 265.91deg);
+    --color-primary-950: oklch(16.96% 0.12 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.26% 0.06 196.24deg);
+    --color-secondary-100: oklch(89.14% 0.07 220.79deg);
+    --color-secondary-200: oklch(82.13% 0.08 234.87deg);
+    --color-secondary-300: oklch(75.03% 0.11 245.33deg);
+    --color-secondary-400: oklch(68.15% 0.14 250.72deg);
+    --color-secondary-500: oklch(61.37% 0.16 255.34deg);
+    --color-secondary-600: oklch(55.1% 0.16 256.81deg);
+    --color-secondary-700: oklch(48.64% 0.15 258.4deg);
+    --color-secondary-800: oklch(41.84% 0.15 260.39deg);
+    --color-secondary-900: oklch(35.05% 0.14 262.03deg);
+    --color-secondary-950: oklch(28.12% 0.14 262.47deg);
+    --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-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(100% 0 none);
+    --color-tertiary-100: oklch(96.07% 0.01 251.15deg);
+    --color-tertiary-200: oklch(91.88% 0.03 252.69deg);
+    --color-tertiary-300: oklch(87.99% 0.05 253.24deg);
+    --color-tertiary-400: oklch(83.81% 0.06 253.57deg);
+    --color-tertiary-500: oklch(79.93% 0.08 253.32deg);
+    --color-tertiary-600: oklch(72.53% 0.08 251.75deg);
+    --color-tertiary-700: oklch(64.93% 0.08 249.75deg);
+    --color-tertiary-800: oklch(57.14% 0.09 247.99deg);
+    --color-tertiary-900: oklch(49.18% 0.09 246.55deg);
+    --color-tertiary-950: oklch(41.1% 0.09 246.54deg);
+    --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-dark);
+    --color-tertiary-contrast-500: var(--color-tertiary-contrast-dark);
+    --color-tertiary-contrast-600: var(--color-tertiary-contrast-dark);
+    --color-tertiary-contrast-700: var(--color-tertiary-contrast-dark);
+    --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.82% 0.06 184.52deg);
+    --color-success-100: oklch(91.55% 0.08 172.29deg);
+    --color-success-200: oklch(87.44% 0.11 165.22deg);
+    --color-success-300: oklch(83.26% 0.13 161.2deg);
+    --color-success-400: oklch(79.56% 0.16 157.13deg);
+    --color-success-500: oklch(76.12% 0.18 153.61deg);
+    --color-success-600: oklch(69.31% 0.17 151.81deg);
+    --color-success-700: oklch(62.07% 0.16 149.95deg);
+    --color-success-800: oklch(54.9% 0.15 147.65deg);
+    --color-success-900: oklch(47.26% 0.14 145.54deg);
+    --color-success-950: oklch(39.64% 0.13 143.79deg);
+    --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-dark);
+    --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(98.26% 0.1 108.02deg);
+    --color-warning-100: oklch(95.84% 0.12 104.66deg);
+    --color-warning-200: oklch(93.48% 0.13 102.21deg);
+    --color-warning-300: oklch(91.49% 0.15 100.17deg);
+    --color-warning-400: oklch(89.28% 0.16 98.19deg);
+    --color-warning-500: oklch(87.14% 0.17 96.01deg);
+    --color-warning-600: oklch(79.88% 0.16 96.31deg);
+    --color-warning-700: oklch(72.35% 0.14 95.62deg);
+    --color-warning-800: oklch(64.73% 0.13 95.92deg);
+    --color-warning-900: oklch(56.77% 0.11 94.87deg);
+    --color-warning-950: oklch(48.63% 0.1 95.22deg);
+    --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-dark);
+    --color-warning-contrast-700: var(--color-warning-contrast-dark);
+    --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(81.88% 0.1 38.14deg);
+    --color-error-100: oklch(75.88% 0.13 31.15deg);
+    --color-error-200: oklch(70.29% 0.16 27.32deg);
+    --color-error-300: oklch(65.15% 0.19 25.65deg);
+    --color-error-400: oklch(60.98% 0.21 25.56deg);
+    --color-error-500: oklch(57.86% 0.22 26.62deg);
+    --color-error-600: oklch(52.52% 0.2 26.86deg);
+    --color-error-700: oklch(46.81% 0.18 27.02deg);
+    --color-error-800: oklch(41.15% 0.16 27.63deg);
+    --color-error-900: oklch(35.01% 0.14 27.9deg);
+    --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-light);
+    --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(93.98% 0 105.57deg);
+    --color-surface-200: oklch(87.66% 0 67.88deg);
+    --color-surface-300: oklch(81.35% 0 106.1deg);
+    --color-surface-400: oklch(74.79% 0 84.45deg);
+    --color-surface-500: oklch(68.29% 0 91.36deg);
+    --color-surface-600: oklch(60.99% 0 91.38deg);
+    --color-surface-700: oklch(53.5% 0 84.49deg);
+    --color-surface-800: oklch(46.03% 0 91.43deg);
+    --color-surface-900: oklch(37.94% 0 84.52deg);
+    --color-surface-950: oklch(29.34% 0 84.54deg);
+    --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-light);
+    --color-surface-contrast-800: var(--color-surface-contrast-light);
+    --color-surface-contrast-900: var(--color-surface-contrast-light);
+    --color-surface-contrast-950: var(--color-surface-contrast-light);
+}

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);
+}

src/api_delete.js

@@ -1,38 +0,0 @@
-import axios from 'axios';
-
-console.log('*** api_update.js ***');
-
-var axios_fastapi = axios.create({
-    //baseURL: 'https://dev-fastapi.oneskyit.com',
-    //baseURL: 'http://fastapi.localhost:5005',
-    baseURL: 'http://192.168.32.20:5005',
-    /* other custom settings */
-});
-axios_fastapi.defaults.headers['Access-Control-Allow-Origin'] = '*';
-axios_fastapi.defaults.headers['content-type'] = 'application/json';
-axios_fastapi.defaults.headers['x-aether-api-key'] = 'aaabbbcccxxxyyyzzz';
-axios_fastapi.defaults.headers['x-aether-api-token'] = 'aaabbbcccxxxyyyzzz';
-axios_fastapi.defaults.headers['x-aether-api-expire-on'] = '';
-axios_fastapi.defaults.headers['x-account-id'] = 'xxxyyyzzz111222333';
-
-
-async function delete_object({axios=axios_fastapi, endpoint='', data=[]}) {
-    console.log('*** delete_object() ***');
-
-    console.log(data)
-
-    // https://stackoverflow.com/questions/51069552/axios-delete-request-with-body-and-headers
-    let response_data = await axios.delete(endpoint, { 'data': data }) // not just data?
-    .then(function (response) {
-        console.log(response.data);
-        return response.data;
-    })
-    .catch(function (error) {
-        console.log(error);
-        return error;
-    });
-
-    return response_data;
-}
-
-export default delete_object;

src/api_get.js

@@ -1,52 +0,0 @@
-import axios from 'axios';
-
-console.log('*** api_update.js ***');
-
-var axios_fastapi = axios.create({
-    baseURL: 'https://dev-fastapi.oneskyit.com',
-    // baseURL: 'http://fastapi.localhost:5005',
-    // baseURL: 'http://192.168.32.20:5005',
-    /* other custom settings */
-});
-axios_fastapi.defaults.headers['Access-Control-Allow-Origin'] = '*';
-axios_fastapi.defaults.headers['content-type'] = 'application/json';
-axios_fastapi.defaults.headers['x-aether-api-key'] = 'aaabbbcccxxxyyyzzz';
-axios_fastapi.defaults.headers['x-aether-api-token'] = 'aaabbbcccxxxyyyzzz';
-axios_fastapi.defaults.headers['x-aether-api-expire-on'] = '';
-axios_fastapi.defaults.headers['x-account-id'] = 'xxxyyyzzz111222333';
-
-
-async function get_object({axios=axios_fastapi, endpoint='', params=[], data=[], return_meta=false, force_li=false}) {
-    console.log('*** get_object() ***');
-
-    //console.log(endpoint);
-    //console.log(params);
-    //console.log(data);
-    //console.log(return_meta);
-    //console.log(force_li);
-
-    let response_data = await axios.get(endpoint, { params: params })
-    .then(function (response) {
-        console.log(response.data);
-        if (!Array.isArray(response.data['data']) && force_li) {
-            console.log('Forcing return as a list');
-            let return_data = [];
-            return_data.push(response.data['data']);
-            return return_data;
-        } else {
-            return response.data['data'];
-        }
-        //return response.data;
-    })
-    .catch(function (error) {
-        console.log(error.response);
-        if (error.response.status === 404) {
-            return null;
-        }
-        return error;
-    });
-
-    return response_data;
-}
-
-export default get_object;

src/api_patch.js

@@ -1,45 +0,0 @@
-import axios from 'axios';
-
-console.log('*** api_update.js ***');
-
-var axios_fastapi = axios.create({
-    // baseURL: 'https://dev-fastapi.oneskyit.com',
-    baseURL: 'http://fastapi.localhost:5005',
-    // baseURL: 'http://192.168.32.20:5005',
-    /* other custom settings */
-});
-axios_fastapi.defaults.headers['Access-Control-Allow-Origin'] = '*';
-axios_fastapi.defaults.headers['content-type'] = 'application/json';
-axios_fastapi.defaults.headers['x-aether-api-key'] = 'aaabbbcccxxxyyyzzz';
-axios_fastapi.defaults.headers['x-aether-api-token'] = 'aaabbbcccxxxyyyzzz';
-axios_fastapi.defaults.headers['x-aether-api-expire-on'] = '';
-axios_fastapi.defaults.headers['x-account-id'] = 'xxxyyyzzz111222333';
-
-
-async function patch_object({axios=axios_fastapi, endpoint='', params=[], record=[], return_meta=false}) {
-    console.log('*** patch_object() ***');
-
-    //console.log(endpoint);
-    //console.log(params);
-    console.log(record);
-    //console.log(return_meta);
-    //console.log(force_li);
-
-    let response_data = await axios.patch(endpoint, record, { params: params })
-    .then(function (response) {
-        console.log(response.data);
-        return response.data['data'];
-        //return response.data;
-    })
-    .catch(function (error) {
-        console.log(error.response);
-        if (error.response.status === 404) {
-            return null;
-        }
-        return error;
-    });
-
-    return response_data;
-}
-
-export default patch_object;

src/api_post.js

@@ -1,45 +0,0 @@
-import axios from 'axios';
-
-console.log('*** api_post.js ***');
-
-var axios_fastapi = axios.create({
-    // baseURL: 'https://dev-fastapi.oneskyit.com',
-    baseURL: 'http://fastapi.localhost:5005',
-    // baseURL: 'http://192.168.32.20:5005',
-    /* other custom settings */
-});
-axios_fastapi.defaults.headers['Access-Control-Allow-Origin'] = '*';
-axios_fastapi.defaults.headers['content-type'] = 'application/json';
-axios_fastapi.defaults.headers['x-aether-api-key'] = 'aaabbbcccxxxyyyzzz';
-axios_fastapi.defaults.headers['x-aether-api-token'] = 'aaabbbcccxxxyyyzzz';
-axios_fastapi.defaults.headers['x-aether-api-expire-on'] = '';
-axios_fastapi.defaults.headers['x-account-id'] = 'xxxyyyzzz111222333';
-
-
-async function post_object({axios=axios_fastapi, endpoint='', record=[], return_meta=false}) {
-    console.log('*** post_object() ***');
-
-    //console.log(endpoint);
-    //console.log(params);
-    console.log(record);
-    //console.log(return_meta);
-    //console.log(force_li);
-
-    let response_data = await axios.post(endpoint, record)
-    .then(function (response) {
-        console.log(response.data);
-        return response.data['data'];
-        //return response.data;
-    })
-    .catch(function (error) {
-        console.log(error.response);
-        if (error.response.status === 404) {
-            return null;
-        }
-        return error;
-    });
-
-    return response_data;
-}
-
-export default post_object;

src/app.css

@@ -0,0 +1,942 @@
+@import 'tailwindcss';
+
+@import '@skeletonlabs/skeleton';
+
+
+/* Register Preset Themes */
+/* @import '@skeletonlabs/skeleton/themes/{theme-name}'; */
+@import '@skeletonlabs/skeleton/themes/cerberus';
+@import '@skeletonlabs/skeleton/themes/concord';
+@import '@skeletonlabs/skeleton/themes/crimson';
+@import '@skeletonlabs/skeleton/themes/hamlindigo';
+@import '@skeletonlabs/skeleton/themes/modern';
+@import '@skeletonlabs/skeleton/themes/nouveau';
+@import '@skeletonlabs/skeleton/themes/rocket';
+@import '@skeletonlabs/skeleton/themes/terminus';
+@import '@skeletonlabs/skeleton/themes/vintage';
+@import '@skeletonlabs/skeleton/themes/wintry';
+
+/* @import '@skeletonlabs/skeleton/themes/ae_c_osit'; */
+/* @import '@skeletonlabs/skeleton/themes/ae_c_lci'; */
+@import './ae-osit-default.css';
+@import './ae-c-lci.css';
+@import './ae-c-idaa-light.css';
+
+@source '../node_modules/@skeletonlabs/skeleton-svelte/dist';
+
+/* Add your theme import for your theme: "osit-custom-theme" here */
+/* @plugin '@tailwindcss/forms'; */
+/* @plugin '@tailwindcss/typography'; */
+
+/* @import "tailwindcss/theme.css" layer(theme); */
+/* @import "tailwindcss/preflight"; */
+@import 'tailwindcss/utilities.css' layer(utilities);
+/*@tailwind utilities;*/
+
+/* Register a Custom Themes */
+/* Make sure to resolve the relative path. */
+/* Note the .css extension is optional. */
+/* @import '../{my-theme-name}'; */
+
+/* @import '@fontsource/open-sans'; */
+
+/* https://www.skeleton.dev/docs/guides/cookbook/light-switch */
+/* @custom-variant dark (&:where([data-mode="dark"], [data-mode="dark"] *)); */
+
+@layer base {
+    :root {
+        --background: 0 0% 100%;
+        --foreground: 224 71.4% 4.1%;
+        --muted: 220 14.3% 95.9%;
+        --muted-foreground: 220 8.9% 46.1%;
+        --popover: 0 0% 100%;
+        --popover-foreground: 224 71.4% 4.1%;
+        --card: 0 0% 100%;
+        --card-foreground: 224 71.4% 4.1%;
+        --border: 220 13% 91%;
+        --input: 220 13% 91%;
+        --primary: 220.9 39.3% 11%;
+        --primary-foreground: 210 20% 98%;
+        --secondary: 220 14.3% 95.9%;
+        --secondary-foreground: 220.9 39.3% 11%;
+        --accent: 220 14.3% 95.9%;
+        --accent-foreground: 220.9 39.3% 11%;
+        --destructive: 0 72.2% 50.6%;
+        --destructive-foreground: 210 20% 98%;
+        --ring: 224 71.4% 4.1%;
+        --radius: 0.5rem;
+        --sidebar-background: 0 0% 98%;
+        --sidebar-foreground: 240 5.3% 26.1%;
+        --sidebar-primary: 240 5.9% 10%;
+        --sidebar-primary-foreground: 0 0% 98%;
+        --sidebar-accent: 240 4.8% 95.9%;
+        --sidebar-accent-foreground: 240 5.9% 10%;
+        --sidebar-border: 220 13% 91%;
+        --sidebar-ring: 217.2 91.2% 59.8%;
+    }
+
+    /* .dark {
+    --background: 224 71.4% 4.1%;
+    --foreground: 210 20% 98%;
+    --muted: 215 27.9% 16.9%;
+    --muted-foreground: 217.9 10.6% 64.9%;
+    --popover: 224 71.4% 4.1%;
+    --popover-foreground: 210 20% 98%;
+    --card: 224 71.4% 4.1%;
+    --card-foreground: 210 20% 98%;
+    --border: 215 27.9% 16.9%;
+    --input: 215 27.9% 16.9%;
+    --primary: 210 20% 98%;
+    --primary-foreground: 220.9 39.3% 11%;
+    --secondary: 215 27.9% 16.9%;
+    --secondary-foreground: 210 20% 98%;
+    --accent: 215 27.9% 16.9%;
+    --accent-foreground: 210 20% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 20% 98%;
+    --ring: 216 12.2% 83.9%;
+	--sidebar-background: 240 5.9% 10%;
+    --sidebar-foreground: 240 4.8% 95.9%;
+    --sidebar-primary: 224.3 76.3% 48%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 240 3.7% 15.9%;
+    --sidebar-accent-foreground: 240 4.8% 95.9%;
+    --sidebar-border: 240 3.7% 15.9%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
+  } */
+}
+
+@layer base {
+    * {
+        border-color: hsl(var(--border));
+    }
+    body {
+        background-color: hsl(var(--background));
+        color: hsl(var(--foreground));
+    }
+}
+
+/* There are no more Tailwind layers. */
+
+html,
+body {
+    @apply h-full overflow-hidden;
+
+    /* font-family: 'Liberation Sans', sans-serif; */
+    /* font-family: 'Noto Sans', sans-serif; */
+}
+
+html.super_access #appShell {
+    background-color: hsla(0, 100%, 50%, 0.5);
+}
+
+html.manager_access #appShell {
+    background-color: hsla(0, 50%, 75%, 0.5);
+}
+html.administrator_access #appShell {
+    background-color: hsla(40, 50%, 85%, 0.25);
+}
+html.trusted_access #appShell {
+    background-color: hsla(20, 50%, 85%, 0.25);
+}
+
+/* default theme */
+/* @font-face {
+    font-family: 'Liberation Sans', sans-serif;
+    font-family: 'Noto Sans', sans-serif;
+    src: url('/fonts/liberation/LiberationSans-Regular.ttf');
+    src: url('/fonts/noto/NotoSans-Regular.ttf');
+    font-display: swap;
+} */
+
+/* modern theme */
+@font-face {
+    font-family: 'Quicksand';
+    src: url('/fonts/Quicksand.ttf');
+    font-display: swap;
+}
+
+/* :root [data-theme='modern'] { */
+/* --theme-rounded-base: 20px;
+	--theme-rounded-container: 4px; */
+
+/* --theme-font-family-base: 'Liberation Sans', sans-serif; */
+/* --theme-font-family-heading: 'Liberation Sans', sans-serif; */
+/* } */
+
+/* Using Skeleton Tailwind Presets */
+/* Built in colors (also with "contrast" option):
+* - primary
+* - secondary
+* - tertiary
+* - success
+* - warning
+* - error
+* - surface
+*/
+
+/* Built in presets:
+* - Filled - a filled preset of the primary brand color.
+* - Tonal - a tonal preset of the primary brand color.
+* - Outlined - an outlined preset of the primary brand color.
+*/
+
+/* Additional customized presets:
+* - Glass - a custom preset using background transparency and backdrop blur.
+* - Elevated - mixes a filled preset with a shadow.
+* - Ghost - has no style by default, but shows a tonal preset on hover.
+* - Ghost Icon - has no style by default, but shows a branded tonal preset on hover.
+* - Gradient - a custom preset generated using Tailwind gradient primitives.
+*/
+
+/* Generic button types needed:
+* - primary
+* - secondary
+* - tertiary
+* - success
+* - warning
+* - error
+* - neutral
+* - surface
+* - info
+* - danger
+* - normal
+* - outline
+* - text
+*/
+
+/* Aether specific button types needed:
+* - open or view
+* - close or hide
+* - help
+* - save
+* - delete
+* - cancel
+* - confirm
+* - reset
+* - submit
+* - next or previous
+* - back
+* - edit
+* - create
+* - add
+* - remove
+* - copy
+* - paste
+* - download
+* - upload
+* - print
+* - share
+* - search
+* - filter
+* - sort
+* - select
+* - clear
+* - toggle or switch
+* - expand or collapse
+* - configure or settings
+* - refresh or reload
+* - sync or synchronize
+* - play or pause
+* - stop
+* - like or dislike
+* - favorite or unfavorite
+* - follow or unfollow
+* - subscribe or unsubscribe
+* - vote or unvote
+* - rate or review
+* - report or flag
+* - block or unblock
+* - accept or decline
+* - agree or disagree
+* - confirm or cancel
+* - approve or reject
+
+
+*/
+
+/* Create a custom preset in your global stylesheet */
+/* .preset-gradient {
+    background-image: linear-gradient(-45deg, var(--color-primary-300), var(--color-primary-700));
+    color: var(--color-primary-contrast-500);
+} */
+/* .preset-glass-primary {
+    background: color-mix(in oklab, var(--color-primary-500) 40%, transparent);
+    box-shadow: 0 0px 30px color-mix(in oklab, var(--color-primary-500) 50%, transparent) inset;
+    backdrop-filter: blur(16px);
+} */
+
+/*
+* - tonal buttons - use these for most buttons
+* - filled buttons - use these for buttons that need to stand out
+* - outlined buttons - use these for buttons that need to be less prominent (sort of like TW v3 ghost)
+*/
+
+/* Buttons default to the tonal presets */
+/* Buttons based on Skeleton Tailwind preset classes */
+.ae_btn_neutral {
+    /* @apply preset-tonal hover:preset-outlined border transition-all; */
+}
+.ae_btn_primary {
+    /* @apply preset-tonal-primary border border-primary-500 transition-all; */
+}
+.ae_btn_secondary {
+    @apply preset-tonal-secondary border border-secondary-500 transition-all;
+    /* hover:preset-filled-secondary-500 */
+}
+.ae_btn_tertiary {
+    @apply preset-tonal-tertiary border border-tertiary-500 transition-all;
+}
+.ae_btn_success {
+    @apply preset-tonal-success border border-success-500 transition-all;
+}
+.ae_btn_warning {
+    @apply preset-tonal-warning border border-warning-500 text-warning-950-50 transition-all;
+}
+.ae_btn_error {
+    @apply preset-tonal-error border border-error-500 transition-all;
+}
+.ae_btn_surface {
+    @apply preset-tonal-surface border border-surface-500 transition-all;
+}
+/* Buttons customized for Aether using Skeleton Tailwind preset classes */
+.ae_btn_info {
+    @apply border text-cyan-950 dark:text-cyan-50 bg-cyan-50 dark:bg-cyan-950 border-cyan-100 dark:border-cyan-900 hover:bg-cyan-200 hover:dark:bg-cyan-800 transition-all;
+}
+
+/* Buttons are for filled and outlined presets */
+.ae_btn_secondary_filled {
+    @apply preset-filled-secondary-200-800 border border-secondary-500 transition-all;
+    /* hover:preset-filled-secondary-500 */
+}
+.ae_btn_secondary_outlined {
+    @apply preset-outlined-secondary-200-800 hover:preset-filled-secondary-400-600 text-secondary-950-50 transition-all;
+}
+.ae_btn_success_filled {
+    @apply preset-filled-success-200-800 border border-success-500 transition-all;
+}
+.ae_btn_success_outlined {
+    @apply preset-outlined-success-200-800 hover:preset-filled-success-400-600 text-success-950-50 transition-all;
+}
+.ae_btn_warning_filled {
+    @apply preset-filled-warning-200-800 border border-warning-500 transition-all;
+}
+.ae_btn_warning_outlined {
+    @apply preset-outlined-warning-200-800 hover:preset-filled-warning-400-600 text-warning-950-50 transition-all;
+}
+.ae_btn_surface_filled {
+    @apply preset-filled-surface-200-800 border border-surface-500 transition-all;
+}
+.ae_btn_surface_outlined {
+    @apply preset-outlined-surface-200-800 hover:preset-filled-surface-400-600 text-surface-950-50 transition-all;
+}
+.ae_btn_error_outlined {
+    @apply preset-outlined-error-200-800 hover:preset-filled-error-400-600 text-error-950-50 transition-all;
+}
+.ae_btn_info_filled {
+    @apply border text-cyan-950 dark:text-cyan-50 bg-cyan-200 dark:bg-cyan-800 border-cyan-200 dark:border-cyan-800 transition-all;
+}
+.ae_btn_info_outlined {
+    @apply border text-cyan-950 dark:text-cyan-50 bg-cyan-50 dark:bg-cyan-950 border-cyan-200 dark:border-cyan-800 transition-all;
+}
+
+/* Containers customized for Aether using Skeleton Tailwind preset classes */
+.ae_container_system_menu {
+    @apply container;
+}
+.ae_container_system_options {
+    @apply container;
+}
+.ae_container_system_help {
+    @apply container;
+}
+
+.ae_container_module {
+    @apply container;
+    /* @apply container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8; */
+}
+/* .ae_container_module_main {
+    @apply container;
+} */
+.ae_module_header {
+    /* LCI request 3a5997 */
+    /* bg-gray-300 */
+    @apply preset-tonal-surface rounded-md flex flex-col md:flex-row flex-wrap gap-0.25 items-center justify-between w-full max-w-7xl p-1 px-2;
+}
+
+[data-theme='AE_c_LCI'] .ae_module_header {
+    /* LCI request 3a5997 */
+    /* bg-gray-300 */
+    @apply preset-tonal-primary;
+}
+[data-theme='AE_c_LCI'] .ae_obj__event_presenter {
+    @apply preset-filled-success-500;
+    /* --color-success-500; */
+}
+
+.ae_container_module_content {
+    @apply container;
+}
+.ae_container_module_menu {
+    @apply w-full max-w-7xl flex flex-col items-center justify-center gap-1 p-1
+    border rounded-md border-gray-200 dark:border-gray-800 hover:bg-gray-100 dark:hover:bg-gray-900 transition-all duration-700 hover:duration-300;
+}
+.ae_container_module_options {
+    @apply text-cyan-950 dark:text-cyan-50
+    bg-cyan-50 dark:bg-cyan-950 hover:bg-cyan-100 dark:hover:bg-cyan-900
+    border border-cyan-200 dark:border-cyan-800 hover:border-cyan-400 dark:hover:border-cyan-600
+    rounded-md
+    flex flex-row flex-wrap items-center justify-around
+    w-full max-w-full
+    p-2
+    transition-all;
+}
+.ae_container_module_help {
+    @apply text-yellow-950 dark:text-yellow-50
+    bg-yellow-50 dark:bg-yellow-950 hover:bg-yellow-100 dark:hover:bg-yellow-900
+    border border-yellow-200 dark:border-yellow-800 hover:border-yellow-400 dark:hover:border-yellow-600
+    rounded-md
+    w-lg max-w-full
+    p-2
+    transition-all;
+    /* bg-yellow-100 border border-yellow-400 p-2 rounded-md max-w-xl */
+}
+
+.ae_container_actions {
+    @apply container preset-tonal-success border border-success-500 rounded-md flex flex-row items-center my-2 p-2;
+}
+.ae_container_results {
+    @apply container;
+}
+.ae_container_content {
+    @apply container;
+}
+.ae_container_content_header {
+    @apply container;
+}
+.ae_container_content_content {
+    @apply container;
+}
+.ae_container_content_footer {
+    @apply container;
+}
+
+.ae_container_alert {
+    @apply container;
+}
+.ae_container_help {
+    @apply text-yellow-950 dark:text-yellow-50
+    bg-yellow-50 dark:bg-yellow-950 hover:bg-yellow-100 dark:hover:bg-yellow-900
+    border border-yellow-200 dark:border-yellow-800 hover:border-yellow-400 dark:hover:border-yellow-600
+    rounded-md
+    max-w-full
+    p-2
+    transition-all;
+    /* bg-yellow-100 border border-yellow-400 p-2 rounded-md max-w-xl */
+}
+.ae_container_info {
+    @apply text-cyan-950 dark:text-cyan-50
+    bg-cyan-50 dark:bg-cyan-950 hover:bg-cyan-100 dark:hover:bg-cyan-900
+    border border-cyan-200 dark:border-cyan-800 hover:border-cyan-400 dark:hover:border-cyan-600
+    rounded-md
+    max-w-full
+    p-2
+    transition-all;
+}
+.ae_container_msg {
+    @apply container;
+}
+.ae_container_warning {
+    @apply container;
+}
+.ae_container_tag {
+    @apply container;
+}
+
+.ae_container_modal {
+    @apply container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8;
+}
+.ae_container_modal_header {
+    @apply container;
+}
+.ae_container_modal_content {
+    @apply container;
+}
+.ae_container_modal_footer {
+    @apply container;
+}
+
+/* Standard Aether object properties:
+* - id
+* - name
+* - enable
+* - hide
+* - priority
+* - sort
+* - group
+* - notes
+ */
+
+.card-footer {
+    border-top: 1px solid hsla(0, 0%, 0%, 0.5);
+    margin-top: 1em;
+    padding-top: 1em;
+
+    opacity: 0.5;
+}
+
+/* Tailwind: This "fixes" Tailwind's default group button styles that do not seem to allow hiding buttons. */
+.btn-group a.hidden,
+.btn-group button.hidden {
+    display: none;
+}
+
+.ae_d_none {
+    display: none;
+}
+
+/* Allow content to scroll horizontal if too wide */
+.ae_h_scrollfix {
+    max-width: 100%;
+    overflow-x: auto;
+}
+
+/* These helps with the Skeleton Tailwind modal utility. */
+.ae_modal_scrollfix {
+    /* Allow modal content to scroll if it's too long */
+    overflow-y: auto;
+    max-height: 96vh;
+    /* max-height: 99%; */
+}
+
+.ae_debug {
+    /* A darker pink outline */
+    outline: thin dashed;
+    outline-color: hsla(0, 100%, 50%, 0.15);
+    /* A light pink background color */
+    background-color: hsla(0, 100%, 50%, 0.15);
+}
+.ae_debug:hover {
+    /* A darker pink outline */
+    outline-color: hsla(0, 100%, 50%, 0.5);
+    /* A light pink background color */
+    background-color: hsla(0, 100%, 50%, 0.4);
+}
+
+/* Deal with being in an iframe */
+#appShell #shell-header.iframe {
+    display: none;
+}
+
+#appShell #shell-footer.iframe {
+    display: none;
+}
+
+.iframe .module_header,
+.iframe .module_footer {
+    display: none;
+}
+
+/* Remove the background from the body in all cases */
+/* body[data-theme] { */
+/* background: none; */
+/* background-image: none; */
+/* } */
+
+/* Remove the background from the body if using iframes */
+/* body[data-theme]:has(#page.iframe) { */
+/* background: none; */
+/* background-image: none; */
+/* background-image: url('https://static.oneskyit.com/c/CHOW/images/CHOW_2024_yellow_background.png'); */
+/* background-size: cover; */
+/* } */
+
+main {
+    /* background: none;
+    background-color: hsla(0, 0%, 100%, 0.92); */
+}
+
+main > section {
+    background: none;
+    background-color: hsla(0, 0%, 100%, 0.92);
+    padding: 0.5em;
+}
+
+/* @media (min-width: 640px) {
+    main>div, main>section {
+        padding: 0;
+        max-width: 100%;
+    }
+} */
+
+/* @media (min-width: 768px) {
+    main>div, main>section {
+        padding: 0;
+        max-width: 100%;
+    }
+} */
+
+.ae_sponsorships {
+    /* background: none; */
+    /* background-color: hsla(0, 0%, 100%, 0.92); */
+    /* background-image: url('https://static.oneskyit.com/c/CHOW/images/CHOW_2024_yellow_background.png'); */
+    /* background-size: cover; */
+}
+
+pre.pre_wrap {
+    white-space: pre-wrap;
+    word-break: normal;
+    word-wrap: normal;
+
+    border: none;
+
+    max-width: 100%;
+    overflow-x: auto;
+}
+
+input.required {
+    /* border-right: solid medium var(--color-warning-500); */
+    /* color: var(--color-warning-500); */
+}
+
+input:required {
+    /* background-color: var(--alert-color-lightest); */
+    /* border: solid 2px red; */
+    /* outline: dashed thin var(--alert-color-lighter); */
+
+    /* border-right: solid medium var(--alert-color-mid); */
+    /* border-right: solid medium var(--warning-color-mid); */
+    /* border-right: solid medium var(--error-color-mid); */
+}
+/* input:required:hover {
+    background-color: var(--alert-color-lighter);
+    border-right: solid thick var(--alert-color-darker);
+} */
+
+/* input:required::before {
+    display: block;
+
+    content: '*';
+    color: var(--warning-color-darker);
+
+    top: 5px;
+    left: 5px;
+} */
+
+.input_required::after {
+    content: '*';
+    color: rgb(var(--color-error-500) / 0.9);
+
+    position: relative;
+    /* top: 0em; */
+    left: 0.25em;
+}
+
+/* Make the group a flex row by default */
+/* div.btn-group { */
+/* display: flex; */
+/* gap: 0; */
+/* flex-direction: row; */
+/* justify-content: space-around; */
+/* align-items: center; */
+/* margin: 0;
+    padding: 0; */
+
+/* } */
+/* Make all button elements except for the the first button element not rounded on the left. */
+/* Make all button elements except for the fhe last button element not rounded on the right. */
+/* These helps with the Skeleton (Tailwind?) button group element. */
+.btn-group button {
+    border-radius: 0;
+    border: none;
+}
+
+/* .md:btn-group button,
+.lg:btn-group button {
+    border-radius: 0;
+    border: none;
+} */
+
+/* div.btn-group button:first-child {
+    border-top-left-radius: .25rem;
+    border-bottom-left-radius: .25rem;
+}
+div.btn-group button:last-child {
+    border-top-right-radius: .25rem;
+    border-bottom-right-radius: .25rem;
+} */
+
+.ae_obj_prop .label {
+}
+
+.ae_obj_prop .value {
+    font-weight: bold;
+}
+
+.ae_md_hide {
+    /* outline: medium dashed green; */
+    /* display: none; */
+}
+
+@media (max-width: 767px) {
+    .ae_md_hide {
+        /* outline: medium dashed red; */
+        display: none;
+    }
+}
+@media (min-width: 768px) {
+    .ae_lg_hide {
+        /* outline: medium dashed blue; */
+        display: none;
+    }
+}
+
+/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
+div.ae_quick_modal_container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 100;
+    background-color: hsla(0, 0%, 0%, 0.5);
+}
+
+/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
+section.ae_quick_popover {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 100;
+    background-color: hsla(0, 0%, 100%, 0.95);
+    padding: 1rem;
+    border-radius: 0.5rem;
+    box-shadow: 0 0 1rem hsla(0, 0%, 0%, 0.5);
+
+    min-height: 98%;
+    min-width: 98%;
+}
+
+section.ae_quick_popover_small {
+    position: fixed;
+    top: 1em;
+    left: 50%;
+    transform: translate(-50%, 0%);
+    z-index: 100;
+    background-color: hsla(0, 0%, 100%, 0.95);
+    padding: 1rem;
+    border-radius: 0.5rem;
+    box-shadow: 0 0 1rem hsla(0, 0%, 0%, 0.5);
+
+    min-height: 24rem;
+    max-height: 95%;
+    min-width: 50%;
+    max-width: 95%;
+}
+
+.fade_50 {
+    opacity: 0.5;
+}
+.fade_50:hover {
+    opacity: 1;
+}
+
+.auth_view_only {
+    display: none;
+}
+.ae_root--auth_access .auth_view_only {
+    display: initial;
+}
+
+img.qr_code {
+    /* outline: solid thin hsla(30, 100%, 50%, .1); */
+    /* width: 1.50in; */
+}
+
+img.qr_code:hover {
+    /* outline: solid thin green; */
+    /* width: 2.50in; */
+}
+
+img.qr_code:focus {
+    /* outline: solid thin red; */
+    /* width: 2.50in; */
+}
+
+.dim {
+    opacity: 0.5;
+    color: hsla(0, 0%, 50%, 0.95);
+}
+.dim_warning {
+    opacity: 0.5;
+    /* color: hsla(0, 100%, 50%, .95); */
+    /* background should be hash marks */
+    background-image: repeating-linear-gradient(
+        -45deg,
+        hsla(0, 100%, 50%, 0.25),
+        hsla(0, 100%, 50%, 0.25) 10px,
+        transparent 10px,
+        transparent 20px
+    );
+}
+
+.alert {
+    /* background-color: hsla(0, 100%, 50%, .1); */
+    outline: dashed thin hsla(0, 100%, 50%, 0.5);
+}
+
+@media (max-width: 767px) {
+    .sk_header.hide_sm {
+        display: none;
+    }
+    .sk_header.show_sm {
+        display: initial;
+    }
+    .sk_header.show_md {
+        display: none;
+    }
+}
+
+@media (min-width: 768px) {
+    .sk_header.hide_md {
+        display: none;
+    }
+    .sk_header.show_md {
+        display: initial;
+    }
+    .sk_header.show_sm {
+        display: none;
+    }
+}
+
+/* We need to reset many of the styles for the reset_css class. */
+.reset_css p {
+    margin: 0.75em 0;
+}
+.reset_css ol {
+    list-style-type: decimal;
+}
+.reset_css ul {
+    list-style-type: disc;
+}
+.reset_css li {
+    margin-left: 1.5em;
+}
+/* Reset anchor tags to the default color and underline. */
+.reset_css a {
+    color: hsla(210, 100%, 50%, 1);
+    text-decoration: underline;
+}
+.reset_css a:hover {
+    color: hsla(210, 100%, 50%, 0.75);
+    text-decoration: none;
+}
+
+/* .ae_btn.btn-danger,
+.ae_btn.btn-info,
+.ae_btn.btn-warning {
+    border-radius: 60px;
+} */
+
+/* .ae_margin_xs {
+    margin: 0.25em;
+}
+.ae_margin_sm {
+    margin: 0.5em;
+}
+.ae_margin_md {
+    margin: 0.75em;
+}
+.ae_margin_lg {
+    margin: 1em;
+}
+.ae_margin_lg {
+    margin: 1.25em;
+} */
+
+/* BEGIN: Overrides and fixes specific to Novi and IDAA */
+.iframe .novi_btn {
+    border-radius: 60px;
+    /* border-color: hsla(0, 0%, 50%, .5); */
+    /* border-color: hsla(0, 0%, 0%, .15); */
+}
+
+.iframe .novi_m0 {
+    margin: 0;
+}
+.iframe .novi_p0 {
+    padding: 0;
+}
+
+.iframe .dark .novi_label {
+    color: white;
+}
+
+.iframe .dark .novi_black {
+    color: black;
+}
+
+.iframe .dark .novi_white {
+    color: white;
+}
+
+.iframe .dark .novi_bg_black {
+    background-color: black;
+}
+
+.iframe .dark .novi_bg_white {
+    background-color: white;
+}
+
+.iframe .dark .novi_bg_gray {
+    background-color: hsla(0, 0%, 50%, 1);
+}
+
+.iframe .dark .novi_bg_light_gray {
+    background-color: hsla(0, 0%, 95%, 1);
+}
+.iframe .dark .novi_bg_dark_gray {
+    background-color: hsla(0, 0%, 20%, 1);
+}
+
+.iframe .novi_bg_light {
+    background-color: hsla(0, 0%, 0%, 0.15);
+    color: hsla(0, 0%, 20%, 1);
+}
+.iframe .novi_bg_dark {
+    background-color: hsla(0, 0%, 0%, 0.25);
+    color: hsla(0, 0%, 95%, 1);
+}
+
+.iframe .novi_margin_sm {
+    /* margin: 0.5em; */
+}
+
+.iframe .novi_text_wrap {
+    /* white-space: normal; */
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+/* END: Overrides and fixes specific to Novi and IDAA */
+
+.iframe button.ae_normal,
+.iframe .btn.ae_normal {
+    /* font: normal 1em sans-serif; */
+    font-size: 1rem;
+}
+
+.iframe button.ae_smaller,
+.iframe .btn.ae_smaller,
+.iframe button.novi_smaller,
+.iframe .btn.novi_smaller {
+    font-size: 0.8rem;
+}
+
+.iframe button.ae_smallest,
+.iframe .btn.ae_smallest,
+.iframe button.novi_smallest,
+.iframe .btn.novi_smallest {
+    font-size: 0.65rem;
+}

src/app.d.ts

@@ -0,0 +1,9 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+// and what to do when importing types
+declare namespace App {
+    // interface Locals {}
+    // interface PageData {}
+    // interface Error {}
+    // interface Platform {}
+}

src/app.html

@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="en" class="light" data-theme="">
+    <head>
+        <meta charset="utf-8" />
+
+        <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+        <link rel="manifest" href="%sveltekit.assets%/manifest.json" />
+
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+        <link rel="preconnect" href="https://fonts.gstatic.com" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+            rel="stylesheet"
+        />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+            rel="stylesheet"
+        />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
+            rel="stylesheet"
+        />
+
+        <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+            integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+            crossorigin="anonymous"
+            referrerpolicy="no-referrer"
+        />
+
+        <!-- <link href="app.css" rel="stylesheet"> -->
+
+        %sveltekit.head%
+    </head>
+    <!-- h-full w-full overflow-auto -->
+    <!-- overflow-x-scroll -->
+    <body data-sveltekit-preload-data="hover" class="h-full w-full">
+        <div style="display: contents" class="">%sveltekit.body%</div>
+    </body>
+</html>

src/html_input_render_templates.js

@@ -1,119 +0,0 @@
-var template = {};
-
-// NOTE address template section
-template['address'] = {};
-
-template['address']['id'] = { 'obj_type': 'address', 'obj_prop_name': 'id', 'type': 'hidden', 'placeholder': '', 'class_li': [], 'style': '', 'readonly': 'readonly', 'disabled': 'disabled', 'required': 'required', 'label': 'ID', 'label_class_li': [] };
-template['address']['id_random'] = { 'obj_type': 'address', 'obj_prop_name': 'id_random', 'type': 'hidden', 'placeholder': '', 'class_li': [], 'style': '', 'readonly': 'readonly', 'disabled': 'disabled', 'required': 'required', 'label': 'ID random', 'label_class_li': [] };
-
-template['address']['for_type'] = { 'obj_type': 'address', 'obj_prop_name': 'for_type', 'type': 'text', 'placeholder': 'For type', 'class': 'address.for_type', 'style': '', 'label': 'For type', 'label_class_li': [] };
-template['address']['for_id'] = { 'obj_type': 'address', 'obj_prop_name': 'for_id', 'type': 'text', 'placeholder': 'For ID', 'class': 'address.for_id', 'style': '', 'label': 'For ID', 'label_class_li': [] };
-
-template['address']['name'] = { 'obj_type': 'address', 'obj_prop_name': 'name', 'type': 'text', 'placeholder': 'Name', 'class': 'address.name', 'style': '', 'label': 'Name', 'label_class_li': [] };
-template['address']['attention_to'] = { 'obj_type': 'address', 'obj_prop_name': 'attention_to', 'type': 'text', 'placeholder': 'Attention to', 'class': 'address.attention_to', 'style': '', 'label': 'Attention to', 'label_class_li': [] };
-
-template['address']['organization_name'] = { 'obj_type': 'address', 'obj_prop_name': 'organization_name', 'type': 'text', 'placeholder': 'Organization name', 'class': 'address.organization_name', 'style': '', 'label': 'Organization name', 'label_class_li': [] };
-template['address']['line_1'] = { 'obj_type': 'address', 'obj_prop_name': 'line_1', 'type': 'text', 'placeholder': 'Line 1', 'class': 'address.line_1', 'style': '', 'label': 'Line 1', 'label_class_li': [] };
-template['address']['line_2'] = { 'obj_type': 'address', 'obj_prop_name': 'line_2', 'type': 'text', 'placeholder': 'Line 2', 'class': 'address.line_2', 'style': '', 'label': 'Line 2', 'label_class_li': [] };
-template['address']['line_3'] = { 'obj_type': 'address', 'obj_prop_name': 'line_3', 'type': 'text', 'placeholder': 'Line 3', 'class': 'address.line_3', 'style': '', 'label': 'Line 3', 'label_class_li': [] };
-template['address']['city'] = { 'obj_type': 'address', 'obj_prop_name': 'city', 'type': 'text', 'placeholder': 'City', 'class': 'address.city', 'style': '', 'label': 'City', 'label_class_li': [] };
-template['address']['state_province'] = { 'obj_type': 'address', 'obj_prop_name': 'state_province', 'type': 'text', 'placeholder': 'State/Province', 'class': 'address.state_province', 'style': '', 'label': 'State/Province', 'label_class_li': [] };
-template['address']['postal_code'] = { 'obj_type': 'address', 'obj_prop_name': 'postal_code', 'type': 'text', 'placeholder': 'Postal Code', 'class': 'address.postal_code', 'style': '', 'label': 'Postal code', 'label_class_li': [] };
-
-//template['address']['country_alpha_2_code'] = { 'obj_type': 'address', 'obj_prop_name': 'country_alpha_2_code', 'type': 'select', 'placeholder': 'Country alpha 2 code', 'class': 'address.country_alpha_2_code', 'style': '', 'label': 'Country alpha 2 code', 'label_class_li': [], 'select_option_li': { 'CA': 'Canada', 'MX': 'Mexico', 'US': 'United States', 'UK': 'United Kingdom' } };
-template['address']['country_alpha_2_code'] = { 'obj_type': 'address', 'obj_prop_name': 'country_alpha_2_code', 'type': 'select', 'placeholder': 'Country alpha 2 code', 'class': 'address.country_alpha_2_code', 'style': '', 'label': 'Country alpha 2 code', 'label_class_li': [], 'select_option_li': { 'CA': 'Canada', 'MX': 'Mexico', 'US': 'United States', 'UK': 'United Kingdom' } };
-template['address']['country'] = { 'obj_type': 'address', 'obj_prop_name': 'country', 'type': 'text', 'placeholder': 'Country', 'class': 'address.country', 'style': '', 'label': 'Country', 'label_class_li': [] };
-
-template['address']['timezone'] = { 'obj_type': 'address', 'obj_prop_name': 'timezone', 'type': 'text', 'placeholder': 'Timezone', 'class': 'address.timezone', 'style': '', 'label': 'Timezone', 'label_class_li': [] };
-
-template['address']['latitude'] = { 'obj_type': 'address', 'obj_prop_name': 'latitude', 'type': 'text', 'placeholder': 'Latitude', 'class': 'address.latitude', 'style': '', 'label': 'Latitude', 'label_class_li': [] };
-template['address']['longitude'] = { 'obj_type': 'address', 'obj_prop_name': 'longitude', 'type': 'text', 'placeholder': 'Longitude', 'class': 'address.longitude', 'style': '', 'label': 'Longitude', 'label_class_li': [] };
-template['address']['map_url'] = { 'obj_type': 'address', 'obj_prop_name': 'map_url', 'type': 'url', 'placeholder': 'Map URL', 'class': 'address.map_url', 'style': '', 'label': 'Map URL', 'label_class_li': [] };
-
-template['address']['congressional_district'] = { 'obj_type': 'address', 'obj_prop_name': 'congressional_district', 'type': 'text', 'placeholder': 'Congressional district', 'class': 'address.congressional_district', 'style': '', 'label': 'Congressional district', 'label_class_li': [] };
-
-template['address']['verified'] = { 'obj_type': 'address', 'obj_prop_name': 'verified', 'type': 'checkbox', 'placeholder': 'Verified', 'class': 'address.verified', 'style': '', 'label': 'Verified', 'label_class_li': [] };
-
-template['address']['created_on'] = { 'obj_type': 'address', 'obj_prop_name': 'created_on', 'type': 'text', 'placeholder': '', 'class': 'address.created_on', 'style': '', 'readonly': 'readonly', 'disabled': 'disabled', 'required': 'required', 'label': 'Created on', 'label_class_li': [] };
-template['address']['updated_on'] = { 'obj_type': 'address', 'obj_prop_name': 'updated_on', 'type': 'text', 'placeholder': '', 'class': 'address.updated_on', 'style': '', 'readonly': 'readonly', 'disabled': 'disabled', 'required': 'required', 'label': 'Updated on', 'label_class_li': [] };
-
-
-// NOTE contact section
-template['contact'] = {};
-template['contact']['name'] = { 'obj_type': 'contact', 'obj_prop_name': 'name', 'type': 'text', 'placeholder': 'Name', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': 'required', 'label': 'Name', 'label_class_li': [] };
-template['contact']['title'] = { 'obj_type': 'contact', 'obj_prop_name': 'title', 'type': 'text', 'placeholder': 'Title', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': 'required', 'label': 'Title', 'label_class_li': [] };
-template['contact']['tagline'] = { 'obj_type': 'contact', 'obj_prop_name': 'tagline', 'type': 'checkbox', 'placeholder': 'Tagline', 'class': 'contact.tagline', 'style': '', 'label': 'Tagline', 'label_class_li': [] };
-
-template['contact']['email'] = { 'obj_type': 'contact', 'obj_prop_name': 'email', 'type': 'email', 'placeholder': 'Email address', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Email address', 'label_class_li': [] };
-template['contact']['other_site_url'] = { 'obj_type': 'contact', 'obj_prop_name': 'website_url', 'type': 'url', 'placeholder': 'Website URL', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Website URL', 'label_class_li': [] };
-template['contact']['website_name'] = { 'obj_type': 'contact', 'obj_prop_name': 'website_name', 'type': 'text', 'placeholder': 'Website name', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Website name', 'label_class_li': [] };
-
-template['contact']['phone_mobile'] = { 'obj_type': 'contact', 'obj_prop_name': 'phone_mobile', 'type': 'tel', 'placeholder': 'Phone mobile', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Phone mobile', 'label_class_li': [] };
-template['contact']['phone_home'] = { 'obj_type': 'contact', 'obj_prop_name': 'phone_home', 'type': 'tel', 'placeholder': 'Phone home', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Phone home', 'label_class_li': [] };
-template['contact']['phone_office'] = { 'obj_type': 'contact', 'obj_prop_name': 'phone_office', 'type': 'tel', 'placeholder': 'Phone office', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Phone office', 'label_class_li': [] };
-template['contact']['phone_land'] = { 'obj_type': 'contact', 'obj_prop_name': 'phone_land', 'type': 'tel', 'placeholder': 'Phone land', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Phone land', 'label_class_li': [] };
-template['contact']['phone_fax'] = { 'obj_type': 'contact', 'obj_prop_name': 'phone_fax', 'type': 'tel', 'placeholder': 'Phone fax', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Phone fax', 'label_class_li': [] };
-
-template['contact']['facebook_url'] = { 'obj_type': 'contact', 'obj_prop_name': 'facebook_url', 'type': 'url', 'placeholder': 'Facebook URL', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Facebook URL', 'label_class_li': [] };
-template['contact']['instagram_url'] = { 'obj_type': 'contact', 'obj_prop_name': 'instagram_url', 'type': 'url', 'placeholder': 'Instagram URL', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Instagram URL', 'label_class_li': [] };
-template['contact']['twitter_url'] = { 'obj_type': 'contact', 'obj_prop_name': 'twitter_url', 'type': 'url', 'placeholder': 'Twitter URL', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Twitter URL', 'label_class_li': [] };
-template['contact']['linkedin_url'] = { 'obj_type': 'contact', 'obj_prop_name': 'linkedin_url', 'type': 'url', 'placeholder': 'LinkedIn URL', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'LinkedIn URL', 'label_class_li': [] };
-
-template['contact']['other_site_url'] = { 'obj_type': 'contact', 'obj_prop_name': 'other_site_url', 'type': 'url', 'placeholder': 'Other site URL', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Other site URL', 'label_class_li': [] };
-template['contact']['others_site_name'] = { 'obj_type': 'contact', 'obj_prop_name': 'others_site_name', 'type': 'text', 'placeholder': 'Other site name', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Other site name', 'label_class_li': [] };
-
-
-template['contact']['enable'] = { 'obj_type': 'contact', 'obj_prop_name': 'enable', 'type': 'checkbox', 'placeholder': 'Enable', 'class': 'contact.enable', 'style': '', 'label': 'Enable', 'label_class_li': [] };
-
-
-
-// NOTE site template section
-template['site'] = {};
-
-template['site']['id'] = { 'obj_type': 'site', 'obj_prop_name': 'id', 'type': 'hidden', 'placeholder': '', 'class_li': [], 'style': '', 'readonly': 'readonly', 'disabled': 'disabled', 'required': 'required', 'label': 'ID', 'label_class_li': [] };
-template['site']['id_random'] = { 'obj_type': 'site', 'obj_prop_name': 'id_random', 'type': 'hidden', 'placeholder': '', 'class_li': [], 'style': '', 'readonly': 'readonly', 'disabled': 'disabled', 'required': 'required', 'label': 'ID random', 'label_class_li': [] };
-
-//template['site']['fqdn_1'] = { 'obj_type': 'site', 'obj_prop_name': 'fqdn_1', 'type': 'text', 'placeholder': 'FQDN 1', 'class': 'site.fqdn_1', 'style': '', 'label': 'FQDN 1', 'label_class_li': [] };
-//template['site']['fqdn_2'] = { 'obj_type': 'site', 'obj_prop_name': 'fqdn_2', 'type': 'text', 'placeholder': 'FQDN 2', 'class': 'site.fqdn_2', 'style': '', 'label': 'FQDN 2', 'label_class_li': [] };
-//template['site']['fqdn_3'] = { 'obj_type': 'site', 'obj_prop_name': 'fqdn_3', 'type': 'text', 'placeholder': 'FQDN 2', 'class': 'site.fqdn_3', 'style': '', 'label': 'FQDN 3', 'label_class_li': [] };
-
-template['site']['enable'] = { 'obj_type': 'site', 'obj_prop_name': 'enable', 'type': 'checkbox', 'placeholder': 'Enable', 'class': 'site.enable', 'style': '', 'label': 'Enable', 'label_class_li': [] };
-
-template['site']['name'] = { 'obj_type': 'site', 'obj_prop_name': 'name', 'type': 'text', 'placeholder': 'Name', 'class': 'site.name', 'style': '', 'label': 'Name', 'label_class_li': [] };
-template['site']['description'] = { 'obj_type': 'site', 'obj_prop_name': 'description', 'obj_prop_value_pre': true, 'type': 'textarea', 'placeholder': 'Description', 'class': 'site.description', 'style': '', 'label': 'Description', 'label_class_li': [], 'rows': 3, 'cols': 80 };
-
-template['site']['logo_path'] = { 'obj_type': 'site', 'obj_prop_name': 'logo_path', 'type': 'text', 'placeholder': 'Logo path', 'class': 'site.logo_path', 'style': '', 'label': 'Logo path' };
-template['site']['banner_image_path'] = { 'obj_type': 'site', 'obj_prop_name': 'banner_image_path', 'type': 'text', 'placeholder': 'Banner image path', 'class': 'site.banner_image_path', 'style': '', 'label': 'Banner image path' };
-//template['site']['html_menu_path'] = { 'obj_type': 'site', 'obj_prop_name': 'html_menu_path', 'type': 'text', 'placeholder': 'HTML menu path', 'class': 'site.html_menu_path', 'style': '', 'label': 'HTML menu path' };
-
-template['site']['site_body'] = { 'obj_type': 'site', 'obj_prop_name': 'site_body', 'obj_prop_value_pre': true, 'type': 'textarea', 'placeholder': 'Site body', 'class': 'site.site_body', 'style': '', 'label': 'Site body', 'label_class_li': [], 'rows': 10, 'cols': 80 };
-template['site']['site_tagline'] = { 'obj_type': 'site', 'obj_prop_name': 'site_tagline', 'type': 'text', 'placeholder': 'Site tagline', 'class': 'site.site_tagline', 'style': '', 'label': 'Site tagline', 'label_class_li': [] };
-
-template['site']['style_href'] = { 'obj_type': 'site', 'obj_prop_name': 'style_href', 'type': 'text', 'placeholder': 'Style HREF', 'class': 'site.style_href', 'style': '', 'label': 'Style HREF', 'label_class_li': [] };
-template['site']['script_src'] = { 'obj_type': 'site', 'obj_prop_name': 'script_src', 'type': 'text', 'placeholder': 'Script SRC', 'class': 'site.script_src', 'style': '', 'label': 'Script SRC', 'label_class_li': [] };
-
-template['site']['google_tracking_id'] = { 'obj_type': 'site', 'obj_prop_name': 'google_tracking_id', 'type': 'text', 'placeholder': 'Google tracking ID', 'class': 'site.google_tracking_id', 'style': '', 'label': 'Google tracking ID', 'label_class_li': [] };
-
-template['site']['created_on'] = { 'obj_type': 'site', 'obj_prop_name': 'created_on', 'type': 'text', 'placeholder': '', 'class': 'site.created_on', 'style': '', 'readonly': 'readonly', 'disabled': 'disabled', 'required': 'required', 'label': 'Created on', 'label_class_li': [] };
-template['site']['updated_on'] = { 'obj_type': 'site', 'obj_prop_name': 'updated_on', 'type': 'text', 'placeholder': '', 'class': 'site.updated_on', 'style': '', 'readonly': 'readonly', 'disabled': 'disabled', 'required': 'required', 'label': 'Updated on', 'label_class_li': [] };
-
-// NOTE person section
-template['person'] = {};
-template['person']['given_name'] = { 'obj_type': 'person', 'obj_prop_name': 'given_name', 'type': 'text', 'placeholder': 'Given name', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': 'required', 'label': 'Given name', 'label_class_li': [] };
-template['person']['middle_name'] = { 'obj_type': 'person', 'obj_prop_name': 'middle_name', 'type': 'text', 'placeholder': 'Middle name', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': 'required', 'label': 'Middle name', 'label_class_li': [] };
-template['person']['family_name'] = { 'obj_type': 'person', 'obj_prop_name': 'family_name', 'type': 'text', 'placeholder': 'Family name', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Family name', 'label_class_li': [] };
-template['person']['title'] = { 'obj_type': 'person', 'obj_prop_name': 'title', 'type': 'text', 'placeholder': 'Title', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Title', 'label_class_li': [] };
-template['person']['tagline'] = { 'obj_type': 'person', 'obj_prop_name': 'tagline', 'type': 'text', 'placeholder': 'Tagline', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Tagline', 'label_class_li': [] };
-template['person']['organization_name'] = { 'obj_type': 'person', 'obj_prop_name': 'organization_name', 'type': 'text', 'placeholder': 'Organization name', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': '', 'label': 'Organization name', 'label_class_li': [] };
-
-template['person']['notes'] = { 'obj_type': 'person', 'obj_prop_name': 'notes', 'obj_prop_value_pre': true, 'type': 'textarea', 'placeholder': 'Notes', 'class': 'person.notes', 'style': '', 'label': 'Notes', 'label_class_li': [], 'rows': 3, 'cols': 80 };
-
-// NOTE user section
-template['user'] = {};
-template['user']['email'] = { 'obj_type': 'user', 'obj_prop_name': 'email', 'type': 'email', 'placeholder': 'Email address', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': 'required', 'label': 'Email address', 'label_class_li': [] };
-template['user']['name'] = { 'obj_type': 'user', 'obj_prop_name': 'name', 'type': 'text', 'placeholder': 'Name', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': 'required', 'label': 'Name', 'label_class_li': [] };
-template['user']['username'] = { 'obj_type': 'user', 'obj_prop_name': 'username', 'type': 'text', 'placeholder': 'Username', 'class_li': [], 'style': '', 'readonly': '', 'disabled': '', 'required': 'required', 'label': 'Username', 'label_class_li': [] };
-template['user']['email_verified'] = { 'obj_type': 'user', 'obj_prop_name': 'email_verified', 'type': 'checkbox', 'placeholder': 'Email verified', 'class': 'user.email_verified', 'style': '', 'label': 'Email verified', 'label_class_li': [] };
-template['user']['enable'] = { 'obj_type': 'user', 'obj_prop_name': 'enable', 'type': 'checkbox', 'placeholder': 'Enable', 'class': 'user.enable', 'style': '', 'label': 'Enable', 'label_class_li': [] };
-
-export default template;

src/index.test.ts

@@ -0,0 +1,7 @@
+import { describe, it, expect } from 'vitest';
+
+describe('sum test', () => {
+    it('adds 1 + 2 to equal 3', () => {
+        expect(1 + 2).toBe(3);
+    });
+});

src/input_element.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">
-export let id_random: string = '';
-export let obj_type: string = '';
-export let obj_prop_name: string = '';
-
-export let name: string = obj_prop_name;
-export let id: string = `${name}--${id_random}`; // Same as the value for "for"
-
-export let value: string = '';
-
-export let readonly: string = '';
-export let disabled: string = '';
-export let required: string = '';
-
-export let type: string = 'text';
-//export let class: string = ''; // Probably not going to use
-export let class_li: Array<> = [];
-
-export let style: string = '';
-
-export let label: string = '';
-export let placeholder: string = label;
-export let label_class: string = ''; // Probably not going to use
-export let label_class_li: Array<> = [];
-
-</script>
-
-{#if type === 'text' || type === 'email' || type === 'url' || type === 'checkbox' }
-<label for={id} class={label_class_li.join(' ')}>{label}</label>
-<input {id} {name} class={class_li.join(' ')} {type} {value} {placeholder} {readonly} {disabled} {required} data-id_random={id_random} data-obj_type={obj_type} data-obj_prop_name={obj_prop_name} />
-{:else if type === 'textarea'}
-<label for={id} class={label_class_li.join(' ')}>{label}</label>
-<textarea {id} {name} class={class_li.join(' ')} {value} {placeholder} {readonly} {disabled} {required} data-id_random={id_random} data-obj_type={obj_type} data-obj_prop_name={obj_prop_name}></textarea>
-
-<!-- rows="" cols="" maxlength="" -->
-
-{/if}

src/lib/ae_api/api_delete_object.ts

@@ -0,0 +1,130 @@
+// import axios from 'axios';
+
+// Updated 2024-05-23
+export const delete_object = async function delete_object({
+    api_cfg = null,
+    endpoint = '',
+    params = {},
+    data = {},
+    return_meta = false,
+    log_lvl = 0,
+    retry_count = 5 // Number of retry attempts
+}: {
+    api_cfg: any;
+    endpoint: string;
+    params?: any;
+    data?: any;
+    return_meta?: boolean;
+    log_lvl?: number;
+    retry_count?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** delete_object() *** Endpoint: ${endpoint}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+        }
+    }
+
+    if (!api_cfg) {
+        console.error('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    // Construct the URL with query parameters
+    const url = new URL(endpoint, api_cfg['base_url']);
+    Object.keys(params).forEach((key) => url.searchParams.append(key, params[key]));
+
+    // Clean the headers
+    const headers_cleaned: Record<string, string> = {};
+    for (const prop in api_cfg['headers']) {
+        const prop_cleaned = prop.replaceAll('_', '-');
+        headers_cleaned[prop_cleaned] = api_cfg['headers'][prop];
+    }
+
+    if (log_lvl > 1) {
+        console.log('Cleaned Headers:', headers_cleaned);
+    }
+
+    const fetchOptions: RequestInit = {
+        method: 'DELETE',
+        headers: {
+            ...headers_cleaned,
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+    };
+
+    if (log_lvl > 1) {
+        console.log('Fetch Options:', fetchOptions);
+    }
+
+    for (let attempt = 1; attempt <= retry_count; attempt++) {
+        try {
+            const response = await fetch(url.toString(), fetchOptions);
+
+            if (log_lvl) {
+                console.log(`Response: status=${response.status} attempt=${attempt}`);
+            }
+
+            if (!response.ok) {
+                if (response.status === 404) {
+                    console.warn('404 Not Found. Returning null.');
+                    return null; // Returning null since there were no results
+                }
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            const json = await response.json();
+
+            if (log_lvl > 1) {
+                console.log('Response JSON:', json);
+            }
+
+            // Return the response data or metadata
+            return return_meta ? json : json.data;
+        } catch (error) {
+            console.error(`API DELETE error on attempt ${attempt}:`, error);
+
+            // If this is the last attempt, return false
+            if (attempt === retry_count) {
+                console.error('Max retry attempts reached. Returning false.');
+                return false;
+            }
+
+            // Log retry information
+            if (log_lvl) {
+                console.log(`Retrying... (${attempt}/${retry_count})`);
+            }
+        }
+    }
+
+    // https://stackoverflow.com/questions/51069552/axios-delete-request-with-body-and-headers
+
+    // let axios_api = axios.create({
+    //     baseURL: api_cfg['base_url'],
+    //     // timeout: 2000,
+    //     /* other custom settings */
+    // });
+    // axios_api.defaults.headers = api_cfg['headers'];
+
+    // //OLD: axios_api.delete(endpoint, { 'data': data })
+    // let response_data = await axios_api.delete(endpoint, { params: params, 'data': data })
+    // .then(function (response) {
+    //     console.log(response.data);
+    //     return response.data;
+    // })
+    // .catch(function (error: any) {
+    //     if (error.response && error.response.status === 404) {
+    //         return null; // Returning null since there were no results
+    //     }
+    //     console.log(error);
+    //     return false; // Returning false since something may have gone wrong. Also more in line with what the API returns.
+    //     // return error;
+    // });
+
+    // if (log_lvl > 1) {
+    //     console.log(response_data);
+    // }
+    // return response_data;
+};

src/lib/ae_api/api_get__crud_obj_id.ts

@@ -0,0 +1,172 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { get_object } from './api_get_object';
+
+// Updated 2023-12-01
+export async function get_ae_obj_id_crud({
+    api_cfg,
+    no_account_id = false,
+    obj_type,
+    obj_id,
+    use_alt_table = false,
+    use_alt_base = false,
+    inc = {},
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 999999,
+    offset = 0,
+    data = {},
+    // key,
+    // jwt = null,
+    headers = {},
+    params = {},
+    timeout = 25000,
+    return_meta = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    no_account_id?: boolean;
+    obj_type: string;
+    obj_id: string;
+    use_alt_table?: boolean;
+    use_alt_base?: boolean;
+    inc?: any;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    data?: any;
+    // key: string,
+    // jwt?: string,
+    headers?: any;
+    params?: key_val;
+    timeout?: number;
+    return_meta?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log('*** get_ae_obj_id_crud() ***');
+    }
+
+    // data = {};
+    // data['super_key'] = key;
+    // data['jwt'] = jwt;
+    // NOTE: The key and or JWT should be in the header of the DELETE, GET, PATCH, POST
+
+    let endpoint = '';
+    if (obj_type == 'account') {
+        endpoint = `/crud/account/${obj_id}`;
+    } else if (obj_type == 'address') {
+        endpoint = `/crud/address/${obj_id}`;
+    } else if (obj_type == 'archive') {
+        endpoint = `/crud/archive/${obj_id}`;
+    } else if (obj_type == 'archive_content') {
+        endpoint = `/crud/archive/content/${obj_id}`;
+    } else if (obj_type == 'contact') {
+        endpoint = `/crud/contact/${obj_id}`;
+    } else if (obj_type == 'data_store') {
+        endpoint = `/crud/data_store/${obj_id}`;
+    } else if (obj_type == 'event') {
+        endpoint = `/crud/event/${obj_id}`;
+    } else if (obj_type == 'event_abstract') {
+        endpoint = `/crud/event/abstract/${obj_id}`;
+    } else if (obj_type == 'event_badge') {
+        endpoint = `/crud/event/badge/${obj_id}`;
+    } else if (obj_type == 'event_device') {
+        endpoint = `/crud/event/device/${obj_id}`;
+    } else if (obj_type == 'event_exhibit') {
+        endpoint = `/crud/event/exhibit/${obj_id}`;
+    } else if (obj_type == 'event_exhibit_tracking') {
+        endpoint = `/crud/event/exhibit/tracking/${obj_id}`;
+    } else if (obj_type == 'event_file') {
+        endpoint = `/crud/event/file/${obj_id}`;
+    } else if (obj_type == 'event_location') {
+        endpoint = `/crud/event/location/${obj_id}`;
+    } else if (obj_type == 'event_person') {
+        endpoint = `/crud/event/person/${obj_id}`;
+    } else if (obj_type == 'event_presentation') {
+        endpoint = `/crud/event/presentation/${obj_id}`;
+    } else if (obj_type == 'event_presenter') {
+        endpoint = `/crud/event/presenter/${obj_id}`;
+    } else if (obj_type == 'event_session') {
+        endpoint = `/crud/event/session/${obj_id}`;
+    } else if (obj_type == 'event_track') {
+        endpoint = `/crud/event/track/${obj_id}`;
+    } else if (obj_type == 'grant') {
+        endpoint = `/crud/grant/${obj_id}`;
+    } else if (obj_type == 'hosted_file') {
+        endpoint = `/crud/hosted_file/${obj_id}`;
+    } else if (obj_type == 'journal') {
+        endpoint = `/crud/journal/${obj_id}`;
+    } else if (obj_type == 'journal_entry') {
+        endpoint = `/crud/journal/entry/${obj_id}`;
+    } else if (obj_type == 'order') {
+        endpoint = `/crud/order/${obj_id}`;
+    } else if (obj_type == 'order_line') {
+        endpoint = `/crud/order/line/${obj_id}`;
+    } else if (obj_type == 'page') {
+        endpoint = `/crud/page/${obj_id}`;
+    } else if (obj_type == 'person') {
+        endpoint = `/crud/person/${obj_id}`;
+    } else if (obj_type == 'post') {
+        endpoint = `/crud/post/${obj_id}`;
+    } else if (obj_type == 'post_comment') {
+        endpoint = `/crud/post/comment/${obj_id}`;
+    } else if (obj_type == 'site') {
+        endpoint = `/crud/site/${obj_id}`;
+    } else if (obj_type == 'site_domain') {
+        endpoint = `/crud/site/domain/${obj_id}`;
+    } else if (obj_type == 'sponsorship_cfg') {
+        endpoint = `/crud/sponsorship/cfg/${obj_id}`;
+    } else if (obj_type == 'sponsorship') {
+        endpoint = `/crud/sponsorship/${obj_id}`;
+        // } else if (obj_type == 'user') {
+        //     endpoint = `/crud/user/${obj_id}`;
+    } else {
+        console.log(`Unknown object type: ${obj_type}`);
+        return false;
+    }
+    if (log_lvl) {
+        console.log('Endpoint:', endpoint);
+    }
+
+    params['use_alt_table'] = use_alt_table;
+    params['use_alt_base'] = use_alt_base;
+
+    if (log_lvl) {
+        console.log('Params:', params);
+    }
+
+    if (no_account_id) {
+        headers['x-no-account-id'] = 'Nothing to See Here';
+        delete headers['x-account-id'];
+        delete api_cfg['headers']['x-account-id'];
+        // headers['x-account-id'] = null;
+        // headers['x-account-id'] = '_XY7DXtc9Mxx';
+        // params['x_no_account_id_token'] = 'Nothing to See Here';
+
+        // Remove the x-account-id header
+        // if (headers['x-account-id']) {
+        //     delete headers['x-account-id'];
+        // }
+
+        // headers['x-account-id'] = null;
+        // headers['x-no-account-id-token'] = 'Nothing to See Here'; // get_object() will fix the underscores to dashes
+    }
+
+    const object_obj_get_promise = await get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        headers: headers,
+        params: params,
+        timeout: timeout,
+        log_lvl: log_lvl
+    }).catch(function (error: any) {
+        console.log('API GET CRUD object ID request failed.', error);
+    });
+
+    if (log_lvl > 1) {
+        console.log('GET Object result =', object_obj_get_promise);
+    }
+
+    return object_obj_get_promise;
+}

src/lib/ae_api/api_get__crud_obj_li_v1.ts

@@ -0,0 +1,229 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { get_object } from './api_get_object';
+
+// The lookup "obj_type" should broken out into a separate function. - 2024-08-07
+// Updated 2023-11-15
+export async function get_ae_obj_li_for_obj_id_crud({
+    api_cfg,
+    obj_type,
+    for_obj_type,
+    for_obj_id, // NOTE: Changed 2023-12-06 to no longer required
+    use_alt_table = false,
+    use_alt_base = false,
+    // inc = {},
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    order_by_li = null,
+    limit = 999999,
+    offset = 0,
+    // key,
+    // jwt = null,
+    headers = {},
+    params_json = null, // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the API endpoint. Example: { "fulltext_search": { "default_qry_str": "Search string for default", "address_default_qry_str": "Search string for address", "contact_1_default_qry_str": "Search string for contact_1" } }
+    // json_obj = null, // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the search endpoint.
+    params = {},
+    return_meta = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    obj_type: string;
+    for_obj_type: null | string;
+    for_obj_id?: string;
+    use_alt_table?: boolean;
+    use_alt_base?: boolean;
+    // inc?: key_val
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    order_by_li?: any;
+    limit?: number;
+    offset?: number;
+    // key: string,
+    // jwt?: string,
+    headers?: any;
+    params_json?: any;
+    // json_obj?: any,
+    params?: key_val;
+    return_meta?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** get_ae_obj_li_for_obj_id_crud() *** [${obj_type}]`);
+    }
+
+    // data = {};
+    // data['super_key'] = key;
+    // data['jwt'] = jwt;
+    // NOTE: The key and or JWT should be in the header of the DELETE, GET, PATCH, POST
+
+    // const endpoint = `/crud/${obj_type}/list`;
+
+    let endpoint = '';
+    if (obj_type == 'account') {
+        endpoint = `/crud/account/list`;
+    } else if (obj_type == 'address') {
+        endpoint = `/crud/address/list`;
+    } else if (obj_type == 'archive') {
+        endpoint = `/crud/archive/list`;
+    } else if (obj_type == 'archive_content') {
+        endpoint = `/crud/archive/content/list`;
+    } else if (obj_type == 'contact') {
+        endpoint = `/crud/contact/list`;
+    } else if (obj_type == 'data_store') {
+        endpoint = `/crud/data_store/list`;
+    } else if (obj_type == 'event') {
+        endpoint = `/crud/event/list`;
+    } else if (obj_type == 'event_abstract') {
+        endpoint = `/crud/event/abstract/list`;
+    } else if (obj_type == 'event_badge') {
+        endpoint = `/crud/event/badge/list`;
+    } else if (obj_type == 'event_device') {
+        endpoint = `/crud/event/device/list`;
+    } else if (obj_type == 'event_exhibit') {
+        endpoint = `/crud/event/exhibit/list`;
+    } else if (obj_type == 'event_exhibit_tracking') {
+        endpoint = `/crud/event/exhibit/tracking/list`;
+    } else if (obj_type == 'event_file') {
+        endpoint = `/crud/event/file/list`;
+    } else if (obj_type == 'event_location') {
+        endpoint = `/crud/event/location/list`;
+    } else if (obj_type == 'event_person') {
+        endpoint = `/crud/event/person/list`;
+    } else if (obj_type == 'event_presentation') {
+        endpoint = `/crud/event/presentation/list`;
+    } else if (obj_type == 'event_presenter') {
+        endpoint = `/crud/event/presenter/list`;
+    } else if (obj_type == 'event_session') {
+        endpoint = `/crud/event/session/list`;
+    } else if (obj_type == 'event_track') {
+        endpoint = `/crud/event/track/list`;
+    } else if (obj_type == 'grant') {
+        endpoint = `/crud/grant/list`;
+    } else if (obj_type == 'hosted_file') {
+        endpoint = `/crud/hosted_file/list`;
+    } else if (obj_type == 'journal') {
+        endpoint = `/crud/journal/list`;
+    } else if (obj_type == 'journal_entry') {
+        endpoint = `/crud/journal/entry/list`;
+    } else if (obj_type == 'order') {
+        endpoint = `/crud/order/list`;
+    } else if (obj_type == 'order_line') {
+        endpoint = `/crud/order/line/list`;
+    } else if (obj_type == 'page') {
+        endpoint = `/crud/page/list`;
+    } else if (obj_type == 'person') {
+        endpoint = `/crud/person/list`;
+    } else if (obj_type == 'post') {
+        endpoint = `/crud/post/list`;
+    } else if (obj_type == 'post_comment') {
+        endpoint = `/crud/post/comment/list`;
+    } else if (obj_type == 'site') {
+        endpoint = `/crud/site/list`;
+    } else if (obj_type == 'sponsorship_cfg') {
+        endpoint = `/crud/sponsorship/cfg/list`;
+    } else if (obj_type == 'sponsorship') {
+        endpoint = `/crud/sponsorship/list`;
+        // } else if (obj_type == 'user') {
+        //     endpoint = `/crud/user/list`;
+    } else if (obj_type == 'lu' && for_obj_type == 'country_subdivision') {
+        endpoint = `/crud/lu/country_subdivision/list`;
+        for_obj_type = null;
+    } else if (obj_type == 'lu' && for_obj_type == 'country') {
+        endpoint = `/crud/lu/country/list`;
+        for_obj_type = null;
+    } else if (obj_type == 'lu' && for_obj_type == 'time_zone') {
+        endpoint = `/crud/lu/time_zone/list`;
+        for_obj_type = null;
+    } else {
+        console.log(`Unknown object type: ${obj_type}`);
+        return false;
+    }
+    if (log_lvl) {
+        console.log('Endpoint:', endpoint);
+    }
+
+    if (for_obj_type) {
+        params['for_obj_type'] = for_obj_type;
+    }
+    if (for_obj_id) {
+        params['for_obj_id'] = for_obj_id;
+    }
+
+    params['use_alt_table'] = use_alt_table;
+    params['use_alt_base'] = use_alt_base;
+
+    /* Need to deal with inc params here */
+
+    const allowed_enabled_list = ['all', 'enabled', 'not_enabled'];
+    if (allowed_enabled_list.includes(enabled)) {
+        params['enabled'] = enabled;
+    }
+
+    const allowed_hidden_list = ['all', 'hidden', 'not_hidden'];
+    if (allowed_hidden_list.includes(hidden)) {
+        params['hidden'] = hidden;
+    }
+
+    // NOTE: The order_by_li variable is in the "headers" because if is a the URL GET params do not handle multiple values very well. Maybe base64 encore in the future or something? Reminder that GET requests should not have a body (no JSON).
+    // NOTE: The order_by_li should be a key value pair of the property/DB field to sort and how to sort (ASC or DESC)
+    if (order_by_li) {
+        if (log_lvl) {
+            console.log('Order By:', order_by_li);
+        }
+        headers['order_by_li'] = order_by_li;
+    }
+
+    if (limit >= 0) {
+        params['limit'] = limit;
+    }
+
+    if (offset >= 0) {
+        params['offset'] = offset;
+    }
+
+    if (params_json) {
+        // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the search endpoint.
+        // Max characters for a GET request is 2083. This is a limitation of the browser (Microsoft IE and Edge).
+        if (log_lvl) {
+            console.log('JSON Object:', params_json);
+            console.log(JSON.stringify(params_json));
+        }
+        // NOTE: "jp" stands for "JSON Params"
+        params['jp'] = encodeURIComponent(JSON.stringify(params_json));
+        if (params['jp'].length > 2083) {
+            console.log(
+                `The JSON object is too large to be used as a GET parameter. The overall max URL length is 2083 characters. Please use the POST endpoint instead. Length = ${params['jp'].length} [THIS DOES NOT EXIST YET]`
+            );
+            return false;
+        }
+    }
+
+    // if (json_obj) {
+    //     // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the search endpoint.
+    //     // Max characters for a GET request is 2083. This is a limitation of the browser (Microsoft IE and Edge).
+    //     console.log('JSON Object:', json_obj);
+    //     params['json_str'] = encodeURIComponent(JSON.stringify(json_obj));
+    //     if (params['json_str'].length > 2083) {
+    //         console.log(`The JSON object is too large to be used as a GET parameter. The overall max URL length is 2083 characters. Please use the POST endpoint instead. Length = ${params['json_str'].length} [THIS DOES NOT EXIST YET]`);
+    //         return false;
+    //     }
+    // }
+
+    if (log_lvl) {
+        console.log('Params:', params);
+    }
+
+    const object_li_get_promise = await get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        headers: headers,
+        params: params,
+        return_meta: return_meta,
+        log_lvl: log_lvl
+    });
+
+    if (log_lvl > 1) {
+        console.log(object_li_get_promise);
+    }
+
+    return object_li_get_promise;
+}

src/lib/ae_api/api_get__crud_obj_li_v2.ts

@@ -0,0 +1,174 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { get_object } from './api_get_object';
+
+// Refactored 2025-11-13 to use a lookup map for endpoints.
+const objTypeToEndpointMap: Record<string, string> = {
+    account: '/crud/account/list',
+    address: '/crud/address/list',
+    archive: '/crud/archive/list',
+    archive_content: '/crud/archive/content/list',
+    contact: '/crud/contact/list',
+    data_store: '/crud/data_store/list',
+    event: '/crud/event/list',
+    event_abstract: '/crud/event/abstract/list',
+    event_badge: '/crud/event/badge/list',
+    event_badge_template: '/crud/event/badge/template/list',
+    event_device: '/crud/event/device/list',
+    event_exhibit: '/crud/event/exhibit/list',
+    event_exhibit_tracking: '/crud/event/exhibit/tracking/list',
+    event_file: '/crud/event/file/list',
+    event_location: '/crud/event/location/list',
+    event_person: '/crud/event/person/list',
+    event_presentation: '/crud/event/presentation/list',
+    event_presenter: '/crud/event/presenter/list',
+    event_session: '/crud/event/session/list',
+    event_track: '/crud/event/track/list',
+    grant: '/crud/grant/list',
+    hosted_file: '/crud/hosted_file/list',
+    journal: '/crud/journal/list',
+    journal_entry: '/crud/journal/entry/list',
+    order: '/crud/order/list',
+    order_line: '/crud/order/line/list',
+    page: '/crud/page/list',
+    person: '/crud/person/list',
+    post: '/crud/post/list',
+    post_comment: '/crud/post/comment/list',
+    site: '/crud/site/list',
+    sponsorship_cfg: '/crud/sponsorship/cfg/list',
+    sponsorship: '/crud/sponsorship/list',
+    // user: '/crud/user/list',
+    'lu-country_subdivision': '/crud/lu/country_subdivision/list',
+    'lu-country': '/crud/lu/country/list',
+    'lu-time_zone': '/crud/lu/time_zone/list'
+};
+
+function getEndpointForObjType(obj_type: string, for_obj_type?: string): string {
+    if (obj_type === 'lu' && for_obj_type) {
+        const key = `lu-${for_obj_type}`;
+        const endpoint = objTypeToEndpointMap[key];
+        if (endpoint) return endpoint;
+    }
+
+    const endpoint = objTypeToEndpointMap[obj_type];
+    if (endpoint) return endpoint;
+
+    throw new Error(`Unknown object type: ${obj_type}`);
+}
+
+type OrderBy = { [key: string]: 'ASC' | 'DESC' };
+
+interface GetAeObjLiForObjIdCrudV2Params {
+    api_cfg: any; // Consider defining a specific type for api_cfg
+    obj_type: string;
+    for_obj_type: string;
+    for_obj_id?: string;
+    use_alt_tbl?: boolean | string;
+    use_alt_mdl?: boolean | string;
+    use_alt_exp?: boolean | string;
+    inc?: key_val;
+    enabled?: 'all' | 'enabled' | 'not_enabled';
+    hidden?: 'all' | 'hidden' | 'not_hidden';
+    order_by_li?: OrderBy[] | null;
+    limit?: number;
+    offset?: number;
+    headers?: Record<string, string>;
+    params_json?: any;
+    params?: key_val;
+    log_lvl?: number;
+}
+
+export async function get_ae_obj_li_for_obj_id_crud_v2({
+    api_cfg,
+    obj_type,
+    for_obj_type,
+    for_obj_id,
+    use_alt_tbl = false,
+    use_alt_mdl = false,
+    use_alt_exp = false,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    order_by_li = null,
+    limit = 999999,
+    offset = 0,
+    headers = {},
+    params_json = null,
+    params = {},
+    log_lvl = 0
+}: GetAeObjLiForObjIdCrudV2Params) {
+    if (log_lvl) {
+        console.log('*** get_ae_obj_li_for_obj_id_crud_v2() ***');
+    }
+
+    try {
+        const endpoint = `/v2${getEndpointForObjType(obj_type, for_obj_type)}`;
+        if (log_lvl) {
+            console.log('Endpoint:', endpoint);
+        }
+
+        // We need to remove a few parameters from the params object that are not allowed.
+        delete params['qry__enabled'];
+        delete params['qry__hidden'];
+        delete params['qry__limit'];
+        delete params['qry__offset'];
+
+        if (for_obj_type) params['for_obj_type'] = for_obj_type;
+        if (for_obj_id) params['for_obj_id'] = for_obj_id;
+
+        if (use_alt_tbl === true) params['tbl_alt'] = 'alt';
+        if (use_alt_mdl === true) params['mdl_alt'] = 'alt';
+        if (use_alt_exp === true) params['exp_alt'] = 'alt';
+
+        const allowed_enabled_list = ['all', 'enabled', 'not_enabled'];
+        if (allowed_enabled_list.includes(enabled)) {
+            params['enabled'] = enabled;
+        }
+
+        const allowed_hidden_list = ['all', 'hidden', 'not_hidden'];
+        if (allowed_hidden_list.includes(hidden)) {
+            params['hidden'] = hidden;
+        }
+
+        // NOTE: The order_by_li variable is in the "headers" because URL GET params do not handle complex objects very well.
+        if (order_by_li) {
+            headers['order_by_li'] = JSON.stringify(order_by_li);
+        }
+
+        if (limit > 0) params['limit'] = limit;
+        if (offset > 0) params['offset'] = offset;
+
+        if (params_json) {
+            // NOTE: "jp" stands for "JSON Params". This is a JSON object that needs to be safely converted to a string for the params.
+            // Max characters for a GET request is ~2000. This is a limitation of the browser.
+            const json_params_str = encodeURIComponent(JSON.stringify(params_json));
+            if (json_params_str.length > 2083) {
+                // Using console.error instead of throwing an error to avoid crashing the app for a known limitation.
+                console.error(
+                    `The JSON object is too large to be used as a GET parameter. Max length is 2083 characters. Length = ${json_params_str.length}`
+                );
+                return false;
+            }
+            params['jp'] = json_params_str;
+        }
+
+        if (log_lvl) {
+            console.log('Params:', params);
+        }
+
+        const object_li_get_promise = await get_object({
+            api_cfg: api_cfg,
+            endpoint: endpoint,
+            headers: headers,
+            params: params,
+            log_lvl: log_lvl
+        });
+
+        if (log_lvl > 1) {
+            console.log(object_li_get_promise);
+        }
+
+        return object_li_get_promise;
+    } catch (error) {
+        console.error('Error in get_ae_obj_li_for_obj_id_crud_v2:', error);
+        return false; // Or handle the error as appropriate
+    }
+}

src/lib/ae_api/api_get_object.ts

@@ -0,0 +1,236 @@
+import type { key_val } from '$lib/stores/ae_stores';
+
+export let temp_get_blob_percent_completed = 0;
+export const get_blob_percent_completed = temp_get_blob_percent_completed;
+
+export const temp_get_object_percent_completed = 0;
+export const get_object_percent_completed = temp_get_object_percent_completed;
+
+export const get_object = async function get_object({
+    api_cfg = null,
+    endpoint = '',
+    headers = {},
+    params = {},
+    data = {},
+    timeout = 60000,
+    return_meta = false,
+    return_blob = false,
+    filename = '',
+    auto_download = false,
+    as_list = false, // Is this still really needed?
+    // The task_id value should be a random string that is unique to the task. This is used to identify the task in the message event.
+    task_id = crypto.randomUUID(),
+    log_lvl = 0,
+    retry_count = 5 // Number of retry attempts
+}: {
+    api_cfg: any;
+    endpoint: string;
+    headers?: any;
+    params?: any;
+    data?: any;
+    timeout?: number;
+    return_meta?: boolean;
+    return_blob?: boolean;
+    filename?: null | string;
+    auto_download?: boolean;
+    as_list?: boolean;
+    task_id?: string;
+    log_lvl?: number;
+    retry_count?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** get_object() *** Endpoint: ${endpoint} AE Task ID: ${task_id}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+        }
+    }
+
+    if (!api_cfg) {
+        console.log('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    const url = new URL(endpoint, api_cfg['base_url']);
+    Object.keys(params).forEach((key) => url.searchParams.append(key, params[key]));
+
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), timeout);
+
+    // Remove a header parameter if it is set to null
+    if (
+        api_cfg['headers'].hasOwnProperty('x-no-account-id') &&
+        api_cfg['headers']['x-no-account-id'] === null
+    ) {
+        delete api_cfg['headers']['x-no-account-id'];
+    }
+
+    // Clean the headers
+    const headers_cleaned: key_val = {};
+    for (const prop in headers) {
+        const prop_cleaned = prop.replaceAll('_', '-');
+        if (typeof headers[prop] != 'string') {
+            headers[prop] = JSON.stringify(headers[prop]);
+        }
+        headers_cleaned[prop_cleaned] = headers[prop];
+        if (log_lvl > 1) {
+            console.log(`${prop_cleaned}: ${headers_cleaned[prop_cleaned]}`);
+        }
+    }
+    headers = headers_cleaned;
+    if (log_lvl > 1) {
+        console.log('All headers cleaned:', headers);
+    }
+
+    const fetchOptions: RequestInit = {
+        method: 'GET',
+        headers: {
+            ...api_cfg['headers'],
+            ...headers
+        },
+        signal: controller.signal
+    };
+
+    if (log_lvl > 1) {
+        console.log('Fetch options:', fetchOptions);
+    }
+
+    let fetch_method: any = fetch;
+    if (api_cfg.fetch) {
+        if (log_lvl > 1) {
+            console.log('Using custom fetch function from api_cfg!!!');
+        }
+        fetch_method = api_cfg.fetch;
+    }
+
+    for (let attempt = 1; attempt <= retry_count; attempt++) {
+        try {
+            const response = await fetch_method(url.toString(), fetchOptions).catch(function (
+                error: any
+            ) {
+                console.log(
+                    'API GET Object *fetch* request was aborted or failed in an unexpected way.',
+                    error
+                );
+            });
+            clearTimeout(timeoutId);
+
+            if (!response) {
+                if (log_lvl > 1) {
+                    console.log(
+                        'API GET Object: Something went wrong with *fetch* request. Returning false? Throwing an error!'
+                    );
+                }
+                throw new Error(
+                    `HTTP fetch request was aborted or failed in an unexpected way! URL = ${url.toString()}`
+                ); // This will allow it to retry
+                // return false; // This will stop the retries
+            }
+
+            if (log_lvl) {
+                console.log(
+                    `Response: status=${response.status} statusText=${response.statusText} url=${response.url} attempt=${attempt}`
+                );
+            }
+            if (log_lvl > 1) {
+                console.log('Response:', response);
+            }
+
+            if (!response.ok) {
+                if (response.status === 404) {
+                    if (log_lvl) {
+                        console.log('The response was a 404 not found "error". Returning null.');
+                    }
+                    return null;
+                }
+                console.log('The response was not ok. Throwing an error!');
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            if (!return_blob) {
+                const json = await response.json();
+                if (log_lvl > 1) {
+                    console.log('Response JSON:', json);
+                }
+                if (!Array.isArray(json.data) && as_list) {
+                    return [json.data];
+                }
+                return json.data || json;
+            } else {
+                const reader = response.body?.getReader();
+                const contentLength = +response.headers.get('Content-Length')!;
+                let receivedLength = 0;
+                const chunks = [];
+
+                while (true) {
+                    const { done, value } = await reader!.read();
+                    if (done) break;
+                    chunks.push(value);
+                    receivedLength += value.length;
+
+                    const percent_completed = Math.round((receivedLength * 100) / contentLength);
+                    if (log_lvl > 1) {
+                        console.log(
+                            'GET Blob Progress:',
+                            percent_completed,
+                            'Total:',
+                            contentLength,
+                            'Loaded:',
+                            receivedLength,
+                            'Percent Completed',
+                            percent_completed
+                        );
+                    }
+
+                    temp_get_blob_percent_completed = percent_completed;
+
+                    try {
+                        if (typeof window !== 'undefined') {
+                            window.postMessage(
+                                {
+                                    type: 'api_download_blob',
+                                    status: 'downloading',
+                                    task_id: task_id,
+                                    endpoint: endpoint,
+                                    filename: filename,
+                                    size_total: contentLength,
+                                    size_loaded: receivedLength,
+                                    percent_completed: percent_completed
+                                },
+                                '*'
+                            );
+                        }
+                    } catch (e) {
+                        console.error('Error posting message:', e);
+                    }
+                }
+
+                const blob = new Blob(chunks);
+                if (auto_download) {
+                    const downloadUrl = window.URL.createObjectURL(blob);
+                    const link = document.createElement('a');
+                    link.href = downloadUrl;
+                    link.setAttribute('download', filename || 'download');
+                    document.body.appendChild(link);
+                    link.click();
+                    link.remove();
+                    return true;
+                } else {
+                    return blob;
+                }
+            }
+        } catch (error) {
+            console.log(`API GET object request *fetch* error on attempt ${attempt}:`, error);
+
+            if (attempt === retry_count) {
+                console.log('Max retry attempts reached. Returning false.');
+                return false;
+            }
+
+            // Log retry information
+            if (log_lvl) {
+                console.log(`Retrying... (${attempt}/${retry_count})`);
+            }
+        }
+    }
+};

src/lib/ae_api/api_get_object_v1.ts

@@ -0,0 +1,526 @@
+import axios from 'axios';
+
+import type { key_val } from '$lib/stores/ae_stores';
+
+export let temp_get_blob_percent_completed = 0;
+// export let get_blob_percent_completed = readable(temp_get_blob_percent_completed);
+export const get_blob_percent_completed = temp_get_blob_percent_completed;
+
+export let temp_get_object_percent_completed = 0;
+// export let get_object_percent_completed = readable(temp_get_object_percent_completed);
+export const get_object_percent_completed = temp_get_object_percent_completed;
+
+// Updated 2024-05-23
+export const get_object = async function get_object({
+    api_cfg = null,
+    endpoint = '',
+    headers = {},
+    params = {},
+    data = {},
+    timeout = 60000,
+    return_meta = false,
+    return_blob = false,
+    filename = '',
+    auto_download = false,
+    as_list = false,
+    // The task_id value should be a random string that is unique to the task. This is used to identify the task in the message event.
+    task_id = crypto.randomUUID(),
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    endpoint: string;
+    headers?: any;
+    params?: any;
+    data?: any;
+    timeout?: number;
+    return_meta?: boolean;
+    return_blob?: boolean;
+    filename?: null | string;
+    auto_download?: boolean;
+    as_list?: boolean;
+    task_id?: string;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** get_object() *** Endpoint: ${endpoint} AE Task ID: ${task_id}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+            console.log(`Base URL: ${api_cfg['base_url']}; Timeout: ${timeout}`);
+            console.log('API Config:', api_cfg);
+        }
+        if (log_lvl > 2) {
+            console.log(
+                `Return Meta: ${return_meta}; Return Blob: ${return_blob}; Filename: ${filename}; Auto Download: ${auto_download}`
+            );
+        }
+    }
+
+    if (!api_cfg) {
+        console.log('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    const axios_api = axios.create({
+        baseURL: api_cfg['base_url'],
+        timeout: timeout // in milliseconds; 60000 = 60 seconds
+        /* other custom settings */
+    });
+    axios_api.defaults.headers = api_cfg['headers'];
+    if (log_lvl) {
+        console.log('axios_api.defaults.headers:', axios_api.defaults.headers);
+        console.log('Additional headers:', headers);
+    }
+
+    // console.log('Clean the headers. No _underscores_!')
+    const headers_cleaned: key_val = {};
+    for (const prop in headers) {
+        // No underscores allowed in the header parameters!
+        const prop_cleaned = prop.replaceAll('_', '-');
+
+        // The value must be a string for the header!
+        if (typeof headers[prop] != 'string') {
+            headers[prop] = JSON.stringify(headers[prop]);
+        }
+
+        headers_cleaned[prop_cleaned] = headers[prop];
+
+        if (log_lvl) {
+            console.log(`${prop_cleaned}: ${headers_cleaned[prop_cleaned]}`);
+        }
+    }
+    headers = headers_cleaned;
+    if (log_lvl) {
+        console.log('All headers cleaned:', headers);
+    }
+
+    if (log_lvl) {
+        console.log('URL params:');
+    }
+    for (const prop in params) {
+        if (log_lvl > 1) {
+            console.log(`URL param: ${prop}: ${params[prop]}`);
+        }
+        if (params[prop] === null) {
+            params[prop] = 'null';
+        }
+    }
+
+    // Handle the case where there is no Blob expected to be returned. Mainly JSON and text data.
+    if (!return_blob) {
+        const response_data_promise = await axios_api
+            .get(endpoint, {
+                headers: headers,
+                params: params,
+                onDownloadProgress: (progressEvent) => {
+                    const percent_completed = Math.round(
+                        (progressEvent.loaded * 100) / progressEvent.total
+                    );
+                    if (log_lvl > 1) {
+                        console.log(
+                            'GET Data Progress:',
+                            progressEvent.progress,
+                            'Total:',
+                            progressEvent.total,
+                            'Loaded:',
+                            progressEvent.loaded,
+                            'Percent Completed',
+                            percent_completed
+                        );
+                    }
+
+                    temp_get_object_percent_completed = percent_completed;
+
+                    // WARNING: This needs to be tied to an object type and ID. This is a temporary solution.
+                    try {
+                        // Check if window is defined. This is to prevent errors in SvelteKit.
+                        if (typeof window !== 'undefined') {
+                            window.postMessage(
+                                {
+                                    type: 'api_download_data',
+                                    status: 'downloading',
+                                    task_id: task_id,
+                                    endpoint: endpoint,
+                                    filename: filename,
+                                    size_total: progressEvent.total,
+                                    size_loaded: progressEvent.loaded,
+                                    percent_completed: percent_completed
+                                },
+                                '*'
+                            );
+                        }
+                    } catch (error) {
+                        console.log('Error posting message to window:', error);
+                    }
+                }
+            })
+            .then(function (response) {
+                if (log_lvl) {
+                    console.log(
+                        `GET Response: status=${response.status} statusText=${response.statusText} baseURL=${response.config.baseURL} url=${response.config.url} method=${response.config.method} headers=${response.config.headers} params=${JSON.stringify(response.config.params)}`
+                    );
+                }
+                if (log_lvl > 1) {
+                    console.log('GET Response:', response);
+                }
+
+                // Post file download message
+                try {
+                    if (typeof window !== 'undefined') {
+                        window.postMessage(
+                            {
+                                type: 'api_download_data',
+                                status: 'complete',
+                                task_id: task_id,
+                                endpoint: endpoint,
+                                filename: filename,
+                                size_total: 0,
+                                size_loaded: 0,
+                                percent_completed: 100
+                            },
+                            '*'
+                        );
+                    }
+                } catch (error) {
+                    console.log('Error posting message to window:', error);
+                }
+
+                if (!Array.isArray(response.data['data']) && as_list) {
+                    if (log_lvl) {
+                        console.log(
+                            'Data result is a dictionary/object, not an array/list. Forcing return as an array/list'
+                        );
+                    }
+                    const return_data = [];
+                    return_data.push(response.data['data']);
+                    return return_data;
+                } else if (response.data['data']) {
+                    const return_data = response.data['data'];
+                    if (log_lvl) {
+                        if (Array.isArray(return_data)) {
+                            console.log(
+                                `Data result is an array/list. Array length: ${return_data.length}`
+                            );
+                        } else {
+                            console.log(`Data result is a dictionary/object, not an array/list.`);
+                        }
+                    }
+                    return return_data;
+                } else {
+                    const return_data = response.data;
+                    if (log_lvl) {
+                        if (Array.isArray(return_data)) {
+                            console.log(
+                                `Not a standard response from Aether's API. Data result is an array/list. Array length: ${return_data.length}`
+                            );
+                        } else {
+                            console.log(
+                                `Not a standard response from Aether's API. Data result is a dictionary/object, not an array/list.`
+                            );
+                        }
+                    }
+                    return return_data;
+                }
+            })
+            .catch(function (error: any) {
+                // Handle the common and expected 404 "error" first
+                if (error.response && error.response.status === 404) {
+                    if (log_lvl) {
+                        console.log('The response was a 404 not found "error". Returning null.');
+                    }
+                    if (log_lvl > 1) {
+                        console.log(error.response);
+                    }
+                    if (log_lvl > 2) {
+                        console.log(error);
+                    }
+
+                    // Post file download message
+                    try {
+                        if (typeof window !== 'undefined') {
+                            window.postMessage(
+                                {
+                                    type: 'api_download_data',
+                                    status: 'complete',
+                                    task_id: task_id,
+                                    endpoint: endpoint,
+                                    filename: filename,
+                                    size_total: 0,
+                                    size_loaded: 0,
+                                    percent_completed: 0
+                                },
+                                '*'
+                            );
+                        }
+                    } catch (error) {
+                        console.log('Error posting message to window:', error);
+                    }
+                    return null; // Returning null since there were no results
+                }
+
+                if (log_lvl) {
+                    console.log(`Base URL: ${api_cfg['base_url']} | Endpoint: ${endpoint}`);
+                    console.log('Error Message:', error.message); // Is this needed here or below in the in the else portion???
+
+                    if (error.response) {
+                        // The request was made and the server responded with a status code that falls out of the range of 2xx
+                        console.log('Error Response Data', error.response.data);
+                        console.log('Error Response Status', error.response.status);
+                        console.log('Error Response Headers', error.response.headers);
+                    } else if (error.request) {
+                        // The request was made but no response was received `error.request` is an instance of XMLHttpRequest in the browser and an instance of http.ClientRequest in node.js
+                        if (log_lvl > 1) {
+                            console.log('Error Request', error.request);
+                        }
+                    } else {
+                        // Something happened in setting up the request that triggered an Error
+                        console.log('Error Message', error.message);
+                    }
+                }
+                if (log_lvl > 2) {
+                    console.log('Error:', error);
+                    console.log(error.config);
+                }
+
+                if (error.code === 'ECONNABORTED') {
+                    // Timeout Error (You can implement retry here where suitable)
+                    console.log('Timeout Error: ', error.message);
+                }
+                if (log_lvl) {
+                    console.log('The response was an error. Returning false.');
+                }
+
+                return false; // Returning false since something may have gone wrong. This includes timeouts. Also more in line with what the API returns.
+                // return error;
+            });
+
+        if (log_lvl > 1) {
+            // console.log(`Response Data: ${response_data_promise}`);
+            console.log(`Response Data:`, response_data_promise);
+            // console.log(response_data_promise);
+        }
+        if (response_data_promise) {
+            // The most common and expected response.
+            // console.log('Returning result. This is generally expected.');
+            return response_data_promise;
+        } else if (response_data_promise === null) {
+            // Less common, but expected response if no results were returned.
+            if (log_lvl) {
+                console.log('Returning null. This is expected if no results were found. (404)');
+            }
+            return response_data_promise;
+        } else if (response_data_promise === false) {
+            // Not common, but expected response if the request to the API had an issue.
+            console.log('Returning false. There may have been an issue with this request.');
+            return response_data_promise;
+        } else {
+            // This generally should not happen. It likely means the query was bad or an API issue.
+            console.log('Returning (JSON/text) unknown. This should not happen in most cases.');
+            Promise.reject(new Error('fail')).then(resolved, rejected);
+        }
+
+        // Handle the case where a Blob is expected to be returned.
+    } else {
+        // console.log('Expecting a Blob to be returned...');
+
+        const response_data_promise = await axios_api
+            .get(endpoint, {
+                params: params,
+                responseType: 'blob',
+                onDownloadProgress: (progressEvent) => {
+                    const percent_completed = Math.round(
+                        (progressEvent.loaded * 100) / progressEvent.total
+                    );
+                    console.log(
+                        'GET Blob Progress:',
+                        progressEvent.progress,
+                        'Total:',
+                        progressEvent.total,
+                        'Loaded:',
+                        progressEvent.loaded,
+                        'Percent Completed',
+                        percent_completed
+                    );
+
+                    temp_get_blob_percent_completed = percent_completed;
+
+                    // WARNING: This needs to be tied to an object type and ID. This is a temporary solution.
+                    try {
+                        if (typeof window !== 'undefined') {
+                            window.postMessage(
+                                {
+                                    type: 'api_download_blob',
+                                    status: 'downloading',
+                                    task_id: task_id,
+                                    endpoint: endpoint,
+                                    filename: filename,
+                                    size_total: progressEvent.total,
+                                    size_loaded: progressEvent.loaded,
+                                    percent_completed: percent_completed
+                                },
+                                '*'
+                            );
+                        }
+                    } catch (error) {
+                        console.log('Error posting message to window:', error);
+                    }
+                }
+            })
+            .then(function (response) {
+                if (log_lvl) {
+                    console.log(
+                        `GET (blob) Response: status=${response.status} statusText=${response.statusText} baseURL=${response.config.baseURL} url=${response.config.url} method=${response.config.method} headers=${response.config.headers} params=${response.config.params}`
+                    );
+                }
+                if (log_lvl > 1) {
+                    console.log('GET (blob) Response:', response);
+                }
+
+                const { data, headers } = response;
+
+                // Careful if this download filename needs to be changed to a different file extension. The browser/client may not know how to handle it.
+                if (filename) {
+                } else if (headers['content-disposition']) {
+                    filename = headers['content-disposition'].replace(/\w+;filename=(.*)/, '$1');
+                } else {
+                    filename = 'unknown_file.ext';
+                }
+
+                // WARNING: This needs to be tied to an object type and ID. This is a temporary solution.
+                try {
+                    if (typeof window !== 'undefined') {
+                        window.postMessage(
+                            {
+                                type: 'api_download_blob',
+                                status: 'complete',
+                                task_id: task_id,
+                                endpoint: endpoint,
+                                filename: filename,
+                                size_total: 0,
+                                size_loaded: 0,
+                                percent_completed: 100
+                            },
+                            '*'
+                        );
+                    }
+                } catch (error) {
+                    console.log('Error posting message to window:', error);
+                }
+
+                if (auto_download) {
+                    if (log_lvl) {
+                        console.log(`Auto Download: ${filename}`);
+                    }
+                    const url = window.URL.createObjectURL(new Blob([response.data]));
+                    const link = document.createElement('a');
+                    link.href = url;
+                    link.setAttribute('download', filename);
+                    document.body.appendChild(link);
+                    link.click();
+                    return true;
+                } else {
+                    return response;
+                }
+            })
+            .catch(function (error: any) {
+                // Handle the common and expected 404 "error" first
+                if (error.response && error.response.status === 404) {
+                    if (log_lvl) {
+                        console.log('The response was a 404 not found "error". Returning null.');
+                    }
+                    if (log_lvl > 1) {
+                        console.log(error.response);
+                    }
+                    if (log_lvl > 2) {
+                        console.log(error);
+                    }
+
+                    // Post file download message
+                    try {
+                        if (typeof window !== 'undefined') {
+                            window.postMessage(
+                                {
+                                    type: 'api_download_blob',
+                                    status: 'complete',
+                                    task_id: task_id,
+                                    endpoint: endpoint,
+                                    filename: filename,
+                                    size_total: 0,
+                                    size_loaded: 0,
+                                    percent_completed: 0
+                                },
+                                '*'
+                            );
+                        }
+                    } catch (error) {
+                        console.log('Error posting message to window:', error);
+                    }
+                    return null; // Returning null since there were no results
+                }
+
+                if (log_lvl) {
+                    console.log(`Base URL: ${api_cfg['base_url']} | Endpoint: ${endpoint}`);
+                    console.log('Error Message:', error.message); // Is this needed here or below in the in the else portion???
+
+                    if (error.response) {
+                        // The request was made and the server responded with a status code that falls out of the range of 2xx
+                        console.log('Error Response Data', error.response.data);
+                        console.log('Error Response Status', error.response.status);
+                        console.log('Error Response Headers', error.response.headers);
+                    } else if (error.request) {
+                        // The request was made but no response was received `error.request` is an instance of XMLHttpRequest in the browser and an instance of http.ClientRequest in node.js
+                        if (log_lvl > 1) {
+                            console.log('Error Request', error.request);
+                        }
+                    } else {
+                        // Something happened in setting up the request that triggered an Error
+                        console.log('Error Message', error.message);
+                    }
+                }
+
+                if (error.code === 'ECONNABORTED') {
+                    // Timeout Error (You can implement retry here where suitable)
+                    console.log('Timeout Error: ', error.message);
+                }
+
+                if (log_lvl) {
+                    console.log('The response was an error. Returning false.');
+                }
+
+                return false; // Returning false since something may have gone wrong. This includes timeouts. Also more in line with what the API returns.
+                // return error;
+            });
+
+        if (response_data_promise) {
+            // The most common and expected response.
+            // console.log('Returning result. This is generally expected.');
+            // let test_blob = new Blob([response_data_promise.data]);
+            // console.log(test_blob);
+            // return test_blob;
+            // console.log(response_data_promise.blob());
+            return response_data_promise;
+        } else if (response_data_promise === null) {
+            // Less common, but expected response if no results were returned.
+            if (log_lvl) {
+                console.log('Returning null. This is expected if no results were found. (404)');
+            }
+            return response_data_promise;
+        } else if (response_data_promise === false) {
+            // Not common, but expected response if the request to the API had an issue.
+            console.log('Returning false. There may have been an issue with this request.');
+            return response_data_promise;
+        } else {
+            // This generally should not happen. It likely means the query was bad or an API issue.
+            console.log('Returning (blob) unknown. This should not happen in most cases.');
+            Promise.reject(new Error('fail')).then(resolved, rejected);
+        }
+    }
+};
+
+function resolved(result: any) {
+    console.log('Resolved');
+}
+
+function rejected(result: any) {
+    console.error(result);
+}

src/lib/ae_api/api_patch_object.ts

@@ -0,0 +1,144 @@
+// import axios from 'axios';
+
+// Updated 2024-05-23
+export const patch_object = async function patch_object({
+    api_cfg = null,
+    endpoint = '',
+    params = {},
+    data = {},
+    return_meta = false,
+    log_lvl = 0,
+    retry_count = 5 // Number of retry attempts
+}: {
+    api_cfg: any;
+    endpoint: string;
+    params?: any;
+    data?: any;
+    return_meta?: boolean;
+    log_lvl?: number;
+    retry_count?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** patch_object() *** Endpoint: ${endpoint}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+        }
+    }
+
+    if (!api_cfg) {
+        console.error('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    // Construct the URL with query parameters
+    const url = new URL(endpoint, api_cfg['base_url']);
+    Object.keys(params).forEach((key) => url.searchParams.append(key, params[key]));
+
+    // Clean the headers
+    const headers_cleaned: Record<string, string> = {};
+    for (const prop in api_cfg['headers']) {
+        const prop_cleaned = prop.replaceAll('_', '-');
+        headers_cleaned[prop_cleaned] = api_cfg['headers'][prop];
+    }
+
+    if (log_lvl > 1) {
+        console.log('Cleaned Headers:', headers_cleaned);
+    }
+
+    const fetchOptions: RequestInit = {
+        method: 'PATCH',
+        headers: {
+            ...headers_cleaned,
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+    };
+
+    if (log_lvl > 1) {
+        console.log('Fetch Options:', fetchOptions);
+    }
+
+    for (let attempt = 1; attempt <= retry_count; attempt++) {
+        try {
+            const response = await fetch(url.toString(), fetchOptions);
+
+            if (log_lvl) {
+                console.log(`Response: status=${response.status} attempt=${attempt}`);
+            }
+
+            if (!response.ok) {
+                if (response.status === 404) {
+                    console.warn('404 Not Found. Returning null.');
+                    return null; // Returning null since there were no results
+                }
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            const json = await response.json();
+
+            if (log_lvl > 1) {
+                console.log('Response JSON:', json);
+            }
+
+            // Return the response data or metadata
+            return return_meta ? json : json.data;
+        } catch (error) {
+            console.error(`API PATCH error on attempt ${attempt}:`, error);
+
+            // If this is the last attempt, return false
+            if (attempt === retry_count) {
+                console.error('Max retry attempts reached. Returning false.');
+                return false;
+            }
+
+            // Log retry information
+            if (log_lvl) {
+                console.log(`Retrying... (${attempt}/${retry_count})`);
+            }
+        }
+    }
+
+    // let axios_api = axios.create({
+    //     baseURL: api_cfg['base_url'],
+    //     /* other custom settings */
+    // });
+    // axios_api.defaults.headers = api_cfg['headers'];
+
+    // for (let attempt = 1; attempt <= retry_count; attempt++) {
+    //     try {
+    //         const response = await axios_api.patch(endpoint, data, { params: params });
+    //         if (log_lvl) {
+    //             console.log(`Response: status=${response.status} attempt=${attempt}`);
+    //         }
+    //         if (log_lvl > 1) {
+    //             console.log('Response Data:', response.data);
+    //         }
+
+    //         // Return the response data
+    //         return response.data['data'];
+    //     } catch (error) {
+    //         if (log_lvl) {
+    //             console.error(`Error on attempt ${attempt}:`, error);
+    //         }
+
+    //         // Handle specific errors (e.g., 404)
+    //         if (error.response && error.response.status === 404) {
+    //             console.warn('404 Not Found. Returning null.');
+    //             return null; // Returning null since there were no results
+    //         }
+
+    //         // If this is the last attempt, return false
+    //         if (attempt === retry_count) {
+    //             console.error('Max retry attempts reached. Returning false.');
+    //             return false;
+    //         }
+
+    //         // Log retry information
+    //         if (log_lvl) {
+    //             console.log(`Retrying... (${attempt}/${retry_count})`);
+    //         }
+    //     }
+    // }
+    // return response_data;
+};

src/lib/ae_api/api_post_object.ts

@@ -0,0 +1,351 @@
+// import axios from 'axios';
+
+export const temp_post_blob_percent_completed = 0;
+export const post_blob_percent_completed = temp_post_blob_percent_completed;
+export const temp_post_object_percent_completed = 0;
+export const post_object_percent_completed = temp_post_object_percent_completed;
+
+// Updated 2024-05-23
+export const post_object = async function post_object({
+    api_cfg = null,
+    endpoint = '',
+    params = {},
+    data = {},
+    form_data = null,
+    return_meta = false,
+    return_blob = false,
+    filename = '',
+    auto_download = false,
+    // The task_id value should be a random string that is unique to the task. This is used to identify the task in the message event.
+    task_id = crypto.randomUUID(),
+    log_lvl = 0,
+    retry_count = 5
+}: {
+    api_cfg: any;
+    endpoint: string;
+    params?: any;
+    data?: any;
+    form_data?: any;
+    return_meta?: boolean;
+    return_blob?: boolean;
+    filename?: string;
+    auto_download?: boolean;
+    task_id?: string;
+    log_lvl?: number;
+    retry_count?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** post_object() *** Endpoint: ${endpoint} Task ID: ${task_id}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+            console.log(typeof data);
+            console.log(`Base URL: ${api_cfg['base_url']}`);
+            console.log('API Config:', api_cfg);
+        }
+        if (log_lvl > 2) {
+            console.log(`Return Meta: ${return_meta}`);
+            console.log(`Return Blob: ${return_blob}`);
+            console.log(`Filename: ${filename}`);
+            console.log(`Auto Download: ${auto_download}`);
+        }
+    }
+
+    // console.log('HERE!! API POST 0');
+
+    if (!api_cfg) {
+        console.error('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    // console.log('HERE!! API POST 1');
+
+    // Construct the URL with query parameters
+    const url = new URL(endpoint, api_cfg['base_url']);
+    if (params) {
+        Object.keys(params).forEach((key) => url.searchParams.append(key, params[key]));
+    }
+
+    // console.log('HERE!! API POST 2');
+
+    // Clean the headers
+    const headers_cleaned: Record<string, string> = {};
+    for (const prop in api_cfg['headers']) {
+        const prop_cleaned = prop.replaceAll('_', '-');
+        headers_cleaned[prop_cleaned] = api_cfg['headers'][prop];
+    }
+
+    // console.log('HERE!! API POST 3');
+
+    if (form_data) {
+        // headers_cleaned['Content-Type'] = 'multipart/form-data';
+        delete headers_cleaned['Content-Type'];
+        delete headers_cleaned['content-type']; // Just in case
+        delete headers_cleaned['Content-type']; // Just in case
+        console.log('Form Data:', form_data);
+    } else {
+        headers_cleaned['Content-Type'] = 'application/json';
+    }
+
+    if (log_lvl > 1) {
+        console.log('Cleaned Headers:', headers_cleaned);
+    }
+
+    // console.log('HERE!! API POST 4');
+
+    for (let attempt = 1; attempt <= retry_count; attempt++) {
+        try {
+            const controller = new AbortController();
+            const fetchOptions: RequestInit = {
+                method: 'POST',
+                headers: headers_cleaned,
+                body: form_data ? form_data : JSON.stringify(data),
+                signal: controller.signal
+            };
+
+            if (log_lvl > 1) {
+                console.log('Fetch Options:', fetchOptions);
+            }
+
+            const response = await fetch(url.toString(), fetchOptions);
+
+            if (log_lvl) {
+                console.log(`Response: status=${response.status} attempt=${attempt}`);
+            }
+
+            if (!response.ok) {
+                if (response.status === 404) {
+                    console.warn('404 Not Found. Returning null.');
+                    return null; // Returning null since there were no results
+                }
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            if (!return_blob) {
+                const json = await response.json();
+
+                if (log_lvl > 1) {
+                    console.log('Response JSON:', json);
+                }
+
+                // Post a message to the window indicating the upload is complete
+                try {
+                    window.postMessage(
+                        {
+                            type: 'api_post_json_form',
+                            status: 'complete',
+                            task_id: task_id,
+                            endpoint: endpoint,
+                            size_total: 0,
+                            size_loaded: 0,
+                            percent_completed: 100,
+                            progress: 100,
+                            rate: 0
+                        },
+                        '*'
+                    );
+                } catch (error) {
+                    console.error('Error posting message to window:', error);
+                }
+
+                // Return the response data or metadata
+                return return_meta ? json : json.data;
+            } else {
+                const blob = await response.blob();
+
+                if (auto_download) {
+                    const downloadUrl = window.URL.createObjectURL(blob);
+                    const link = document.createElement('a');
+                    link.href = downloadUrl;
+                    link.setAttribute('download', filename || 'download');
+                    document.body.appendChild(link);
+                    link.click();
+                    link.remove();
+                    return true;
+                } else {
+                    return blob;
+                }
+            }
+        } catch (error) {
+            console.error(`API POST error on attempt ${attempt}:`, error);
+
+            // If this is the last attempt, return false
+            if (attempt === retry_count) {
+                console.error('Max retry attempts reached. Returning false.');
+                return false;
+            }
+
+            // Log retry information
+            if (log_lvl) {
+                console.log(`Retrying... (${attempt}/${retry_count})`);
+            }
+        }
+    }
+
+    // let axios_api = axios.create({
+    //     baseURL: api_cfg['base_url'],
+    //     /* other custom settings */
+    // });
+    // axios_api.defaults.headers = api_cfg['headers'];
+    // console.log('Axios API', axios_api);
+    // // console.log('Axios API POST', axios_api.post);
+
+    // // if (typeof data == 'FormData') {
+    // if (form_data) {
+    //     axios_api.defaults.headers['content-type'] = 'multipart/form-data';
+    //     data = form_data;
+    // } else {
+    //     axios_api.defaults.headers['content-type'] = 'application/json';
+    // }
+
+    // if (!return_blob) {
+    //     let response_data = await axios_api.post(
+    //         endpoint,
+    //         data,
+    //         {
+    //             params: params,
+    //             onUploadProgress: (progressEvent) => {
+    //                 let percent_completed = Math.round(
+    //                     (progressEvent.loaded * 100) / progressEvent.total
+    //                 );
+    //                 console.log('POST Progress:', progressEvent.progress, 'Total:', progressEvent.total, 'Loaded:', progressEvent.loaded, 'Percent Completed', percent_completed);
+
+    //                 temp_post_object_percent_completed = percent_completed;
+
+    //                 try {
+    //                     window.postMessage({
+    //                         type: 'api_post_json_form',
+    //                         status: 'uploading',
+    //                         task_id: task_id,
+    //                         endpoint: endpoint,
+    //                         size_total: progressEvent.total,
+    //                         size_loaded: progressEvent.loaded,
+    //                         percent_completed: percent_completed,
+    //                         progress: progressEvent.progress,
+    //                         rate: progressEvent.rate,
+    //                         },
+    //                         '*'
+    //                     );
+    //                 } catch (error) {
+    //                     console.log('Error posting message to window:', error);
+    //                 }
+    //             }
+    //         }
+    //     )
+    //     .then(function (response) {
+    //         console.log('POST Response Data:', response.data);
+    //         try {
+    //             window.postMessage({
+    //                 type: 'api_post_json_form',
+    //                 status: 'complete',
+    //                 task_id: task_id,
+    //                 endpoint: endpoint,
+    //                 size_total: 0,
+    //                 size_loaded: 0,
+    //                 percent_completed: 100,
+    //                 progress: 100,
+    //                 rate: 0,
+    //                 },
+    //                 '*'
+    //             );
+    //         } catch (error) {
+    //             console.log('Error posting message to window:', error);
+    //         }
+
+    //         if (response.data['data'].result === null) {
+    //             // This should mean that the request was successful, but a result of None/null was returned from Aether API.
+    //             // console.log('Returning null after POST');
+    //             return null;
+    //         } else {
+    //             // This should mean that the request was successful, and a result with data was returned from Aether API.
+    //             // console.log('Returning data after POST');
+    //             return response.data['data'];
+    //         }
+    //         //return response.data;
+    //     })
+    //     .catch(function (error: any) {
+    //         if (error.response && error.response.status === 404) {
+    //             return null; // Returning null since there were no results
+    //         }
+    //         console.log(error);
+    //         return false; // Returning false since something may have gone wrong. Also more in line with what the API returns.
+    //         // return error;
+    //     });
+
+    //     if (log_lvl > 1) {
+    //         console.log('Response Data:', response_data);
+    //     }
+    //     axios_api.defaults.headers['content-type'] = 'application/json';
+    //     return response_data;
+
+    // } else {
+    //     // console.log('Expecting a Blob to be returned...');
+
+    //     let response_data_promise = await axios_api.post(
+    //             endpoint,
+    //             data,
+    //             {
+    //                 params: params,
+    //                 responseType: 'blob',
+    //                 onDownloadProgress: (progressEvent) => {
+    //                     let percent_completed = Math.round(
+    //                         (progressEvent.loaded * 100) / progressEvent.total
+    //                     );
+    //                     console.log('POST Blob Progress:', progressEvent.progress, 'Total:', progressEvent.total, 'Loaded:', progressEvent.loaded, 'Percent Completed', percent_completed);
+
+    //                     temp_post_blob_percent_completed = percent_completed;
+    //                 }
+    //             }
+    //         )
+    //     .then(function (response) {
+    //         if (log_lvl) {
+    //             console.log(response);
+    //         }
+
+    //         const { data, headers } = response
+    //         console.log(headers);
+
+    //         if (filename) {
+    //         } else if (headers['content-disposition']) {
+    //             filename = headers['content-disposition'].replace(/\w+;filename=(.*)/, '$1');
+    //         } else {
+    //             filename = 'unknown_file.ext';
+    //         }
+
+    //         if (auto_download) {
+    //             const url = window.URL.createObjectURL(new Blob([response.data]));
+    //             const link = document.createElement('a');
+    //             link.href = url;
+    //             // link.setAttribute('download', 'event_exhibit_tracking_export.xlsx'); //or any other extension
+    //             link.setAttribute('download', filename); //or any other extension
+    //             document.body.appendChild(link);
+    //             link.click();
+    //             return true;
+    //         } else {
+    //             return response;
+    //         }
+    //     });
+
+    //     if (response_data_promise) {
+    //         // The most common and expected response.
+    //         // console.log('Returning result. This is generally expected.');
+    //         // let test_blob = new Blob([response_data_promise.data]);
+    //         // console.log(test_blob);
+    //         // return test_blob;
+    //         // console.log(response_data_promise.blob());
+    //         return response_data_promise;
+    //     } else {
+    //         // This generally should not happen. It likely means the query was bad or an API issue.
+    //         console.log('Returning unknown. This should not happen in most cases.');
+    //         Promise.reject(new Error('fail')).then(resolved, rejected);
+    //     }
+    // }
+};
+
+// function resolved(result: any) {
+//     console.log('Resolved');
+// }
+
+// function rejected(result: any) {
+//     console.error(result);
+// }

src/lib/ae_archives/README.md

@@ -0,0 +1,28 @@
+# Aether (AE) Archives Module
+
+The Archives module is a system for storing and retrieving archived data. It is composed of two main data structures: `Archive` and `Archive_Content`.
+
+## Data Structures
+
+### Archive
+
+An `Archive` is a container for a collection of `Archive_Content` items. It has a name, description, and other metadata.
+
+### Archive Content
+
+An `Archive_Content` item represents a single piece of content within an `Archive`. This can be text, a file, a URL, or other data.
+
+## Functionality
+
+This module provides the following functionality:
+
+- **CRUD Operations:** Create, Read, Update, and Delete operations for both `Archive` and `Archive_Content` objects.
+- **Local Caching:** Uses Dexie.js to cache data in the browser's IndexedDB for offline access and faster load times.
+- **API Interaction:** All data operations are synced with the backend API.
+
+## Files
+
+- `ae_archives__archive.ts`: Contains functions for managing `Archive` objects.
+- `ae_archives__archive_content.ts`: Contains functions for managing `Archive_Content` objects.
+- `ae_archives_functions.ts`: Exports all the functions from the module for easy use in other parts of the application.
+- `db_archives.ts`: Defines the IndexedDB schema for the archives module using Dexie.js.

src/lib/ae_archives/ae_archives__archive.ts

@@ -0,0 +1,892 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+import { db_archives } from '$lib/ae_archives/db_archives';
+
+import { load_ae_obj_li__archive_content } from '$lib/ae_archives/ae_archives__archive_content';
+
+const ae_promises: key_val = {};
+
+// Updated 2024-09-25
+export async function load_ae_obj_id__archive({
+    api_cfg,
+    archive_id,
+    inc_content_li = false,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 99,
+    offset = 0,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    archive_id: string;
+    inc_content_li?: boolean;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__archive() *** archive_id=${archive_id}`);
+    }
+
+    ae_promises.load__archive_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'archive',
+            obj_id: archive_id,
+            use_alt_table: true,
+            use_alt_base: false,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (archive_obj_get_result) {
+            if (archive_obj_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__archive_props({
+                        obj_li: [archive_obj_get_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_archives,
+                        table_name: 'archive',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // // This is expecting a list
+                    // db_save_ae_obj_li__archive({
+                    //     obj_type: 'archive',
+                    //     obj_li: [archive_obj_get_result]
+                    // });
+                }
+                return archive_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__archive_obj:', ae_promises.load__archive_obj);
+    }
+
+    if (inc_content_li) {
+        // Load the contents for the archive
+        if (log_lvl) {
+            console.log(`Need to load the content list for the archive now`);
+        }
+        const load_archive_content_obj_li = load_ae_obj_li__archive_content({
+            api_cfg: api_cfg,
+            for_obj_type: 'archive',
+            for_obj_id: archive_id,
+            enabled: enabled, // all, disabled, enabled
+            hidden: hidden, // all, hidden, not_hidden
+            limit: limit, // Limit for the comments
+            offset: offset,
+            params: params,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        }).then((archive_content_obj_li) => {
+            if (log_lvl) {
+                console.log(`archive_content_obj_li = `, archive_content_obj_li);
+            }
+            return archive_content_obj_li;
+        });
+
+        if (log_lvl) {
+            console.log(`archive_content_obj_li = `, load_archive_content_obj_li);
+        }
+        ae_promises.load__archive_obj.archive_content_li = load_archive_content_obj_li;
+    }
+
+    return ae_promises.load__archive_obj;
+}
+
+// Updated 2024-11-20
+export async function load_ae_obj_li__archive({
+    api_cfg,
+    for_obj_type = 'account',
+    for_obj_id,
+    inc_content_li = false,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 99,
+    offset = 0,
+    order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        name: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    for_obj_type: string;
+    for_obj_id: string;
+    inc_content_li?: boolean;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_li__archive() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`
+        );
+    }
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__archive_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'archive',
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            use_alt_tbl: false,
+            use_alt_mdl: false,
+            use_alt_exp: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (archive_obj_li_get_result) {
+            if (archive_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__archive_props({
+                        obj_li: archive_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_archives,
+                        table_name: 'archive',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__archive({
+                    //     obj_type: 'archive',
+                    //     obj_li: archive_obj_li_get_result
+                    // });
+                }
+                return archive_obj_li_get_result;
+            } else {
+                return [];
+            }
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__archive_obj_li:', ae_promises.load__archive_obj_li);
+    }
+
+    if (inc_content_li) {
+        // Load the contents for the archives
+        if (log_lvl) {
+            console.log(`Need to load the content list for each archive now`);
+        }
+        for (let i = 0; i < ae_promises.load__archive_obj_li.length; i++) {
+            const archive_obj = ae_promises.load__archive_obj_li[i];
+            const archive_id = archive_obj.archive_id_random;
+
+            const load_archive_content_obj_li = load_ae_obj_li__archive_content({
+                api_cfg: api_cfg,
+                for_obj_type: 'archive',
+                for_obj_id: archive_id,
+                enabled: enabled, // all, disabled, enabled
+                hidden: hidden, // all, hidden, not_hidden
+                limit: limit, // Limit for the comments
+                offset: offset,
+                params: params,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            }).then((archive_content_obj_li) => {
+                if (log_lvl) {
+                    console.log(`archive_content_obj_li = `, archive_content_obj_li);
+                }
+
+                return archive_content_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_archive_content_obj_li = `, load_archive_content_obj_li);
+            }
+
+            if (load_archive_content_obj_li) {
+                ae_promises.load__archive_obj_li[i].archive_content_obj_li =
+                    load_archive_content_obj_li;
+            }
+        }
+    }
+
+    return ae_promises.load__archive_obj_li;
+}
+
+// Updated 2025-06-23
+export async function create_ae_obj__archive({
+    api_cfg,
+    account_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    account_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__archive() *** account_id=${account_id}`);
+    }
+
+    if (!account_id) {
+        console.log(`ERROR: Archives - Archive - account_id required to create`);
+        return false;
+    }
+
+    ae_promises.create__archive = await api
+        .create_ae_obj_crud({
+            api_cfg: api_cfg,
+            obj_type: 'archive',
+            fields: {
+                account_id_random: account_id,
+                ...data_kv
+            },
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(async function (archive_obj_create_result) {
+            if (archive_obj_create_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__archive_props({
+                        obj_li: [archive_obj_create_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_archives,
+                        table_name: 'archive',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__archive(
+                    //     {
+                    //         obj_type: 'archive',
+                    //         obj_li: [archive_obj_create_result]
+                    //     });
+                }
+                return archive_obj_create_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__archive:', ae_promises.create__archive);
+    }
+    return ae_promises.create__archive;
+}
+
+// Updated 2024-11-08
+export async function delete_ae_obj_id__archive({
+    api_cfg,
+    archive_id,
+    method = 'delete', // 'delete', 'disable', 'hide'
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    archive_id: string;
+    method?: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__archive() *** archive_id=${archive_id}`);
+    }
+
+    ae_promises.delete__archive_obj = await api
+        .delete_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'archive',
+            obj_id: archive_id,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            method: method,
+            log_lvl: log_lvl
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(`Attempting to remove IDB entry for archive_id=${archive_id}`);
+                }
+                db_archives.content.delete(archive_id); // Delete from the DB no matter what.
+            }
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__archive_obj:', ae_promises.delete__archive_obj);
+    }
+
+    return ae_promises.delete__archive_obj;
+}
+
+// Updated 2025-06-23
+export async function update_ae_obj__archive({
+    api_cfg,
+    archive_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    archive_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__archive() *** archive_id=${archive_id}`, data_kv);
+    }
+
+    // Perform the API update
+    const result = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive',
+        obj_id: archive_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    });
+
+    // Handle the result
+    if (result) {
+        if (try_cache) {
+            // Process the results first
+            const processed_obj_li = await process_ae_obj__archive_props({
+                obj_li: [result],
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log('Processed object list:', processed_obj_li);
+            }
+            // Save the updated results list to the database
+            if (log_lvl) {
+                console.log('Saving to DB...');
+            }
+            await db_save_ae_obj_li__ae_obj({
+                db_instance: db_archives,
+                table_name: 'archive',
+                obj_li: processed_obj_li,
+                properties_to_save: properties_to_save,
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log('DB save completed.');
+            }
+
+            // await db_save_ae_obj_li__archive({
+            //     obj_type: 'archive',
+            //     obj_li: [result],
+            //     log_lvl: log_lvl,
+            // });
+        }
+        return result;
+    } else {
+        console.error('Failed to update archive.');
+        return null;
+    }
+}
+
+// This new function is using CRUD v2. This should allow for more flexibility in the queries.
+// Updated 2024-09-25
+export async function qry__archive({
+    api_cfg,
+    archive_id,
+    qry_str,
+    qry_files,
+    qry_start_datetime, // Example greater than: '2024-10-24'
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 50,
+    offset = 0,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    archive_id: any;
+    qry_str?: string;
+    qry_files?: null | boolean;
+    qry_start_datetime?: null | string; // Greater than this datetime
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined; // all, disabled, enabled
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined; // all, hidden, not_hidden
+    limit?: number;
+    offset?: number;
+    params?: any;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    console.log(`*** qry__archive() *** archive_id=${archive_id} qry_str=${qry_str}`);
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 25); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    const params_json: key_val = {};
+
+    // if (qry_str && qry_str.length > 2) {
+    //     params_json['ft_qry'] = {};
+    //     params_json['ft_qry']['default_qry_str'] = qry_str;
+    // }
+
+    params_json['qry'] = [];
+
+    if (qry_files === true) {
+        const qry_param = {
+            type: 'AND',
+            field: 'file_count_all',
+            operator: '>',
+            value: 0
+        };
+        params_json['qry'].push(qry_param);
+    } else if (qry_files === false) {
+        const qry_param = {
+            type: 'AND',
+            field: 'file_count_all',
+            operator: 'IS',
+            value: null
+        };
+        params_json['qry'].push(qry_param);
+    }
+
+    if (qry_start_datetime) {
+        const qry_param = {
+            type: 'AND',
+            field: 'start_datetime',
+            operator: '>',
+            value: qry_start_datetime
+        };
+        params_json['qry'].push(qry_param);
+    }
+
+    const order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        start_datetime: 'ASC',
+        name: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    };
+
+    ae_promises.load__archive_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'archive',
+            for_obj_type: 'event',
+            for_obj_id: archive_id,
+            use_alt_tbl: true, // NOTE: We want to use the alt table for archive searching
+            use_alt_mdl: false,
+            use_alt_exp: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (archive_obj_li_get_result) {
+            if (archive_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__archive_props({
+                        obj_li: archive_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_archives,
+                        table_name: 'archive',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+                }
+                return archive_obj_li_get_result;
+            } else {
+                return [];
+            }
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__archive_obj_li:', ae_promises.load__archive_obj_li);
+    }
+    return ae_promises.load__archive_obj_li;
+}
+
+// // Updated 2024-09-25
+// export async function search__archive(
+//         {
+//             api_cfg,
+//             account_id,
+//             poc_agree = null,
+//             fulltext_search_qry_str,
+//             ft_content_search_qry_str,
+//             like_search_qry_str = null,
+//             file_count = false, // If true then only show those that have a file count
+//             person_name = null,
+//             params = {},
+//             try_cache = true,
+//             log_lvl = 0
+//         }: {
+//             api_cfg: any,
+//             account_id: any,
+//             poc_agree?: null|boolean,
+//             fulltext_search_qry_str?: null|string,
+//             ft_content_search_qry_str?: null|string,
+//             like_search_qry_str?: null|string,
+//             file_count?: boolean,
+//             person_name?: null|string,
+//             params?: any,
+//             try_cache?: boolean,
+//             log_lvl?: number
+//         }
+//         ) {
+//     console.log(`*** search__archive() *** account_id=${account_id}`);
+
+//     let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+//     let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+//     let limit: number = (params.qry__limit ?? 25); // 99
+//     let offset: number = (params.qry__offset ?? 0); // 0
+
+//     let params_json: key_val = {};
+
+//     // if (!fulltext_search_qry_str && !like_search_qry_str) {
+//     //     console.log('No search string provided!!!');
+//     //     return false; // Returning false instead of [] because no search was performed.
+//     // }
+
+//     if (fulltext_search_qry_str || ft_content_search_qry_str) {
+//         params_json['ft_qry'] = {};
+//         if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+//             params_json['ft_qry']['default_qry_str'] = fulltext_search_qry_str;
+//         }
+
+//         if (ft_content_search_qry_str && ft_content_search_qry_str.length > 2) {
+//             params_json['ft_qry']['archive_content_li_qry_str'] = ft_content_search_qry_str;
+//         }
+//     }
+
+//     // Use the AND (AND LIKE) query
+//     // if (like_search_qry_str || like_content_search_qry_str) {
+//     //     params_json['and_like'] = {};
+//     //     if (like_search_qry_str && like_search_qry_str.length > 2) {
+//     //         params_json['and_like']['default_qry_str'] = like_search_qry_str;
+//     //     }
+//     //     if (like_content_search_qry_str && like_content_search_qry_str.length > 2) {
+//     //         params_json['and_like']['archive_content_li_qry_str'] = like_content_search_qry_str;
+//     //     }
+//     // }
+
+//     // Use the AND (OR LIKE) query
+//     if (like_search_qry_str || like_content_search_qry_str || like_content_search_qry_str) {
+//         params_json['or_like'] = {};
+//         if (like_search_qry_str && like_search_qry_str.length > 2) {
+//             params_json['or_like']['default_qry_str'] = like_search_qry_str;
+//         }
+//         if (like_content_search_qry_str && like_content_search_qry_str.length > 2) {
+//             params_json['or_like']['archive_content_li_qry_str'] = like_content_search_qry_str;
+//         }
+//         if (like_content_search_qry_str && like_content_search_qry_str.length > 2) {
+//             params_json['or_like']['archive_content_li_qry_str'] = like_content_search_qry_str;
+//         }
+//     }
+
+//     params_json['and_qry'] = {};
+
+//     if (poc_agree) {
+//         params_json['and_qry']['poc_agree'] = poc_agree;
+//     }
+
+//     if (file_count) {
+//         params_json['and_qry']['file_count'] = file_count;
+//     }
+
+//     // This should be using a like with surrounded by %'s
+//     if (person_name) {
+//         params_json['and_qry']['archive_full_name'] = person_name;
+//     }
+
+//     let order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'};
+
+//     ae_promises.load__archive_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+//         api_cfg: api_cfg,
+//         obj_type: 'archive',
+//         for_obj_type: 'account',
+//         for_obj_id: account_id,
+//         use_alt_table: true, // NOTE: We want to use the alt table for archive searching
+//         use_alt_base: false,
+//         enabled: enabled,
+//         hidden: hidden,
+//         order_by_li: order_by_li,
+//         limit: limit,
+//         offset: offset,
+//         params_json: params_json,
+//         params: params,
+//         log_lvl: log_lvl
+//         })
+//     .then(function (archive_obj_li_get_result) {
+//         if (archive_obj_li_get_result) {
+//             if (try_cache) {
+//                 db_save_ae_obj_li__archive({
+//                     obj_type: 'archive',
+//                     obj_li: archive_obj_li_get_result
+//                 });
+//             }
+//             return archive_obj_li_get_result;
+//         } else {
+//             return [];
+//         }
+//     })
+//     .catch(function (error: any) {
+//         console.log('No results returned or failed.', error);
+//     })
+//     .finally(function () {
+//     });
+
+//     if (log_lvl) {
+//         console.log('ae_promises.load__archive_obj_li:', ae_promises.load__archive_obj_li);
+//     }
+//     return ae_promises.load__archive_obj_li;
+// }
+
+// Updated 2025-06-04
+export const properties_to_save = [
+    'id',
+    'archive_id',
+    // 'archive_id_random',
+
+    'code',
+
+    'account_id',
+    // 'account_id_random',
+
+    'name',
+    'description',
+
+    'original_datetime',
+    'original_timezone',
+    'original_location',
+
+    'original_url',
+    'original_url_text',
+
+    'sort_by',
+    'sort_by_desc',
+
+    'cfg_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2'
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    // 'archive_content_count',
+
+    // A key value list of the contents
+    // 'archive_content_kv',
+    // 'archive_content_li',
+];
+
+/**
+ * NON-EXPORTED LOCAL HELPER
+ * Processes a list of Aether objects by applying common and specific transformations.
+ */
+async function _process_generic_props<T extends Record<string, any>>({
+    obj_li,
+    obj_type,
+    log_lvl = 0,
+    specific_processor
+}: {
+    obj_li: T[];
+    obj_type: string;
+    log_lvl?: number;
+    specific_processor?: (obj: T) => Promise<T> | T;
+}): Promise<T[]> {
+    if (log_lvl > 0) {
+        console.log(
+            `*** _process_generic_props: Processing ${obj_li.length} objects of type "${obj_type}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li: T[] = [];
+
+    for (const original_obj of obj_li) {
+        let processed_obj = { ...original_obj };
+
+        // --- Common Transformations ---
+
+        // 1. Standardize ID and other '_random' fields
+        // The API often returns fields like 'person_id_random', which need to be aliased to 'person_id'.
+        for (const key in processed_obj) {
+            if (key.endsWith('_random')) {
+                const newKey = key.slice(0, -7); // Remove '_random' suffix
+                processed_obj[newKey] = processed_obj[key];
+            }
+        }
+        // Ensure 'id' is set from '[obj_type]_id_random'
+        const randomIdKey = `${obj_type}_id_random`;
+        if (processed_obj[randomIdKey]) {
+            (processed_obj as any).id = processed_obj[randomIdKey];
+        }
+
+        // 2. Create common computed properties for client-side sorting.
+        const group = processed_obj.group ?? '0';
+        const priority = processed_obj.priority ? 1 : 0;
+        const sort = processed_obj.sort ?? '0';
+        const updated = processed_obj.updated_on ?? processed_obj.created_on;
+        const name = processed_obj.name ?? '';
+
+        (processed_obj as any).tmp_sort_1 = `${group}_${priority}_${sort}_${updated}`;
+        (processed_obj as any).tmp_sort_2 = `${group}_${priority}_${sort}_${name}_${updated}`;
+
+        // --- Specific Transformations ---
+        if (specific_processor) {
+            processed_obj = await Promise.resolve(specific_processor(processed_obj));
+        }
+
+        processed_obj_li.push(processed_obj as T);
+    }
+
+    return processed_obj_li;
+}
+
+// Updated 2025-06-04
+export async function process_ae_obj__archive_props({
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    return _process_generic_props({
+        obj_li,
+        obj_type: 'archive',
+        log_lvl,
+        specific_processor: (obj) => {
+            // Archive-specific computed sort fields, overriding generic ones if needed
+            obj.tmp_sort_1 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on ?? obj.created_on}`;
+            obj.tmp_sort_2 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on}_${obj.created_on}`;
+
+            return obj;
+        }
+    });
+}

src/lib/ae_archives/ae_archives__archive_content.ts

@@ -0,0 +1,577 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+import { db_archives } from '$lib/ae_archives/db_archives';
+
+const ae_promises: key_val = {};
+
+// TESTING NOTE: I changed these to all use async and await. Not sure if this helps or hurts things. Mainly this is related to the Dexie DB changes. 2024-11-08
+
+// Updated 2024-09-25
+export async function load_ae_obj_id__archive_content({
+    api_cfg,
+    archive_content_id,
+    // enabled = 'enabled',
+    // hidden = 'not_hidden',
+    // limit = 99,
+    // offset = 0,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    archive_content_id: string;
+    // enabled?: "enabled" | "all" | "not_enabled" | undefined,
+    // hidden?: "hidden" | "all" | "not_hidden" | undefined,
+    // limit?: number,
+    // offset?: number,
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_id__archive_content() *** archive_content_id=${archive_content_id}`
+        );
+    }
+
+    ae_promises.load__archive_content_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'archive_content',
+            obj_id: archive_content_id,
+            use_alt_table: false,
+            use_alt_base: false,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (archive_content_obj_get_result) {
+            if (archive_content_obj_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__archive_content_props({
+                        obj_li: [archive_content_obj_get_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_archives,
+                        table_name: 'content',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // // This is expecting a list
+                    // await db_save_ae_obj_li__archive_content({
+                    //     obj_type: 'archive_content',
+                    //     obj_li: [archive_content_obj_get_result]
+
+                    // });
+                }
+                return archive_content_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    return ae_promises.load__archive_content_obj;
+}
+
+// Updated 2024-11-20
+export async function load_ae_obj_li__archive_content({
+    api_cfg,
+    for_obj_type = 'archive',
+    for_obj_id,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 99,
+    offset = 0,
+    order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        original_datetime: 'ASC',
+        name: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    for_obj_type: string;
+    for_obj_id: string;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_li__archive_content() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`
+        );
+    }
+
+    const params_json: key_val = {};
+
+    // console('params_json:', params_json);
+
+    ae_promises.load__archive_content_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'archive_content',
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            use_alt_tbl: false,
+            use_alt_mdl: false,
+            use_alt_exp: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (archive_content_obj_li_get_result) {
+            if (archive_content_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__archive_content_props({
+                        obj_li: archive_content_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_archives,
+                        table_name: 'content',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // await db_save_ae_obj_li__archive_content({
+                    //     obj_type: 'archive_content', obj_li: archive_content_obj_li_get_result
+                    // });
+                }
+                return archive_content_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.load__archive_content_obj_li:',
+            ae_promises.load__archive_content_obj_li
+        );
+    }
+
+    return ae_promises.load__archive_content_obj_li;
+}
+
+// Updated 2025-06-23
+export async function create_ae_obj__archive_content({
+    api_cfg,
+    archive_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    archive_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__archive_content() *** archive_id=${archive_id}`);
+    }
+
+    if (!archive_id) {
+        console.log(`ERROR: Archives - Content - archive_id required to create`);
+        return false;
+    }
+
+    ae_promises.create__archive_content = await api
+        .create_ae_obj_crud({
+            api_cfg: api_cfg,
+            obj_type: 'archive_content',
+            fields: {
+                archive_id_random: archive_id,
+                ...data_kv
+            },
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(async function (archive_content_obj_create_result) {
+            if (archive_content_obj_create_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__archive_content_props({
+                        obj_li: [archive_content_obj_create_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_archives,
+                        table_name: 'content',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // await db_save_ae_obj_li__archive_content(
+                    //     {
+                    //         obj_type: 'archive_content',
+                    //         obj_li: [archive_content_obj_create_result]
+                    //     });
+                }
+                return archive_content_obj_create_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__archive_content:', ae_promises.create__archive_content);
+    }
+    return ae_promises.create__archive_content;
+}
+
+// Updated 2024-11-08
+export async function delete_ae_obj_id__archive_content({
+    api_cfg,
+    archive_content_id,
+    method = 'delete', // 'delete', 'disable', 'hide'
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    archive_content_id: string;
+    method?: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** delete_ae_obj_id__archive_content() *** archive_content_id=${archive_content_id}`
+        );
+    }
+
+    ae_promises.delete__archive_content_obj = await api
+        .delete_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'archive_content',
+            obj_id: archive_content_id,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            method: method,
+            log_lvl: log_lvl
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(
+                        `Attempting to remove IDB entry for archive_content_id=${archive_content_id}`
+                    );
+                }
+                db_archives.content.delete(archive_content_id); // Delete from the DB no matter what.
+            }
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.delete__archive_content_obj:',
+            ae_promises.delete__archive_content_obj
+        );
+    }
+
+    return ae_promises.delete__archive_content_obj;
+}
+
+// Updated 2025-06-23
+export async function update_ae_obj__archive_content({
+    api_cfg,
+    archive_content_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    archive_content_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** update_ae_obj__archive_content() *** archive_content_id=${archive_content_id}`,
+            data_kv
+        );
+    }
+
+    // Perform the API update
+    const result = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive_content',
+        obj_id: archive_content_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    });
+
+    // Handle the result
+    if (result) {
+        if (try_cache) {
+            // Process the results first
+            const processed_obj_li = await process_ae_obj__archive_content_props({
+                obj_li: [result],
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log('Processed object list:', processed_obj_li);
+            }
+            // Save the updated results list to the database
+            if (log_lvl) {
+                console.log('Saving to DB...');
+            }
+            await db_save_ae_obj_li__ae_obj({
+                db_instance: db_archives,
+                table_name: 'content',
+                obj_li: processed_obj_li,
+                properties_to_save: properties_to_save,
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log('DB save completed.');
+            }
+
+            // await db_save_ae_obj_li__archive_content({
+            //     obj_type: 'archive_content',
+            //     obj_li: [result],
+            //     log_lvl: log_lvl,
+            // });
+        }
+        return result;
+    } else {
+        console.error('Failed to update archive content.');
+        return null;
+    }
+}
+
+// Updated 2025-06-04
+export const properties_to_save = [
+    'id',
+    'archive_content_id',
+    // 'archive_content_id_random',
+
+    'archive_id',
+    // 'archive_id_random',
+
+    'archive_content_type',
+
+    'name',
+    'description',
+
+    'content_html',
+    'content_json',
+
+    'url',
+    'url_text',
+
+    'hosted_file_id',
+    'hosted_file_id_random',
+
+    'file_path',
+
+    'filename',
+    'file_extension',
+
+    'original_datetime',
+    'original_timezone',
+    'original_location',
+    'original_url',
+    'original_url_text',
+
+    'enable_for_public',
+
+    'cfg_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    'archive_code',
+    'archive_name',
+
+    'hash_sha256'
+];
+
+/**
+ * NON-EXPORTED LOCAL HELPER
+ * Processes a list of Aether objects by applying common and specific transformations.
+ */
+async function _process_generic_props<T extends Record<string, any>>({
+    obj_li,
+    obj_type,
+    log_lvl = 0,
+    specific_processor
+}: {
+    obj_li: T[];
+    obj_type: string;
+    log_lvl?: number;
+    specific_processor?: (obj: T) => Promise<T> | T;
+}): Promise<T[]> {
+    if (log_lvl > 0) {
+        console.log(
+            `*** _process_generic_props: Processing ${obj_li.length} objects of type "${obj_type}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li: T[] = [];
+
+    for (const original_obj of obj_li) {
+        let processed_obj = { ...original_obj };
+
+        // --- Common Transformations ---
+
+        // 1. Standardize ID and other '_random' fields
+        // The API often returns fields like 'person_id_random', which need to be aliased to 'person_id'.
+        for (const key in processed_obj) {
+            if (key.endsWith('_random')) {
+                const newKey = key.slice(0, -7); // Remove '_random' suffix
+                processed_obj[newKey] = processed_obj[key];
+            }
+        }
+        // Ensure 'id' is set from '[obj_type]_id_random'
+        const randomIdKey = `${obj_type}_id_random`;
+        if (processed_obj[randomIdKey]) {
+            (processed_obj as any).id = processed_obj[randomIdKey];
+        }
+
+        // 2. Create common computed properties for client-side sorting.
+        const group = processed_obj.group ?? '0';
+        const priority = processed_obj.priority ? 1 : 0;
+        const sort = processed_obj.sort ?? '0';
+        const updated = processed_obj.updated_on ?? processed_obj.created_on;
+        const name = processed_obj.name ?? '';
+
+        (processed_obj as any).tmp_sort_1 = `${group}_${priority}_${sort}_${updated}`;
+        (processed_obj as any).tmp_sort_2 = `${group}_${priority}_${sort}_${name}_${updated}`;
+
+        // --- Specific Transformations ---
+        if (specific_processor) {
+            processed_obj = await Promise.resolve(specific_processor(processed_obj));
+        }
+
+        processed_obj_li.push(processed_obj as T);
+    }
+
+    return processed_obj_li;
+}
+
+// Updated 2025-06-04
+export async function process_ae_obj__archive_content_props({
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    return _process_generic_props({
+        obj_li,
+        obj_type: 'archive_content',
+        log_lvl,
+        specific_processor: (obj) => {
+            // Archive content-specific computed sort fields, overriding generic ones if needed
+            obj.tmp_sort_1 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.original_datetime ?? ''}`;
+            obj.tmp_sort_2 = `${obj.group ?? ''}_${obj.original_datetime ?? ''}_${
+                obj.priority ? '1' : '0'
+            }_${obj.sort?.toString().padStart(3, '0') ?? ''}`;
+            obj.tmp_sort_3 = `${obj.original_datetime ?? ''}_${obj.group ?? ''}_${
+                obj.priority ? '1' : '0'
+            }_${obj.sort?.toString().padStart(3, '0') ?? ''}`;
+
+            obj.hash_sha256 = obj.hosted_file_hash_sha256;
+
+            return obj;
+        }
+    });
+}

src/lib/ae_archives/ae_archives_functions.ts

@@ -0,0 +1,32 @@
+// This file is used to export all the functions that are used for Aether Posts related functions.
+
+import {
+    load_ae_obj_id__archive,
+    load_ae_obj_li__archive,
+    create_ae_obj__archive,
+    delete_ae_obj_id__archive,
+    update_ae_obj__archive
+} from '$lib/ae_archives/ae_archives__archive';
+
+import {
+    load_ae_obj_id__archive_content,
+    load_ae_obj_li__archive_content,
+    create_ae_obj__archive_content,
+    delete_ae_obj_id__archive_content,
+    update_ae_obj__archive_content
+} from '$lib/ae_archives/ae_archives__archive_content';
+
+const export_obj = {
+    load_ae_obj_id__archive: load_ae_obj_id__archive,
+    load_ae_obj_li__archive: load_ae_obj_li__archive,
+    create_ae_obj__archive: create_ae_obj__archive,
+    delete_ae_obj_id__archive: delete_ae_obj_id__archive,
+    update_ae_obj__archive: update_ae_obj__archive,
+
+    load_ae_obj_id__archive_content: load_ae_obj_id__archive_content,
+    load_ae_obj_li__archive_content: load_ae_obj_li__archive_content,
+    create_ae_obj__archive_content: create_ae_obj__archive_content,
+    delete_ae_obj_id__archive_content: delete_ae_obj_id__archive_content,
+    update_ae_obj__archive_content: update_ae_obj__archive_content
+};
+export const archives_func = export_obj;

src/lib/ae_archives/db_archives.ts

@@ -0,0 +1,165 @@
+import Dexie, { type Table } from 'dexie';
+
+import type { key_val } from '$lib/stores/ae_stores';
+
+// li = list
+// kv = key value list
+
+// Updated 2024-09-25
+export interface Archive {
+    id: string;
+    // id_random: string;
+    archive_id: string;
+    // archive_id_random: string;
+
+    code?: null | string;
+
+    account_id: string;
+    // account_id_random: string;
+
+    // archive_type: string;
+
+    // type: string;
+    name: string;
+    // summary?: null|string;
+    description?: null | string;
+
+    content_html?: null | string;
+    content_json?: null | string;
+    content_url?: null | string;
+    content_url_text?: null | string;
+
+    original_datetime?: Date;
+    original_timezone?: null | string;
+    original_location?: null | string;
+
+    original_url?: null | string;
+    original_url_text?: null | string;
+
+    // meta_data?: null|string;
+    // access_key?: null|string; /// Rename this to "passcode" if used later
+
+    sort_by?: null | string;
+    sort_by_desc?: null | string;
+
+    cfg_json?: null | key_val;
+
+    enable: null | boolean;
+    hide?: null | boolean;
+    priority?: null | boolean;
+    sort?: null | number;
+    group?: null | string;
+    notes?: null | string;
+    created_on: Date;
+    updated_on?: null | Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null | string;
+    tmp_sort_2?: null | string;
+
+    // Additional fields for convenience (database views)
+    // archive_content_count?: number;
+    // archive_content_kv?: null|key_val;
+    // archive_content_li?: null|[];
+}
+
+// Updated 2024-09-25
+export interface Archive_Content {
+    id: string;
+    // id_random: string;
+    archive_content_id: string;
+    // archive_content_id_random: string;
+
+    archive_id: string;
+    // archive_id_random: string;
+
+    archive_content_type: string;
+
+    name: string;
+    description?: null | string;
+
+    content_html?: null | string;
+    content_json?: null | string;
+
+    // linked_li_json?: null|string; // For future use? linked content list instead of one content item
+
+    url?: null | string;
+    url_text?: null | string;
+
+    hosted_file_id?: string;
+
+    file_path?: null | string;
+
+    filename?: null | string;
+    file_extension?: null | string;
+
+    original_datetime?: Date;
+    original_timezone?: null | string;
+    original_location?: null | string;
+    original_url?: null | string;
+    original_url_text?: null | string;
+
+    // meta_data?: null|string;
+    // access_key?: null|string; /// Rename this to "passcode" if used later
+
+    enable_for_public?: boolean;
+
+    cfg_json?: null | key_val;
+
+    enable: null | boolean;
+    hide?: null | boolean;
+    priority?: null | boolean;
+    sort?: null | number;
+    group?: null | string;
+    notes?: null | string;
+    created_on: Date;
+    updated_on?: null | Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null | string;
+    tmp_sort_2?: null | string;
+
+    // Additional fields for convenience (database views)
+    archive_code?: null | string;
+    archive_name?: null | string;
+
+    hash_sha256?: null | string;
+}
+
+// Updated 2024-09-25
+export class MySubClassedDexie extends Dexie {
+    // We just tell the typing system this is the case
+    archive!: Table<Archive>;
+    content!: Table<Archive_Content>;
+
+    constructor() {
+        super('ae_archives_db');
+        this.version(1).stores({
+            archive: `
+                id, archive_id,
+                code,
+                account_id,
+                name,
+                original_datetime, original_timezone, original_location,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, notes, created_on, updated_on`,
+            content: `
+                id, archive_content_id,
+                archive_id,
+                archive_content_type,
+                name,
+                hosted_file_id,
+                original_datetime, original_timezone, original_location,
+                [group+original_datetime],
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, notes, created_on, updated_on, [group+priority+sort+updated_on]`
+        });
+
+        // file_path,
+        // filename, file_extension,
+        // original_datetime, original_timezone, original_location, original_url, original_url_text,
+        // enable_for_public,
+    }
+}
+
+export const db_archives = new MySubClassedDexie();

src/lib/ae_core/ae_comp__hosted_files_clip_video.svelte

@@ -0,0 +1,424 @@
+<script lang="ts">
+    import { preventDefault } from 'svelte/legacy';
+
+    // Imports
+    // Import components and elements
+    // import Element_input_files_tbl from '$lib/element_input_files_tbl.svelte';
+
+    // Import storage, functions, and libraries
+    import type { key_val } from '$lib/stores/ae_stores';
+
+    import { api } from '$lib/api/api';
+    import { ae_util } from '$lib/ae_utils/ae_utils';
+    import {
+        ae_snip,
+        ae_loc,
+        ae_sess,
+        ae_api,
+        ae_trig,
+        slct,
+        slct_trigger
+    } from '$lib/stores/ae_stores';
+
+    // Exports
+
+    // export let input_name = 'file_list';
+    // export let multiple: boolean = true;
+    // export let required: boolean = true;
+
+    // export let input_class_li: string[] = ['file_drop_area'];
+
+    interface Props {
+        log_lvl?: number;
+        // Expecting these for link_to_type: 'event', 'event_location', 'archive_content', etc
+        link_to_type: string;
+        link_to_id: string;
+        // export let accept: string = 'audio/*, image/*, video/*, .bak, .cfg, .css, .csv, .doc, .docx, .gz, .htm, .html, .ini, .iso, .j2, .json, .key, .keynote, .md, .pdf, .ppt, .pptx, .rar, .rtf, .sql, .svelte, ttf, .txt, .xls, .xlsx, .xz, .zip, .bin, .dmg, .exe, .js, .msi, .php, .py, .sh';
+        class_li_default?: string;
+        class_li?: string;
+        // export let table_class_li: string[] = ['table', 'table-sm', 'table-striped', 'table-hover' , 'text-sm'];
+        clip_complete?: boolean;
+        // export let upload_complete: boolean = false;
+        submit_status?: null | string;
+        // hosted_file_id_li?: string[];
+        // hosted_file_obj_li?: any[];
+        hosted_file_obj_kv?: key_val;
+        video_clip_file_kv?: key_val;
+    }
+
+    let {
+        log_lvl = $bindable(0),
+        link_to_type = $bindable(),
+        link_to_id = $bindable(),
+        class_li_default = 'flex flex-col gap-1 items-center justify-center w-full max-w-2xl mx-auto my-1',
+        class_li = $bindable(''),
+        clip_complete = $bindable(false),
+        submit_status = $bindable(null),
+        // hosted_file_id_li = [],
+        // hosted_file_obj_li = [],
+        hosted_file_obj_kv = $bindable({}),
+        video_clip_file_kv = $bindable({})
+    }: Props = $props();
+
+    // Local Variables
+    let task_id = link_to_id;
+    // let input_file_list: any = null;
+    let ae_promises: key_val = $state({});
+    // let ae_promises_clipping: key_val = {};
+    // let ae_triggers: key_val = {};
+
+    // let input_element_id = 'ae_comp__hosted_files_upload__input';
+
+    // let form_kv: key_val = {
+    //     start_time: null,
+    //     end_time: null,
+    //     reencode: null,
+    //     video_file: null,
+    // };
+    // let download_clip_src: string;
+    // let download_clip_filename: string;
+
+    $ae_sess.files.obj = {
+        obj: null
+    };
+
+    // *** Functions and Logic
+    function handle_clip_video(event: Event) {
+        console.log('*** handle_clip_video() ***');
+
+        submit_status = 'clipping';
+        clip_complete = false;
+
+        let hosted_file_id = event.target.hosted_file_id.value;
+
+        $ae_sess.files.processed_file_kv[hosted_file_id] = {};
+        $ae_sess.files.processed_file_kv[hosted_file_id].submit_status = 'clipping';
+        $ae_sess.files.processed_file_kv[hosted_file_id].clip_complete = false;
+
+        // $ae_sess.files.disable_submit__hosted_file_obj = true;
+        $ae_loc.files.processed_file_kv[hosted_file_id] = {};
+        $ae_loc.files.processed_file_kv[hosted_file_id].submit_status = 'clipping';
+        $ae_loc.files.processed_file_kv[hosted_file_id].start_time = event.target.start_time.value;
+        $ae_loc.files.processed_file_kv[hosted_file_id].end_time = event.target.end_time.value;
+        $ae_loc.files.processed_file_kv[hosted_file_id].reencode = event.target.reencode.value;
+        $ae_loc.files.processed_file_kv[hosted_file_id].scale_down = event.target.scale_down.value;
+        $ae_loc.files.processed_file_kv[hosted_file_id].new_filename =
+            event.target.new_filename.value;
+        $ae_loc.files.processed_file_kv[hosted_file_id].clip_complete = false;
+
+        let endpoint = `/hosted_file/${hosted_file_id}/clip_video`;
+
+        let params = {
+            link_to_type: link_to_type,
+            link_to_id: link_to_id,
+            filename_no_ext: event.target.new_filename.value.replace('.mp4', ''),
+            from_type: 'mp4', // Video file type being converted
+            to_type: 'mp4', // Video file type to convert to
+            start_time: event.target.start_time.value,
+            end_time: event.target.end_time.value,
+            reencode: event.target.reencode.value,
+            scale_down: event.target.scale_down.value
+        };
+
+        ae_promises[hosted_file_id] = {};
+        // .convert__hosted_file_obj
+        ae_promises[hosted_file_id] = api
+            .get_object({
+                api_cfg: $ae_api,
+                endpoint: endpoint,
+                params: params,
+                timeout: 300000, // 5 minutes
+                // return_blob: true,
+                // filename: event.target.new_filename.value,
+                // auto_download: false,
+                task_id: task_id,
+                log_lvl: log_lvl
+            })
+            .then(function (result) {
+                console.log(result);
+
+                video_clip_file_kv[result.hosted_file_id_random] = {};
+                video_clip_file_kv[result.hosted_file_id_random] = result;
+
+                // $ae_loc.files.video_clip_file_kv[result.hosted_file_id_random] = {};
+                // $ae_loc.files.video_clip_file_kv[result.hosted_file_id_random] = result;
+
+                $ae_sess.files.processed_file_kv[hosted_file_id].submit_status = 'clipped';
+                $ae_sess.files.processed_file_kv[hosted_file_id].clip_complete = true;
+
+                $ae_loc.files.processed_file_kv[hosted_file_id].submit_status = 'clipped';
+                $ae_loc.files.processed_file_kv[hosted_file_id].clip_complete = true;
+
+                submit_status = 'clipped';
+                clip_complete = true;
+
+                // let file_blob = new Blob([result.data]);
+                // // console.log(file_blob);
+                // let file_obj_url = window.URL.createObjectURL(file_blob); // The img src
+                // // const url = window.URL.createObjectURL(new Blob([result.data]));
+                // download_clip_src = file_obj_url;
+                // // download_filename = file_obj_url;
+
+                return true;
+            });
+    }
+</script>
+
+<section class="{class_li_default} {class_li}">
+    <h3 class="h3">
+        {Object.entries(hosted_file_obj_kv).length}× files uploaded
+    </h3>
+
+    {#each Object.entries(hosted_file_obj_kv) as [hosted_file_id, hosted_file_obj]}
+        <div class="border border-gray-300 rounded-lg p-2 m-2">
+            <!-- {#if $ae_sess.files[hosted_file_id].upload_complete}
+        <a href="/hosted_file/{hosted_file_id}/download?x_no_account_id_token=direct-download" download={$ae_sess.files[hosted_file_id].new_filename} class="ae_btn btn_lg btn_primary"><span class="fas fa-download"></span> Ready to Download</a>
+    {/if} -->
+
+            <div class="flex flex-row flex-wrap gap-1 justify-center items-center w-full">
+                <!-- Remove from uploaded file kv list -->
+                <button
+                    type="button"
+                    onclick={() => {
+                        // This (uploaded_file_kv) is referenced by other AE components. Currently it is only used with the manage hosted file list and clip video components.
+                        console.log(
+                            `Removed hosted file ID: ${hosted_file_id}`,
+                            $ae_loc.files.uploaded_file_kv
+                        );
+                        // delete $ae_sess.files.uploaded_file_kv[hosted_file_id];
+                        delete $ae_loc.files.uploaded_file_kv[hosted_file_id];
+                        $ae_loc.files.uploaded_file_kv = { ...$ae_loc.files.uploaded_file_kv };
+                        delete hosted_file_obj_kv[hosted_file_id];
+                        hosted_file_obj_kv = { ...hosted_file_obj_kv };
+                        // delete $ae_loc.files.uploaded_file_kv[hosted_file_obj.hosted_file_id];
+                        console.log(
+                            `Removed hosted file ID: ${hosted_file_obj.hosted_file_id}`,
+                            $ae_loc.files.uploaded_file_kv
+                        );
+                    }}
+                    class="btn btn-sm preset-tonal-warning hover:preset-filled-warning-500"
+                    title={`Remove this file from list of videos:\n${hosted_file_obj.filename}\n[API] SHA256: ${hosted_file_obj?.hash_sha256?.slice(0, 10)}... Hosted ID: ${hosted_file_obj.hosted_file_id_random}`}
+                >
+                    <span class="fas fa-minus-circle m-1"></span>
+                    <span class="">Remove</span>
+                </button>
+
+                <!-- Download the file -->
+                <button
+                    type="button"
+                    disabled={!$ae_loc.trusted_access}
+                    onclick={() => {
+                        ae_promises[hosted_file_id] = api.download_hosted_file({
+                            api_cfg: $ae_api,
+                            hosted_file_id: hosted_file_id,
+                            return_file: true,
+                            filename: hosted_file_obj.filename,
+                            auto_download: true,
+                            log_lvl: 0
+                        });
+
+                        // window.postMessage({ type: 'download_event_file', hosted_file_id: idaa_archive_content_obj.hosted_file_id, filename: idaa_archive_content_obj.filename, auto_download: true }, '*');
+                    }}
+                    class:hidden={!$ae_loc.edit_mode}
+                    class="novi_btn btn btn-sm lg:btn-md preset-tonal-primary hover:preset-filled-primary-500 min-w-72 lg:min-w-96"
+                    title={`Download this file:\n${hosted_file_obj.filename}\n[API] SHA256: ${hosted_file_obj?.hash_sha256?.slice(0, 10)}... Hosted ID: ${hosted_file_obj.hosted_file_id_random}`}
+                >
+                    {#await ae_promises[hosted_file_id]}
+                        <span class="fas fa-spinner fa-spin mx-1"></span>
+                        {#if submit_status == 'clipping'}
+                            <span class="">Clipping</span>
+                        {:else}
+                            <span class="">
+                                Downloading
+                                {#if $ae_sess.api_download_kv[hosted_file_id]}
+                                    {$ae_sess.api_download_kv[hosted_file_id].percent_completed}%
+                                {/if}
+                                :
+                            </span>
+                        {/if}
+                    {:then}
+                        <span
+                            class="fas fa-{ae_util.file_extension_icon(
+                                hosted_file_obj?.file_extension
+                            )}"
+                        ></span>
+                    {/await}
+
+                    <span class="grow">
+                        {ae_util.shorten_filename({
+                            filename: hosted_file_obj?.filename,
+                            max_length: 30
+                        })}
+                    </span>
+                </button>
+                <span
+                    >{ae_util.shorten_filename({
+                        filename: hosted_file_obj?.filename,
+                        max_length: 30
+                    })}</span
+                >
+                <span>
+                    <span class="text-sm font-bold"> File ID: </span>
+                    {hosted_file_obj.hosted_file_id_random}</span
+                >
+                <span>
+                    <span class="text-sm font-bold"> Type: </span>
+                    {hosted_file_obj.extension}</span
+                >
+                <!-- <span>{hosted_file_obj.filename}</span> -->
+            </div>
+
+            <form
+                onsubmit={preventDefault(handle_clip_video)}
+                class="{class_li_default} {class_li}"
+            >
+                <!-- {$ae_sess?.files[hosted_file_obj?.hosted_file_id_random ?? 'obj'].submit_status ?? 'not set'} -->
+
+                <input
+                    type="hidden"
+                    name="hosted_file_id"
+                    value={hosted_file_obj.hosted_file_id_random}
+                />
+
+                <div class="flex flex-row gap-1 justify-center items-center w-full">
+                    <span class="text-xs font-bold w-32">New Filename:</span>
+                    <input
+                        type="text"
+                        class="input w-full text-sm"
+                        name="new_filename"
+                        value={hosted_file_obj.filename}
+                    />
+                </div>
+
+                <div
+                    class="max-w-(--breakpoint-sm) flex flex-row gap-1 justify-center items-center w-full"
+                >
+                    <label
+                        class="label w-48"
+                        title="The start time of the clip. This is the time in the video where the clip will start. You may need to subtract a few seconds to get the exact start time."
+                    >
+                        <span class="text-xs font-bold">Start time (HH:MM:SS)</span>
+                        <input
+                            type="text"
+                            name="start_time"
+                            value={$ae_loc.files.processed_file_kv &&
+                            $ae_loc.files.processed_file_kv[hosted_file_id] &&
+                            $ae_loc.files.processed_file_kv[hosted_file_id].start_time
+                                ? $ae_loc.files.processed_file_kv[hosted_file_id].start_time
+                                : '00:00:00'}
+                            placeholder="HH:MM:SS (00:01:30)"
+                            class="input w-32"
+                        />
+                    </label>
+
+                    <label
+                        class="label w-48"
+                        title="The end time of the clip. This is the time in the video where the clip will end. You may need to add a few seconds to get the exact end time."
+                    >
+                        <span class="text-xs font-bold">End time (HH:MM:SS)</span>
+                        <input
+                            type="text"
+                            name="end_time"
+                            value={$ae_loc.files.processed_file_kv &&
+                            $ae_loc.files.processed_file_kv[hosted_file_id] &&
+                            $ae_loc.files.processed_file_kv[hosted_file_id].end_time
+                                ? $ae_loc.files.processed_file_kv[hosted_file_id].end_time
+                                : '00:45:59'}
+                            placeholder="HH:MM:SS (01:05:25)"
+                            class="input w-32"
+                        />
+                    </label>
+
+                    <span
+                        class="flex flex-col gap-1 items-center justify-center"
+                        title="Re-encode the video file? This does cause some minor quality loss. Re-encoding is useful if the audio or video seems to be chopped off at the beginning or end of the clip. It can also help with partially corrupted files."
+                    >
+                        <span class="text-xs font-bold"> Re-encode? </span>
+                        <label class="inline-block">
+                            <input
+                                type="radio"
+                                name="reencode"
+                                value="true"
+                                class="radio"
+                                checked
+                            />
+                            True
+                        </label>
+                        <label class="inline-block">
+                            <input type="radio" name="reencode" value="false" class="radio" />
+                            False
+                        </label>
+                    </span>
+
+                    <span
+                        class="flex flex-col gap-1 items-center justify-center"
+                        title="Scale the video file down to 1920x1080? This does cause some minor quality loss. Re-encoding is useful if the audio or video seems to be chopped off at the beginning or end of the clip. It can also help with partially corrupted files."
+                    >
+                        <span class="text-xs font-bold"> Scale down? </span>
+                        <label class="inline-block">
+                            <input
+                                type="radio"
+                                name="scale_down"
+                                value="true"
+                                class="radio"
+                                checked
+                            />
+                            True
+                        </label>
+                        <label class="inline-block">
+                            <input type="radio" name="scale_down" value="false" class="radio" />
+                            False
+                        </label>
+                    </span>
+                </div>
+
+                <button
+                    type="submit"
+                    class="btn btn-lg btn-primary preset-tonal-primary border border-primary-500"
+                    disabled={submit_status == 'clipping'}
+                >
+                    <!-- {#await ae_promises[hosted_file_id]} -->
+                    {#if $ae_loc.files.processed_file_kv[hosted_file_id] && $ae_loc.files.processed_file_kv[hosted_file_id].submit_status == 'clipping'}
+                        <span class="fas fa-spinner fa-spin m-1"></span>
+                        <span class="highlight">Clipping...</span>
+                    {:else}
+                        <!-- {#if ae_promises[hosted_file_id]} -->
+                        {#if $ae_loc.files.processed_file_kv[hosted_file_id] && $ae_loc.files.processed_file_kv[hosted_file_id].submit_status == 'clipped'}
+                            <span class="fas fa-check m-1"></span>
+                            Clipped
+                        {:else}
+                            <span class="fas fa-cut m-1"></span>
+                            Clip Video
+                        {/if}
+                    {/if}
+                    <!-- <span class="fas fa-cut m-1"></span>
+            Clip Video -->
+                </button>
+            </form>
+
+            {#await ae_promises[hosted_file_id]}
+                <span class="fas fa-spinner fa-spin m-1"></span>
+                <span class="highlight">Processing... This may take a few minutes.</span>
+            {:then}
+                {#if ae_promises[hosted_file_id]}
+                    <span class="fas fa-download"></span> Ready to download below!
+                {:else}
+                    <!-- <p>Fill out the form and select the video file to clip.</p> -->
+                {/if}
+            {/await}
+        </div>
+    {/each}
+
+    <!-- <hr />
+
+{#await ae_promises.upload__hosted_file_obj}
+    <span class="fas fa-spinner fa-spin m-1"></span>
+    <p class="highlight">Converting... This may take a few minutes.</p>
+{:then}
+    {#if ae_promises.upload__hosted_file_obj}
+    <a href={download_clip_src} download={download_clip_filename} class="ae_btn btn_lg btn_primary"><span class="fas fa-download"></span> Ready to Download</a>
+    {:else}
+    <p>Fill out the form and select the video file to clip.</p>
+    {/if}
+{/await} -->
+</section>

src/lib/ae_core/ae_comp__hosted_files_clip_video_li.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">
+    // Imports
+    // Import components and elements
+
+    // Import storage, functions, and libraries
+    import type { key_val } from '$lib/stores/ae_stores';
+
+    import { api } from '$lib/api/api';
+    import { ae_util } from '$lib/ae_utils/ae_utils';
+    import {
+        ae_snip,
+        ae_loc,
+        ae_sess,
+        ae_api,
+        ae_trig,
+        slct,
+        slct_trigger
+    } from '$lib/stores/ae_stores';
+
+    // Exports
+
+    // export let hosted_file_id_li: string[] = [];
+    // export let hosted_file_obj_li: any[] = [];
+
+    interface Props {
+        log_lvl?: number;
+        // export let hosted_file_obj_kv: key_val = {};
+        video_clip_file_kv?: key_val;
+        class_li_default?: string;
+        class_li?: string;
+        link_to_type: string;
+        link_to_id: string;
+    }
+
+    let {
+        log_lvl = 0,
+        video_clip_file_kv = $bindable({}),
+        class_li_default = 'flex flex-row flex-wrap gap-2 items-center justify-center w-full max-w-2xl p-2 mx-auto my-1 border border-gray-300 rounded-lg',
+        class_li = '',
+        link_to_type,
+        link_to_id
+    }: Props = $props();
+
+    let ae_promises: key_val = $state({});
+</script>
+
+<h3 class="h3">{Object.entries($ae_loc.files).length}× files clipped</h3>
+<div class="{class_li_default} {class_li} ">
+    {#each Object.entries(video_clip_file_kv) as [hosted_file_id, hosted_file_obj]}
+        <button
+            type="button"
+            disabled={!$ae_loc.trusted_access}
+            onclick={() => {
+                ae_promises[hosted_file_id] = api.download_hosted_file({
+                    api_cfg: $ae_api,
+                    hosted_file_id: hosted_file_id,
+                    return_file: true,
+                    filename: hosted_file_obj.filename,
+                    auto_download: true,
+                    log_lvl: log_lvl
+                });
+
+                // window.postMessage({ type: 'download_event_file', hosted_file_id: idaa_archive_content_obj.hosted_file_id, filename: idaa_archive_content_obj.filename, auto_download: true }, '*');
+            }}
+            class="novi_btn btn btn-sm lg:btn-md preset-tonal-primary hover:preset-filled-primary-500 min-w-72 lg:min-w-96"
+            title={`Download this file:\n${hosted_file_obj.filename}\n[API] SHA256: ${hosted_file_obj?.hash_sha256?.slice(0, 10)}... Hosted ID: ${hosted_file_obj.hosted_file_id_random}`}
+        >
+            {#await ae_promises[hosted_file_id]}
+                <span class="fas fa-spinner fa-spin mx-1"></span>
+                <span class="">
+                    Downloading
+                    {#if $ae_sess.api_download_kv[hosted_file_id]}
+                        {$ae_sess.api_download_kv[hosted_file_id].percent_completed}%
+                    {/if}
+                    :
+                </span>
+            {:then}
+                <span class="fas fa-{ae_util.file_extension_icon(hosted_file_obj?.file_extension)}"
+                ></span>
+            {/await}
+
+            <span class="grow">
+                {ae_util.shorten_filename({ filename: hosted_file_obj?.filename, max_length: 30 })}
+            </span>
+
+            <span class="shrink">
+                {ae_util.format_bytes(hosted_file_obj?.size)}
+            </span>
+        </button>
+    {/each}
+</div>

src/lib/ae_core/ae_comp__hosted_files_clip_video_v1.svelte

@@ -0,0 +1,423 @@
+<script lang="ts">
+    import { preventDefault } from 'svelte/legacy';
+
+    // Imports
+    // Import components and elements
+    import Element_input_files_tbl from '$lib/elements/element_input_files_tbl.svelte';
+
+    // Import storage, functions, and libraries
+    import type { key_val } from '$lib/stores/ae_stores';
+
+    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';
+
+    // Exports
+
+    interface Props {
+        log_lvl?: number;
+        // Expecting these for link_to_type: 'event', 'event_location', 'archive_content', etc
+        link_to_type: string;
+        link_to_id: string;
+        input_name?: string;
+        multiple?: boolean;
+        required?: boolean;
+        accept?: string;
+        class_li_default?: string;
+        class_li?: string;
+        input_class_li?: string[];
+        table_class_li?: string[];
+        upload_complete?: boolean;
+        submit_status?: null | string;
+        hosted_file_id_li?: string[];
+        hosted_file_obj_li?: any[];
+        label?: import('svelte').Snippet;
+    }
+
+    let {
+        log_lvl = 0,
+        link_to_type,
+        link_to_id,
+        input_name = 'file_list',
+        multiple = true,
+        required = true,
+        accept = 'audio/*, image/*, video/*, .bak, .cfg, .css, .csv, .doc, .docx, .gz, .htm, .html, .ini, .iso, .j2, .json, .key, .keynote, .md, .pdf, .ppt, .pptx, .rar, .rtf, .sql, .svelte, ttf, .txt, .xls, .xlsx, .xz, .zip, .bin, .dmg, .exe, .js, .msi, .php, .py, .sh',
+        class_li_default = 'flex flex-col gap-1 items-center justify-center w-full max-w-2xl mx-auto my-1',
+        class_li = '',
+        input_class_li = ['file_drop_area'],
+        table_class_li = ['table', 'table-sm', 'table-striped', '', 'text-sm'],
+        upload_complete = $bindable(false),
+        submit_status = $bindable(null),
+        hosted_file_id_li = $bindable([]),
+        hosted_file_obj_li = $bindable([]),
+        label
+    }: Props = $props();
+
+    // Local Variables
+    let task_id = $state(link_to_id);
+    let input_file_list: any = $state(null);
+    let ae_promises: key_val = $state({}); // Promise<any>;
+    let ae_triggers: key_val = {};
+
+    let input_element_id = 'ae_comp__hosted_files_upload__input';
+
+    let form_kv: key_val = {
+        start_time: null,
+        end_time: null,
+        reencode: null,
+        video_file: null
+    };
+    let download_clip_src: string = $state();
+    let download_clip_filename: string;
+
+    // *** Functions and Logic
+    async function handle_submit_form_files(event: SubmitEvent) {
+        console.log('*** handle_submit_form() ***');
+
+        $ae_sess.files.disable_submit__hosted_file_obj = true;
+        $ae_sess.files.submit_status = 'saving';
+        submit_status = 'saving';
+        upload_complete = false;
+
+        hosted_file_id_li = [];
+        hosted_file_obj_li = [];
+
+        let hosted_file_results;
+
+        form_kv = {
+            start_time: event.target.start_time.value,
+            end_time: event.target.end_time.value,
+            reencode: event.target.reencode.value,
+            video_file: event.target.file_list.files[0]
+        };
+
+        // const form_data = new FormData();
+
+        // form_data.append('start_time', event.target.start_time.value);
+        // form_data.append('end_time', event.target.end_time.value);
+
+        // if (event.target.reencode.value == '1' || event.target.reencode.value == 'true') {
+        //     form_data.append('reencode', 'true');
+        // } else {
+        //     form_data.append('reencode', 'false');
+        // }
+        // form_data.append('reencode', event.target.reencode.value);
+
+        // form_data.append(`video_file`, event.target.video_file.files[0]);
+
+        // let download_filename = `clipped_file_test.mp4`;
+
+        // let params = null;
+
+        // let endpoint = '/hosted_file/clip_video';
+
+        // console.log(form_data);
+
+        // params = null;
+
+        if (event.target[input_element_id].files.length > 0) {
+            task_id = link_to_id; // Ideally this should be the file hash, but we may be uploading multiple files at once. This should be done with a loop instead?
+
+            // Loop through each file and upload them individually in event.target[input_element_id].files
+            // The task_id should be the file hash.
+            // processed_file_list[i] has the file hash_sha256, hash_sha256_match, warnings, uploaded, uploaded_bytes, filename, and file_size_bytes.
+            for (let i = 0; i < event.target[input_element_id].files.length; i++) {
+                let tmp_file = event.target[input_element_id].files[i];
+
+                task_id = $ae_sess.files.processed_file_list[i].hash_sha256;
+
+                hosted_file_results = await handle_input_upload_files([tmp_file], form_kv, task_id);
+
+                if (hosted_file_results) {
+                    console.log(`hosted_file_results:`, hosted_file_results);
+                } else {
+                    console.log(`hosted_file_results:`, hosted_file_results);
+                }
+            }
+            // hosted_file_results = await handle_input_upload_files(event.target[input_element_id].files, task_id);
+            $ae_sess.files.processed_file_list = [];
+            $ae_sess = $ae_sess;
+            event.target.reset();
+            // await tick();
+
+            if (log_lvl) {
+                console.log(`hosted_file_id_li: ${hosted_file_id_li}`, hosted_file_id_li);
+            } else if (log_lvl > 1) {
+                console.log('hosted_file_results:', hosted_file_results);
+            }
+        }
+
+        $ae_sess.files.disable_submit__hosted_file_obj = false;
+        $ae_sess.files.submit_status = 'saved';
+        submit_status = 'saved';
+        upload_complete = true;
+    }
+
+    async function handle_input_upload_files(input_upload_files, form_kv, task_id) {
+        console.log('*** handle_input_upload_files() ***');
+        console.log(input_upload_files);
+        console.log(form_kv);
+
+        const form_data = new FormData();
+
+        // form_data.append('account_id', $ae_loc.account_id);
+        // form_data.append('link_to_type', link_to_type);
+        // form_data.append('link_to_id', link_to_id);
+
+        form_data.append('start_time', form_kv.start_time);
+        form_data.append('end_time', form_kv.end_time);
+
+        if (form_kv.reencode == '1' || form_kv.reencode == 'true') {
+            form_data.append('reencode', 'true');
+        } else {
+            form_data.append('reencode', 'false');
+        }
+
+        // There should really only be one file uploaded at a time for now.
+        for (let i = 0; i < input_upload_files.length; i++) {
+            form_data.append(`video_file`, input_upload_files[i]);
+        }
+
+        // hash_sha256, uploaded, uploaded_bytes
+        // $ae_sess.files.processed_file_list[i] = {
+        //     ...$ae_sess.files.processed_file_list[i],
+        //     uploaded: $ae_sess.api_upload_kv[link_to_id].percent_completed,
+        //     uploaded_bytes: $ae_sess.api_upload_kv[link_to_id].uploaded_bytes,
+        // };
+
+        let params = null;
+
+        let endpoint = '/hosted_file/clip_video';
+
+        console.log(form_data);
+
+        params = null;
+
+        // Uncomment and the post_promise is not seen by the "await" below
+        // post_promise = await api.post_object({api_cfg: $cfg.api, endpoint: endpoint, params: params, data:form_data});
+        // Uncomment so that the post_promise is not seen by the "await" below
+        ae_promises.upload__hosted_file_obj = api
+            .post_object({
+                api_cfg: $ae_api,
+                endpoint: endpoint,
+                params: params,
+                form_data: form_data,
+                return_blob: true,
+                filename: 'clipped_video_test.mp4',
+                auto_download: false,
+                task_id: task_id,
+                log_lvl: log_lvl
+                // retry_count: 1,
+            })
+            .then(async function (result) {
+                console.log(result);
+
+                let file_blob = new Blob([result.data]);
+                // console.log(file_blob);
+                let file_obj_url = window.URL.createObjectURL(file_blob); // The img src
+                // const url = window.URL.createObjectURL(new Blob([result.data]));
+                download_clip_src = file_obj_url;
+                // download_filename = file_obj_url;
+
+                return true;
+
+                // // WARNING!!!! ONLY ONE FILE IS EXPECTED TO BE UPLOADED AT A TIME!!!
+                // // NOTE: The /hosted_file/upload_files endpoint will always return a list of successful files uploaded. In this case we are only uploading one file and expecting a list of one item.
+                // let x = 0;
+                // console.log(result[x]);
+                // let hosted_file_obj = result[x];
+
+                // let hosted_file_id = hosted_file_obj.hosted_file_id_random;
+
+                // hosted_file_id_li.push(hosted_file_id);
+                // hosted_file_obj_li.push(hosted_file_obj);
+
+                // let hosted_file_data: key_val = {};
+                // hosted_file_data['hosted_file_id_random'] = hosted_file_id;
+                // hosted_file_data['for_type'] = link_to_type;
+                // hosted_file_data['for_id_random'] = link_to_id;
+                // hosted_file_data['filename'] = hosted_file_obj.filename;
+                // hosted_file_data['extension'] = hosted_file_obj.extension;
+                // hosted_file_data['enable'] = true;
+                // console.log(hosted_file_data);
+
+                // return hosted_file_data;
+
+                // $ae_sess.files.new_upload_list[i].uploaded_bytes = 10; // fake 10 bytes at least...
+
+                // let event_file_id = await events_func.create_hosted_file_obj_from_hosted_file_async({
+                //     api_cfg: $ae_api,
+                //     hosted_file_id: hosted_file_id,
+                //     data: event_file_data,
+                //     log_lvl: log_lvl
+                //     })
+                // .then(function (create_result) {
+                //     console.log(create_result); // NOTE: This should be the event_file_id string
+                //     // let event_file_id = create_result;
+                //     return create_result;
+                // });
+
+                // return event_file_id;
+            })
+            // .then(function (hosted_file_data) {
+            //     return hosted_file_data;
+            // })
+            .catch(function (error: any) {
+                console.log('Something went wrong.');
+                console.log(error);
+                return false;
+            })
+            .finally(function () {
+                // $slct_trigger = 'load__hosted_file_obj_li';
+            });
+
+        console.log(ae_promises.upload__hosted_file_obj);
+        let hosted_file_result = ae_promises.upload__hosted_file_obj;
+
+        return hosted_file_result;
+    }
+</script>
+
+<div>
+    <!-- class:hidden={!$ae_loc.trusted_access} -->
+    <form onsubmit={preventDefault(handle_submit_form_files)} class="{class_li_default} {class_li}">
+        <label class="label"
+            >Start time (HH:MM:SS) <input
+                type="text"
+                name="start_time"
+                value="00:00:00"
+                placeholder="HH:MM:SS (00:01:30)"
+                class="input w-32"
+            /></label
+        >
+        <label class="label"
+            >End time (HH:MM:SS) <input
+                type="text"
+                name="end_time"
+                value="00:01:15"
+                placeholder="HH:MM:SS (01:05:25)"
+                class="input w-32"
+            /></label
+        >
+
+        <label class="label"
+            >Re-encode (true or false) <input
+                type="text"
+                name="reencode"
+                value="false"
+                placeholder="true"
+                class="input w-32"
+            /></label
+        >
+
+        {#await ae_promises.upload__hosted_file_obj}
+            <div class="text-lg flex flex-row gap-1 items-center justify-center">
+                <span class="fas fa-spinner fa-spin m-1"></span>
+                <span class="">
+                    Uploading
+                    {#if $ae_sess.api_upload_kv[task_id]}
+                        {$ae_sess.api_upload_kv[task_id].percent_completed}%
+                    {/if}
+                </span>
+            </div>
+        {/await}
+
+        <label
+            for="ae_comp__hosted_files_upload__input"
+            class="svelte_input_file_label text-center"
+            class:hidden={$ae_sess.files.disable_submit__hosted_file_obj}
+        >
+            {#if label}{@render label()}{:else}
+                <div>
+                    <span class="fas fa-upload"></span>
+                    <!-- Select files to upload -->
+                    <!-- <span class="fas fa-file-archive"></span> -->
+                    <strong class="bg-blue-300 p-1">Upload files</strong>
+                    <!-- (drag and drop) -->
+                </div>
+                <span class="text-sm text-gray-600 dark:text-gray-400 italic">
+                    <strong>Video files only</strong><br />
+                    (mp4 or mkv)
+                </span>
+            {/if}
+        </label>
+
+        <input
+            id={input_element_id}
+            type="file"
+            bind:files={input_file_list}
+            {multiple}
+            {required}
+            {accept}
+            name={input_name}
+            class="svelte_input_file_element file-dropzone-input block w-full text-lg text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-hidden dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 {input_class_li.join(
+                ' '
+            )}"
+            class:hidden={$ae_sess.files.disable_submit__hosted_file_obj}
+        />
+
+        <Element_input_files_tbl
+            bind:input_file_list
+            bind:file_list_status={$ae_sess.files.status__file_list}
+            bind:processed_file_list={$ae_sess.files.processed_file_list}
+            {table_class_li}
+        />
+
+        <button
+            type="submit"
+            class="btn btn-lg btn-primary preset-tonal-primary border border-primary-500 hover:preset-tonal-success border border-success-500 w-54"
+            disabled={$ae_sess.files.disable_submit__hosted_file_obj ||
+                $ae_sess.files.status__file_list != 'ready'}
+        >
+            {#await ae_promises.upload__hosted_file_obj}
+                <span class="fas fa-spinner fa-spin m-1"></span>
+                <span class="">
+                    Uploading
+                    {#if $ae_sess.api_upload_kv[task_id]}
+                        {$ae_sess.api_upload_kv[task_id].percent_completed}%
+                    {/if}
+                </span>
+            {:then}
+                <span class="fas fa-upload m-1"></span>
+                <span class="text-sm"> Upload? </span>
+                <!-- <span class="fas fa-save m-1"></span> -->
+                <span class="grow font-bold">
+                    {#if $ae_sess.files.processed_file_list?.length > 0}
+
+                        {$ae_sess.files.processed_file_list.length == 1
+                            ? `${$ae_sess.files.processed_file_list.length} file`
+                            : `${$ae_sess.files.processed_file_list.length} files`}
+                    {:else}
+                        <span class="text-xs"> No files selected </span>
+                    {/if}
+                    <!-- Files -->
+                </span>
+            {/await}
+        </button>
+    </form>
+
+    <hr />
+
+    {#await ae_promises.upload__hosted_file_obj}
+        <span class="fas fa-spinner fa-spin m-1"></span>
+        <p class="highlight">Converting... This may take a few minutes.</p>
+    {:then}
+        {#if ae_promises.upload__hosted_file_obj}
+            <a
+                href={download_clip_src}
+                download={download_clip_filename}
+                class="ae_btn btn_lg btn_primary"
+                ><span class="fas fa-download"></span> Ready to Download</a
+            >
+        {:else}
+            <p>Fill out the form and select the video file to clip.</p>
+        {/if}
+    {/await}
+</div>

src/lib/ae_core/ae_comp__hosted_files_download_button.svelte

@@ -0,0 +1,156 @@
+<script lang="ts">
+    // *** Import Svelte specific
+
+    // Eventually this should use Lucide icons instead of FontAwesome
+    // import {
+    //         ArrowDown01, ArrowDown10, ArrowDownUp,
+    //         BookHeart, BriefcaseBusiness,
+    //         CalendarClock, CalendarOff, Clock, CodeXml, Copy,
+    //         Eye, EyeOff,
+    //         Flag, FlagOff, FileX, Fingerprint,
+    //         Globe, Group,
+    //         Hash, History,
+    //         LockKeyhole, LockKeyholeOpen,
+    //         MessageSquareWarning, Menu, Minus,
+    //         NotebookPen, NotebookText, NotepadTextDashed,
+    //         Pencil, PenLine, Plus,
+    //         RemoveFormatting,
+    //         Search, Settings,
+    //         Shapes, Share2, ShieldCheck, ShieldMinus, Siren, Skull,
+    //         SquareLibrary,
+    //         Tags, Trash2, TypeOutline,
+    //         X
+    //     } from '@lucide/svelte';
+
+    // *** Import Aether specific variables and functions
+    import type { key_val } from '$lib/stores/ae_stores';
+    import { ae_util } from '$lib/ae_utils/ae_utils';
+    import { api } from '$lib/api/api';
+    import {
+        ae_snip,
+        ae_loc,
+        ae_sess,
+        ae_api,
+        ae_trig,
+        slct,
+        slct_trigger
+    } from '$lib/stores/ae_stores';
+
+    interface Props {
+        log_lvl?: number;
+        hosted_file_id: null | string;
+        hosted_file_obj: null | key_val;
+        filename?: null | string;
+        max_length?: number;
+        auto_download?: boolean;
+        linked_to_type?: null | string;
+        linked_to_id?: null | string;
+        download_complete?: null | boolean;
+        download_percent?: number;
+        download_status_msg?: string;
+        classes?: string;
+    }
+
+    let {
+        log_lvl = 0,
+        hosted_file_id,
+        hosted_file_obj,
+        filename = $bindable(null),
+        max_length = $bindable(30),
+        auto_download = true,
+        linked_to_type = $bindable(null),
+        linked_to_id = $bindable(null),
+        download_complete = $bindable(),
+        download_percent = $bindable(),
+        download_status_msg = $bindable('Not started'),
+        classes = 'btn btn-sm lg:btn-md preset-tonal-tertiary border border-tertiary-500 hover:preset-filled-tertiary-500 min-w-48'
+    }: Props = $props();
+
+    if (log_lvl) {
+        console.log(
+            `ae_comp__hosted_files_download_button.svelte hosted_file_id=${hosted_file_id}`,
+            hosted_file_obj
+        );
+    }
+
+    let ae_promises: key_val = $state({});
+
+    $effect(() => {
+        if ($ae_sess?.api_download_kv[hosted_file_obj?.hosted_file_id_random]?.percent_completed) {
+            download_percent =
+                $ae_sess.api_download_kv[hosted_file_obj?.hosted_file_id_random].percent_completed;
+        }
+    });
+</script>
+
+{#if hosted_file_id && hosted_file_obj}
+    <button
+        type="button"
+        disabled={!$ae_loc.trusted_access}
+        class={classes ?? 'btn'}
+        onclick={() => {
+            download_complete = false;
+            download_status_msg = 'Downloading...';
+            ae_promises[hosted_file_obj.hosted_file_id_random] = api
+                .download_hosted_file({
+                    api_cfg: $ae_api,
+                    hosted_file_id: hosted_file_obj.hosted_file_id_random,
+                    return_file: true,
+                    filename: filename ?? hosted_file_obj.filename,
+                    auto_download: auto_download,
+                    log_lvl: log_lvl
+                })
+                .then((result) => {
+                    if (result === null) {
+                        console.log('File not found (404)');
+                        download_complete = null;
+                        download_status_msg = 'File not found';
+                    } else if (result === false) {
+                        console.log(
+                            'Possible error with API server (check network and server status)'
+                        );
+                        download_complete = false;
+                        download_status_msg = 'Failed to download';
+                    } else {
+                        // console.log('File found and downloaded');
+                        download_complete = true;
+                        download_status_msg = 'File downloaded';
+                    }
+                    return result;
+                });
+        }}
+        title={`Download this file:\n${filename ?? hosted_file_obj?.filename}\n[API] SHA256: ${hosted_file_obj?.hash_sha256?.slice(0, 10)}...\nHosted ID: ${hosted_file_obj?.hosted_file_id_random}\n Linked to: ${linked_to_type} ID: ${linked_to_id}`}
+    >
+        {#await ae_promises[hosted_file_obj.hosted_file_id_random]}
+            <span class="fas fa-spinner fa-spin mx-1"></span>
+            <span class="">
+                Downloading
+                {#if $ae_sess.api_download_kv[hosted_file_obj.hosted_file_id_random]}
+                    {$ae_sess.api_download_kv[hosted_file_obj.hosted_file_id_random]
+                        .percent_completed}%
+                {/if}
+                :
+            </span>
+        {:then}
+            <span class="fas fa-{ae_util.file_extension_icon(hosted_file_obj?.extension)}"></span>
+        {/await}
+
+        {#if download_complete === null}
+            <span class="text-red-800 dark:text-red-200">File not found</span>
+        {:else if download_complete === false}
+            <span class="text-red-800 dark:text-red-200">Failed to download!</span>
+        {/if}
+
+        <span class="grow">
+            {ae_util.shorten_filename({
+                filename: filename ?? hosted_file_obj?.filename,
+                max_length: max_length
+            })}
+        </span>
+    </button>
+{:else}
+    <button type="button" disabled class={classes ?? 'btn'} title="No file selected">
+        <span class="fas fa-{ae_util.file_extension_icon(hosted_file_obj?.extension)}"></span>
+        <span class="grow"> No file info </span>
+    </button>
+{/if}

src/lib/ae_core/ae_comp__hosted_files_upload.svelte

@@ -0,0 +1,349 @@
+<script lang="ts">
+    import { preventDefault } from 'svelte/legacy';
+
+    // Imports
+    // Import components and elements
+    import Element_input_files_tbl from '$lib/elements/element_input_files_tbl.svelte';
+
+    // Import storage, functions, and libraries
+    import type { key_val } from '$lib/stores/ae_stores';
+
+    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';
+
+    // Exports
+
+    interface Props {
+        log_lvl?: number;
+        // Expecting these for link_to_type: 'event', 'event_location', 'archive_content', etc
+        link_to_type: string;
+        link_to_id: string;
+        input_name?: string;
+        multiple?: boolean;
+        required?: boolean;
+        accept?: string;
+        class_li_default?: string;
+        class_li?: string;
+        input_class_li?: string[];
+        table_class_li?: string[];
+        upload_complete?: boolean;
+        submit_status?: null | string;
+        hosted_file_id_li?: string[];
+        hosted_file_obj_li?: any[];
+        hosted_file_obj_kv?: key_val;
+        label?: import('svelte').Snippet;
+    }
+
+    let {
+        log_lvl = 0,
+        link_to_type,
+        link_to_id,
+        input_name = 'file_list',
+        multiple = true,
+        required = true,
+        accept = 'audio/*, image/*, video/*, .bak, .cfg, .css, .csv, .doc, .docx, .gz, .htm, .html, .ini, .iso, .j2, .json, .key, .keynote, .md, .pdf, .ppt, .pptx, .rar, .rtf, .sql, .svelte, ttf, .txt, .xls, .xlsx, .xz, .zip, .bin, .dmg, .exe, .js, .msi, .php, .py, .sh',
+        class_li_default = 'flex flex-col gap-1 items-center justify-center w-full max-w-2xl mx-auto my-1',
+        class_li = '',
+        input_class_li = ['file_drop_area'],
+        table_class_li = ['table', 'table-sm', 'table-striped', '', 'text-sm'],
+        upload_complete = $bindable(false),
+        submit_status = $bindable(null),
+        hosted_file_id_li = $bindable([]),
+        hosted_file_obj_li = $bindable([]),
+        hosted_file_obj_kv = $bindable({}),
+        label
+    }: Props = $props();
+
+    // Local Variables
+    let task_id = $state(link_to_id);
+    let input_file_list: any = $state(null);
+    let ae_promises: key_val = $state({}); // Promise<any>;
+    let ae_triggers: key_val = {};
+
+    let input_element_id = 'ae_comp__hosted_files_upload__input';
+
+    // *** Functions and Logic
+    async function handle_submit_form_files(event: SubmitEvent) {
+        console.log('*** handle_submit_form() ***');
+
+        if (!event) {
+            return;
+        }
+
+        $ae_sess.files.disable_submit__hosted_file_obj = true;
+        $ae_sess.files.submit_status = 'saving';
+        submit_status = 'saving';
+        upload_complete = false;
+
+        hosted_file_id_li = [];
+        hosted_file_obj_li = [];
+        hosted_file_obj_kv = {};
+
+        let hosted_file_results;
+
+        const target = event.target as HTMLFormElement;
+        if (
+            target &&
+            target[input_element_id] &&
+            (target[input_element_id] as HTMLInputElement)?.files &&
+            (target[input_element_id] as HTMLInputElement).files.length > 0
+        ) {
+            task_id = link_to_id; // Ideally this should be the file hash, but we may be uploading multiple files at once. This should be done with a loop instead?
+
+            // Loop through each file and upload them individually in event.target[input_element_id].files
+            // The task_id should be the file hash.
+            // processed_file_list[i] has the file hash_sha256, hash_sha256_match, warnings, uploaded, uploaded_bytes, filename, and file_size_bytes.
+            for (let i = 0; i < event.target[input_element_id].files.length; i++) {
+                let tmp_file = event.target[input_element_id].files[i];
+
+                task_id = $ae_sess.files.processed_file_list[i].hash_sha256;
+
+                // hosted_file_results = await handle_input_upload_files([tmp_file], task_id);
+                hosted_file_results = await handle_input_upload_files({
+                    input_upload_files: [tmp_file],
+                    task_id: task_id
+                });
+
+                if (hosted_file_results) {
+                    console.log(`hosted_file_results:`, hosted_file_results);
+                } else {
+                    console.log(`hosted_file_results:`, hosted_file_results);
+                }
+            }
+            // hosted_file_results = await handle_input_upload_files(event.target[input_element_id].files, task_id);
+            $ae_sess.files.processed_file_list = [];
+            $ae_sess = $ae_sess; // Is this needed? 2025-03-17
+            event.target.reset();
+            // await tick();
+
+            if (log_lvl) {
+                console.log(`hosted_file_id_li: ${hosted_file_id_li}`, hosted_file_id_li);
+            } else if (log_lvl > 1) {
+                console.log('hosted_file_results:', hosted_file_results);
+            }
+        }
+
+        $ae_sess.files.disable_submit__hosted_file_obj = false;
+        $ae_sess.files.submit_status = 'saved';
+        submit_status = 'saved';
+        upload_complete = true;
+    }
+
+    async function handle_input_upload_files({
+        input_upload_files,
+        task_id
+    }: {
+        input_upload_files: any[];
+        task_id: string;
+    }) {
+        console.log('*** handle_input_upload_files() ***');
+
+        const form_data = new FormData();
+
+        form_data.append('account_id', $ae_loc.account_id);
+        form_data.append('link_to_type', link_to_type);
+        form_data.append('link_to_id', link_to_id);
+
+        for (let i = 0; i < input_upload_files.length; i++) {
+            form_data.append(`file_list`, input_upload_files[i]);
+        }
+
+        // hash_sha256, uploaded, uploaded_bytes
+        // $ae_sess.files.processed_file_list[i] = {
+        //     ...$ae_sess.files.processed_file_list[i],
+        //     uploaded: $ae_sess.api_upload_kv[link_to_id].percent_completed,
+        //     uploaded_bytes: $ae_sess.api_upload_kv[link_to_id].uploaded_bytes,
+        // };
+
+        let params = null;
+
+        let endpoint = '/hosted_file/upload_files';
+
+        console.log(form_data);
+
+        params = null;
+
+        // Uncomment and the post_promise is not seen by the "await" below
+        // post_promise = await api.post_object({api_cfg: $cfg.api, endpoint: endpoint, params: params, data:form_data});
+        // Uncomment so that the post_promise is not seen by the "await" below
+        ae_promises.upload__hosted_file_obj = api
+            .post_object({
+                api_cfg: $ae_api,
+                endpoint: endpoint,
+                // params: params,
+                form_data: form_data,
+                task_id: task_id,
+                log_lvl: log_lvl
+                // retry_count: 1,
+            })
+            .then(async function (result) {
+                // WARNING!!!! ONLY ONE FILE IS EXPECTED TO BE UPLOADED AT A TIME!!!
+                // NOTE: The /hosted_file/upload_files endpoint will always return a list of successful files uploaded. In this case we are only uploading one file and expecting a list of one item.
+                let x = 0;
+                console.log(result[x]);
+                let hosted_file_obj = result[x];
+
+                let hosted_file_id = hosted_file_obj.hosted_file_id_random;
+
+                hosted_file_id_li.push(hosted_file_id);
+                hosted_file_obj_li.push(hosted_file_obj);
+
+                let hosted_file_data: key_val = {};
+                hosted_file_data['id'] = hosted_file_id;
+                hosted_file_data['hosted_file_id'] = hosted_file_id;
+                hosted_file_data['hosted_file_id_random'] = hosted_file_id;
+                hosted_file_data['for_type'] = link_to_type;
+                hosted_file_data['for_id'] = link_to_id;
+                hosted_file_data['for_id_random'] = link_to_id;
+                hosted_file_data['hash_sha256'] = hosted_file_obj.hash_sha256;
+                hosted_file_data['filename'] = hosted_file_obj.filename;
+                hosted_file_data['extension'] = hosted_file_obj.extension;
+                hosted_file_data['content_type'] = hosted_file_obj.content_type;
+                hosted_file_data['size'] = hosted_file_obj.size;
+                hosted_file_data['enable'] = true;
+                hosted_file_data['created_on'] = hosted_file_obj.created_on;
+                hosted_file_data['updated_on'] = hosted_file_obj.updated_on;
+                console.log(hosted_file_data);
+
+                hosted_file_obj_kv[hosted_file_id] = hosted_file_data;
+
+                return hosted_file_data;
+
+                // $ae_sess.files.new_upload_list[i].uploaded_bytes = 10; // fake 10 bytes at least...
+
+                // let event_file_id = await events_func.create_hosted_file_obj_from_hosted_file_async({
+                //     api_cfg: $ae_api,
+                //     hosted_file_id: hosted_file_id,
+                //     data: event_file_data,
+                //     log_lvl: log_lvl
+                //     })
+                // .then(function (create_result) {
+                //     console.log(create_result); // NOTE: This should be the event_file_id string
+                //     // let event_file_id = create_result;
+                //     return create_result;
+                // });
+
+                // return event_file_id;
+            })
+            .then(function (hosted_file_data) {
+                return hosted_file_data;
+            })
+            .catch(function (error: any) {
+                console.log('Something went wrong.');
+                console.log(error);
+                return false;
+            })
+            .finally(function () {
+                $slct_trigger = 'load__hosted_file_obj_li';
+            });
+
+        console.log(ae_promises.upload__hosted_file_obj);
+        let hosted_file_result = ae_promises.upload__hosted_file_obj;
+
+        return hosted_file_result;
+    }
+</script>
+
+<!-- class:hidden={!$ae_loc.trusted_access} -->
+<form onsubmit={preventDefault(handle_submit_form_files)} class="{class_li_default} {class_li}">
+    {#await ae_promises.upload__hosted_file_obj}
+        <div class="text-lg flex flex-row gap-1 items-center justify-center">
+            <span class="fas fa-spinner fa-spin m-1"></span>
+            <span class="">
+                Uploading
+                {#if $ae_sess.api_upload_kv[task_id]}
+                    {$ae_sess.api_upload_kv[task_id].percent_completed}%
+                {/if}
+            </span>
+        </div>
+    {/await}
+
+    <label
+        for="ae_comp__hosted_files_upload__input"
+        class="svelte_input_file_label text-center"
+        class:hidden={$ae_sess.files.disable_submit__hosted_file_obj}
+    >
+        {#if label}{@render label()}{:else}
+            <div>
+                <span class="fas fa-upload"></span>
+                <!-- Select files to upload -->
+                <!-- <span class="fas fa-file-archive"></span> -->
+                <strong class="bg-blue-300 p-1">Upload files</strong>
+                <!-- (drag and drop) -->
+            </div>
+            <span class="text-sm text-gray-600 dark:text-gray-400 italic">
+                <strong>Presentation related files only</strong><br />
+                (PowerPoint, Keynote, PDF, mp4, Word Doc, Excel, txt, etc)
+            </span>
+        {/if}
+    </label>
+
+    <input
+        id={input_element_id}
+        type="file"
+        bind:files={input_file_list}
+        {multiple}
+        {required}
+        {accept}
+        name={input_name}
+        class="
+            svelte_input_file_element
+            file-dropzone-input
+            px-1
+            block w-full text-lg
+            text-gray-900
+            border border-gray-300 rounded-lg
+            cursor-pointer b
+            g-gray-50 dark:text-gray-400 focus:outline-hidden dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
+            {input_class_li.join(' ')}
+            "
+        class:hidden={$ae_sess.files.disable_submit__hosted_file_obj}
+    />
+
+    <Element_input_files_tbl
+        bind:input_file_list
+        bind:file_list_status={$ae_sess.files.status__file_list}
+        bind:processed_file_list={$ae_sess.files.processed_file_list}
+        {table_class_li}
+    />
+
+    <button
+        type="submit"
+        class="btn btn-lg btn-primary preset-tonal-primary border border-primary-500 hover:preset-tonal-success border border-success-500 w-54"
+        disabled={$ae_sess.files.disable_submit__hosted_file_obj ||
+            $ae_sess.files.status__file_list != 'ready'}
+    >
+        {#await ae_promises.upload__hosted_file_obj}
+            <span class="fas fa-spinner fa-spin m-1"></span>
+            <span class="">
+                Uploading
+                {#if $ae_sess.api_upload_kv[task_id]}
+                    {$ae_sess.api_upload_kv[task_id].percent_completed}%
+                {/if}
+            </span>
+        {:then}
+            <span class="fas fa-upload m-1"></span>
+            <span class="text-sm"> Upload? </span>
+            <!-- <span class="fas fa-save m-1"></span> -->
+            <span class="grow font-bold">
+                {#if $ae_sess.files.processed_file_list?.length > 0}
+
+                    {$ae_sess.files.processed_file_list.length == 1
+                        ? `${$ae_sess.files.processed_file_list.length} file`
+                        : `${$ae_sess.files.processed_file_list.length} files`}
+                {:else}
+                    <span class="text-xs"> No files selected </span>
+                {/if}
+                <!-- Files -->
+            </span>
+        {/await}
+    </button>
+</form>

src/lib/ae_core/ae_core_functions.ts

@@ -0,0 +1,687 @@
+import { browser } from '$app/environment';
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import {
+    load_ae_obj_id__activity_log,
+    load_ae_obj_li__activity_log,
+    create_ae_obj__activity_log,
+    update_ae_obj__activity_log
+    // db_save_ae_obj_li__activity_log
+} from '$lib/ae_core/core__activity_log';
+
+import {
+    load_ae_obj_id__person,
+    load_ae_obj_li__person,
+    create_ae_obj__person,
+    delete_ae_obj_id__person,
+    update_ae_obj__person
+    // db_save_ae_obj_li__person
+} from '$lib/ae_core/core__person';
+
+import {
+    auth_ae_obj__username_password,
+    auth_ae_obj__user_id_user_auth_key,
+    send_email_auth_ae_obj__user_id,
+    qry_ae_obj_li__user_email,
+    auth_ae_obj__user_id_change_password
+    // handle_load_ae_obj_id__user,
+    // handle_load_ae_obj_li__user,
+    // handle_create_ae_obj__user,
+    // handle_update_ae_obj__user,
+    // handle_db_save_ae_obj_li__user
+} from '$lib/ae_core/core__user';
+
+import { generate_qr_code, js_generate_qr_code } from '$lib/ae_core/core__qr_code';
+
+import { check_hosted_file_obj_w_hash } from '$lib/ae_core/core__check_hosted_file_obj_w_hash';
+
+import { load_ae_obj_li__time_zone } from '$lib/ae_core/core__time_zones';
+
+import { load_ae_obj_li__country } from '$lib/ae_core/core__countries';
+
+import { load_ae_obj_li__country_subdivision } from '$lib/ae_core/core__country_subdivisions';
+
+import {
+    load_ae_obj_id__hosted_file,
+    load_ae_obj_li__hosted_file,
+    delete_ae_obj_id__hosted_file,
+    db_save_ae_obj_li__hosted_file,
+    db_update_ae_obj_id__hosted_file
+} from '$lib/ae_core/core__hosted_files';
+
+// This has more generic general purpose functions that can eventually replace the custom ones per object type.
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+
+import { add_url_params, clean_headers } from '$lib/ae_core/core__api_helpers';
+
+const ae_promises: key_val = {}; // Promise<any>;
+
+// Updated 2024-03-29
+async function load_ae_obj_id__site_domain({
+    api_cfg,
+    fqdn,
+    try_cache = false,
+    timeout = 7000,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    fqdn: string;
+    try_cache?: boolean;
+    timeout?: number;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_id__site_domain() *** api.base_url=${api_cfg.base_url}, fqdn=${fqdn}, timeout=${timeout}`
+        );
+    }
+
+    let no_account_id = false;
+    if (!api_cfg.account_id) {
+        no_account_id = true;
+        // api_cfg.headers['x_account_id'] = 'nothing here';
+    }
+    no_account_id = true;
+
+    const params = {};
+
+    // ae_sess.hub.site_domain_id_qry_status = 'loading';
+    ae_promises.load__site_domain_obj = api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            no_account_id: no_account_id,
+            obj_type: 'site_domain',
+            obj_id: fqdn, // NOTE: This is the FQDN, not normally the ID.
+            use_alt_table: true, // NOTE: This will use the table_name_alt value (v_site_domain_fqdn_id) instead of the table_name value in the API config.
+            use_alt_base: true, // NOTE: This will use the base_name_alt value (Site_Domain_FQDN_ID_Base) instead of the base_name value in the API config.
+            params: params,
+            timeout: timeout,
+            log_lvl: log_lvl
+        })
+        .then(function (site_domain_obj_get_result) {
+            if (site_domain_obj_get_result) {
+                // slct.site_domain_obj = site_domain_obj_get_result;
+                // console.log(`site_domain object:`, get(slct).site_domain_obj);
+
+                // ae_loc.account_id = $slct.site_domain_obj.account_id_random;
+                // ae_loc.site_id = $slct.site_domain_obj.site_id_random;
+                // ae_loc.site_domain_id = $slct.site_domain_obj.site_domain_id_random;
+                return site_domain_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    return ae_promises.load__site_domain_obj;
+}
+
+// Updated 2024-03-29
+async function load_ae_obj_code__data_store({
+    api_cfg,
+    code,
+    data_type = 'text',
+    for_type = null,
+    for_id = null,
+    try_cache = true,
+    save_idb = false,
+    timeout = 9000,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    code: string;
+    data_type?: string;
+    for_type?: string | null;
+    for_id?: string | null;
+    try_cache?: boolean;
+    save_idb?: boolean;
+    timeout?: number;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_code__data_store() *** code=${code}`);
+    }
+
+    if (!code) {
+        console.log(`*ae_func* No code provided!`);
+        return false;
+    }
+
+    if (!api_cfg.account_id) {
+        console.log(`*ae_func* No account_id found in API config!`);
+        return false;
+    }
+
+    ae_promises.load__data_store_obj = api
+        .get_data_store_obj_w_code({
+            api_cfg: api_cfg,
+            data_store_code: code,
+            data_type: data_type,
+            timeout: timeout,
+            log_lvl: log_lvl
+        })
+        .then(function (get_ds_result) {
+            let return_this = null;
+            if (get_ds_result) {
+                if (log_lvl) {
+                    console.log(`*ae_func* Got a result for code ${code}`);
+                }
+
+                if (!get_ds_result.data_store_id_random) {
+                    console.log('*ae_func* Something went wrong? No data store ID found.');
+                    return false;
+                }
+
+                // let ae_ds_tmp: key_val = {};
+                const ds_code_obj = {
+                    id: null,
+                    account_id: null,
+                    code: code,
+                    name: null,
+                    type: data_type,
+                    for_type: null, // for_type
+                    for_id: null, // for_id
+                    access_read: null, // 'super', 'administrator', 'trusted', 'anonymous'
+                    access_write: null, // 'super', 'administrator', 'trusted', 'anonymous'
+                    access_delete: null, // 'super', 'administrator', 'trusted', 'anonymous'
+                    html: null,
+                    json: null,
+                    md: null,
+                    text: null,
+                    updated_on: null,
+                    chk_account_id: api_cfg.account_id,
+                    loaded_on: new Date().toISOString()
+                };
+                let val_json: key_val;
+                let val_html: key_val;
+                let val_md: key_val;
+                let val_sql: key_val;
+                let val_text: string;
+
+                // Set the loaded_on datetime to the current time for reference later. This will be used to determine if the data store is stale.
+                // ds_code_obj.loaded_on = new Date().toISOString();
+                // Set the chk_account_id as a backup check to make sure the data store belongs to the account for the current site. This should not be needed, but here we are...
+                // ds_code_obj.chk_account_id = api_cfg.account_id;
+
+                ds_code_obj.id = get_ds_result.data_store_id_random;
+                ds_code_obj.account_id = get_ds_result.account_id_random;
+                ds_code_obj.code = get_ds_result.code; // This will overwrite whatever was passed in.
+                ds_code_obj.name = get_ds_result.name;
+                ds_code_obj.type = get_ds_result.type; // This will overwrite whatever was passed in.
+                if (data_type == 'html') {
+                    ds_code_obj.html = get_ds_result.text;
+                    val_html = get_ds_result.text;
+                    return_this = get_ds_result.html;
+                } else if (data_type == 'json') {
+                    ds_code_obj.json = get_ds_result.json;
+                    val_json = get_ds_result.json;
+                    return_this = get_ds_result.json;
+                } else if (data_type == 'md') {
+                    ds_code_obj.text = get_ds_result.text;
+                    val_md = get_ds_result.text;
+                    return_this = get_ds_result.text;
+                } else if (data_type == 'sql') {
+                    ds_code_obj.text = get_ds_result.text;
+                    val_sql = get_ds_result.text;
+                    return_this = get_ds_result.text;
+                } else {
+                    ds_code_obj.text = get_ds_result.text;
+                    val_text = get_ds_result.text;
+                    return_this = get_ds_result.text;
+                }
+
+                // if (data_type == 'text') {
+                //     // console.log(get_ds_result.text);
+                //     return_this = get_ds_result.text;
+                // } else if (data_type == 'json') {
+                //     // console.log(get_ds_result.json);
+                //     return_this = get_ds_result.json;
+                // }
+
+                if (save_idb) {
+                    if (browser) {
+                        const key_prefix = 'ae_ds__';
+                        if (log_lvl) {
+                            console.log(
+                                `*ae_func* localStorage key: ${code}, value:`,
+                                get_ds_result
+                            );
+                        }
+                        localStorage.setItem(`${key_prefix}${code}`, JSON.stringify(get_ds_result));
+                    } else {
+                        if (log_lvl) {
+                            console.log(
+                                '*ae_func* No browser! Can not use localStorage to save data store object.'
+                            );
+                        }
+                    }
+                }
+            } else {
+                console.log('*ae_func* No results returned.');
+                return_this = null;
+            }
+            return return_this;
+        })
+        .catch(function (error: any) {
+            console.log('*ae_func* No results returned or failed.', error);
+        });
+
+    return ae_promises.load__data_store_obj;
+}
+
+// Updated 2024-03-27
+async function update_ae_obj_id_crud({
+    api_cfg,
+    object_type,
+    object_id,
+    object_reload = false,
+    field_name,
+    new_field_value,
+    params = {},
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    object_type: string;
+    object_id: string;
+    object_reload?: boolean;
+    field_name: string;
+    new_field_value: any;
+    params: any | key_val;
+    try_cache: boolean;
+    log_lvl: number;
+}) {
+    let patch_result: any = null;
+
+    ae_promises.api_update__ae_obj = api
+        .update_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: object_type,
+            obj_id: object_id,
+            field_name: field_name,
+            field_value: new_field_value,
+            // fields: data,
+            key: api_cfg.api_crud_super_key,
+            // jwt: null,
+            // params: params,
+            // data: patch_data,
+            log_lvl: log_lvl
+        })
+        .then(function (results) {
+            console.log('PATCH Promise', results);
+
+            if (results) {
+                console.log(
+                    `Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}`
+                );
+                patch_result = 'PATCH complete';
+            } else {
+                console.log(
+                    `Not Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}; Account ID: ${api_cfg.account_id}`
+                );
+                patch_result = 'PATCH failed';
+                return false;
+            }
+            return true;
+        })
+        .catch(function (error: any) {
+            console.log('Something went wrong patching the record.');
+            console.log(error);
+            return false;
+        })
+        .finally(function () {
+            console.log('PATCH Promise finally');
+        });
+
+    return ae_promises.api_update__ae_obj;
+}
+
+// Core - Already imported above
+// import { load_ae_obj_id__person } from "$lib/ae_core/core__person";
+// import { load_ae_obj_id__user } from "$lib/ae_core/core__user";
+
+// Additional Modules
+import { load_ae_obj_id__archive } from '$lib/ae_archives/ae_archives__archive';
+import { load_ae_obj_id__archive_content } from '$lib/ae_archives/ae_archives__archive_content';
+
+import { load_ae_obj_id__event } from '$lib/ae_events/ae_events__event';
+// import { load_ae_obj_id__event_badge } from "$lib/ae_events/ae_events__event_badge";
+import { load_ae_obj_id__event_device } from '$lib/ae_events/ae_events__event_device';
+// import { load_ae_obj_id__event_exhibit } from "$lib/ae_events/ae_events__event_exhibit";
+import { load_ae_obj_id__event_file } from '$lib/ae_events/ae_events__event_file';
+import { load_ae_obj_id__event_location } from '$lib/ae_events/ae_events__event_location';
+import { load_ae_obj_id__event_presentation } from '$lib/ae_events/ae_events__event_presentation';
+import { load_ae_obj_id__event_presenter } from '$lib/ae_events/ae_events__event_presenter';
+import { load_ae_obj_id__event_session } from '$lib/ae_events/ae_events__event_session';
+
+import { load_ae_obj_id__journal } from '$lib/ae_journals/ae_journals__journal';
+import { load_ae_obj_id__journal_entry } from '$lib/ae_journals/ae_journals__journal_entry';
+
+import { load_ae_obj_id__post } from '$lib/ae_posts/ae_posts__post';
+import { load_ae_obj_id__post_comment } from '$lib/ae_posts/ae_posts__post_comment';
+
+// Updated 2025-09-30
+async function update_ae_obj_id_crud_v2({
+    api_cfg,
+    object_type,
+    object_id,
+    object_reload = false,
+    field_name,
+    new_field_value,
+    params = {},
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    object_type: string;
+    object_id: string;
+    object_reload?: boolean;
+    field_name: string;
+    new_field_value: any;
+    params?: any | key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** update_ae_obj_id_crud_v2() *** object_type=${object_type}, object_id=${object_id}, object_reload=${object_reload}, field_name=${field_name}, new_field_value=`,
+            new_field_value
+        );
+    }
+    let patch_result: any = null;
+
+    ae_promises.api_update__ae_obj = await api
+        .update_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: object_type,
+            obj_id: object_id,
+            field_name: field_name,
+            field_value: new_field_value,
+            // fields: data,
+            key: api_cfg.api_crud_super_key,
+            // jwt: null,
+            // params: params,
+            // data: patch_data,
+            log_lvl: log_lvl
+        })
+        .then(function (results) {
+            console.log('PATCH Promise', results);
+
+            if (results) {
+                console.log(
+                    `Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}`
+                );
+                patch_result = 'PATCH complete';
+
+                if (object_reload) {
+                    if (log_lvl) {
+                        console.log(`Reloading the object after patching...`);
+                    }
+                    // Reload the object to get the latest data. There is a special case for each type.
+                    if (object_type == 'person') {
+                        const load_person_obj = load_ae_obj_id__person({
+                            api_cfg: api_cfg,
+                            person_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_person_obj;
+                    }
+                    // if (object_type == 'user') {
+                    //     let load_user_obj = load_ae_obj_id__user({
+                    //         api_cfg: api_cfg,
+                    //         user_id: object_id,
+                    //         log_lvl: log_lvl
+                    //     });
+                    //     return load_user_obj;
+                    // }
+
+                    if (object_type == 'archive') {
+                        const load_archive_obj = load_ae_obj_id__archive({
+                            api_cfg: api_cfg,
+                            archive_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_archive_obj;
+                    }
+                    if (object_type == 'archive_content') {
+                        const load_archive_content_obj = load_ae_obj_id__archive_content({
+                            api_cfg: api_cfg,
+                            archive_content_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_archive_content_obj;
+                    }
+
+                    if (object_type == 'journal') {
+                        const load_journal_obj = load_ae_obj_id__journal({
+                            api_cfg: api_cfg,
+                            journal_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_journal_obj;
+                    }
+                    if (object_type == 'journal_entry') {
+                        const load_journal_entry_obj = load_ae_obj_id__journal_entry({
+                            api_cfg: api_cfg,
+                            journal_entry_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_journal_entry_obj;
+                    }
+
+                    if (object_type == 'event') {
+                        const load_event_obj = load_ae_obj_id__event({
+                            api_cfg: api_cfg,
+                            event_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_event_obj;
+                    }
+                    if (object_type == 'event_device') {
+                        const load_event_device_obj = load_ae_obj_id__event_device({
+                            api_cfg: api_cfg,
+                            event_device_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_event_device_obj;
+                    }
+                    if (object_type == 'event_file') {
+                        const load_event_file_obj = load_ae_obj_id__event_file({
+                            api_cfg: api_cfg,
+                            event_file_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_event_file_obj;
+                    }
+                    if (object_type == 'event_location') {
+                        const load_event_location_obj = load_ae_obj_id__event_location({
+                            api_cfg: api_cfg,
+                            event_location_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_event_location_obj;
+                    }
+                    if (object_type == 'event_presentation') {
+                        const load_event_presentation_obj = load_ae_obj_id__event_presentation({
+                            api_cfg: api_cfg,
+                            event_presentation_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_event_presentation_obj;
+                    }
+                    if (object_type == 'event_presenter') {
+                        const load_event_presenter_obj = load_ae_obj_id__event_presenter({
+                            api_cfg: api_cfg,
+                            event_presenter_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_event_presenter_obj;
+                    }
+                    if (object_type == 'event_session') {
+                        const load_event_session_obj = load_ae_obj_id__event_session({
+                            api_cfg: api_cfg,
+                            event_session_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_event_session_obj;
+                    }
+
+                    if (object_type == 'post') {
+                        const load_post_obj = load_ae_obj_id__post({
+                            api_cfg: api_cfg,
+                            post_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_post_obj;
+                    }
+                    if (object_type == 'post_comment') {
+                        const load_post_comment_obj = load_ae_obj_id__post_comment({
+                            api_cfg: api_cfg,
+                            post_comment_id: object_id,
+                            log_lvl: log_lvl
+                        });
+                        return load_post_comment_obj;
+                    }
+                }
+            } else {
+                console.log(
+                    `Not Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}; Account ID: ${api_cfg.account_id}`
+                );
+                patch_result = 'PATCH failed';
+                return false;
+            }
+            return true;
+        })
+        .catch(function (error: any) {
+            console.log('Something went wrong patching the record.');
+            console.log(error);
+            return false;
+        })
+        .finally(function () {
+            console.log('PATCH Promise finally');
+        });
+
+    return ae_promises.api_update__ae_obj;
+}
+
+async function download_export__obj_type({
+    api_cfg,
+    get_obj_type, // The type of object to return: event_badge, event_presenter, sponsorship, etc.
+    for_obj_type, // Usually for an account, event, event_exhibit, or sponsorship_cfg
+    for_obj_id, // The ID of the object
+    exp_alt = null, // Export name (idaa, other, not 'default')
+    file_type = 'CSV', // 'CSV' or 'Excel'
+    return_file = true,
+    filename = 'no_filename.csv',
+    auto_download = false,
+    limit = 5000,
+    params = {}, // key value object is expected
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    get_obj_type: string;
+    for_obj_type: string;
+    for_obj_id: string;
+    exp_alt?: null | string;
+    file_type?: string;
+    return_file?: boolean;
+    filename?: string;
+    auto_download?: boolean;
+    limit?: number;
+    params?: key_val;
+    log_lvl?: number;
+}) {
+    console.log('*** ae_core_functions.js: download_export__obj_type() ***');
+
+    const task_id = for_obj_id;
+
+    const endpoint = `/v2/crud/${get_obj_type}/list`;
+    params['for_obj_type'] = for_obj_type;
+    params['for_obj_id'] = for_obj_id;
+
+    if (file_type == 'CSV' || file_type == 'Excel') {
+        params['file_type'] = file_type;
+    }
+    params['return_file'] = true;
+
+    params['mdl_alt'] = 'out';
+
+    if (exp_alt) {
+        params['exp_alt'] = exp_alt;
+    }
+
+    // let clean_filename = filename.replace(/[^a-z0-9]/gi, '_');
+    // let clean_filename = filename.replace(/[^a-z0-9\[\]-]/gi, '_');
+    const clean_filename = filename.replace(/[^a-zA-Z0-9\[\]-_.]/gi, '_');
+    // let clean_filename = filename.replace(/[^a-zA-Z0-9\[\]-\._ ]/gi, '_');
+
+    if (limit >= 0) {
+        params['limit'] = limit;
+    }
+
+    ae_promises.download__export_file = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        timeout: 90000, // Seems to timeout sometimes with the default of 60 seconds
+        return_blob: return_file,
+        filename: clean_filename,
+        auto_download: auto_download,
+        task_id: task_id,
+        log_lvl: log_lvl
+    });
+
+    console.log('ae_promises.download__export_file:', ae_promises.download__export_file);
+    return ae_promises.download__export_file;
+}
+
+const export_obj = {
+    check_hosted_file_obj_w_hash: check_hosted_file_obj_w_hash,
+
+    load_ae_obj_li__time_zone: load_ae_obj_li__time_zone,
+
+    load_ae_obj_li__country: load_ae_obj_li__country,
+    load_ae_obj_li__country_subdivision: load_ae_obj_li__country_subdivision,
+
+    load_ae_obj_id__hosted_file: load_ae_obj_id__hosted_file,
+    load_ae_obj_li__hosted_file: load_ae_obj_li__hosted_file,
+    delete_ae_obj_id__hosted_file: delete_ae_obj_id__hosted_file,
+    db_save_ae_obj_li__hosted_file: db_save_ae_obj_li__hosted_file,
+    db_update_ae_obj_id__hosted_file: db_update_ae_obj_id__hosted_file,
+
+    db_save_ae_obj_li__ae_obj: db_save_ae_obj_li__ae_obj,
+
+    add_url_params: add_url_params,
+    clean_headers: clean_headers,
+
+    load_ae_obj_id__site_domain: load_ae_obj_id__site_domain,
+    load_ae_obj_code__data_store: load_ae_obj_code__data_store,
+
+    load_ae_obj_id__activity_log: load_ae_obj_id__activity_log,
+    load_ae_obj_li__activity_log: load_ae_obj_li__activity_log,
+    create_ae_obj__activity_log: create_ae_obj__activity_log,
+    update_ae_obj__activity_log: update_ae_obj__activity_log,
+
+    load_ae_obj_id__person: load_ae_obj_id__person,
+    load_ae_obj_li__person: load_ae_obj_li__person,
+    create_ae_obj__person: create_ae_obj__person,
+    delete_ae_obj_id__person: delete_ae_obj_id__person,
+    update_ae_obj__person: update_ae_obj__person,
+
+    auth_ae_obj__username_password: auth_ae_obj__username_password,
+    auth_ae_obj__user_id_user_auth_key: auth_ae_obj__user_id_user_auth_key,
+    send_email_auth_ae_obj__user_id: send_email_auth_ae_obj__user_id,
+    qry_ae_obj_li__user_email: qry_ae_obj_li__user_email,
+    auth_ae_obj__user_id_change_password: auth_ae_obj__user_id_change_password,
+
+    update_ae_obj_id_crud: update_ae_obj_id_crud,
+    update_ae_obj_id_crud_v2: update_ae_obj_id_crud_v2,
+    download_export__obj_type: download_export__obj_type,
+    generate_qr_code: generate_qr_code,
+    js_generate_qr_code: js_generate_qr_code
+};
+export const core_func = export_obj;

src/lib/ae_core/core__account.ts

@@ -0,0 +1,23 @@
+export interface Account {
+    id: string;
+    // id_random: string;
+    account_id: string;
+    account_id_random: string;
+
+    code?: string;
+    name: string;
+    short_name?: null | string;
+    description?: null | string;
+
+    enable: null | boolean;
+    enable_from?: null | Date;
+    enable_to?: null | Date;
+
+    hide?: null | boolean;
+    priority?: null | boolean;
+    sort?: null | number;
+    group?: null | string;
+    notes?: null | string;
+    created_on: Date;
+    updated_on?: null | Date;
+}

src/lib/ae_core/core__activity_log.ts

@@ -0,0 +1,372 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+const ae_promises: key_val = {};
+
+// Updated 2024-10-23
+export async function load_ae_obj_id__activity_log({
+    api_cfg,
+    activity_log_id,
+    // inc_other_li = false,
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    activity_log_id: string;
+    // inc_other_li?: boolean,
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    console.log(`*** load_ae_obj_id__activity_log() *** activity_log_id=${activity_log_id}`);
+
+    const params = {};
+
+    ae_promises.load__activity_log_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'activity_log',
+            obj_id: activity_log_id, // NOTE: This is the FQDN, not normally the ID.
+            use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(function (activity_log_obj_get_result) {
+            if (activity_log_obj_get_result) {
+                // if (try_cache) {
+                //     // This is expecting a list
+                //     db_save_ae_obj_li__activity_log({
+                //         obj_type: 'activity_log',
+                //         obj_li: [activity_log_obj_get_result]
+                //     });
+                // }
+                return activity_log_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__activity_log_obj:', ae_promises.load__activity_log_obj);
+    }
+
+    return ae_promises.load__activity_log_obj;
+}
+
+// Updated 2024-10-23
+export async function load_ae_obj_li__activity_log({
+    api_cfg,
+    for_obj_type = 'account',
+    for_obj_id,
+    // inc_other_li = false,
+    order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        name: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    },
+    params = {},
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    for_obj_type: string;
+    for_obj_id: string;
+    // inc_other_li?: boolean,
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    console.log(
+        `*** load_ae_obj_li__activity_log() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`
+    );
+
+    const enabled: string = params.qry__enabled ?? 'enabled'; // all, disabled, enabled
+    const hidden: string = params.qry__hidden ?? 'not_hidden'; // all, hidden, not_hidden
+    const limit: number = params.qry__limit ?? 99; // 99
+    const offset: number = params.qry__offset ?? 0; // 0
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__activity_log_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'activity_log',
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(function (activity_log_obj_li_get_result) {
+            if (activity_log_obj_li_get_result) {
+                // if (try_cache) {
+                //     db_save_ae_obj_li__activity_log({
+                //         obj_type: 'activity_log',
+                //         obj_li: activity_log_obj_li_get_result
+                //     });
+                // }
+                return activity_log_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.load__activity_log_obj_li:',
+            ae_promises.load__activity_log_obj_li
+        );
+    }
+
+    return ae_promises.load__activity_log_obj_li;
+}
+
+// Updated 2024-10-23
+export async function create_ae_obj__activity_log({
+    api_cfg,
+    account_id,
+    data_kv,
+    params = {},
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    account_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    log_lvl?: number;
+}) {
+    console.log(`*** create_ae_obj__activity_log() *** account_id=${account_id}`);
+
+    ae_promises.create__activity_log = await api
+        .create_ae_obj_crud({
+            api_cfg: api_cfg,
+            obj_type: 'activity_log',
+            fields: {
+                account_id_random: account_id,
+                ...data_kv
+            },
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(function (activity_log_obj_create_result) {
+            if (activity_log_obj_create_result) {
+                // db_save_ae_obj_li__activity_log(
+                //     {
+                //         obj_type: 'activity_log',
+                //         obj_li: [activity_log_obj_create_result]
+                //     });
+                return activity_log_obj_create_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log('ae_promises.create__activity_log:', ae_promises.create__activity_log);
+    }
+    return ae_promises.create__activity_log;
+}
+
+// Updated 2024-10-23
+export async function update_ae_obj__activity_log({
+    api_cfg,
+    activity_log_id,
+    data_kv,
+    params = {},
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    activity_log_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** update_ae_obj__activity_log() *** activity_log_id=${activity_log_id}`,
+            data_kv
+        );
+    }
+    ae_promises.update__activity_log_obj = await api
+        .update_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'activity_log',
+            obj_id: activity_log_id,
+            fields: data_kv,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(function (activity_log_obj_update_result) {
+            if (activity_log_obj_update_result) {
+                // if (try_cache) {
+                //     db_save_ae_obj_li__activity_log({
+                //         obj_type: 'activity_log', obj_li: [activity_log_obj_update_result]
+                //     });
+                // }
+                return activity_log_obj_update_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log('ae_promises.update__activity_log_obj:', ae_promises.update__activity_log_obj);
+    }
+    return ae_promises.update__activity_log_obj;
+}
+
+// This new function is using CRUD v2. This should allow for more flexibility in the queries.
+// Updated 2024-10-23
+export async function qry__activity_log({
+    api_cfg,
+    activity_log_id,
+    qry_str,
+    qry_files,
+    qry_start_datetime, // Example greater than: '2024-10-24'
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 50,
+    offset = 0,
+    params = {},
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    activity_log_id: any;
+    qry_str?: string;
+    qry_files?: null | boolean;
+    qry_start_datetime?: null | string; // Greater than this datetime
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined; // all, disabled, enabled
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined; // all, hidden, not_hidden
+    limit?: number;
+    offset?: number;
+    params?: any;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    console.log(
+        `*** qry__activity_log() *** activity_log_id=${activity_log_id} qry_str=${qry_str}`
+    );
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 25); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    const params_json: key_val = {};
+
+    // if (qry_str && qry_str.length > 2) {
+    //     params_json['ft_qry'] = {};
+    //     params_json['ft_qry']['default_qry_str'] = qry_str;
+    // }
+
+    params_json['qry'] = [];
+
+    if (qry_files === true) {
+        const qry_param = {
+            type: 'AND',
+            field: 'file_count_all',
+            operator: '>',
+            value: 0
+        };
+        params_json['qry'].push(qry_param);
+    } else if (qry_files === false) {
+        const qry_param = {
+            type: 'AND',
+            field: 'file_count_all',
+            operator: 'IS',
+            value: null
+        };
+        params_json['qry'].push(qry_param);
+    }
+
+    if (qry_start_datetime) {
+        const qry_param = {
+            type: 'AND',
+            field: 'start_datetime',
+            operator: '>',
+            value: qry_start_datetime
+        };
+        params_json['qry'].push(qry_param);
+    }
+
+    const order_by_li: { [key: string]: 'ASC' | 'DESC' }[] = [
+        { priority: 'DESC' },
+        { sort: 'DESC' },
+        { start_datetime: 'ASC' },
+        { name: 'ASC' },
+        { updated_on: 'DESC' },
+        { created_on: 'DESC' }
+    ];
+
+    ae_promises.load__activity_log_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'activity_log',
+            for_obj_type: 'account',
+            for_obj_id: activity_log_id,
+            use_alt_tbl: true, // NOTE: We want to use the alt table for activity_log searching
+            use_alt_mdl: false,
+            use_alt_exp: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(function (activity_log_obj_li_get_result) {
+            if (activity_log_obj_li_get_result) {
+                // db_save_ae_obj_li__activity_log({
+                //     obj_type: 'activity_log',
+                //     obj_li: activity_log_obj_li_get_result
+                // });
+                return activity_log_obj_li_get_result;
+            } else {
+                return [];
+            }
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.load__activity_log_obj_li:',
+            ae_promises.load__activity_log_obj_li
+        );
+    }
+    return ae_promises.load__activity_log_obj_li;
+}

src/lib/ae_core/core__api_helpers.ts

@@ -0,0 +1,57 @@
+import type { key_val } from '$lib/stores/ae_stores';
+
+// Updated 2025-01-28
+export function add_url_params({
+    base_url = '',
+    endpoint,
+    params,
+    log_lvl = 0
+}: {
+    base_url?: string;
+    endpoint: string;
+    params: key_val;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** add_url_params() *** base_url=${base_url} endpoint=${endpoint}`, params);
+    }
+
+    const url_obj = new URL(endpoint, base_url);
+
+    Object.keys(params).forEach((key) => url_obj.searchParams.append(key, params[key]));
+
+    if (log_lvl) {
+        console.log('New URL:', url_obj.toString());
+    }
+
+    return url_obj.toString();
+    // return 'test';
+}
+
+// This is used to clean the header property names. Not underscores allowed in the header names.
+// Updated 2025-01-28
+export function clean_headers({ headers, log_lvl = 0 }: { headers: any; log_lvl?: number }) {
+    if (log_lvl) {
+        console.log(`*** clean_headers() ***`, headers);
+    }
+
+    const headers_cleaned: key_val = {};
+    for (const prop in headers) {
+        const prop_cleaned = prop.replaceAll('_', '-');
+        if (typeof headers[prop] != 'string') {
+            headers[prop] = JSON.stringify(headers[prop]);
+        }
+        headers_cleaned[prop_cleaned] = headers[prop];
+        if (log_lvl > 1) {
+            console.log(`${prop_cleaned}: ${headers_cleaned[prop_cleaned]}`);
+        }
+    }
+
+    // Object.keys(headers).forEach(key => {
+    //     if (headers[key]) {
+    //         headers_cleaned[key] = headers[key];
+    //     }
+    // });
+
+    return headers_cleaned;
+}

src/lib/ae_core/core__check_hosted_file_obj_w_hash.ts

@@ -0,0 +1,34 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+// Updated 2024-10-02
+export async function check_hosted_file_obj_w_hash({
+    api_cfg,
+    hosted_file_hash,
+    check_for_local = true, // Forces a check on the host server for the file.
+    params = {},
+    return_meta = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    hosted_file_hash: string;
+    check_for_local?: boolean;
+    params?: key_val;
+    return_meta?: boolean;
+    log_lvl?: number;
+}) {
+    console.log('*** stores_event_api.js: check_hosted_file_obj_w_hash() ***');
+
+    const endpoint = `/hosted_file/hash/${hosted_file_hash}`;
+    if (check_for_local) {
+        params['check_for_local'] = true;
+    }
+    const check_hosted_file_obj_w_hash_get_promise = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        return_meta: return_meta,
+        log_lvl: log_lvl
+    });
+    return check_hosted_file_obj_w_hash_get_promise;
+}

src/lib/ae_core/core__countries.ts

@@ -0,0 +1,71 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_core } from '$lib/ae_core/db_core';
+
+const ae_promises: key_val = {};
+
+// Updated 2024-10-14
+export async function load_ae_obj_li__country({
+    api_cfg,
+    // account_id,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 299,
+    offset = 0,
+    order_by_li = { sort: 'DESC', english_short_name: 'ASC', alpha_2_code: 'ASC' },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    // account_id: string,
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__country() ***`);
+    }
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__country_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'lu',
+            for_obj_type: 'country',
+            // for_obj_id: account_id,
+            use_alt_tbl: false,
+            use_alt_mdl: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(function (country_li_get_result) {
+            if (country_li_get_result) {
+                // handle_db_save_ae_obj_li__country({obj_type: 'country', obj_li: country_li_get_result});
+                return country_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    console.log('ae_promises.load__country_li:', ae_promises.load__country_li);
+    return ae_promises.load__country_li;
+}

src/lib/ae_core/core__country_subdivisions.ts

@@ -0,0 +1,74 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_core } from '$lib/ae_core/db_core';
+
+const ae_promises: key_val = {};
+
+// Updated 2024-10-14
+export async function load_ae_obj_li__country_subdivision({
+    api_cfg,
+    // account_id,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 399,
+    offset = 0,
+    order_by_li = { sort: 'DESC', name: 'ASC', code: 'ASC' },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    // account_id: string,
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__country_subdivision() ***`);
+    }
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__country_subdivision_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'lu',
+            for_obj_type: 'country_subdivision',
+            // for_obj_id: account_id,
+            use_alt_tbl: false,
+            use_alt_mdl: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(function (country_subdivision_li_get_result) {
+            if (country_subdivision_li_get_result) {
+                // handle_db_save_ae_obj_li__country_subdivision({obj_type: 'country_subdivision', obj_li: country_subdivision_li_get_result});
+                return country_subdivision_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    console.log(
+        'ae_promises.load__country_subdivision_li:',
+        ae_promises.load__country_subdivision_li
+    );
+    return ae_promises.load__country_subdivision_li;
+}

src/lib/ae_core/core__crud_generic.ts

@@ -0,0 +1,335 @@
+import { marked } from 'marked';
+
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+
+// Define generic CRUD args
+export interface GenericCrudArgs {
+    api_cfg: any;
+    obj_type: string;
+    obj_id?: string;
+    for_obj_type?: string;
+    for_obj_id?: string;
+
+    db_instance?: any; // Optional DB instance for caching
+    db_field_li?: string[]; // Optional list of fields to save in DB
+
+    // Flags to include related core object models
+    inc_account_li?: boolean;
+    inc_address_li?: boolean;
+    inc_contact_li?: boolean;
+    inc_person_li?: boolean;
+    inc_site_li?: boolean;
+    inc_site_domain_li?: boolean;
+    inc_user_li?: boolean;
+
+    // Flags to include related other object models
+    inc_archive_li?: boolean;
+    inc_archive_entry_li?: boolean;
+    inc_event_li?: boolean;
+    inc_event_session_li?: boolean;
+    inc_post_li?: boolean;
+    inc_post_comment_li?: boolean;
+    inc_journal_li?: boolean;
+    inc_journal_entry_li?: boolean;
+
+    inc_obj_type_li?: string[]; // Optional list of object types to include
+
+    data_kv?: key_val;
+    enabled?: 'enabled' | 'disabled' | 'all';
+    hidden?: 'not_hidden' | 'hidden' | 'all';
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}
+
+// Generic function: Load single object by ID
+export async function load_ae_obj_id(args: GenericCrudArgs): Promise<any> {
+    const { api_cfg, obj_type, obj_id, log_lvl = 0 } = args;
+
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id() *** obj_type=${obj_type} obj_id=${obj_id}`);
+    }
+
+    const result = await api.get_ae_obj_id_crud({
+        api_cfg,
+        obj_type,
+        obj_id,
+        params: {},
+        log_lvl
+    });
+
+    return result;
+}
+
+// Generic function: Load list of objects
+export async function load_ae_obj_li(args: GenericCrudArgs): Promise<any> {
+    const {
+        api_cfg,
+        obj_type,
+        for_obj_type = '',
+        for_obj_id,
+        inc_obj_type_li,
+        enabled = 'enabled',
+        hidden = 'not_hidden',
+        limit = 99,
+        offset = 0,
+        order_by_li = {},
+        params = {},
+        try_cache = true,
+        log_lvl = 0
+    } = args;
+
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_li() *** obj_type=${obj_type} for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`
+        );
+    }
+
+    const params_json: key_val = {};
+
+    const result = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg,
+        obj_type,
+        for_obj_type,
+        for_obj_id,
+        enabled,
+        hidden,
+        order_by_li,
+        limit,
+        offset,
+        params_json: {},
+        params,
+        log_lvl
+    });
+
+    return result;
+}
+
+// Generic function: Create object
+export async function create_ae_obj(args: GenericCrudArgs): Promise<any> {
+    const { api_cfg, obj_type, data_kv, log_lvl = 0 } = args;
+
+    if (log_lvl) {
+        console.log(`*** create_ae_obj() *** obj_type=${obj_type}`, data_kv);
+    }
+
+    const result = await api.create_ae_obj_crud({
+        api_cfg,
+        obj_type,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: {},
+        return_obj: true,
+        log_lvl
+    });
+
+    return result;
+}
+
+// Generic function: Update object
+export async function update_ae_obj(args: GenericCrudArgs): Promise<any> {
+    const { api_cfg, obj_type, obj_id, data_kv, log_lvl = 0 } = args;
+
+    if (log_lvl) {
+        console.log(`*** update_ae_obj() *** obj_type=${obj_type} obj_id=${obj_id}`, data_kv);
+    }
+
+    const result = await api.update_ae_obj_id_crud({
+        api_cfg,
+        obj_type,
+        obj_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: {},
+        return_obj: true,
+        log_lvl
+    });
+
+    return result;
+}
+
+// Generic function: Delete object
+export async function delete_ae_obj_id(args: GenericCrudArgs): Promise<any> {
+    const { api_cfg, obj_type, obj_id, method = 'delete', log_lvl = 0 } = args;
+
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id() *** obj_type=${obj_type} obj_id=${obj_id}`);
+    }
+
+    const result = await api.delete_ae_obj_id_crud({
+        api_cfg,
+        obj_type,
+        obj_id,
+        key: api_cfg.api_crud_super_key,
+        params: {},
+        method,
+        log_lvl
+    });
+
+    return result;
+}
+
+// Additional Modules that might be needed for reloads
+import { load_ae_obj_id__archive } from '$lib/ae_archives/ae_archives__archive';
+import { load_ae_obj_id__archive_content } from '$lib/ae_archives/ae_archives__archive_content';
+import { load_ae_obj_id__event } from '$lib/ae_events/ae_events__event';
+import { load_ae_obj_id__event_device } from '$lib/ae_events/ae_events__event_device';
+import { load_ae_obj_id__event_file } from '$lib/ae_events/ae_events__event_file';
+import { load_ae_obj_id__event_location } from '$lib/ae_events/ae_events__event_location';
+import { load_ae_obj_id__event_presentation } from '$lib/ae_events/ae_events__event_presentation';
+import { load_ae_obj_id__event_presenter } from '$lib/ae_events/ae_events__event_presenter';
+import { load_ae_obj_id__event_session } from '$lib/ae_events/ae_events__event_session';
+import { load_ae_obj_id__journal } from '$lib/ae_journals/ae_journals__journal';
+import { load_ae_obj_id__journal_entry } from '$lib/ae_journals/ae_journals__journal_entry';
+import { load_ae_obj_id__post } from '$lib/ae_posts/ae_posts__post';
+import { load_ae_obj_id__post_comment } from '$lib/ae_posts/ae_posts__post_comment';
+import { load_ae_obj_id__person } from '$lib/ae_core/core__person';
+
+export async function update_ae_obj_id_crud_v2({
+    api_cfg,
+    object_type,
+    object_id,
+    object_reload = false,
+    field_name,
+    new_field_value,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    object_type: string;
+    object_id: string;
+    object_reload?: boolean;
+    field_name: string;
+    new_field_value: any;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** update_ae_obj_id_crud_v2() *** object_type=${object_type}, object_id=${object_id}, object_reload=${object_reload}, field_name=${field_name}, new_field_value=`,
+            new_field_value
+        );
+    }
+
+    try {
+        const results = await api.update_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: object_type,
+            obj_id: object_id,
+            field_name: field_name,
+            field_value: new_field_value,
+            key: api_cfg.api_crud_super_key,
+            log_lvl: log_lvl
+        });
+
+        if (!results) {
+            console.log(
+                `Not Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}; Account ID: ${api_cfg.account_id}`
+            );
+            return false;
+        }
+
+        console.log(`Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}`);
+
+        if (object_reload) {
+            if (log_lvl) console.log(`Reloading the object after patching...`);
+
+            const reload_fns: { [key: string]: (args: any) => Promise<any> } = {
+                person: load_ae_obj_id__person,
+                archive: load_ae_obj_id__archive,
+                archive_content: load_ae_obj_id__archive_content,
+                journal: load_ae_obj_id__journal,
+                journal_entry: load_ae_obj_id__journal_entry,
+                event: load_ae_obj_id__event,
+                event_device: load_ae_obj_id__event_device,
+                event_file: load_ae_obj_id__event_file,
+                event_location: load_ae_obj_id__event_location,
+                event_presentation: load_ae_obj_id__event_presentation,
+                event_presenter: load_ae_obj_id__event_presenter,
+                event_session: load_ae_obj_id__event_session,
+                post: load_ae_obj_id__post,
+                post_comment: load_ae_obj_id__post_comment
+            };
+
+            const reload_fn = reload_fns[object_type];
+            if (reload_fn) {
+                const id_key = `${object_type}_id`;
+                return await reload_fn({ api_cfg, [id_key]: object_id, log_lvl });
+            }
+        }
+
+        return true;
+    } catch (error) {
+        console.log('Something went wrong patching the record.', error);
+        return false;
+    }
+}
+
+export async function download_export_li({
+    api_cfg,
+    get_obj_type,
+    for_obj_type,
+    for_obj_id,
+    exp_alt = null,
+    file_type = 'CSV',
+    return_file = true,
+    filename = 'no_filename.csv',
+    auto_download = false,
+    limit = 5000,
+    params = {},
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    get_obj_type: string;
+    for_obj_type: string;
+    for_obj_id: string;
+    exp_alt?: null | string;
+    file_type?: string;
+    return_file?: boolean;
+    filename?: string;
+    auto_download?: boolean;
+    limit?: number;
+    params?: key_val;
+    log_lvl?: number;
+}) {
+    if (log_lvl) console.log('*** download_export_li() ***');
+
+    const endpoint = `/v2/crud/${get_obj_type}/list`;
+    params['for_obj_type'] = for_obj_type;
+    params['for_obj_id'] = for_obj_id;
+
+    if (file_type === 'CSV' || file_type === 'Excel') {
+        params['file_type'] = file_type;
+    }
+    params['return_file'] = true;
+    params['mdl_alt'] = 'out';
+
+    if (exp_alt) {
+        params['exp_alt'] = exp_alt;
+    }
+
+    const clean_filename = filename.replace(/[^a-zA-Z0-9\[\]-_.]/gi, '_');
+
+    if (limit >= 0) {
+        params['limit'] = limit;
+    }
+
+    const download_result = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        timeout: 90000,
+        return_blob: return_file,
+        filename: clean_filename,
+        auto_download: auto_download,
+        task_id: for_obj_id,
+        log_lvl: log_lvl
+    });
+
+    if (log_lvl) console.log('download_result:', download_result);
+    return download_result;
+}

src/lib/ae_core/core__data_store.ts

@@ -0,0 +1,112 @@
+import { browser } from '$app/environment';
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+export interface Data_Store {
+    id: string;
+    account_id: string;
+    code: string;
+    name: string;
+    type: string;
+    for_type?: string | null;
+    for_id?: string | null;
+    access_read?: string | null;
+    access_write?: string | null;
+    access_delete?: string | null;
+    html?: string | null;
+    json?: key_val | null;
+    md?: string | null;
+    text?: string | null;
+    updated_on?: string | null;
+    chk_account_id?: string;
+    loaded_on?: string;
+}
+
+/**
+ * Fetches a data_store object by its unique code.
+ *
+ * @param api_cfg - The API configuration object.
+ * @param code - The code of the data store to fetch.
+ * @param data_type - The expected data type ('text', 'json', 'html', 'md', 'sql').
+ * @param save_idb - Whether to save the fetched data to localStorage.
+ * @param timeout - The request timeout in milliseconds.
+ * @param log_lvl - The logging level.
+ * @returns The data from the data store (e.g., text content or JSON object).
+ */
+export async function load_ae_obj_by_code__data_store({
+    api_cfg,
+    code,
+    data_type = 'text',
+    save_idb = false,
+    timeout = 9000,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    code: string;
+    data_type?: string;
+    save_idb?: boolean;
+    timeout?: number;
+    log_lvl?: number;
+}): Promise<any> {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_by_code__data_store() *** code=${code}`);
+    }
+
+    if (!code) {
+        console.log(`*ae_func* No code provided!`);
+        return null;
+    }
+
+    if (!api_cfg.account_id) {
+        console.log(`*ae_func* No account_id found in API config!`);
+        return null;
+    }
+
+    try {
+        const get_ds_result = await api.get_data_store_obj_w_code({
+            api_cfg: api_cfg,
+            data_store_code: code,
+            data_type: data_type,
+            timeout: timeout,
+            log_lvl: log_lvl
+        });
+
+        if (!get_ds_result) {
+            console.log('*ae_func* No results returned.');
+            return null;
+        }
+
+        if (log_lvl) {
+            console.log(`*ae_func* Got a result for code ${code}`);
+        }
+
+        if (!get_ds_result.data_store_id_random) {
+            console.log('*ae_func* Something went wrong? No data store ID found.');
+            return null;
+        }
+
+        let return_this: any = null;
+
+        // Simplified data extraction
+        if (data_type === 'html') {
+            return_this = get_ds_result.html;
+        } else if (data_type === 'json') {
+            return_this = get_ds_result.json;
+        } else {
+            return_this = get_ds_result.text;
+        }
+
+        if (save_idb && browser) {
+            const key_prefix = 'ae_ds__';
+            if (log_lvl) {
+                console.log(`*ae_func* localStorage key: ${code}, value:`, get_ds_result);
+            }
+            localStorage.setItem(`${key_prefix}${code}`, JSON.stringify(get_ds_result));
+        }
+
+        return return_this;
+    } catch (error) {
+        console.log('*ae_func* No results returned or failed.', error);
+        return null;
+    }
+}

src/lib/ae_core/core__hosted_files.ts

@@ -0,0 +1,362 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_core } from '$lib/ae_core/db_core';
+
+const ae_promises: key_val = {};
+
+// Updated 2024-06-14
+export async function load_ae_obj_id__hosted_file({
+    api_cfg,
+    hosted_file_id,
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    hosted_file_id: string;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__hosted_file() *** hosted_file_id=${hosted_file_id}`);
+    }
+
+    const params = {};
+
+    ae_promises.load__hosted_file_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'hosted_file',
+            obj_id: hosted_file_id, // NOTE: This is the FQDN, not normally the ID.
+            use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(function (hosted_file_obj_get_result) {
+            if (hosted_file_obj_get_result) {
+                // This is expecting a list
+                db_save_ae_obj_li__hosted_file({
+                    obj_type: 'hosted_file',
+                    obj_li: [hosted_file_obj_get_result]
+                });
+                return hosted_file_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    return ae_promises.load__hosted_file_obj;
+}
+
+// Updated 2024-07-03
+export async function load_ae_obj_li__hosted_file({
+    api_cfg,
+    for_obj_type,
+    for_obj_id,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 99,
+    offset = 0,
+    order_by_li = { priority: 'DESC', sort: 'DESC', updated_on: 'DESC', created_on: 'DESC' },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    for_obj_type: string;
+    for_obj_id: string;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_li__hosted_file() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`
+        );
+    }
+
+    // Check if for_obj_type is in the list of valid Aether object types:
+    const valid_for_obj_types = [
+        'account',
+        'archive',
+        'archive_content',
+        'event',
+        'event_session',
+        'event_presentation',
+        'event_presenter',
+        'event_location',
+        'journal',
+        'journal_entry',
+        'post',
+        'post_comment'
+    ];
+    if (!valid_for_obj_types.includes(for_obj_type)) {
+        console.log(`Invalid for_obj_type: ${for_obj_type}`);
+        return [];
+    }
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'all'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 99); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__hosted_file_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'hosted_file',
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            use_alt_tbl: false,
+            use_alt_mdl: false,
+            use_alt_exp: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(function (hosted_file_obj_li_get_result) {
+            if (hosted_file_obj_li_get_result) {
+                if (try_cache) {
+                    db_save_ae_obj_li__hosted_file({
+                        obj_type: 'hosted_file',
+                        obj_li: hosted_file_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                }
+                return hosted_file_obj_li_get_result;
+            } else {
+                console.log('No results returned.');
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__hosted_file_obj_li:', ae_promises.load__hosted_file_obj_li);
+    }
+    return ae_promises.load__hosted_file_obj_li;
+}
+
+// Updated 2024-11-07
+export async function delete_ae_obj_id__hosted_file({
+    api_cfg,
+    hosted_file_id,
+    link_to_type, // Ideally this should be required...
+    link_to_id, // Ideally this should be required...
+    rm_orphan = false,
+    fake_delete = false, // Fake the delete result to "true"
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    hosted_file_id: string;
+    link_to_type: string;
+    link_to_id: string;
+    rm_orphan?: boolean;
+    fake_delete?: boolean;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__hosted_file() *** hosted_file_id=${hosted_file_id}`);
+    }
+
+    const endpoint = `/hosted_file/${hosted_file_id}`;
+
+    params['link_to_type'] = link_to_type;
+    params['link_to_id'] = link_to_id;
+    params['rm_orphan'] = rm_orphan; // This is what actually allows the hosted file to be deleted from the server.
+    if (log_lvl) {
+        console.log(`delete_ae_obj_id__hosted_file() params=`, params);
+    }
+
+    if (fake_delete) {
+        console.log(`*** FAKE DELETE!!! ***`);
+        ae_promises.delete__hosted_file_obj = true;
+        return ae_promises.delete__hosted_file_obj;
+    }
+
+    ae_promises.delete__hosted_file_obj = await api
+        .delete_object({
+            api_cfg: api_cfg,
+            endpoint: endpoint,
+            params: params,
+            // return_meta: return_meta,
+            log_lvl: log_lvl
+        })
+        .then(function (hosted_file_obj_li_get_result) {
+            if (hosted_file_obj_li_get_result) {
+                if (try_cache) {
+                    if (log_lvl) {
+                        console.log(
+                            `Attempting to remove IDB entry for hosted_file_id=${hosted_file_id}`
+                        );
+                    }
+                    db_core.file.delete(hosted_file_id); // Delete from the DB no matter what.
+                }
+                return hosted_file_obj_li_get_result;
+            } else {
+                console.log('No results returned.');
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__hosted_file_obj:', ae_promises.delete__hosted_file_obj);
+    }
+
+    return ae_promises.delete__hosted_file_obj;
+}
+
+// This function will loop through the hosted_file_obj_li and save each one to the DB.
+// Updated 2025-01-07
+export function db_save_ae_obj_li__hosted_file({
+    obj_type,
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_type: string;
+    obj_li: any;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__hosted_file() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            try {
+                const id_random = await db_core.file.put({
+                    id: obj.hosted_file_id_random,
+                    id_random: obj.hosted_file_id_random,
+                    hosted_file_id: obj.hosted_file_id_random,
+                    hosted_file_id_random: obj.hosted_file_id_random,
+
+                    hash_sha256: obj.hash_sha256, // Renamed with alias in FastAPI model
+
+                    for_type: obj.for_type,
+                    for_id: obj.for_id_id_random,
+                    for_id_random: obj.for_id_random,
+
+                    account_id: obj.account_id_random,
+
+                    filename: obj.filename,
+                    extension: obj.extension,
+                    content_type: obj.content_type,
+                    size: obj.size,
+
+                    enable: obj.enable,
+                    hide: obj.hide,
+                    // priority: obj.priority,
+                    // sort: obj.sort,
+                    group: obj.group,
+                    notes: obj.notes,
+                    created_on: obj.created_on,
+                    updated_on: obj.updated_on,
+
+                    filename_no_ext: obj.filename_no_ext,
+                    filename_w_ext: obj.filename_w_ext
+                });
+                // console.log(`Put obj with ID: ${obj.hosted_file_id_random} or ${id_random}`);
+            } catch (error) {
+                const status = `Failed to put ${obj.hosted_file_id_random}: ${error}`;
+                console.log(status);
+            }
+
+            // const id_random = await db_core.file.put(obj);
+            // console.log(`Put obj with ID: ${obj.hosted_file_id_random}`);
+        });
+
+        return true;
+    }
+    return false;
+}
+
+// Updated 2025-01-07
+export function db_update_ae_obj_id__hosted_file({
+    obj_type,
+    obj_id,
+    data_kv,
+    log_lvl = 0
+}: {
+    obj_type: string;
+    obj_id: string;
+    data_kv: key_val;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** db_update_ae_obj_id__hosted_file() ***`);
+    }
+
+    if (obj_id) {
+        console.log(`ae_obj ${obj_type}:`, obj_id);
+
+        try {
+            // db_core.file.update(obj_id, data_kv);
+            db_core.file.update(obj_id, {
+                // for_type: data_kv.for_type,
+                // for_id: data_kv.for_id_id_random,
+                // for_id_random: data_kv.for_id_random,
+
+                filename: data_kv.filename,
+                extension: data_kv.extension,
+                content_type: data_kv.content_type,
+                size: data_kv.size,
+
+                // enable: data_kv.enable,
+                // hide: data_kv.hide,
+                // priority: data_kv.priority,
+                // sort: data_kv.sort,
+                // group: data_kv.group,
+                // notes: data_kv.notes,
+                // created_on: data_kv.created_on,
+                // updated_on: data_kv.updated_on,
+
+                filename_no_ext: data_kv.filename_no_ext,
+                filename_w_ext: data_kv.filename_w_ext
+                // hosted_file_content_type: data_kv.hosted_file_content_type,
+                // file_size: data_kv.file_size,
+                // hosted_file_size: data_kv.hosted_file_size,
+            });
+
+            console.log(`Update obj with ID: ${obj_id}`);
+        } catch (error) {
+            const status = `Failed to update ${obj_id}: ${error}`;
+            console.log(status);
+        }
+
+        // const id_random = await db_core.file.put(obj);
+        // console.log(`Put obj with ID: ${data_kv.hosted_file_id_random}`);
+        return true;
+    }
+    return false;
+}

src/lib/ae_core/core__idb_dexie.ts

@@ -0,0 +1,123 @@
+import type { Dexie, Table } from 'dexie';
+
+/**
+ * Extracts the primary key from an object using a prioritized list of possible key names.
+ * @param obj The object to extract the ID from.
+ * @param table_name The name of the table, used to construct legacy key names.
+ * @param log_lvl The logging level.
+ * @returns The found ID, or undefined if no ID could be found.
+ */
+function find_object_id(
+    obj: any,
+    table_name: string,
+    log_lvl: number
+): string | number | undefined {
+    const potential_keys = ['id', `${table_name}_id`, `${table_name}_id_random`];
+
+    for (const key of potential_keys) {
+        if (obj[key]) {
+            if (key !== 'id' && log_lvl > 0) {
+                console.warn(
+                    `Found legacy ID key "${key}" for table "${table_name}". Consider standardizing to "id".`,
+                    obj
+                );
+            }
+            return obj[key];
+        }
+    }
+
+    console.error(
+        `Object is missing a valid ID for table "${table_name}". It will be skipped.`,
+        obj
+    );
+    return undefined;
+}
+
+/**
+ * Saves an array of objects to a Dexie database table using bulkPut.
+ * This function handles both creating new records and updating existing ones.
+ *
+ * @param db_instance The Dexie database instance.
+ * @param table_name The name of the table in the database.
+ * @param obj_li The array of objects to save.
+ * @param properties_to_save The list of property names to include in the saved object.
+ * @param log_lvl The logging level for debugging.
+ * @returns A promise that resolves with the keys of the saved objects.
+ * @throws An error if the database operation fails.
+ *
+ * @version 2.0.0
+ * @since 2025-11-13
+ */
+export async function db_save_ae_obj_li__ae_obj<T extends Record<string, any>>({
+    db_instance,
+    table_name,
+    obj_li,
+    properties_to_save,
+    log_lvl = 0
+}: {
+    db_instance: Dexie;
+    table_name: string;
+    obj_li: T[];
+    properties_to_save: (keyof T)[];
+    log_lvl?: number;
+}) {
+    if (log_lvl > 0) {
+        console.log(
+            `*** db_save_ae_obj_li__ae_obj: Attempting to save ${obj_li.length} objects to table "${table_name}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to save.');
+        return [];
+    }
+
+    const db_table: Table<T> = db_instance.table(table_name);
+    if (!db_table) {
+        const error_msg = `Table not found in Dexie instance: ${table_name}`;
+        console.error(error_msg);
+        throw new Error(error_msg);
+    }
+
+    const data_to_save = obj_li
+        .map((obj) => {
+            const record: Partial<T> = {};
+
+            // Extract only the specified properties to save.
+            for (const prop of properties_to_save) {
+                record[prop] = obj[prop];
+            }
+
+            // Ensure the primary key is included, attempting to find it from various legacy keys.
+            const id = find_object_id(obj, table_name, log_lvl);
+
+            if (id === undefined) {
+                return null; // Skip objects without a valid ID.
+            }
+
+            const primary_key_name = db_table.schema.primKey.name;
+            (record as any)[primary_key_name] = id;
+            return record;
+        })
+        .filter(Boolean) as T[];
+
+    if (data_to_save.length === 0) {
+        if (log_lvl > 0) {
+            console.warn('All objects were skipped, likely due to missing IDs.');
+        }
+        return [];
+    }
+
+    try {
+        // bulkPut efficiently handles both inserts and updates.
+        const keys = await db_table.bulkPut(data_to_save);
+        if (log_lvl > 0) {
+            console.log(`Successfully saved ${keys.length} objects to "${table_name}".`);
+        }
+        return keys;
+    } catch (error) {
+        console.error(`Failed to save objects to "${table_name}":`, error);
+        // Re-throw the error to let the caller handle it.
+        throw error;
+    }
+}

src/lib/ae_core/core__person.ts

@@ -0,0 +1,736 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+import { db_core } from '$lib/ae_core/db_core';
+
+const ae_promises: key_val = {};
+
+// Updated 2025-06-10
+export async function load_ae_obj_id__person({
+    api_cfg,
+    person_id,
+    params = {},
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    person_id: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__person() *** person_id=${person_id}`);
+    }
+
+    ae_promises.load__person_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'person',
+            obj_id: person_id,
+            use_alt_table: false,
+            use_alt_base: false,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (person_obj_get_result) {
+            if (person_obj_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__person_props({
+                        obj_li: [person_obj_get_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_core,
+                        table_name: 'person',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // // This is expecting a list
+                    // db_save_ae_obj_li__person({
+                    //     obj_type: 'person',
+                    //     obj_li: [person_obj_get_result],
+                    //     log_lvl: log_lvl
+                    // });
+                }
+                return person_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__person_obj:', ae_promises.load__person_obj);
+    }
+
+    return ae_promises.load__person_obj;
+}
+
+// Updated 2025-06-10
+export async function load_ae_obj_li__person({
+    api_cfg,
+    for_obj_type = 'account',
+    for_obj_id,
+    qry_email = null,
+    qry_user_id = null,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 99,
+    offset = 0,
+    order_by_li = [
+        { family_name: 'ASC' },
+        { given_name: 'ASC' },
+        { updated_on: 'DESC' },
+        { created_on: 'DESC' }
+    ],
+    // params_json = {},
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    for_obj_type: string;
+    for_obj_id: string;
+    qry_email?: string | null;
+    qry_user_id?: string | null;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined; // all, disabled, enabled
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined; // all, hidden, not_hidden
+    limit?: number;
+    offset?: number;
+    order_by_li?: { [key: string]: 'ASC' | 'DESC' }[] | null;
+    // params_json?: null|key_val,
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_li__person() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id} enabled=${enabled} hidden=${hidden} limit=${limit} offset=${offset}`
+        );
+    }
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+    if (qry_user_id) {
+        // params_json['and_qry'] = {};
+        // params_json['and_qry']['user_id_random'] = qry_user_id;
+
+        params_json['qry'] = [];
+
+        const qry_param = {
+            type: 'AND',
+            field: 'user_id_random',
+            operator: '=',
+            value: qry_user_id
+        };
+        params_json['qry'].push(qry_param);
+    }
+
+    if (log_lvl) {
+        console.log('params_json:', params_json);
+    }
+
+    ae_promises.load__person_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'person',
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            use_alt_tbl: false,
+            use_alt_mdl: false,
+            use_alt_exp: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (person_obj_li_get_result) {
+            if (person_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__person_props({
+                        obj_li: person_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_core,
+                        table_name: 'person',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__person({
+                    //     obj_type: 'person',
+                    //     obj_li: person_obj_li_get_result,
+                    //     log_lvl: log_lvl
+                    // });
+                }
+                return person_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    console.log('ae_promises.load__person_obj_li:', ae_promises.load__person_obj_li);
+    return ae_promises.load__person_obj_li;
+}
+
+// Updated 2025-06-10
+export async function create_ae_obj__person({
+    api_cfg,
+    user_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    user_id?: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__person() *** user_id=${user_id}`);
+    }
+
+    ae_promises.create__person = await api
+        .create_ae_obj_crud({
+            api_cfg: api_cfg,
+            obj_type: 'person',
+            fields: {
+                user_id_random: user_id,
+                ...data_kv
+            },
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(async function (person_obj_create_result) {
+            if (person_obj_create_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__person_props({
+                        obj_li: [person_obj_create_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_core,
+                        table_name: 'person',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__person(
+                    //     {
+                    //         obj_type: 'person',
+                    //         obj_li: [person_obj_create_result],
+                    //         log_lvl: log_lvl
+                    //     });
+                }
+                return person_obj_create_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log('ae_promises.create__person:', ae_promises.create__person);
+    }
+    return ae_promises.create__person;
+}
+
+// Updated 2025-05-10
+export async function delete_ae_obj_id__person({
+    api_cfg,
+    person_id,
+    method = 'delete', // 'delete', 'disable', 'hide'
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    person_id: string;
+    method?: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__person() *** person_id=${person_id}`);
+    }
+
+    ae_promises.delete__person_obj = await api
+        .delete_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'person',
+            obj_id: person_id,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            method: method,
+            log_lvl: log_lvl
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(async function () {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(`Attempting to remove IDB entry for person_id=${person_id}`);
+                }
+                await db_core.person.delete(person_id);
+            }
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__person_obj:', ae_promises.delete__person_obj);
+    }
+
+    return ae_promises.delete__person_obj;
+}
+
+// Updated 2025-06-10
+export async function update_ae_obj__person({
+    api_cfg,
+    person_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    person_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__person() *** person_id=${person_id}`, data_kv);
+    }
+
+    // log_lvl = 1;
+
+    // Perform the API update
+    const result = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'person',
+        obj_id: person_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    });
+
+    // Handle the result
+    if (result) {
+        if (try_cache) {
+            // Process the results first
+            const processed_obj_li = await process_ae_obj__person_props({
+                obj_li: [result],
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log('Processed object list:', processed_obj_li);
+            }
+            // Save the updated results list to the database
+            if (log_lvl) {
+                console.log('Saving to DB...');
+            }
+            await db_save_ae_obj_li__ae_obj({
+                db_instance: db_core,
+                table_name: 'person',
+                obj_li: processed_obj_li,
+                properties_to_save: properties_to_save,
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log('DB save completed.');
+            }
+
+            // await db_save_ae_obj_li__person({
+            //     obj_type: 'person',
+            //     obj_li: [result],
+            //     log_lvl: log_lvl,
+            // });
+        }
+        return result;
+    } else {
+        console.error('Failed to update person.');
+        return null;
+    }
+}
+
+// Updated 2024-06-10
+export function db_save_ae_obj_li__person({
+    obj_type,
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_type: string;
+    obj_li: any;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__person() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            const obj_record = {
+                id: obj.person_id_random,
+                // id_random: obj.person_id_random,
+                person_id: obj.person_id_random,
+                person_id_random: obj.person_id_random,
+
+                external_id: obj.external_id,
+                external_sys_id: obj.external_sys_id,
+                code: obj.code,
+
+                account_id: obj.account_id_random,
+                account_id_random: obj.account_id_random,
+
+                person_profile_id: obj.person_profile_id_random,
+                person_profile_id_random: obj.person_profile_id_random, // The new table person_profile will be used soon...
+
+                user_id: obj.user_id_random,
+                user_id_random: obj.user_id_random,
+
+                pronouns: obj.pronouns,
+                informal_name: obj.informal_name,
+                title_names: obj.title_names,
+                given_name: obj.given_name,
+                middle_name: obj.middle_name,
+                family_name: obj.family_name,
+                designations: obj.designations,
+
+                professional_title: obj.professional_title,
+
+                full_name: obj.full_name,
+                full_name_override: obj.full_name_override, // was display_name and display_name_override
+
+                affiliations: obj.affiliations,
+
+                primary_email: obj.primary_email,
+
+                biography: obj.biography,
+
+                agree: obj.agree,
+                comments: obj.comments,
+
+                allow_auth_key: obj.allow_auth_key, // For sign in without password
+                // auth_key: obj.auth_key,
+                passcode: obj.passcode,
+
+                data_json: obj.data_json,
+
+                enable: obj.enable,
+                hide: obj.hide,
+                priority: obj.priority,
+                sort: obj.sort,
+                group: obj.group,
+                notes: obj.notes,
+                created_on: obj.created_on,
+                updated_on: obj.updated_on,
+
+                // From SQL view
+                username: obj.username,
+                user_name: obj.user_name,
+                user_email: obj.user_email,
+                user_allow_auth_key: obj.user_allow_auth_key, // For sign in without password
+                user_super: obj.user_super,
+                user_manager: obj.user_manager,
+                user_administrator: obj.user_administrator,
+                user_public: obj.user_public
+            };
+
+            let id_random = null;
+
+            try {
+                id_random = await db_core.person.update(obj_record.id, obj_record);
+            } catch (error) {
+                console.log(`Error: Failed to update ${obj_record.id}: ${error}`);
+            }
+            if (!id_random) {
+                if (log_lvl) {
+                    console.log(`Failed to update record with ID: ${obj_record.id}. Trying put...`);
+                }
+                try {
+                    id_random = await db_core.person.put(obj_record);
+                } catch (error) {
+                    console.log(`Error: Failed to put ${obj.person_id_random}: ${error}`);
+                }
+            } else {
+                if (log_lvl) {
+                    console.log(`Updated record with ID: ${obj_record.id}`);
+                }
+            }
+            if (!id_random) {
+                console.log(`Failed to save record with ID: ${obj_record.id}`);
+            } else {
+                if (log_lvl) {
+                    console.log(`Saved record with ID: ${obj_record.id}`);
+                }
+            }
+        });
+
+        return true;
+    }
+}
+
+// Updated 2025-06-10
+const properties_to_save = [
+    'id',
+    'person_id',
+    // 'person_id_random',
+
+    'external_id',
+    'external_sys_id',
+    'code',
+
+    'account_id',
+    // 'account_id_random',
+
+    'person_profile_id',
+    // 'person_profile_id_random', // The new table person_profile will be used soon...
+
+    'user_id',
+    // 'user_id_random',
+
+    'pronouns',
+    'informal_name',
+    'title_names',
+    'given_name',
+    'middle_name',
+    'family_name',
+    'designations',
+
+    'professional_title',
+
+    'full_name',
+    'full_name_override', // was display_name and display_name_override
+
+    'affiliations',
+    'primary_email',
+    'biography',
+    'agree',
+    'comments',
+
+    'allow_auth_key', // For sign in without password
+    // 'auth_key', // Should this be saved locally?
+    'passcode',
+
+    // 'passcode_timeout',
+    // 'passcode_read', // For LLM (AI) generated summary...???
+    // 'passcode_read_expire',
+    // 'passcode_write',
+    // 'passcode_write_expire',
+    // 'private_passcode',
+
+    // 'alert',
+    // 'alert_msg',
+
+    'data_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    'tmp_sort_3',
+
+    // From SQL view
+    'username',
+    // 'user_username', // Same as username
+    'user_name',
+    'user_email',
+    'user_allow_auth_key', // For sign in without password
+    'user_super',
+    'user_manager',
+    'user_administrator',
+    'user_public',
+
+    'organization_id',
+    // 'organization_id_random',
+    'organization_name',
+
+    'contact_id',
+    // 'contact_id_random',
+    'contact_name',
+    'contact_email',
+    'contact_cc_email',
+    'contact_phone_mobile',
+    'contact_phone_home',
+    'contact_phone_office',
+    'contact_phone_land',
+    'contact_phone_fax',
+    'contact_phone_other',
+
+    'address_id',
+    // 'address_id_random',
+    'address_city',
+    'address_country_alpha_2_code' // contact_address_country_alpha_2_code
+];
+
+/**
+ * NON-EXPORTED LOCAL HELPER
+ * Processes a list of Aether objects by applying common and specific transformations.
+ */
+async function _process_generic_props<T extends Record<string, any>>({
+    obj_li,
+    obj_type,
+    log_lvl = 0,
+    specific_processor
+}: {
+    obj_li: T[];
+    obj_type: string;
+    log_lvl?: number;
+    specific_processor?: (obj: T) => Promise<T> | T;
+}): Promise<T[]> {
+    if (log_lvl > 0) {
+        console.log(
+            `*** _process_generic_props: Processing ${obj_li.length} objects of type "${obj_type}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li: T[] = [];
+
+    for (const original_obj of obj_li) {
+        let processed_obj = { ...original_obj };
+
+        // --- Common Transformations ---
+
+        // 1. Standardize ID and other '_random' fields
+        // The API often returns fields like 'person_id_random', which need to be aliased to 'person_id'.
+        for (const key in processed_obj) {
+            if (key.endsWith('_random')) {
+                const new_key = key.slice(0, -7); // Remove '_random' suffix
+                (processed_obj as any)[new_key] = processed_obj[key];
+            }
+        }
+        // Ensure 'id' is set from '[obj_type]_id_random'
+        const random_id_key = `${obj_type}_id_random`;
+        if (processed_obj[random_id_key]) {
+            (processed_obj as any).id = processed_obj[random_id_key];
+        }
+
+        // 2. Create common computed properties for client-side sorting.
+        const group = processed_obj.group ?? '0';
+        const priority = processed_obj.priority ? 1 : 0;
+        const sort = processed_obj.sort ?? '0';
+        const updated = processed_obj.updated_on ?? processed_obj.created_on;
+        const name = processed_obj.name ?? '';
+
+        (processed_obj as any).tmp_sort_1 = `${group}_${priority}_${sort}_${updated}`;
+        (processed_obj as any).tmp_sort_2 = `${group}_${priority}_${sort}_${name}_${updated}`;
+
+        // --- Specific Transformations ---
+        if (specific_processor) {
+            processed_obj = await Promise.resolve(specific_processor(processed_obj));
+        }
+
+        processed_obj_li.push(processed_obj as T);
+    }
+
+    return processed_obj_li;
+}
+
+// Updated 2025-06-10
+export async function process_ae_obj__person_props({
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    return _process_generic_props({
+        obj_li,
+        obj_type: 'person',
+        log_lvl,
+        specific_processor: (obj) => {
+            // Person-specific computed sort fields, overriding generic ones if needed
+            obj.tmp_sort_1 = `${obj.group ?? '0'}_${obj.priority ? 1 : 0}_${
+                obj.sort ?? '0'
+            }_${obj.updated_on}_${obj.created_on}`;
+            obj.tmp_sort_2 = `${obj.group ?? '0'}_${obj.priority ? 1 : 0}_${
+                obj.sort ?? '0'
+            }_${obj.updated_on ?? obj.created_on}`;
+            obj.tmp_sort_3 = `${obj.group ?? '0'}_${obj.priority ? 1 : 0}_${
+                obj.sort ?? '0'
+            }_${obj.name ?? ''}_${obj.updated_on ?? obj.created_on}`;
+
+            return obj;
+        }
+    });
+}

src/lib/ae_core/core__qr_code.ts

@@ -0,0 +1,263 @@
+import QRCode from 'qrcode';
+
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_core } from '$lib/ae_core/db_core';
+
+const ae_promises: key_val = {};
+
+// I recently made significant updates to this with the help of Copilot. I think it is correct.
+// Updated 2025-10-03
+export async function generate_qr_code({
+    api_cfg,
+    account_id,
+    qr_type, // mecard, obj, str, vcard
+    qr_id, // This is essentially the filename it can be found at /qr/{account_id}/{qr_id}
+    qr_data, // vcard fields:
+    obj_type,
+    obj_id,
+    str, // For encoding a string (like a URL) into a QR code.
+    return_blob = true, // blob or url?
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    account_id: string;
+    qr_type: string;
+    qr_id: string;
+    qr_data?: any;
+    obj_type?: string;
+    obj_id?: string;
+    str?: string;
+    return_blob?: boolean;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** generate_qr_code() *** qr_id=${qr_id}`);
+    }
+
+    const endpoint = `/qr/${account_id}/${qr_id}`;
+    if (log_lvl) {
+        console.log('Endpoint', endpoint);
+    }
+    const params: key_val = {
+        regen: true, // Regenerate the file even if nothing has changed.
+        return_file: return_blob,
+        qr_type: qr_type, // mecard, obj, vcard
+        qr_send: return_blob
+    };
+
+    if (qr_type == 'vcard') {
+        if (qr_data.informal_name) {
+            params['n'] = `${qr_data.family_name};${qr_data.given_name};${qr_data.informal_name}`;
+        } else {
+            params['n'] = `${qr_data.family_name};${qr_data.given_name}`;
+        }
+        params['fn'] = qr_data.full_name_override;
+        if (qr_data.affiliations) {
+            params['org'] = qr_data.affiliations;
+        }
+        params['email'] = qr_data.email;
+        if (qr_data.phone) {
+            params['tel'] = qr_data.phone;
+        }
+        params['adr'] = qr_data.location_override;
+        if (qr_data.address_line_1) {
+            params['adr_str'] = qr_data.address_line_1;
+        }
+        params['adr_loc'] = qr_data.city;
+        params['adr_reg'] = qr_data.state_province;
+        params['adr_postal'] = qr_data.postal_code;
+        params['adr_country'] = qr_data.country;
+    } else if (qr_type == 'obj') {
+        params['obj_type'] = obj_type;
+        params['obj_id'] = obj_id;
+    } else if (qr_type == 'str') {
+        params['str'] = str;
+    }
+
+    if (log_lvl) {
+        console.log('Params', params);
+    }
+
+    const filename = null;
+
+    // Await the API call
+    ae_promises.generate_qr_code = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        return_blob: return_blob,
+        filename: filename,
+        auto_download: false,
+        log_lvl: log_lvl
+    });
+
+    if (log_lvl) {
+        console.log('QR code API response:', ae_promises.generate_qr_code);
+    }
+
+    // If return_blob is true, ensure we return an object URL for use in <img src=...>
+    if (return_blob) {
+        const data = ae_promises.generate_qr_code.data ?? ae_promises.generate_qr_code;
+
+        // If already a Blob, use it directly
+        if (data instanceof Blob) {
+            return URL.createObjectURL(data);
+        }
+
+        // If it's a Response (from fetch), convert to Blob
+        if (data instanceof Response) {
+            const blob = await data.blob();
+            return URL.createObjectURL(blob);
+        }
+
+        // If it's an ArrayBuffer or Uint8Array, convert to Blob
+        if (data instanceof ArrayBuffer || data instanceof Uint8Array) {
+            const blob = new Blob([data], { type: 'image/png' });
+            return URL.createObjectURL(blob);
+        }
+
+        // If it's a base64 string, return as data URL
+        if (typeof data === 'string' && data.startsWith('data:image')) {
+            return data;
+        }
+
+        // If it's a raw string (base64), convert to data URL
+        if (typeof data === 'string') {
+            return `data:image/png;base64,${data}`;
+        }
+
+        // Fallback: try to create a Blob from whatever is left
+        try {
+            const blob = new Blob([data], { type: 'image/png' });
+            return URL.createObjectURL(blob);
+        } catch (e) {
+            if (log_lvl) console.error('Could not create QR code image blob:', e, data);
+            return null;
+        }
+    }
+
+    // If not returning a blob, return the raw API response
+    return ae_promises.generate_qr_code;
+}
+
+// Updated 2025-10-09
+/**
+ * Generates a QR code image as a Base64 data URL based on provided parameters.
+ *
+ * NOTE: This function handles the data formatting and QR generation,
+ * but does NOT handle server-side logic like file saving, disk path checks,
+ * or database lookups (like redis_lookup_id_random).
+ *
+ * @param {string} qr_type - The type of data format ('mecard', 'vcard', 'obj', 'kv', 'js', 'str').
+ * @param {Object} params - An object containing all necessary query parameters (n, fn, url, email, etc.).
+ * @param {string} qr_id - A unique ID (unused in pure client-side generation, but kept for context).
+ * @returns {Promise<string>} A promise that resolves to a Base64 data URL of the QR code image.
+ * @throws {Error} If the qr_type is unknown or data is missing.
+ */
+export async function js_generate_qr_code(qr_type, params = {}) {
+    const {
+        n = '',
+        fn = '',
+        org = '',
+        url = '',
+        email = '',
+        tel = '',
+        adr_poa = '',
+        adr_ext = '',
+        adr_str = '',
+        adr_loc = '',
+        adr_reg = '',
+        adr_postal = '',
+        adr_country = '',
+        obj_type,
+        obj_id,
+        key,
+        val,
+        js,
+        str
+    } = params;
+
+    console.log(`*** js_generate_qr_code() *** qr_type=${qr_type}`, params);
+
+    let qr_data = null;
+
+    // --- 1. Replicate Data Formatting Logic ---
+    switch (qr_type) {
+        case 'mecard':
+            // Format: MECARD:N:name;EMAIL:email;ADR:address;;
+            // Note: The original Python code had adr, but we'll use n and email as a minimum.
+            qr_data = `MECARD:N:${n};EMAIL:${email};;`;
+            // You can enhance this with other MeCard fields if needed.
+            break;
+
+        case 'vcard':
+            // Format: BEGIN:VCARD...END:VCARD
+            qr_data = `BEGIN:VCARD\nVERSION:3.0\nN:${n}\nFN:${fn}\nORG:${org}\nEMAIL:${email}\n`;
+
+            if (url) {
+                qr_data += `URL:${url}\n`;
+            }
+            if (tel) {
+                qr_data += `TEL:${tel}\n`;
+            }
+            if (adr_loc) {
+                // ADR format: TYPE=postal:Po box;Ext;Street;Locality;Region;Postal code;Country
+                qr_data += `ADR:${adr_poa};${adr_ext};${adr_str};${adr_loc};${adr_reg};${adr_postal};${adr_country}\n`;
+            }
+            qrData += 'END:VCARD';
+            break;
+
+        case 'obj':
+            // Custom format: OBJ:ot:obj_type,oi:obj_id
+            if (!obj_type || !obj_id) throw new Error('Missing obj_type or obj_id for type "obj".');
+            qr_data = `OBJ:ot:${obj_type},oi:${obj_id}`;
+            break;
+
+        case 'kv':
+            // Custom format: KV:k:"key",v:"val"
+            if (!key || !val) throw new Error('Missing key or val for type "kv".');
+            qr_data = `KV:k:"${key}",v:"${val}"`;
+            break;
+
+        case 'js':
+            // Assumes 'js' is a stringified JSON object
+            if (!js) throw new Error('Missing js string for type "js".');
+            qr_data = `JS:${js}`;
+            break;
+
+        case 'str':
+            // Raw string data
+            if (!str) throw new Error('Missing raw string data for type "str".');
+            qr_data = str;
+            break;
+
+        default:
+            throw new Error(`Unknown QR type: ${qr_type}`);
+    }
+
+    if (!qr_data) {
+        throw new Error('Failed to create QR code data string.');
+    }
+
+    // --- 2. Generate QR Code Image ---
+    try {
+        // Options match the Python 'qrcode' library defaults closely:
+        // error_correction = qrcode.constants.ERROR_CORRECT_M
+        // box_size = 10, border = 1
+        const data_url = await QRCode.toDataURL(qr_data, {
+            errorCorrectionLevel: 'M',
+            margin: 1, // Corresponds to border
+            scale: 10, // Corresponds to box_size
+            type: 'image/png'
+        });
+        console.log('Generated QR code data URL:', data_url);
+        return data_url;
+    } catch (error) {
+        console.error('Error generating QR code:', error);
+        throw new Error('Could not generate QR code image.');
+    }
+}

src/lib/ae_core/core__site.ts

@@ -0,0 +1,50 @@
+export interface Site {
+    id: string;
+    // id_random: string;
+    site_id: string;
+    site_id_random?: string;
+
+    code?: string;
+
+    account_id: string;
+    account_id_random?: string;
+
+    name: string;
+    description?: null | string;
+
+    restrict_access?: null | boolean;
+    access_key?: null | string;
+    access_code_kv_json?: null | string;
+
+    logo_path?: null | string;
+    logo_bg_color?: null | string; // Not really used currently.
+    // background_image_path?: null|string; // Legacy field
+    // background_bg_color?: null|string; // Legacy field
+    title?: null | string;
+
+    // header_html?: null|string; // Legacy field
+    // header_css?: null|string; // Legacy field
+    // header_image_path?: null|string; // Legacy field
+    // header_image_bg_color?: null|string; // Legacy field
+    // body_html?: null|string; // Legacy field
+    tagline?: null | string;
+    // site_header_h1?: null|string; // Legacy field
+    // site_header_h2?: null|string; // Legacy field
+    style_href?: null | string; // Legacy field
+    // script_src?: null|string; // Legacy field
+    google_tracking_id?: null | string;
+
+    cfg_json?: null | string; // key value config json
+
+    enable: null | boolean;
+    enable_from?: null | Date;
+    enable_to?: null | Date;
+
+    hide?: null | boolean;
+    priority?: null | boolean;
+    sort?: null | number;
+    group?: null | string;
+    notes?: null | string;
+    created_on: Date;
+    updated_on?: null | Date;
+}

src/lib/ae_core/core__site_domain.ts

@@ -0,0 +1,75 @@
+export interface Site_Domain {
+    id: string;
+    // id_random: string;
+    site_id: string;
+    site_id_random?: string;
+
+    fqdn: string;
+    access_key?: null | string;
+    required_referrer?: null | string;
+    valid_for?: null | number; // In hours
+
+    enable: null | boolean;
+    hide?: null | boolean;
+    priority?: null | boolean;
+    sort?: null | number;
+    group?: null | string;
+    notes?: null | string;
+    created_on: Date;
+    updated_on?: null | Date;
+}
+
+import { api } from '$lib/api/api';
+
+/**
+ * Fetches a site_domain object by its Fully Qualified Domain Name (FQDN).
+ *
+ * @param api_cfg - The API configuration object.
+ * @param fqdn - The FQDN of the site domain to fetch.
+ * @param timeout - The request timeout in milliseconds.
+ * @param log_lvl - The logging level.
+ * @returns The site domain object or null if not found.
+ */
+export async function load_ae_obj_by_fqdn__site_domain({
+    api_cfg,
+    fqdn,
+    timeout = 7000,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    fqdn: string;
+    timeout?: number;
+    log_lvl?: number;
+}): Promise<any> {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_by_fqdn__site_domain() *** api.base_url=${api_cfg.base_url}, fqdn=${fqdn}, timeout=${timeout}`
+        );
+    }
+
+    const params = {};
+
+    try {
+        const site_domain_obj = await api.get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            no_account_id: true, // This seems to be a special case for this endpoint
+            obj_type: 'site_domain',
+            obj_id: fqdn, // NOTE: This is the FQDN, not the ID.
+            use_alt_table: true,
+            use_alt_base: true,
+            params: params,
+            timeout: timeout,
+            log_lvl: log_lvl
+        });
+
+        if (site_domain_obj) {
+            return site_domain_obj;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    } catch (error) {
+        console.log('No results returned or failed.', error);
+        return null;
+    }
+}

src/lib/ae_core/core__time_zones.ts

@@ -0,0 +1,72 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_core } from '$lib/ae_core/db_core';
+
+const ae_promises: key_val = {};
+
+// Updated 2024-10-14
+export async function load_ae_obj_li__time_zone({
+    api_cfg,
+    // account_id,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 99,
+    offset = 0,
+    // order_by_li = {'priority': 'DESC', 'group': 'ASC', 'sort': 'DESC', 'name': 'ASC'},
+    order_by_li = { priority: 'DESC', sort: 'DESC', name: 'ASC' },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    // account_id: string,
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__time_zone() ***`);
+    }
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__time_zone_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'lu',
+            for_obj_type: 'time_zone',
+            // for_obj_id: account_id,
+            use_alt_tbl: true, // NOTE: Using this with the time zones to use the view named "v_lu_time_zone_cust"
+            use_alt_mdl: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(function (time_zone_li_get_result) {
+            if (time_zone_li_get_result) {
+                // handle_db_save_ae_obj_li__time_zone({obj_type: 'time_zone', obj_li: time_zone_li_get_result});
+                return time_zone_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    console.log('ae_promises.load__time_zone_li:', ae_promises.load__time_zone_li);
+    return ae_promises.load__time_zone_li;
+}

src/lib/ae_core/core__user.ts

@@ -0,0 +1,335 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_core } from '$lib/ae_core/db_core';
+
+const ae_promises: key_val = {};
+
+// Updated 2025-04-04
+export async function auth_ae_obj__username_password({
+    api_cfg,
+    account_id,
+    null_account_id = false,
+    username,
+    password,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    account_id: string;
+    null_account_id?: boolean;
+    username: string;
+    password: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** auth_ae_obj__username_password() *** account_id=${account_id} username=${username} password=${password}`
+        );
+    }
+
+    const endpoint = '/user/authenticate';
+
+    if (null_account_id) {
+        params['null_account_id'] = true;
+    }
+    params['username'] = username; // Required
+    params['password'] = password; // Required
+    if (log_lvl > 1) {
+        console.log(`auth_ae_obj__username_password() - params:`, params);
+    }
+
+    ae_promises.auth__username_password = await api
+        .get_object({
+            api_cfg: api_cfg,
+            endpoint: endpoint,
+            params: params,
+            // data: {},
+            log_lvl: log_lvl
+        })
+        .then(async function (user_obj_get_result) {
+            if (user_obj_get_result) {
+                // if (try_cache) {
+                //     // This is expecting a list
+                //     db_save_ae_obj_li__user({
+                //         obj_type: 'user',
+                //         obj_li: [user_obj_get_result],
+                //         log_lvl: log_lvl
+                //     });
+                // }
+                return user_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.auth__username_password:', ae_promises.auth__username_password);
+    }
+    return ae_promises.auth__username_password;
+}
+
+// Updated 2025-04-04
+export async function auth_ae_obj__user_id_user_auth_key({
+    api_cfg,
+    account_id,
+    user_id,
+    user_auth_key,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    account_id: string;
+    user_id: string;
+    user_auth_key: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** auth_ae_obj__user_id_user_auth_key() *** account_id=${account_id} user_id=${user_id}`
+        );
+    }
+
+    const endpoint = '/user/authenticate';
+
+    params['user_id'] = user_id; // Required
+    params['auth_key'] = user_auth_key; // Required
+    if (log_lvl > 1) {
+        console.log(`auth_ae_obj__user_id_user_auth_key() - params:`, params);
+    }
+
+    ae_promises.auth__user_id_user_key = await api
+        .get_object({
+            api_cfg: api_cfg,
+            endpoint: endpoint,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (user_obj_get_result) {
+            if (user_obj_get_result) {
+                return user_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.auth__user_id_user_key:', ae_promises.auth__user_id_user_key);
+    }
+    return ae_promises.auth__user_id_user_key;
+}
+
+// Send an email to the user with a new one time use authentication key. The new key must be generated and returned first.
+// Updated 2025-04-08
+export async function send_email_auth_ae_obj__user_id({
+    api_cfg,
+    account_id,
+    user_id,
+    base_url,
+    key_param_name = 'user_key', // API defaults to 'auth_key'
+    params = {},
+    // try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    account_id: string;
+    user_id: string;
+    base_url?: string;
+    key_param_name?: string;
+    params?: key_val;
+    // try_cache?: boolean,
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** send_email_auth_ae_obj__user_id() *** account_id=${account_id} user_id=${user_id}`
+        );
+    }
+    if (log_lvl > 1) {
+        console.log(api_cfg);
+    }
+
+    const email_auth_key_endpoint = `user/${user_id}/email_auth_key_url`;
+    params = {
+        root_url: base_url,
+        key_param_name: key_param_name
+    };
+    ae_promises.auth_key__send_email = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: email_auth_key_endpoint,
+        params: params,
+        log_lvl: log_lvl
+    });
+
+    return ae_promises.auth_key__send_email;
+
+    // let endpoint = `/user/${user_id}/new_auth_key`;
+
+    // // params['user_id'] = user_id; // Required
+    // if (log_lvl > 1) {
+    //     console.log(`send_email_auth_ae_obj__user_id() - params:`, params);
+    // }
+
+    // ae_promises.auth_key__gen_auth_key = await api.get_object({
+    //     api_cfg: api_cfg,
+    //     endpoint: endpoint,
+    //     params: params,
+    //     log_lvl: log_lvl
+    //     })
+    // .then(async function (email_send_result) {
+    //     if (email_send_result) {
+    //         let email_auth_key_endpoint = `user/${user_id}/email_auth_key_url`;
+    //         params = {
+    //             'root_url': 'https://test.oneskyit.com'
+    //         }
+    //         ae_promises.auth_key__send_email = await api.get_object({
+    //             api_cfg: api_cfg,
+    //             endpoint: email_auth_key_endpoint,
+    //             params: params,
+    //             log_lvl: log_lvl
+    //         })
+
+    //         return email_send_result;
+    //     } else {
+    //         console.log('No results returned.');
+    //         return null;
+    //     }
+    // })
+    // .catch(function (error: any) {
+    //     console.log('No results returned or failed.', error);
+    // });
+
+    // if (log_lvl) {
+    //     console.log('ae_promises.send_email_auth__user_id:', ae_promises.send_email_auth__user_id);
+    // }
+    // return ae_promises.send_email_auth__user_id;
+}
+
+// Look up user based on email address provided
+// Updated 2025-04-08
+export async function qry_ae_obj_li__user_email({
+    api_cfg,
+    account_id,
+    null_account_id = false,
+    email,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    account_id: string;
+    null_account_id?: boolean;
+    email: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** qry_ae_obj_li__user_email() *** account_id=${account_id} email=${email}`);
+    }
+
+    const endpoint = '/user/lookup_email';
+
+    params['email'] = email; // Required
+    params['null_account_id'] = null_account_id || false;
+    if (log_lvl > 1) {
+        console.log(`qry_ae_obj_li__user_email() - params:`, params);
+    }
+
+    ae_promises.qry__user_email = await api
+        .get_object({
+            api_cfg: api_cfg,
+            endpoint: endpoint,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (user_obj_get_result) {
+            if (user_obj_get_result) {
+                return user_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.qry__user_email:', ae_promises.qry__user_email);
+    }
+    return ae_promises.qry__user_email;
+}
+
+// Change user password
+// endpoint: PATCH /user/{user_id}/change_password
+// params:
+// data_kv: password (the new password)
+// Updated 2025-04-11
+export async function auth_ae_obj__user_id_change_password({
+    api_cfg,
+    account_id,
+    user_id,
+    password,
+    params = {},
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    account_id: string;
+    user_id: string;
+    password: string;
+    params?: key_val;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** auth_ae_obj__user_id_change_password() *** account_id=${account_id} user_id=${user_id}`
+        );
+    }
+
+    const endpoint = `/user/${user_id}/change_password`;
+
+    params['user_id'] = user_id; // Required
+    if (log_lvl > 1) {
+        console.log(`auth_ae_obj__user_id_change_password() - params:`, params);
+    }
+
+    ae_promises.change_password__user_id = await api
+        .patch_object({
+            api_cfg: api_cfg,
+            endpoint: endpoint,
+            params: params,
+            data: { password: password },
+            log_lvl: log_lvl
+        })
+        .then(async function (change_password_result) {
+            if (change_password_result) {
+                return change_password_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.change_password__user_id:', ae_promises.change_password__user_id);
+    }
+    return ae_promises.change_password__user_id;
+}

src/lib/ae_core/db_core.ts

@@ -0,0 +1,168 @@
+import Dexie, { type Table } from 'dexie';
+
+// li = list
+// kv = key value list
+
+// Updated 2025-01-07
+export interface File {
+    id: string;
+    id_random: string;
+    hosted_file_id: string;
+    hosted_file_id_random: string;
+
+    hash_sha256: string;
+
+    for_type?: string;
+    for_id?: string;
+    for_id_random?: string;
+
+    account_id: string;
+
+    filename: string;
+    extension: string;
+    content_type: string;
+    size: number; // In bytes
+
+    enable: null | boolean;
+    hide?: null | boolean;
+    priority?: null | boolean;
+    sort?: null | number;
+    group?: null | string;
+    notes?: null | string;
+    created_on: Date;
+    updated_on?: null | Date;
+
+    // Additional fields for convenience (database views)
+    filename_no_ext: string;
+    filename_w_ext: string;
+}
+
+// Updated 2024-07-17
+export interface Person {
+    id: string;
+    // id_random: string;
+    person_id: string;
+    person_id_random: string;
+
+    external_id?: string; // This may be semi-random or unique only withing the account.
+    external_sys_id?: string; // Generated by an external system. Ideally this should be something like a UUID. It may be the same as the external_id if nothing given.
+    code?: string; // Not currently used.
+
+    account_id?: string; // Technically this is not required for global users.
+    account_id_random?: string; // Technically this is not required for global users.
+
+    person_profile_id?: null | string;
+    person_profile_id_random?: null | string; // The new table person_profile will be used soon...
+
+    user_id?: string;
+    user_id_random?: string;
+
+    pronouns?: null | string;
+    informal_name?: null | string;
+    title_names?: null | string;
+    given_name: string;
+    middle_name?: null | string;
+    family_name: null | string;
+    designations?: null | string;
+
+    professional_title?: null | string;
+
+    full_name?: string;
+    full_name_override?: null | string; // was called display_name
+
+    affiliations?: null | string;
+
+    primary_email?: string;
+
+    biography?: null | string;
+
+    agree?: null | boolean;
+    comments?: null | string;
+
+    allow_auth_key?: null | boolean; // For sign in without password
+    auth_key?: null | string; // Should this be saved locally?
+    passcode?: null | string;
+
+    data_json?: null | string;
+
+    enable: null | boolean;
+    hide?: null | boolean;
+    priority?: null | boolean;
+    sort?: null | number;
+    group?: null | string;
+    notes?: null | string;
+    created_on: Date;
+    updated_on?: null | Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null | string;
+    tmp_sort_2?: null | string;
+    tmp_sort_3?: null | string;
+
+    // Additional fields for convenience (database views)
+    username?: string; // Same as user_username
+    // user_username?: null|string; // Same as username
+    user_name?: null | string;
+    user_email?: null | string;
+    user_allow_auth_key?: null | boolean; // For sign in without password
+    user_super?: boolean;
+    user_manager?: boolean;
+    user_administrator?: boolean;
+    user_public?: boolean;
+
+    organization_id?: null | string; // The organization this person belongs to, if any.
+    organization_id_random?: null | string; // The random ID of the organization this person belongs to, if any.
+    organization_name?: null | string;
+
+    contact_id?: null | string; // The contact ID of the person, if any.
+    contact_id_random?: null | string; // The random ID of the contact, if any.
+    contact_name?: null | string;
+    contact_email?: null | string;
+    contact_cc_email?: null | string;
+    contact_phone_mobile?: null | string;
+    contact_phone_home?: null | string;
+    contact_phone_office?: null | string;
+    contact_phone_landline?: null | string;
+    contact_phone_fax?: null | string;
+    contact_phone_other?: null | string;
+
+    address_id?: null | string; // The address ID of the person, if any.
+    address_id_random?: null | string; // The random ID of the address, if any.
+    address_city?: null | string;
+    address_country_alpha_2_code?: null | string; // ISO 3166-1 alpha-2 country code
+}
+
+// Updated 2025-01-07
+export class MySubClassedDexie extends Dexie {
+    file!: Table<File>;
+    person!: Table<Person>;
+    // user!: Table<User>;
+
+    constructor() {
+        super('ae_core_db');
+        this.version(1).stores({
+            file: `
+                id, id_random, hosted_file_id, hosted_file_id_random,
+                hash_sha256,
+                account_id,
+                for_type, for_id, for_id_random,
+                filename, extension,
+                content_type, size,
+                enable, hide, priority, sort, group, created_on, updated_on`,
+
+            person: `
+                id, person_id, person_id_random,
+                external_id, code,
+                account_id, user_id,
+                account_id_random, user_id_random,
+                person_profile_id,
+                person_profile_id_random,
+                given_name, family_name,
+                full_name, affiliations, email,
+                agree,
+                enable, hide, priority, sort, group, created_on, updated_on`
+        });
+    }
+}
+
+export const db_core = new MySubClassedDexie();

src/lib/ae_events/ae_events__event.editable_fields.ts

@@ -0,0 +1,50 @@
+export const editable_fields = [
+    'code',
+    'conference',
+    'type',
+    'name',
+    'summary',
+    'description',
+    'start_datetime',
+    'end_datetime',
+    'timezone',
+    'location_address_json',
+    'location_text',
+    'attend_json',
+    'attend_text',
+    'status',
+    'mod_abstracts_json',
+    'mod_badges_json',
+    'mod_exhibits_json',
+    'mod_meetings_json',
+    'mod_pres_mgmt_json',
+    'cfg_json',
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'contact_li_json',
+    'external_person_id',
+    'physical',
+    'virtual',
+    'recurring',
+    'recurring_pattern',
+    'recurring_start_time',
+    'recurring_end_time',
+    'recurring_text',
+    'weekday_sunday',
+    'weekday_monday',
+    'weekday_tuesday',
+    'weekday_wednesday',
+    'weekday_thursday',
+    'weekday_friday',
+    'weekday_saturday',
+    'attend_url',
+    'attend_url_text',
+    'attend_url_code',
+    'attend_url_passcode',
+    'attend_phone',
+    'attend_phone_passcode'
+];

src/lib/ae_events/ae_events__event_badge.ts

@@ -0,0 +1,721 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+import { db_events } from '$lib/ae_events/db_events';
+
+import { load_ae_obj_id__event_badge_template } from '$lib/ae_events/ae_events__event_badge_template';
+
+const ae_promises: key_val = {};
+
+// Updated 2025-10-06
+export async function load_ae_obj_id__event_badge({
+    api_cfg,
+    event_badge_id,
+    inc_template = true,
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_badge_id: string;
+    inc_template?: boolean;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__event_badge() *** event_badge_id=${event_badge_id}`);
+    }
+    const params = {};
+    ae_promises.load__event_badge_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg,
+            obj_type: 'event_badge',
+            obj_id: event_badge_id,
+            use_alt_table: false,
+            use_alt_base: false,
+            params,
+            log_lvl
+        })
+        .then(async function (badge_obj_get_result) {
+            if (badge_obj_get_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_props({
+                        obj_li: [badge_obj_get_result],
+                        log_lvl
+                    });
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return badge_obj_get_result;
+            } else {
+                if (log_lvl) console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (inc_template) {
+        // Load the templates for the event badge
+        if (log_lvl) {
+            console.log(`Need to load the template for the badge now`);
+        }
+        const load_event_badge_template_obj = load_ae_obj_id__event_badge_template({
+            api_cfg: api_cfg,
+            event_badge_template_id:
+                ae_promises.load__event_badge_obj?.event_badge_template_id_random,
+            log_lvl: log_lvl
+        }).then((event_badge_template_obj_li) => {
+            if (log_lvl) {
+                console.log(`event_badge_template_obj_li = `, event_badge_template_obj_li);
+            }
+            return event_badge_template_obj_li;
+        });
+
+        if (log_lvl) {
+            console.log(`event_badge_template_obj = `, load_event_badge_template_obj);
+        }
+        ae_promises.load__event_session_obj.event_badge_template = load_event_badge_template_obj;
+    }
+
+    return ae_promises.load__event_badge_obj;
+}
+
+// Updated 2025-10-06
+export async function load_ae_obj_li__event_badge({
+    api_cfg,
+    event_id,
+    inc_template = true, // This should probably be false.
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 99,
+    offset = 0,
+    order_by_li = { priority: 'DESC', sort: 'DESC', updated_on: 'DESC', created_on: 'DESC' },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    inc_template?: boolean;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__event_badge() *** event_id=${event_id}`);
+    }
+    const params_json: key_val = {};
+    // ae_promises.load__event_badge_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_badge_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'event_badge',
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            // use_alt_tbl: false,
+            // use_alt_mdl: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (badge_obj_li_get_result) {
+            if (badge_obj_li_get_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_props({
+                        obj_li: badge_obj_li_get_result,
+                        event_id,
+                        log_lvl
+                    });
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return badge_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (inc_template) {
+        // Load the template for each badge
+        if (log_lvl) {
+            console.log(`Need to load the template for each badge now`);
+        }
+        for (const badge_obj of ae_promises.load__event_badge_obj_li) {
+            if (log_lvl) {
+                console.log(`Loading template for badge_obj: `, badge_obj);
+            }
+            const load_event_badge_template_obj = await load_ae_obj_id__event_badge_template({
+                api_cfg: api_cfg,
+                event_badge_template_id: badge_obj?.event_badge_template_id_random,
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log(`event_badge_template_obj = `, load_event_badge_template_obj);
+            }
+            badge_obj.event_badge_template = load_event_badge_template_obj;
+        }
+    }
+
+    return ae_promises.load__event_badge_obj_li;
+}
+
+// Updated 2025-10-06
+export async function create_ae_obj__event_badge({
+    api_cfg,
+    event_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__event_badge() *** event_id=${event_id}`);
+    }
+    ae_promises.create__event_badge = await api
+        .create_ae_obj_crud({
+            api_cfg,
+            obj_type: 'event_badge',
+            fields: {
+                event_id_random: event_id,
+                ...data_kv
+            },
+            key: api_cfg.api_crud_super_key,
+            params,
+            return_obj: true,
+            log_lvl
+        })
+        .then(async function (event_badge_obj_create_result) {
+            if (event_badge_obj_create_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_props({
+                        obj_li: [event_badge_obj_create_result],
+                        event_id,
+                        log_lvl
+                    });
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return event_badge_obj_create_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+    return ae_promises.create__event_badge;
+}
+
+// Updated 2025-10-06
+export async function delete_ae_obj_id__event_badge({
+    api_cfg,
+    event_badge_id,
+    method = 'delete',
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_badge_id: string;
+    method?: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__event_badge() *** event_badge_id=${event_badge_id}`);
+    }
+    ae_promises.delete__event_badge_obj = await api
+        .delete_ae_obj_id_crud({
+            api_cfg,
+            obj_type: 'event_badge',
+            obj_id: event_badge_id,
+            key: api_cfg.api_crud_super_key,
+            params,
+            method,
+            log_lvl
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(
+                        `Attempting to remove IDB entry for event_badge_id=${event_badge_id}`
+                    );
+                }
+                db_events.badge.delete(event_badge_id);
+            }
+        });
+    return ae_promises.delete__event_badge_obj;
+}
+
+// Updated 2025-10-06
+export async function update_ae_obj__event_badge({
+    api_cfg,
+    event_badge_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_badge_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__event_badge() *** event_badge_id=${event_badge_id}`);
+    }
+    ae_promises.update__event_badge_obj = await api
+        .update_ae_obj_id_crud({
+            api_cfg,
+            obj_type: 'event_badge',
+            obj_id: event_badge_id,
+            fields: data_kv,
+            key: api_cfg.api_crud_super_key,
+            params,
+            return_obj: true,
+            log_lvl
+        })
+        .then(async function (event_badge_obj_update_result) {
+            if (event_badge_obj_update_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_props({
+                        obj_li: [event_badge_obj_update_result],
+                        log_lvl
+                    });
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return event_badge_obj_update_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+    return ae_promises.update__event_badge_obj;
+}
+
+// Is this needed?
+// Updated 2025-10-06
+export async function qry__event_badge({
+    api_cfg,
+    event_id,
+    qry_str = null,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 99,
+    offset = 0,
+    order_by_li = { priority: 'DESC', sort: 'DESC', updated_on: 'DESC', created_on: 'DESC' },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    qry_str?: null | string;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** qry__event_badge() *** event_id=${event_id}`);
+    }
+    const params_json: key_val = {};
+    if (qry_str) {
+        params_json['ft_qry'] = { default_qry_str: qry_str };
+    }
+    ae_promises.qry__event_badge_obj_li = await load_ae_obj_li__event_badge({
+        api_cfg,
+        event_id,
+        enabled,
+        hidden,
+        limit,
+        offset,
+        // order_by_li,        params: { ...params, ...params_json },
+        try_cache,
+        log_lvl
+    });
+    return ae_promises.qry__event_badge_obj_li;
+}
+
+// Updated 2025-10-06
+export async function search__event_badge({
+    api_cfg,
+    event_id,
+    type_code = null,
+    printed_status = 'all', // 'all', 'printed', 'not_printed'
+    affiliations_qry_str = null,
+    fulltext_search_qry_str,
+    like_search_qry_str = null,
+    external_event_id,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 25,
+    offset = 0,
+    order_by_li = {
+        print_count: 'ASC',
+        priority: 'DESC',
+        sort: 'DESC',
+        given_name: 'ASC',
+        family_name: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    type_code?: null | string;
+    printed_status?: 'all' | 'printed' | 'not_printed' | undefined;
+    affiliations_qry_str?: null | string;
+    external_event_id?: null | string;
+    fulltext_search_qry_str?: null | string;
+    like_search_qry_str?: null | string;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** search__event_badge() *** event_id=${event_id}`);
+    }
+
+    if (!fulltext_search_qry_str && !like_search_qry_str && !affiliations_qry_str) {
+        console.log('No search string provided!!!');
+        return false; // Returning false instead of [] because no search was performed.
+    }
+
+    const params_json: key_val = {};
+    if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+        params_json['ft_qry'] = { default_qry_str: fulltext_search_qry_str };
+        // 'location_address_json_ext': fulltext_search_qry_str, // JSON extracted text DB field
+        // 'contact_li_json_ext': fulltext_search_qry_str, // JSON extracted text DB field
+    }
+    if (like_search_qry_str && like_search_qry_str.length > 2) {
+        // Old Python version that needs to be in JS
+        // # Strip (left right) whitespace then commas then semicolons
+        // query_str = query_str.strip().strip(',').strip(';')
+        //  # Replace commas, semicolons, and then spaces with %
+        // query_str_like = query_str.replace(',', ' ').replace(';', ' ').replace('  ', '%').replace(' ', '%')
+        // # data['query_str'] = f'%{query_str}%'
+        // log.debug(query_str_like)
+        // data['query_str'] = f'%{query_str_like}%'
+
+        // let like_search_qry_str_new = like_search_qry_str.trim().replace(',', ' ').replace(';', ' ').replace('  ', '%').replace(' ', '%');
+        // like_search_qry_str_new = `%${like_search_qry_str_new}%`;
+        // console.log('like_search_qry_str_new:', like_search_qry_str_new);
+
+        params_json['and_like'] = { default_qry_str: like_search_qry_str };
+    }
+
+    if (affiliations_qry_str && affiliations_qry_str.length > 2) {
+        if (!params_json['and_like']) {
+            params_json['and_like'] = {};
+        }
+        params_json['and_like']['affiliations'] = affiliations_qry_str;
+    }
+
+    params_json['and_qry'] = {};
+    if (external_event_id) {
+        params_json['and_qry']['external_event_id'] = external_event_id;
+    }
+    if (type_code) {
+        // This is the event_badge.badge_type_code. There is also a member_type_code and registration_type_code that could be referenced in the future.
+        params_json['and_qry']['badge_type_code'] = type_code;
+    }
+    if (printed_status === 'printed') {
+        params_json['and_qry']['print_count_gte'] = 1;
+    } else if (printed_status === 'not_printed') {
+        params_json['and_qry']['print_count_eq'] = 0;
+    }
+
+    // ae_promises.search__event_badge_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.search__event_badge_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg,
+            obj_type: 'event_badge',
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            use_alt_tbl: false,
+            use_alt_mdl: false,
+            enabled,
+            hidden,
+            // order_by_li,
+            limit,
+            offset,
+            params_json,
+            params,
+            log_lvl
+        })
+        .then(async function (badge_obj_li_get_result) {
+            if (badge_obj_li_get_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_props({
+                        obj_li: badge_obj_li_get_result,
+                        event_id,
+                        log_lvl
+                    });
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return badge_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+    return ae_promises.search__event_badge_obj_li;
+}
+
+// Updated 2025-10-06
+export const properties_to_save = [
+    'id',
+    'event_badge_id',
+    // 'event_badge_id_random',
+
+    'event_id',
+    // 'event_id_random',
+
+    'event_badge_template_id',
+    // 'event_badge_template_id_random',
+
+    'pronouns',
+    'informal_name',
+    'title_names',
+    'given_name',
+    'middle_name',
+    'family_name',
+    'designations',
+
+    'professional_title',
+    'professional_title_override',
+
+    'full_name',
+    'full_name_override',
+
+    'affiliations',
+    'affiliations_override',
+
+    'email',
+    'email_override',
+
+    'address_line_1',
+    'address_line_2',
+    'address_line_3',
+    'city',
+    'country_subdivision_code',
+    'state_province',
+    'state_province_abb',
+    'postal_code',
+    'country_alpha_2_code',
+    'country',
+    'full_address',
+    'location',
+    'location_override',
+
+    'query_str',
+
+    'badge_type',
+    'badge_type_code',
+    'badge_type_override',
+    'badge_type_code_override',
+    'external_event_id',
+    'external_id',
+    'external_person_id',
+
+    'default_qry_string',
+
+    'alert',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+
+    'person_external_id',
+    'person_external_sys_id',
+    'person_given_name',
+    'person_family_name',
+    'person_full_name',
+    'person_professional_title',
+    'person_affiliations',
+    'person_primary_email',
+    'person_passcode'
+];
+
+/**
+ * NON-EXPORTED LOCAL HELPER
+ * Processes a list of Aether objects by applying common and specific transformations.
+ */
+async function _process_generic_props<T extends Record<string, any>>({
+    obj_li,
+    obj_type,
+    log_lvl = 0,
+    specific_processor
+}: {
+    obj_li: T[];
+    obj_type: string;
+    log_lvl?: number;
+    specific_processor?: (obj: T) => Promise<T> | T;
+}): Promise<T[]> {
+    if (log_lvl > 0) {
+        console.log(
+            `*** _process_generic_props: Processing ${obj_li.length} objects of type "${obj_type}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li: T[] = [];
+
+    for (const original_obj of obj_li) {
+        let processed_obj = { ...original_obj };
+
+        // --- Common Transformations ---
+
+        // 1. Standardize ID and other '_random' fields
+        // The API often returns fields like 'person_id_random', which need to be aliased to 'person_id'.
+        for (const key in processed_obj) {
+            if (key.endsWith('_random')) {
+                const newKey = key.slice(0, -7); // Remove '_random' suffix
+                processed_obj[newKey] = processed_obj[key];
+            }
+        }
+        // Ensure 'id' is set from '[obj_type]_id_random'
+        const randomIdKey = `${obj_type}_id_random`;
+        if (processed_obj[randomIdKey]) {
+            (processed_obj as any).id = processed_obj[randomIdKey];
+        }
+
+        // 2. Create common computed properties for client-side sorting.
+        const group = processed_obj.group ?? '0';
+        const priority = processed_obj.priority ? 1 : 0;
+        const sort = processed_obj.sort ?? '0';
+        const updated = processed_obj.updated_on ?? processed_obj.created_on;
+        const name = processed_obj.name ?? '';
+
+        (processed_obj as any).tmp_sort_1 = `${group}_${priority}_${sort}_${updated}`;
+        (processed_obj as any).tmp_sort_2 = `${group}_${priority}_${sort}_${name}_${updated}`;
+
+        // --- Specific Transformations ---
+        if (specific_processor) {
+            processed_obj = await Promise.resolve(specific_processor(processed_obj));
+        }
+
+        processed_obj_li.push(processed_obj as T);
+    }
+
+    return processed_obj_li;
+}
+
+// Updated 2025-10-06
+export async function process_ae_obj__event_badge_props({
+    obj_li,
+    event_id,
+    log_lvl = 0
+}: {
+    obj_li: any[];
+    event_id?: string;
+    log_lvl?: number;
+}) {
+    return _process_generic_props({
+        obj_li,
+        obj_type: 'event_badge',
+        log_lvl,
+        specific_processor: (obj) => {
+            // If the event_id isn't returned from the API, add it here.
+            if (event_id) {
+                if (!obj.event_id) obj.event_id = event_id;
+                if (!obj.event_id_random) obj.event_id_random = event_id;
+            }
+
+            // Event badge-specific computed sort fields, overriding generic ones if needed
+            obj.tmp_sort_1 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on ?? obj.created_on}`;
+            obj.tmp_sort_2 = `${obj.print_count ?? '0'}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.given_name ?? ''}_${obj.family_name ?? ''}_${obj.updated_on ?? obj.created_on}`;
+
+            return obj;
+        }
+    });
+}

src/lib/ae_events/ae_events__event_badge_template.ts

@@ -0,0 +1,549 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+import { db_events } from '$lib/ae_events/db_events';
+
+const ae_promises: key_val = {};
+
+// --- PROPERTIES TO SAVE ---
+export const properties_to_save = [
+    'id',
+    'event_badge_template_id',
+    // 'event_badge_template_id_random',
+
+    'event_id',
+    // 'event_id_random',
+
+    'name',
+    'description',
+
+    // 'template_code',
+    // 'template_type',
+    // 'template_json',
+    // 'template_svg',
+    // 'template_css',
+    // 'template_html',
+
+    'logo_filename',
+    'logo_path',
+
+    'header_path',
+    'secondary_header_path',
+    'footer_path',
+
+    'header_row_1',
+    'header_row_2',
+
+    // 'footer_title',
+    // 'footer_left',
+    // 'footer_right',
+    // 'header_background',
+    // 'footer_background',
+
+    'badge_type_list',
+    'ticket_list',
+
+    'ticket_1_text',
+    'ticket_2_text',
+    'ticket_3_text',
+    'ticket_4_text',
+    'ticket_5_text',
+    'ticket_6_text',
+    'ticket_7_text',
+    'ticket_8_text',
+    // 'ticket_9_text',
+    // 'ticket_10_text',
+
+    'wireless_ssid',
+    'wireless_password',
+
+    'show_qr_front',
+    'show_qr_back',
+
+    'layout',
+    'style_filename',
+    // 'style_href',
+
+    // 'default',
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2'
+];
+
+/**
+ * NON-EXPORTED LOCAL HELPER
+ * Processes a list of Aether objects by applying common and specific transformations.
+ */
+async function _process_generic_props<T extends Record<string, any>>({
+    obj_li,
+    obj_type,
+    log_lvl = 0,
+    specific_processor
+}: {
+    obj_li: T[];
+    obj_type: string;
+    log_lvl?: number;
+    specific_processor?: (obj: T) => Promise<T> | T;
+}): Promise<T[]> {
+    if (log_lvl > 0) {
+        console.log(
+            `*** _process_generic_props: Processing ${obj_li.length} objects of type "${obj_type}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li: T[] = [];
+
+    for (const original_obj of obj_li) {
+        let processed_obj = { ...original_obj };
+
+        // --- Common Transformations ---
+
+        // 1. Standardize ID and other '_random' fields
+        // The API often returns fields like 'person_id_random', which need to be aliased to 'person_id'.
+        for (const key in processed_obj) {
+            if (key.endsWith('_random')) {
+                const newKey = key.slice(0, -7); // Remove '_random' suffix
+                processed_obj[newKey] = processed_obj[key];
+            }
+        }
+        // Ensure 'id' is set from '[obj_type]_id_random'
+        const randomIdKey = `${obj_type}_id_random`;
+        if (processed_obj[randomIdKey]) {
+            (processed_obj as any).id = processed_obj[randomIdKey];
+        }
+
+        // 2. Create common computed properties for client-side sorting.
+        const group = processed_obj.group ?? '0';
+        const priority = processed_obj.priority ? 1 : 0;
+        const sort = processed_obj.sort ?? '0';
+        const updated = processed_obj.updated_on ?? processed_obj.created_on;
+        const name = processed_obj.name ?? '';
+
+        (processed_obj as any).tmp_sort_1 = `${group}_${priority}_${sort}_${updated}`;
+        (processed_obj as any).tmp_sort_2 = `${group}_${priority}_${sort}_${name}_${updated}`;
+
+        // --- Specific Transformations ---
+        if (specific_processor) {
+            processed_obj = await Promise.resolve(specific_processor(processed_obj));
+        }
+
+        processed_obj_li.push(processed_obj as T);
+    }
+
+    return processed_obj_li;
+}
+
+// --- PROCESS FUNCTION ---
+export async function process_ae_obj__event_badge_template_props({
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    return _process_generic_props({
+        obj_li,
+        obj_type: 'event_badge_template',
+        log_lvl,
+        specific_processor: (obj) => {
+            // Event badge template-specific computed sort fields, overriding generic ones if needed
+            obj.tmp_sort_1 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on ?? obj.created_on}`;
+            obj.tmp_sort_2 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on}_${obj.created_on}`;
+
+            return obj;
+        }
+    });
+}
+
+// --- CRUD FUNCTIONS ---
+export async function load_ae_obj_id__event_badge_template({
+    api_cfg,
+    event_badge_template_id,
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_badge_template_id: string;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_id__event_badge_template() *** event_badge_template_id=${event_badge_template_id}`
+        );
+    }
+    const params = {};
+    ae_promises.load__event_badge_template_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg,
+            obj_type: 'event_badge_template',
+            obj_id: event_badge_template_id,
+            use_alt_table: false,
+            use_alt_base: false,
+            params,
+            log_lvl
+        })
+        .then(async function (obj_get_result) {
+            if (obj_get_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_template_props({
+                        obj_li: [obj_get_result],
+                        log_lvl
+                    });
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge_template',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return obj_get_result;
+            } else {
+                if (log_lvl) console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+    return ae_promises.load__event_badge_template_obj;
+}
+
+export async function load_ae_obj_li__event_badge_template({
+    api_cfg,
+    event_id,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 49,
+    offset = 0,
+    order_by_li = { priority: 'DESC', sort: 'DESC', updated_on: 'DESC', created_on: 'DESC' },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__event_badge_template() *** event_id=${event_id}`);
+    }
+    const params_json: key_val = {};
+    // ae_promises.load__event_badge_template_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_badge_template_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg,
+            obj_type: 'event_badge_template',
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            use_alt_tbl: false,
+            use_alt_mdl: false,
+            enabled,
+            hidden,
+            order_by_li,
+            limit,
+            offset,
+            params_json,
+            params,
+            log_lvl
+        })
+        .then(async function (obj_li_get_result) {
+            if (obj_li_get_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_template_props({
+                        obj_li: obj_li_get_result,
+                        log_lvl
+                    });
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge_template',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+    return ae_promises.load__event_badge_template_obj_li;
+}
+
+export async function create_ae_obj__event_badge_template({
+    api_cfg,
+    event_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__event_badge_template() *** event_id=${event_id}`);
+    }
+    ae_promises.create__event_badge_template = await api
+        .create_ae_obj_crud({
+            api_cfg,
+            obj_type: 'event_badge_template',
+            fields: {
+                event_id_random: event_id,
+                ...data_kv
+            },
+            key: api_cfg.api_crud_super_key,
+            params,
+            return_obj: true,
+            log_lvl
+        })
+        .then(async function (obj_create_result) {
+            if (obj_create_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_template_props({
+                        obj_li: [obj_create_result],
+                        log_lvl
+                    });
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge_template',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return obj_create_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+    return ae_promises.create__event_badge_template;
+}
+
+export async function delete_ae_obj_id__event_badge_template({
+    api_cfg,
+    event_badge_template_id,
+    method = 'delete',
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_badge_template_id: string;
+    method?: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** delete_ae_obj_id__event_badge_template() *** event_badge_template_id=${event_badge_template_id}`
+        );
+    }
+    ae_promises.delete__event_badge_template_obj = await api
+        .delete_ae_obj_id_crud({
+            api_cfg,
+            obj_type: 'event_badge_template',
+            obj_id: event_badge_template_id,
+            key: api_cfg.api_crud_super_key,
+            params,
+            method,
+            log_lvl
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(
+                        `Attempting to remove IDB entry for event_badge_template_id=${event_badge_template_id}`
+                    );
+                }
+                db_events.badge_template.delete(event_badge_template_id);
+            }
+        });
+    return ae_promises.delete__event_badge_template_obj;
+}
+
+export async function update_ae_obj__event_badge_template({
+    api_cfg,
+    event_badge_template_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_badge_template_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** update_ae_obj__event_badge_template() *** event_badge_template_id=${event_badge_template_id}`
+        );
+    }
+    ae_promises.update__event_badge_template_obj = await api
+        .update_ae_obj_id_crud({
+            api_cfg,
+            obj_type: 'event_badge_template',
+            obj_id: event_badge_template_id,
+            fields: data_kv,
+            key: api_cfg.api_crud_super_key,
+            params,
+            return_obj: true,
+            log_lvl
+        })
+        .then(async function (obj_update_result) {
+            if (obj_update_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_template_props({
+                        obj_li: [obj_update_result],
+                        log_lvl
+                    });
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge_template',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return obj_update_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+    return ae_promises.update__event_badge_template_obj;
+}
+
+// --- SEARCH FUNCTION ---
+export async function search__event_badge_template({
+    api_cfg,
+    event_id,
+    fulltext_search_qry_str,
+    like_search_qry_str = null,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 25,
+    offset = 0,
+    order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        name: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    fulltext_search_qry_str?: null | string;
+    like_search_qry_str?: null | string;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** search__event_badge_template() *** event_id=${event_id}`);
+    }
+    const params_json: key_val = {};
+    if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+        params_json['ft_qry'] = { default_qry_str: fulltext_search_qry_str };
+    }
+    if (like_search_qry_str && like_search_qry_str.length > 2) {
+        params_json['and_like'] = { default_qry_str: like_search_qry_str };
+    }
+    params_json['and_qry'] = {};
+    // ae_promises.search__event_badge_template_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_badge_template_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg,
+            obj_type: 'event_badge_template',
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            use_alt_tbl: false,
+            use_alt_mdl: false,
+            enabled,
+            hidden,
+            order_by_li,
+            limit,
+            offset,
+            params_json,
+            params,
+            log_lvl
+        })
+        .then(async function (obj_li_get_result) {
+            if (obj_li_get_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_badge_template_props({
+                        obj_li: obj_li_get_result,
+                        log_lvl
+                    });
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'badge_template',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                }
+                return obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+    return ae_promises.search__event_badge_template_obj_li;
+}

src/lib/ae_events/ae_events__event_device.ts

@@ -0,0 +1,782 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+import { db_events } from '$lib/ae_events/db_events';
+
+import { load_ae_obj_id__event_location } from './ae_events__event_location';
+
+const ae_promises: key_val = {};
+
+// Updated 2025-05-23
+export async function load_ae_obj_id__event_device({
+    api_cfg,
+    event_device_id,
+    inc_location_id = false,
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_device_id: string;
+    inc_location_id?: boolean;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__event_device() *** event_device_id=${event_device_id}`);
+    }
+
+    const params = {};
+
+    ae_promises.load__event_device_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_device',
+            obj_id: event_device_id, // NOTE: This is the FQDN, not normally the ID.
+            use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_device_obj_get_result) {
+            if (event_device_obj_get_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_device_props({
+                        obj_li: [event_device_obj_get_result],
+                        log_lvl
+                    });
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'device',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // // This is expecting a list
+                    // db_save_ae_obj_li__event_device({
+                    //     obj_type: 'event_device',
+                    //     obj_li: [event_device_obj_get_result]
+                    // });
+                }
+                return event_device_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_device_obj:', ae_promises.load__event_device_obj);
+    }
+
+    if (inc_location_id) {
+        // Load the location linked to this device
+        if (log_lvl) {
+            console.log(`Need to load the location id for the device now`);
+        }
+        const load_event_location_obj_id = load_ae_obj_id__event_location({
+            api_cfg: api_cfg,
+            event_location_id: ae_promises.load__event_device_obj.event_location_id,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        });
+
+        if (log_lvl) {
+            console.log(`load_event_location_obj_id = `, load_event_location_obj_id);
+        }
+        ae_promises.load__event_device_obj.event_location_obj = load_event_location_obj_id;
+    }
+
+    return ae_promises.load__event_device_obj;
+}
+
+// Updated 2025-05-23
+export async function load_ae_obj_li__event_device({
+    api_cfg,
+    for_obj_type,
+    for_obj_id,
+    inc_location_id = false,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 49,
+    offset = 0,
+    order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        name: 'ASC',
+        code: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    for_obj_type: string;
+    for_obj_id: string;
+    inc_location_id?: boolean;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined; // all, disabled, enabled
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined; // all, hidden, not_hidden
+    limit?: number; // 99
+    offset?: number; // 0
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_li__event_device() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`
+        );
+    }
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'all'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 99); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__event_device_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'event_device',
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            use_alt_tbl: true,
+            use_alt_mdl: false,
+            use_alt_exp: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_device_obj_li_get_result) {
+            if (event_device_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_device_props({
+                        obj_li: event_device_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'device',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_device({
+                    //     obj_type: 'event_device',
+                    //     obj_li: event_device_obj_li_get_result
+                    // });
+                }
+                return event_device_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.load__event_device_obj_li:',
+            ae_promises.load__event_device_obj_li
+        );
+    }
+
+    if (inc_location_id) {
+        // Load the location for the devices
+        if (log_lvl) {
+            console.log(`Need to load the location list for each device now`);
+        }
+        for (let i = 0; i < ae_promises.load__event_device_obj_li.length; i++) {
+            const event_device_obj = ae_promises.load__event_device_obj_li[i];
+
+            const load_event_location_obj_li = load_ae_obj_id__event_location({
+                api_cfg: api_cfg,
+                event_location_id: event_device_obj.event_location_id,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            }).then((event_location_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_location_obj_li = `, event_location_obj_li);
+                }
+                return event_location_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
+            }
+        }
+    }
+
+    return ae_promises.load__event_device_obj_li;
+}
+
+// Updated 2025-05-23
+export async function create_ae_obj__event_device({
+    api_cfg,
+    event_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__event_device() *** event_id=${event_id}`);
+    }
+
+    ae_promises.create__event_device = await api
+        .create_ae_obj_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_device',
+            fields: {
+                event_id_random: event_id,
+                ...data_kv
+            },
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_device_obj_create_result) {
+            if (event_device_obj_create_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_device_props({
+                        obj_li: [event_device_obj_create_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'device',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_device(
+                    //     {
+                    //         obj_type: 'event_device',
+                    //         obj_li: [event_device_obj_create_result]
+                    //     });
+                }
+                return event_device_obj_create_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log('ae_promises.create__event_device:', ae_promises.create__event_device);
+    }
+    return ae_promises.create__event_device;
+}
+
+// Updated 2025-05-23
+export async function delete_ae_obj_id__event_device({
+    api_cfg,
+    event_device_id,
+    method = 'delete', // 'delete', 'disable', 'hide'
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_device_id: string;
+    method?: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__event_device() *** event_device_id=${event_device_id}`);
+    }
+
+    ae_promises.delete__event_device_obj = await api
+        .delete_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_device',
+            obj_id: event_device_id,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            method: method,
+            log_lvl: log_lvl
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(
+                        `Attempting to remove IDB entry for event_device_id=${event_device_id}`
+                    );
+                }
+                db_events.device.delete(event_device_id);
+            }
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__event_device_obj:', ae_promises.delete__event_device_obj);
+    }
+
+    return ae_promises.delete__event_device_obj;
+}
+
+// Updated 2024-10-16
+export async function update_ae_obj__event_device({
+    api_cfg,
+    event_device_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_device_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** update_ae_obj__event_device() *** event_device_id=${event_device_id}`,
+            data_kv
+        );
+    }
+    ae_promises.update__event_device_obj = await api
+        .update_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_device',
+            obj_id: event_device_id,
+            fields: data_kv,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_device_obj_update_result) {
+            if (event_device_obj_update_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_device_props({
+                        obj_li: [event_device_obj_update_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'device',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_device({
+                    //     obj_type: 'event_device', obj_li: [event_device_obj_update_result]
+                    // });
+                }
+                return event_device_obj_update_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log('ae_promises.update__event_device_obj:', ae_promises.update__event_device_obj);
+    }
+    return ae_promises.update__event_device_obj;
+}
+
+// Not yet used or tested fully!
+// Updated 2025-05-23
+export async function search__event_device({
+    api_cfg,
+    event_id,
+    fulltext_search_qry_str,
+    ft_presenter_search_qry_str,
+    like_search_qry_str = null,
+    like_presentation_search_qry_str = null,
+    like_presenter_search_qry_str = null,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: any;
+    fulltext_search_qry_str?: null | string;
+    ft_presenter_search_qry_str?: null | string;
+    like_search_qry_str?: null | string;
+    like_presentation_search_qry_str?: null | string;
+    like_presenter_search_qry_str?: null | string;
+    params?: any;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** search__event_device() *** event_id=${event_id}`);
+    }
+
+    const enabled: string = params.qry__enabled ?? 'enabled'; // all, disabled, enabled
+    const hidden: string = params.qry__hidden ?? 'not_hidden'; // all, hidden, not_hidden
+    const limit: number = params.qry__limit ?? 25; // 99
+    const offset: number = params.qry__offset ?? 0; // 0
+
+    const params_json: key_val = {};
+
+    if (!fulltext_search_qry_str && !like_search_qry_str) {
+        console.log('No search string provided!!!');
+        return false; // Returning false instead of [] because no search was performed.
+    }
+
+    if (fulltext_search_qry_str || ft_presenter_search_qry_str) {
+        params_json['ft_qry'] = {};
+        if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+            params_json['ft_qry']['default_qry_str'] = fulltext_search_qry_str;
+        }
+
+        if (ft_presenter_search_qry_str && ft_presenter_search_qry_str.length > 2) {
+            params_json['ft_qry']['event_presenter_li_qry_str'] = ft_presenter_search_qry_str;
+        }
+    }
+
+    // Use the AND (AND LIKE) query
+    // if (like_search_qry_str || like_presenter_search_qry_str) {
+    //     params_json['and_like'] = {};
+    //     if (like_search_qry_str && like_search_qry_str.length > 2) {
+    //         params_json['and_like']['default_qry_str'] = like_search_qry_str;
+    //     }
+    //     if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+    //         params_json['and_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+    //     }
+    // }
+
+    // Use the AND (OR LIKE) query
+    if (like_search_qry_str || like_presentation_search_qry_str || like_presenter_search_qry_str) {
+        params_json['or_like'] = {};
+        if (like_search_qry_str && like_search_qry_str.length > 2) {
+            params_json['or_like']['default_qry_str'] = like_search_qry_str;
+        }
+        if (like_presentation_search_qry_str && like_presentation_search_qry_str.length > 2) {
+            params_json['or_like']['event_presentation_li_qry_str'] =
+                like_presentation_search_qry_str;
+        }
+        if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+            params_json['or_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+        }
+    }
+
+    params_json['and_qry'] = {};
+
+    // if (device_type_code) {
+    //     params_json['and_qry']['device_type_code'] = device_type_code;
+    // }
+
+    const order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        start_datetime: 'ASC',
+        name: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    };
+
+    // ae_promises.load__event_device_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_device_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'event_device',
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            use_alt_tbl: true, // NOTE: We want to use the alt table for device searching
+            // use_alt_mdl: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_device_obj_li_get_result) {
+            if (event_device_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_device_props({
+                        obj_li: event_device_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'device',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+                }
+                return event_device_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.load__event_device_obj_li:',
+            ae_promises.load__event_device_obj_li
+        );
+    }
+    return ae_promises.load__event_device_obj_li;
+}
+
+// Updated 2025-05-23
+export const properties_to_save = [
+    'id',
+    'event_device_id',
+    // 'event_device_id_random',
+
+    'event_id',
+    // 'event_id_random',
+    'event_location_id',
+    // 'event_location_id_random',
+
+    'code',
+    'name',
+    'description',
+
+    'passcode',
+
+    'local_file_cache_path',
+    'host_file_temp_path',
+    'recording_path',
+
+    'record_audio',
+    'record_video',
+
+    'trigger_open_file_id',
+    'trigger_open_session_id',
+    'trigger_recording_start',
+    'trigger_recording_stop',
+    'trigger_reset',
+    'trigger_show_admin',
+    'trigger_show_hidden',
+
+    'alert',
+    'alert_msg',
+    'alert_on',
+    'status',
+    'status_msg',
+    'status_on',
+    'record_status',
+    'record_status_msg',
+    'record_status_on',
+    'heartbeat',
+
+    'info_hostname',
+    'info_ip_list',
+
+    'meta_json',
+    'other_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    'event_name',
+    'event_location_code',
+    'event_location_name'
+];
+
+/**
+ * NON-EXPORTED LOCAL HELPER
+ * Processes a list of Aether objects by applying common and specific transformations.
+ */
+async function _process_generic_props<T extends Record<string, any>>({
+    obj_li,
+    obj_type,
+    log_lvl = 0,
+    specific_processor
+}: {
+    obj_li: T[];
+    obj_type: string;
+    log_lvl?: number;
+    specific_processor?: (obj: T) => Promise<T> | T;
+}): Promise<T[]> {
+    if (log_lvl > 0) {
+        console.log(
+            `*** _process_generic_props: Processing ${obj_li.length} objects of type "${obj_type}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li: T[] = [];
+
+    for (const original_obj of obj_li) {
+        let processed_obj = { ...original_obj };
+
+        // --- Common Transformations ---
+
+        // 1. Standardize ID and other '_random' fields
+        // The API often returns fields like 'person_id_random', which need to be aliased to 'person_id'.
+        for (const key in processed_obj) {
+            if (key.endsWith('_random')) {
+                const newKey = key.slice(0, -7); // Remove '_random' suffix
+                processed_obj[newKey] = processed_obj[key];
+            }
+        }
+        // Ensure 'id' is set from '[obj_type]_id_random'
+        const randomIdKey = `${obj_type}_id_random`;
+        if (processed_obj[randomIdKey]) {
+            (processed_obj as any).id = processed_obj[randomIdKey];
+        }
+
+        // 2. Create common computed properties for client-side sorting.
+        const group = processed_obj.group ?? '0';
+        const priority = processed_obj.priority ? 1 : 0;
+        const sort = processed_obj.sort ?? '0';
+        const updated = processed_obj.updated_on ?? processed_obj.created_on;
+        const name = processed_obj.name ?? '';
+
+        (processed_obj as any).tmp_sort_1 = `${group}_${priority}_${sort}_${updated}`;
+        (processed_obj as any).tmp_sort_2 = `${group}_${priority}_${sort}_${name}_${updated}`;
+
+        // --- Specific Transformations ---
+        if (specific_processor) {
+            processed_obj = await Promise.resolve(specific_processor(processed_obj));
+        }
+
+        processed_obj_li.push(processed_obj as T);
+    }
+
+    return processed_obj_li;
+}
+
+// Updated 2025-05-23
+export async function process_ae_obj__event_device_props({
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    return _process_generic_props({
+        obj_li,
+        obj_type: 'event_device',
+        log_lvl,
+        specific_processor: (obj) => {
+            // Special handling for heartbeat timestamp
+            if (obj.heartbeat) {
+                obj.heartbeat = obj.heartbeat + 'Z';
+            }
+
+            // Event device-specific computed sort fields, overriding generic ones if needed
+            obj.tmp_sort_1 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on ?? obj.created_on}`;
+            obj.tmp_sort_2 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on}_${obj.created_on}`;
+
+            return obj;
+        }
+    });
+}

src/lib/ae_events/ae_events__event_file.ts

@@ -0,0 +1,851 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+import { db_events } from '$lib/ae_events/db_events';
+
+const ae_promises: key_val = {};
+
+// Updated 2025-07-21
+export async function load_ae_obj_id__event_file({
+    api_cfg,
+    event_file_id,
+    try_cache = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_file_id: string;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__event_file() *** event_file_id=${event_file_id}`);
+    }
+
+    const params = {};
+
+    ae_promises.load__event_file_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_file',
+            obj_id: event_file_id, // NOTE: This is the FQDN, not normally the ID.
+            use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_file_obj_get_result) {
+            if (event_file_obj_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_file_props({
+                        obj_li: [event_file_obj_get_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'file',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // This is expecting a list
+                    // db_save_ae_obj_li__event_file({obj_type: 'event_file', obj_li: [event_file_obj_get_result]});
+                }
+                return event_file_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    return ae_promises.load__event_file_obj;
+}
+
+// Updated 2025-07-21
+export async function load_ae_obj_li__event_file({
+    api_cfg,
+    for_obj_type,
+    for_obj_id,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 99,
+    offset = 0,
+    order_by_li = { priority: 'DESC', sort: 'DESC', updated_on: 'DESC', created_on: 'DESC' },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    for_obj_type: string;
+    for_obj_id: string;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined; // all, disabled, enabled
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined; // all, hidden, not_hidden
+    limit?: number; // 99
+    offset?: number; // 0
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_li__event_file() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`
+        );
+    }
+
+    // Check if for_obj_type is in the list of valid Aether object types:
+    const valid_for_obj_types = [
+        'event',
+        'event_session',
+        'event_presentation',
+        'event_presenter',
+        'event_location',
+        'event_badge',
+        'event_device'
+    ];
+    if (!valid_for_obj_types.includes(for_obj_type)) {
+        console.log(`Invalid for_obj_type: ${for_obj_type}`);
+        return [];
+    }
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__event_file_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'event_file',
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            use_alt_tbl: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            use_alt_mdl: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+            use_alt_exp: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_file_obj_li_get_result) {
+            if (event_file_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_file_props({
+                        obj_li: event_file_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'file',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_file({obj_type: 'event_file', obj_li: event_file_obj_li_get_result});
+                }
+                return event_file_obj_li_get_result;
+            } else {
+                console.log('No results returned.');
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_file_obj_li:', ae_promises.load__event_file_obj_li);
+    }
+    return ae_promises.load__event_file_obj_li;
+}
+
+// Updated 2025-07-21
+// This may need to be reviewed again???
+export async function create_event_file_obj_from_hosted_file_async({
+    api_cfg,
+    hosted_file_id,
+    params = {},
+    data = {},
+    return_obj = false,
+    inc_hosted_file = false,
+    return_meta = false,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    hosted_file_id: string;
+    params?: key_val;
+    data?: key_val;
+    return_obj?: boolean;
+    inc_hosted_file?: boolean;
+    return_meta?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** create_event_file_obj_from_hosted_file_async() *** hosted_file_id=${hosted_file_id}`
+        );
+    }
+
+    if (!hosted_file_id) {
+        console.log(`ERROR: Events Launcher - Event File - hosted_file_id required to create`);
+        return false;
+    }
+
+    const endpoint = `/event/file/from_hosted_file/${hosted_file_id}`;
+    if (return_obj) {
+        params['return_obj'] = true;
+    }
+    if (inc_hosted_file) {
+        params['inc_hosted_file'] = true;
+    }
+    const event_file_obj_post_promise = await api
+        .post_object({
+            api_cfg: api_cfg,
+            endpoint: endpoint,
+            params: params,
+            data: data,
+            // return_obj: return_obj,
+            return_meta: return_meta,
+            log_lvl: log_lvl
+        })
+        .then(function (result) {
+            console.log('POST DONE create_event_file_obj_from_hosted_file');
+            console.log(result);
+            return result;
+        })
+        .catch(function (error: any) {
+            console.log(error);
+            return false; // Returning false since something may have gone wrong. Also more in line with what the API returns.
+            // return error;
+        });
+
+    // console.log(event_file_obj_post_promise);
+    if (return_obj) {
+        return event_file_obj_post_promise;
+    } else {
+        return event_file_obj_post_promise.event_file_id_random;
+    }
+}
+
+// Updated 2025-07-21
+export async function delete_ae_obj_id__event_file({
+    api_cfg,
+    event_file_id,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_file_id: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__event_file() *** event_file_id=${event_file_id}`);
+    }
+
+    const endpoint = `/event/file/${event_file_id}/v2`;
+
+    params['delete_hosted_file'] = true; // This does not actually delete the hosted file from the server.
+    params['rm_orphan'] = true; // This is what actually allows the hosted file to be deleted from the server.
+
+    ae_promises.delete__event_file_obj = await api
+        .delete_object({
+            api_cfg: api_cfg,
+            endpoint: endpoint,
+            params: params,
+            // return_meta: return_meta,
+            log_lvl: log_lvl
+        })
+        .finally(function () {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(
+                        `Attempting to remove IDB entry for event_file_id=${event_file_id}`
+                    );
+                }
+                db_events.file.delete(event_file_id); // Delete from the DB no matter what.
+            }
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__event_file_obj:', ae_promises.delete__event_file_obj);
+    }
+
+    return ae_promises.delete__event_file_obj;
+}
+
+// Updated 2025-07-21
+export async function update_ae_obj__event_file({
+    api_cfg,
+    event_file_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_file_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__event_file() *** event_file_id=${event_file_id}`);
+    }
+
+    // Perform the API update
+    const result = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_file',
+        obj_id: event_file_id, // NOTE: This is the FQDN, not normally the ID.
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    });
+    // Handle the result
+    if (result) {
+        if (try_cache) {
+            // Process the results first
+            const processed_obj_li = await process_ae_obj__event_file_props({
+                obj_li: [result],
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log('Processed object list:', processed_obj_li);
+            }
+            // Save the updated results list to the database
+            if (log_lvl) {
+                console.log('Saving to DB...');
+            }
+            await db_save_ae_obj_li__ae_obj({
+                db_instance: db_events,
+                table_name: 'file',
+                obj_li: processed_obj_li,
+                properties_to_save: properties_to_save,
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log('DB save completed.');
+            }
+
+            // await db_save_ae_obj_li__event_file({
+            //     obj_type: 'event_file',
+            //     obj_li: [result],
+            //     log_lvl: log_lvl,
+            // });
+        }
+        return result;
+    } else {
+        console.error('Failed to update event file.');
+        return null;
+    }
+}
+
+// This new function is using CRUD v2. This should allow for more flexibility in the queries.
+// Updated 2025-07-21
+export async function qry__event_file({
+    api_cfg,
+    event_id,
+    qry_created_on = null, // Example greater than: '2024-10-24'
+    qry_min_file_size = null,
+    qry_file_purpose = null,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 49,
+    offset = 0,
+    order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        created_on: 'DESC',
+        updated_on: 'DESC',
+        filename: 'ASC',
+        extension: 'ASC',
+        hosted_file_size: 'ASC'
+    },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: any;
+    qry_created_on?: null | string;
+    qry_min_file_size?: null | number;
+    qry_file_purpose?: null | string;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: any;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** qry__event_file() *** event_id=${event_id}`);
+    }
+
+    const params_json: key_val = {};
+
+    params_json['qry'] = [];
+
+    if (qry_created_on) {
+        const qry_param = {
+            type: 'AND',
+            field: 'created_on',
+            operator: '>',
+            value: qry_created_on
+        };
+        params_json['qry'].push(qry_param);
+    }
+
+    if (qry_min_file_size) {
+        // console.log('qry_min_file_size:', qry_min_file_size);
+        const qry_param = {
+            type: 'AND',
+            field: 'hosted_file_size',
+            operator: '>',
+            value: qry_min_file_size
+        };
+        params_json['qry'].push(qry_param);
+    }
+
+    if (qry_file_purpose) {
+        const qry_param = {
+            type: 'AND',
+            field: 'file_purpose',
+            operator: '=',
+            value: qry_file_purpose
+        };
+        params_json['qry'].push(qry_param);
+    }
+
+    // if (!limit || limit <= 0) {
+    //     limit = null;
+    // }
+
+    if (log_lvl) {
+        console.log('params_json:', params_json);
+    }
+
+    ae_promises.load__event_file_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'event_file',
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            use_alt_tbl: true, // NOTE: We want to use the alt table for file searching?
+            use_alt_mdl: false,
+            use_alt_exp: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(function (event_file_obj_li_get_result) {
+            if (event_file_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    process_ae_obj__event_file_props({
+                        obj_li: event_file_obj_li_get_result,
+                        log_lvl: log_lvl
+                    }).then(async function (processed_obj_li) {
+                        if (log_lvl) {
+                            console.log('Processed object list:', processed_obj_li);
+                        }
+                        // Save the updated results list to the database
+                        if (log_lvl) {
+                            console.log('Saving to DB...');
+                        }
+                        await db_save_ae_obj_li__ae_obj({
+                            db_instance: db_events,
+                            table_name: 'file',
+                            obj_li: processed_obj_li,
+                            properties_to_save: properties_to_save,
+                            log_lvl: log_lvl
+                        });
+                        if (log_lvl) {
+                            console.log('DB save completed.');
+                        }
+                    });
+                }
+
+                // db_save_ae_obj_li__event_file({obj_type: 'event_file', obj_li: event_file_obj_li_get_result});
+                return event_file_obj_li_get_result;
+            } else {
+                return [];
+            }
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_file_obj_li:', ae_promises.load__event_file_obj_li);
+    }
+    return ae_promises.load__event_file_obj_li;
+}
+
+// Updated 2025-07-21
+export async function search__event_file({
+    api_cfg,
+    event_id,
+    created_on = null,
+    min_file_size = null,
+    fulltext_search_qry_str,
+    ft_file_search_qry_str,
+    like_search_qry_str = null,
+    like_presentation_search_qry_str = null,
+    like_file_search_qry_str = null,
+    order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        created_on: 'DESC',
+        updated_on: 'DESC',
+        filename: 'ASC',
+        extension: 'ASC',
+        hosted_file_size: 'ASC'
+    },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: any;
+    created_on?: null | string;
+    min_file_size?: null | number;
+    fulltext_search_qry_str?: null | string;
+    ft_file_search_qry_str?: null | string;
+    like_search_qry_str?: null | string;
+    like_presentation_search_qry_str?: null | string;
+    like_file_search_qry_str?: null | string;
+    order_by_li?: key_val;
+    params?: any;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** search__event_file() *** event_id=${event_id}`);
+    }
+
+    const enabled: string = params.qry__enabled ?? 'enabled'; // all, disabled, enabled
+    const hidden: string = params.qry__hidden ?? 'not_hidden'; // all, hidden, not_hidden
+    const limit: number = params.qry__limit ?? 25; // 99
+    const offset: number = params.qry__offset ?? 0; // 0
+
+    const params_json: key_val = {};
+
+    // if (!fulltext_search_qry_str && !like_search_qry_str) {
+    //     console.log('No search string provided!!!');
+    //     return false; // Returning false instead of [] because no search was performed.
+    // }
+
+    if (fulltext_search_qry_str || ft_file_search_qry_str) {
+        params_json['ft_qry'] = {};
+        if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+            params_json['ft_qry']['default_qry_str'] = fulltext_search_qry_str;
+        }
+
+        if (ft_file_search_qry_str && ft_file_search_qry_str.length > 2) {
+            params_json['ft_qry']['event_file_li_qry_str'] = ft_file_search_qry_str;
+        }
+    }
+
+    // Use the AND (AND LIKE) query
+    // if (like_search_qry_str || like_file_search_qry_str) {
+    //     params_json['and_like'] = {};
+    //     if (like_search_qry_str && like_search_qry_str.length > 2) {
+    //         params_json['and_like']['default_qry_str'] = like_search_qry_str;
+    //     }
+    //     if (like_file_search_qry_str && like_file_search_qry_str.length > 2) {
+    //         params_json['and_like']['event_file_li_qry_str'] = like_file_search_qry_str;
+    //     }
+    // }
+
+    // Use the AND (OR LIKE) query
+    // if (like_search_qry_str || like_presentation_search_qry_str || like_file_search_qry_str) {
+    //     params_json['or_like'] = {};
+    //     if (like_search_qry_str && like_search_qry_str.length > 2) {
+    //         params_json['or_like']['default_qry_str'] = like_search_qry_str;
+    //     }
+    //     if (like_presentation_search_qry_str && like_presentation_search_qry_str.length > 2) {
+    //         params_json['or_like']['event_presentation_li_qry_str'] = like_presentation_search_qry_str;
+    //     }
+    //     if (like_file_search_qry_str && like_file_search_qry_str.length > 2) {
+    //         params_json['or_like']['event_file_li_qry_str'] = like_file_search_qry_str;
+    //     }
+    // }
+
+    // params_json['and_qry'] = {};
+
+    // if (created_on) {
+    //     params_json['and_qry']['created_on'] = created_on;
+    // }
+
+    if (min_file_size) {
+        params_json['and_qry'] = { hosted_file_size: { '>': min_file_size } };
+    }
+
+    ae_promises.load__event_file_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_file',
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            use_alt_table: true, // NOTE: We want to use the alt table for file searching?
+            use_alt_base: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_file_obj_li_get_result) {
+            if (event_file_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_file_props({
+                        obj_li: event_file_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'file',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_file({obj_type: 'event_file', obj_li: event_file_obj_li_get_result});
+                }
+                return event_file_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_file_obj_li:', ae_promises.load__event_file_obj_li);
+    }
+    return ae_promises.load__event_file_obj_li;
+}
+
+// Updated 2025-05-23
+export const properties_to_save = [
+    'id',
+    // 'id_random',
+    'event_file_id',
+    // 'event_file_id_random',
+
+    'hosted_file_id',
+    // 'hosted_file_id_random',
+    'hash_sha256',
+
+    'for_type',
+    'for_id',
+    // 'for_id_random',
+
+    'event_id',
+    // 'event_id_random',
+    'event_session_id',
+    // 'event_session_id_random',
+    'event_presentation_id',
+    // 'event_presentation_id_random',
+    'event_presenter_id',
+    // 'event_presenter_id_random',
+    'event_location_id',
+    // 'event_location_id_random',
+
+    'filename',
+    'extension',
+
+    'open_in_os',
+
+    'lu_file_purpose_id',
+    'lu_event_file_purpose_name',
+    'file_purpose',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    'filename_no_ext',
+    'filename_w_ext',
+    'hosted_file_content_type',
+    'file_size',
+    'hosted_file_size',
+
+    'event_location_code',
+    'event_location_name',
+    'event_session_code',
+    'event_session_type_code',
+    'event_session_name',
+    'event_session_start_datetime',
+    'event_session_end_datetime',
+    'event_presentation_code',
+    'event_presentation_type_code',
+    'event_presentation_name',
+    'event_presentation_start_datetime',
+    'event_presentation_end_datetime',
+    'event_presenter_given_name',
+    'event_presenter_family_name',
+    'event_presenter_full_name',
+    'event_presenter_email'
+];
+
+/**
+ * NON-EXPORTED LOCAL HELPER
+ * Processes a list of Aether objects by applying common and specific transformations.
+ */
+async function _process_generic_props<T extends Record<string, any>>({
+    obj_li,
+    obj_type,
+    log_lvl = 0,
+    specific_processor
+}: {
+    obj_li: T[];
+    obj_type: string;
+    log_lvl?: number;
+    specific_processor?: (obj: T) => Promise<T> | T;
+}): Promise<T[]> {
+    if (log_lvl > 0) {
+        console.log(
+            `*** _process_generic_props: Processing ${obj_li.length} objects of type "${obj_type}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li: T[] = [];
+
+    for (const original_obj of obj_li) {
+        let processed_obj = { ...original_obj };
+
+        // --- Common Transformations ---
+
+        // 1. Standardize ID and other '_random' fields
+        // The API often returns fields like 'person_id_random', which need to be aliased to 'person_id'.
+        for (const key in processed_obj) {
+            if (key.endsWith('_random')) {
+                const newKey = key.slice(0, -7); // Remove '_random' suffix
+                processed_obj[newKey] = processed_obj[key];
+            }
+        }
+        // Ensure 'id' is set from '[obj_type]_id_random'
+        const randomIdKey = `${obj_type}_id_random`;
+        if (processed_obj[randomIdKey]) {
+            (processed_obj as any).id = processed_obj[randomIdKey];
+        }
+
+        // 2. Create common computed properties for client-side sorting.
+        const group = processed_obj.group ?? '0';
+        const priority = processed_obj.priority ? 1 : 0;
+        const sort = processed_obj.sort ?? '0';
+        const updated = processed_obj.updated_on ?? processed_obj.created_on;
+        const name = processed_obj.name ?? '';
+
+        (processed_obj as any).tmp_sort_1 = `${group}_${priority}_${sort}_${updated}`;
+        (processed_obj as any).tmp_sort_2 = `${group}_${priority}_${sort}_${name}_${updated}`;
+
+        // --- Specific Transformations ---
+        if (specific_processor) {
+            processed_obj = await Promise.resolve(specific_processor(processed_obj));
+        }
+
+        processed_obj_li.push(processed_obj as T);
+    }
+
+    return processed_obj_li;
+}
+
+// Updated 2025-05-23
+export async function process_ae_obj__event_file_props({
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    return _process_generic_props({
+        obj_li,
+        obj_type: 'event_file',
+        log_lvl,
+        specific_processor: (obj) => {
+            // Event file-specific computed sort fields, overriding generic ones if needed
+            obj.tmp_sort_1 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on ?? obj.created_on}`;
+            obj.tmp_sort_2 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on}_${obj.created_on}`;
+
+            return obj;
+        }
+    });
+}

src/lib/ae_events/ae_events__event_location.ts

@@ -0,0 +1,866 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+import { db_events } from '$lib/ae_events/db_events';
+
+import { load_ae_obj_li__event_device } from '$lib/ae_events/ae_events__event_device';
+import { load_ae_obj_li__event_file } from '$lib/ae_events/ae_events__event_file';
+import { load_ae_obj_li__event_session } from './ae_events__event_session';
+
+const ae_promises: key_val = {};
+
+// Updated 2025-05-23
+export async function load_ae_obj_id__event_location({
+    api_cfg,
+    event_location_id,
+    inc_file_li = false,
+    inc_session_li = false,
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_location_id: string;
+    inc_file_li?: boolean;
+    inc_session_li?: boolean;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_id__event_location() *** event_location_id=${event_location_id}`
+        );
+    }
+
+    const params = {};
+
+    ae_promises.load__event_location_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_location',
+            obj_id: event_location_id, // NOTE: This is the FQDN, not normally the ID.
+            use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_location_obj_get_result) {
+            if (event_location_obj_get_result) {
+                if (try_cache) {
+                    const processed_obj_li = await process_ae_obj__event_location_props({
+                        obj_li: [event_location_obj_get_result],
+                        log_lvl
+                    });
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'location',
+                        obj_li: processed_obj_li,
+                        properties_to_save,
+                        log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // // This is expecting a list
+                    // db_save_ae_obj_li__event_location({
+                    //     obj_type: 'event_location',
+                    //     obj_li: [event_location_obj_get_result]
+                    // });
+                }
+                return event_location_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_location_obj:', ae_promises.load__event_location_obj);
+    }
+
+    if (ae_promises?.load__event_location_obj === null) {
+        console.log('No results returned.');
+        return null;
+    }
+
+    if (inc_file_li) {
+        // Load the files for the location
+        if (log_lvl) {
+            console.log(`Need to load the file list for the location now`);
+        }
+        const load_event_file_obj_li = load_ae_obj_li__event_file({
+            api_cfg: api_cfg,
+            for_obj_type: 'event_location',
+            for_obj_id: event_location_id,
+            enabled: 'all',
+            limit: 15,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        }).then((event_file_obj_li) => {
+            if (log_lvl) {
+                console.log(`event_file_obj_li = `, event_file_obj_li);
+            }
+            return event_file_obj_li;
+        });
+
+        if (log_lvl) {
+            console.log(`load_event_file_obj_li = `, load_event_file_obj_li);
+        }
+        ae_promises.load__event_location_obj.event_file_li = load_event_file_obj_li;
+    }
+
+    if (inc_session_li) {
+        // Load the sessions for the location
+        if (log_lvl) {
+            console.log(`Need to load the session list for the location now`);
+        }
+        const load_event_session_obj_li = load_ae_obj_li__event_session({
+            api_cfg: api_cfg,
+            for_obj_type: 'event_location',
+            for_obj_id: event_location_id,
+            enabled: 'all',
+            limit: 15,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        });
+
+        if (log_lvl) {
+            console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
+        }
+        ae_promises.load__event_location_obj.event_session_li = load_event_session_obj_li;
+    }
+
+    return ae_promises.load__event_location_obj;
+}
+
+// Updated 2025-05-23
+export async function load_ae_obj_li__event_location({
+    api_cfg,
+    for_obj_type,
+    for_obj_id,
+    inc_device_li = false,
+    inc_file_li = false,
+    inc_session_li = false,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 29,
+    offset = 0,
+    order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        name: 'ASC',
+        code: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    for_obj_type: string;
+    for_obj_id: string;
+    inc_device_li?: boolean;
+    inc_file_li?: boolean;
+    inc_session_li?: boolean;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined; // all, disabled, enabled
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined; // all, hidden, not_hidden
+    limit?: number; // 99
+    offset?: number; // 0
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_li__event_location() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`
+        );
+    }
+
+    const params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    // ae_promises.load__event_location_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_location_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'event_location',
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            use_alt_tbl: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            // use_alt_mdl: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_location_obj_li_get_result) {
+            if (event_location_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_location_props({
+                        obj_li: event_location_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'location',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_location({
+                    //     obj_type: 'event_location',
+                    //     obj_li: event_location_obj_li_get_result
+                    // });
+                }
+                return event_location_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.load__event_location_obj_li:',
+            ae_promises.load__event_location_obj_li
+        );
+    }
+
+    if (inc_device_li) {
+        // Load the devices for the locations
+        if (log_lvl) {
+            console.log(`Need to load the device list for each location now`);
+        }
+        for (let i = 0; i < ae_promises.load__event_location_obj_li.length; i++) {
+            const event_location_obj = ae_promises.load__event_location_obj_li[i];
+            const event_location_id = event_location_obj.event_location_id_random;
+
+            const load_event_device_obj_li = load_ae_obj_li__event_device({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_location',
+                for_obj_id: event_location_id,
+                params: { qry__enabled: enabled, qry__limit: limit },
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            }).then((event_device_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_device_obj_li = `, event_device_obj_li);
+                }
+                return event_device_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_event_device_obj_li = `, load_event_device_obj_li);
+            }
+        }
+    }
+
+    if (inc_file_li) {
+        // Load the files for the locations
+        if (log_lvl) {
+            console.log(`Need to load the file list for each location now`);
+        }
+        for (let i = 0; i < ae_promises.load__event_location_obj_li.length; i++) {
+            const event_location_obj = ae_promises.load__event_location_obj_li[i];
+            const event_location_id = event_location_obj.event_location_id_random;
+
+            const load_event_file_obj_li = load_ae_obj_li__event_file({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_location',
+                for_obj_id: event_location_id,
+                enabled: enabled,
+                limit: limit,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            }).then((event_file_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_file_obj_li = `, event_file_obj_li);
+                }
+                return event_file_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_event_file_obj_li = `, load_event_file_obj_li);
+            }
+        }
+    }
+
+    if (inc_session_li) {
+        // Load the sessions for the locations
+        if (log_lvl) {
+            console.log(`Need to load the session list for each location now`);
+        }
+        for (let i = 0; i < ae_promises.load__event_location_obj_li.length; i++) {
+            const event_location_obj = ae_promises.load__event_location_obj_li[i];
+            const event_location_id = event_location_obj.event_location_id_random;
+
+            const load_event_session_obj_li = load_ae_obj_li__event_session({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_location',
+                for_obj_id: event_location_id,
+                enabled: enabled,
+                limit: limit,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            }).then((event_session_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_session_obj_li = `, event_session_obj_li);
+                }
+                return event_session_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
+            }
+        }
+    }
+
+    return ae_promises.load__event_location_obj_li;
+}
+
+// Updated 2025-05-23
+export async function create_ae_obj__event_location({
+    api_cfg,
+    event_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__event_location() *** event_id=${event_id}`);
+    }
+
+    ae_promises.create__event_location = await api
+        .create_ae_obj_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_location',
+            fields: {
+                event_id_random: event_id,
+                ...data_kv
+            },
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_location_obj_create_result) {
+            if (event_location_obj_create_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_location_props({
+                        obj_li: [event_location_obj_create_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'location',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_location(
+                    //     {
+                    //         obj_type: 'event_location',
+                    //         obj_li: [event_location_obj_create_result]
+                    //     });
+                }
+                return event_location_obj_create_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log('ae_promises.create__event_location:', ae_promises.create__event_location);
+    }
+    return ae_promises.create__event_location;
+}
+
+// Updated 2025-05-23
+export async function delete_ae_obj_id__event_location({
+    api_cfg,
+    event_location_id,
+    method = 'delete', // 'delete', 'disable', 'hide'
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_location_id: string;
+    method?: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** delete_ae_obj_id__event_location() *** event_location_id=${event_location_id}`
+        );
+    }
+
+    ae_promises.delete__event_location_obj = await api
+        .delete_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_location',
+            obj_id: event_location_id,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            method: method,
+            log_lvl: log_lvl
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(
+                        `Attempting to remove IDB entry for event_location_id=${event_location_id}`
+                    );
+                }
+                db_events.location.delete(event_location_id);
+            }
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.delete__event_location_obj:',
+            ae_promises.delete__event_location_obj
+        );
+    }
+
+    return ae_promises.delete__event_location_obj;
+}
+
+// Updated 2025-05-23
+export async function update_ae_obj__event_location({
+    api_cfg,
+    event_location_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_location_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** update_ae_obj__event_location() *** event_location_id=${event_location_id}`,
+            data_kv
+        );
+    }
+    ae_promises.update__event_location_obj = await api
+        .update_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_location',
+            obj_id: event_location_id,
+            fields: data_kv,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_location_obj_update_result) {
+            if (event_location_obj_update_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_location_props({
+                        obj_li: [event_location_obj_update_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'location',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_location({
+                    //     obj_type: 'event_location', obj_li: [event_location_obj_update_result]
+                    // });
+                }
+                return event_location_obj_update_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.update__event_location_obj:',
+            ae_promises.update__event_location_obj
+        );
+    }
+    return ae_promises.update__event_location_obj;
+}
+
+// Updated 2025-05-23
+export async function search__event_location({
+    api_cfg,
+    event_id,
+    fulltext_search_qry_str,
+    ft_presenter_search_qry_str,
+    like_search_qry_str = null,
+    like_presentation_search_qry_str = null,
+    like_presenter_search_qry_str = null,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: any;
+    fulltext_search_qry_str?: null | string;
+    ft_presenter_search_qry_str?: null | string;
+    like_search_qry_str?: null | string;
+    like_presentation_search_qry_str?: null | string;
+    like_presenter_search_qry_str?: null | string;
+    params?: any;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** search__event_location() *** event_id=${event_id}`);
+    }
+
+    const enabled: string = params.qry__enabled ?? 'enabled'; // all, disabled, enabled
+    const hidden: string = params.qry__hidden ?? 'not_hidden'; // all, hidden, not_hidden
+    const limit: number = params.qry__limit ?? 25; // 99
+    const offset: number = params.qry__offset ?? 0; // 0
+
+    const params_json: key_val = {};
+
+    if (!fulltext_search_qry_str && !like_search_qry_str) {
+        console.log('No search string provided!!!');
+        return false; // Returning false instead of [] because no search was performed.
+    }
+
+    if (fulltext_search_qry_str || ft_presenter_search_qry_str) {
+        params_json['ft_qry'] = {};
+        if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+            params_json['ft_qry']['default_qry_str'] = fulltext_search_qry_str;
+        }
+
+        if (ft_presenter_search_qry_str && ft_presenter_search_qry_str.length > 2) {
+            params_json['ft_qry']['event_presenter_li_qry_str'] = ft_presenter_search_qry_str;
+        }
+    }
+
+    // Use the AND (AND LIKE) query
+    // if (like_search_qry_str || like_presenter_search_qry_str) {
+    //     params_json['and_like'] = {};
+    //     if (like_search_qry_str && like_search_qry_str.length > 2) {
+    //         params_json['and_like']['default_qry_str'] = like_search_qry_str;
+    //     }
+    //     if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+    //         params_json['and_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+    //     }
+    // }
+
+    // Use the AND (OR LIKE) query
+    if (like_search_qry_str || like_presentation_search_qry_str || like_presenter_search_qry_str) {
+        params_json['or_like'] = {};
+        if (like_search_qry_str && like_search_qry_str.length > 2) {
+            params_json['or_like']['default_qry_str'] = like_search_qry_str;
+        }
+        if (like_presentation_search_qry_str && like_presentation_search_qry_str.length > 2) {
+            params_json['or_like']['event_presentation_li_qry_str'] =
+                like_presentation_search_qry_str;
+        }
+        if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+            params_json['or_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+        }
+    }
+
+    params_json['and_qry'] = {};
+
+    // if (location_type_code) {
+    //     params_json['and_qry']['location_type_code'] = location_type_code;
+    // }
+
+    const order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        start_datetime: 'ASC',
+        name: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    };
+
+    // ae_promises.load__event_location_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_location_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'event_location',
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            use_alt_tbl: true, // NOTE: We want to use the alt table for location searching
+            // use_alt_mdl: false,
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_location_obj_li_get_result) {
+            if (event_location_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_location_props({
+                        obj_li: event_location_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'location',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+                }
+                return event_location_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.load__event_location_obj_li:',
+            ae_promises.load__event_location_obj_li
+        );
+    }
+    return ae_promises.load__event_location_obj_li;
+}
+
+// Updated 2025-05-23
+export const properties_to_save = [
+    'id',
+    'event_location_id',
+    // 'event_location_id_random',
+
+    'external_id',
+    'code',
+
+    'type_code',
+
+    'event_id',
+    // 'event_id_random',
+
+    'name',
+    'description',
+
+    'passcode',
+
+    'hide_event_launcher',
+
+    'alert',
+    'alert_msg',
+
+    'data_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    'file_count',
+    'file_count_all',
+    'internal_use_count',
+    'event_file_id_li_json',
+
+    'event_name'
+];
+
+/**
+ * NON-EXPORTED LOCAL HELPER
+ * Processes a list of Aether objects by applying common and specific transformations.
+ */
+async function _process_generic_props<T extends Record<string, any>>({
+    obj_li,
+    obj_type,
+    log_lvl = 0,
+    specific_processor
+}: {
+    obj_li: T[];
+    obj_type: string;
+    log_lvl?: number;
+    specific_processor?: (obj: T) => Promise<T> | T;
+}): Promise<T[]> {
+    if (log_lvl > 0) {
+        console.log(
+            `*** _process_generic_props: Processing ${obj_li.length} objects of type "${obj_type}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li: T[] = [];
+
+    for (const original_obj of obj_li) {
+        let processed_obj = { ...original_obj };
+
+        // --- Common Transformations ---
+
+        // 1. Standardize ID and other '_random' fields
+        // The API often returns fields like 'person_id_random', which need to be aliased to 'person_id'.
+        for (const key in processed_obj) {
+            if (key.endsWith('_random')) {
+                const newKey = key.slice(0, -7); // Remove '_random' suffix
+                processed_obj[newKey] = processed_obj[key];
+            }
+        }
+        // Ensure 'id' is set from '[obj_type]_id_random'
+        const randomIdKey = `${obj_type}_id_random`;
+        if (processed_obj[randomIdKey]) {
+            (processed_obj as any).id = processed_obj[randomIdKey];
+        }
+
+        // 2. Create common computed properties for client-side sorting.
+        const group = processed_obj.group ?? '0';
+        const priority = processed_obj.priority ? 1 : 0;
+        const sort = processed_obj.sort ?? '0';
+        const updated = processed_obj.updated_on ?? processed_obj.created_on;
+        const name = processed_obj.name ?? '';
+
+        (processed_obj as any).tmp_sort_1 = `${group}_${priority}_${sort}_${updated}`;
+        (processed_obj as any).tmp_sort_2 = `${group}_${priority}_${sort}_${name}_${updated}`;
+
+        // --- Specific Transformations ---
+        if (specific_processor) {
+            processed_obj = await Promise.resolve(specific_processor(processed_obj));
+        }
+
+        processed_obj_li.push(processed_obj as T);
+    }
+
+    return processed_obj_li;
+}
+
+// Updated 2025-05-23
+export async function process_ae_obj__event_location_props({
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    return _process_generic_props({
+        obj_li,
+        obj_type: 'event_location',
+        log_lvl,
+        specific_processor: (obj) => {
+            // Event location-specific computed sort fields, overriding generic ones if needed
+            obj.tmp_sort_1 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on ?? obj.created_on}`;
+            obj.tmp_sort_2 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on}_${obj.created_on}`;
+
+            return obj;
+        }
+    });
+}

src/lib/ae_events/ae_events__event_presentation.ts

@@ -0,0 +1,732 @@
+import type { key_val } from '$lib/stores/ae_stores';
+import { api } from '$lib/api/api';
+
+import { db_save_ae_obj_li__ae_obj } from '$lib/ae_core/core__idb_dexie';
+import { db_events } from '$lib/ae_events/db_events';
+
+import { load_ae_obj_li__event_file } from '$lib/ae_events/ae_events__event_file';
+import { load_ae_obj_li__event_presenter } from '$lib/ae_events/ae_events__event_presenter';
+
+const ae_promises: key_val = {};
+
+// Updated 2025-05-22
+export async function load_ae_obj_id__event_presentation({
+    api_cfg,
+    event_presentation_id,
+    inc_file_li = false,
+    inc_presenter_li = false,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 49,
+    offset = 0,
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_presentation_id: string;
+    inc_file_li?: boolean;
+    inc_presenter_li?: boolean;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_id__event_presentation() *** event_presentation_id=${event_presentation_id}`
+        );
+    }
+
+    const params = {};
+
+    ae_promises.load__event_presentation_obj = await api
+        .get_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_presentation',
+            obj_id: event_presentation_id, // NOTE: This is the FQDN, not normally the ID.
+            use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_presentation_obj_get_result) {
+            if (event_presentation_obj_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_presentation_props({
+                        obj_li: [event_presentation_obj_get_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'presentation',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // // This is expecting a list
+                    // db_save_ae_obj_li__event_presentation({
+                    //     obj_type: 'event_presentation',
+                    //     obj_li: [event_presentation_obj_get_result]
+
+                    // });
+                }
+                return event_presentation_obj_get_result;
+            } else {
+                console.log('No results returned.');
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.load__event_presentation_obj:',
+            ae_promises.load__event_presentation_obj
+        );
+    }
+
+    if (ae_promises?.load__event_presentation_obj === null) {
+        console.log('No results returned.');
+        return null;
+    }
+
+    if (inc_file_li) {
+        // Load the files for the presentation
+        if (log_lvl) {
+            console.log(`Need to load the file list for the presentation now.`);
+        }
+        const load_event_file_obj_li = load_ae_obj_li__event_file({
+            api_cfg: api_cfg,
+            for_obj_type: 'event_presentation',
+            for_obj_id: event_presentation_id,
+            enabled: 'all',
+            limit: 25,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        }).then((event_file_obj_li) => {
+            if (log_lvl) {
+                console.log(`event_file_obj_li = `, event_file_obj_li);
+            }
+            return event_file_obj_li;
+        });
+
+        if (log_lvl) {
+            console.log(`event_file_obj_li = `, load_event_file_obj_li);
+        }
+        ae_promises.load__event_presentation_obj.event_file_li = load_event_file_obj_li;
+    }
+
+    if (inc_presenter_li) {
+        // Load the presenters for the presentation
+        if (log_lvl) {
+            console.log(`Need to load the presenter list for the presentation now.`);
+        }
+        const load_event_presenter_obj_li = load_ae_obj_li__event_presenter({
+            api_cfg: api_cfg,
+            for_obj_type: 'event_presentation',
+            for_obj_id: event_presentation_id,
+            inc_file_li: inc_file_li,
+            enabled: enabled,
+            hidden: hidden,
+            limit: limit,
+            offset: offset,
+            // order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            // params: params,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        }).then((event_presenter_obj_li) => {
+            if (log_lvl) {
+                console.log(`event_presenter_obj_li = `, event_presenter_obj_li);
+            }
+            return event_presenter_obj_li;
+        });
+
+        if (log_lvl) {
+            console.log(`event_presenter_obj_li = `, load_event_presenter_obj_li);
+        }
+        ae_promises.load__event_presentation_obj.event_presenter_li = load_event_presenter_obj_li;
+    }
+
+    return ae_promises.load__event_presentation_obj;
+}
+
+// Updated 2025-05-22
+export async function load_ae_obj_li__event_presentation({
+    api_cfg,
+    for_obj_type = 'event_session',
+    for_obj_id,
+    inc_file_li = false,
+    inc_presenter_li = false,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 49,
+    offset = 0,
+    order_by_li = {
+        priority: 'DESC',
+        sort: 'DESC',
+        start_datetime: 'ASC',
+        name: 'ASC',
+        updated_on: 'DESC',
+        created_on: 'DESC'
+    },
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    for_obj_type: string;
+    for_obj_id: string;
+    inc_file_li?: boolean;
+    inc_presenter_li?: boolean;
+    enabled?: 'enabled' | 'all' | 'not_enabled' | undefined;
+    hidden?: 'hidden' | 'all' | 'not_hidden' | undefined;
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** load_ae_obj_li__event_presentation() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`
+        );
+    }
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 99); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    const params_json: key_val = {};
+
+    // console('params_json:', params_json);
+
+    // ae_promises.load__event_presentation_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_presentation_obj_li = await api
+        .get_ae_obj_li_for_obj_id_crud_v2({
+            api_cfg: api_cfg,
+            obj_type: 'event_presentation',
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            use_alt_tbl: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+            // use_alt_mdl: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+            enabled: enabled,
+            hidden: hidden,
+            order_by_li: order_by_li,
+            limit: limit,
+            offset: offset,
+            params_json: params_json,
+            params: params,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_presentation_obj_li_get_result) {
+            if (event_presentation_obj_li_get_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_presentation_props({
+                        obj_li: event_presentation_obj_li_get_result,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    await db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'presentation',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_presentation({
+                    //     obj_type: 'event_presentation', obj_li: event_presentation_obj_li_get_result
+                    // });
+                }
+                return event_presentation_obj_li_get_result;
+            } else {
+                return [];
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.load__event_presentation_obj_li:',
+            ae_promises.load__event_presentation_obj_li
+        );
+    }
+
+    if (inc_file_li) {
+        // Load the files for the presentations
+        if (log_lvl) {
+            console.log(`Need to load the file list for each presentation now.`);
+        }
+        for (let i = 0; i < ae_promises.load__event_presentation_obj_li.length; i++) {
+            const event_presentation_obj = ae_promises.load__event_presentation_obj_li[i];
+            const event_presentation_id = event_presentation_obj.event_presentation_id_random;
+
+            const load_event_file_obj_li = load_ae_obj_li__event_file({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_presentation',
+                for_obj_id: event_presentation_id,
+                enabled: enabled,
+                limit: limit,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            }).then((event_file_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_file_obj_li = `, event_file_obj_li);
+                }
+                return event_file_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`event_file_obj_li = `, load_event_file_obj_li);
+            }
+            // ae_promises.load__event_presentation_obj.event_file_li = load_event_file_obj_li;
+        }
+    }
+
+    if (inc_presenter_li) {
+        // Load the presenters for the presentations
+        if (log_lvl) {
+            console.log(`Need to load the presenter list for each presentation now.`);
+        }
+        for (let i = 0; i < ae_promises.load__event_presentation_obj_li.length; i++) {
+            const event_presentation_obj = ae_promises.load__event_presentation_obj_li[i];
+            const event_presentation_id = event_presentation_obj.event_presentation_id_random;
+
+            const load_event_presenter_obj_li = load_ae_obj_li__event_presenter({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_presentation',
+                for_obj_id: event_presentation_id,
+                inc_file_li: inc_file_li,
+                enabled: enabled,
+                hidden: hidden,
+                limit: limit,
+                offset: offset,
+                // order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+                // params: {},
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            }).then((event_presenter_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_presenter_obj_li = `, event_presenter_obj_li);
+                }
+                return event_presenter_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`event_presenter_obj_li = `, load_event_presenter_obj_li);
+            }
+            // ae_promises.load__event_presentation_obj.event_presenter_li = load_event_presenter_obj_li;
+        }
+    }
+
+    return ae_promises.load__event_presentation_obj_li;
+}
+
+// Updated 2025-05-22
+export async function create_ae_obj__event_presentation({
+    api_cfg,
+    event_id,
+    event_session_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_id: string;
+    event_session_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** create_ae_obj__event_presentation() *** event_id=${event_id} event_session_id=${event_session_id}`
+        );
+    }
+
+    ae_promises.create__event_presentation = await api
+        .create_ae_obj_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_presentation',
+            fields: {
+                event_id_random: event_id,
+                event_session_id_random: event_session_id,
+                ...data_kv
+            },
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_presentation_obj_create_result) {
+            if (event_presentation_obj_create_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_presentation_props({
+                        obj_li: [event_presentation_obj_create_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'presentation',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_presentation(
+                    //     {
+                    //         obj_type: 'event_presentation',
+                    //         obj_li: [event_presentation_obj_create_result]
+                    //     });
+                }
+                return event_presentation_obj_create_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.create__event_presentation:',
+            ae_promises.create__event_presentation
+        );
+    }
+    return ae_promises.create__event_presentation;
+}
+
+// Updated 2025-05-22
+export async function delete_ae_obj_id__event_presentation({
+    api_cfg,
+    event_presentation_id,
+    method = 'delete', // 'delete', 'disable', 'hide'
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_presentation_id: string;
+    method?: string;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** delete_ae_obj_id__event_presentation() *** event_presentation_id=${event_presentation_id}`
+        );
+    }
+
+    ae_promises.delete__event_presentation_obj = await api
+        .delete_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_presentation',
+            obj_id: event_presentation_id,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            method: method,
+            log_lvl: log_lvl
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(
+                        `Attempting to remove IDB entry for event_presentation_id=${event_presentation_id}`
+                    );
+                }
+                db_events.presentation.delete(event_presentation_id);
+            }
+        });
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.delete__event_presentation_obj:',
+            ae_promises.delete__event_presentation_obj
+        );
+    }
+
+    return ae_promises.delete__event_presentation_obj;
+}
+
+// Updated 2025-05-22
+export async function update_ae_obj__event_presentation({
+    api_cfg,
+    event_presentation_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any;
+    event_presentation_id: string;
+    data_kv: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(
+            `*** update_ae_obj__event_presentation() *** event_presentation_id=${event_presentation_id}`,
+            data_kv
+        );
+    }
+    ae_promises.update__event_presentation_obj = await api
+        .update_ae_obj_id_crud({
+            api_cfg: api_cfg,
+            obj_type: 'event_presentation',
+            obj_id: event_presentation_id,
+            fields: data_kv,
+            key: api_cfg.api_crud_super_key,
+            params: params,
+            return_obj: true,
+            log_lvl: log_lvl
+        })
+        .then(async function (event_presentation_obj_update_result) {
+            if (event_presentation_obj_update_result) {
+                if (try_cache) {
+                    // Process the results first
+                    const processed_obj_li = await process_ae_obj__event_presentation_props({
+                        obj_li: [event_presentation_obj_update_result],
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('Processed object list:', processed_obj_li);
+                    }
+                    // Save the updated results list to the database
+                    if (log_lvl) {
+                        console.log('Saving to DB...');
+                    }
+                    db_save_ae_obj_li__ae_obj({
+                        db_instance: db_events,
+                        table_name: 'presentation',
+                        obj_li: processed_obj_li,
+                        properties_to_save: properties_to_save,
+                        log_lvl: log_lvl
+                    });
+                    if (log_lvl) {
+                        console.log('DB save completed.');
+                    }
+
+                    // db_save_ae_obj_li__event_presentation({
+                    //     obj_type: 'event_presentation',
+                    //     obj_li: [event_presentation_obj_update_result],
+                    //     log_lvl: log_lvl
+                    // });
+                }
+                return event_presentation_obj_update_result;
+            } else {
+                return null;
+            }
+        })
+        .catch(function (error: any) {
+            console.log('No results returned or failed.', error);
+        })
+        .finally(function () {});
+
+    if (log_lvl) {
+        console.log(
+            'ae_promises.update__event_presentation_obj:',
+            ae_promises.update__event_presentation_obj
+        );
+    }
+    return ae_promises.update__event_presentation_obj;
+}
+
+// Updated 2025-05-22
+export const properties_to_save = [
+    'id',
+    'event_presentation_id',
+    // 'event_presentation_id_random',
+
+    'external_id',
+    'code',
+
+    'for_type',
+    'for_id',
+    // 'for_id_random',
+
+    'type_code',
+
+    'event_id',
+    // 'event_id_random',
+    'event_session_id',
+    // 'event_session_id_random',
+    'event_abstract_id',
+    // 'event_abstract_id_random',
+
+    'abstract_code',
+
+    'name',
+    'description',
+
+    'start_datetime',
+    'end_datetime',
+
+    'passcode',
+
+    'hide_event_launcher',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    'event_session_code',
+    'event_session_name'
+
+    // Add more fields here if your DB save logic uses them
+];
+
+/**
+ * NON-EXPORTED LOCAL HELPER
+ * Processes a list of Aether objects by applying common and specific transformations.
+ */
+async function _process_generic_props<T extends Record<string, any>>({
+    obj_li,
+    obj_type,
+    log_lvl = 0,
+    specific_processor
+}: {
+    obj_li: T[];
+    obj_type: string;
+    log_lvl?: number;
+    specific_processor?: (obj: T) => Promise<T> | T;
+}): Promise<T[]> {
+    if (log_lvl > 0) {
+        console.log(
+            `*** _process_generic_props: Processing ${obj_li.length} objects of type "${obj_type}" ***`
+        );
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl > 0) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li: T[] = [];
+
+    for (const original_obj of obj_li) {
+        let processed_obj = { ...original_obj };
+
+        // --- Common Transformations ---
+
+        // 1. Standardize ID and other '_random' fields
+        // The API often returns fields like 'person_id_random', which need to be aliased to 'person_id'.
+        for (const key in processed_obj) {
+            if (key.endsWith('_random')) {
+                const newKey = key.slice(0, -7); // Remove '_random' suffix
+                processed_obj[newKey] = processed_obj[key];
+            }
+        }
+        // Ensure 'id' is set from '[obj_type]_id_random'
+        const randomIdKey = `${obj_type}_id_random`;
+        if (processed_obj[randomIdKey]) {
+            (processed_obj as any).id = processed_obj[randomIdKey];
+        }
+
+        // 2. Create common computed properties for client-side sorting.
+        const group = processed_obj.group ?? '0';
+        const priority = processed_obj.priority ? 1 : 0;
+        const sort = processed_obj.sort ?? '0';
+        const updated = processed_obj.updated_on ?? processed_obj.created_on;
+        const name = processed_obj.name ?? '';
+
+        (processed_obj as any).tmp_sort_1 = `${group}_${priority}_${sort}_${updated}`;
+        (processed_obj as any).tmp_sort_2 = `${group}_${priority}_${sort}_${name}_${updated}`;
+
+        // --- Specific Transformations ---
+        if (specific_processor) {
+            processed_obj = await Promise.resolve(specific_processor(processed_obj));
+        }
+
+        processed_obj_li.push(processed_obj as T);
+    }
+
+    return processed_obj_li;
+}
+
+// Updated 2025-05-22
+export async function process_ae_obj__event_presentation_props({
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    return _process_generic_props({
+        obj_li,
+        obj_type: 'event_presentation',
+        log_lvl,
+        specific_processor: (obj) => {
+            // Event presentation-specific computed sort fields, overriding generic ones if needed
+            obj.tmp_sort_1 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on ?? obj.created_on}`;
+            obj.tmp_sort_2 = `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${
+                obj.sort?.toString().padStart(3, '0') ?? ''
+            }_${obj.updated_on}_${obj.created_on}`;
+
+            return obj;
+        }
+    });
+}