@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/chunks/{badge-CUttkO1X.cjs → badge-gU2wtxrn.cjs}

@@ -1,9 +1,9 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const CheckboxPrimitive = require("@radix-ui/react-checkbox");
 const lucideReact = require("lucide-react");
 const chipGroup = require("./chip-group-2-f_Yo7Y.cjs");
-const CheckboxPrimitive = require("@radix-ui/react-checkbox");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -22,6 +22,34 @@ function _interopNamespaceDefault(e) {
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const CheckboxPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CheckboxPrimitive);
+const Checkbox = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  CheckboxPrimitive__namespace.Root,
+  {
+    ref,
+    className: chipGroup.cn(
+      "peer relative flex size-4 shrink-0 items-center justify-center cursor-pointer",
+      "rounded-radius-xs",
+      "bg-bg-input dark:bg-bg-muted",
+      "border-[1.5px] border-border-input",
+      "transition-[background-color,border-color,box-shadow] outline-none",
+      "hover:border-border-default",
+      "focus-visible:shadow-sh-ring",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:bg-bg-brand data-[state=checked]:border-border-brand",
+      "data-[state=indeterminate]:bg-bg-brand data-[state=indeterminate]:border-border-brand",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      CheckboxPrimitive__namespace.Indicator,
+      {
+        className: chipGroup.cn("grid place-content-center text-fg-on-brand"),
+        children: props.checked === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "size-3", strokeWidth: 3 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3", strokeWidth: 3 })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
 const tableStyles = chipGroup.tv({
   slots: {
     /* Root grid container. Aplica container-type pra container queries.
@@ -170,6 +198,9 @@ const tableStyles = chipGroup.tv({
     ]
   },
   variants: {
+    // ⚠️ Alturas de row por densidade. DEVEM casar com `DENSITY_ROW_HEIGHT` em
+    // `DataTable/data-table.constants.ts` (usado pela estimativa do virtualizer).
+    // Mudou aqui → mudar lá, senão o scroll virtual desalinha.
     density: {
       compact: { row: "h-[40px]", cell: "py-0", headCell: "" },
       standard: { row: "h-[56px]", cell: "py-0", headCell: "" },
@@ -197,8 +228,19 @@ const tableStyles = chipGroup.tv({
       false: {}
     },
     pinned: {
-      left: { headCell: "sticky z-10 bg-bg-table-head", cell: "sticky z-[5] bg-inherit" },
-      right: { headCell: "sticky z-10 bg-bg-table-head", cell: "sticky z-[5] bg-inherit" }
+      // `bg-inherit` cobre o conteúdo scrollado nos estados normais (row bg opaco).
+      // Quando a row está destacada (`data-highlighted` via group/row), o bg da row
+      // é color-mix com transparent → trocamos pro token SÓLIDO pra não vazar.
+      // Hover usa variante de grupo ARBITRÁRIA única (`[[data-highlighted]:hover]`)
+      // — encadear dois `group-*/row` geraria descendente aninhado (não casa).
+      left: {
+        headCell: "sticky z-10 bg-bg-table-head",
+        cell: "sticky z-[5] bg-inherit group-data-[highlighted]/row:bg-bg-table-row-selected-solid group-[[data-highlighted]:hover]/row:bg-bg-table-row-selected-hover-solid"
+      },
+      right: {
+        headCell: "sticky z-10 bg-bg-table-head",
+        cell: "sticky z-[5] bg-inherit group-data-[highlighted]/row:bg-bg-table-row-selected-solid group-[[data-highlighted]:hover]/row:bg-bg-table-row-selected-hover-solid"
+      }
     },
     align: {
       left: { cell: "justify-start text-left", headCell: "justify-start text-left" },
@@ -231,8 +273,11 @@ const tableStyles = chipGroup.tv({
     purpose: {
       default: {},
       selection: {
-        headCell: "px-0 py-0",
-        cell: "px-0 py-0"
+        // Sem padding + centralizado: checkbox 28px fica no meio dos 56px.
+        // justify-center sobrescreve o align default (left) — coluna de seleção
+        // sempre centraliza, sem o consumer precisar passar align="center".
+        headCell: "px-0 py-0 justify-center",
+        cell: "px-0 py-0 justify-center"
       },
       actions: {
         headCell: "!border-r-0 px-pad-md",
@@ -446,6 +491,7 @@ const TableRow = React.forwardRef(function TableRow2({
   const { density } = useTableContext();
   const isClickable = clickable ?? !!onClick;
   const highlighted = selected || open;
+  const solidPinned = highlighted || focused;
   const dataState = selected && open ? "selected open" : selected ? "selected" : open ? "open" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -456,12 +502,16 @@ const TableRow = React.forwardRef(function TableRow2({
       "aria-selected": selected || void 0,
       "data-state": dataState,
       "data-focused": focused || void 0,
+      "data-highlighted": solidPinned || void 0,
       tabIndex: focused ? 0 : -1,
       className: chipGroup.cn(
+        "group/row",
         tableStyles({ selected: highlighted, clickable: isClickable, density }).row(),
-        // Focus visual — bg tinted (match checkbox selected) + outline brand interno.
-        // Outline em vez de ring/border pra não interferir com sticky/bordas.
-        focused && "bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover outline outline-2 outline-offset-[-2px] outline-bg-brand z-[6] relative",
+        // Focus visual — bg tinted (match checkbox selected) + borda brand interna.
+        // A borda vem de um overlay ::after com z-[7] (ACIMA do pinned cell z-[5]):
+        // `outline` no row era pintado SOB as sticky cells (bg opaco) e quebrava
+        // no topo/embaixo na coluna fixa. O overlay desenha por cima, contínuo.
+        focused && "bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover z-[6] relative after:content-[''] after:absolute after:inset-0 after:z-[7] after:pointer-events-none after:border-2 after:border-bg-brand",
         className
       ),
       onClick,
@@ -602,13 +652,18 @@ const TableHeadCell = React.forwardRef(function TableHeadCell2({
           {
             className: chipGroup.cn(
               "flex-1 min-w-0",
-              align === "center" ? "flex items-center justify-center" : align === "right" ? chipGroup.cn(
+              // Coluna de seleção (checkbox) centraliza por padrão — sem precisar
+              // de align="center" no consumer (alinha com o purpose="selection").
+              align === "center" || purpose === "selection" ? "flex items-center justify-center" : align === "right" ? chipGroup.cn(
                 "truncate text-right",
-                // Reserva espaço pro headRightStack (absolute right-pad-md ~8px +
-                // sort badge + sort indicator + headMenu button + gaps) quando há
-                // algo a renderizar. Sem isso, o texto right-aligned é coberto pelo
-                // stack quando aparece no hover (bg-bg-table-head do stack mascara).
-                (sortable || headMenu) && "pr-[60px]"
+                // Reserva espaço pro headRightStack APENAS quando sort está
+                // ATIVO (sort badge + indicator visíveis permanentemente).
+                // Para hover-only icons (sortable hint sem sort + headMenu),
+                // NÃO reserva espaço — headRightStack tem `bg-bg-table-head`
+                // que mascara o texto durante hover. Texto right-aligned
+                // encosta corretamente na borda quando sem hover (antes
+                // ficava com ~60px de "vazio" reservado pros ícones invisíveis).
+                isSorted && "pr-[60px]"
               ) : "truncate text-left"
             ),
             children
@@ -659,6 +714,15 @@ function TableCardRow({
 }) {
   const isClickable = clickable ?? !!onClick;
   const highlighted = selected || open;
+  const handleClick = (e) => {
+    if (!onClick) return;
+    if (e.target.closest(
+      'button, a, input, label, [role="menu"], [role="menuitem"], [data-slot="card-actions"]'
+    )) {
+      return;
+    }
+    onClick(e);
+  };
   const dataState = selected && open ? "selected open" : selected ? "selected" : open ? "open" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -670,11 +734,18 @@ function TableCardRow({
         tableStyles({ selected: highlighted, clickable: isClickable }).cardWrap(),
         className
       ),
-      onClick,
+      onClick: handleClick,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.cardHeader(), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-gp-md min-w-0", children: header }),
-          headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-gp-xs shrink-0", children: headerActions })
+          headerActions && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "flex items-center gap-gp-xs shrink-0",
+              "data-slot": "card-actions",
+              children: headerActions
+            }
+          )
         ] }),
         items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-gp-md", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.cardItem(), children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.cardLabel(), children: item.label }),
@@ -684,34 +755,6 @@ function TableCardRow({
     }
   );
 }
-const Checkbox = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  CheckboxPrimitive__namespace.Root,
-  {
-    ref,
-    className: chipGroup.cn(
-      "peer relative flex size-4 shrink-0 items-center justify-center cursor-pointer",
-      "rounded-radius-xs",
-      "bg-bg-input dark:bg-bg-muted",
-      "border-[1.5px] border-border-input",
-      "transition-[background-color,border-color,box-shadow] outline-none",
-      "hover:border-border-default",
-      "focus-visible:shadow-sh-ring",
-      "disabled:cursor-not-allowed disabled:opacity-50",
-      "data-[state=checked]:bg-bg-brand data-[state=checked]:border-border-brand",
-      "data-[state=indeterminate]:bg-bg-brand data-[state=indeterminate]:border-border-brand",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      CheckboxPrimitive__namespace.Indicator,
-      {
-        className: chipGroup.cn("grid place-content-center text-fg-on-brand"),
-        children: props.checked === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "size-3", strokeWidth: 3 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3", strokeWidth: 3 })
-      }
-    )
-  }
-));
-Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
 const badgeVariants = chipGroup.tv({
   base: [
     "inline-flex items-center justify-center",
@@ -810,4 +853,4 @@ exports.TableHeadCell = TableHeadCell;
 exports.TableRow = TableRow;
 exports.badgeVariants = badgeVariants;
 exports.useColumnResize = useColumnResize;
-//# sourceMappingURL=badge-CUttkO1X.cjs.map
+//# sourceMappingURL=badge-gU2wtxrn.cjs.map

package/dist-lib/chunks/badge-gU2wtxrn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-gU2wtxrn.cjs","sources":["../../src/components/shadcn/checkbox.tsx","../../src/components/ui/Table/table.styles.ts","../../src/components/ui/Table/use-column-resize.ts","../../src/components/ui/Table/table.tsx","../../src/components/ui/Table/table-card-row.tsx","../../src/components/shadcn/badge.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\r\nimport { Check, Minus } from \"lucide-react\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\n/**\r\n * Checkbox — alinhado com `.tbl-checkbox` do design-and-table-v2.\r\n *\r\n * Specs:\r\n *   - 16x16, border 1.5px border-input, radius 4px (radius-xs)\r\n *   - bg-input (light) / dark:bg-bg-muted\r\n *   - hover: border-default (mais visível)\r\n *   - checked/indeterminate: bg-brand + border-brand\r\n *   - check icon: branco (fg-on-brand)\r\n *   - focus: shadow-sh-ring (brand glow)\r\n */\r\nconst Checkbox = React.forwardRef<\r\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <CheckboxPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\r\n      \"peer relative flex size-4 shrink-0 items-center justify-center cursor-pointer\",\r\n      \"rounded-radius-xs\",\r\n      \"bg-bg-input dark:bg-bg-muted\",\r\n      \"border-[1.5px] border-border-input\",\r\n      \"transition-[background-color,border-color,box-shadow] outline-none\",\r\n      \"hover:border-border-default\",\r\n      \"focus-visible:shadow-sh-ring\",\r\n      \"disabled:cursor-not-allowed disabled:opacity-50\",\r\n      \"data-[state=checked]:bg-bg-brand data-[state=checked]:border-border-brand\",\r\n      \"data-[state=indeterminate]:bg-bg-brand data-[state=indeterminate]:border-border-brand\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <CheckboxPrimitive.Indicator\r\n      className={cn(\"grid place-content-center text-fg-on-brand\")}\r\n    >\r\n      {props.checked === \"indeterminate\" ? (\r\n        <Minus className=\"size-3\" strokeWidth={3} />\r\n      ) : (\r\n        <Check className=\"size-3\" strokeWidth={3} />\r\n      )}\r\n    </CheckboxPrimitive.Indicator>\r\n  </CheckboxPrimitive.Root>\r\n))\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\r\n\r\nexport { Checkbox }\r\n","import { tv } from \"@/utils/tv\";\r\n\r\n/**\r\n * Table styles — slots tv pra Table, TableHead, TableHeadCell, TableBody, TableRow, TableCell.\r\n *\r\n * Densidade afeta: altura mínima de row + padding vertical de cell.\r\n * Modo card: aplicado via container query (@container) — root declara container-type.\r\n */\r\nexport const tableStyles = tv({\r\n  slots: {\r\n    /* Root grid container. Aplica container-type pra container queries.\r\n       flex flex-col: scroll child usa flex-1 min-h-0 pra esticar quando há altura forçada\r\n       (consumer aplica `max-h-[Npx]` no Table) ou pegar altura natural quando não há. */\r\n    root: [\r\n      \"relative flex flex-col w-full\",\r\n      \"bg-bg-table border border-border-table rounded-radius-xl shadow-sh-sm\",\r\n      \"overflow-hidden\",\r\n      \"[container-type:inline-size]\",\r\n    ],\r\n    /* Container que faz o scroll (envolve head + body).\r\n       flex-1 + min-h-0: estica até preencher o root quando há altura forçada;\r\n       caso contrário, altura natural do conteúdo (flex-1 sem espaço extra = no-op).\r\n       overflow-auto: scroll-X sempre disponível (colunas largas); scroll-Y só ativa\r\n       quando o conteúdo excede a altura (que só acontece com max-h externo).\r\n       scrollbar-thin: classe global do projeto (globals.css) — alpha responsivo light/dark. */\r\n    scroll: [\r\n      \"flex-1 min-h-0 overflow-auto relative\",\r\n      \"scrollbar-thin\",\r\n    ],\r\n    /* Header row (flex de TableHeadCell). Sticky default. */\r\n    head: [\r\n      \"flex w-max min-w-full\",\r\n      \"bg-bg-table-head border-b border-border-table\",\r\n      \"z-20\",\r\n    ],\r\n    /* Cell do header — type, padding, alinhamento. */\r\n    headCell: [\r\n      \"relative flex items-center gap-gp-md shrink-0\",\r\n      \"h-[42px] px-pad-2xl\",\r\n      \"text-body-sm font-semibold leading-none\",\r\n      \"text-fg-muted\",\r\n      \"select-none\",\r\n      \"hover:text-fg-default\",\r\n    ],\r\n    /* Body container — contém as rows. */\r\n    body: [\r\n      \"flex flex-col w-max min-w-full\",\r\n    ],\r\n    /* Row (flex de TableCell). */\r\n    row: [\r\n      \"group/row relative flex w-full\",\r\n      \"border-b border-border-table last:border-b-0\",\r\n      \"bg-bg-table\",\r\n      \"transition-colors duration-150\",\r\n    ],\r\n    /* Cell — content cell padrão. */\r\n    cell: [\r\n      \"flex items-center shrink-0\",\r\n      \"px-pad-2xl\",\r\n      \"text-body-sm font-normal text-fg-default\",\r\n      \"whitespace-nowrap overflow-hidden\",\r\n    ],\r\n    /* Drag handle do resize — barrinha invisível no edge direito.\r\n       Apenas a linha dentro do header (after:). Sem projeção pra baixo (before:)\r\n       porque pseudo-elements absolute COM h-screen ainda contam pro scrollHeight\r\n       do ancestral com overflow-auto, esticando o body verticalmente. */\r\n    resizeHandle: [\r\n      \"absolute right-0 top-0 bottom-0 w-[6px] cursor-col-resize z-10\",\r\n      // Linha 1px vertical dentro do header — aparece no hover do TH\r\n      \"after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2\",\r\n      \"after:top-[8px] after:bottom-[8px] after:w-px after:bg-transparent\",\r\n      \"after:transition-all after:duration-150\",\r\n      \"group-hover/headcell:after:bg-border-default\",\r\n      // Hover direto no handle → linha brand 2px full-height\r\n      \"hover:after:bg-bg-brand hover:after:w-[2px] hover:after:top-0 hover:after:bottom-0\",\r\n      // DRAG ATIVO → mantém linha brand visível independente do :hover\r\n      \"data-[dragging=true]:after:bg-bg-brand data-[dragging=true]:after:w-[2px] data-[dragging=true]:after:top-0 data-[dragging=true]:after:bottom-0\",\r\n    ],\r\n    /* Ícone de sort no head cell. */\r\n    sortIcon: [\r\n      \"shrink-0 size-icon-xs\",\r\n      \"transition-opacity duration-150\",\r\n    ],\r\n    /* Ícone de tipo de coluna no head (Hash, User, AtSign…). */\r\n    typeIcon: [\r\n      \"shrink-0 size-[13px] text-fg-muted opacity-70\",\r\n      \"group-hover/headcell:opacity-100\",\r\n    ],\r\n    /* Badge brand com índice de sort (1, 2, 3). */\r\n    sortBadge: [\r\n      \"inline-flex items-center justify-center shrink-0\",\r\n      \"min-w-[18px] h-[18px] px-[5px]\",\r\n      \"rounded-radius-xs bg-bg-brand text-fg-on-brand\",\r\n      \"text-caption-xs font-bold leading-none tabular-nums\",\r\n    ],\r\n    /* Stack absolute na borda direita do head cell — agrupa sort e headMenu.\r\n       Largura dinâmica: encolhe quando itens estão \"hidden\", cresce quando aparecem no hover. */\r\n    headRightStack: [\r\n      \"absolute right-pad-md top-1/2 -translate-y-1/2 z-[1]\",  // 8px de respiro da borda direita\r\n      \"inline-flex items-center gap-gp-xs\",\r\n      \"bg-bg-table-head pl-pad-xs\",\r\n      \"pointer-events-none\",\r\n    ],\r\n    /* Sort ativo (asc/desc) — sempre visível quando isSorted=true. */\r\n    headSortActive: [\r\n      \"inline-flex items-center gap-gp-xs shrink-0\",\r\n      \"text-fg-default\",\r\n    ],\r\n    /* Sort hint (sortable mas inativo) — display:none default, inline-flex no hover.\r\n       Como é display:none, NÃO ocupa espaço no stack até aparecer. */\r\n    headSortHint: [\r\n      \"hidden group-hover/headcell:inline-flex items-center shrink-0\",\r\n      \"text-fg-muted opacity-60\",\r\n    ],\r\n    /* Head menu wrapper — display:none default, inline-flex no hover.\r\n       Tem pointer-events:auto pra restaurar interatividade (parent stack tem pointer-events:none). */\r\n    headMenuItem: [\r\n      // Esconde por padrao; revela quando:\r\n      //   1. hover no header (group-hover) — UX padrao\r\n      //   2. focus interno (focus-within) — keyboard navigation\r\n      //   3. dropdown interno aberto (:has data-state=open) — mantem visivel\r\n      //      enquanto user move cursor pra dentro do menu portal\r\n      //   4. data-menu-active=true no botao — mantem visivel durante a janela\r\n      //      de close animation (~200ms) pra portal nao perder a ancora\r\n      \"hidden items-center shrink-0\",\r\n      \"group-hover/headcell:inline-flex\",\r\n      \"focus-within:inline-flex\",\r\n      \"has-[[data-state=open]]:inline-flex\",\r\n      \"has-[[data-menu-active=true]]:inline-flex\",\r\n      \"pointer-events-auto\",\r\n    ],\r\n    /* Card mode — wrapper de cada row no modo card. */\r\n    cardWrap: [\r\n      \"flex flex-col w-full p-pad-card-sm gap-gp-md\",\r\n      \"border-b border-border-table last:border-b-0\",\r\n      \"bg-bg-table\",\r\n    ],\r\n    /* Card mode — header do card (primary + checkbox + actions). */\r\n    cardHeader: [\r\n      \"flex items-center justify-between gap-gp-md\",\r\n    ],\r\n    /* Card mode — body items (label/value). */\r\n    cardItem: [\r\n      \"flex flex-col gap-gp-2xs\",\r\n    ],\r\n    /* Card mode — label da coluna acima do valor. */\r\n    cardLabel: [\r\n      \"text-body-xs uppercase tracking-wider text-fg-muted\",\r\n    ],\r\n    /* Card mode — valor abaixo do label. */\r\n    cardValue: [\r\n      \"text-body-md text-fg-default\",\r\n    ],\r\n  },\r\n  variants: {\r\n    // ⚠️ Alturas de row por densidade. DEVEM casar com `DENSITY_ROW_HEIGHT` em\r\n    // `DataTable/data-table.constants.ts` (usado pela estimativa do virtualizer).\r\n    // Mudou aqui → mudar lá, senão o scroll virtual desalinha.\r\n    density: {\r\n      compact:     { row: \"h-[40px]\", cell: \"py-0\", headCell: \"\" },\r\n      standard:    { row: \"h-[56px]\", cell: \"py-0\", headCell: \"\" },\r\n      comfortable: { row: \"h-[64px]\", cell: \"py-0\", headCell: \"\" },\r\n    },\r\n    sticky: {\r\n      true:  { head: \"sticky top-0\" },\r\n      false: {},\r\n    },\r\n    selected: {\r\n      true: {\r\n        row: [\r\n          \"bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover\",\r\n          \"before:content-[''] before:absolute before:left-0 before:top-0 before:bottom-0 before:w-[3px] before:bg-bg-brand before:z-[5] before:pointer-events-none\",\r\n        ].join(\" \"),\r\n        cardWrap: \"bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover\",\r\n      },\r\n      false: {\r\n        row: \"hover:bg-bg-table-row-hover\",\r\n        cardWrap: \"hover:bg-bg-table-row-hover\",\r\n      },\r\n    },\r\n    clickable: {\r\n      true:  { row: \"cursor-pointer\", cardWrap: \"cursor-pointer\" },\r\n      false: {},\r\n    },\r\n    pinned: {\r\n      // `bg-inherit` cobre o conteúdo scrollado nos estados normais (row bg opaco).\r\n      // Quando a row está destacada (`data-highlighted` via group/row), o bg da row\r\n      // é color-mix com transparent → trocamos pro token SÓLIDO pra não vazar.\r\n      // Hover usa variante de grupo ARBITRÁRIA única (`[[data-highlighted]:hover]`)\r\n      // — encadear dois `group-*/row` geraria descendente aninhado (não casa).\r\n      left: {\r\n        headCell: \"sticky z-10 bg-bg-table-head\",\r\n        cell: \"sticky z-[5] bg-inherit group-data-[highlighted]/row:bg-bg-table-row-selected-solid group-[[data-highlighted]:hover]/row:bg-bg-table-row-selected-hover-solid\",\r\n      },\r\n      right: {\r\n        headCell: \"sticky z-10 bg-bg-table-head\",\r\n        cell: \"sticky z-[5] bg-inherit group-data-[highlighted]/row:bg-bg-table-row-selected-solid group-[[data-highlighted]:hover]/row:bg-bg-table-row-selected-hover-solid\",\r\n      },\r\n    },\r\n    align: {\r\n      left:   { cell: \"justify-start text-left\",     headCell: \"justify-start text-left\" },\r\n      center: { cell: \"justify-center text-center\", headCell: \"justify-center text-center\" },\r\n      right:  { cell: \"justify-end text-right\",     headCell: \"justify-end text-right\" },\r\n    },\r\n    sortable: {\r\n      true:  { headCell: \"cursor-pointer hover:text-fg-default\" },\r\n      false: {},\r\n    },\r\n    ellipsis: {\r\n      true:  { cell: \"overflow-hidden [&>*]:truncate\" },\r\n      false: {},\r\n    },\r\n    cellBorders: {\r\n      true: {\r\n        // `:has(+ [data-purpose='actions'])`: a cell ANTES da coluna actions\r\n        // perde border-right — evita o divider visual encostado na actions.\r\n        headCell:\r\n          \"border-r border-border-table last:border-r-0 has-[+_[data-purpose='actions']]:border-r-0\",\r\n        cell:\r\n          \"border-r border-border-table last:border-r-0 has-[+_[data-purpose='actions']]:border-r-0\",\r\n      },\r\n      false: {},\r\n    },\r\n    /** Variant pra cells de coluna especial (selection / actions).\r\n     *\r\n     *  - `selection`: remove padding pra checkbox 28px caber em 56px e centralizar.\r\n     *  - `actions`: header em branco (sem texto/menu), sem border-right, padding\r\n     *    horizontal mínimo. Usado quando `type: \"actions\"` no DataTableColumnDef.\r\n     *    Border-right removida via `!border-r-0` (override do cellBorders=true). */\r\n    purpose: {\r\n      default: {},\r\n      selection: {\r\n        // Sem padding + centralizado: checkbox 28px fica no meio dos 56px.\r\n        // justify-center sobrescreve o align default (left) — coluna de seleção\r\n        // sempre centraliza, sem o consumer precisar passar align=\"center\".\r\n        headCell: \"px-0 py-0 justify-center\",\r\n        cell: \"px-0 py-0 justify-center\",\r\n      },\r\n      actions: {\r\n        headCell: \"!border-r-0 px-pad-md\",\r\n        cell: \"!border-r-0 px-pad-md\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    density: \"standard\",\r\n    sticky: true,\r\n    selected: false,\r\n    clickable: false,\r\n    align: \"left\",\r\n    sortable: false,\r\n    ellipsis: false,\r\n    cellBorders: true,\r\n    purpose: \"default\",\r\n  },\r\n});\r\n","import { useCallback, useEffect, useRef, useState } from \"react\";\r\n\r\nexport type UseColumnResizeParams = {\r\n  currentWidth: number;\r\n  minWidth?: number;\r\n  maxWidth?: number;\r\n  /** Disparado a cada `mousemove` durante o drag.\r\n   *  Tipicamente usado pra side-effect \"live preview\" pelo consumer.\r\n   *  Em consumers React, prefira `onResizeEnd` pra evitar re-render storm —\r\n   *  use `onResizeLiveDOM` pra DOM mutation síncrona sem state. */\r\n  onResize?: (widthPx: number) => void;\r\n  /** Disparado no `mouseup` com largura final em px.\r\n   *  Pra consumers React: ideal pra commit no state (1 update por drag). */\r\n  onResizeEnd?: (widthPx: number) => void;\r\n  /** Callback síncrono pra DOM mutation durante drag (sem state React).\r\n   *  Recomendado pra atualizar inline styles em massa (ex: <Cell width>) sem\r\n   *  causar re-render storm. Chamado a cada mousemove em paralelo com `onResize`.\r\n   *  Pattern: consumer query DOM via ref + aplica `style.width` direto. */\r\n  onResizeLiveDOM?: (widthPx: number) => void;\r\n};\r\n\r\nexport type UseColumnResizeResult = {\r\n  onMouseDown: (e: React.MouseEvent) => void;\r\n  isDragging: boolean;\r\n};\r\n\r\nconst DEFAULT_MIN = 60;\r\nconst DEFAULT_MAX = 800;\r\n\r\nexport function useColumnResize({\r\n  currentWidth,\r\n  minWidth = DEFAULT_MIN,\r\n  maxWidth = DEFAULT_MAX,\r\n  onResize,\r\n  onResizeEnd,\r\n  onResizeLiveDOM,\r\n}: UseColumnResizeParams): UseColumnResizeResult {\r\n  const [isDragging, setIsDragging] = useState(false);\r\n\r\n  const onResizeRef = useRef(onResize);\r\n  const onResizeEndRef = useRef(onResizeEnd);\r\n  const onResizeLiveDOMRef = useRef(onResizeLiveDOM);\r\n  const minRef = useRef(minWidth);\r\n  const maxRef = useRef(maxWidth);\r\n\r\n  onResizeRef.current = onResize;\r\n  onResizeEndRef.current = onResizeEnd;\r\n  onResizeLiveDOMRef.current = onResizeLiveDOM;\r\n  minRef.current = minWidth;\r\n  maxRef.current = maxWidth;\r\n\r\n  const stateRef = useRef<{\r\n    startX: number;\r\n    startWidth: number;\r\n    lastWidth: number;\r\n    dragging: boolean;\r\n  }>({ startX: 0, startWidth: 0, lastWidth: currentWidth, dragging: false });\r\n\r\n  stateRef.current.lastWidth = currentWidth;\r\n\r\n  const handlersRef = useRef<{\r\n    move: (e: MouseEvent) => void;\r\n    up: (e: MouseEvent) => void;\r\n  } | null>(null);\r\n\r\n  if (!handlersRef.current) {\r\n    handlersRef.current = {\r\n      move: (e: MouseEvent) => {\r\n        if (!stateRef.current.dragging) return;\r\n        const delta = e.clientX - stateRef.current.startX;\r\n        const next = Math.min(\r\n          maxRef.current,\r\n          Math.max(minRef.current, stateRef.current.startWidth + delta),\r\n        );\r\n        stateRef.current.lastWidth = next;\r\n        // Live DOM primeiro (síncrono, sem React) — feedback visual fluido.\r\n        // Depois o callback onResize (estado/state). Os 2 podem coexistir.\r\n        onResizeLiveDOMRef.current?.(next);\r\n        onResizeRef.current?.(next);\r\n      },\r\n      up: () => {\r\n        if (!stateRef.current.dragging) return;\r\n        stateRef.current.dragging = false;\r\n        setIsDragging(false);\r\n        document.removeEventListener(\"mousemove\", handlersRef.current!.move);\r\n        document.removeEventListener(\"mouseup\", handlersRef.current!.up);\r\n        document.body.style.cursor = \"\";\r\n        document.body.style.userSelect = \"\";\r\n        onResizeEndRef.current?.(stateRef.current.lastWidth);\r\n      },\r\n    };\r\n  }\r\n\r\n  const onMouseDown = useCallback(\r\n    (e: React.MouseEvent) => {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      stateRef.current = {\r\n        startX: e.clientX,\r\n        startWidth: currentWidth,\r\n        lastWidth: currentWidth,\r\n        dragging: true,\r\n      };\r\n      setIsDragging(true);\r\n      document.addEventListener(\"mousemove\", handlersRef.current!.move);\r\n      document.addEventListener(\"mouseup\", handlersRef.current!.up);\r\n      document.body.style.cursor = \"col-resize\";\r\n      document.body.style.userSelect = \"none\";\r\n    },\r\n    [currentWidth],\r\n  );\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (stateRef.current.dragging && handlersRef.current) {\r\n        document.removeEventListener(\"mousemove\", handlersRef.current.move);\r\n        document.removeEventListener(\"mouseup\", handlersRef.current.up);\r\n        document.body.style.cursor = \"\";\r\n        document.body.style.userSelect = \"\";\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  return {\r\n    onMouseDown,\r\n    isDragging,\r\n  };\r\n}\r\n","import type React from \"react\";\r\nimport { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from \"react\";\r\nimport { ArrowUp, ArrowDown, ArrowUpDown } from \"lucide-react\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { tableStyles } from \"./table.styles\";\r\nimport { useColumnResize } from \"./use-column-resize\";\r\nimport type {\r\n  TableProps,\r\n  TableHeadProps,\r\n  TableBodyProps,\r\n  TableRowProps,\r\n  TableCellProps,\r\n  TableHeadCellProps,\r\n  TableDensity,\r\n  SortDirection,\r\n} from \"./table.types\";\r\n\r\n/* ── Context interno (privado) — propaga density + cellBorders pros subcomponentes ─ */\r\n\r\ntype TableContextValue = {\r\n  density: TableDensity;\r\n  cellBorders: boolean;\r\n  /**\r\n   * Field da coluna com resize handle ATIVO — drag em curso OU hover sobre o handle.\r\n   * Aplica linha brand em todas as cells da coluna. Null quando nenhum.\r\n   */\r\n  resizingField: string | null;\r\n  setResizingField: (field: string | null) => void;\r\n  /** True quando body scrollou pra baixo (scrollTop > 0) — header ganha shadow. */\r\n  isScrolled: boolean;\r\n};\r\n\r\nconst TableContext = createContext<TableContextValue>({\r\n  density: \"standard\",\r\n  cellBorders: true,\r\n  resizingField: null,\r\n  setResizingField: () => {},\r\n  isScrolled: false,\r\n});\r\n\r\nfunction useTableContext(): TableContextValue {\r\n  return useContext(TableContext);\r\n}\r\n\r\nconst styles = tableStyles();\r\n\r\n/* ── <Table> root ─────────────────────────────────────────────────── */\r\n\r\nexport function Table({\r\n  density = \"standard\",\r\n  cardBreakpoint = 768,\r\n  cellBorders = true,\r\n  ariaLabel,\r\n  className,\r\n  scrollRef: externalScrollRef,\r\n  children,\r\n}: TableProps) {\r\n  // Container queries via inline style — Tailwind v4 não tem arbitrary container query no momento da escrita\r\n  const cardCss =\r\n    cardBreakpoint === false\r\n      ? undefined\r\n      : ({ \"--table-card-bp\": `${cardBreakpoint}px` } as React.CSSProperties);\r\n\r\n  // State pra tracking de coluna em drag ativo (resize) — aplica data-resizing-col no root,\r\n  // CSS estiliza todas as cells com data-field correspondente (full-height line).\r\n  const [resizingField, setResizingField] = useState<string | null>(null);\r\n\r\n  // Detecta scroll vertical pra mostrar shadow no sticky header\r\n  const [isScrolled, setIsScrolled] = useState(false);\r\n  const internalScrollRef = useRef<HTMLDivElement>(null);\r\n  // Usa ref externa se passada (DataTable virtualization), senao a interna.\r\n  const scrollRef = externalScrollRef ?? internalScrollRef;\r\n  useEffect(() => {\r\n    const el = scrollRef.current;\r\n    if (!el) return;\r\n    const onScroll = () => setIsScrolled(el.scrollTop > 0);\r\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\r\n    onScroll();\r\n    return () => el.removeEventListener(\"scroll\", onScroll);\r\n  }, [scrollRef]);\r\n\r\n  return (\r\n    <TableContext.Provider\r\n      value={{ density, cellBorders, resizingField, setResizingField, isScrolled }}\r\n    >\r\n      <div\r\n        role=\"grid\"\r\n        aria-label={ariaLabel}\r\n        data-density={density}\r\n        data-resizing-col={resizingField ?? undefined}\r\n        className={cn(styles.root(), className)}\r\n        style={cardCss}\r\n      >\r\n        <div ref={scrollRef} className={styles.scroll()}>{children}</div>\r\n      </div>\r\n    </TableContext.Provider>\r\n  );\r\n}\r\n\r\n/* ── <TableHead> ──────────────────────────────────────────────────── */\r\n\r\nexport function TableHead({\r\n  sticky = true,\r\n  className,\r\n  rootProps,\r\n  children,\r\n}: TableHeadProps) {\r\n  const { isScrolled } = useTableContext();\r\n  return (\r\n    <div\r\n      {...rootProps}\r\n      role=\"rowgroup\"\r\n      data-scrolled={isScrolled ? \"true\" : undefined}\r\n      className={cn(tableStyles({ sticky }).head(), className)}\r\n    >\r\n      <div role=\"row\" className=\"flex w-full\">\r\n        {children}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n/* ── <TableBody> ──────────────────────────────────────────────────── */\r\n\r\nexport function TableBody({\r\n  className,\r\n  style,\r\n  rootProps,\r\n  virtualized,\r\n  children,\r\n}: TableBodyProps) {\r\n  // Em modo virtualizado: body vira block + position relative + height total\r\n  // pra que rows absolute-positioned (do @tanstack/react-virtual) renderizem\r\n  // corretamente. Override do flex-col default via className `!block`.\r\n  const virtualStyle: React.CSSProperties | undefined = virtualized\r\n    ? {\r\n        height: virtualized.totalHeight,\r\n        position: \"relative\",\r\n        minWidth: \"100%\",\r\n        ...style,\r\n      }\r\n    : style;\r\n  return (\r\n    <div\r\n      {...rootProps}\r\n      role=\"rowgroup\"\r\n      className={cn(\r\n        styles.body(),\r\n        virtualized && \"!block\",\r\n        className,\r\n      )}\r\n      style={virtualStyle}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\n/* ── <TableRow> ───────────────────────────────────────────────────── */\r\n\r\nexport const TableRow = forwardRef<HTMLDivElement, TableRowProps>(function TableRow({\r\n  selected = false,\r\n  open = false,\r\n  focused = false,\r\n  clickable,\r\n  onClick,\r\n  className,\r\n  rootProps,\r\n  children,\r\n}, ref) {\r\n  const { density } = useTableContext();\r\n  const isClickable = clickable ?? !!onClick;\r\n  const highlighted = selected || open;\r\n  // Pinned/sticky cells precisam de bg OPACO quando a row está destacada\r\n  // (selected/open/focused) — o bg da row é color-mix com transparent e deixaria\r\n  // o conteúdo scrollado vazar sob a coluna fixa. `data-highlighted` + `group/row`\r\n  // permitem o table.styles aplicar o token sólido só nessas cells.\r\n  const solidPinned = highlighted || focused;\r\n  const dataState = selected && open\r\n    ? \"selected open\"\r\n    : selected\r\n      ? \"selected\"\r\n      : open\r\n        ? \"open\"\r\n        : undefined;\r\n\r\n  return (\r\n    <div\r\n      {...rootProps}\r\n      ref={ref}\r\n      role=\"row\"\r\n      aria-selected={selected || undefined}\r\n      data-state={dataState}\r\n      data-focused={focused || undefined}\r\n      data-highlighted={solidPinned || undefined}\r\n      tabIndex={focused ? 0 : -1}\r\n      className={cn(\r\n        \"group/row\",\r\n        tableStyles({ selected: highlighted, clickable: isClickable, density }).row(),\r\n        // Focus visual — bg tinted (match checkbox selected) + borda brand interna.\r\n        // A borda vem de um overlay ::after com z-[7] (ACIMA do pinned cell z-[5]):\r\n        // `outline` no row era pintado SOB as sticky cells (bg opaco) e quebrava\r\n        // no topo/embaixo na coluna fixa. O overlay desenha por cima, contínuo.\r\n        focused &&\r\n          \"bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover z-[6] relative after:content-[''] after:absolute after:inset-0 after:z-[7] after:pointer-events-none after:border-2 after:border-bg-brand\",\r\n        className,\r\n      )}\r\n      onClick={onClick}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n});\r\n\r\n/* ── <TableCell> ──────────────────────────────────────────────────── */\r\n\r\nexport const TableCell = forwardRef<HTMLDivElement, TableCellProps>(function TableCell({\r\n  field,\r\n  tooltip,\r\n  width,\r\n  pinned,\r\n  pinOffset,\r\n  align = \"left\",\r\n  ellipsis = false,\r\n  label,\r\n  className,\r\n  rootProps,\r\n  purpose = \"default\",\r\n  children,\r\n}, ref) {\r\n  const { density, cellBorders, resizingField } = useTableContext();\r\n  const isResizingThisCol = field !== undefined && resizingField === field;\r\n  const style: React.CSSProperties = {};\r\n  if (width !== undefined) {\r\n    style.width = width;\r\n    style.minWidth = width;\r\n    style.maxWidth = width;\r\n  }\r\n  if (pinned === \"left\" && pinOffset !== undefined) style.left = pinOffset;\r\n  if (pinned === \"right\" && pinOffset !== undefined) style.right = pinOffset;\r\n\r\n  return (\r\n    <div\r\n      {...rootProps}\r\n      ref={ref}\r\n      role=\"gridcell\"\r\n      data-pinned={pinned}\r\n      data-label={label}\r\n      data-field={field}\r\n      data-purpose={purpose}\r\n      data-resize-active={isResizingThisCol ? \"true\" : undefined}\r\n      title={tooltip}\r\n      className={cn(\r\n        tableStyles({ pinned, align, ellipsis, density, cellBorders, purpose }).cell(),\r\n        // Linha brand 2px alinhada com o centro do resize handle do header (~2px do edge)\r\n        isResizingThisCol &&\r\n          \"relative after:absolute after:right-[2px] after:top-0 after:bottom-0 after:w-[2px] after:bg-bg-brand after:pointer-events-none\",\r\n        className,\r\n      )}\r\n      style={style}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n});\r\n\r\n/* ── <TableHeadCell> ──────────────────────────────────────────────── */\r\n\r\nexport const TableHeadCell = forwardRef<HTMLDivElement, TableHeadCellProps>(function TableHeadCell({\r\n  field,\r\n  width,\r\n  pinned,\r\n  pinOffset,\r\n  align = \"left\",\r\n  sortable = false,\r\n  sortDirection = null,\r\n  sortIndex = 1,\r\n  onSortClick,\r\n  icon: Icon,\r\n  headMenu,\r\n  resizable,\r\n  onResize,\r\n  onResizeEnd,\r\n  className,\r\n  style: extraStyle,\r\n  rootProps,\r\n  purpose = \"default\",\r\n  children,\r\n}, forwardedRef) {\r\n  const { density, cellBorders, setResizingField } = useTableContext();\r\n  const headCellRef = useRef<HTMLDivElement | null>(null);\r\n  // Merge forwardedRef com headCellRef interno (usado pelo resize live-DOM).\r\n  const setRefs = useCallback((el: HTMLDivElement | null) => {\r\n    headCellRef.current = el;\r\n    if (typeof forwardedRef === \"function\") forwardedRef(el);\r\n    else if (forwardedRef) forwardedRef.current = el;\r\n  }, [forwardedRef]);\r\n\r\n  const resize = useColumnResize({\r\n    currentWidth: width ?? 160,\r\n    // Live DOM update — escreve `style.width` direto nas cells com `data-field`\r\n    // correspondente, escopado ao `[role=\"grid\"]` ancestral. Síncrono, sem React,\r\n    // zero re-render durante o drag. Documented hook API via `onResizeLiveDOM`\r\n    // (vs `onResize` que vai pro state externo, normalmente debounced ao mouseup).\r\n    onResizeLiveDOM: field\r\n      ? (w) => {\r\n          const grid = headCellRef.current?.closest('[role=\"grid\"]');\r\n          grid?.querySelectorAll<HTMLElement>(`[data-field=\"${field}\"]`).forEach((el) => {\r\n            el.style.width = `${w}px`;\r\n            el.style.minWidth = `${w}px`;\r\n            el.style.maxWidth = `${w}px`;\r\n          });\r\n        }\r\n      : undefined,\r\n    onResize,\r\n    onResizeEnd,\r\n  });\r\n\r\n  // Propaga isDragging do header pro Table root via context (CSS highlight column-wide)\r\n  useEffect(() => {\r\n    if (resize.isDragging && field) {\r\n      setResizingField(field);\r\n      return () => setResizingField(null);\r\n    }\r\n  }, [resize.isDragging, field, setResizingField]);\r\n\r\n  const style: React.CSSProperties = {};\r\n  if (width !== undefined) {\r\n    style.width = width;\r\n    style.minWidth = width;\r\n    style.maxWidth = width;\r\n  }\r\n  if (pinned === \"left\" && pinOffset !== undefined) style.left = pinOffset;\r\n  if (pinned === \"right\" && pinOffset !== undefined) style.right = pinOffset;\r\n\r\n  const ariaSort: React.AriaAttributes[\"aria-sort\"] = sortable\r\n    ? sortDirection === \"asc\"\r\n      ? \"ascending\"\r\n      : sortDirection === \"desc\"\r\n        ? \"descending\"\r\n        : \"none\"\r\n    : undefined;\r\n\r\n  const isSorted = sortDirection === \"asc\" || sortDirection === \"desc\";\r\n\r\n  return (\r\n    <div\r\n      {...rootProps}\r\n      ref={setRefs}\r\n      role=\"columnheader\"\r\n      aria-sort={ariaSort}\r\n      data-pinned={pinned}\r\n      data-sort={sortDirection ?? undefined}\r\n      data-field={field}\r\n      data-purpose={purpose}\r\n      className={cn(\r\n        \"group/headcell\",\r\n        tableStyles({ pinned, align, sortable, density, cellBorders, purpose }).headCell(),\r\n        className,\r\n      )}\r\n      style={{ ...style, ...extraStyle }}\r\n      onClick={sortable ? onSortClick : undefined}\r\n    >\r\n      {Icon && <Icon className={styles.typeIcon()} size={13} strokeWidth={1.7} aria-hidden />}\r\n      <span\r\n        className={cn(\r\n          \"flex-1 min-w-0\",\r\n          // Coluna de seleção (checkbox) centraliza por padrão — sem precisar\r\n          // de align=\"center\" no consumer (alinha com o purpose=\"selection\").\r\n          align === \"center\" || purpose === \"selection\"\r\n            ? \"flex items-center justify-center\"\r\n            : align === \"right\"\r\n              ? cn(\r\n                  \"truncate text-right\",\r\n                  // Reserva espaço pro headRightStack APENAS quando sort está\r\n                  // ATIVO (sort badge + indicator visíveis permanentemente).\r\n                  // Para hover-only icons (sortable hint sem sort + headMenu),\r\n                  // NÃO reserva espaço — headRightStack tem `bg-bg-table-head`\r\n                  // que mascara o texto durante hover. Texto right-aligned\r\n                  // encosta corretamente na borda quando sem hover (antes\r\n                  // ficava com ~60px de \"vazio\" reservado pros ícones invisíveis).\r\n                  isSorted && \"pr-[60px]\",\r\n                )\r\n              : \"truncate text-left\",\r\n        )}\r\n      >\r\n        {children}\r\n      </span>\r\n      {/* Right stack absolute: sort + headMenu agrupados, larguras dinâmicas via hidden/flex.\r\n          Renderiza só se houver algo pra mostrar (sortable ou headMenu). */}\r\n      {(sortable || headMenu) && (\r\n        <span className={styles.headRightStack()}>\r\n          {isSorted && (\r\n            <span className={styles.headSortActive()}>\r\n              {sortIndex !== undefined && (\r\n                <span className={styles.sortBadge()}>{sortIndex}</span>\r\n              )}\r\n              <SortIndicator direction={sortDirection} />\r\n            </span>\r\n          )}\r\n          {sortable && !isSorted && (\r\n            <span className={styles.headSortHint()}>\r\n              <SortIndicator direction={null} />\r\n            </span>\r\n          )}\r\n          {headMenu && (\r\n            <span className={styles.headMenuItem()}>{headMenu}</span>\r\n          )}\r\n        </span>\r\n      )}\r\n      {resizable && (\r\n        <div\r\n          className={styles.resizeHandle()}\r\n          data-dragging={resize.isDragging}\r\n          // dnd-kit PointerSensor escuta onPointerDown (dispara ANTES de mousedown).\r\n          // Sem este stopPropagation, dragging do resize handle ativa o sortable\r\n          // do header em paralelo — coluna começa a \"voar\" enquanto o usuário\r\n          // tenta apenas redimensionar.\r\n          onPointerDown={(e) => e.stopPropagation()}\r\n          onMouseDown={resize.onMouseDown}\r\n          // click dispara depois de mouseup quando o cursor não andou muito —\r\n          // sem stopPropagation aqui, click no handle borbulha pro header e\r\n          // ativa onSortClick. mousedown/pointerdown stopPropagation NÃO\r\n          // impedem o click subsequente (são eventos separados).\r\n          onClick={(e) => e.stopPropagation()}\r\n          onMouseEnter={() => field && setResizingField(field)}\r\n          onMouseLeave={() => {\r\n            // So limpa se nao estiver em drag — drag continua marcado via useEffect\r\n            if (!resize.isDragging) setResizingField(null);\r\n          }}\r\n          aria-hidden\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n\r\n/* ── Sort indicator interno ───────────────────────────────────────── */\r\n\r\nfunction SortIndicator({ direction }: { direction: SortDirection }) {\r\n  if (direction === \"asc\") return <ArrowUp className={styles.sortIcon()} aria-hidden />;\r\n  if (direction === \"desc\") return <ArrowDown className={styles.sortIcon()} aria-hidden />;\r\n  // Hint quando sortable && null — controlado por display no slot headSortHint (hidden → inline-flex no hover)\r\n  return <ArrowUpDown className={styles.sortIcon()} aria-hidden />;\r\n}\r\n","import { cn } from \"@/lib/utils\";\r\nimport type { MouseEvent, ReactNode } from \"react\";\r\nimport { tableStyles } from \"./table.styles\";\r\n\r\nconst styles = tableStyles();\r\n\r\nexport type TableCardRowProps = {\r\n  /** Conteúdo do header do card (esquerda). Normalmente checkbox + primary column. */\r\n  header?: ReactNode;\r\n  /** Conteúdo do canto superior direito do header. Normalmente actions/menu. */\r\n  headerActions?: ReactNode;\r\n  /** Itens label/value renderizados no body do card. */\r\n  items: ReadonlyArray<{\r\n    /** Label da coluna (mostrado acima do valor). */\r\n    label: ReactNode;\r\n    /** Valor renderizado. */\r\n    value: ReactNode;\r\n    /** Key opcional pro React. Default = index. */\r\n    key?: string | number;\r\n  }>;\r\n  selected?: boolean;\r\n  /**\r\n   * Row está em foco pra detalhe (ex: click abriu drawer com info). Visual idêntico ao `selected`\r\n   * (bg brand-tinted + strip lateral brand) — mas semanticamente independente: pode coexistir com `selected`.\r\n   * Use pra padrão de \"click row → abre detail panel\", mantendo seleção (checkbox) separada.\r\n   */\r\n  open?: boolean;\r\n  clickable?: boolean;\r\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\r\n  className?: string;\r\n};\r\n\r\n/**\r\n * <TableCardRow> — renderização \"card vertical\" de uma linha pra mobile/container estreito.\r\n *\r\n * Layout:\r\n *   ┌─────────────────────────────────────┐\r\n *   │ {header}              {headerActions} │\r\n *   ├─────────────────────────────────────┤\r\n *   │ {label}: {value}                     │\r\n *   │ {label}: {value}                     │\r\n *   └─────────────────────────────────────┘\r\n */\r\nexport function TableCardRow({\r\n  header,\r\n  headerActions,\r\n  items,\r\n  selected = false,\r\n  open = false,\r\n  clickable,\r\n  onClick,\r\n  className,\r\n}: TableCardRowProps) {\r\n  const isClickable = clickable ?? !!onClick;\r\n  const highlighted = selected || open;\r\n\r\n  // Guard cross-device: ignora o click da row quando ele vem de um controle\r\n  // interativo do card (kebab de ações, checkbox, link). Em touch o\r\n  // stopPropagation do botão nem sempre impede o onClick do card — checar o\r\n  // alvo é robusto e evita abrir o detalhe junto com o dropdown de ações.\r\n  const handleClick = (e: MouseEvent<HTMLDivElement>) => {\r\n    if (!onClick) return;\r\n    if (\r\n      (e.target as HTMLElement).closest(\r\n        'button, a, input, label, [role=\"menu\"], [role=\"menuitem\"], [data-slot=\"card-actions\"]',\r\n      )\r\n    ) {\r\n      return;\r\n    }\r\n    onClick(e);\r\n  };\r\n  const dataState = selected && open\r\n    ? \"selected open\"\r\n    : selected\r\n      ? \"selected\"\r\n      : open\r\n        ? \"open\"\r\n        : undefined;\r\n\r\n  return (\r\n    <div\r\n      role=\"article\"\r\n      aria-selected={selected || undefined}\r\n      data-state={dataState}\r\n      className={cn(\r\n        tableStyles({ selected: highlighted, clickable: isClickable }).cardWrap(),\r\n        className,\r\n      )}\r\n      onClick={handleClick}\r\n    >\r\n      <div className={styles.cardHeader()}>\r\n        <div className=\"flex items-center gap-gp-md min-w-0\">{header}</div>\r\n        {headerActions && (\r\n          <div\r\n            className=\"flex items-center gap-gp-xs shrink-0\"\r\n            data-slot=\"card-actions\"\r\n          >\r\n            {headerActions}\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {items.length > 0 && (\r\n        <div className=\"flex flex-col gap-gp-md\">\r\n          {items.map((item, i) => (\r\n            <div key={item.key ?? i} className={styles.cardItem()}>\r\n              <span className={styles.cardLabel()}>{item.label}</span>\r\n              <span className={styles.cardValue()}>{item.value}</span>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","import * as React from \"react\";\r\nimport { tv, type VariantProps } from \"@/utils/tv\";\r\n\r\n/**\r\n * Badge — pill/tag visual indicator alinhado com sandbox.\r\n *\r\n * Patterns suportados:\r\n *   - Counter (.tbl-page-count): default shape (radius-sm 6px), soft primary\r\n *   - Status chip (.chip): shape=\"pill\" (radius-full), soft + colored\r\n *   - Inline tag: default shape, qualquer cor\r\n *\r\n * API:\r\n *   color:   primary | secondary | critical | success | warning | info\r\n *   variant: solid | soft | outline | ghost\r\n *   size:    sm (20px) | md (24px, default) | lg (28px)\r\n *   shape:   default (radius 6px) | pill (radius full)\r\n */\r\nconst badgeVariants = tv({\r\n  base: [\r\n    \"inline-flex items-center justify-center\",\r\n    \"border border-transparent\",\r\n    \"font-semibold leading-none whitespace-nowrap\",\r\n    \"transition-colors\",\r\n    \"focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary\",\r\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n  ],\r\n\r\n  variants: {\r\n    color: {\r\n      primary: \"\",\r\n      secondary: \"\",\r\n      critical: \"\",\r\n      success: \"\",\r\n      warning: \"\",\r\n      info: \"\",\r\n    },\r\n\r\n    variant: {\r\n      solid: \"\",\r\n      soft: \"\",\r\n      outline: \"bg-transparent\",\r\n      ghost: \"bg-transparent border-transparent\",\r\n    },\r\n\r\n    size: {\r\n      sm: \"h-comp-2xs px-pad-sm text-caption-xs gap-gp-2xs [&_svg]:size-3\",     // 20px / 6 / 10\r\n      md: \"h-comp-xs px-pad-md text-body-xs gap-gp-xs [&_svg]:size-3.5\",  // 24px / 8 / 12 (default)\r\n      lg: \"h-comp-sm px-pad-lg text-body-sm font-normal gap-gp-sm [&_svg]:size-4\",      // 28px / 10 / 13\r\n    },\r\n\r\n    shape: {\r\n      default: \"rounded-radius-sm\",   // 6px — counter, value tags\r\n      pill: \"rounded-radius-full\",    // pill — status chips\r\n    },\r\n  },\r\n\r\n  compoundVariants: [\r\n    /* ── Primary (brand) ─────────────────────────────────────────────── */\r\n    { color: \"primary\", variant: \"solid\",   class: \"bg-bg-brand text-fg-on-brand\" },\r\n    { color: \"primary\", variant: \"soft\",    class: \"bg-bg-brand-subtle text-fg-brand\" },\r\n    { color: \"primary\", variant: \"outline\", class: \"border-border-brand text-fg-brand\" },\r\n    { color: \"primary\", variant: \"ghost\",   class: \"text-fg-brand\" },\r\n\r\n    /* ── Secondary (neutral) ─────────────────────────────────────────── */\r\n    { color: \"secondary\", variant: \"solid\",   class: \"bg-bg-emphasis text-fg-default\" },\r\n    { color: \"secondary\", variant: \"soft\",    class: \"bg-bg-muted text-fg-muted\" },\r\n    { color: \"secondary\", variant: \"outline\", class: \"border-border-default text-fg-default\" },\r\n    { color: \"secondary\", variant: \"ghost\",   class: \"text-fg-muted\" },\r\n\r\n    /* ── Critical (danger) ───────────────────────────────────────────── */\r\n    { color: \"critical\", variant: \"solid\",   class: \"bg-bg-danger text-fg-on-danger\" },\r\n    { color: \"critical\", variant: \"soft\",    class: \"bg-bg-danger-muted text-fg-danger\" },\r\n    { color: \"critical\", variant: \"outline\", class: \"border-border-danger-muted text-fg-danger\" },\r\n    { color: \"critical\", variant: \"ghost\",   class: \"text-fg-danger\" },\r\n\r\n    /* ── Success ─────────────────────────────────────────────────────── */\r\n    { color: \"success\", variant: \"solid\",   class: \"bg-bg-success text-fg-on-success\" },\r\n    { color: \"success\", variant: \"soft\",    class: \"bg-bg-success-muted text-fg-success\" },\r\n    { color: \"success\", variant: \"outline\", class: \"border-border-success-muted text-fg-success\" },\r\n    { color: \"success\", variant: \"ghost\",   class: \"text-fg-success\" },\r\n\r\n    /* ── Warning ─────────────────────────────────────────────────────── */\r\n    { color: \"warning\", variant: \"solid\",   class: \"bg-bg-warning text-fg-on-warning\" },\r\n    { color: \"warning\", variant: \"soft\",    class: \"bg-bg-warning-muted text-fg-warning\" },\r\n    { color: \"warning\", variant: \"outline\", class: \"border-border-warning-muted text-fg-warning\" },\r\n    { color: \"warning\", variant: \"ghost\",   class: \"text-fg-warning\" },\r\n\r\n    /* ── Info ────────────────────────────────────────────────────────── */\r\n    { color: \"info\", variant: \"solid\",   class: \"bg-bg-info text-fg-on-info\" },\r\n    { color: \"info\", variant: \"soft\",    class: \"bg-bg-info-muted text-fg-info\" },\r\n    { color: \"info\", variant: \"outline\", class: \"border-border-info-muted text-fg-info\" },\r\n    { color: \"info\", variant: \"ghost\",   class: \"text-fg-info\" },\r\n  ],\r\n\r\n  defaultVariants: {\r\n    color: \"secondary\",\r\n    variant: \"soft\",\r\n    size: \"md\",\r\n    shape: \"default\",\r\n  },\r\n});\r\n\r\nexport type BadgeVariantProps = VariantProps<typeof badgeVariants>;\r\n\r\nexport interface BadgeProps\r\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\r\n    BadgeVariantProps {\r\n  asChild?: boolean;\r\n}\r\n\r\nfunction Badge({ className, color, variant, size, shape, ...props }: BadgeProps) {\r\n  return (\r\n    <span\r\n      className={badgeVariants({ color, variant, size, shape, className })}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Badge, badgeVariants };\r\n"],"names":["React","jsx","CheckboxPrimitive","cn","Minus","Check","tv","useState","useRef","useCallback","useEffect","createContext","useContext","styles","forwardRef","TableRow","TableCell","TableHeadCell","jsxs","ArrowUp","ArrowDown","ArrowUpDown"],"mappings":"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"}

package/dist-lib/chunks/chat-v2-mocks-BV9Wha_Z.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-v2-mocks-BV9Wha_Z.cjs","sources":["../../src/preview/pages/ChatV2/chat-v2-mocks.ts"],"sourcesContent":["import {\n  CheckCircle2,\n  Clock,\n  Crown,\n  Inbox,\n  Mail,\n  MessageSquare,\n  Send,\n  Shield,\n  Users,\n} from \"lucide-react\";\nimport type {\n  ChannelId,\n  Conversation,\n  ConversationDetail,\n  ConversationStatus,\n  FilterGroupKey,\n  FilterItem,\n  Message,\n} from \"./chat-v2.types\";\n\n/* ── Lookups por canal ──────────────────────────────────────────── */\n\nexport const CHANNEL_LABEL: Record<ChannelId, string> = {\n  whatsapp:  \"WhatsApp\",\n  telegram:  \"Telegram\",\n  instagram: \"Instagram\",\n  webchat:   \"Web Chat\",\n  email:     \"Email\",\n};\n\nexport const CHANNEL_HEX: Record<ChannelId, string> = {\n  whatsapp:  \"#25d366\",\n  telegram:  \"#0088cc\",\n  instagram: \"#e1306c\",\n  webchat:   \"#0a3a2e\",\n  email:     \"#8754ec\",\n};\n\n/* ── Status dot (cor por status na sidebar/header) ──────────────── */\n\nexport const STATUS_DOT: Record<ConversationStatus, string> = {\n  attending: \"var(--color-fg-success)\",\n  waiting:   \"var(--color-fg-warning)\",\n  ai:        \"var(--color-fg-info)\",\n};\n\n/* ── Conversations (fila) ───────────────────────────────────────── */\n\nexport const CONVERSATIONS: Conversation[] = [\n  {\n    id: \"#A-2453\", name: \"Maria Hernandez\", initials: \"MH\", avatarHex: \"#f59e0b\",\n    channel: \"whatsapp\", tag: \"Royal\", tagKind: \"warning\",\n    status: \"attending\", statusLabel: \"Em atendimento\",\n    last: \"Quanto seria o investimento inicial?\", time: \"10:42\", unread: 0,\n  },\n  {\n    id: \"#A-2455\", name: \"James Johnson\", initials: \"JJ\", avatarHex: \"#0a3a2e\",\n    channel: \"telegram\", tag: \"Licenciado\", tagKind: \"info\",\n    status: \"waiting\", statusLabel: \"Em espera\",\n    last: \"Hey, how are you?\", time: \"10:30\", unread: 2,\n  },\n  {\n    id: \"#A-2458\", name: \"Camila Ribeiro\", initials: \"CR\", avatarHex: \"#8754ec\",\n    channel: \"instagram\", tag: \"Royal\", tagKind: \"warning\",\n    status: \"attending\", statusLabel: \"Em atendimento\",\n    last: \"Vou enviar os documentos hoje à tarde\", time: \"09:55\", unread: 1,\n  },\n  {\n    id: \"#A-2461\", name: \"Roberto Souza\", initials: \"RS\", avatarHex: \"#0088cc\",\n    channel: \"whatsapp\", tag: \"Lead\", tagKind: \"success\",\n    status: \"ai\", statusLabel: \"IA\",\n    last: \"Obrigado! Vou avaliar a proposta.\", time: \"Ontem\", unread: 0,\n  },\n  {\n    id: \"#A-2466\", name: \"Ana Costa\", initials: \"AC\", avatarHex: \"#1cb280\",\n    channel: \"email\", tag: \"Licenciado\", tagKind: \"info\",\n    status: \"waiting\", statusLabel: \"Em espera\",\n    last: \"Bom dia! Quando podemos conversar?\", time: \"Ontem\", unread: 0,\n  },\n  {\n    id: \"#A-2470\", name: \"Pedro Pereira\", initials: \"PP\", avatarHex: \"#ef4444\",\n    channel: \"webchat\", tag: \"Lead\", tagKind: \"success\",\n    status: \"attending\", statusLabel: \"Em atendimento\",\n    last: \"Recebi os materiais, muito bons!\", time: \"Seg\", unread: 0,\n  },\n];\n\n/* ── Filtros (sidebar esquerda) ─────────────────────────────────── */\n\nexport const STATUS_WORKFLOW: FilterItem[] = [\n  { id: \"open\",     name: \"Abertos\",    count: 24, hasUnread: true,  icon: Inbox },\n  { id: \"pending\",  name: \"Pendentes\",  count: 6,                    icon: Clock },\n  { id: \"resolved\", name: \"Resolvidos\", count: 18,                   icon: CheckCircle2 },\n];\n\nexport const CHANNELS_LIST: FilterItem[] = [\n  { id: \"whatsapp\",  name: \"WhatsApp\",  count: 12, hasUnread: true, color: \"#25d366\", icon: MessageSquare },\n  { id: \"telegram\",  name: \"Telegram\",  count: 4,                    color: \"#0088cc\", icon: Send },\n  { id: \"instagram\", name: \"Instagram\", count: 5,                    color: \"#e1306c\", icon: MessageSquare },\n  { id: \"webchat\",   name: \"Web Chat\",  count: 2,                    color: \"#0a3a2e\", icon: MessageSquare },\n  { id: \"email\",     name: \"Email\",     count: 1,                    color: \"#8754ec\", icon: Mail },\n];\n\nexport const CATEGORIES_LIST: FilterItem[] = [\n  { id: \"royal\",      name: \"Royals\",      count: 9,  color: \"#f6b51e\", icon: Crown },\n  { id: \"licenciado\", name: \"Licenciados\", count: 11, color: \"#8754ec\", icon: Shield },\n  { id: \"lead\",       name: \"Leads\",       count: 4,  color: \"#70c748\", icon: Users },\n];\n\nexport const STATUS_INNER_LIST: FilterItem[] = [\n  { id: \"attending\", name: \"Em atendimento\", count: 8, color: \"var(--color-fg-success)\" },\n  { id: \"waiting\",   name: \"Em espera\",      count: 7, color: \"var(--color-fg-warning)\" },\n  { id: \"ai\",        name: \"IA\",             count: 9, color: \"var(--color-fg-info)\" },\n];\n\n/* ── Ordem canônica dos 4 grupos de filtros ───────────────────── */\n\n/**\n * Fonte única dos grupos de filtros. Consumido por `FiltersColumn` (com\n * `title`) e `FiltersRail` (sem `title`, divisor entre grupos).\n */\nexport const FILTER_GROUPS: {\n  group: FilterGroupKey;\n  title: string;\n  items: FilterItem[];\n}[] = [\n  { group: \"status\",      title: \"STATUS\",         items: STATUS_WORKFLOW },\n  { group: \"channels\",    title: \"CANAIS\",         items: CHANNELS_LIST },\n  { group: \"categories\",  title: \"CATEGORIAS\",     items: CATEGORIES_LIST },\n  { group: \"innerStatus\", title: \"STATUS INTERNO\", items: STATUS_INNER_LIST },\n];\n\n/* ── Conversation details (painel direito) ──────────────────────── */\n\nexport const CONVERSATION_DETAILS: Record<string, ConversationDetail> = {\n  \"#A-2453\": {\n    phone: \"+55 11 98765-4321\",\n    email: \"maria.hernandez@example.com\",\n    firstContact: \"12 mar 2024\",\n    assignedTo: \"Você\",\n    createdAt: \"Hoje, 09:30\",\n    extraTags: [\"VIP\", \"Setor financeiro\"],\n    history: [\n      { id: \"#A-2401\", date: \"20 abr 2024\", subject: \"Dúvida sobre comissão\",    status: \"Resolvido\" },\n      { id: \"#A-2389\", date: \"15 abr 2024\", subject: \"Reativação de conta\",      status: \"Resolvido\" },\n      { id: \"#A-2367\", date: \"10 abr 2024\", subject: \"Materiais exclusivos\",     status: \"Resolvido\" },\n    ],\n  },\n};\n\nexport const DEFAULT_DETAIL: ConversationDetail = {\n  phone: \"—\",\n  email: \"—\",\n  firstContact: \"—\",\n  assignedTo: \"—\",\n  createdAt: \"—\",\n  extraTags: [],\n  history: [],\n};\n\n/* ── Sample messages (thread inicial da conversa ativa) ─────────── */\n\nexport const SAMPLE_MESSAGES: Message[] = [\n  { id: 1, from: \"them\", text: \"Olá! Bom dia 👋\", time: \"10:30\" },\n  { id: 2, from: \"them\", text: \"Vi a oferta de vocês para licenciados Royal e gostaria de mais informações.\", time: \"10:30\" },\n  { id: 3, from: \"me\",   text: \"Bom dia, Maria! Tudo bem? 😊 Posso te ajudar com toda alegria.\", time: \"10:32\", status: \"read\" },\n  { id: 4, from: \"me\",   text: \"A oferta para Royals inclui 30% de comissão recorrente, suporte prioritário e materiais exclusivos.\", time: \"10:32\", status: \"read\" },\n  { id: 5, from: \"them\", text: \"Have good budget for the project.\", time: \"10:42\" },\n  { id: 6, from: \"them\", text: \"Quanto seria o investimento inicial?\", time: \"10:42\" },\n];\n"],"names":["Inbox","Clock","CheckCircle2","MessageSquare","Send","Mail","Crown","Shield","Users"],"mappings":"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"}
+{"version":3,"file":"chat-v2-mocks-BV9Wha_Z.cjs","sources":["../../src/preview/pages/ChatV2/chat-v2-mocks.ts"],"sourcesContent":["import {\r\n  CheckCircle2,\r\n  Clock,\r\n  Crown,\r\n  Inbox,\r\n  Mail,\r\n  MessageSquare,\r\n  Send,\r\n  Shield,\r\n  Users,\r\n} from \"lucide-react\";\r\nimport type {\r\n  ChannelId,\r\n  Conversation,\r\n  ConversationDetail,\r\n  ConversationStatus,\r\n  FilterGroupKey,\r\n  FilterItem,\r\n  Message,\r\n} from \"./chat-v2.types\";\r\n\r\n/* ── Lookups por canal ──────────────────────────────────────────── */\r\n\r\nexport const CHANNEL_LABEL: Record<ChannelId, string> = {\r\n  whatsapp:  \"WhatsApp\",\r\n  telegram:  \"Telegram\",\r\n  instagram: \"Instagram\",\r\n  webchat:   \"Web Chat\",\r\n  email:     \"Email\",\r\n};\r\n\r\nexport const CHANNEL_HEX: Record<ChannelId, string> = {\r\n  whatsapp:  \"#25d366\",\r\n  telegram:  \"#0088cc\",\r\n  instagram: \"#e1306c\",\r\n  webchat:   \"#0a3a2e\",\r\n  email:     \"#8754ec\",\r\n};\r\n\r\n/* ── Status dot (cor por status na sidebar/header) ──────────────── */\r\n\r\nexport const STATUS_DOT: Record<ConversationStatus, string> = {\r\n  attending: \"var(--color-fg-success)\",\r\n  waiting:   \"var(--color-fg-warning)\",\r\n  ai:        \"var(--color-fg-info)\",\r\n};\r\n\r\n/* ── Conversations (fila) ───────────────────────────────────────── */\r\n\r\nexport const CONVERSATIONS: Conversation[] = [\r\n  {\r\n    id: \"#A-2453\", name: \"Maria Hernandez\", initials: \"MH\", avatarHex: \"#f59e0b\",\r\n    channel: \"whatsapp\", tag: \"Royal\", tagKind: \"warning\",\r\n    status: \"attending\", statusLabel: \"Em atendimento\",\r\n    last: \"Quanto seria o investimento inicial?\", time: \"10:42\", unread: 0,\r\n  },\r\n  {\r\n    id: \"#A-2455\", name: \"James Johnson\", initials: \"JJ\", avatarHex: \"#0a3a2e\",\r\n    channel: \"telegram\", tag: \"Licenciado\", tagKind: \"info\",\r\n    status: \"waiting\", statusLabel: \"Em espera\",\r\n    last: \"Hey, how are you?\", time: \"10:30\", unread: 2,\r\n  },\r\n  {\r\n    id: \"#A-2458\", name: \"Camila Ribeiro\", initials: \"CR\", avatarHex: \"#8754ec\",\r\n    channel: \"instagram\", tag: \"Royal\", tagKind: \"warning\",\r\n    status: \"attending\", statusLabel: \"Em atendimento\",\r\n    last: \"Vou enviar os documentos hoje à tarde\", time: \"09:55\", unread: 1,\r\n  },\r\n  {\r\n    id: \"#A-2461\", name: \"Roberto Souza\", initials: \"RS\", avatarHex: \"#0088cc\",\r\n    channel: \"whatsapp\", tag: \"Lead\", tagKind: \"success\",\r\n    status: \"ai\", statusLabel: \"IA\",\r\n    last: \"Obrigado! Vou avaliar a proposta.\", time: \"Ontem\", unread: 0,\r\n  },\r\n  {\r\n    id: \"#A-2466\", name: \"Ana Costa\", initials: \"AC\", avatarHex: \"#1cb280\",\r\n    channel: \"email\", tag: \"Licenciado\", tagKind: \"info\",\r\n    status: \"waiting\", statusLabel: \"Em espera\",\r\n    last: \"Bom dia! Quando podemos conversar?\", time: \"Ontem\", unread: 0,\r\n  },\r\n  {\r\n    id: \"#A-2470\", name: \"Pedro Pereira\", initials: \"PP\", avatarHex: \"#ef4444\",\r\n    channel: \"webchat\", tag: \"Lead\", tagKind: \"success\",\r\n    status: \"attending\", statusLabel: \"Em atendimento\",\r\n    last: \"Recebi os materiais, muito bons!\", time: \"Seg\", unread: 0,\r\n  },\r\n];\r\n\r\n/* ── Filtros (sidebar esquerda) ─────────────────────────────────── */\r\n\r\nexport const STATUS_WORKFLOW: FilterItem[] = [\r\n  { id: \"open\",     name: \"Abertos\",    count: 24, hasUnread: true,  icon: Inbox },\r\n  { id: \"pending\",  name: \"Pendentes\",  count: 6,                    icon: Clock },\r\n  { id: \"resolved\", name: \"Resolvidos\", count: 18,                   icon: CheckCircle2 },\r\n];\r\n\r\nexport const CHANNELS_LIST: FilterItem[] = [\r\n  { id: \"whatsapp\",  name: \"WhatsApp\",  count: 12, hasUnread: true, color: \"#25d366\", icon: MessageSquare },\r\n  { id: \"telegram\",  name: \"Telegram\",  count: 4,                    color: \"#0088cc\", icon: Send },\r\n  { id: \"instagram\", name: \"Instagram\", count: 5,                    color: \"#e1306c\", icon: MessageSquare },\r\n  { id: \"webchat\",   name: \"Web Chat\",  count: 2,                    color: \"#0a3a2e\", icon: MessageSquare },\r\n  { id: \"email\",     name: \"Email\",     count: 1,                    color: \"#8754ec\", icon: Mail },\r\n];\r\n\r\nexport const CATEGORIES_LIST: FilterItem[] = [\r\n  { id: \"royal\",      name: \"Royals\",      count: 9,  color: \"#f6b51e\", icon: Crown },\r\n  { id: \"licenciado\", name: \"Licenciados\", count: 11, color: \"#8754ec\", icon: Shield },\r\n  { id: \"lead\",       name: \"Leads\",       count: 4,  color: \"#70c748\", icon: Users },\r\n];\r\n\r\nexport const STATUS_INNER_LIST: FilterItem[] = [\r\n  { id: \"attending\", name: \"Em atendimento\", count: 8, color: \"var(--color-fg-success)\" },\r\n  { id: \"waiting\",   name: \"Em espera\",      count: 7, color: \"var(--color-fg-warning)\" },\r\n  { id: \"ai\",        name: \"IA\",             count: 9, color: \"var(--color-fg-info)\" },\r\n];\r\n\r\n/* ── Ordem canônica dos 4 grupos de filtros ───────────────────── */\r\n\r\n/**\r\n * Fonte única dos grupos de filtros. Consumido por `FiltersColumn` (com\r\n * `title`) e `FiltersRail` (sem `title`, divisor entre grupos).\r\n */\r\nexport const FILTER_GROUPS: {\r\n  group: FilterGroupKey;\r\n  title: string;\r\n  items: FilterItem[];\r\n}[] = [\r\n  { group: \"status\",      title: \"STATUS\",         items: STATUS_WORKFLOW },\r\n  { group: \"channels\",    title: \"CANAIS\",         items: CHANNELS_LIST },\r\n  { group: \"categories\",  title: \"CATEGORIAS\",     items: CATEGORIES_LIST },\r\n  { group: \"innerStatus\", title: \"STATUS INTERNO\", items: STATUS_INNER_LIST },\r\n];\r\n\r\n/* ── Conversation details (painel direito) ──────────────────────── */\r\n\r\nexport const CONVERSATION_DETAILS: Record<string, ConversationDetail> = {\r\n  \"#A-2453\": {\r\n    phone: \"+55 11 98765-4321\",\r\n    email: \"maria.hernandez@example.com\",\r\n    firstContact: \"12 mar 2024\",\r\n    assignedTo: \"Você\",\r\n    createdAt: \"Hoje, 09:30\",\r\n    extraTags: [\"VIP\", \"Setor financeiro\"],\r\n    history: [\r\n      { id: \"#A-2401\", date: \"20 abr 2024\", subject: \"Dúvida sobre comissão\",    status: \"Resolvido\" },\r\n      { id: \"#A-2389\", date: \"15 abr 2024\", subject: \"Reativação de conta\",      status: \"Resolvido\" },\r\n      { id: \"#A-2367\", date: \"10 abr 2024\", subject: \"Materiais exclusivos\",     status: \"Resolvido\" },\r\n    ],\r\n  },\r\n};\r\n\r\nexport const DEFAULT_DETAIL: ConversationDetail = {\r\n  phone: \"—\",\r\n  email: \"—\",\r\n  firstContact: \"—\",\r\n  assignedTo: \"—\",\r\n  createdAt: \"—\",\r\n  extraTags: [],\r\n  history: [],\r\n};\r\n\r\n/* ── Sample messages (thread inicial da conversa ativa) ─────────── */\r\n\r\nexport const SAMPLE_MESSAGES: Message[] = [\r\n  { id: 1, from: \"them\", text: \"Olá! Bom dia 👋\", time: \"10:30\" },\r\n  { id: 2, from: \"them\", text: \"Vi a oferta de vocês para licenciados Royal e gostaria de mais informações.\", time: \"10:30\" },\r\n  { id: 3, from: \"me\",   text: \"Bom dia, Maria! Tudo bem? 😊 Posso te ajudar com toda alegria.\", time: \"10:32\", status: \"read\" },\r\n  { id: 4, from: \"me\",   text: \"A oferta para Royals inclui 30% de comissão recorrente, suporte prioritário e materiais exclusivos.\", time: \"10:32\", status: \"read\" },\r\n  { id: 5, from: \"them\", text: \"Have good budget for the project.\", time: \"10:42\" },\r\n  { id: 6, from: \"them\", text: \"Quanto seria o investimento inicial?\", time: \"10:42\" },\r\n];\r\n"],"names":["Inbox","Clock","CheckCircle2","MessageSquare","Send","Mail","Crown","Shield","Users"],"mappings":"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"}

package/dist-lib/chunks/chat-v2-mocks-DvZRkhmz.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-v2-mocks-DvZRkhmz.mjs","sources":["../../src/preview/pages/ChatV2/chat-v2-mocks.ts"],"sourcesContent":["import {\n  CheckCircle2,\n  Clock,\n  Crown,\n  Inbox,\n  Mail,\n  MessageSquare,\n  Send,\n  Shield,\n  Users,\n} from \"lucide-react\";\nimport type {\n  ChannelId,\n  Conversation,\n  ConversationDetail,\n  ConversationStatus,\n  FilterGroupKey,\n  FilterItem,\n  Message,\n} from \"./chat-v2.types\";\n\n/* ── Lookups por canal ──────────────────────────────────────────── */\n\nexport const CHANNEL_LABEL: Record<ChannelId, string> = {\n  whatsapp:  \"WhatsApp\",\n  telegram:  \"Telegram\",\n  instagram: \"Instagram\",\n  webchat:   \"Web Chat\",\n  email:     \"Email\",\n};\n\nexport const CHANNEL_HEX: Record<ChannelId, string> = {\n  whatsapp:  \"#25d366\",\n  telegram:  \"#0088cc\",\n  instagram: \"#e1306c\",\n  webchat:   \"#0a3a2e\",\n  email:     \"#8754ec\",\n};\n\n/* ── Status dot (cor por status na sidebar/header) ──────────────── */\n\nexport const STATUS_DOT: Record<ConversationStatus, string> = {\n  attending: \"var(--color-fg-success)\",\n  waiting:   \"var(--color-fg-warning)\",\n  ai:        \"var(--color-fg-info)\",\n};\n\n/* ── Conversations (fila) ───────────────────────────────────────── */\n\nexport const CONVERSATIONS: Conversation[] = [\n  {\n    id: \"#A-2453\", name: \"Maria Hernandez\", initials: \"MH\", avatarHex: \"#f59e0b\",\n    channel: \"whatsapp\", tag: \"Royal\", tagKind: \"warning\",\n    status: \"attending\", statusLabel: \"Em atendimento\",\n    last: \"Quanto seria o investimento inicial?\", time: \"10:42\", unread: 0,\n  },\n  {\n    id: \"#A-2455\", name: \"James Johnson\", initials: \"JJ\", avatarHex: \"#0a3a2e\",\n    channel: \"telegram\", tag: \"Licenciado\", tagKind: \"info\",\n    status: \"waiting\", statusLabel: \"Em espera\",\n    last: \"Hey, how are you?\", time: \"10:30\", unread: 2,\n  },\n  {\n    id: \"#A-2458\", name: \"Camila Ribeiro\", initials: \"CR\", avatarHex: \"#8754ec\",\n    channel: \"instagram\", tag: \"Royal\", tagKind: \"warning\",\n    status: \"attending\", statusLabel: \"Em atendimento\",\n    last: \"Vou enviar os documentos hoje à tarde\", time: \"09:55\", unread: 1,\n  },\n  {\n    id: \"#A-2461\", name: \"Roberto Souza\", initials: \"RS\", avatarHex: \"#0088cc\",\n    channel: \"whatsapp\", tag: \"Lead\", tagKind: \"success\",\n    status: \"ai\", statusLabel: \"IA\",\n    last: \"Obrigado! Vou avaliar a proposta.\", time: \"Ontem\", unread: 0,\n  },\n  {\n    id: \"#A-2466\", name: \"Ana Costa\", initials: \"AC\", avatarHex: \"#1cb280\",\n    channel: \"email\", tag: \"Licenciado\", tagKind: \"info\",\n    status: \"waiting\", statusLabel: \"Em espera\",\n    last: \"Bom dia! Quando podemos conversar?\", time: \"Ontem\", unread: 0,\n  },\n  {\n    id: \"#A-2470\", name: \"Pedro Pereira\", initials: \"PP\", avatarHex: \"#ef4444\",\n    channel: \"webchat\", tag: \"Lead\", tagKind: \"success\",\n    status: \"attending\", statusLabel: \"Em atendimento\",\n    last: \"Recebi os materiais, muito bons!\", time: \"Seg\", unread: 0,\n  },\n];\n\n/* ── Filtros (sidebar esquerda) ─────────────────────────────────── */\n\nexport const STATUS_WORKFLOW: FilterItem[] = [\n  { id: \"open\",     name: \"Abertos\",    count: 24, hasUnread: true,  icon: Inbox },\n  { id: \"pending\",  name: \"Pendentes\",  count: 6,                    icon: Clock },\n  { id: \"resolved\", name: \"Resolvidos\", count: 18,                   icon: CheckCircle2 },\n];\n\nexport const CHANNELS_LIST: FilterItem[] = [\n  { id: \"whatsapp\",  name: \"WhatsApp\",  count: 12, hasUnread: true, color: \"#25d366\", icon: MessageSquare },\n  { id: \"telegram\",  name: \"Telegram\",  count: 4,                    color: \"#0088cc\", icon: Send },\n  { id: \"instagram\", name: \"Instagram\", count: 5,                    color: \"#e1306c\", icon: MessageSquare },\n  { id: \"webchat\",   name: \"Web Chat\",  count: 2,                    color: \"#0a3a2e\", icon: MessageSquare },\n  { id: \"email\",     name: \"Email\",     count: 1,                    color: \"#8754ec\", icon: Mail },\n];\n\nexport const CATEGORIES_LIST: FilterItem[] = [\n  { id: \"royal\",      name: \"Royals\",      count: 9,  color: \"#f6b51e\", icon: Crown },\n  { id: \"licenciado\", name: \"Licenciados\", count: 11, color: \"#8754ec\", icon: Shield },\n  { id: \"lead\",       name: \"Leads\",       count: 4,  color: \"#70c748\", icon: Users },\n];\n\nexport const STATUS_INNER_LIST: FilterItem[] = [\n  { id: \"attending\", name: \"Em atendimento\", count: 8, color: \"var(--color-fg-success)\" },\n  { id: \"waiting\",   name: \"Em espera\",      count: 7, color: \"var(--color-fg-warning)\" },\n  { id: \"ai\",        name: \"IA\",             count: 9, color: \"var(--color-fg-info)\" },\n];\n\n/* ── Ordem canônica dos 4 grupos de filtros ───────────────────── */\n\n/**\n * Fonte única dos grupos de filtros. Consumido por `FiltersColumn` (com\n * `title`) e `FiltersRail` (sem `title`, divisor entre grupos).\n */\nexport const FILTER_GROUPS: {\n  group: FilterGroupKey;\n  title: string;\n  items: FilterItem[];\n}[] = [\n  { group: \"status\",      title: \"STATUS\",         items: STATUS_WORKFLOW },\n  { group: \"channels\",    title: \"CANAIS\",         items: CHANNELS_LIST },\n  { group: \"categories\",  title: \"CATEGORIAS\",     items: CATEGORIES_LIST },\n  { group: \"innerStatus\", title: \"STATUS INTERNO\", items: STATUS_INNER_LIST },\n];\n\n/* ── Conversation details (painel direito) ──────────────────────── */\n\nexport const CONVERSATION_DETAILS: Record<string, ConversationDetail> = {\n  \"#A-2453\": {\n    phone: \"+55 11 98765-4321\",\n    email: \"maria.hernandez@example.com\",\n    firstContact: \"12 mar 2024\",\n    assignedTo: \"Você\",\n    createdAt: \"Hoje, 09:30\",\n    extraTags: [\"VIP\", \"Setor financeiro\"],\n    history: [\n      { id: \"#A-2401\", date: \"20 abr 2024\", subject: \"Dúvida sobre comissão\",    status: \"Resolvido\" },\n      { id: \"#A-2389\", date: \"15 abr 2024\", subject: \"Reativação de conta\",      status: \"Resolvido\" },\n      { id: \"#A-2367\", date: \"10 abr 2024\", subject: \"Materiais exclusivos\",     status: \"Resolvido\" },\n    ],\n  },\n};\n\nexport const DEFAULT_DETAIL: ConversationDetail = {\n  phone: \"—\",\n  email: \"—\",\n  firstContact: \"—\",\n  assignedTo: \"—\",\n  createdAt: \"—\",\n  extraTags: [],\n  history: [],\n};\n\n/* ── Sample messages (thread inicial da conversa ativa) ─────────── */\n\nexport const SAMPLE_MESSAGES: Message[] = [\n  { id: 1, from: \"them\", text: \"Olá! Bom dia 👋\", time: \"10:30\" },\n  { id: 2, from: \"them\", text: \"Vi a oferta de vocês para licenciados Royal e gostaria de mais informações.\", time: \"10:30\" },\n  { id: 3, from: \"me\",   text: \"Bom dia, Maria! Tudo bem? 😊 Posso te ajudar com toda alegria.\", time: \"10:32\", status: \"read\" },\n  { id: 4, from: \"me\",   text: \"A oferta para Royals inclui 30% de comissão recorrente, suporte prioritário e materiais exclusivos.\", time: \"10:32\", status: \"read\" },\n  { id: 5, from: \"them\", text: \"Have good budget for the project.\", time: \"10:42\" },\n  { id: 6, from: \"them\", text: \"Quanto seria o investimento inicial?\", time: \"10:42\" },\n];\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"chat-v2-mocks-DvZRkhmz.mjs","sources":["../../src/preview/pages/ChatV2/chat-v2-mocks.ts"],"sourcesContent":["import {\r\n  CheckCircle2,\r\n  Clock,\r\n  Crown,\r\n  Inbox,\r\n  Mail,\r\n  MessageSquare,\r\n  Send,\r\n  Shield,\r\n  Users,\r\n} from \"lucide-react\";\r\nimport type {\r\n  ChannelId,\r\n  Conversation,\r\n  ConversationDetail,\r\n  ConversationStatus,\r\n  FilterGroupKey,\r\n  FilterItem,\r\n  Message,\r\n} from \"./chat-v2.types\";\r\n\r\n/* ── Lookups por canal ──────────────────────────────────────────── */\r\n\r\nexport const CHANNEL_LABEL: Record<ChannelId, string> = {\r\n  whatsapp:  \"WhatsApp\",\r\n  telegram:  \"Telegram\",\r\n  instagram: \"Instagram\",\r\n  webchat:   \"Web Chat\",\r\n  email:     \"Email\",\r\n};\r\n\r\nexport const CHANNEL_HEX: Record<ChannelId, string> = {\r\n  whatsapp:  \"#25d366\",\r\n  telegram:  \"#0088cc\",\r\n  instagram: \"#e1306c\",\r\n  webchat:   \"#0a3a2e\",\r\n  email:     \"#8754ec\",\r\n};\r\n\r\n/* ── Status dot (cor por status na sidebar/header) ──────────────── */\r\n\r\nexport const STATUS_DOT: Record<ConversationStatus, string> = {\r\n  attending: \"var(--color-fg-success)\",\r\n  waiting:   \"var(--color-fg-warning)\",\r\n  ai:        \"var(--color-fg-info)\",\r\n};\r\n\r\n/* ── Conversations (fila) ───────────────────────────────────────── */\r\n\r\nexport const CONVERSATIONS: Conversation[] = [\r\n  {\r\n    id: \"#A-2453\", name: \"Maria Hernandez\", initials: \"MH\", avatarHex: \"#f59e0b\",\r\n    channel: \"whatsapp\", tag: \"Royal\", tagKind: \"warning\",\r\n    status: \"attending\", statusLabel: \"Em atendimento\",\r\n    last: \"Quanto seria o investimento inicial?\", time: \"10:42\", unread: 0,\r\n  },\r\n  {\r\n    id: \"#A-2455\", name: \"James Johnson\", initials: \"JJ\", avatarHex: \"#0a3a2e\",\r\n    channel: \"telegram\", tag: \"Licenciado\", tagKind: \"info\",\r\n    status: \"waiting\", statusLabel: \"Em espera\",\r\n    last: \"Hey, how are you?\", time: \"10:30\", unread: 2,\r\n  },\r\n  {\r\n    id: \"#A-2458\", name: \"Camila Ribeiro\", initials: \"CR\", avatarHex: \"#8754ec\",\r\n    channel: \"instagram\", tag: \"Royal\", tagKind: \"warning\",\r\n    status: \"attending\", statusLabel: \"Em atendimento\",\r\n    last: \"Vou enviar os documentos hoje à tarde\", time: \"09:55\", unread: 1,\r\n  },\r\n  {\r\n    id: \"#A-2461\", name: \"Roberto Souza\", initials: \"RS\", avatarHex: \"#0088cc\",\r\n    channel: \"whatsapp\", tag: \"Lead\", tagKind: \"success\",\r\n    status: \"ai\", statusLabel: \"IA\",\r\n    last: \"Obrigado! Vou avaliar a proposta.\", time: \"Ontem\", unread: 0,\r\n  },\r\n  {\r\n    id: \"#A-2466\", name: \"Ana Costa\", initials: \"AC\", avatarHex: \"#1cb280\",\r\n    channel: \"email\", tag: \"Licenciado\", tagKind: \"info\",\r\n    status: \"waiting\", statusLabel: \"Em espera\",\r\n    last: \"Bom dia! Quando podemos conversar?\", time: \"Ontem\", unread: 0,\r\n  },\r\n  {\r\n    id: \"#A-2470\", name: \"Pedro Pereira\", initials: \"PP\", avatarHex: \"#ef4444\",\r\n    channel: \"webchat\", tag: \"Lead\", tagKind: \"success\",\r\n    status: \"attending\", statusLabel: \"Em atendimento\",\r\n    last: \"Recebi os materiais, muito bons!\", time: \"Seg\", unread: 0,\r\n  },\r\n];\r\n\r\n/* ── Filtros (sidebar esquerda) ─────────────────────────────────── */\r\n\r\nexport const STATUS_WORKFLOW: FilterItem[] = [\r\n  { id: \"open\",     name: \"Abertos\",    count: 24, hasUnread: true,  icon: Inbox },\r\n  { id: \"pending\",  name: \"Pendentes\",  count: 6,                    icon: Clock },\r\n  { id: \"resolved\", name: \"Resolvidos\", count: 18,                   icon: CheckCircle2 },\r\n];\r\n\r\nexport const CHANNELS_LIST: FilterItem[] = [\r\n  { id: \"whatsapp\",  name: \"WhatsApp\",  count: 12, hasUnread: true, color: \"#25d366\", icon: MessageSquare },\r\n  { id: \"telegram\",  name: \"Telegram\",  count: 4,                    color: \"#0088cc\", icon: Send },\r\n  { id: \"instagram\", name: \"Instagram\", count: 5,                    color: \"#e1306c\", icon: MessageSquare },\r\n  { id: \"webchat\",   name: \"Web Chat\",  count: 2,                    color: \"#0a3a2e\", icon: MessageSquare },\r\n  { id: \"email\",     name: \"Email\",     count: 1,                    color: \"#8754ec\", icon: Mail },\r\n];\r\n\r\nexport const CATEGORIES_LIST: FilterItem[] = [\r\n  { id: \"royal\",      name: \"Royals\",      count: 9,  color: \"#f6b51e\", icon: Crown },\r\n  { id: \"licenciado\", name: \"Licenciados\", count: 11, color: \"#8754ec\", icon: Shield },\r\n  { id: \"lead\",       name: \"Leads\",       count: 4,  color: \"#70c748\", icon: Users },\r\n];\r\n\r\nexport const STATUS_INNER_LIST: FilterItem[] = [\r\n  { id: \"attending\", name: \"Em atendimento\", count: 8, color: \"var(--color-fg-success)\" },\r\n  { id: \"waiting\",   name: \"Em espera\",      count: 7, color: \"var(--color-fg-warning)\" },\r\n  { id: \"ai\",        name: \"IA\",             count: 9, color: \"var(--color-fg-info)\" },\r\n];\r\n\r\n/* ── Ordem canônica dos 4 grupos de filtros ───────────────────── */\r\n\r\n/**\r\n * Fonte única dos grupos de filtros. Consumido por `FiltersColumn` (com\r\n * `title`) e `FiltersRail` (sem `title`, divisor entre grupos).\r\n */\r\nexport const FILTER_GROUPS: {\r\n  group: FilterGroupKey;\r\n  title: string;\r\n  items: FilterItem[];\r\n}[] = [\r\n  { group: \"status\",      title: \"STATUS\",         items: STATUS_WORKFLOW },\r\n  { group: \"channels\",    title: \"CANAIS\",         items: CHANNELS_LIST },\r\n  { group: \"categories\",  title: \"CATEGORIAS\",     items: CATEGORIES_LIST },\r\n  { group: \"innerStatus\", title: \"STATUS INTERNO\", items: STATUS_INNER_LIST },\r\n];\r\n\r\n/* ── Conversation details (painel direito) ──────────────────────── */\r\n\r\nexport const CONVERSATION_DETAILS: Record<string, ConversationDetail> = {\r\n  \"#A-2453\": {\r\n    phone: \"+55 11 98765-4321\",\r\n    email: \"maria.hernandez@example.com\",\r\n    firstContact: \"12 mar 2024\",\r\n    assignedTo: \"Você\",\r\n    createdAt: \"Hoje, 09:30\",\r\n    extraTags: [\"VIP\", \"Setor financeiro\"],\r\n    history: [\r\n      { id: \"#A-2401\", date: \"20 abr 2024\", subject: \"Dúvida sobre comissão\",    status: \"Resolvido\" },\r\n      { id: \"#A-2389\", date: \"15 abr 2024\", subject: \"Reativação de conta\",      status: \"Resolvido\" },\r\n      { id: \"#A-2367\", date: \"10 abr 2024\", subject: \"Materiais exclusivos\",     status: \"Resolvido\" },\r\n    ],\r\n  },\r\n};\r\n\r\nexport const DEFAULT_DETAIL: ConversationDetail = {\r\n  phone: \"—\",\r\n  email: \"—\",\r\n  firstContact: \"—\",\r\n  assignedTo: \"—\",\r\n  createdAt: \"—\",\r\n  extraTags: [],\r\n  history: [],\r\n};\r\n\r\n/* ── Sample messages (thread inicial da conversa ativa) ─────────── */\r\n\r\nexport const SAMPLE_MESSAGES: Message[] = [\r\n  { id: 1, from: \"them\", text: \"Olá! Bom dia 👋\", time: \"10:30\" },\r\n  { id: 2, from: \"them\", text: \"Vi a oferta de vocês para licenciados Royal e gostaria de mais informações.\", time: \"10:30\" },\r\n  { id: 3, from: \"me\",   text: \"Bom dia, Maria! Tudo bem? 😊 Posso te ajudar com toda alegria.\", time: \"10:32\", status: \"read\" },\r\n  { id: 4, from: \"me\",   text: \"A oferta para Royals inclui 30% de comissão recorrente, suporte prioritário e materiais exclusivos.\", time: \"10:32\", status: \"read\" },\r\n  { id: 5, from: \"them\", text: \"Have good budget for the project.\", time: \"10:42\" },\r\n  { id: 6, from: \"them\", text: \"Quanto seria o investimento inicial?\", time: \"10:42\" },\r\n];\r\n"],"names":[],"mappings":"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"}