From 7c3bf007901e5faed2a7224e8827f220b632aca9 Mon Sep 17 00:00:00 2001
From: Esdras Renan <monkeyesdras@gmail.com>
Date: Sun, 19 Oct 2025 16:27:12 -0300
Subject: [PATCH] =?UTF-8?q?admin:=20remove=20'Espa=C3=A7o=20(ID=20interno)?=
 =?UTF-8?q?'=20from=20Convites=20and=20improve=20filter=20bar=20alignment;?=
 =?UTF-8?q?=20tickets:=20fix=20running=20timer=20by=20optimistic=20updatin?=
 =?UTF-8?q?g=20start/pause=20times?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/admin/admin-users-manager.tsx  | 27 ++++-----------
 .../tickets/ticket-summary-header.tsx         | 34 +++++++++++++++++++
 2 files changed, 41 insertions(+), 20 deletions(-)

diff --git a/src/components/admin/admin-users-manager.tsx b/src/components/admin/admin-users-manager.tsx
index 407060f..b83a394 100644
--- a/src/components/admin/admin-users-manager.tsx
+++ b/src/components/admin/admin-users-manager.tsx
@@ -884,8 +884,8 @@ async function handleDeleteUser() {
               Novo usuário
             </Button>
           </div>
-          <div className="flex flex-col gap-3 rounded-xl border border-slate-200 bg-white p-4 shadow-sm sm:flex-row sm:items-center sm:justify-between">
-            <div className="relative w-full sm:max-w-xs">
+          <div className="rounded-xl border border-slate-200 bg-white p-4 shadow-sm md:grid md:grid-cols-[minmax(0,1fr)_auto_auto_auto_auto] md:items-center md:gap-3">
+            <div className="relative w-full md:max-w-sm">
               <IconSearch className="text-muted-foreground pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2" />
               <Input
                 value={teamSearch}
@@ -894,7 +894,7 @@ async function handleDeleteUser() {
                 className="h-9 pl-9"
               />
             </div>
-            <div className="flex flex-wrap items-center gap-3">
+            <div className="mt-3 flex flex-wrap items-center gap-3 md:mt-0">
               <Select value={teamRoleFilter} onValueChange={(value) => setTeamRoleFilter(value as "all" | RoleOption)}>
                 <SelectTrigger className="h-9 w-full sm:w-48">
                   <SelectValue placeholder="Todos os papéis" />
@@ -1102,8 +1102,8 @@ async function handleDeleteUser() {
               Novo usuário
             </Button>
           </div>
-          <div className="flex flex-col gap-3 rounded-xl border border-slate-200 bg-white p-4 shadow-sm sm:flex-row sm:items-center sm:justify-between">
-            <div className="relative w-full sm:max-w-xs">
+          <div className="rounded-xl border border-slate-200 bg-white p-4 shadow-sm md:grid md:grid-cols-[minmax(0,1fr)_auto_auto_auto_auto] md:items-center md:gap-3">
+            <div className="relative w-full md:max-w-sm">
               <IconSearch className="text-muted-foreground pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2" />
               <Input
                 value={peopleSearch}
@@ -1112,7 +1112,7 @@ async function handleDeleteUser() {
                 className="h-9 pl-9"
               />
             </div>
-            <div className="flex flex-wrap items-center gap-3">
+            <div className="mt-3 flex flex-wrap items-center gap-3 md:mt-0">
               <Select value={peopleRoleFilter} onValueChange={(value) => setPeopleRoleFilter(value as "all" | "manager" | "collaborator")}>
                 <SelectTrigger className="h-9 w-full sm:w-48">
                   <SelectValue placeholder="Perfil" />
@@ -1423,7 +1423,7 @@ async function handleDeleteUser() {
             <CardContent>
               <form
                 onSubmit={handleInviteSubmit}
-                className="grid gap-4 md:grid-cols-2 xl:grid-cols-[minmax(0,2.4fr)_minmax(0,2fr)_minmax(0,1.2fr)_minmax(0,1.6fr)_minmax(0,1.2fr)_auto]"
+                className="grid gap-4 md:grid-cols-2 xl:grid-cols-[minmax(0,2.4fr)_minmax(0,2fr)_minmax(0,1.2fr)_minmax(0,1.2fr)_auto]"
               >
                 <div className="grid gap-2 md:col-span-2 xl:col-auto">
                   <Label htmlFor="invite-email">E-mail corporativo</Label>
@@ -1463,19 +1463,6 @@ async function handleDeleteUser() {
                     </SelectContent>
                   </Select>
                 </div>
-                <div className="grid gap-2 md:col-span-2 xl:col-auto">
-                  <Label htmlFor="invite-tenant">Espaço (ID interno)</Label>
-                  <Input
-                    id="invite-tenant"
-                    value={tenantId}
-                    onChange={(event) => setTenantId(event.target.value)}
-                    placeholder="ex.: principal"
-                    className="w-full"
-                  />
-                  <p className="text-xs text-neutral-500">
-                    Use este campo apenas se trabalhar com múltiplos espaços de clientes. Caso contrário, mantenha o valor padrão.
-                  </p>
-                </div>
                 <div className="grid gap-2 md:col-span-1 xl:col-auto">
                   <Label>Expira em</Label>
                   <Select value={expiresInDays} onValueChange={setExpiresInDays}>
diff --git a/src/components/tickets/ticket-summary-header.tsx b/src/components/tickets/ticket-summary-header.tsx
index 46736af..7801209 100644
--- a/src/components/tickets/ticket-summary-header.tsx
+++ b/src/components/tickets/ticket-summary-header.tsx
@@ -430,6 +430,27 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
       } else {
         toast.success("Atendimento iniciado", { id: "work" })
       }
+      // Otimização local: garantir startedAt correto imediatamente
+      const startedAtMs = typeof result?.startedAt === "number" ? result.startedAt : Date.now()
+      const sessionId = (result as { sessionId?: unknown })?.sessionId as Id<"ticketWorkSessions"> | undefined
+      setWorkSummary((prev) => {
+        const base: WorkSummarySnapshot = prev ?? {
+          ticketId: ticket.id as Id<"tickets">,
+          totalWorkedMs: 0,
+          internalWorkedMs: 0,
+          externalWorkedMs: 0,
+          activeSession: null,
+        }
+        return {
+          ...base,
+          activeSession: {
+            id: (sessionId as Id<"ticketWorkSessions">) ?? (base.activeSession?.id as Id<"ticketWorkSessions">),
+            agentId: convexUserId as Id<"users">,
+            startedAt: startedAtMs,
+            workType,
+          },
+        }
+      })
     } catch (error) {
       const message = error instanceof Error ? error.message : "Não foi possível atualizar o atendimento"
       toast.error(message, { id: "work" })
@@ -454,6 +475,19 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
         toast.success("Atendimento pausado", { id: "work" })
       }
       setPauseDialogOpen(false)
+      // Otimização local: aplicar duração retornada no total e limpar sessão ativa
+      const delta = typeof (result as { durationMs?: unknown })?.durationMs === "number" ? (result as { durationMs?: number }).durationMs! : 0
+      setWorkSummary((prev) => {
+        if (!prev) return prev
+        const workType = prev.activeSession?.workType ?? "INTERNAL"
+        return {
+          ...prev,
+          totalWorkedMs: prev.totalWorkedMs + delta,
+          internalWorkedMs: prev.internalWorkedMs + (workType === "INTERNAL" ? delta : 0),
+          externalWorkedMs: prev.externalWorkedMs + (workType === "EXTERNAL" ? delta : 0),
+          activeSession: null,
+        }
+      })
     } catch (error) {
       const message = error instanceof Error ? error.message : "Não foi possível atualizar o atendimento"
       toast.error(message, { id: "work" })