From faa6e28765c7fcdbc74626ba8e56da8840d46d0b Mon Sep 17 00:00:00 2001
From: esdrasrenan <esdras@renan.dev>
Date: Sun, 7 Dec 2025 12:18:46 -0300
Subject: [PATCH] Add visual debug indicator to chat widget
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Shows unread count and sessions count next to the chat button
for debugging purposes.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 apps/desktop/src/components/ChatFloatingWidget.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/apps/desktop/src/components/ChatFloatingWidget.tsx b/apps/desktop/src/components/ChatFloatingWidget.tsx
index 27c370f..b18d45e 100644
--- a/apps/desktop/src/components/ChatFloatingWidget.tsx
+++ b/apps/desktop/src/components/ChatFloatingWidget.tsx
@@ -192,9 +192,21 @@ export function ChatFloatingWidget({
   const currentSession = sessions.find(s => s.ticketId === selectedTicketId)
 
   // Botao flutuante (fechado)
+  // DEBUG: Log do estado do widget
+  console.log("[ChatFloatingWidget] Estado:", {
+    isOpen,
+    totalUnread,
+    sessionsCount: sessions.length,
+    sessions: sessions.map(s => ({ id: s.sessionId, ticketId: s.ticketId, unread: s.unreadCount }))
+  })
+
   if (!isOpen) {
     return (
       <div className="fixed bottom-4 right-4 z-50">
+        {/* DEBUG: Indicador visual do estado */}
+        <div className="absolute -left-32 bottom-0 rounded bg-yellow-100 p-1 text-[10px] text-yellow-800 shadow">
+          unread: {totalUnread} | sessions: {sessions.length}
+        </div>
         <button
           onClick={onToggle}
           className="relative flex size-14 items-center justify-center rounded-full bg-black text-white shadow-lg transition hover:bg-black/90"