The BB Posts have been updated to use a new page the Post. Seems to be working well. Wrapping up for the day.

src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte

@@ -198,14 +198,70 @@ if (browser) {
 
 <!-- <h1>Archives {$lq__archive_obj?.name} - {$lq__archive_content_obj_li?.length}</h1> -->
 
-<a href="/idaa/archives" class="novi_btn btn btn-secondary btn-sm
+<header class="ae_header archive__header flex flex-row flex-wrap gap-2 items-center justify-evenly w-full">
-    preset-tonal-tertiary border border-tertiary-500
+    <h2
-    hover:preset-filled-tertiary-500
+        class="
-    transition
+            archive__name
-    ">
+            h3
-    <!-- <span class="fas fa-arrow-left m-1"></span> Back to Archives -->
+            text-2xl font-bold
-     <span class="fas fa-times m-1"></span> View Other Archives
+            flex flex-row gap-2 items-center justify-center
-</a>
+            min-w-1/2
+            max-w-full
+            "
+        >
+        <span class="ae_icon fas fa-archive"></span>
+        <!-- <span class="ae_icon fas fa-file-archive"></span> -->
+        {@html $lq__archive_obj?.name ?? 'Archive'}
+        {#if $ae_loc.trusted_access && $ae_loc.edit_mode}
+            ({$lq__archive_content_obj_li?.length ?? '0'}×)
+        {/if}
+        {#await $idaa_prom.load__archive_content_obj_li}
+            <span class="fas fa-spinner fa-spin"></span>
+        {:then}
+            <!-- done -->
+        {/await}
+    </h2>
+
+    <div
+        class="
+            flex flex-row gap-2 items-center justify-evenly
+            min-w-1/4
+            max-w-full
+        "
+        >
+        <span class="float-right flex flex-row flex-wrap gap-1 items-center justify-end">
+            {#if $lq__archive_obj?.topic_name}
+                <span class="badge badge-info preset-tonal-tertiary"><span class="fas fa-user-md m-1"></span> {$lq__archive_obj?.topic_name}</span>
+            {/if}
+            {#if $ae_loc.trusted_access && $lq__archive_obj?.hide}
+                <span class="badge badge-warning"><span class="fas fa-exclamation-triangle m-1"></span> Hidden</span>
+            {/if}
+            {#if $ae_loc.administrator_access && !$lq__archive_obj?.enable}
+                <span class="badge badge-warning preset-tonal-warning"><span class="fas fa-exclamation-triangle m-1"></span> Not enabled</span>
+            {/if}
+        </span>
+    </div>
+</header>
+
+
+<div
+    class="
+        flex flex-row gap-2 items-center justify-evenly
+        w-full
+        p-1 pb-2 mb-2
+        border-b border-b-surface-300-700
+        "
+    >
+
+    <a href="/idaa/archives" class="novi_btn btn btn-secondary btn-sm
+        preset-tonal-tertiary border border-tertiary-500
+        hover:preset-filled-tertiary-500
+        transition
+        ">
+        <!-- <span class="fas fa-arrow-left m-1"></span> Back to Archives -->
+        <span class="fas fa-times m-1"></span> View Other Archives
+    </a>
+</div>
 
 <Archive_view
     lq__archive_obj={lq__archive_obj}

src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_view.svelte

@@ -26,7 +26,7 @@ let { log_lvl = 0, lq__archive_obj, lq__archive_content_obj_li }: Props = $props
 
 <div class="svelte_component ae_section ae_view archive_obj view__archive_obj flex flex-col flex-wrap gap-2 items-center justify-center bg-white rounded-lg m-2" bind:clientHeight={$ae_loc.iframe_height_modal_body}>
 
-<header class="ae_header archive__header">
+<!-- <header class="ae_header archive__header">
     <h2 class="archive__name h3">
         {@html $lq__archive_obj?.name ?? 'Loading...'}
         {#if $ae_loc.trusted_access && $ae_loc.edit_mode}
@@ -35,10 +35,10 @@ let { log_lvl = 0, lq__archive_obj, lq__archive_content_obj_li }: Props = $props
         {#await $idaa_prom.load__archive_content_obj_li}
             <span class="fas fa-spinner fa-spin"></span>
         {:then}
-            <!-- done -->
+
         {/await}
     </h2>
-</header>
+</header> -->
 
 <div class="archive__content w-2xl">
     {#if $lq__archive_obj?.description}<div class="ae_value archive__description">{@html $lq__archive_obj?.description}</div>{/if}

src/routes/idaa/(idaa)/archives/ae_idaa_comp__archive_obj_li.svelte

@@ -25,7 +25,7 @@ let { lq__archive_obj_li }: Props = $props();
 
 {#each $lq__archive_obj_li as idaa_archive_obj, index}
     <div
-        class="container archive archive_obj border border rounded p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center"
+        class="container archive archive_obj border rounded p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center"
         class:hidden={(idaa_archive_obj?.hide || !idaa_archive_obj?.enable) && !$ae_loc.trusted_access}
         class:dim={idaa_archive_obj.hide}
         class:bg-warning-100={!idaa_archive_obj?.enable}
@@ -34,6 +34,7 @@ let { lq__archive_obj_li }: Props = $props();
 
         <header class="ae_header flex flex-row gap-2 items-center justify-between w-full">
             <h3 class="archive__name h3">
+                <span class="fas fa-archive m-1"></span>
                 <span class="archive__name">{@html idaa_archive_obj.name}</span>
             </h3>
 

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

@@ -157,7 +157,8 @@ $effect(() => {
 
         if (!page.url.searchParams.get('post_id')) {
             const url = new URL(location);
-            url.searchParams.set('post_id', $idaa_slct.post_id);
+            // url.searchParams.set('post_id', $idaa_slct.post_id);
+            url.searchParams.delete('post_id');
             history.pushState({}, '', url);
 
             let message = {'post_id': $idaa_slct.post_id};

src/routes/idaa/(idaa)/bb/[post_id]/+page.svelte

@@ -121,7 +121,6 @@ onDestroy(() => {
         {#if $lq__post_obj?.topic_id}<span class="badge badge-info preset-tonal-secondary"><span class="fas fa-user-md m-1"></span> {$lq__post_obj?.topic_name}</span>{/if}
 
         <span class="float-right flex flex-row flex-wrap gap-1 items-center justify-end">
-
             {#if $lq__post_obj?.topic_name}
                 <span class="badge badge-info preset-tonal-tertiary"><span class="fas fa-user-md m-1"></span> {$lq__post_obj?.topic_name}</span>
             {/if}

src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_view.svelte

@@ -35,9 +35,9 @@ $effect(() => {
         if (browser && $lq__post_obj?.post_id) {
         document.body.scrollIntoView();
 
-        const url = new URL(location);
+        // const url = new URL(location);
-        url.searchParams.set('post_id', $lq__post_obj?.post_id);
+        // url.searchParams.set('post_id', $lq__post_obj?.post_id);
-        history.pushState({}, '', url);
+        // history.pushState({}, '', url);
     }
 });
 

src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte

@@ -36,8 +36,8 @@ onMount(() => {
         >
 
         <header class="ae_header">
-            <h3 class="post__title flex flex-row gap-2 items-center h3 border-b border-gray-200 w-full">
+            <h3 class="post__name flex flex-row gap-2 items-center h3 border-b border-gray-200 w-full">
-                <span class="post__title">
+                <span class="post__name">
                     <span class="fas fa-comment-alt m-1"></span>
                     {@html idaa_post_obj.title}
                 </span>