fix: handle empty message edge cases in getNextMessageToSummarize

src/lib/Others/HypaV3Modal.svelte

@@ -232,7 +232,7 @@
         };
   }
 
-  function getNextMessageToSummarize(): Message {
+  function getNextMessageToSummarize(): Message | null {
     const char = DBState.db.characters[$selectedCharID];
     const chat = char.chats[DBState.db.characters[$selectedCharID].chatPage];
     const firstMessage =
@@ -256,9 +256,13 @@
     }
 
     if (firstMessage?.trim() === "") {
+      if (chat.message.length > 0) {
         return chat.message[0];
       }
 
+      return null;
+    }
+
     return { role: "char", chatId: "first message", data: firstMessage };
   }
 
@@ -601,9 +605,10 @@
         {#if true}
           <!-- Next message to summarize -->
           {@const nextMessage = getNextMessageToSummarize()}
+          {#if nextMessage}
             <div class="mt-4">
               <span class="text-sm text-textcolor2 mb-2 block">
-              HypaV3 will summarize {nextMessage.chatId}
+                HypaV3 will summarize [{nextMessage.chatId}]
               </span>
               <div
                 class="p-2 max-h-48 overflow-y-auto bg-zinc-800 rounded-md whitespace-pre-wrap"
@@ -612,6 +617,7 @@
               </div>
             </div>
           {/if}
+        {/if}
       </div>
     </div>
   </div>