From 6a78a7dceab303948047afbadb692bc8cc39801b Mon Sep 17 00:00:00 2001
From: qwerinope <me@qwerinope.com>
Date: Sat, 13 Sep 2025 15:37:59 +0200
Subject: [PATCH] fix #5, fix #6, rename timeout whispers to ghost whispers

---
 README.md                                   | 2 +-
 src/events/whisper.ts                       | 6 +++---
 src/web/chatWidget/www/src/createMessage.ts | 4 ++--
 src/web/chatWidget/www/src/style.css        | 8 ++++++--
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 520fb3d..4b2aa20 100644
--- a/README.md
+++ b/README.md
@@ -37,7 +37,7 @@ A full list of Commands can be found [here](#commands-1)
 
 ### Timeouts and whispering messages
 
-If you've been timed out, you can whisper a message to the chatterbot and it will relay your message to the chat.
+If you've been timed out, you can ghost whisper a message to the chatterbot and it will relay your message to the chat.
 You can only send one message every 10 minutes. 
 Try to bargain for your release with the chatter that shot you, or just call them names.
 
diff --git a/src/events/whisper.ts b/src/events/whisper.ts
index aacd9ae..6824927 100644
--- a/src/events/whisper.ts
+++ b/src/events/whisper.ts
@@ -11,9 +11,9 @@ chatterEventSub.onUserWhisperMessage(chatterId, async msg => {
   if (cooldown < 0) {
     await redis.set(`user:${msg.senderUserId}:whispercooldown`, '1');
     await redis.expire(`user:${msg.senderUserId}:whispercooldown`, WHISPERCOOLDOWN);
-    await sendMessage(`${msg.senderUserDisplayName} whispered: ${msg.messageText}`);
-    await chatterApi.whispers.sendWhisper(chatterId, msg.senderUserId, "Message sent. Please wait 10 minutes until you can send another message.");
+    await sendMessage(`The ghost of ${msg.senderUserDisplayName} whispered: ${msg.messageText}`);
+    await chatterApi.whispers.sendWhisper(chatterId, msg.senderUserId, "Message sent. You can send another ghost whisper in 10 minutes.");
   } else {
-    await chatterApi.whispers.sendWhisper(chatterId, msg.senderUserId, `Wait another ${buildTimeString(cooldown * 1000, Date.now())} before sending another message.`);
+    await chatterApi.whispers.sendWhisper(chatterId, msg.senderUserId, `Wait another ${buildTimeString(cooldown * 1000, Date.now())} before sending another ghost whisper.`);
   };
 });
diff --git a/src/web/chatWidget/www/src/createMessage.ts b/src/web/chatWidget/www/src/createMessage.ts
index cc31485..5edf894 100644
--- a/src/web/chatWidget/www/src/createMessage.ts
+++ b/src/web/chatWidget/www/src/createMessage.ts
@@ -111,8 +111,8 @@ export function parseMessage(data: createMessageEvent): HTMLDivElement {
         break;
       case 'mention':
         messageElement = document.createElement('span');
-        messageElement.innerText = `Replying to ${messagePart.text}`;
-        messageElement.className = "replyMessage";
+        messageElement.innerText = `${messagePart.text}`;
+        messageElement.className = "mentionMessage";
         break;
     };
     textElement.appendChild(messageElement);
diff --git a/src/web/chatWidget/www/src/style.css b/src/web/chatWidget/www/src/style.css
index 4d52a2c..511750d 100644
--- a/src/web/chatWidget/www/src/style.css
+++ b/src/web/chatWidget/www/src/style.css
@@ -24,6 +24,10 @@ body {
   max-width: 1280px;
 }
 
+.badgeContainer {
+  display: flex;
+}
+
 .message {
   display: flex;
 
@@ -31,8 +35,8 @@ body {
     display: flex;
   }
 
-  .replyMessage {
-    display: none;
+  .mentionMessage {
+    font-weight: bold;
   }
 
   padding: 2px;