From 87d734515550cee7ac6bd0d70a9556905bde80ea Mon Sep 17 00:00:00 2001
From: hobokenchicken <dustin@dustin.coffee>
Date: Thu, 9 Jul 2026 16:00:28 -0400
Subject: [PATCH] feat(ui): character counter in message compose box

---
 web/src/components/MessageInput.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/web/src/components/MessageInput.tsx b/web/src/components/MessageInput.tsx
index cabc460..705ba9d 100644
--- a/web/src/components/MessageInput.tsx
+++ b/web/src/components/MessageInput.tsx
@@ -690,6 +690,15 @@ export const MessageInput = forwardRef<HTMLTextAreaElement, MessageInputProps>(f
 
             <span className="flex-1" />
 
+            {/* character counter */}
+            {value.length > 0 && (
+              <span className={`text-xs font-mono tabular-nums px-1 ${
+                value.length > 3800 ? "text-gb-orange" : "text-gb-fg-f"
+              }`}>
+                {4000 - value.length}/4000
+              </span>
+            )}
+
             {/* mode toggle */}
             <button type="button" disabled={disabled} onClick={toggleMode}
               title={mode === "md" ? "Switch to rich text" : "Switch to markdown"}