From 2f798d934a5c6347b073857a1b3c0061e88f94c9 Mon Sep 17 00:00:00 2001
From: codex-bot <bot@local>
Date: Mon, 20 Oct 2025 17:40:17 -0300
Subject: [PATCH] =?UTF-8?q?UI:=20corrigir=20duplicidade=20do=20Encerrar,?=
 =?UTF-8?q?=20padronizar=20ciano,=20ajustar=20tamanho=20do=20=C3=ADcone=20?=
 =?UTF-8?q?de=20tempo;=20atualizar=20cabe=C3=A7alho=20do=20login;=20invert?=
 =?UTF-8?q?er=20ordem=20(Novo=20ticket=20=C3=A0=20esquerda,=20Compartilhar?=
 =?UTF-8?q?=20=C3=A0=20direita)=20no=20ticket=20individual?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/login/login-page-client.tsx           | 15 ++--
 src/app/tickets/[id]/page.tsx                 |  4 +-
 src/components/tickets/status-select.tsx      | 68 ++++++++++---------
 .../tickets/ticket-summary-header.tsx         |  5 +-
 4 files changed, 47 insertions(+), 45 deletions(-)

diff --git a/src/app/login/login-page-client.tsx b/src/app/login/login-page-client.tsx
index 1bd509a..5cd6630 100644
--- a/src/app/login/login-page-client.tsx
+++ b/src/app/login/login-page-client.tsx
@@ -55,16 +55,11 @@ export function LoginPageClient() {
     <div className="grid min-h-svh lg:grid-cols-2">
       <div className="flex flex-col gap-6 p-6 md:p-10">
         <div className="flex flex-col items-center gap-1.5 text-center">
-          <Link href="/" className="flex items-center gap-2 text-xl font-semibold text-neutral-900">
-            <Image
-              src="/logo-raven.png"
-              alt="Logotipo Raven"
-              width={40}
-              height={40}
-              className="h-10 w-auto"
-              priority
-            />
-            Raven
+          <Link href="/" className="text-xl font-semibold text-neutral-900">
+            <div className="flex flex-col leading-none items-center">
+              <span>Sistema de chamados</span>
+              <span className="text-xs text-muted-foreground">Por Rever Tecnologia</span>
+            </div>
           </Link>
         </div>
         <div className="flex flex-1 items-center justify-center">
diff --git a/src/app/tickets/[id]/page.tsx b/src/app/tickets/[id]/page.tsx
index d5e69c4..56b2a6f 100644
--- a/src/app/tickets/[id]/page.tsx
+++ b/src/app/tickets/[id]/page.tsx
@@ -18,8 +18,8 @@ export default async function TicketDetailPage({ params }: TicketDetailPageProps
         <SiteHeader
           title={`Ticket #${id}`}
           lead={"Detalhes do ticket"}
-          secondaryAction={<SiteHeader.SecondaryButton>Compartilhar</SiteHeader.SecondaryButton>}
-          primaryAction={<NewTicketDialogDeferred />}
+          secondaryAction={<NewTicketDialogDeferred />}
+          primaryAction={<SiteHeader.SecondaryButton>Compartilhar</SiteHeader.SecondaryButton>}
         />
       }
     >
diff --git a/src/components/tickets/status-select.tsx b/src/components/tickets/status-select.tsx
index e1c9a3f..64b4b46 100644
--- a/src/components/tickets/status-select.tsx
+++ b/src/components/tickets/status-select.tsx
@@ -83,11 +83,13 @@ export function StatusSelect({
   value,
   tenantId,
   requesterName,
+  showCloseButton = true,
 }: {
   ticketId: string
   value: TicketStatus
   tenantId: string
   requesterName?: string | null
+  showCloseButton?: boolean
 }) {
   const { convexUserId } = useAuth()
   const actorId = (convexUserId ?? null) as Id<"users"> | null
@@ -104,38 +106,42 @@ export function StatusSelect({
         <Badge className={cn(baseBadgeClass, statusStyles[status]?.badgeClass ?? statusStyles.PENDING.badgeClass)}>
           {statusStyles[status]?.label ?? statusStyles.PENDING.label}
         </Badge>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Button
-              type="button"
-              size="icon"
-              aria-label="Encerrar ticket"
-              onClick={() => setCloseDialogOpen(true)}
-              className="h-9 w-9 rounded-lg border border-emerald-300 bg-white text-emerald-700 transition hover:bg-emerald-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-200"
-            >
-              <CheckCircle2 className="size-4" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent className="rounded-lg border border-slate-200 bg-white px-3 py-2 text-xs font-medium text-neutral-700 shadow-lg">
-            Encerrar ticket
-          </TooltipContent>
-        </Tooltip>
+        {showCloseButton ? (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button
+                type="button"
+                size="icon"
+                aria-label="Encerrar ticket"
+                onClick={() => setCloseDialogOpen(true)}
+                className="h-9 w-9 rounded-lg border border-[#00d6eb] bg-white text-[#00d6eb] transition hover:bg-[#00d6eb]/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#00d6eb]/30"
+              >
+                <CheckCircle2 className="size-4" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent className="rounded-lg border border-slate-200 bg-white px-3 py-2 text-xs font-medium text-neutral-700 shadow-lg">
+              Encerrar ticket
+            </TooltipContent>
+          </Tooltip>
+        ) : null}
       </div>
-      {/* Dialog control moved to header; keep for status-only contexts */}
-      <CloseTicketDialog
-        open={closeDialogOpen}
-        onOpenChange={(open) => {
-          if (!open) setCloseDialogOpen(false)
-        }}
-        ticketId={ticketId}
-        tenantId={tenantId}
-        actorId={actorId}
-        requesterName={requesterName}
-        onSuccess={() => {
-          setStatus("RESOLVED")
-          setCloseDialogOpen(false)
-        }}
-      />
+      {/* Dialog control visível apenas quando o botão de encerrar está presente */}
+      {showCloseButton ? (
+        <CloseTicketDialog
+          open={closeDialogOpen}
+          onOpenChange={(open) => {
+            if (!open) setCloseDialogOpen(false)
+          }}
+          ticketId={ticketId}
+          tenantId={tenantId}
+          actorId={actorId}
+          requesterName={requesterName}
+          onSuccess={() => {
+            setStatus("RESOLVED")
+            setCloseDialogOpen(false)
+          }}
+        />
+      ) : null}
     </>
   )
 }
diff --git a/src/components/tickets/ticket-summary-header.tsx b/src/components/tickets/ticket-summary-header.tsx
index 0033a66..6fd9441 100644
--- a/src/components/tickets/ticket-summary-header.tsx
+++ b/src/components/tickets/ticket-summary-header.tsx
@@ -621,7 +621,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
       <div className="absolute right-6 top-6 flex items-center gap-3">
         <Button
           type="button"
-          className="inline-flex items-center gap-2 rounded-lg border border-sky-300 bg-white px-3 py-1.5 text-sm font-semibold text-sky-700 transition hover:bg-sky-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-200"
+          className="inline-flex items-center gap-2 rounded-lg border border-[#00d6eb] bg-white px-3 py-1.5 text-sm font-semibold text-[#00d6eb] transition hover:bg-[#00d6eb]/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#00d6eb]/30"
           onClick={() => setCloseOpen(true)}
         >
           <CheckCircle2 className="size-4" /> Encerrar
@@ -633,7 +633,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
                 className="inline-flex h-9 cursor-help items-center gap-2 rounded-full border border-slate-200 bg-white px-3 text-sm font-semibold text-neutral-700"
                 title="Tempo total de atendimento"
               >
-                <IconClock className="size-4 text-neutral-700" /> {formattedTotalWorked}
+                <IconClock className="size-5 text-neutral-700" /> {formattedTotalWorked}
               </Badge>
             </TooltipTrigger>
             <TooltipContent className="rounded-lg border border-slate-200 bg-white px-3 py-2 text-xs font-medium text-neutral-700 shadow-lg">
@@ -692,6 +692,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
           value={status}
           tenantId={ticket.tenantId}
           requesterName={ticket.requester?.name ?? ticket.requester?.email ?? null}
+          showCloseButton={false}
         />
             {isPlaying ? (
               <Tooltip>