From b91d79c1754a5d5cbb6615fcf1cc7a374902c9d8 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 20 Nov 2025 20:21:06 -0500
Subject: [PATCH] fix: Resolve props_invalid_value error and add each block
 keys\n\n- Initialized .files.upload_complete in
 src/routes/hosted_files/video_util/+page.svelte to prevent
 props_invalid_value error.\n- Removed commented-out, unused each blocks from
 several components.\n- Added each keys to improve reactivity and resolve
 svelte/require-each-key errors in several components.

---
 .../ae_comp__hosted_files_clip_video.svelte       |  3 ---
 .../ae_comp__hosted_files_clip_video_v1.svelte    |  6 +-----
 .../ae_core/ae_comp__hosted_files_upload.svelte   |  6 +-----
 .../elements/element_manage_event_file_li.svelte  |  2 +-
 .../element_manage_hosted_file_li_all.svelte      | 15 +--------------
 src/lib/elements/element_sql_qry.svelte           |  2 +-
 src/lib/elements/element_websocket_v2.svelte      |  4 ++--
 src/routes/hosted_files/video_util/+page.svelte   |  7 +++++++
 8 files changed, 14 insertions(+), 31 deletions(-)

diff --git a/src/lib/ae_core/ae_comp__hosted_files_clip_video.svelte b/src/lib/ae_core/ae_comp__hosted_files_clip_video.svelte
index 75c77bc1..6b1a1119 100644
--- a/src/lib/ae_core/ae_comp__hosted_files_clip_video.svelte
+++ b/src/lib/ae_core/ae_comp__hosted_files_clip_video.svelte
@@ -165,9 +165,6 @@
 </script>
 
 <section class="{class_li_default} {class_li}">
-    <!-- <h3 class="h3">{hosted_file_obj_li.length}&times; files uploaded</h3>
-{#each hosted_file_obj_li as hosted_file_obj, i} -->
-
     <h3 class="h3">
         {Object.entries(hosted_file_obj_kv).length}× files uploaded
     </h3>
diff --git a/src/lib/ae_core/ae_comp__hosted_files_clip_video_v1.svelte b/src/lib/ae_core/ae_comp__hosted_files_clip_video_v1.svelte
index fbaab64f..b59a04b4 100644
--- a/src/lib/ae_core/ae_comp__hosted_files_clip_video_v1.svelte
+++ b/src/lib/ae_core/ae_comp__hosted_files_clip_video_v1.svelte
@@ -390,11 +390,7 @@
                 <!-- <span class="fas fa-save m-1"></span> -->
                 <span class="grow font-bold">
                     {#if $ae_sess.files.processed_file_list?.length > 0}
-                        <!-- {#each $ae_sess.files.processed_file_list as file_obj, index}
-                        <span class="text-xs">
-                            {file_obj.filename}
-                        </span>
-                    {/each} -->
+
                         {$ae_sess.files.processed_file_list.length == 1
                             ? `${$ae_sess.files.processed_file_list.length} file`
                             : `${$ae_sess.files.processed_file_list.length} files`}
diff --git a/src/lib/ae_core/ae_comp__hosted_files_upload.svelte b/src/lib/ae_core/ae_comp__hosted_files_upload.svelte
index e5f1ee61..c4690019 100644
--- a/src/lib/ae_core/ae_comp__hosted_files_upload.svelte
+++ b/src/lib/ae_core/ae_comp__hosted_files_upload.svelte
@@ -335,11 +335,7 @@
             <!-- <span class="fas fa-save m-1"></span> -->
             <span class="grow font-bold">
                 {#if $ae_sess.files.processed_file_list?.length > 0}
-                    <!-- {#each $ae_sess.files.processed_file_list as file_obj, index}
-                        <span class="text-xs">
-                            {file_obj.filename}
-                        </span>
-                    {/each} -->
+
                     {$ae_sess.files.processed_file_list.length == 1
                         ? `${$ae_sess.files.processed_file_list.length} file`
                         : `${$ae_sess.files.processed_file_list.length} files`}
diff --git a/src/lib/elements/element_manage_event_file_li.svelte b/src/lib/elements/element_manage_event_file_li.svelte
index a73cd4b3..511c6baf 100644
--- a/src/lib/elements/element_manage_event_file_li.svelte
+++ b/src/lib/elements/element_manage_event_file_li.svelte
@@ -161,7 +161,7 @@
                 {/if}
 
                 <tbody>
-                    {#each $lq__event_file_obj_li as event_file_obj}
+                    {#each $lq__event_file_obj_li as event_file_obj (event_file_obj.event_file_id)}
                         <tr
                             class="ae_obj obj_event_file border-t border-b border-gray-200 hover:bg-gray-50 hover:border-gray-300"
                             class:dim={event_file_obj?.hide}
diff --git a/src/lib/elements/element_manage_hosted_file_li_all.svelte b/src/lib/elements/element_manage_hosted_file_li_all.svelte
index 0e10859a..e111a0a8 100644
--- a/src/lib/elements/element_manage_hosted_file_li_all.svelte
+++ b/src/lib/elements/element_manage_hosted_file_li_all.svelte
@@ -117,20 +117,7 @@
     );
 </script>
 
-<!-- {#if lq__hosted_file_obj_li}
-    <h3 class="h3">{lq__hosted_file_obj_li.length}&times; files clipped</h3>
-    <div class="container">
-    <ol>
-    {#each lq__hosted_file_obj_li as hosted_file_obj}
-        <li>
-        {hosted_file_obj.filename}
-        </li>
-    {/each}
-    </ol>
-    </div>
-{:else}
-    <p>No files found</p>
-{/if} -->
+
 
 {#if lq__hosted_file_obj_li}
     <Element_manage_hosted_file_li
diff --git a/src/lib/elements/element_sql_qry.svelte b/src/lib/elements/element_sql_qry.svelte
index c53fa0a4..5e32746a 100644
--- a/src/lib/elements/element_sql_qry.svelte
+++ b/src/lib/elements/element_sql_qry.svelte
@@ -148,7 +148,7 @@
                         obj={sql_qry_result[0]}
                         primary_obj_li_type=""
                     />
-                    {#each sql_qry_result as record}
+                    {#each sql_qry_result as record, index (index)}
                         <Element_obj_tbl_row obj={record} primary_obj_li_type="" />
                     {/each}
                 </table>
diff --git a/src/lib/elements/element_websocket_v2.svelte b/src/lib/elements/element_websocket_v2.svelte
index b040898a..e15a4f3f 100644
--- a/src/lib/elements/element_websocket_v2.svelte
+++ b/src/lib/elements/element_websocket_v2.svelte
@@ -501,7 +501,7 @@ ae_open:event_file=Kljq0uiTlXt (video)
         <h2 class="text-center underline">Messages [grp, client, target, type]</h2>
 
         <ol class="list-decimal list-outside max-h-24 overflow-y-auto messages">
-            {#each ws_received_list_other as msg_entry, index}
+            {#each ws_received_list_other as msg_entry, index (index)}
                 <li class="ml-4">
                     <div class="flex flex-row justify-between gap-1 w-full">
                         <span>
@@ -530,7 +530,7 @@ ae_open:event_file=Kljq0uiTlXt (video)
         <h2 class="text-center underline">Commands</h2>
 
         <ol class="list-decimal list-outside max-h-24 overflow-y-auto commands">
-            {#each ws_received_list_cmd as cmd_entry}
+            {#each ws_received_list_cmd as cmd_entry, index (index)}
                 <li class="ml-4">
                     <div class="flex flex-row justify-between gap-1 w-full">
                         <span>
diff --git a/src/routes/hosted_files/video_util/+page.svelte b/src/routes/hosted_files/video_util/+page.svelte
index e1b00da7..7ba6dcec 100644
--- a/src/routes/hosted_files/video_util/+page.svelte
+++ b/src/routes/hosted_files/video_util/+page.svelte
@@ -60,6 +60,13 @@
         $ae_loc.files.processed_file_kv = {};
     }
 
+    if (!$ae_sess.files) {
+        $ae_sess.files = {};
+    }
+    if (typeof $ae_sess.files.upload_complete === 'undefined') {
+        $ae_sess.files.upload_complete = false;
+    }
+
     $effect(() => {
         // if ($ae_sess.files.upload_complete && $ae_sess.files.uploaded_file_li) {
         // // Append this list to the $ae_loc.files.uploaded_file_li list