From 7c15ebbb3615dee14b68b5bab4aafaea60c36894 Mon Sep 17 00:00:00 2001
From: Luke Policinski <luke@lukepolo.com>
Date: Mon, 28 Sep 2026 15:42:25 -0400
Subject: [PATCH 1/4] bug: 2000-character chat cap and chat send errors

The api now refuses a website chat message over 2000 characters and tells
the sender why with chat:error. The chat box refuses an over-length
message up front, keeps the text, and counts down over the last 200
characters. chat:error codes become a toast; not_allowed and unknown
codes read as a failed send.

ChatMessage compares sender steam ids as strings, since new messages
carry a string steam_id and older history can carry a number.
---
 components/chat/ChatInput.vue      |  29 +++++++-
 components/chat/ChatMessage.vue    |   7 +-
 constants/chat.ts                  |   3 +
 i18n/locales/ar_SA.json            |   2 +
 i18n/locales/da_DK.json            |   2 +
 i18n/locales/de_DE.json            |   2 +
 i18n/locales/en.json               |   2 +
 i18n/locales/es_ES.json            |   2 +
 i18n/locales/fr_FR.json            |   2 +
 i18n/locales/it_IT.json            |   2 +
 i18n/locales/ja_JP.json            |   2 +
 i18n/locales/ko_KR.json            |   2 +
 i18n/locales/pl_PL.json            |   2 +
 i18n/locales/pt_BR.json            |   2 +
 i18n/locales/ru_RU.json            |   2 +
 i18n/locales/sv_SE.json            |   2 +
 i18n/locales/tr_TR.json            |   2 +
 i18n/locales/uk_UA.json            |   2 +
 i18n/locales/zh_Hans.json          |   2 +
 i18n/locales/zh_Hant.json          |   2 +
 tests/components/ChatInput.spec.ts | 109 +++++++++++++++++++++++++++++
 tests/utilities/chatErrors.spec.ts |  44 ++++++++++++
 tests/web-sockets/Socket.spec.ts   |  36 ++++++++++
 utilities/chatErrors.ts            |  37 ++++++++++
 web-sockets/Socket.ts              |   4 ++
 25 files changed, 301 insertions(+), 2 deletions(-)
 create mode 100644 constants/chat.ts
 create mode 100644 tests/components/ChatInput.spec.ts
 create mode 100644 tests/utilities/chatErrors.spec.ts
 create mode 100644 tests/web-sockets/Socket.spec.ts
 create mode 100644 utilities/chatErrors.ts

diff --git a/components/chat/ChatInput.vue b/components/chat/ChatInput.vue
index 984906fb4..a2d97b380 100644
--- a/components/chat/ChatInput.vue
+++ b/components/chat/ChatInput.vue
@@ -127,6 +127,17 @@ const fieldName = `chat-message-${Math.random().toString(36).slice(2, 10)}`;
                 ]"
                 @keydown.enter="onEnter"
               />
+              <span
+                v-if="showRemaining"
+                class="shrink-0 self-center font-mono text-[0.6rem] tabular-nums leading-none"
+                :class="
+                  remainingCharacters < 0
+                    ? 'text-destructive'
+                    : 'text-muted-foreground/70'
+                "
+              >
+                {{ remainingCharacters }}
+              </span>
               <Button
                 type="submit"
                 size="sm"
@@ -155,6 +166,10 @@ import * as z from "zod";
 import { useForm } from "vee-validate";
 import { toTypedSchema } from "~/utilities/vee-validate-zod";
 import { chatEnterAction } from "~/utilities/chatInputKeys";
+import { toastChatError } from "~/utilities/chatErrors";
+import { CHAT_MESSAGE_MAX_LENGTH } from "~/constants/chat";
+
+const REMAINING_HINT_AT = 200;
 
 export interface ChatInputChannel {
   value: string;
@@ -201,7 +216,7 @@ export default {
       form: useForm({
         validationSchema: toTypedSchema(
           z.object({
-            message: z.string().min(1),
+            message: z.string().min(1).max(CHAT_MESSAGE_MAX_LENGTH),
           }),
         ),
       }),
@@ -211,6 +226,14 @@ export default {
     hasChannels() {
       return this.channels.length > 1;
     },
+    remainingCharacters(): number {
+      const message = this.form.values.message?.trim() ?? "";
+
+      return CHAT_MESSAGE_MAX_LENGTH - message.length;
+    },
+    showRemaining(): boolean {
+      return this.remainingCharacters <= REMAINING_HINT_AT;
+    },
     activeChannelValue() {
       return this.destination ?? this.channels[0]?.value;
     },
@@ -318,6 +341,10 @@ export default {
       if (!message) {
         return;
       }
+      if (message.length > CHAT_MESSAGE_MAX_LENGTH) {
+        toastChatError({ code: "too_long", max: CHAT_MESSAGE_MAX_LENGTH });
+        return;
+      }
       this.$emit(
         "sendMessage",
         message,
diff --git a/components/chat/ChatMessage.vue b/components/chat/ChatMessage.vue
index db20f6315..c19015495 100644
--- a/components/chat/ChatMessage.vue
+++ b/components/chat/ChatMessage.vue
@@ -173,7 +173,12 @@ export default {
       if (this.previousMessage.__channel !== this.message.__channel) {
         return false;
       }
-      return this.message.from.steam_id === this.previousMessage.from.steam_id;
+      // Lines stored before the api stamped steam_id as a string can still
+      // hold it as a number.
+      return (
+        String(this.message.from?.steam_id) ===
+        String(this.previousMessage.from?.steam_id)
+      );
     },
     isCloseTogether() {
       if (!this.isSameSender || !this.previousMessage) {
diff --git a/constants/chat.ts b/constants/chat.ts
new file mode 100644
index 000000000..cb13c34e3
--- /dev/null
+++ b/constants/chat.ts
@@ -0,0 +1,3 @@
+// Must match the api's ChatService.MAX_MESSAGE_LENGTH. Both sides count
+// .length (UTF-16 code units) of the trimmed text.
+export const CHAT_MESSAGE_MAX_LENGTH = 2000;
diff --git a/i18n/locales/ar_SA.json b/i18n/locales/ar_SA.json
index 4d1cf275e..2a4cb7864 100644
--- a/i18n/locales/ar_SA.json
+++ b/i18n/locales/ar_SA.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "اضغط Ctrl+Enter للإرسال إلى {channel}",
     "everyone_hint": "كلا الفريقين — ويظهر أيضًا في دردشة اللعبة",
     "team_hint": "تشكيلتك فقط — ولا يظهر في دردشة اللعبة",
+    "message_too_long": "الحد الأقصى لطول الرسالة هو {max} حرف.",
+    "send_failed": "تعذّر إرسال رسالتك.",
     "direct": {
       "message": "رسالة",
       "empty": "لا رسائل بعد. ألقِ التحية."
diff --git a/i18n/locales/da_DK.json b/i18n/locales/da_DK.json
index 3c6c3d7c8..f7f8e8572 100644
--- a/i18n/locales/da_DK.json
+++ b/i18n/locales/da_DK.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Enter for at sende til {channel}",
     "everyone_hint": "Begge hold — vises også i spillets chat",
     "team_hint": "Kun din opstilling — vises ikke i spillets chat",
+    "message_too_long": "Beskeder kan højst være på {max} tegn.",
+    "send_failed": "Din besked kunne ikke sendes.",
     "direct": {
       "message": "Besked",
       "empty": "Ingen beskeder endnu. Sig hej."
diff --git a/i18n/locales/de_DE.json b/i18n/locales/de_DE.json
index 2d7b61246..ba3c4dc73 100644
--- a/i18n/locales/de_DE.json
+++ b/i18n/locales/de_DE.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Strg+Enter, um an {channel} zu senden",
     "everyone_hint": "Beide Teams — wird auch im Spielchat angezeigt",
     "team_hint": "Nur dein Lineup — wird nicht im Spielchat angezeigt",
+    "message_too_long": "Nachrichten dürfen höchstens {max} Zeichen lang sein.",
+    "send_failed": "Deine Nachricht konnte nicht gesendet werden.",
     "direct": {
       "message": "Nachricht",
       "empty": "Noch keine Nachrichten. Sag Hallo."
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 9fba3ad1d..6457593ee 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Enter to send to {channel}",
     "everyone_hint": "Both teams — also shown in game chat",
     "team_hint": "Your lineup only — not shown in game chat",
+    "message_too_long": "Messages can be up to {max} characters.",
+    "send_failed": "Your message couldn't be sent.",
     "direct": {
       "message": "Message",
       "empty": "No messages yet. Say hello."
diff --git a/i18n/locales/es_ES.json b/i18n/locales/es_ES.json
index 183dc334f..e7ef983e3 100644
--- a/i18n/locales/es_ES.json
+++ b/i18n/locales/es_ES.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Intro para enviar a {channel}",
     "everyone_hint": "Ambos equipos: también se muestra en el chat del juego",
     "team_hint": "Solo tu alineación: no se muestra en el chat del juego",
+    "message_too_long": "Los mensajes pueden tener un máximo de {max} caracteres.",
+    "send_failed": "No se ha podido enviar tu mensaje.",
     "direct": {
       "message": "Mensaje",
       "empty": "Aún no hay mensajes. Saluda."
diff --git a/i18n/locales/fr_FR.json b/i18n/locales/fr_FR.json
index e0de46625..735bdec61 100644
--- a/i18n/locales/fr_FR.json
+++ b/i18n/locales/fr_FR.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Entrée pour envoyer à {channel}",
     "everyone_hint": "Les deux équipes — également affiché dans le chat du jeu",
     "team_hint": "Votre composition uniquement — non affiché dans le chat du jeu",
+    "message_too_long": "Les messages peuvent contenir jusqu'à {max} caractères.",
+    "send_failed": "Ton message n'a pas pu être envoyé.",
     "direct": {
       "message": "Message",
       "empty": "Aucun message pour l'instant. Dites bonjour."
diff --git a/i18n/locales/it_IT.json b/i18n/locales/it_IT.json
index d8cfa6d78..aeab46c31 100644
--- a/i18n/locales/it_IT.json
+++ b/i18n/locales/it_IT.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Invio per inviare a {channel}",
     "everyone_hint": "Entrambe le squadre — mostrato anche nella chat di gioco",
     "team_hint": "Solo la tua formazione — non mostrato nella chat di gioco",
+    "message_too_long": "I messaggi possono contenere al massimo {max} caratteri.",
+    "send_failed": "Non è stato possibile inviare il tuo messaggio.",
     "direct": {
       "message": "Messaggio",
       "empty": "Ancora nessun messaggio. Fatti sentire."
diff --git a/i18n/locales/ja_JP.json b/i18n/locales/ja_JP.json
index d2721c228..4379c48e3 100644
--- a/i18n/locales/ja_JP.json
+++ b/i18n/locales/ja_JP.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Enterで {channel} に送信",
     "everyone_hint": "両チーム — ゲーム内チャットにも表示されます",
     "team_hint": "自分のラインナップのみ — ゲーム内チャットには表示されません",
+    "message_too_long": "メッセージは最大{max}文字までです。",
+    "send_failed": "メッセージを送信できませんでした。",
     "direct": {
       "message": "メッセージ",
       "empty": "まだメッセージはありません。あいさつしてみましょう。"
diff --git a/i18n/locales/ko_KR.json b/i18n/locales/ko_KR.json
index e64ad9587..58d4e8790 100644
--- a/i18n/locales/ko_KR.json
+++ b/i18n/locales/ko_KR.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Enter로 {channel}에 보내기",
     "everyone_hint": "양 팀 — 게임 내 채팅에도 표시됩니다",
     "team_hint": "내 라인업만 — 게임 내 채팅에는 표시되지 않습니다",
+    "message_too_long": "메시지는 최대 {max}자까지 입력할 수 있습니다.",
+    "send_failed": "메시지를 보내지 못했습니다.",
     "direct": {
       "message": "메시지",
       "empty": "아직 메시지가 없습니다. 인사를 건네보세요."
diff --git a/i18n/locales/pl_PL.json b/i18n/locales/pl_PL.json
index 94a7f517e..e297ee81b 100644
--- a/i18n/locales/pl_PL.json
+++ b/i18n/locales/pl_PL.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Enter, aby wysłać do {channel}",
     "everyone_hint": "Obie drużyny — pokazywane także na czacie w grze",
     "team_hint": "Tylko twój skład — nie jest pokazywane na czacie w grze",
+    "message_too_long": "Wiadomość może mieć maksymalnie {max} znaków.",
+    "send_failed": "Nie udało się wysłać wiadomości.",
     "direct": {
       "message": "Wiadomość",
       "empty": "Brak wiadomości. Przywitaj się."
diff --git a/i18n/locales/pt_BR.json b/i18n/locales/pt_BR.json
index 3372270b8..2d1445016 100644
--- a/i18n/locales/pt_BR.json
+++ b/i18n/locales/pt_BR.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Enter para enviar para {channel}",
     "everyone_hint": "Ambas as equipes — também mostrado no chat do jogo",
     "team_hint": "Apenas sua equipe — não mostrado no chat do jogo",
+    "message_too_long": "As mensagens podem ter no máximo {max} caracteres.",
+    "send_failed": "Não foi possível enviar sua mensagem.",
     "direct": {
       "message": "Mensagem",
       "empty": "Nenhuma mensagem ainda. Diga Olá."
diff --git a/i18n/locales/ru_RU.json b/i18n/locales/ru_RU.json
index 5ec94ce17..dabb24f26 100644
--- a/i18n/locales/ru_RU.json
+++ b/i18n/locales/ru_RU.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Enter, чтобы отправить в {channel}",
     "everyone_hint": "Обе команды — также отображается в игровом чате",
     "team_hint": "Только ваш состав — в игровом чате не отображается",
+    "message_too_long": "Сообщение может содержать не более {max} символов.",
+    "send_failed": "Не удалось отправить сообщение.",
     "direct": {
       "message": "Сообщение",
       "empty": "Сообщений пока нет. Поздоровайтесь."
diff --git a/i18n/locales/sv_SE.json b/i18n/locales/sv_SE.json
index f1a701591..bbb454cd9 100644
--- a/i18n/locales/sv_SE.json
+++ b/i18n/locales/sv_SE.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Enter för att skicka till {channel}",
     "everyone_hint": "Båda lagen — visas även i spelets chatt",
     "team_hint": "Bara din laguppställning — visas inte i spelets chatt",
+    "message_too_long": "Meddelanden får vara högst {max} tecken långa.",
+    "send_failed": "Ditt meddelande kunde inte skickas.",
     "direct": {
       "message": "Meddelande",
       "empty": "Inga meddelanden än. Säg hej."
diff --git a/i18n/locales/tr_TR.json b/i18n/locales/tr_TR.json
index dcf9cb6f8..2ed2c82a0 100644
--- a/i18n/locales/tr_TR.json
+++ b/i18n/locales/tr_TR.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "{channel} kanalına göndermek için Ctrl+Enter",
     "everyone_hint": "Her iki takım — oyun içi sohbette de görünür",
     "team_hint": "Yalnızca kendi kadron — oyun içi sohbette görünmez",
+    "message_too_long": "Mesajlar en fazla {max} karakter olabilir.",
+    "send_failed": "Mesajın gönderilemedi.",
     "direct": {
       "message": "Mesaj",
       "empty": "Henüz mesaj yok. Merhaba de."
diff --git a/i18n/locales/uk_UA.json b/i18n/locales/uk_UA.json
index a43e17321..7de0b82e6 100644
--- a/i18n/locales/uk_UA.json
+++ b/i18n/locales/uk_UA.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "Ctrl+Enter, щоб надіслати в {channel}",
     "everyone_hint": "Обидві команди — також показується в ігровому чаті",
     "team_hint": "Лише ваш склад — в ігровому чаті не показується",
+    "message_too_long": "Повідомлення може містити не більше {max} символів.",
+    "send_failed": "Не вдалося надіслати повідомлення.",
     "direct": {
       "message": "Повідомлення",
       "empty": "Повідомлень поки немає. Привітайтеся."
diff --git a/i18n/locales/zh_Hans.json b/i18n/locales/zh_Hans.json
index 72fef4821..502e48891 100644
--- a/i18n/locales/zh_Hans.json
+++ b/i18n/locales/zh_Hans.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "按 Ctrl+Enter 发送到 {channel}",
     "everyone_hint": "两支战队 — 也会显示在游戏内聊天",
     "team_hint": "仅限你的阵容 — 不会显示在游戏内聊天",
+    "message_too_long": "消息最多 {max} 个字符。",
+    "send_failed": "消息发送失败。",
     "direct": {
       "message": "消息",
       "empty": "还没有消息，先打个招呼吧。"
diff --git a/i18n/locales/zh_Hant.json b/i18n/locales/zh_Hant.json
index c0afa1f0b..6c5a40145 100644
--- a/i18n/locales/zh_Hant.json
+++ b/i18n/locales/zh_Hant.json
@@ -8258,6 +8258,8 @@
     "send_other_hint": "按 Ctrl+Enter 傳送到 {channel}",
     "everyone_hint": "兩支隊伍 — 也會顯示在遊戲內聊天",
     "team_hint": "僅限你的名單 — 不會顯示在遊戲內聊天",
+    "message_too_long": "訊息最多 {max} 個字元。",
+    "send_failed": "訊息傳送失敗。",
     "direct": {
       "message": "訊息",
       "empty": "還沒有訊息，先打個招呼吧。"
diff --git a/tests/components/ChatInput.spec.ts b/tests/components/ChatInput.spec.ts
new file mode 100644
index 000000000..d66e134b6
--- /dev/null
+++ b/tests/components/ChatInput.spec.ts
@@ -0,0 +1,109 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { flushPromises } from "@vue/test-utils";
+import { mountSuspended } from "@nuxt/test-utils/runtime";
+import ChatInput from "~/components/chat/ChatInput.vue";
+import { CHAT_MESSAGE_MAX_LENGTH } from "~/constants/chat";
+
+const { toast } = vi.hoisted(() => ({ toast: vi.fn() }));
+
+vi.mock("@/components/ui/toast", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("@/components/ui/toast")>()),
+  toast,
+}));
+
+type Wrapper = Awaited<ReturnType<typeof mountSuspended>>;
+
+async function type(wrapper: Wrapper, text: string) {
+  await wrapper.get("textarea").setValue(text);
+  await flushPromises();
+}
+
+async function submit(wrapper: Wrapper) {
+  await wrapper.get("form").trigger("submit");
+  await flushPromises();
+}
+
+const textarea = (wrapper: Wrapper) =>
+  wrapper.get("textarea").element as HTMLTextAreaElement;
+
+const remaining = (wrapper: Wrapper) => wrapper.find(".tabular-nums");
+
+describe("ChatInput", () => {
+  beforeEach(() => {
+    toast.mockClear();
+  });
+
+  it("sends the trimmed text and clears the box", async () => {
+    const wrapper = await mountSuspended(ChatInput);
+
+    await type(wrapper, "  gg wp  ");
+    await submit(wrapper);
+
+    expect(wrapper.emitted("sendMessage")).toEqual([["gg wp", undefined]]);
+    expect(textarea(wrapper).value).toBe("");
+    expect(toast).not.toHaveBeenCalled();
+  });
+
+  it("sends a message of exactly the limit", async () => {
+    const wrapper = await mountSuspended(ChatInput);
+    const message = "a".repeat(CHAT_MESSAGE_MAX_LENGTH);
+
+    await type(wrapper, message);
+    await submit(wrapper);
+
+    expect(wrapper.emitted("sendMessage")).toEqual([[message, undefined]]);
+    expect(toast).not.toHaveBeenCalled();
+  });
+
+  it("measures the limit after trimming, like the api", async () => {
+    const wrapper = await mountSuspended(ChatInput);
+    const message = "a".repeat(CHAT_MESSAGE_MAX_LENGTH);
+
+    await type(wrapper, `   ${message}\n `);
+    await submit(wrapper);
+
+    expect(wrapper.emitted("sendMessage")).toEqual([[message, undefined]]);
+  });
+
+  it("refuses an over-length message and keeps the text", async () => {
+    const wrapper = await mountSuspended(ChatInput);
+    const message = "a".repeat(CHAT_MESSAGE_MAX_LENGTH + 1);
+
+    await type(wrapper, message);
+    await submit(wrapper);
+
+    expect(wrapper.emitted("sendMessage")).toBeUndefined();
+    expect(textarea(wrapper).value).toBe(message);
+    expect(toast).toHaveBeenCalledTimes(1);
+    expect(toast).toHaveBeenCalledWith({
+      variant: "destructive",
+      description: "Messages can be up to 2000 characters.",
+    });
+  });
+
+  it("refuses an over-length message sent with enter", async () => {
+    const wrapper = await mountSuspended(ChatInput);
+
+    await type(wrapper, "a".repeat(CHAT_MESSAGE_MAX_LENGTH + 1));
+    await wrapper.get("textarea").trigger("keydown", { key: "Enter" });
+    await flushPromises();
+
+    expect(wrapper.emitted("sendMessage")).toBeUndefined();
+    expect(toast).toHaveBeenCalledTimes(1);
+  });
+
+  it("counts down only near the limit", async () => {
+    const wrapper = await mountSuspended(ChatInput);
+
+    await type(wrapper, "a".repeat(CHAT_MESSAGE_MAX_LENGTH - 201));
+    expect(remaining(wrapper).exists()).toBe(false);
+
+    await type(wrapper, "a".repeat(CHAT_MESSAGE_MAX_LENGTH - 200));
+    expect(remaining(wrapper).text()).toBe("200");
+    expect(remaining(wrapper).classes()).not.toContain("text-destructive");
+
+    await type(wrapper, "a".repeat(CHAT_MESSAGE_MAX_LENGTH + 5));
+    expect(remaining(wrapper).text()).toBe("-5");
+    expect(remaining(wrapper).classes()).toContain("text-destructive");
+  });
+});
diff --git a/tests/utilities/chatErrors.spec.ts b/tests/utilities/chatErrors.spec.ts
new file mode 100644
index 000000000..daa2384d0
--- /dev/null
+++ b/tests/utilities/chatErrors.spec.ts
@@ -0,0 +1,44 @@
+import { describe, expect, it } from "vitest";
+import { chatErrorMessage } from "~/utilities/chatErrors";
+import { CHAT_MESSAGE_MAX_LENGTH } from "~/constants/chat";
+
+describe("chatErrorMessage", () => {
+  it("says how long a message can be", () => {
+    expect(chatErrorMessage({ code: "too_long", max: 1500 })).toEqual({
+      key: "chat.message_too_long",
+      params: { max: 1500 },
+    });
+  });
+
+  it("falls back to the local limit when the api sends no max", () => {
+    expect(chatErrorMessage({ code: "too_long" })).toEqual({
+      key: "chat.message_too_long",
+      params: { max: CHAT_MESSAGE_MAX_LENGTH },
+    });
+  });
+
+  it("reports a refused send as a failed send", () => {
+    // not_allowed can be a send queued offline that beat its lobby rejoin
+    expect(chatErrorMessage({ code: "not_allowed" })).toEqual({
+      key: "chat.send_failed",
+      params: {},
+    });
+  });
+
+  it.each(["invalid", "some_future_code", ""])(
+    "treats %j as a failed send",
+    (code) => {
+      expect(chatErrorMessage({ code })).toEqual({
+        key: "chat.send_failed",
+        params: {},
+      });
+    },
+  );
+
+  it("survives a payload with no code", () => {
+    expect(chatErrorMessage(undefined as any)).toEqual({
+      key: "chat.send_failed",
+      params: {},
+    });
+  });
+});
diff --git a/tests/web-sockets/Socket.spec.ts b/tests/web-sockets/Socket.spec.ts
new file mode 100644
index 000000000..3c4036d46
--- /dev/null
+++ b/tests/web-sockets/Socket.spec.ts
@@ -0,0 +1,36 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import socket from "~/web-sockets/Socket";
+
+const { toast } = vi.hoisted(() => ({ toast: vi.fn() }));
+
+vi.mock("@/components/ui/toast", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("@/components/ui/toast")>()),
+  toast,
+}));
+
+describe("Socket chat:error", () => {
+  beforeEach(() => {
+    toast.mockClear();
+  });
+
+  it("toasts the limit for a message that is too long", () => {
+    socket.emit("chat:error", { code: "too_long", max: 2000, requestId: "r" });
+
+    expect(toast).toHaveBeenCalledWith({
+      variant: "destructive",
+      description: "Messages can be up to 2000 characters.",
+    });
+  });
+
+  it.each(["not_allowed", "invalid", "gagged"])(
+    "toasts a failed send for %s",
+    (code) => {
+      socket.emit("chat:error", { code });
+
+      expect(toast).toHaveBeenCalledWith({
+        variant: "destructive",
+        description: "Your message couldn't be sent.",
+      });
+    },
+  );
+});
diff --git a/utilities/chatErrors.ts b/utilities/chatErrors.ts
new file mode 100644
index 000000000..111bf0123
--- /dev/null
+++ b/utilities/chatErrors.ts
@@ -0,0 +1,37 @@
+import { toast } from "@/components/ui/toast";
+import { CHAT_MESSAGE_MAX_LENGTH } from "~/constants/chat";
+
+export interface ChatError {
+  code: string;
+  max?: number;
+  requestId?: string;
+}
+
+export interface ChatErrorMessage {
+  key: string;
+  params: Record<string, unknown>;
+}
+
+export function chatErrorMessage(error: ChatError): ChatErrorMessage {
+  switch (error?.code) {
+    case "too_long":
+      return {
+        key: "chat.message_too_long",
+        params: { max: error.max ?? CHAT_MESSAGE_MAX_LENGTH },
+      };
+    // Also sent when a send queued while offline reaches the server before the
+    // lobby rejoin does, so it must not tell the user they are barred.
+    case "not_allowed":
+    default:
+      return { key: "chat.send_failed", params: {} };
+  }
+}
+
+export function toastChatError(error: ChatError) {
+  const { key, params } = chatErrorMessage(error);
+
+  toast({
+    variant: "destructive",
+    description: useNuxtApp().$i18n.t(key, params),
+  });
+}
diff --git a/web-sockets/Socket.ts b/web-sockets/Socket.ts
index b9582e115..8b12d493f 100644
--- a/web-sockets/Socket.ts
+++ b/web-sockets/Socket.ts
@@ -3,11 +3,13 @@ import { shallowRef, type ShallowRef } from "vue";
 import type { e_match_types_enum } from "~/generated/zeus";
 import { toast } from "@/components/ui/toast";
 import { useChatReadState } from "~/composables/useChatReadState";
+import { toastChatError } from "~/utilities/chatErrors";
 
 export interface LobbyMessage {
   id?: string;
   message: string;
   timestamp: string;
+  source?: "web" | "game";
   from?: {
     role?: string;
     name?: string;
@@ -538,6 +540,8 @@ socket.listen(
   },
 );
 
+socket.listen("chat:error", toastChatError);
+
 socket.listen("matchmaking:region-stats", (data) => {
   useMatchmakingStore().regionStats = data;
 });

From ad0b876d4a912ae254637fcb283ff6665e28b310 Mon Sep 17 00:00:00 2001
From: Luke Policinski <luke@lukepolo.com>
Date: Mon, 28 Sep 2026 15:52:22 -0400
Subject: [PATCH 2/4] bug: chat error keys the translation check can see,
 trimmed schema

chatErrorMessage takes the translate function and calls t() with literal
keys, so check-translations no longer reports chat.message_too_long and
chat.send_failed as unused. The zod schema trims before measuring, like
the send check and the api. French send_failed matches the formal
wording around it. Tests for the trimmed countdown, the text kept after
an Enter refusal, and ChatMessage grouping.
---
 components/chat/ChatInput.vue        |  2 +-
 components/chat/ChatMessage.vue      |  2 --
 i18n/locales/fr_FR.json              |  2 +-
 tests/components/ChatInput.spec.ts   | 12 +++++++++-
 tests/components/ChatMessage.spec.ts | 36 ++++++++++++++++++++++++++++
 tests/utilities/chatErrors.spec.ts   | 34 +++++++++++---------------
 utilities/chatErrors.ts              | 22 ++++++++---------
 7 files changed, 73 insertions(+), 37 deletions(-)
 create mode 100644 tests/components/ChatMessage.spec.ts

diff --git a/components/chat/ChatInput.vue b/components/chat/ChatInput.vue
index a2d97b380..c2bfe8ccd 100644
--- a/components/chat/ChatInput.vue
+++ b/components/chat/ChatInput.vue
@@ -216,7 +216,7 @@ export default {
       form: useForm({
         validationSchema: toTypedSchema(
           z.object({
-            message: z.string().min(1).max(CHAT_MESSAGE_MAX_LENGTH),
+            message: z.string().trim().min(1).max(CHAT_MESSAGE_MAX_LENGTH),
           }),
         ),
       }),
diff --git a/components/chat/ChatMessage.vue b/components/chat/ChatMessage.vue
index c19015495..e8406b976 100644
--- a/components/chat/ChatMessage.vue
+++ b/components/chat/ChatMessage.vue
@@ -173,8 +173,6 @@ export default {
       if (this.previousMessage.__channel !== this.message.__channel) {
         return false;
       }
-      // Lines stored before the api stamped steam_id as a string can still
-      // hold it as a number.
       return (
         String(this.message.from?.steam_id) ===
         String(this.previousMessage.from?.steam_id)
diff --git a/i18n/locales/fr_FR.json b/i18n/locales/fr_FR.json
index 735bdec61..044967bc5 100644
--- a/i18n/locales/fr_FR.json
+++ b/i18n/locales/fr_FR.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Les deux équipes — également affiché dans le chat du jeu",
     "team_hint": "Votre composition uniquement — non affiché dans le chat du jeu",
     "message_too_long": "Les messages peuvent contenir jusqu'à {max} caractères.",
-    "send_failed": "Ton message n'a pas pu être envoyé.",
+    "send_failed": "Votre message n'a pas pu être envoyé.",
     "direct": {
       "message": "Message",
       "empty": "Aucun message pour l'instant. Dites bonjour."
diff --git a/tests/components/ChatInput.spec.ts b/tests/components/ChatInput.spec.ts
index d66e134b6..208c77744 100644
--- a/tests/components/ChatInput.spec.ts
+++ b/tests/components/ChatInput.spec.ts
@@ -83,12 +83,14 @@ describe("ChatInput", () => {
 
   it("refuses an over-length message sent with enter", async () => {
     const wrapper = await mountSuspended(ChatInput);
+    const message = "a".repeat(CHAT_MESSAGE_MAX_LENGTH + 1);
 
-    await type(wrapper, "a".repeat(CHAT_MESSAGE_MAX_LENGTH + 1));
+    await type(wrapper, message);
     await wrapper.get("textarea").trigger("keydown", { key: "Enter" });
     await flushPromises();
 
     expect(wrapper.emitted("sendMessage")).toBeUndefined();
+    expect(textarea(wrapper).value).toBe(message);
     expect(toast).toHaveBeenCalledTimes(1);
   });
 
@@ -106,4 +108,12 @@ describe("ChatInput", () => {
     expect(remaining(wrapper).text()).toBe("-5");
     expect(remaining(wrapper).classes()).toContain("text-destructive");
   });
+
+  it("counts what will be sent, not surrounding whitespace", async () => {
+    const wrapper = await mountSuspended(ChatInput);
+
+    await type(wrapper, ` ${"a".repeat(CHAT_MESSAGE_MAX_LENGTH - 200)}\n  `);
+
+    expect(remaining(wrapper).text()).toBe("200");
+  });
 });
diff --git a/tests/components/ChatMessage.spec.ts b/tests/components/ChatMessage.spec.ts
new file mode 100644
index 000000000..2ea48930f
--- /dev/null
+++ b/tests/components/ChatMessage.spec.ts
@@ -0,0 +1,36 @@
+import { describe, expect, it } from "vitest";
+import { mountSuspended } from "@nuxt/test-utils/runtime";
+import ChatMessage from "~/components/chat/ChatMessage.vue";
+
+const line = (steamId: string, minute: number, message: string) => ({
+  id: message,
+  message,
+  source: "web",
+  timestamp: new Date(Date.UTC(2026, 8, 28, 12, minute)).toISOString(),
+  from: { steam_id: steamId, name: `Player ${steamId}` },
+});
+
+describe("ChatMessage grouping", () => {
+  it("folds a second line from the same sender under the first", async () => {
+    const wrapper = await mountSuspended(ChatMessage, {
+      props: {
+        previousMessage: line("76561198000000001", 0, "first"),
+        message: line("76561198000000001", 1, "second"),
+      },
+    });
+
+    expect(wrapper.find("h4").exists()).toBe(false);
+    expect(wrapper.text()).toContain("second");
+  });
+
+  it("names the sender when someone else spoke last", async () => {
+    const wrapper = await mountSuspended(ChatMessage, {
+      props: {
+        previousMessage: line("76561198000000002", 0, "first"),
+        message: line("76561198000000001", 1, "second"),
+      },
+    });
+
+    expect(wrapper.get("h4").text()).toBe("Player 76561198000000001");
+  });
+});
diff --git a/tests/utilities/chatErrors.spec.ts b/tests/utilities/chatErrors.spec.ts
index daa2384d0..79ec8e72d 100644
--- a/tests/utilities/chatErrors.spec.ts
+++ b/tests/utilities/chatErrors.spec.ts
@@ -2,43 +2,37 @@ import { describe, expect, it } from "vitest";
 import { chatErrorMessage } from "~/utilities/chatErrors";
 import { CHAT_MESSAGE_MAX_LENGTH } from "~/constants/chat";
 
+const t = (key: string, params?: Record<string, unknown>) =>
+  params ? `${key} ${JSON.stringify(params)}` : key;
+
 describe("chatErrorMessage", () => {
   it("says how long a message can be", () => {
-    expect(chatErrorMessage({ code: "too_long", max: 1500 })).toEqual({
-      key: "chat.message_too_long",
-      params: { max: 1500 },
-    });
+    expect(chatErrorMessage({ code: "too_long", max: 1500 }, t)).toBe(
+      'chat.message_too_long {"max":1500}',
+    );
   });
 
   it("falls back to the local limit when the api sends no max", () => {
-    expect(chatErrorMessage({ code: "too_long" })).toEqual({
-      key: "chat.message_too_long",
-      params: { max: CHAT_MESSAGE_MAX_LENGTH },
-    });
+    expect(chatErrorMessage({ code: "too_long" }, t)).toBe(
+      `chat.message_too_long {"max":${CHAT_MESSAGE_MAX_LENGTH}}`,
+    );
   });
 
   it("reports a refused send as a failed send", () => {
     // not_allowed can be a send queued offline that beat its lobby rejoin
-    expect(chatErrorMessage({ code: "not_allowed" })).toEqual({
-      key: "chat.send_failed",
-      params: {},
-    });
+    expect(chatErrorMessage({ code: "not_allowed" }, t)).toBe(
+      "chat.send_failed",
+    );
   });
 
   it.each(["invalid", "some_future_code", ""])(
     "treats %j as a failed send",
     (code) => {
-      expect(chatErrorMessage({ code })).toEqual({
-        key: "chat.send_failed",
-        params: {},
-      });
+      expect(chatErrorMessage({ code }, t)).toBe("chat.send_failed");
     },
   );
 
   it("survives a payload with no code", () => {
-    expect(chatErrorMessage(undefined as any)).toEqual({
-      key: "chat.send_failed",
-      params: {},
-    });
+    expect(chatErrorMessage(undefined as any, t)).toBe("chat.send_failed");
   });
 });
diff --git a/utilities/chatErrors.ts b/utilities/chatErrors.ts
index 111bf0123..020b264aa 100644
--- a/utilities/chatErrors.ts
+++ b/utilities/chatErrors.ts
@@ -7,31 +7,29 @@ export interface ChatError {
   requestId?: string;
 }
 
-export interface ChatErrorMessage {
-  key: string;
-  params: Record<string, unknown>;
-}
+type Translate = (key: string, params?: Record<string, unknown>) => string;
 
-export function chatErrorMessage(error: ChatError): ChatErrorMessage {
+export function chatErrorMessage(error: ChatError, t: Translate): string {
   switch (error?.code) {
     case "too_long":
-      return {
-        key: "chat.message_too_long",
-        params: { max: error.max ?? CHAT_MESSAGE_MAX_LENGTH },
-      };
+      return t("chat.message_too_long", {
+        max: error.max ?? CHAT_MESSAGE_MAX_LENGTH,
+      });
     // Also sent when a send queued while offline reaches the server before the
     // lobby rejoin does, so it must not tell the user they are barred.
     case "not_allowed":
     default:
-      return { key: "chat.send_failed", params: {} };
+      return t("chat.send_failed");
   }
 }
 
 export function toastChatError(error: ChatError) {
-  const { key, params } = chatErrorMessage(error);
+  const { $i18n } = useNuxtApp();
 
   toast({
     variant: "destructive",
-    description: useNuxtApp().$i18n.t(key, params),
+    description: chatErrorMessage(error, (key, params) =>
+      $i18n.t(key, params ?? {}),
+    ),
   });
 }

From bb7cf9439ecbe9dc636a6e44eafa6dbc7e31c3d8 Mon Sep 17 00:00:00 2001
From: Luke Policinski <luke@lukepolo.com>
Date: Mon, 28 Sep 2026 16:20:43 -0400
Subject: [PATCH 3/4] style: give chat send errors a toast title like the rest
 of the app

Every other destructive toast leads with a short sentence-case title,
so a chat send error now reads "Failed to send message" as its title,
with the length limit as the description when that is the reason. The
send_failed strings drop their trailing period to read as titles.
---
 i18n/locales/ar_SA.json            |  2 +-
 i18n/locales/da_DK.json            |  2 +-
 i18n/locales/de_DE.json            |  2 +-
 i18n/locales/en.json               |  2 +-
 i18n/locales/es_ES.json            |  2 +-
 i18n/locales/fr_FR.json            |  2 +-
 i18n/locales/it_IT.json            |  2 +-
 i18n/locales/ja_JP.json            |  2 +-
 i18n/locales/ko_KR.json            |  2 +-
 i18n/locales/pl_PL.json            |  2 +-
 i18n/locales/pt_BR.json            |  2 +-
 i18n/locales/ru_RU.json            |  2 +-
 i18n/locales/sv_SE.json            |  2 +-
 i18n/locales/tr_TR.json            |  2 +-
 i18n/locales/uk_UA.json            |  2 +-
 i18n/locales/zh_Hans.json          |  2 +-
 i18n/locales/zh_Hant.json          |  2 +-
 tests/components/ChatInput.spec.ts |  3 ++-
 tests/utilities/chatErrors.spec.ts | 20 +++++++++-----------
 tests/web-sockets/Socket.spec.ts   |  6 ++++--
 utilities/chatErrors.ts            | 13 ++++++++-----
 21 files changed, 40 insertions(+), 36 deletions(-)

diff --git a/i18n/locales/ar_SA.json b/i18n/locales/ar_SA.json
index 2a4cb7864..a3e4659ff 100644
--- a/i18n/locales/ar_SA.json
+++ b/i18n/locales/ar_SA.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "كلا الفريقين — ويظهر أيضًا في دردشة اللعبة",
     "team_hint": "تشكيلتك فقط — ولا يظهر في دردشة اللعبة",
     "message_too_long": "الحد الأقصى لطول الرسالة هو {max} حرف.",
-    "send_failed": "تعذّر إرسال رسالتك.",
+    "send_failed": "تعذّر إرسال رسالتك",
     "direct": {
       "message": "رسالة",
       "empty": "لا رسائل بعد. ألقِ التحية."
diff --git a/i18n/locales/da_DK.json b/i18n/locales/da_DK.json
index f7f8e8572..dbd9559ea 100644
--- a/i18n/locales/da_DK.json
+++ b/i18n/locales/da_DK.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Begge hold — vises også i spillets chat",
     "team_hint": "Kun din opstilling — vises ikke i spillets chat",
     "message_too_long": "Beskeder kan højst være på {max} tegn.",
-    "send_failed": "Din besked kunne ikke sendes.",
+    "send_failed": "Din besked kunne ikke sendes",
     "direct": {
       "message": "Besked",
       "empty": "Ingen beskeder endnu. Sig hej."
diff --git a/i18n/locales/de_DE.json b/i18n/locales/de_DE.json
index ba3c4dc73..033a73dac 100644
--- a/i18n/locales/de_DE.json
+++ b/i18n/locales/de_DE.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Beide Teams — wird auch im Spielchat angezeigt",
     "team_hint": "Nur dein Lineup — wird nicht im Spielchat angezeigt",
     "message_too_long": "Nachrichten dürfen höchstens {max} Zeichen lang sein.",
-    "send_failed": "Deine Nachricht konnte nicht gesendet werden.",
+    "send_failed": "Deine Nachricht konnte nicht gesendet werden",
     "direct": {
       "message": "Nachricht",
       "empty": "Noch keine Nachrichten. Sag Hallo."
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 6457593ee..10907a9e6 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Both teams — also shown in game chat",
     "team_hint": "Your lineup only — not shown in game chat",
     "message_too_long": "Messages can be up to {max} characters.",
-    "send_failed": "Your message couldn't be sent.",
+    "send_failed": "Failed to send message",
     "direct": {
       "message": "Message",
       "empty": "No messages yet. Say hello."
diff --git a/i18n/locales/es_ES.json b/i18n/locales/es_ES.json
index e7ef983e3..20aac1441 100644
--- a/i18n/locales/es_ES.json
+++ b/i18n/locales/es_ES.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Ambos equipos: también se muestra en el chat del juego",
     "team_hint": "Solo tu alineación: no se muestra en el chat del juego",
     "message_too_long": "Los mensajes pueden tener un máximo de {max} caracteres.",
-    "send_failed": "No se ha podido enviar tu mensaje.",
+    "send_failed": "No se ha podido enviar tu mensaje",
     "direct": {
       "message": "Mensaje",
       "empty": "Aún no hay mensajes. Saluda."
diff --git a/i18n/locales/fr_FR.json b/i18n/locales/fr_FR.json
index 044967bc5..739c53726 100644
--- a/i18n/locales/fr_FR.json
+++ b/i18n/locales/fr_FR.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Les deux équipes — également affiché dans le chat du jeu",
     "team_hint": "Votre composition uniquement — non affiché dans le chat du jeu",
     "message_too_long": "Les messages peuvent contenir jusqu'à {max} caractères.",
-    "send_failed": "Votre message n'a pas pu être envoyé.",
+    "send_failed": "Votre message n'a pas pu être envoyé",
     "direct": {
       "message": "Message",
       "empty": "Aucun message pour l'instant. Dites bonjour."
diff --git a/i18n/locales/it_IT.json b/i18n/locales/it_IT.json
index aeab46c31..e2ba3a3f7 100644
--- a/i18n/locales/it_IT.json
+++ b/i18n/locales/it_IT.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Entrambe le squadre — mostrato anche nella chat di gioco",
     "team_hint": "Solo la tua formazione — non mostrato nella chat di gioco",
     "message_too_long": "I messaggi possono contenere al massimo {max} caratteri.",
-    "send_failed": "Non è stato possibile inviare il tuo messaggio.",
+    "send_failed": "Non è stato possibile inviare il tuo messaggio",
     "direct": {
       "message": "Messaggio",
       "empty": "Ancora nessun messaggio. Fatti sentire."
diff --git a/i18n/locales/ja_JP.json b/i18n/locales/ja_JP.json
index 4379c48e3..24a418573 100644
--- a/i18n/locales/ja_JP.json
+++ b/i18n/locales/ja_JP.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "両チーム — ゲーム内チャットにも表示されます",
     "team_hint": "自分のラインナップのみ — ゲーム内チャットには表示されません",
     "message_too_long": "メッセージは最大{max}文字までです。",
-    "send_failed": "メッセージを送信できませんでした。",
+    "send_failed": "メッセージを送信できませんでした",
     "direct": {
       "message": "メッセージ",
       "empty": "まだメッセージはありません。あいさつしてみましょう。"
diff --git a/i18n/locales/ko_KR.json b/i18n/locales/ko_KR.json
index 58d4e8790..7ce1af251 100644
--- a/i18n/locales/ko_KR.json
+++ b/i18n/locales/ko_KR.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "양 팀 — 게임 내 채팅에도 표시됩니다",
     "team_hint": "내 라인업만 — 게임 내 채팅에는 표시되지 않습니다",
     "message_too_long": "메시지는 최대 {max}자까지 입력할 수 있습니다.",
-    "send_failed": "메시지를 보내지 못했습니다.",
+    "send_failed": "메시지를 보내지 못했습니다",
     "direct": {
       "message": "메시지",
       "empty": "아직 메시지가 없습니다. 인사를 건네보세요."
diff --git a/i18n/locales/pl_PL.json b/i18n/locales/pl_PL.json
index e297ee81b..444de3851 100644
--- a/i18n/locales/pl_PL.json
+++ b/i18n/locales/pl_PL.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Obie drużyny — pokazywane także na czacie w grze",
     "team_hint": "Tylko twój skład — nie jest pokazywane na czacie w grze",
     "message_too_long": "Wiadomość może mieć maksymalnie {max} znaków.",
-    "send_failed": "Nie udało się wysłać wiadomości.",
+    "send_failed": "Nie udało się wysłać wiadomości",
     "direct": {
       "message": "Wiadomość",
       "empty": "Brak wiadomości. Przywitaj się."
diff --git a/i18n/locales/pt_BR.json b/i18n/locales/pt_BR.json
index 2d1445016..ab5935669 100644
--- a/i18n/locales/pt_BR.json
+++ b/i18n/locales/pt_BR.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Ambas as equipes — também mostrado no chat do jogo",
     "team_hint": "Apenas sua equipe — não mostrado no chat do jogo",
     "message_too_long": "As mensagens podem ter no máximo {max} caracteres.",
-    "send_failed": "Não foi possível enviar sua mensagem.",
+    "send_failed": "Não foi possível enviar sua mensagem",
     "direct": {
       "message": "Mensagem",
       "empty": "Nenhuma mensagem ainda. Diga Olá."
diff --git a/i18n/locales/ru_RU.json b/i18n/locales/ru_RU.json
index dabb24f26..7a4414e96 100644
--- a/i18n/locales/ru_RU.json
+++ b/i18n/locales/ru_RU.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Обе команды — также отображается в игровом чате",
     "team_hint": "Только ваш состав — в игровом чате не отображается",
     "message_too_long": "Сообщение может содержать не более {max} символов.",
-    "send_failed": "Не удалось отправить сообщение.",
+    "send_failed": "Не удалось отправить сообщение",
     "direct": {
       "message": "Сообщение",
       "empty": "Сообщений пока нет. Поздоровайтесь."
diff --git a/i18n/locales/sv_SE.json b/i18n/locales/sv_SE.json
index bbb454cd9..c5d159189 100644
--- a/i18n/locales/sv_SE.json
+++ b/i18n/locales/sv_SE.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Båda lagen — visas även i spelets chatt",
     "team_hint": "Bara din laguppställning — visas inte i spelets chatt",
     "message_too_long": "Meddelanden får vara högst {max} tecken långa.",
-    "send_failed": "Ditt meddelande kunde inte skickas.",
+    "send_failed": "Ditt meddelande kunde inte skickas",
     "direct": {
       "message": "Meddelande",
       "empty": "Inga meddelanden än. Säg hej."
diff --git a/i18n/locales/tr_TR.json b/i18n/locales/tr_TR.json
index 2ed2c82a0..ca4f6d24f 100644
--- a/i18n/locales/tr_TR.json
+++ b/i18n/locales/tr_TR.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Her iki takım — oyun içi sohbette de görünür",
     "team_hint": "Yalnızca kendi kadron — oyun içi sohbette görünmez",
     "message_too_long": "Mesajlar en fazla {max} karakter olabilir.",
-    "send_failed": "Mesajın gönderilemedi.",
+    "send_failed": "Mesajın gönderilemedi",
     "direct": {
       "message": "Mesaj",
       "empty": "Henüz mesaj yok. Merhaba de."
diff --git a/i18n/locales/uk_UA.json b/i18n/locales/uk_UA.json
index 7de0b82e6..d83ebaa3d 100644
--- a/i18n/locales/uk_UA.json
+++ b/i18n/locales/uk_UA.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "Обидві команди — також показується в ігровому чаті",
     "team_hint": "Лише ваш склад — в ігровому чаті не показується",
     "message_too_long": "Повідомлення може містити не більше {max} символів.",
-    "send_failed": "Не вдалося надіслати повідомлення.",
+    "send_failed": "Не вдалося надіслати повідомлення",
     "direct": {
       "message": "Повідомлення",
       "empty": "Повідомлень поки немає. Привітайтеся."
diff --git a/i18n/locales/zh_Hans.json b/i18n/locales/zh_Hans.json
index 502e48891..cebb7fe94 100644
--- a/i18n/locales/zh_Hans.json
+++ b/i18n/locales/zh_Hans.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "两支战队 — 也会显示在游戏内聊天",
     "team_hint": "仅限你的阵容 — 不会显示在游戏内聊天",
     "message_too_long": "消息最多 {max} 个字符。",
-    "send_failed": "消息发送失败。",
+    "send_failed": "消息发送失败",
     "direct": {
       "message": "消息",
       "empty": "还没有消息，先打个招呼吧。"
diff --git a/i18n/locales/zh_Hant.json b/i18n/locales/zh_Hant.json
index 6c5a40145..3ea397da0 100644
--- a/i18n/locales/zh_Hant.json
+++ b/i18n/locales/zh_Hant.json
@@ -8259,7 +8259,7 @@
     "everyone_hint": "兩支隊伍 — 也會顯示在遊戲內聊天",
     "team_hint": "僅限你的名單 — 不會顯示在遊戲內聊天",
     "message_too_long": "訊息最多 {max} 個字元。",
-    "send_failed": "訊息傳送失敗。",
+    "send_failed": "訊息傳送失敗",
     "direct": {
       "message": "訊息",
       "empty": "還沒有訊息，先打個招呼吧。"
diff --git a/tests/components/ChatInput.spec.ts b/tests/components/ChatInput.spec.ts
index 208c77744..3bd620137 100644
--- a/tests/components/ChatInput.spec.ts
+++ b/tests/components/ChatInput.spec.ts
@@ -76,8 +76,9 @@ describe("ChatInput", () => {
     expect(textarea(wrapper).value).toBe(message);
     expect(toast).toHaveBeenCalledTimes(1);
     expect(toast).toHaveBeenCalledWith({
-      variant: "destructive",
+      title: "Failed to send message",
       description: "Messages can be up to 2000 characters.",
+      variant: "destructive",
     });
   });
 
diff --git a/tests/utilities/chatErrors.spec.ts b/tests/utilities/chatErrors.spec.ts
index 79ec8e72d..7fa82ed25 100644
--- a/tests/utilities/chatErrors.spec.ts
+++ b/tests/utilities/chatErrors.spec.ts
@@ -1,38 +1,36 @@
 import { describe, expect, it } from "vitest";
-import { chatErrorMessage } from "~/utilities/chatErrors";
+import { chatErrorDescription } from "~/utilities/chatErrors";
 import { CHAT_MESSAGE_MAX_LENGTH } from "~/constants/chat";
 
 const t = (key: string, params?: Record<string, unknown>) =>
   params ? `${key} ${JSON.stringify(params)}` : key;
 
-describe("chatErrorMessage", () => {
+describe("chatErrorDescription", () => {
   it("says how long a message can be", () => {
-    expect(chatErrorMessage({ code: "too_long", max: 1500 }, t)).toBe(
+    expect(chatErrorDescription({ code: "too_long", max: 1500 }, t)).toBe(
       'chat.message_too_long {"max":1500}',
     );
   });
 
   it("falls back to the local limit when the api sends no max", () => {
-    expect(chatErrorMessage({ code: "too_long" }, t)).toBe(
+    expect(chatErrorDescription({ code: "too_long" }, t)).toBe(
       `chat.message_too_long {"max":${CHAT_MESSAGE_MAX_LENGTH}}`,
     );
   });
 
-  it("reports a refused send as a failed send", () => {
+  it("adds nothing to the failed-send title for a refused send", () => {
     // not_allowed can be a send queued offline that beat its lobby rejoin
-    expect(chatErrorMessage({ code: "not_allowed" }, t)).toBe(
-      "chat.send_failed",
-    );
+    expect(chatErrorDescription({ code: "not_allowed" }, t)).toBeUndefined();
   });
 
   it.each(["invalid", "some_future_code", ""])(
-    "treats %j as a failed send",
+    "treats %j as a plain failed send",
     (code) => {
-      expect(chatErrorMessage({ code }, t)).toBe("chat.send_failed");
+      expect(chatErrorDescription({ code }, t)).toBeUndefined();
     },
   );
 
   it("survives a payload with no code", () => {
-    expect(chatErrorMessage(undefined as any, t)).toBe("chat.send_failed");
+    expect(chatErrorDescription(undefined as any, t)).toBeUndefined();
   });
 });
diff --git a/tests/web-sockets/Socket.spec.ts b/tests/web-sockets/Socket.spec.ts
index 3c4036d46..4afc2b3f2 100644
--- a/tests/web-sockets/Socket.spec.ts
+++ b/tests/web-sockets/Socket.spec.ts
@@ -17,8 +17,9 @@ describe("Socket chat:error", () => {
     socket.emit("chat:error", { code: "too_long", max: 2000, requestId: "r" });
 
     expect(toast).toHaveBeenCalledWith({
-      variant: "destructive",
+      title: "Failed to send message",
       description: "Messages can be up to 2000 characters.",
+      variant: "destructive",
     });
   });
 
@@ -28,8 +29,9 @@ describe("Socket chat:error", () => {
       socket.emit("chat:error", { code });
 
       expect(toast).toHaveBeenCalledWith({
+        title: "Failed to send message",
+        description: undefined,
         variant: "destructive",
-        description: "Your message couldn't be sent.",
       });
     },
   );
diff --git a/utilities/chatErrors.ts b/utilities/chatErrors.ts
index 020b264aa..a606e3d55 100644
--- a/utilities/chatErrors.ts
+++ b/utilities/chatErrors.ts
@@ -9,7 +9,10 @@ export interface ChatError {
 
 type Translate = (key: string, params?: Record<string, unknown>) => string;
 
-export function chatErrorMessage(error: ChatError, t: Translate): string {
+export function chatErrorDescription(
+  error: ChatError,
+  t: Translate,
+): string | undefined {
   switch (error?.code) {
     case "too_long":
       return t("chat.message_too_long", {
@@ -19,17 +22,17 @@ export function chatErrorMessage(error: ChatError, t: Translate): string {
     // lobby rejoin does, so it must not tell the user they are barred.
     case "not_allowed":
     default:
-      return t("chat.send_failed");
+      return undefined;
   }
 }
 
 export function toastChatError(error: ChatError) {
   const { $i18n } = useNuxtApp();
+  const t: Translate = (key, params) => $i18n.t(key, params ?? {});
 
   toast({
+    title: t("chat.send_failed"),
+    description: chatErrorDescription(error, t),
     variant: "destructive",
-    description: chatErrorMessage(error, (key, params) =>
-      $i18n.t(key, params ?? {}),
-    ),
   });
 }

From 23aa5322ad1dbdb1ee785e7117d097f499cb290f Mon Sep 17 00:00:00 2001
From: Luke Policinski <luke@lukepolo.com>
Date: Mon, 28 Sep 2026 20:22:52 -0400
Subject: [PATCH 4/4] test: prove grouping a numeric sender id is fixed

Lines stored before the api stamped from.steam_id as a string can hold
it as a number. The test fails without the String() comparison in
ChatMessage's isSameSender.
---
 tests/components/ChatMessage.spec.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/tests/components/ChatMessage.spec.ts b/tests/components/ChatMessage.spec.ts
index 2ea48930f..bb348a650 100644
--- a/tests/components/ChatMessage.spec.ts
+++ b/tests/components/ChatMessage.spec.ts
@@ -23,6 +23,24 @@ describe("ChatMessage grouping", () => {
     expect(wrapper.text()).toContain("second");
   });
 
+  it("folds under an older line that stored the sender id as a number", async () => {
+    const wrapper = await mountSuspended(ChatMessage, {
+      props: {
+        previousMessage: {
+          ...line("76561198000000000", 0, "first"),
+          from: {
+            steam_id: 76561198000000000,
+            name: "Player 76561198000000000",
+          },
+        },
+        message: line("76561198000000000", 1, "second"),
+      },
+    });
+
+    expect(wrapper.find("h4").exists()).toBe(false);
+    expect(wrapper.text()).toContain("second");
+  });
+
   it("names the sender when someone else spoke last", async () => {
     const wrapper = await mountSuspended(ChatMessage, {
       props: {