From f9fc543190cf899fb5caa1280dc392822860fcd0 Mon Sep 17 00:00:00 2001
From: HanishKVC <hanishkvc@gmail.com>
Date: Mon, 27 May 2024 18:07:36 +0530
Subject: [PATCH] SimpleChat: highlight trim, garbage trimming bitmore
 aggressive

Make it easy for end user to identified the trimmed text.

Make garbage trimming logic, consider a longer repeat garbage
substring.
---
 examples/server/public_simplechat/simplechat.css | 3 +++
 examples/server/public_simplechat/simplechat.js  | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/examples/server/public_simplechat/simplechat.css b/examples/server/public_simplechat/simplechat.css
index 20c738b12..805e57cac 100644
--- a/examples/server/public_simplechat/simplechat.css
+++ b/examples/server/public_simplechat/simplechat.css
@@ -21,6 +21,9 @@
 .role-user {
     background-color: lightgray;
 }
+.role-trim {
+    background-color: lightpink;
+}
 
 .flex-grow {
     flex-grow: 1;
diff --git a/examples/server/public_simplechat/simplechat.js b/examples/server/public_simplechat/simplechat.js
index a5d6a8fa5..eb06588a9 100644
--- a/examples/server/public_simplechat/simplechat.js
+++ b/examples/server/public_simplechat/simplechat.js
@@ -450,14 +450,15 @@ class MultiChatUI {
         }
         if (gMe.bTrimGarbage) {
             let origMsg = assistantMsg;
-            assistantMsg = du.trim_hist_garbage_at_end_loop(assistantMsg, 8, 16, 72);
+            assistantMsg = du.trim_hist_garbage_at_end_loop(assistantMsg, 8, 24, 72);
             trimmedMsg = origMsg.substring(assistantMsg.length);
         }
         chat.add(Roles.Assistant, assistantMsg);
         if (chatId == this.curChatId) {
             chat.show(this.elDivChat);
             if (trimmedMsg.length > 0) {
-                ui.el_create_append_p(`TRIMMED:${trimmedMsg}`, this.elDivChat);
+                let p = ui.el_create_append_p(`TRIMMED:${trimmedMsg}`, this.elDivChat);
+                p.className="role-trim";
             }
         } else {
             console.debug(`DBUG:SimpleChat:MCUI:HandleUserSubmit:ChatId has changed:[${chatId}] [${this.curChatId}]`);