From 93d330c8df5af75a277fbd94bed202d6dd52ae31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?=
 <osergiosiqueira@gmail.com>
Date: Tue, 25 Nov 2025 16:00:08 -0300
Subject: [PATCH] update insights

---
 .../app/routes/_.$orgid/route.tsx             |  2 +-
 .../_app.enrollments._index/columns.tsx       |  8 ++--
 .../routes/_app.enrollments._index/route.tsx  |  1 +
 .../app/routes/_app.orgs._index/columns.tsx   |  9 ++--
 .../app/routes/_app.orgs._index/route.tsx     |  1 +
 .../routes/_app.payments._index/columns.tsx   | 43 +++++++++++++++++--
 .../app/routes/_app.payments._index/route.tsx |  1 +
 .../app/routes/_app.users._index/columns.tsx  |  8 ++--
 .../app/routes/_app.users._index/route.tsx    |  1 +
 .../src/components/data-table/data-table.tsx  |  4 +-
 packages/ui/tsconfig.json                     |  2 +
 11 files changed, 65 insertions(+), 15 deletions(-)

diff --git a/apps/admin.saladeaula.digital/app/routes/_.$orgid/route.tsx b/apps/admin.saladeaula.digital/app/routes/_.$orgid/route.tsx
index de6d6ff..f657d84 100644
--- a/apps/admin.saladeaula.digital/app/routes/_.$orgid/route.tsx
+++ b/apps/admin.saladeaula.digital/app/routes/_.$orgid/route.tsx
@@ -71,7 +71,7 @@ export default function Route({ loaderData }: Route.ComponentProps) {
         <SidebarInset className="relative flex flex-col flex-1 min-w-0">
           <header
             className="bg-background/15 backdrop-blur-sm
-                       px-4 py-2 lg:py-4 sticky top-0 z-5"
+                       px-4 py-2 lg:py-4 sticky top-0 z-10"
           >
             <div className="container mx-auto flex items-center max-w-7xl">
               <SidebarTrigger className="md:hidden" />
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/columns.tsx b/apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/columns.tsx
index f09606f..82ac55e 100644
--- a/apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/columns.tsx
+++ b/apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/columns.tsx
@@ -27,12 +27,14 @@ export const columns: ColumnDef<Enrollment>[] = [
   {
     id: 'select',
     header: DataTableColumnHeaderSelect,
-    cell: DataTableColumnHeaderSelect
+    cell: DataTableColumnHeaderSelect,
+    meta: { className: 'w-8' }
   },
   ...columns_,
   {
-    id: 'actions',
-    cell: ActionMenu
+    id: 'action',
+    cell: ActionMenu,
+    meta: { className: 'w-12' }
   }
 ]
 
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/route.tsx b/apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/route.tsx
index 2253838..b5332f5 100644
--- a/apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/route.tsx
+++ b/apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/route.tsx
@@ -77,6 +77,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
         {({ hits, page, hitsPerPage, totalHits }) => (
           <DataTable
             sort={[{ id: 'created_at', desc: true }]}
+            columnPinning={{ left: ['select'], right: ['action'] }}
             columns={columns}
             data={hits as Enrollment[]}
             pageIndex={page - 1}
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.orgs._index/columns.tsx b/apps/insights.saladeaula.digital/app/routes/_app.orgs._index/columns.tsx
index 262559b..b925b0c 100644
--- a/apps/insights.saladeaula.digital/app/routes/_app.orgs._index/columns.tsx
+++ b/apps/insights.saladeaula.digital/app/routes/_app.orgs._index/columns.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import { type ColumnDef } from '@tanstack/react-table'
-
 import { EllipsisVerticalIcon } from 'lucide-react'
 
 import { Button } from '@repo/ui/components/ui/button'
@@ -29,7 +28,8 @@ export const columns: ColumnDef<Org>[] = [
   {
     id: 'select',
     header: DataTableColumnHeaderSelect,
-    cell: DataTableColumnSelect
+    cell: DataTableColumnSelect,
+    meta: { className: 'w-8' }
   },
   {
     header: 'Empresa',
@@ -65,8 +65,9 @@ export const columns: ColumnDef<Org>[] = [
     cell: DataTableColumnDatetime
   },
   {
-    id: 'actions',
-    cell: ActionMenu
+    id: 'action',
+    cell: ActionMenu,
+    meta: { className: 'w-12' }
   }
 ]
 
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.orgs._index/route.tsx b/apps/insights.saladeaula.digital/app/routes/_app.orgs._index/route.tsx
index 059772a..1032d80 100644
--- a/apps/insights.saladeaula.digital/app/routes/_app.orgs._index/route.tsx
+++ b/apps/insights.saladeaula.digital/app/routes/_app.orgs._index/route.tsx
@@ -48,6 +48,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
           return (
             <DataTable
               sort={[{ id: 'created_at', desc: true }]}
+              columnPinning={{ left: ['select'], right: ['action'] }}
               columns={columns}
               data={hits as Org[]}
               pageIndex={page - 1}
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.payments._index/columns.tsx b/apps/insights.saladeaula.digital/app/routes/_app.payments._index/columns.tsx
index e5d1b70..93bf5b4 100644
--- a/apps/insights.saladeaula.digital/app/routes/_app.payments._index/columns.tsx
+++ b/apps/insights.saladeaula.digital/app/routes/_app.payments._index/columns.tsx
@@ -1,8 +1,15 @@
 'use client'
 
 import { type ColumnDef } from '@tanstack/react-table'
+import { EllipsisVerticalIcon } from 'lucide-react'
 
 import { Abbr } from '@repo/ui/components/abbr'
+import { Button } from '@repo/ui/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuTrigger
+} from '@repo/ui/components/ui/dropdown-menu'
 import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
 import { initials } from '@repo/ui/lib/utils'
 import {
@@ -12,13 +19,16 @@ import {
 } from '@repo/ui/components/data-table'
 import { columns as columns_, type Order } from '@repo/ui/routes/orders/columns'
 
+import { CopyToClipboardItem } from '../_app.users._index/columns'
+
 export type { Order }
 
 export const columns: ColumnDef<Order>[] = [
   {
     id: 'select',
     header: DataTableColumnHeaderSelect,
-    cell: DataTableColumnSelect
+    cell: DataTableColumnSelect,
+    meta: { className: 'w-8' }
   },
   {
     header: 'Comprador',
@@ -28,7 +38,7 @@ export const columns: ColumnDef<Order>[] = [
       return (
         <div className="flex gap-2.5 items-center">
           <Avatar className="size-10 hidden lg:block">
-            <AvatarFallback>{initials(name)}</AvatarFallback>
+            <AvatarFallback className="border">{initials(name)}</AvatarFallback>
           </Avatar>
 
           <ul>
@@ -50,5 +60,32 @@ export const columns: ColumnDef<Order>[] = [
     accessorFn: ({ cpf, cnpj }) => cpf ?? cnpj,
     cell: DataTableColumnCpfCnpj
   },
-  ...columns_
+  ...columns_,
+  {
+    id: 'action',
+    cell: ActionMenu,
+    meta: { className: 'w-12' }
+  }
 ]
+
+function ActionMenu({ row }: { row: any }) {
+  return (
+    <div className="flex justify-end items-center">
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button
+            variant="ghost"
+            className="data-[state=open]:bg-muted text-muted-foreground cursor-pointer"
+            size="icon-sm"
+          >
+            <EllipsisVerticalIcon />
+            <span className="sr-only">Abrir menu</span>
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end" className="w-36 *:cursor-pointer">
+          <CopyToClipboardItem text={row.id} />
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </div>
+  )
+}
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.payments._index/route.tsx b/apps/insights.saladeaula.digital/app/routes/_app.payments._index/route.tsx
index a53cc4d..936ffb9 100644
--- a/apps/insights.saladeaula.digital/app/routes/_app.payments._index/route.tsx
+++ b/apps/insights.saladeaula.digital/app/routes/_app.payments._index/route.tsx
@@ -42,6 +42,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
           return (
             <DataTable
               sort={[{ id: 'created_at', desc: true }]}
+              columnPinning={{ left: ['select'], right: ['action'] }}
               columns={columns}
               data={hits as Order[]}
               pageIndex={page - 1}
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.users._index/columns.tsx b/apps/insights.saladeaula.digital/app/routes/_app.users._index/columns.tsx
index b9fd5a2..f10eb1d 100644
--- a/apps/insights.saladeaula.digital/app/routes/_app.users._index/columns.tsx
+++ b/apps/insights.saladeaula.digital/app/routes/_app.users._index/columns.tsx
@@ -25,12 +25,14 @@ export const columns: ColumnDef<User>[] = [
   {
     id: 'select',
     header: DataTableColumnHeaderSelect,
-    cell: DataTableColumnSelect
+    cell: DataTableColumnSelect,
+    meta: { className: 'w-8' }
   },
   ...columns_,
   {
-    id: 'actions',
-    cell: ActionMenu
+    id: 'action',
+    cell: ActionMenu,
+    meta: { className: 'w-12' }
   }
 ]
 
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.users._index/route.tsx b/apps/insights.saladeaula.digital/app/routes/_app.users._index/route.tsx
index 2193795..93be124 100644
--- a/apps/insights.saladeaula.digital/app/routes/_app.users._index/route.tsx
+++ b/apps/insights.saladeaula.digital/app/routes/_app.users._index/route.tsx
@@ -52,6 +52,7 @@ export default function Route({ loaderData: { data } }) {
           return (
             <DataTable
               sort={[{ id: 'created_at', desc: true }]}
+              columnPinning={{ left: ['select'], right: ['action'] }}
               columns={columns}
               data={hits as User[]}
               pageIndex={page - 1}
diff --git a/packages/ui/src/components/data-table/data-table.tsx b/packages/ui/src/components/data-table/data-table.tsx
index 1ea75fb..bcf9020 100644
--- a/packages/ui/src/components/data-table/data-table.tsx
+++ b/packages/ui/src/components/data-table/data-table.tsx
@@ -244,7 +244,7 @@ export function DataTable<TData, TValue>({
                             isPinned === 'right' && 'right-0',
                             'p-2.5',
                             // Override the shadcn class
-                            '[&:has([role=checkbox])]:pr-2.5',
+                            '[&:has([role=checkbox])]:px-1.5',
                             // @ts-ignore
                             header.column.columnDef.meta?.className
                           )}
@@ -285,6 +285,8 @@ export function DataTable<TData, TValue>({
                                 isPinned && isSelected && 'bg-muted',
                                 isPinned === 'left' && 'left-0',
                                 isPinned === 'right' && 'right-0',
+                                // Override the shadcn class
+                                '[&:has([role=checkbox])]:px-1.5',
                                 'p-2.5',
                                 // @ts-ignore
                                 cell.column.columnDef.meta?.className
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
index 5adb4b7..7cf3e44 100644
--- a/packages/ui/tsconfig.json
+++ b/packages/ui/tsconfig.json
@@ -8,6 +8,8 @@
     "module": "ES2022",
     "moduleResolution": "bundler",
     "jsx": "react-jsx",
+    "sourceMap": true,
+    "inlineSources": true,
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]