Now the list of archives shows.

src/routes/idaa/(idaa)/archives/+page.svelte

@@ -1,8 +1,90 @@
 <script lang="ts">
 /** @type {import('./$types').PageData} */
 export let data: any;
-let log_lvl = 2;
-// console.log(`ae_events_pres_mgmt event [event_id] +page.svelte data:`, data);
+let log_lvl = 1;
+// console.log(`ae_idaa_bb +page.svelte data:`, data);
 
+import { browser } from '$app/environment';
+
+import { Modal } from 'flowbite-svelte';
+
+import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+
+import { liveQuery } from "dexie";
+import { core_func } from '$lib/ae_core/ae_core_functions';
+import { db_archives } from "$lib/db_archives";
+import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+import { idaa_loc, idaa_sess, idaa_slct, idaa_trigger } from '$lib/ae_idaa_stores';
+import { archives_func } from '$lib/ae_archives/ae_archives_functions';
+
+import Comp__archive_obj_li from './ae_idaa_comp__archive_obj_li.svelte';
+
+
+$: lq__archive_obj_li = liveQuery(async () => {
+    let results = await db_archives.archive
+        .where('account_id')
+        .equals($slct.account_id)
+        // .orderBy('updated_on')
+        // .toArray()
+        .reverse()
+        .sortBy('updated_on');
+        // .sortBy('updated_on, created_on');
+        // .sortBy('[updated_on+created_on]');
+        // .sortBy('[created_on+updated_on]');
+
+    return results;
+});
+
+$: lq__archive_obj = liveQuery(async () => {
+    let results = await db_archives.archive
+        .get($idaa_slct.archive_id);
+
+    return results;
+});
+
+$: lq__archive_content_obj_li = liveQuery(async () => {
+    let results = await db_posts.comment
+        .where('post_id')
+        .equals($idaa_slct.post_id)
+        .reverse()
+        .sortBy('updated_on');
+        // .sortBy('title');
+
+    return results;
+});
+
+$: lq__archive_content_obj = liveQuery(async () => {
+    let results = await db_posts.comment
+        .get($idaa_slct.archive_content_id);
+
+    return results;
+});
 
 </script>
+
+
+<section
+    class="
+        ae_idaa__bb
+        container h-full mx-auto
+        flex flex-col gap-1
+        py-1 px-2 pb-16
+        items-center
+        min-w-full
+        max-w-max
+        "
+    >
+
+<!-- <h1>Archives {$lq__archive_obj_li?.length}</h1> -->
+
+{#if $lq__archive_obj_li && $lq__archive_obj_li?.length }
+    <Comp__archive_obj_li
+        lq__archive_obj_li={lq__archive_obj_li}
+        />
+{:else}
+    <p>No archives available to show.</p>
+{/if}
+
+
+</section>