From e66b3cce92f5e0dea2fca8b37a3c2fb4868e6d9e Mon Sep 17 00:00:00 2001
From: Seu Nome <seu-email@exemplo.com>
Date: Mon, 8 Dec 2025 11:31:43 -0300
Subject: [PATCH] fix: ajustes visuais na janela de chat do desktop
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove scrollbars com overflow: hidden no CSS
- Aumenta tamanho da janela minimizada (210x52) para não cortar badge
- Adiciona bordas arredondadas (rounded-2xl) no chat expandido
- Adiciona sombra (shadow-xl) no chat expandido

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 apps/desktop/src-tauri/src/chat.rs   | 6 +++---
 apps/desktop/src/chat/ChatWidget.tsx | 4 ++--
 apps/desktop/src/index.css           | 2 ++
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/desktop/src-tauri/src/chat.rs b/apps/desktop/src-tauri/src/chat.rs
index 12f8773..38f0385 100644
--- a/apps/desktop/src-tauri/src/chat.rs
+++ b/apps/desktop/src-tauri/src/chat.rs
@@ -890,7 +890,7 @@ fn open_chat_window_internal(app: &tauri::AppHandle, ticket_id: &str) -> Result<
     )
     .title("Chat de Suporte")
     .inner_size(380.0, 520.0)
-    .min_inner_size(200.0, 44.0) // Tamanho minimo para modo minimizado com badge
+    .min_inner_size(210.0, 52.0) // Tamanho minimo para modo minimizado com badge
     .position(x, y)
     .decorations(false) // Sem decoracoes nativas - usa header customizado
     .transparent(true) // Permite fundo transparente
@@ -931,9 +931,9 @@ pub fn set_chat_minimized(app: &tauri::AppHandle, ticket_id: &str, minimized: bo
     let label = format!("chat-{}", ticket_id);
     let window = app.get_webview_window(&label).ok_or("Janela nao encontrada")?;
 
-    // Tamanhos - chip minimizado com margem extra para badge e modo offline
+    // Tamanhos - chip minimizado com margem extra para badge (absolute -top-1 -right-1)
     let (width, height) = if minimized {
-        (200.0, 44.0) // Tamanho com folga para badge e texto "Offline"
+        (210.0, 52.0) // Tamanho com folga para badge que fica fora do chip
     } else {
         (380.0, 520.0) // Tamanho expandido
     };
diff --git a/apps/desktop/src/chat/ChatWidget.tsx b/apps/desktop/src/chat/ChatWidget.tsx
index c2591aa..348c39f 100644
--- a/apps/desktop/src/chat/ChatWidget.tsx
+++ b/apps/desktop/src/chat/ChatWidget.tsx
@@ -412,11 +412,11 @@ export function ChatWidget({ ticketId }: ChatWidgetProps) {
   }
 
   return (
-    <div className="flex h-screen flex-col bg-white">
+    <div className="flex h-screen flex-col overflow-hidden rounded-2xl bg-white shadow-xl">
       {/* Header - arrastavel */}
       <div
         data-tauri-drag-region
-        className="flex items-center justify-between border-b border-slate-200 bg-slate-50 px-4 py-3"
+        className="flex items-center justify-between border-b border-slate-200 bg-slate-50 px-4 py-3 rounded-t-2xl"
       >
         <div className="flex items-center gap-3">
           <div className="flex size-10 items-center justify-center rounded-full bg-black text-white">
diff --git a/apps/desktop/src/index.css b/apps/desktop/src/index.css
index 13c57bb..9bfeca8 100644
--- a/apps/desktop/src/index.css
+++ b/apps/desktop/src/index.css
@@ -6,11 +6,13 @@
 
 html, body, #root {
   height: 100%;
+  overflow: hidden; /* Remove scrollbars */
 }
 
 body {
   @apply text-slate-900;
   background: transparent;
+  overflow: hidden; /* Remove scrollbars */
 }
 
 /* Fundo padrão para janelas que não são chat minimizado */