From 7f4acd0fb790fe791e4db166e0f924a4b5d4d824 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?=
 <zhangyanghaha0407@outlook.com>
Date: Fri, 17 Apr 2026 21:22:10 -0400
Subject: [PATCH] refactor(messages): delete triple department signal +
 decorative read-state indicator
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two subtractions in the message bubble header row:

1. Department chip next to each agent name. Department was already
   communicated by (a) the avatar tile colour (`bg-{color}18`, tinted
   by department via DEPARTMENT_COLORS) and (b) the sender name's
   text colour (`color: senderColor = deptColor`). The explicit
   uppercase chip ("ENGINEERING", "PRODUCT", …) was the third signal
   in the same row and the loudest — hardest-to-read typography
   (10px uppercase tracking) re-stating what colour already says.
   Deleted; colour continues to carry the semantics.

2. `CheckCircle` as the read-state marker. It only appeared
   on hover at 60% opacity — invisible most of the time and purely
   decorative when visible. The absence of the unread dot already
   communicates "read"; a second glyph just to mark the negative
   case added nothing. Deleted along with the now-unused CheckCircle
   import.

Typecheck + lint pass.
---
 .../components/communication/MessageItem.tsx     | 16 +---------------
 1 file changed, 1 insertion(+), 15 deletions(-)

diff --git a/src/renderer/components/communication/MessageItem.tsx b/src/renderer/components/communication/MessageItem.tsx
index 95509435..ff6c1872 100644
--- a/src/renderer/components/communication/MessageItem.tsx
+++ b/src/renderer/components/communication/MessageItem.tsx
@@ -4,7 +4,6 @@ import {
   ChatCircle,
   At,
   Circle,
-  CheckCircle,
   WarningCircle,
   ArrowBendUpLeft,
   UserCircle,
@@ -98,13 +97,6 @@ export const MessageBubble = memo(function MessageBubble({
           {agent?.title ? (
             <span className="truncate text-[11px] text-muted-foreground">{agent.title}</span>
           ) : null}
-          {agent?.department ? (
-            <span
-              className="shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-[0.06em] text-muted-foreground"
-            >
-              {agent.department.replace("_", " ")}
-            </span>
-          ) : null}
           <span className="whitespace-nowrap shrink-0 text-[11px] text-muted-foreground">
             {formatMessageTime(message.createdAt)}
           </span>
@@ -118,13 +110,7 @@ export const MessageBubble = memo(function MessageBubble({
           ) : null}
           {isUnread ? (
             <Circle size={8} weight="fill" className="shrink-0" style={{ color: "var(--primary)" }} aria-label={t("msg.unread")} />
-          ) : (
-            <CheckCircle
-              size={10}
-              weight="fill"
-              className="shrink-0 text-muted-foreground opacity-0 group-hover:opacity-60 group-focus-within:opacity-60"
-            />
-          )}
+          ) : null}
         </div>
 
         {message.subject ? (