Now with the ability to do basic archive content updates. The media player works.

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

@@ -28,6 +28,7 @@ import Archive_view from './ae_idaa_comp__archive_obj_id_view.svelte';
 
 import Archive_content_obj_li from './ae_idaa_comp__archive_content_obj_li.svelte';
 import Archive_content_obj_id_edit from './ae_idaa_comp__archive_content_obj_id_edit.svelte';
+import Media_player from './../ae_idaa_comp__media_player.svelte';
 
 import { browser } from '$app/environment';
 
@@ -144,7 +145,11 @@ if (browser) {
             <!-- </div> -->
             {/if}
 
-            Edit Archive: {$lq__archive_obj?.name}</h3>
+            <span class="text-sm text-gray-500">
+                Edit Archive:
+            </span>
+            {$lq__archive_obj?.name}
+        </h3>
         </div>
 
     </svelte:fragment>
@@ -205,7 +210,11 @@ if (browser) {
             <!-- </div> -->
             {/if}
 
-            Edit Archive Content: {$lq__archive_content_obj?.name}</h3>
+            <span class="text-sm text-gray-500">
+                Edit Archive Content:
+            </span>
+            {$lq__archive_content_obj?.name}
+        </h3>
         </div>
 
     </svelte:fragment>
@@ -231,4 +240,32 @@ if (browser) {
         </div>
     </svelte:fragment> -->
 
+</Modal>
+
+
+<!-- Modal: Archive Content ID media player -->
+<Modal
+    title="{$lq__archive_content_obj?.name} - {$lq__archive_content_obj?.id}"
+    bind:open={$idaa_sess.archives.show__modal_view__archive_content_id}
+    autoclose={false}
+    placement="top-center"
+    size="xl"
+    class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
+    >
+
+    <svelte:fragment slot="header">
+        <div class="flex flex-row items-center justify-between w-full">
+            <h3 class="text-lg font-semibold">
+            <span class="text-sm text-gray-500">
+                Viewing:
+            </span>
+            {$lq__archive_content_obj?.name}</h3>
+        </div>
+
+    </svelte:fragment>
+
+    <Media_player
+        lq__archive_content_obj={lq__archive_content_obj}
+        />
+
 </Modal>